@charset "utf-8";

/* -----------------------------------------------------------------
 * Bootstrap / form-control(INPUT, SELECT)
 * ----------------------------------------------------------------- */
.input-group textarea.form-control {height:auto;}
.custom-select:focus {background:#fff;}

 select[multiple] option, select.form-control[multiple] option, .custom-select[multiple] option {font-size:1em; padding:.5em;}
 textarea.form-control {padding:1em; resize:none;}

.form-control, .custom-select, .bootstrap-select .dropdown-toggle {
	border-color:#f0f0f0;
	background-color:#f5f5f5;
	font-size: .9rem;
}

.btn-orignal:focus, .btn-outline-orignal:focus {
	border-color:#000;
	box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.1);
}

.form-control:focus {
	background-color:#fff;
	border:1px solid var(--main-color);
	box-shadow:none;
	transition: border-color 0.5s ease;
}

.custom-select:focus,
.bootstrap-select .dropdown-toggle:focus {
	border-color:var(--main-color);
	background-color:#fff;
	box-shadow:none;
}
.bootstrap-select u.opt {text-decoration:none;}
.bootstrap-select u.opt i.fa {padding-right:5px;}

.custom-select:focus, .custom-select:active, .custom-select:active:focus, .custom-select:active:hover, .custom-select:active.focus,
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select .dropdown-toggle:active, .bootstrap-select .dropdown-toggle:active:focus, .bootstrap-select .dropdown-toggle:active:hover, .bootstrap-select .dropdown-toggle:active.focus {
	background-color:#fff;
}

