html { height: 100% }
body { position: relative; background-color: #fff; min-height: 100% }
a, img, :focus, *:focus, *:active, select, input, textarea { outline: none !important; }
b, strong, .ft-500, .alert-link { font-weight: 500 }
label { margin: 0 .2rem .1rem .2rem; color: #666 }

.h1, h1 { font-size: 1.5rem; font-weight: normal }
.h2, h2 { font-size: 1.1rem }
h2.tl1 { font-size: 1rem; font-weight: normal; }

#frame { position: relative; display: flex; display: -ms-flexbox; -ms-flex-direction: column; flex-direction: column; -ms-flex: 1; flex: 1; margin: 0; padding: 0; min-height: 100vh }
.text-strike { text-decoration: line-through !important; }
.width-auto { width: auto !important; }
.navbar-toggler, .dropdown-menu { font-size: .865rem }
.ft-body { font-size: .95rem !important }
.ft-xl { font-size: 1.3rem !important }
.ft-xs, .breadcrumb, .form-text, label { font-size: .82rem !important }
.line-normal { line-height: normal !important }
.ft-3{ font-size: 3rem !important }

.scntr { position: absolute; right: 0; }
.suni { position: absolute; left: 0; }
.psrlv { position: relative !important; }

.bootstrap-select > .dropdown-toggle { border: 1px solid #ced4da; }
.bs-actionsbox, .bs-donebutton, .bs-searchbox { padding: 0 8px 8px; }
.bootstrap-select .no-results { padding: 3px 6px; }
.trumbowyg-box, .trumbowyg-editor { margin: 0 auto }

form .err { border-color: #F00 !important; }
form .scfr .scrf, form .scfr .scim { padding-top: 0 !important; padding-bottom: 0 !important; }
textarea.form-control { min-height: 100px }

.form-control { color: #000; }
.form-control:focus { background-color: #fdfede !important; color: #690000; }
.form-control:disabled, .form-control[readonly] { background-color: #fff; }
.form-control-plaintext { font-size: 1rem }

.form-text { margin: 0 .2rem .1rem .2rem; color: #666 }
.form-row { margin-left: -1rem; margin-right: -1rem; }
.form-row > .col, .form-row > [class*="col-"] { padding-left: 1rem; padding-right: 1rem; }

.top-1,.top-2{position: relative;top: .1rem}
.top-2{top: .15rem}
.vh-100 { min-height: 100vh }
.blr { -webkit-filter: blur(5px); filter: blur(5px) }
.btn-xs { padding: .2rem .5rem; font-size: .8rem; line-height: normal; }
.btn.focus, .btn:focus, .form-control:focus, .custom-select:focus, .btn-primary.focus, .btn-primary:focus, .page-link:focus { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important }
.tooltip-inner { padding: .5rem .8rem .6rem; font-size: .85rem; font-weight: 600; line-height: normal; text-align: left !important }
.dropdown-toggle:after { vertical-align: .15em }
.badge {color: #fff; font-weight: 500; font-size: .7rem; padding: .3rem .4rem; }
.progress { height: .6rem; }
.alert { padding: .7rem 1rem; }

.dropdown-menu { top: 90%; box-shadow: 0 .3rem .5rem rgba(0,0,0,.15) !important }
.dropdown-item { padding: .35rem 1rem; }
.dropdown-item:focus, .dropdown-item:hover { background: #fff3cd; color: #000; }
.dropdown-item:focus .fas, .dropdown-item:hover .fas { color: #000 !important; }
.dropdown-item:active, .dropdown-item.active { background: #007bff; color: #fff; }
.dropdown-item:active .fas, .dropdown-item.active .fas { color: #fff !important; }

.accordion .card-header { padding: 0 }
.accordion .card-header a { display: block; padding: .6rem 1rem; text-decoration: none; color: #000 }

.mcrps .btn-light { background-color: #f6f6f6; border-color: #f6f6f6 }
.mcrps .btn-light:not(:disabled):hover { background-color: #e2e6ea; border-color: #dae0e5 }
.mcrps .btn-light.disabled, .btn-light:disabled { cursor: not-allowed; pointer-events: none }
.mcrpr, .media-container { overflow: hidden; text-align: center; width: 100% }
.mcrpr > img { max-width: 100%; }

.page-link { padding: .45rem .65rem; }
.stflpg { position: fixed; padding: .5rem 1rem 1rem; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background: #f7f7f7; }

.elpd { position: relative; }
.elpd .form-control { padding-right: 2.2rem; }
.elpd span { position: absolute; top: .6rem; right: .6rem; cursor: pointer; }
.elpd span i { font-size: 1.05rem; }

.datepicker thead { background-color: #eee; }
.datepicker th { padding: .3rem; font-weight: 500; }
.datepicker td { padding: .3rem; }
.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover, 
.datepicker table tr td.day.focused, .datepicker table tr td.day:hover { background: #d1ecf1; color: #0c5460; }
.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover
{ background: #007bff !important; color: #fff !important; }
.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: #c3e6cb !important; color: #155724 !important }

.dt { background: #f5f5f5; font-family: 'Ubuntu', sans-serif }
.dt .card-body { border-bottom-width: 4px !important }
.dt a { color: #000 }

/* Scode */
.scim { padding: .30rem 0 !important }
.scrf { text-decoration: none !important }
.scrf .fas { color: #999 !important; font-size: 1rem !important }
.scrf:hover .fas { color: #000 !important; }

/* Fas */
.fas, .s-fa { font-size: .975rem; line-height: .75em; vertical-align: -.0667em; text-align: center; color: #444 }
.fa-in { font-size: inherit; vertical-align: 0 }
.fa-wh { color: #fff !important; }
.fa-hlp { padding: .4rem .35rem .25rem; font-size: .6rem !important; vertical-align: 1px; color: #777; cursor: pointer }
.fa-hlp:hover{ color: #0c5460 !important; background: #d1ecf1 }
.dropdown-item .fas, .fa-wd { width: 1.25em; font-size: inherit; margin-right: 0.4rem; vertical-align: 0 }

/* Card */
.card { margin-bottom: 1.25rem; box-shadow: 0 1px 2px rgba(0,0,0,.05) }
.card-header { position: relative; background-color: transparent; padding: 1.25rem; border-bottom-width: 0 }
.card-header .card-title { margin: 0; font-weight: normal; font-size: 1rem }
.card-header .card-title .fas { vertical-align: inherit }
.card-h-ele { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap }
.card-h-ele .card-h-l { display: -ms-flexbox !important; display: flex !important; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; background-color: transparent; border: 0; margin-left: 0; margin-right: 0 }
.card-body { padding-top: 0 }
.card-body p:last-child, .card .table:last-child, .card-body .table:last-child { margin-bottom: 0 !important }

/* Table */
.table { margin-left: 1px !important; width: 99.7% }
.card .table { width: 99.7% }
.table tr.bg-hgl{background-color: #d5f6d5 !important }
.table tr.bg-hgl-err{background-color: #f6d5d5 !important }
.table td, .table th { padding: .6rem; }
.table td:first-child { border-left: 1px solid #dee2e6 }
.table thead th { border-top: 0; border-left: 0; border-right: 0; font-weight: normal; }
.table tfoot th { border-bottom: 0; border-left: 0; border-right: 0; font-weight: normal; }
.table tr:hover td, .table tr:focus td { background: #fff3cd }
.table th.tdid, .table td.tdid, .table th.tdat, .table td.tdat { width: 3rem !important; }
.table td.tdat .dropdown > a { padding: .2rem .5rem .4rem; }
.table td.tdat .dropdown > a .fas { font-size: .85rem; }
.table td.tdat .dropdown > a:hover, .table td.tdat .dropdown.show > a { background-color: #343a40; color: #fff }
.table td.tdat .dropdown > a:hover .fas, .table td.tdat .dropdown.show > a .fas { color: #fff }
.table-rpslc td:nth-last-child(-n+4):nth-last-child(n+2) { text-align: right }
.table-td-middle td { vertical-align: middle }

/* Media */
.mda { position: relative; overflow: hidden; padding: 15px }
.mdabx { position: relative; overflow: hidden; height: 100px; background: #fff; border: solid 5px #fff; }
.mdabx img { position: relative; top: 0; width: 100%; }
.mdabx .mdamk { position: absolute; bottom: -100px; left: 0; width: 100%; height: 90px; text-align: center; background: rgba(0,0,0,0.5) }
.mdabx:hover img { filter: blur(2px); filter: blur(2px); -moz-filter: blur(2px); }
.mdabx:hover .mdamk { bottom: 0; }
.mdabx:hover .mdamk a { -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.6); -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.6); box-shadow: 0 0 10px 0 rgba(0,0,0,0.6); }
.mdatx { margin: 3px 6px 15px; overflow: hidden; height: 36px; }
.mdda .mdabx img, .mdda .mdabx:hover img { filter: blur(6px); filter: blur(6px); -moz-filter: blur(6px); }
.mdda .mdabx .mdamk, .mdda .mdabx:hover .mdamk { top: 0; background-color: #000; background-color: rgba(0,0,0,0.6); color: #fff; font-weight: 500; }
.mdda .mdabx .mdamk div { width: 100%; text-align: center }

/* slideout */
.sl191b,.sl191c,.sr191c{display: none}
.sl191b{display: none;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.75);width: 100vh;height: 100vh;min-width: 100%;min-height: 100%;z-index: 9999999}
/*.slideout-open, .slideout-open body, .slideout-open .slideout-panel{overflow-x: hidden !important;overflow-y: auto !important}*/
.slideout-menu {display: none;position: fixed;top: 0;bottom: 0;width: 260px;min-height: 100vh;overflow-y: auto;-webkit-overflow-scrolling: touch;z-index: 1}
.slideout-menu-left {left: 0}
.slideout-menu-right {right: 0}
.slideout-panel {position: relative;z-index: 1;background-color: #fff;min-height: 100vh}
.slideout-open,.slideout-open body,.slideout-open .slideout-panel {overflow: hidden}
.slideout-open .slideout-menu {display: block}

/* Pace */
.pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none }
.pace .pace-progress { position: fixed; top: 0; right: 100%; width: 100%; height: 6px; background-color: #ff9900; z-index: 999999; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.4); -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.4); box-shadow: 0 0 10px 0 rgba(0,0,0,0.4); -webkit-transition: width 1s; -moz-transition: width 1s; -o-transition: width 1s; transition: width 1s }
.pace-inactive { display: none }

/* toast */
#toast-container > div { margin-bottom: 10px; opacity:.9; -ms-filter:alpha(Opacity=90); filter:alpha(opacity=90); -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.4); -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.4); box-shadow: 0 0 10px 0 rgba(0,0,0,0.4); }
#toast-container > div:hover { -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.6); -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.6); box-shadow: 0 0 10px 0 rgba(0,0,0,0.6); }

/* Login */
#st02 { color: #fff; font-size: .865rem }
#st02 h2, #st02 h3 { font-size: 1rem; font-weight: normal }

#st02 .cl .logo { margin-bottom: 30px }
#st02 .cl, #st02 .cl a { color: #fff; text-decoration: none }

#st02 .card-body { padding: 2rem 1.8rem 1.5rem; color: #000; -webkit-box-shadow: 0 0rem 2rem rgba(0,0,0,.35) !important; -moz-box-shadow: 0 0rem 2rem rgba(0,0,0,.35) !important; box-shadow: 0 0rem 2rem rgba(0,0,0,.35) !important }
#st02 .form-group { margin-bottom: .5rem }
#st02 .form-control { padding: 1.3rem 1rem }
#st02 .btn { padding: .4rem .75rem; font-size: 1rem; font-weight: 500 }
#st02 form a { color: #333 }
#st02 .elpd span { top: .7rem; }

.bk-green { background: #deffdd !important }

@media (max-width: 575.98px) {
    .d-xs-none { display: none !important; }
}

/* **** */
.tooltip .tooltip-inner{ box-shadow: 0 0 .5rem rgba(0,0,0,.5) !important }

.c01a { position: relative; padding-bottom: 1rem }

.c11a { opacity: .9 }
.c11a .c81a { opacity: .8 }
.c11a:hover, .c11a:hover .c81a { opacity: 1 }

.c51b, .c51b2 { font-weight: 600 }
.c51b3 { font-weight: 500 }
.c51b4 { font-weight: 700 }

.c52a1 { color: #444 !important }
.c52a1:hover .c81a, .c52a1.show .c81a { color: #007bff !important }

.c52a2 { color: #fff !important }


/* -- */
.ja11 .nav-link { margin-top: 2px; padding: .75rem; color: #000 }
.ja11 .nav-link.active { margin: 0; padding: .75rem; color: #007bff; border-top-width: 3px; border-color: #007bff #ced4da #fff }
.ja11 .tab-content { border-color: #ced4da }

/* up */
@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}

/* down */
@media (max-width: 575.98px) {
	.s-xs-none { display: none !important }
}
@media (max-width: 767.98px) {
	.s-wm-100{ width: 100%; max-width: 100% }
	.s-sm-none { display: none !important }
}
@media (max-width: 991.98px) {
	.s-md-none { display: none !important }
}
@media (max-width: 1199.98px) {
	.s-lg-none { display: none !important }
}