.form-control::placeholder {color:#c0c0c0; font-size:.9em;}

.form-control:disabled, .form-control[readonly], 
.custom-select:disabled, .custom-select[readonly], .custom-select:disabled:active:focus, .custom-select:disabled:active:hover, .custom-select:disabled:active.focus {
	border-style:solid;
	border-color:transparent transparent var(--gray-thin);
	border-width:1px;
	color: #999;
	background:none;
}

textarea.form-control:disabled, textarea.form-control[readonly] {border-color:var(--gray-thin);} 
input.form-control[readonly] {border-color:transparent transparent var(--gray-thin) !important;}

.input-group>.custom-select:not(:first-child), 
.input-group>.form-control:not(:first-child) {
	border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}
.input-group>.custom-select:not(:last-child), 
.input-group>.form-control:not(:last-child) {
	border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}

select.form-control[multiple] {padding:.375em;}
select.form-control[multiple] option {padding:.25em;}

.select-group select.custom-select {border:1px solid #ccc; border-bottom-left-radius:0; border-bottom-right-radius:0;}
.select-group select.form-control[multiple] {border-top-left-radius:0; border-top-right-radius:0; border-top:0;}

/* -----------------------------------------------------------------
 * Bootstrap / button
 * ----------------------------------------------------------------- */
.btn {box-shadow:none !important;}

.btn-outline-link {color: #505050;}
.btn-outline-link:focus {border-color:0; box-shadow:none;}

.btn-orignal {
    background: var(--main-color);
    color: var(--white);
}

.btn-orignal:hover, .btn-orignal:focus, 
.btn-orignal:active, .btn-orignal:active:focus, .btn-orignal:active:hover, .btn-orignal:active.focus,
.btn-orignal.active, .btn-orignal.active:focus, .btn-orignal.active:hover, .btn-orignal.active.focus,
.open > .dropdown-toggle.btn-orignal, 
.open > .dropdown-toggle.btn-orignal:hover,
.open > .dropdown-toggle.btn-orignal:focus, 
.open > .dropdown-toggle.btn-orignal.focus,
.btn-orignal.disabled:hover, .btn-orignal[disabled]:hover, fieldset[disabled] .btn-orignal:hover,
.btn-orignal.disabled:focus, .btn-orignal[disabled]:focus, fieldset[disabled] .btn-orignal:focus,
.btn-orignal.disabled.focus, .btn-orignal[disabled].focus, fieldset[disabled] .btn-orignal.focus {
    color: #fff;
	background: var(--main-color-dark);
	border-color:transparent;
}

.btn.disabled, .btn:disabled, .btn.disabled:hover, .btn:disabled:hover {
	background: var(--gray) !important;
	cursor: not-allowed;
	color: #ccc;
	opacity: .4;
}

.btn-outline-orignal {
    border: 1px solid var(--main-color); /*アウトラインのみのボタンの線の色*/
	background: #fff; /*ボタンの背景色*/
    color: var(--main-color); /*アウトラインのみのボタンのテキストの色*/
}

.btn-outline-orignal:hover, .btn-outline-orignal:focus, 
.btn-outline-orignal:active, .btn-outline-orignal:active:focus, .btn-outline-orignal:active:hover, .btn-outline-orignal:active.focus,
.btn-outline-orignal.active, .btn-outline-orignal.active:focus, .btn-outline-orignal.active:hover, .btn-outline-orignal.active.focus,
.open > .dropdown-toggle.btn-outline-orignal, 
.open > .dropdown-toggle.btn-outline-orignal:hover,
.open > .dropdown-toggle.btn-outline-orignal:active, 
.open > .dropdown-toggle.btn-outline-orignal.focus,
.btn-outline-orignal.disabled:hover, .btn-outline-orignal[disabled]:hover, fieldset[disabled] .btn-outline-orignal:hover,
.btn-outline-orignal.disabled:focus, .btn-outline-orignal[disabled]:focus, fieldset[disabled] .btn-outline-orignal:focus,
.btn-outline-orignal.disabled.focus, .btn-outline-orignal[disabled].focus, fieldset[disabled] .btn-outline-orignal.focus {
    background: var(--main-color-light); /*ボタンの上にポインタを持ってきたり、クリックしたりした時の背景色*/
    color: var(--main-color); /*ボタンの上にポインタを持ってきたり、クリックしたりした時のテキストの色*/
	border-color: var(--main-color);
}

.btn-outline-orignal:focus, .btn-outline-orignal:active:focus, .open > .dropdown-toggle.btn-outline-orignal:focus{background: var(--main-color-light);}

.btn-inset-left {border-top-right-radius:0; border-bottom-right-radius:0;}
.btn-inset-right {border-top-left-radius:0; border-bottom-left-radius:0;}

/* -----------------------------------------------------------------
 * Bootstrap / alert
 * ----------------------------------------------------------------- */
.alert {margin:10px 0 5px;}
.alert ul {padding-left:0em;}
.alert ul li {line-height:1.2em; font-family:monospace; letter-spacing:.5px;}
.alert-dismissible {padding-right:1em;}
.alert.closable .alert-dismissible {padding-right:3em;}
.alert-dismissible .close {padding: .4em .5em; font-size:.75em;}

.alert ul li code {display:inline-block; width:45px; text-align:right;}


/* -----------------------------------------------------------------
 * Bootstrap-select
 * ----------------------------------------------------------------- */
.dropdown-menu {border-radius:.2rem; font-size:.85rem;}
.dropdown-menu .dropdown-header {font-size:.7em;}
.dropdown-item {padding: .35rem 1.5rem;}
.bootstrap-select button .fa, 
.bootstrap-select .dropdown-menu .fa
{display:inline-block; width:20px; font-size:1.2em; margin-right:10px; border-radius:50%;}

.bootstrap-select .dropdown-menu .dropdown-item {padding:.35rem 1.5rem;}
.bootstrap-select .dropdown-menu li.disabled {margin-top:.25em;}
.bootstrap-select.icon .dropdown-menu .dropdown-item b {opacity:.5;}

.bootstrap-select .dropdown-toggle:focus {outline: none !important;}
.bootstrap-select .dropdown-toggle::after {display:none;}
.bootstrap-select .dropdown-toggle {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right .75rem center;
	background-size: 8px 10px;
	padding-right: 30px;
	margin-top: 1px;
}
.show > .btn-light.dropdown-toggle {background-color:#fff;}

.bs-actionsbox .btn-group button {white-space: nowrap;}

/* -----------------------------------------------------------------
 * Bootstrap-datepicker
 * ----------------------------------------------------------------- */
.datepicker {font-size: .85em;}
.datepicker-dropdown::before, .datepicker-dropdown::after {display:none;}

.datepicker table tr td span, .datepicker td, .datepicker th {border-radius: 0;}

.datepicker td, .datepicker th {
    width: 32px;
    height: 32px;
    vertical-align: middle;
}

.datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today.disabled:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today:active, .datepicker table tr td.today:hover, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today[disabled] {
	background-color: #eee;
	background-image:none;
}

.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled],
.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover:active,
.datepicker table tr td.today.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today:hover:active {
	background-color: var(--main-color);
	background-image:none;
}

.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover {
	background-color: #fff;
	background-image:none;
	font-weight:bold;
	text-decoration:underline;
}


/* -----------------------------------------------------------------
 * jQuery UI / ui-dialog
 * ----------------------------------------------------------------- */
.mm .ui-resizable-e {cursor:col-resize;}
.mm .ui-autocomplete {
	max-height: 300px;
	min-width: 300px;
	overflow-y: auto;
	overflow-x: hidden;
	white-space:nowrap;
	z-index:9999;
	border-radius: 4px;
    font-size: .9em;
    border-color: var(--gray-thin);
}
.mm .ui-autocomplete .ui-menu-item {}
.mm .ui-autocomplete .ui-menu-item-wrapper {display:block; padding:.5em;}
.mm .ui-autocomplete .ui-menu-item-wrapper:hover {text-decoration:none;}

.mm .ui-widget-overlay {background-color:#fefefe; opacity:0.1; z-index:1002;}

.mm .ui-dialog {box-shadow: 1px 3px 10px rgba(0,0,0,.2); padding:0; border-radius:0px; background:#fff;}
.mm .ui-dialog .ui-dialog-titlebar.ui-widget-header {background:transparent; border-color:transparent; line-height:1.2em; border-bottom: 1px dotted transparent;}
.mm .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {display:none;}
.mm .ui-dialog .ui-dialog-titlebar .ui-dialog-title {font-size:.85em; font-weight:normal; color:#333; width:100%;}
.mm .ui-dialog .ui-dialog-titlebar .ui-dialog-title:before {font-family:'FontAwesome'; content:"\f2d2"; font-size:1em; padding-right:5px; display:none;}
.mm .ui-dialog .ui-dialog-buttonpane {background:transparent; border:0; padding:0 0 10px;}
.mm .ui-dialog .ui-dialog-content {padding:10px 20px 10px; margin:0;}

.mm .ui-dialog .ui-dialog-buttonset {float:none; text-align:center;}
.mm .ui-dialog .ui-dialog-buttonset button.btn {border:none;}
.mm .ui-dialog .ui-dialog-buttonset button.btn-action {min-width:120px;}
.mm .ui-dialog .ui-dialog-buttonset button.btn-outline-link {background-color:transparent;}
.mm .ui-dialog .ui-dialog-buttonset button.btn-outline-link:active {color:var(--gray);}

.mm .ui-dialog.ui-dialog-no-title .ui-dialog-titlebar.ui-widget-header {display:none;}
.mm .ui-dialog.ui-dialog-no-title .ui-dialog-content {}
.mm .ui-dialog.ui-dialog-no-shadow {box-shadow:none;}
.mm .ui-dialog.ui-dialog-white {background:#fff;}

.mm .ui-dialog.ui-dialog-title-icon-add .ui-dialog-titlebar .ui-dialog-title:before {content: "\f067";}
.mm .ui-dialog.ui-dialog-title-icon-edit .ui-dialog-titlebar .ui-dialog-title:before {content: "\f044";}

.mm .ui-dialog.ui-dialog-load {}
.mm .ui-dialog.ui-dialog-load .ui-dialog-titlebar.ui-widget-header {}
.mm .ui-dialog.ui-dialog-load .ui-dialog-titlebar .ui-dialog-titlebar-close {display:block; background:#EBEADB; border:0;}
.mm .ui-dialog.ui-dialog-load .ui-dialog-buttonpane {display:none;}
.mm .ui-dialog.ui-dialog-load .ui-dialog-content {padding:0 0 2px; margin:0;}

.mm .ui-dialog.ui-dialog-inner {box-shadow:none; padding:0; border-radius:0; border:0;}
.mm .ui-dialog.ui-dialog-inner .ui-dialog-titlebar.ui-widget-header {display:none;}
.mm .ui-dialog.ui-dialog-inner .ui-dialog-buttonpane {display:none;}
.mm .ui-dialog.ui-dialog-inner .ui-dialog-content {padding:0 0 2px; margin:0;}

.mm .ui-dialog .data-edit table th {background-color:transparent;}
.mm .ui-dialog .data-edit table th, .mm .ui-dialog .data-edit table td {padding:10px; vertical-align: baseline;}
.mm .ui-dialog .data-edit table th {width:80px;}

.mm .ui-dialog .col-form-label {font-size:.9em;}

/* ----------------------------------------- 
 * FONT AWESOME
 * ----------------------------------------- */
.fa {-webkit-font-smoothing: auto;}


/* ----------------------------------------- 
 * tablesorter
 * ----------------------------------------- */
.tablesorter-headerUnSorted {
    background-image:url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
    background-repeat: no-repeat;
    background-position: center right;
}
.tablesorter-headerAsc {
    background-image:url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
    background-repeat: no-repeat;
    background-position: center right;
	background-color:#f0f0f0;
}
.tablesorter-headerDesc {
    background-image:url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
    background-repeat: no-repeat;
    background-position: center right;
	background-color:#f0f0f0;
}
.tablesorter-header {padding-right:15px !important;}
.sorter-false {background-image:none;}


/* ----------------------------------------- 
 * Form Input Error
 * ----------------------------------------- */
i.edit-cell {position:relative; display:-webkit-flex; display:flex; flex-wrap:wrap; width:100%;}
i.edit-cell.fa::before {position:absolute; z-index:1; width:35px; top:50%; margin-top:-15px; left:0; line-height:30px; text-align: center;}
i.edit-cell.fa input, i.edit-cell.fa select {padding-left:35px;}

 .input-error {background-color:var(--danger-light) !important;}
i.error-pin {position:absolute; background-color:var(--danger); color:var(--white); font-size:8pt; cursor: pointer; z-index:10; width:16px; height:16px; border-radius:50%; text-align:center; top:21px; margin-top:-10px; left:-10px;}
 .err-right i.error-pin {left:auto; right:-7px;}
i.error-pin:before {content:"\f12a"; font-family:'FontAwesome'; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}

 .tippy-tooltip.error-theme {left:-3px; font-size:.8em; padding:.25em .75em;}