/********************************************* Light *********************************************/
/* btn color */
.light .btn-secondary {background: #7c7c7c; color: #fff; border: 1px solid #555555; }
.light .btn-primary {background: #0076fe; color: #fff; border: 1px solid #1e5ea7; }
.light .btn-danger {background: #ff627c; color: #fff; border: 1px solid #c93951; }
.light .btn {padding: 6px 20px;}
.light .btn-link {float: right; font-size: 14px; color: #0076fe; margin-bottom: 15px; border: 1px solid #0076fe; text-decoration: none; background: #fff;}
.light .btn-link:hover{text-decoration: none; border-color: #0063d5; font-size: #0063d5; background: #eef6ff;}
.light .btn-black {background: #454545; color: #fff; border: 1px solid #333; }
.light .btn-black:hover {background: #333}
.light .btn-white {background: #f9f9f9; color: #454545; border: 1px solid #ccc; }
.light .btn-white:hover {background: #f2f2f2;}
/* text color */
.light .text-primary {color: #007bff;}
.light .text-secondary {color: #6c757d}
.light .text-success {color: #28a745;}
.light .text-danger {color: #dc3545;}
.light .text-warning {color: #ffc107;}
.light .text-info {color: #17a2b8;}
.light .text-white {color: #fff;}
.light .text-dark {color: #343a40;}

/* width */
.light .w50 {width: 50px !important}
.light .w50p {width: 49% !important}
.light .w60 {width: 60px !important}
.light .w70 {width: 70px !important}
.light .w80 {width: 80px !important}
.light .w90 {width: 90px !important}
.light .w100 {width: 100px !important}
.light .w100p {width: 100% !important;}
.light .w120 {width: 120px !important}
.light .w150 {width: 150px !important}
.light .w200 {width: 200px !important}
.light .w250 {width: 250px !important}

/* height */
.light .h50 {height: 50px !important;}
.light .h100 {height: 100px !important;}
.light .h150 {height: 150px !important;}
.light .h200 {height: 200px !important;}
.light .h250 {height: 250px !important;}
.light .h300 {height: 300px !important;}
.light .h350 {height: 350px !important;}
.light .h400 {height: 400px !important;}
.light .h450 {height: 450px !important;}
.light .h500 {height: 500px !important;}

/* padding */
.light .pt0 {padding-top: 0 !important;}
.light .pb0 {padding-bottom: 0 !important;}
.light .pl0 {padding-left: 0 !important;}
.light .pl15 {padding-left: 15px !important;}
.light .pr0 {padding-right: 0 !important;}
.light .p0 {padding: 0 !important;}

/* margin */
.light .mt15 {margin-top: 15px !important}
.light .mb15 {margin-bottom: 15px !important}

/* header */
.light .main-header {background-color: #4199ff;}
.light .main-header .logo {background-color: #4199ff;}
.light .main-header .navbar {background-color: #4199ff;}
.light .main-header .sidebar-toggle {color: rgba(255,255,255,.7); border-right: 1px solid rgba(255,255,255, .15); border-left: 1px solid rgba(255,255,255, .15); padding: 15px 20px;}
.light .main-header .sidebar-toggle:hover {color: rgba(255,255,255,1);}
/*.light .main-header .logo img {padding: 0; max-width: 73px; max-height: 50px;}*/
/*.light .main-header .logo .logo-lg::before {content:''; width: 73px; height: 50px; display: block; margin: 0 auto; background: url(../../../images/logo_light.png) 0 0 no-repeat;}*/
.light .main-header .logo .logo-lg {position: absolute; top: 7px; left: 60px;}
.light .main-header .logo .logo-lg::before {content:''; width: 100px; height: 45px; display: block; margin: 0 auto; background: url(../../../images/logo_dark.png) 0 0 no-repeat; background-size: cover;}
.light .navbar-nav > li > a {height: 50px; width: 50px; position: relative;}
.light .navbar-nav > li > a::before {content:''; width: 20px; height: 20px; display: block; opacity: 1; position: absolute; left: 15px; top: 15px;}
.light .navbar-nav > li > a.message::before {background: url(../../../images/icon_nav01.png) 0 0 no-repeat;}
.light .navbar-nav > li > a.mypage::before {background: url(../../../images/icon_nav02.png) 0 0 no-repeat;}
.light .navbar-nav > li > a.score::before {background: url(../../../images/icon_nav03.png) 0 0 no-repeat;}
.light .navbar-nav > li > a.outwork::before {background: url(../../../images/icon_nav05.png) 0 0 no-repeat;}
.light .navbar-nav > li > a.attend::before {background: url(../../../images/icon_nav06.png) 0 0 no-repeat;}
.light .navbar-nav > li > a.alert_message::before {background: url(../../../images/icon_bell.png) 0 0 no-repeat;}
.light .navbar-nav > li > a {padding-top: 14px;}
.light .navbar-nav > li {border-right: 1px solid rgba(255,255,255,.2)}
.light .navbar-nav > li:first-child {border-left: 1px solid rgba(255,255,255,.2)}
.light .navbar-nav > li > a:hover, .light .navbar-nav > li > a:active, .light .navbar-nav > li > a:visited {background: #66acfe !important;}
.light .navbar-nav > li.user-menu {margin-top: 1em; padding: 0 1.25em; border-right: 0; }
.light .navbar-nav > li.user-menu button {display: inline; background:#66acfe; width: 25px; height: 25px; border-radius: 25px; position: relative; padding: 0;  margin-left: 5px; border: 0;}
.light .navbar-nav > li.user-menu button > img {position: absolute; left: 2px; top: 1px; width: 20px;}
.light .navbar-nav > li.user-menu div {display: inline; color: #fff; font-size:  0.9em;}
.light .content-header > .breadcrumb {top: 27px;}
/* left */
.light .wrapper {background: #f8f8f8;}
.light .main-sidebar, .light .left-side {background-color: #fff;}
.light .main-sidebar {padding-top: 30px; border-right: 5px solid rgba(226,225,228,.4); width: 235px;}
.light .sidebar-menu > li {position: relative; background: #4199ff; }
.light .sidebar-menu li.menu-header {padding: 10px 25px 10px 15px; color: #4199ff;}
.light .sidebar-menu > li > a {color: #2a2a2a; border-bottom: 1px solid #eee; background: #fff; padding: 12px 5px 12px 15px;}
.light .sidebar-menu > li > a:hover {background-color: #4781fd}
.light .sidebar-menu > li.menu-open > a, .light .sidebar-menu > li:hover > a, .light .sidebar-menu > li.active > a {background-color: #4781fd; color: #fff;}
.light .sidebar-menu > li > .treeview-menu {background: #eff7ff;}

.light .sidebar-menu > li > a > .pull-right-container {right: 15px;}
.light .sidebar-menu .treeview-menu > li {position: relative;}
.light .sidebar-menu .treeview-menu > li > a {color: #6f7e95; padding: 5px 5px 5px 40px; font-size: 0.85em;}
.light .sidebar-menu .treeview-menu > li.active > a, .light .sidebar-menu .treeview-menu > li > a:hover {color: #4781fd; background-color: transparent;}
.light .sidebar-menu .treeview-menu > li::before {content:''; width: 3px; height: 3px; display: block; position: absolute; left: 32px; top: 12px; background: url(../../../images/icon_light_leftmenubg.png) 0 0  no-repeat;}
.light.sliderbar-mini .sidebar-menu .treeview-menu > li.active::before, .light .sidebar-menu .treeview-menu > li:hover::before {background: url(../../../images/icon_light_leftmenubg_on.png) 0 0  no-repeat;}
.light .sidebar-menu > li > a > .fa {text-align: center;}
/* content */
.light .content-wrapper {background:#f8f8f8;}
.light .box {border-radius: 0; border-top: 0; box-shadow: none; background-color: transparent; border-bottom: 1px solid #eee; padding: 15px 20px;}
.light .box-footer {border-radius: 5px; border: 1px solid #eeeef0; box-shadow: 3px 3px 3px rgb(0,0,0,.03);}
.light .content-header > .breadcrumb > li > a {color: #8c8c8c;}
.light .content-header > .breadcrumb > li > a > img {vertical-align: middle; margin-top: -4px; margin-right: 4px; }
.light .content-header > .breadcrumb > .active {color: #8c8c8c;}
.light .content-header > .breadcrumb > li:last-child.active {color: #2a2a2a;}
.light .content-header > .breadcrumb > li+li:before {padding: 0 10px; content:''; background: url(../../../images/icon_nav_arrow.png) 50% 25% no-repeat;}
.light .box-body {padding: 20px;}
.light .content-header > h1 {background: url(../../../images/icon_light_h1.png) 5px 50%  no-repeat; padding-left: 25px; font-size: 18px; font-weight: 600;}
.light .content-header {padding: 20px 15px 0 15px;}
.light .content {padding: 20px 15px 15px;}
/* table */
.light input {font-size: 13px; color:#333;}
.light input::placeholder {color: #757575; font-size: 13px; opacity: 1;}
.light input::-webkit-input-placeholder {color: #757575; font-size: 13px;}
.light input:-ms-input-placeholder {color: #757575; font-size: 13px;}
.light input:-mos-input-placeholder {color: #757575; font-size: 13px;} 
.light select {font-size: 13px; color:#333; background: url(../../../images/icon_light_arrow2.png) calc(100% - 15px) 14px no-repeat #FFF; }
.light select {-webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block;}
.light select::-ms-expand {display: none;}
.light .input-stA {border: 1px solid #d2d6de; padding: 8px 10px; height: 34px; border-radius: 0;}
.light input.datepicker {background: url(../../../images/icon_light_datepicker.png) 94% 50% no-repeat #fff; cursor: pointer;}
.light .table-responsive {border: 0; }
.light .tbl-search {margin-bottom: 0;}
/* .light .tbl-search .input-stA {border: 1px solid #d2d6de; padding: 8px 10px; height: 32px; border-radius: 0;} */
.light .tbl-search > thead > tr > th, 
.light .tbl-search > tbody > tr > th, 
.light .tbl-search > tfoot > tr > th, 
.light .tbl-search > thead > tr > td, 
.light .tbl-search > tbody > tr > td, 
.light .tbl-search > tfoot > tr > td {border-top: 0; padding: 4px;}
.light .table-bordered > thead > tr > th, 
.light .table-bordered > tbody > tr > th,
.light .table-bordered > tfoot > tr > th, 
.light .table-bordered > thead > tr > td, 
.light .table-bordered > tbody > tr > td, 
.light .table-bordered > tfoot > tr > td {border-bottom: 1px solid #d5d9e1; border-right: 0; border-left: 0; border-top: 0; vertical-align: middle; padding: 8px 10px;}
.light .table-hover tr:hover {background: #f6fbff;}
/* .light .tbl-search input.datepicker {background: url(../../../images/icon_light_datepicker.png) 94% 50% no-repeat #fff; cursor: pointer;} */
.light .table-wrap {margin-top: 1em;}
.light .table-wrap .table thead th, .light .table-wrap .table thead th a {background: #e6eaef; color: #373b4c;}
.light .total-info .total {color: #444; font-size: 12px; margin-left: 10px; font-weight: normal;}
.light .table-bordered {border-top: 2px solid #596887; }
.light .pagination > li > span {border-radius: 0;}
.light .table a { color: #0011ff;}
.light .table a:hover {text-decoration: underline;}
.light .tbl-comment {color: #4199ff; font-size: 12px;}
/* footer */
.light .main-footer {border-top: 0; background: #f8f8f8; color:#999}
.light .main-footer > div {font-size: 12px; line-height: 30px;}
.light .main-footer::before {content:''; background: url(../../../images/logo_footer.png) 0 0 no-repeat; width: 100px; height: 20px; display: inline-block; background-size: cover;}
/* modal */
.light .modal-title {font-weight: 600; font-size: 1.3em; color: #fff;}
.light .modal-header {background: #4781fd;}
.light .modal-header .close {opacity: 1; text-shadow: none; margin-top: 0; width: 20px; height: 20px; position: relative;}
.light .modal-header .close::before {content:""; width: 20px; height: 20px; background: url(../../../images/icon_close.png) 0 0 no-repeat; position: absolute; left: 0; top: 3px;}.light .modal-footer {text-align: center; padding: 20px 15px 50px; border-top: 0;}
.light .modal-header .close:hover {opacity: .8;}
.light .modal > div > div {background: #fff;}
.light .modal-body {max-height: 550px; overflow-y: auto;}
.light .modal-body .form-group label {color: #333; font-weight: 500; font-size: 14px; }

/* dashboard */
.light .dashboard-typeA { margin-bottom: 1em; margin-left: 0; margin-right: 0; }
.light .dashboard-typeA > div {padding-right: 7.5px; padding-left: 7.5px;}
.light .dashboard-typeA h2 {background: url(../../../images/icon_light_h1.png) 5px 50%  no-repeat; padding-left: 30px; font-size: 22px; font-weight: 600; margin-top: 30px; margin-bottom: 20px; letter-spacing: -1px;}
.light .dashboard-typeA .con {background: #fff; border-radius: 5px; border: 1px solid #eeeef0; box-shadow: 3px 3px 3px rgb(0,0,0,.03); height: 360px; overflow: hidden;}
.light .dashboard-typeA .board-list {margin: 1em; list-style: none; padding-left: 0;}
.light .dashboard-typeA .board-list li {border-bottom: 1px solid rgba(0,0,0,.1);}
.light .dashboard-typeA .board-list li a {color: #333; font-weight: 500; font-size: 14px; display: block; padding: 10px 8px 10px 20px; text-overflow: ellipsis; white-space: nowrap; word-break: normal; width: 100%; overflow: hidden; position: relative; letter-spacing: -.1px;}
.light .dashboard-typeA .board-list li a::before {content:''; width: 3px; height: 3px; position: absolute; left: 5px; top: 17px; background: url(../../../images/icon_light_leftmenubg.png) 0 0 no-repeat;}
.light .dashboard-typeA .board-list li a:hover {color: #4199ff;}
.light .dashboard-typeA .board-list li:last-child {border-bottom: 0;}
.light .nav-tabs {border-bottom: 0; margin-right: 0; margin-left: 0;}
.light .nav-tabs > li {text-align: center; padding: 0;}
.light .nav-tabs > li > a {border: 0; border-radius: 0; background: #c5c7d1; color: rgba(0,0,0, .8); margin-right: 0; padding: 10px 0; font-size: 12px;}
.light .nav-tabs > li.active > a {background: #fff; color: #242424;}
.light .nav-tabs > li.active > a, .light .nav-tabs > li.active > a:focus, .light .nav-tabs > li.active > a:hover {border: 0;}
.light .tab-content {height: calc(100% - 50px); margin-top: 10px;}
.light .h100 {height: 100%;}
.light .total {height: 50px; line-height: 50px; font-size: 16px; font-weight: normal; color:#333;}
.light .total b {font-size: 20px; color: #4781fd;}
.light .total-con {height: calc(100% - 60px); margin-top: 10px;}
.light .chart-donut {max-width: 270px; max-height: 270px;}

/* calendar */
/* .light .calendar-wrap {margin: 30px 0; border-radius: 5px; border: 1px solid #eeeef0; box-shadow: 3px 3px 3px rgb(0,0,0, .3%); background: #fff} */
/* .light .fc-unthemed td.fc-today {background: #ebf6ff; position: relative;} */
/* .light .fc-unthemed td.fc-today::before {position: absolute; left: 10px; top: 10px; content:''; width: 8px; height: 8px; background: #439aff; border-radius: 30px;} */
/* .light .fc-widget-header {background: #9ea2b2; color: #fff; padding: 2px 0;} */
/* .light .fc-unthemed th {border-color: transparent;} */
/* .light .fc-unthemed td, .light .fc-unthemed thead, .light .fc-unthemed tbody,  */
/* .light .fc-unthemed .fc-divider, .light .fc-unthemed .fc-row, .light .fc-unthemed .fc-content,  */
/* .light .fc-unthemed .fc-popover, .light .fc-unthemed .fc-list-view, .light .fc-unthemed .fc-list-heading td {border-color: #ededed; text-align: center;} */
/* .light .fc-day-number {font-size: 1.1em; font-weight: 400; padding: 5px 10px !important;} */
/* .light .fc-toolbar h2 {color: #333; font-size: 1.5em; font-weight: 600; display: inline-block; vertical-align: middle;} */
/* .light .fc-toolbar.fc-header-toolbar {margin-top: 1.5em;} */
/* .light .fc-button-primary {background: #85bdff; border-color: #fff;} */
/* .light .fc-button-primary:hover, .light .fc-button-primary:active, .light .fc-button-primary:disabled,  */
/* .light .fc-button-primary:not(:disabled):active, .light .fc-button-primary:not(:disabled).fc-button-active {background: #439aff; border-color: #fff;} */
/* .light .fc-today-button:disabled {background: #fff; position: relative; color: #333; border-color: #fff; padding-left: 20px;} */
/* .light .fc-today-button:disabled::before {position: absolute; left: 10px; top: 12px; content:''; width: 6px; height: 6px; background: #439aff; border-radius: 30px;} */
/* .light .fc-today-button.fc-button-primary {font-size: 12px; margin-left: 10px; margin-top: 3px;} */
/* .light #calendar td.fc-sun {color:#e04f6e;} */
/* .light #calendar td.fc-sat {color: #136ed8;} */
/* .light .light .fc-unthemed .fc-content {padding: 2px 0; text-align: center;} */

/* map */
.light .map-wrap { background: #fff; border-radius: 5px; border: 1px solid #eeeef0; box-shadow: 3px 3px 3px rgb(0,0,0, .03); min-height: 1%; display: block; max-height: 785px; overflow: hidden; position: relative;}
.light .map-wrap:after { content:" "; height:0; display:block; visibility:hidden; clear:both; }
.light .map-left {width: 300px; float:left;  background:#fff; box-sizing: border-box;  height:100%; padding:0;margin-left: -300px; position:relative; margin-right:-100%; z-index:7; }
.light .map-left .map-arrow {position:absolute; right:-20px; top: 45%; cursor:pointer; z-index:9; padding: 0; width: 20px; height: 50px; border-top-left-radius: 0; border-bottom-left-radius: 0; border: 0;}
.light .map-left .map-arrow i {margin-top: 19px; font-size: 11px;}
.light .map-left .map-arrow.folded i {transform: rotate(180deg);}
.light .map-left .map-arrow:active {background: #005afe;}
.light .map-wrap .map {width: 100%; height: 100%; background-color: #fff;}
.light .tab-content .tab-con {margin: 0 auto 10px; width: 90%;}
.light .tab-content .tab-con > p {color: #373b4c;  font-size: 13px; font-weight: 600; margin: 0 0 5px 0;}
.light .tab-content .tab-con > p > i {margin-right: 5px;}
.light .tab-content .tab-con .form-group > label {display: none;}
.light .tab-content .tab-comment {color: #666; display: block; margin: 1em auto; width: 90%; font-size: 13px; word-break: keep-all;}
.light .tab-content .tab-btn {width: 90%; margin: 0 auto 1em; display: block;}
.light .tab-content .tab-btn:active {background: #005afe; border: 0;}
.light .check_list {list-style: none; padding: 0; width: 90%; margin: 1em auto 0;}
.light .check_list > li {padding: 10px 0; border-bottom: 1px solid #ededed; font-size: 13px;}
.light .check_list > li > ul {list-style: none; padding: 0; font-weight: 300; font-size: 12px; line-height: 20px; margin-top: 10px;}
.light .check_list > li > label {margin-bottom: 0; font-weight: 600;}
.light .check_list > li > ul > li > label {margin-bottom: 0; font-weight: 300;}
.light .check_list .radio,
.light .check_list .checkbox {padding-left: 20px; position: relative; display: block; }
.light .check_list .radio input, .light .check_list .checkbox input {opacity: 0; position: absolute; z-index: 1; cursor: pointer; margin-left: -20px; }
.light .check_list .radio input:checked + label::before,
.light .check_list .checkbox input:checked + label::before { border-color: #439aff; }
.light .check_list .radio input:checked + label::after,
.light .check_list .checkbox input:checked + label::after {content: ""; display: inline-block; position: absolute; width: 13px; height: 13px; left: 2px; top: 4px; margin-left: -20px; border: 1px solid #439aff; border-radius: 50%; background-color: #439aff; }
.light .check_list .radio label,
.light .check_list .checkbox label {display: inline-block; position: relative; padding-left: 5px;}
.light .check_list .radio label::before,
.light .check_list .checkbox label::before {content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; top: 0; margin-left: -20px; border: 1px solid #ccc; border-radius: 50%; background-color: #f6f6f6; }
.light .check_list .radio.disabled label,
.light .check_list .checkbox.disabled label {color: #ccc; }
.light .check_list .radio.disabled label::before,
.light .check_list .checkbox.disabled label::before {opacity: 0.54; border-color: #ccc; }
.light .check_list .checkbox input:checked + label::before {border-color: #439aff; background-color: #439aff; }
.light .check_list .checkbox input:checked + label::after {content: ""; font-size: 10px; color: #f6f6f6; top: .5px; left: .7px; border-color: transparent; background: url(../../../images/icon_check_bg.png) 0 0 no-repeat; background-size: cover; width: 16px; height: 16px;}
.light .check_list .checkbox label::before {border-radius: 50%;}
.light .bootsidemenu {position: absolute; top: 0; width: 300px !important; box-shadow: none; -webkit-box-shadow: none; border: 0; border-right: 1px solid rgba(0, 0, 0, .15);}
.light .bootsidemenu .menu-wrapper .toggler {display: none;}
.light .bootsidemenu-left > .toggler {box-shadow: none; -webkit-box-shadow: none;}
.light .default .toggler {background-color: #4199ff;color: #fff; font-size: 12px; border: 0;}

/* profile */
.light .user-profile {width: 120px; height: 120px; overflow: hidden; position: relative; border: 1px solid #ddd; background:url(../../../images/img_profilebg.png) 0 0 no-repeat #edf5fb; background-size: 100% auto; background-position: center;}
.light .user-profile > .profile-img {width: 120px; height: 120px; z-index: 9; position: relative; overflow: hidden;}
.light .user-profile > .profile-btn {position:absolute; left: 0; bottom: 10px; width: 100%; text-align: center; z-index: 10;}
.light .user-profile > .profile-btn button {padding: 3px 6px; font-size: 11px;}

/* sign */
.light .user-sign {width: 120px; height: 120px; overflow: hidden; position: relative; border: 1px solid #ddd; background:url(../../../images/img_signbg.png) 0 0 no-repeat #edf5fb; background-size: 100% auto; background-position: center;}
.light .user-sign > .sign-img {width: 120px; height: 120px; z-index: 9; position: relative; overflow: hidden;}
.light .user-sign > .sign-btn {position:absolute; left: 0; bottom: 10px; width: 100%; text-align: center; z-index: 10;}
.light .user-sign > .sign-btn button {padding: 3px 6px; font-size: 11px;}

/* Organization */
.light .organization {margin: 25px; border: 1px solid #ededed; border-radius: 10px; overflow: hidden; height: calc(100% - 50px);}
.light .organization .nav-tabs {padding-right: 0; box-sizing: border-box; height: 100%; z-index: 2;}
.light .organization .nav-tabs > li {float:none; margin: 0; width: 100%;  display: block; border-bottom: 1px solid #eee; word-break: keep-all;}

.light .organization .nav-tabs > li > a {padding: 0; height: 60px; line-height: 60px; background: #fff; color: #333; font-size: 16px; text-align: left; padding-left: 12px;}
.light .organization .nav-tabs > li.active > a {background: #4199ff; color: #fff; position: relative;}
.light .organization .nav-tabs > li.active > a::after {content:''; width: 10px; height: 21px; background:url(../../../images/icon_light_tabbg.png) 0 0 no-repeat; position: absolute; right: -10px; top: calc(50% - 10px);}
.light .organization .tab-content {height: 100%; border-left: 1px solid #ededed;  min-height:427px; margin-top: 0;  padding: 1em;}
.light .organization .organization-con .profile:hover {cursor: pointer;}
.light .organization .organization-con .profile > div {width: 100px; height: 100px; background-size:auto; background-repeat: no-repeat; background-position: center;overflow: hidden; border: 1px solid #ddd; border-radius: 100px; display: block; margin: 0 auto 5px; background-image: url(../../../images/img_profilebg.png); background-size: 100% auto;}
.light .organization .organization-con .profile > p {display: block; font-size: 14px; color: #666; line-height: 1.4; text-align: center; height: 40px;}
.light .organization .organization-con .profile > p > span {font-size: 12px; display: block; margin-top:5px;}

/* approval */
.light .approval-wrap {border: 1px solid #ededed; padding: 5px; height: 120px; overflow-y: auto;}
.light .approval-wrap ul {list-style: none; padding: 0;}
.light .approval-wrap ul > li {display: block; position: relative; margin-bottom: 0; padding: 5px 10px;}
.light .approval-wrap ul > li:hover {background: #f6f6f6; cursor: pointer;}
.light .approval-wrap ul > li > p {font-size: 13px; color: #333; width: calc(100% - 15px); margin-bottom: 0; }
.light .approval-wrap ul > li > p > i { margin-right: 5px; vertical-align: middle; margin-top: -3px; font-size: 11px;}
.light .approval-wrap ul > li > div { position: absolute; width: 60px; right: 10px; top: 4px; text-align: right;}
.light .approval-wrap ul > li > div > i { display: inline-block; vertical-align: middle; margin: 0 3px; opacity: .6;}
.light .approval-wrap ul > li > div > i::before {vertical-align: middle; margin-top: -7px; display: inline-block }
.light .approval-wrap ul > li > div > i:hover {cursor: pointer; opacity: 1;}
.light .approval-list {list-style: none; margin-top:10px; padding:0;}
.light .approval-list > li {display: inline-block; font-size: 12px; margin-right: 10px; padding: 5px 0;}
.light .approval-list > li > i {margin-right: 5px;}
.light .approval01 {color: #7ed321; }
.light .approval02 {color: #f5a623; }
.light .approval03 {color: #ff627c; }
.light .approval04 {color: #adadad; }
.light .modal table .row {margin-right: 0; margin-left: 0;}
.light .input-group-btn > span {background: #666; color: #fff; border: 0; height: 34px;}
.light .form-control > input {border: 0;background: #eee i !important;}
.light .filebox {margin-bottom: 2px;}
.light .filebox input[type="file"] {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0; }
.light .filebox label {display: inline-block; padding: 0; color: #fff; vertical-align: middle; background-color: #666; cursor: pointer; border: 0; text-align: center;  line-height: 34px; border-radius: 0; font-size: 14px; width: 100px; height: 34px; margin-bottom: 0; }
.light .filebox .upload-name {display: inline-block; height: 34px; font-size:14px;  padding: 0 10px; vertical-align: top; background-color: #f4f4f4; border: 0; border-radius: 0; width: calc(100% - 110px); margin-left: -5px; color: #555; margin-left: 5px;}

/* jstree */
.light .treemenu-wrap {background: #fff; border-radius: 5px; border: 1px solid #eeeef0; box-shadow: 3px 3px 3px rgb(0,0,0, .03); margin-right: 0; margin-left: 0; }
.light .treemenu-wrap h3 {font-size: 18px; font-weight: 600; background: url(../../../images/icon_h3.png) 0 4px no-repeat; padding-left: 20px; margin: 30px 0 5px;}
.light .treemenu-wrap .jstree {margin: 2em 0;}
.light .treemenu-wrap .jstree-default .jstree-clicked {background: #fff8d0 ; border-radius: 0; box-shadow: transparent; color:#555}
.light .treemenu-wrap .jstree-default .jstree-anchor {color:#555}
.light .treemenu-wrap .jstree-default .jstree-anchor:hover, .light .treemenu-wrap .jstree-default .jstree-anchor:active {background: #fff8d0; border: 0; border-radius: 0;}
.light .treemenu-wrap .jstree-default .jstree-anchor:link:hover { background: #fff8d0; border: 0; border-radius: 0;}
.light .treemenu-wrap .jstree-default .jstree-anchor:visited {background: #fff8d0;}
.light .btn-setting {position: absolute; right: 0; top: 20px;}
.light .search-setting { margin-top: 15px;}

/* schedule */
.light .schedule { margin-top: 15px; margin-bottom: 15px; position: relative; padding: 1em;}
.light .schedule .today {display: inline-block; text-align: left; width: 60px; text-align: center; height: 25px; line-height: 25px; padding: 0 15px;  background: #e994bd; border-radius: 5px; color: #fff;}
.light .schedule .today:hover {background: #d46199;}
.light .schedule .nextprev {position: absolute; right: 1em; top: 1em;}
.light .schedule .nextprev > button {background: transparent; border: 0;}
.light .schedule .nextprev > button i {color: #929292;}
.light .schedule .nextprev > button i:hover, .light .schedule .nextprev > button i:active {color:#666;}
.light .schedule .tt {text-align: center; color: #4781fd; font-size: 1.25em; font-weight: 600;}
.light .schedule .admin {text-align: center; background: #7598c4; color: #fff; width: 120px; margin: 0 auto 1em; border-radius: 3px; padding: 5px 0;}
.light .schedule .tbl-schedule {width: 100%; border-radius: 10px; overflow: hidden;}
.light .schedule .tbl-schedule th, .light .schedule .tbl-schedule td {background: #eff7ff; color: #6f7e95; font-size: 1em; border-bottom: 3px solid #fff;}
.light .schedule .tbl-schedule th {text-align: center; padding: 1em 0; border-right: 3px solid #fff;}
.light .schedule .tbl-schedule td {text-align: left; padding: 1em 0 1em 1em;}
.light .schedule .tbl-schedule td span {display: inline-block; font-size: .9em; width: 30px; height: 30px; border-radius: 30px; text-align: center; line-height: 30px; margin-right: 10px; vertical-align: middle; background: #88a6c8; color: #fff;}
.light .schedule .tbl-schedule tr.active th, .light .schedule .tbl-schedule tr.active td {background: #4781fd; color: #fff;}
.light .schedule .tbl-schedule tr.active td span {background: #23c9ff;}
.light .schedule2 .date-title {text-align: center; position: relative; margin: 1em 0 0;}
.light .schedule2 .date-title .tt {font-size: 1.2em; font-weight: 600; display: inline-block; line-height: 50px; color: #4781fd;}
.light .schedule2 .date-title .tt i {font-size: .8em; margin-right: 8px; vertical-align: middle; display: inline-block; margin-top: -4px;}
.light .schedule2 .date-title .month {font-size: 1em; font-weight: 600; display: inline-block; background: #4781fd; color: #fff; width: auto; padding: 2px 10px; border-radius: 3px; margin-top: -2px;}
.light .schedule2 .date-title .nextprev {position: absolute; right: 1em; top: 1em;}
.light .schedule2 .nextprev > button {background: transparent; border: 0;}
.light .schedule2 .nextprev > button i {color: #929292;}
.light .schedule2 .nextprev > button i:hover, .light .schedule .nextprev > button i:active {color:#666;}
.light .schedule2 { height: auto !important; margin-right: 7.5px; margin-left: 7.5px;}
.light .schedule2 .tbl-schedule2 {width: 100%; margin: 0 0 1.5em; border-bottom: 1px solid #ededed;}
.light .schedule2 .tbl-schedule2 thead th {font-size: .9em; font-weight: 600; color: #fff; padding: 1em 0; border-bottom: 1px solid #ededed; text-align: center; background: #7598c4;}
.light .schedule2 .tbl-schedule2 tbody th {font-size: .9em; font-weight: 600; color: #666; padding: 1em .25em; border-right: 1px solid #ededed; text-align: center;  word-break: keep-all;}
.light .schedule2 .tbl-schedule2 th small {font-size: .9em; display: block; font-weight: 300;}
.light .schedule2 .tbl-schedule2 td {font-size: .9em; color: #666; font-weight: 400; padding: 1em .25em;  border-bottom: 1px solid #ededed; text-align: center; word-break: keep-all;}
.light .schedule2 .tbl-schedule2 tbody td.today {background: #eff7ff;}
.light .schedule2 .tbl-schedule2 thead th.today {background: #4781fd;}
.light .board { margin-top: 15px; margin-bottom: 15px;}
.light input.datepicker {background: url(../../../images/icon_light_datepicker.png) calc(100% - 10px) 50% no-repeat #fff; cursor: pointer;}

/* login */
.light.login-page {background: url(../../../images/login_light_bg.jpg) no-repeat #42a0d5; background-position: bottom center; background-size: 100% auto;}
.light .login-box {background: #fff; border-radius: 5px !important; overflow: hidden; box-shadow: 0 0 20px rgba(0,45,144,.4);}
.light .login-tt {font-size: 1.5em; font-weight: 600; color: #1562bc;}
.light .login-tt::before {content:''; display: inline-block; width: 40px; height: 40px; background: url(../../../images/logo_small.png) 0 0 no-repeat; background-size: cover; vertical-align: middle; margin-top: -6px;}

/* visitor */
.light .content-full {border-radius: 5px; border: 1px solid #eeeef0; box-shadow: 3px 3px 3px rgb(0,0,0,.03); width: calc(100% - 5em);  margin: 2.5em auto; background: #fff !important;}
.light .footer-full {padding: 0 2.5em 2.5em; background: #f8f8f8 !important; margin-left: 0;}
.light .visitor-check {margin-left: 0 !important; margin-right: 0 !important;}
.light .visitor-check label {font-weight: 300;}
.light .visitor-tt {font-size: 1.15em; font-weight: 600; margin-top: 2em}
.light .visitor-tt i {margin-top: -2px; display: inline-block;}
.light .content-full .table-bordered > thead > tr > th {background: #e6eaef; color: #373b4c;}
.light .content-full .table-bordered > tbody > tr > th {background: #f5f5f5; color: #555;}

/* gallery */
.light .gallery-wrap {text-align: left; padding: 0 20px;}
.light .gallery-wrap > div {margin-bottom: 1.5em; padding-left: 5px; padding-right: 5px; position: relative;}
.light .gallery-wrap > div:hover {cursor: pointer;}
.light .gallery-wrap .img-wrapper {position: relative; padding-bottom: 56.2%; margin-bottom: 10px; box-sizing: border-box; border: 1px solid #ededed;}
.light .gallery-wrap .img {position: absolute; object-fit: cover; width: 100%; height: 100%;} 
.light .gallery-wrap .text p {text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:100%; overflow:hidden; font-size: .865em; color: #999; line-height: 1.4; font-weight: 400; margin-bottom: 0;}
.light .gallery-wrap .text p b {color: #333; font-size: 1.2em; font-weight: 400; display: block; margin-bottom: 5px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:100%; overflow:hidden;}
.light .gallery-wrap.grid8 > div {width: 12.5%; float: left; }
.light .gallery-wrap.grid7 > div {width: 14.28571%; float: left; }

/* pop img button */
.light .img-btn-wrap {width: 48%; margin: 1%; position: relative; display: block; float: left;}
.light .img-btn-wrap .img-wrap {position: relative; padding-bottom: 56.2%;}
.light .img-btn-wrap .img-wrap > img {position: absolute; object-fit: cover; width: 100%; height: 100%; z-index: 9;}
.light .img-btn-wrap .photo-btn {position:absolute; left: 0; bottom: 10px; width: 100%; text-align: center; z-index: 10;}
.light .img-btn-wrap .photo-btn button {padding: 3px 6px; font-size: 11px;}

/* image list 4 */
.light .img-box-wrap .img-box {padding: 0 30px; position: relative;}
.light .img-box-wrap .img-box > div {width: 50%; margin: 0; position: relative; padding-left: 0; padding-right: 0; border: 2.5px solid #fff; box-sizing: border-box;}
.light .img-box-wrap .img-box > div .img-wrap {position: relative; padding-bottom: 56.2%;}
.light .img-box-wrap .img-box > div .img-wrap > img {position: absolute; object-fit: cover; width: 100%; height: 100%; z-index: 9;}
.light .img-box-wrap .img-box button {border: 0; background: transparent;}
.light .img-box-wrap .img-box button.next {position: absolute; right: 0; top: 45%; font-size: 22px; color: #4781fd;}
.light .img-box-wrap .img-box button.prev {position: absolute; left: 0; top: 45%; font-size: 22px; color: #4781fd;}
.light .img-box-wrap .img-box .btn-wrap {position:absolute; left: 0; bottom: 10px; width: 100%; text-align: center; z-index: 10;}
.light .img-box-wrap .img-box .btn-wrap button {padding: 3px 6px; font-size: 11px; font-size: 13px; color: #222;}
.light .img-box-wrap .img-box .text {position: absolute; top: 0; left: 0; z-index: 12; width: 100%; height: 25px; line-height: 25px; background: #596887; color: #fff; font-size: .9em; font-weight: 300; text-align: center; }

.light .modal-xlg {width: 97%; max-width: 1600px; background: #fff;}
.light .modal-xlg .modal-body {max-height: 980px;}
.light .cctv-tbl {height: 430px; overflow-y: auto;}
.light .cctv-img .img-wrap {width: 100%; margin: 0; position: relative; padding-left: 0; padding-right: 0; border: 2.5px solid #fff; box-sizing: border-box;}
.light .cctv-img .img-wrap > div {position: relative; padding-bottom: 56.2%;}
.light .cctv-img .img-wrap > div img {position: absolute; object-fit: cover; width: 100%; height: 100%; z-index: 9;}
.light .cctv-img .img-wrap > div canvas {position: absolute; width: 100%; height: 100%; z-index: 9; background: #f9f9f9}

.light .cctv-modal {max-height: 650px;}
.light .cctv-popimg {position: relative; width: 100%; margin: 0 auto;}
.light .cctv-popimg > div {position: relative;}
.light .cctv-popimg > div > .img {width: 100%; margin: 0; position: relative; padding-left: 0; padding-right: 0; box-sizing: border-box;}
.light .cctv-popimg > div > .img > div {position: relative; padding-bottom: 56.2%;}
.light .cctv-popimg > div > .img > div > img {position: absolute; object-fit: cover; width: 100%; z-index: 9;}  /* height: 100%;  */
.light .cctv-popimg > div > .text {font-size: 1em; font-weight: 600; background: #f5f5f5; display: block; padding: 10px; color:#262626;}
.light .cctv-popimg > div > .text span {font-size: .9em; font-weight: 400; margin: 3px 0 0; display: block; color: #666}
.light .cctv-popimg > div .grid {position: relative;}
.light .cctv-popimg > div .grid::before {content:''; width: 100%; height: 100%; position: absolute; background: url(../../../images/img_grid.png) left top repeat; z-index: 10; opacity: .4;}
.light .cctv-popimg .img-two {display: none;}
.light .cctv-popimg > div.one-con {width: 100%; float: left;}
.light .cctv-popimg > div.basic-con {width: 100%; float: left;}
.light .cctv-popimg > div.two-con {width: 50%; float: left;}
.light .cctv-popimg > div.two-con.img-one {border-right: 1px solid #fff; }
.light .cctv-popimg > div.two-con.img-two {display: block; border-left: 1px solid #fff; box-sizing: border-box;}
.light .cctv-control {display: block; background: #eff7ff; color: #566e93; font-weight: 400; padding: 10px; text-align: right}
.light .cctv-control p {color: #0d203f; display: inline-block; margin: 0 10px;}
.light .cctv-control label {margin-right: 5px;}
.light .cctv-control label input[type=radio] {margin-right: 3px; margin-bottom: 0;}
.light .cctv-control button {padding: 2px 8px; background: #14ae82; color: #fff; border: 1px solid #0c936c; font-size: .9em; float: left;}

/* datetimepicker */
.light #temp_area_01, .light #temp_area_02 {position: absolute !important; top: 25px !important; background: #f9f9f9;}
.light #temp_area_03, .light #temp_area_04 {position: absolute !important; top: 65px !important; background: #f9f9f9;}

/* popup image layer */
.light .p-layer-wrap {position: fixed; bottom: 70px; right: 30px; height: 450px; width: 480px; display: none; background: #fff; padding: 0 8px 8px 8px; z-index: 820; box-shadow: 0px 0px 20px rgb(0,0,0,.2);}
.light .p-layer-title {height: 30px; line-height: 30px; color: #373b4c; font-size: 16px; display: flex !important; justify-content: space-between !important; padding: 1px; background-color: #fff;}
.light .p-layer-img {width: 100%; height: auto; min-height: 270px; background-color: #e6eaef;}
.light .p-layer-footer {height: auto; line-height: 30px; color: #373b4c; font-size: 16px; display: flex !important; justify-content: space-between !important; padding: 1px; background-color: #fff; margin-bottom: 5px;}

.light .select2-container--default .select2-selection--multiple .select2-selection__choice {color: #333 !important; font-size: 12px !important}


@media (max-width: 991px){
  .light .content-header>.breadcrumb {background: transparent; top: 15px;}
  .light .modal-xlg { height: 97%; min-height: 800px; overflow-y: auto;}
  .light .modal-xlg > div { height: 100%;}
  .light .modal-xlg .modal-body {height: 90%;}
  .light .cctv-tbl {height: 200px; margin-bottom: 20px;}
}
@media (min-width: 768px){
  .light.sidebar-mini.sidebar-collapse .main-sidebar {padding-top: 50px; border-right: 0;}

}
@media (max-width: 767px) {
  .light .main-header .logo {border-bottom: 1px solid rgba(255,255,255, .15);}
  .light .main-header .sidebar-toggle {border-left: 0; border-right: 0;}
  .light .main-sidebar {padding-top: 80px; border-right: 0; width: 230px; border-right: 1px solid #f4f3f4;}
  .light .main-header .logo .logo-lg {position: relative; top: auto; left: auto;}
  .light .main-header .logo .logo-lg::before {width: 75px; height: 37px; margin-top: 7px;}
  .light .main-sidebar {padding-top: 40px !important;}
  .light .content-wrapper {background: #fff; padding-top: 100px;}
  .light .box-footer {border: 0; box-shadow: none;}
  .light .box, .light .box-body {padding: 10px 0;}
  .light .content {padding: 15px;}
  .light .map-wrap {max-height: 500px;}
  .light .organization .nav-tabs > li > a {padding: 15px 0; height: auto; line-height: 20px; font-size: 14px;  padding-left: 12px;}
  .light .organization .organization-con .profile > div {width: 60px; height: 60px;}
  .light .fc-day-number {font-size: .8em;}
  .light .fc-unthemed td.fc-today::before {top: 4px; left: 4px; width: 6px; height: 6px;}
  .light .schedule {height: auto !important;}
  .light .img-box-wrap .img-box .btn-wrap {bottom:0 }
  .light .modal-xlg {min-height: 560px; width: 95%;}
  .light header {position: fixed; top: 0; width: 100%;}
}

/********************************************* Dark *********************************************/
/* btn color */
.dark .btn-secondary {background: #e5772c; color: #fff; border: 0; }
.dark .btn-primary {background: #2367d6; color: #fff; border: 0;}
.dark .btn-danger {background: #d71e4a; color: #fff; border: 0;}
.dark .btn {padding: 6px 20px;}
.dark .btn-link {float: right; font-size: 14px; color: #87899e; margin-bottom: 15px; border: 1px solid #87899e; text-decoration: none; background: transparent;}
.dark .btn-link:hover{text-decoration: none; border-color: #0063d5; font-size: #bfc0cf; }
.dark .btn-black {background: #454545; color: #fff; border: 1px solid #333; }
.dark .btn-black:hover {background: #333}
.dark .btn-white {background: #f9f9f9; color: #454545; border: 1px solid #ccc; }
.dark .btn-white:hover {background: #ededed;}

/* text color */
.dark .text-primary {color: #007bff !important;}
.dark .text-secondary {color: #e5772c !important;}
.dark .text-success {color: #28a745 !important;}
.dark .text-danger {color: #dc3545 !important;}
.dark .text-warning {color: #ffc107 !important;}
.dark .text-info {color: #17a2b8 !important;}
.dark .text-white {color: #fff !important;}
.dark .text-dark {color: #343a40 !important;}

/* width */
.dark .w50 {width: 50px !important}
.dark .w50p {width: 49% !important}
.dark .w60 {width: 60px !important}
.dark .w70 {width: 70px !important}
.dark .w80 {width: 80px !important}
.dark .w90 {width: 90px !important}
.dark .w100 {width: 100px !important}
.dark .w100p {width: 100% !important;}
.dark .w120 {width: 120px !important}
.dark .w150 {width: 150px !important}
.dark .w200 {width: 200px !important}
.dark .w250 {width: 250px !important}
.dark .w500 {width: 500px !important}

/* padding */
.dark .pt0 {padding-top: 0 !important;}
.dark .pb0 {padding-bottom: 0 !important;}
.dark .pl0 {padding-left: 0 !important;}
.dark .pl15 {padding-left: 15px !important;}
.dark .pr0 {padding-right: 0 !important;}
.dark .p0 {padding: 0 !important;}

/* margin */
.dark .mt15 {margin-top: 15px !important}
.dark .mb15 {margin-bottom: 15px !important}
/* header */
.dark .main-header {background-color: #090a12; border-bottom: 1px solid #1d2237;}
.dark .main-header .logo {background-color: #1e2033;}
.dark .main-header .navbar {background-color: #090a12;}
.dark .main-header .sidebar-toggle {color: #50556a; padding: 15px 20px;}  /* #373b4c */
.dark .main-header .sidebar-toggle:hover {color: #fff;}  /* #50556a */
.dark .main-header .logo img {padding: 0; max-width: 90px;}
.dark .main-header .logo .logo-lg {position: absolute; top: 7px; left: 60px;}
.dark .main-header .logo .logo-lg::before {content:''; width: 100px; height: 45px; display: block; margin: 0 auto; background: url(../../../images/logo_dark.png) 0 0 no-repeat; background-size: cover;}
.dark .navbar-nav > li > a {height: 50px; width: 50px; position: relative;}
.dark .navbar-nav > li > a::before {content:''; width: 20px; height: 20px; display: block; opacity: .5; position: absolute; left: 15px; top: 15px;}
.dark .navbar-nav > li > a:hover::before {opacity: 1;}
.dark .navbar-nav > li > a.message::before {background: url(../../../images/icon_dark_nav01.png) 0 0 no-repeat;}
.dark .navbar-nav > li > a.mypage::before {background: url(../../../images/icon_dark_nav02.png) 0 0 no-repeat;}
.dark .navbar-nav > li > a.score::before {background: url(../../../images/icon_dark_nav03.png) 0 0 no-repeat;}
.dark .navbar-nav > li > a.outwork::before {background: url(../../../images/icon_dark_nav05.png) 0 0 no-repeat;}
.dark .navbar-nav > li > a.attend::before {background: url(../../../images/icon_dark_nav06.png) 0 0 no-repeat;}
.dark .navbar-nav > li > a.alert_message::before {background: url(../../../images/icon_dark_bell.png) 0 0 no-repeat;}
.dark .navbar-nav > li img {opacity: .4;}
.dark .navbar-nav > li:hover img {opacity: 1;}
.dark .navbar-nav > li > a:hover, .dark .navbar-nav > li > a:active, .dark .navbar-nav > li > a:visited {background: #090a12 !important;}
.dark .navbar-nav > li.user-menu {margin-top: 1em; padding: 0 1.25em; border-right: 0; }
.dark .navbar-nav > li.user-menu button {display: inline; background:#404663; width: 25px; height: 25px; border-radius: 25px; position: relative; padding: 0; margin-left: 5px; border: 0;}
.dark .navbar-nav > li.user-menu button > img {position: absolute; left: 2px; top: 1px; width: 20px;}
.dark .navbar-nav > li.user-menu div {display: inline; color: #586085; font-size:  0.9em;}

/* left */
.dark .wrapper {background: #0f101d;}
.dark .main-sidebar {width: 230px;}
.dark .main-sidebar, .dark .left-side {background-color: #1e2033;}
.dark .sidebar-menu > li {position: relative;}
.dark .sidebar-menu li.header {padding: 10px 25px 10px 15px}
.dark .sidebar-menu li.menu-header {padding: 10px 25px 10px 15px; color: #fff;}
.dark .sidebar-menu > li > a {color: #fff;  position: relative; padding: 12px 5px 12px 15px;}
.dark .sidebar-menu > li > a::after {content:''; width: 100%; height: 1px; background: #333646; position: absolute; top: 0; left: 0;}
.dark.sidebar-mini.sidebar-collapse .sidebar-menu > li a::after {display: none;}
.dark .sidebar-menu > li > a:hover, .dark .sidebar-menu > li.menu-open {background-color: #4781fd}
.dark .sidebar-menu > li::before {content:''; width: 15px; height: 15px; display: block; position: absolute; left: 12px; top: 14px; background-position: 0 0 ; background-repeat: no-repeat; z-index: 2;}
.dark .sidebar-menu > li:hover > a, 
.dark .sidebar-menu > li.active > a, 
.dark .sidebar-menu > li.menu-open > a {background-color: #235ad6; color: #fff;}
.dark .sidebar-menu > li > .treeview-menu {background: #2a2f45;}
.dark.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover, .dark.sidebar-mini.sidebar-collapse .sidebar-menu > li.menu-open:hover, .dark.sidebar-mini.sidebar-collapse .sidebar-menu > li.menu-open > a > span {margin-left: 0}
.dark .sidebar-menu > li > a > .pull-right-container {right: 15px;}
.dark .sidebar-menu .treeview-menu > li {position: relative;}
.dark .sidebar-menu .treeview-menu > li > a {color: #adafbb; padding: 5px 5px 5px 25px; font-size: 0.85em;}
.dark .sidebar-menu .treeview-menu > li.active > a, .dark .sidebar-menu .treeview-menu > li > a:hover {color: #498eff; background-color: transparent}
.dark .sidebar-menu .treeview-menu > li::before {content:'\02DA'; width: 10px; height: 10px; display: block; position: absolute; left: 10px; top: 5px; font-size: 20px; color: #a6a8b5;}
.dark .sidebar-menu .treeview-menu > li.active::before, .dark .sidebar-menu .treeview-menu > li:hover::before {color: #498eff;}
.dark .sidebar-menu > li > a > .fa {text-align: center;}
/* content */
.dark .content-wrapper {background:#0f101d; min-height: 920px;}
.dark .box {border-radius: 0; border-top: 3px solid #5a73ba; box-shadow: none; background-color: #1e2033; border-bottom: 1px solid #444656; padding: 15px 20px;}
.dark .box-footer {border-radius: 0; border: 0; background: #1e2033;}
.dark .content-header > .breadcrumb > li {font-size: 11px;}
.dark .content-header > .breadcrumb > li > a {color: #6a6e86; }
.dark .content-header > .breadcrumb > li > a > img {vertical-align: middle; margin-top: -4px; margin-right: 4px; opacity: .4;}
.dark .content-header > .breadcrumb > .active {color: #6a6e86;}
.dark .content-header > .breadcrumb > li:last-child.active {color: #9ea1bb;}
.dark .content-header > .breadcrumb > li+li:before {padding: 0 10px; content:''; background: url(../../../images/icon_nav_arrow.png) 50% 25% no-repeat;}
.dark .box-body {padding: 20px;}
.dark .content-header > h1 {background: url(../../../images/icon_light_h1.png) 5px 50%  no-repeat; padding-left: 25px; font-size: 18px; font-weight: 600; color: #fff;}
.dark .content-header {padding: 20px 15px 0 15px;}
.dark .content {padding: 20px 15px 15px;}
/* table */
.dark input {font-size: 13px; color:#b6b8d2 !important; border: 1px solid #87899e !important; background: #1e2033 !important;}
.dark input::placeholder {color: #9395ab !important; font-size: 13px; opacity: 1;}
.dark input::-webkit-input-placeholder {color: #9395ab !important; font-size: 13px;}
.dark input:-ms-input-placeholder {color: #9395ab !important; font-size: 13px;}
.dark input:-mos-input-placeholder {color: #9395ab !important; font-size: 13px;} 
.dark select {font-size: 13px; color:#9395ab !important; background: url(../../../images/icon_light_arrow2.png) calc(100% - 15px) 14px no-repeat #1e2033 !important; border: 1px solid #87899e !important;}
.dark select {-webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block;}
.dark select::-ms-expand {display: none;}
.dark textarea {font-size: 13px; color: #b6b8d2 !important; border: 1px solid #87899e !important; background: #1e2033 !important;}
.dark .input-stA {border: 1px solid #686a82 ; padding: 8px 10px; height: 34px; border-radius: 0;}
.dark input.datepicker {background: url(../../../images/icon_light_datepicker.png) calc(100% - 10px) 50% no-repeat #1e2033; cursor: pointer;}

.dark .table-responsive {border: 0; }
.dark .tbl-search {margin-bottom: 0;}
/* .dark .tbl-search .input-stA {border: 1px solid #686a82 ; padding: 8px 10px; height: 32px; border-radius: 0;} */
.dark .tbl-search > thead > tr > th, 
.dark .tbl-search > tbody > tr > th, 
.dark .tbl-search > tfoot > tr > th, 
.dark .tbl-search > thead > tr > td, 
.dark .tbl-search > tbody > tr > td, 
.dark .tbl-search > tfoot > tr > td {border-top: 0; padding: 4px; color: #fff;}
.dark .table-bordered > thead > tr > th, 
.dark .table-bordered > tbody > tr > th,
.dark .table-bordered > tfoot > tr > th, 
.dark .table-bordered > thead > tr > td, 
.dark .table-bordered > tbody > tr > td, 
.dark .table-bordered > tfoot > tr > td {border-bottom: 1px solid #323344 !important; border-right: 0; border-left: 0; border-top: 0; vertical-align: middle; color: #818398; padding: 8px 10px; background: #1e2033 !important;}
.dark .table-hover tr:hover {background: #282b42;}
/* .dark .tbl-search input.datepicker {background: url(../../../images/icon_light_datepicker.png) calc(100% - 10px) 50% no-repeat #1e2033; cursor: pointer;} */
.dark .table-wrap {margin-top: 1em;}
.dark .table-wrap .table thead th, .dark .table-wrap .table thead th a {background: #171829; color: #fff;}
.dark .total-info .total {color: #666 !important; font-size: 12px; margin-left: 10px; font-weight: normal;}
.dark .table-bordered {border:0; border-top: 2px solid #0f101d;}
.dark .pagination > li > span {border-radius: 30px;} 
.dark .pagination > li > a {background-color: transparent; border: 0; color: #9395ab; border-radius: 50px; margin: 0 3px;} 
.dark .pagination > li > span {background-color: #595b6f; border: 0; color: #fff; border-radius: 50px; margin: 0 3px;} 
.dark .pagination > li:first-child > a, .dark .pagination > li:first-child > span {border-top-left-radius: 50px; border-bottom-left-radius: 50px;} 
.dark .pagination > li:last-child > a, .dark .pagination > li:last-child > span {border-top-right-radius: 50px; border-bottom-right-radius: 50px;} 
.dark .pagination > li > a:hover, 
.dark .pagination > li > span:hover, 
.dark .pagination > li > a:focus, 
.dark .pagination > li > span:focus { background-color: #35374b; border-color: 0;} 
.dark .pagination > strong {border-radius: 30px; padding: 6px 12px;}
.dark .pagination > a {background-color: transparent; border: 0; color: #9395ab; border-radius: 50px; margin: 0 3px; padding: 6px 12px;}
.dark .pagination > strong {background-color: #595b6f; border: 0; color: #fff; border-radius: 50px; margin: 0 3px; padding: 6px 12px;}
.dark .pagination > a:first-child, .dark .pagination > strong:first-child  {border-top-left-radius: 50px; border-bottom-left-radius: 50px;}
.dark .pagination > a:last-child, .dark .pagination > strong:last-child {border-top-right-radius: 50px; border-bottom-right-radius: 50px;}
.dark .pagination > a:hover, .dark .pagination > strong:hover,
.dark .pagination > a:focus, .dark .pagination > strong:focus { background-color: #35374b; border-color: 0;}
.dark .table a { color: #83a5d8;}
.dark .table a:hover {text-decoration: underline;}
.dark .tbl-comment {color: #818398; font-size: 12px;}
.dark .approve-table th, .dark .approve-table td {border: 1px solid #323344 !important;}
.dark .approve-table th {background: #171829 !important; color: #fff !important;}
.dark .form-control[disabled], .dark .form-control[readonly], .dark fieldset[disabled] .form-control { font-size: 13px; color: #b6b8d2 !important; border: 1px solid #87899e !important; background: #1e2033 !important; }
.dark input:read-only, .dark textarea:read-only {font-size: 13px; color: #b6b8d2 !important; border: 1px solid #87899e !important; background: #1e2033 !important; }
.dark .modal-body {background: #1e2033 !important; }
/* footer */
.dark .main-footer {border-top: 0; background: #0f101d; color: #36384f; background: #1e2033 !important;}
.dark .main-footer > div {font-size: 12px; line-height: 30px;}
.dark .main-footer::before {content:''; background: url(../../../images/logo_footer_dark.png) 0 0 no-repeat; width: 100px; height: 20px; display: inline-block; background-size: cover;}
/* modal */
.dark .modal > div > div {background: #1e2033; box-shadow: 0 0 20px #000; border: 1px solid rgba(255,255,255,.15);}
.dark .modal-title {font-weight: 600; font-size: 1.3em; color: #fff;}
.dark .modal-header {background: #0f101d; border-bottom: 0;}
.dark .modal-header .close {opacity: 1; text-shadow: none; margin-top: 0; width: 20px; height: 20px; position: relative;}
.dark .modal-header .close::before {content:""; width: 20px; height: 20px; background: url(../../../images/icon_close.png) 0 0 no-repeat; position: absolute; left: 0; top: 3px;}
.dark .modal-footer {text-align: center; padding: 20px 15px 50px; border-top: 0;}
.dark .modal .active {background: #171829; color: #fff;}
.dark .modal-body {max-height: 550px; overflow-y: auto;}
.dark .modal-body .form-group label {color: #fff; font-weight: 300; font-size: 14px; }
/* dashboard */
.dark .dashboard-typeA { margin-bottom: 1em; margin-left: 0; margin-right: 0; }
.dark .dashboard-typeA > div {padding-right: 7.5px; padding-left: 7.5px;}
.dark .dashboard-typeA h2 {background: url(../../../images/icon_light_h1.png) 5px 50%  no-repeat; padding-left: 30px; font-size: 18px; font-weight: 600; margin-top: 30px; margin-bottom: 20px; letter-spacing: -1px; color: #fff;}
.dark .dashboard-typeA .con {background: #1e2033; border-top: 2px solid #5a73ba; height: 360px; overflow: hidden;}
.dark .dashboard-typeA .board-list {margin: 1em; list-style: none; padding-left: 0;}
.dark .dashboard-typeA .board-list li {border-bottom: 1px solid #323344;}
.dark .dashboard-typeA .board-list li {color: #7b7d91; font-weight: 500; font-size: 14px; display: block; padding: 10px 8px 10px 20px; text-overflow: ellipsis; white-space: nowrap; word-break: normal; width: 100%; overflow: hidden; position: relative; letter-spacing: -.1px;}
.dark .dashboard-typeA .board-list li::before {content:''; width: 3px; height: 3px; position: absolute; left: 5px; top: 17px; background: url(../../../images/icon_light_leftmenubg.png) 0 0 no-repeat;}
.dark .dashboard-typeA .board-list li:hover {color: #4781fd;}
.dark .dashboard-typeA .board-list li:last-child {border-bottom: 0;}
.dark .nav-tabs {border-bottom: 0; margin-right: 0; margin-left: 0;}
.dark .nav-tabs > li {text-align: center; padding: 0;}
.dark .nav-tabs > li > a {border: 0; border-radius: 0; background: #30395c; color: rgba(255,255,255, .5); margin-right: 0; padding: 10px 0; font-size: 12px;}
.dark .nav-tabs > li.active > a {background: transparent; color: #fff;}
.dark .nav-tabs > li.active > a, .dark .nav-tabs > li.active > a:focus, .dark .nav-tabs > li.active > a:hover {border: 0;}
.dark .tab-content {height: calc(100% - 50px); margin-top: 10px;}
.dark .h100 {height: 100%;}
.dark .total {height: 50px; line-height: 50px; font-size: 16px; font-weight: normal; color:#fff;}
.dark .total b {font-size: 20px; color: #ffe400;}
.dark .total-con {height: calc(100% - 60px); margin-top: 10px;}
.dark .chart-donut {max-width: 270px; max-height: 270px;}

/* calendar */
/* .dark .calendar-wrap {margin: 20px 0 15px; background: #1e2033; border-top:3px solid #5a73ba;} */
/* .dark .fc-unthemed td.fc-today {background: #30395c; position: relative;} */
/* .dark .fc-unthemed td.fc-today::before {position: absolute; left: 10px; top: 10px; content:''; width: 8px; height: 8px; background: #439aff; border-radius: 30px;} */
/* .dark .fc-widget-header {background: #171829; color: #fff; padding: 2px 0;} */
/* .dark .fc-unthemed th {border-color: transparent;} */
/* .dark .fc-unthemed td, .dark .fc-unthemed thead, .dark .fc-unthemed tbody,  */
/* .dark .fc-unthemed .fc-divider, .dark .fc-unthemed .fc-row, .dark .fc-unthemed .fc-content,  */
/* .dark .fc-unthemed .fc-popover, .dark .fc-unthemed .fc-list-view, .dark .fc-unthemed .fc-list-heading td {border-color: #323344; text-align: center;} */
/* .dark .fc-day-number {font-size: 1.1em; font-weight: 400; padding: 5px 10px !important;} */
/* .dark .fc-toolbar.fc-header-toolbar {margin-top: 1.5em;} */
/* .dark .fc-button-primary {background: #30395c; border-color: #1e2033;} */
/* .dark .fc-button-primary:hover, .dark .fc-button-primary:active, .dark .fc-button-primary:disabled,  */
/* .dark .fc-button-primary:not(:disabled):active, .dark .fc-button-primary:not(:disabled).fc-button-active {background: #5a73ba; border-color: #1e2033;} */
/* .dark .fc-today-button:disabled {background: transparent; position: relative; color: #fff; border-color: #1e2033; padding-left: 20px;} */
/* .dark .fc-today-button:disabled::before {position: absolute; left: 10px; top: 12px; content:''; width: 6px; height: 6px; background: #5a73ba; border-radius: 30px;} */
/* .dark .fc-today-button.fc-button-primary {font-size: 12px; margin-left: 10px; margin-top: 3px;} */
/* .dark #calendar td {color: rgba(255,255,255.2)} */
/* .dark #calendar td.fc-sun {color:#f24421 !important;} */
/* .dark #calendar td.fc-sat {color: #1883ff !important;} */


/* map */
.dark .map-wrap { background: #494c61; min-height: 1%; display: block; max-height: 785px; overflow: hidden; position: relative; border-top: 2px solid #5a73ba;}
.dark .map-wrap:after { content:" "; height:0; display:block; visibility:hidden; clear:both; }
.dark .map-left {width: 300px; float:left;  background:#fff; box-sizing: border-box;  height:100%; padding:0;margin-left: -300px; position:relative; margin-right:-100%; z-index:7; }
.dark .map-left .map-arrow {position:absolute; right:-20px; top: 45%; cursor:pointer; z-index:9; padding: 0; width: 20px; height: 50px; border-top-left-radius: 0; border-bottom-left-radius: 0; border: 0;}
.dark .map-left .map-arrow i {margin-top: 19px; font-size: 11px;}
.dark .map-left .map-arrow.folded i {transform: rotate(180deg);}
.dark .map-left .map-arrow:active {background: #005afe;}
.dark .map-wrap .map {width: 100%; height: 100%; background-color: #494c61;}
.dark .tab-content .tab-con {margin: 0 auto 10px; width: 90%;}
.dark .tab-content .tab-con > p {color: #adafbb;  font-size: 13px; font-weight: 600; margin: 0 0 5px 0;}
.dark .tab-content .tab-con > p > i {margin-right: 5px;}
.dark .tab-content .tab-con .form-group > label {display: none;}
.dark .tab-content .tab-comment {color: #666; display: block; margin: 1em auto; width: 90%; font-size: 13px; word-break: keep-all;}
.dark .tab-content .tab-btn {width: 90%; margin: 1em auto; display: block;}
.dark .tab-content .tab-btn:active {background: #005afe; border: 0;}
.dark .tab-content .tab-con table th, .dark .tab-content .tab-con table td {color:#7b7d91;}
.dark .tab-content .tab-con .table > tbody > tr > th, .dark .tab-content .tab-con .table > tbody > tr > td {border-top: 1px solid #323344;}

.dark .check_list {list-style: none; padding: 0; width: 90%; margin: 1em auto 0;}
.dark .check_list > li {padding: 10px 0; border-bottom: 1px solid #323344; font-size: 13px;}
.dark .check_list > li > ul {list-style: none; padding: 0; font-weight: 300; font-size: 12px; line-height: 20px; margin-top: 10px;}
.dark .check_list > li > label {margin-bottom: 0; font-weight: 600;}
.dark .check_list > li > ul > li > label {margin-bottom: 0; font-weight: 300;}
.dark .check_list .radio,
.dark .check_list .checkbox {padding-left: 20px; position: relative; display: block; color: #7b7d91;}
.dark .check_list .radio input, .dark .check_list .checkbox input {opacity: 0; position: absolute; z-index: 1; cursor: pointer; margin-left: -20px; }
.dark .check_list .radio input:checked + label::before,
.dark .check_list .checkbox input:checked + label::before { border-color: transparent; }
.dark .check_list .radio input:checked + label::after,
.dark .check_list .checkbox input:checked + label::after {content: ""; display: inline-block; position: absolute; width: 13px; height: 13px; left: 2px; top: 4px; margin-left: -20px; border: 1px solid #439aff; border-radius: 50%; background-color: #439aff; }
.dark .check_list .radio label,
.dark .check_list .checkbox label {display: inline-block; position: relative; padding-left: 5px;}
.dark .check_list .radio label::before,
.dark .check_list .checkbox label::before {content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; top: 0; margin-left: -20px; border: 0; border-radius: 50%; background-color: #363b53; }
.dark .check_list .radio.disabled label,
.dark .check_list .checkbox.disabled label {color: #ccc; }
.dark .check_list .radio.disabled label::before,
.dark .check_list .checkbox.disabled label::before {opacity: 0.54; border-color: #ccc; }
.dark .check_list .checkbox input:checked + label::before {border-color: none; background-color: #444db6; }
.dark .check_list .checkbox input:checked + label::after {content: ""; font-size: 10px; color: #f6f6f6; top: .5px; left: .7px; border-color: transparent; background: url(../../../images/icon_check_bg.png) 0 0 no-repeat; background-size: cover; width: 16px; height: 16px;}
.dark .check_list .checkbox label::before {border-radius: 50%;}
.dark .bootsidemenu {position: absolute; top: 0; width: 300px !important; box-shadow: none; -webkit-box-shadow: none; border: 0; border-right: 1px solid rgba(0, 0, 0, .15); background: #1e2033;}
.dark .bootsidemenu .menu-wrapper .toggler {display: none;}
.dark .bootsidemenu-left > .toggler {box-shadow: none; -webkit-box-shadow: none;}
.dark .default .toggler {background-color: #090a12;color: #fff; font-size: 12px; border: 0;}

/* profile */
.dark .user-profile {width: 120px; height: 120px; overflow: hidden; position: relative; border: 1px solid #ddd; background:url(../../../images/img_profilebg.png) 0 0 no-repeat #edf5fb; background-size: 100% auto; background-position: center;}
.dark .user-profile > .profile-img {width: 120px; height: 120px; position: absolute; left: 0; top: 0; background-size: 100% auto; background-position: center; background-repeat: no-repeat;  z-index: 9;}
.dark .user-profile > .profile-btn {position:absolute; left: 0; bottom: 10px; width: 100%; text-align: center; z-index: 10;}
.dark .user-profile > .profile-btn button {padding: 3px 6px; font-size: 11px;}

/* sign */
.dark .user-sign {width: 120px; height: 120px; overflow: hidden; position: relative; border: 1px solid #ddd; background:url(../../../images/img_signbg.png) 0 0 no-repeat #edf5fb; background-size: 100% auto; background-position: center;}
.dark .user-sign > .sign-img {width: 120px; height: 120px; position: absolute; left: 0; top: 0; background-size: 100% auto; background-position: center; background-repeat: no-repeat;  z-index: 9;}
.dark .user-sign > .sign-btn {position:absolute; left: 0; bottom: 10px; width: 100%; text-align: center; z-index: 10;}
.dark .user-sign > .sign-btn button {padding: 3px 6px; font-size: 11px;}

/* Organization */
.darkbg {background: #0f101d;}
.dark .organization {margin: 25px; border: 1px solid #444655; border-radius: 10px; overflow: hidden; height: calc(100% - 50px); background: #1e2033;}
.dark .organization .nav-tabs {padding-right: 0; box-sizing: border-box; height: 100%; z-index: 2;}
.dark .organization .nav-tabs > li {float:none; margin: 0; width: 100%;  display: block; border-bottom: 1px solid #444655; word-break: keep-all;}
.dark .organization .nav-tabs > li:last-child {border-bottom: 0;}
.dark .organization .nav-tabs > li > a {padding: 0; height: 60px; line-height: 60px; background: #2a2f45; color: #b4b6c2; font-size: 16px; text-align: left; padding-left: 12px;}
.dark .organization .nav-tabs > li.active > a {background: #235ad6; color: #fff; position: relative;}
.dark .organization .nav-tabs > li.active > a::after {content:''; width: 10px; height: 21px; background:url(../../../images/icon_dark_tabbg.png) 0 0 no-repeat; position: absolute; right: -10px; top: calc(50% - 10px);}
.dark .organization .tab-content {height: 100%;  border-left: 1px solid #444655; min-height:427px; margin-top: 0; padding: 1em;}
.dark .organization .organization-con .profile:hover {cursor: pointer;}
.dark .organization .organization-con .profile > div {width: 100px; height: 100px; background-size:auto; background-repeat: no-repeat; background-position: center;overflow: hidden; border: 1px solid #ddd; border-radius: 100px; display: block; margin: 0 auto 5px; background-image: url(../../../images/img_profilebg.png); background-size: 100% auto;}
.dark .organization .organization-con .profile > p {display: block; font-size: 14px; color: #9395ab; line-height: 1.4; text-align: center; height: 40px;}
.dark .organization .organization-con .profile > p > span {font-size: 12px; display: block; margin-top:5px;}

/* approval */
.dark .approval-wrap {border: 1px solid #87899e; padding: 5px; height: 120px; overflow-y: auto;}
.dark .approval-wrap ul {list-style: none; padding: 0;}
.dark .approval-wrap ul > li {display: block; position: relative; margin-bottom: 0; padding: 5px 10px;}
.dark .approval-wrap ul > li:hover {background: #30395c; cursor: pointer;}
.dark .approval-wrap ul > li > p {font-size: 13px; color: #7b7d91; width: calc(100% - 15px); margin-bottom: 0; }
.dark .approval-wrap ul > li > p > i { margin-right: 5px; vertical-align: middle; margin-top: -3px; font-size: 11px;}
.dark .approval-wrap ul > li > div { position: absolute; width: 60px; right: 10px; top: 4px; text-align: right;}
.dark .approval-wrap ul > li > div > i { display: inline-block; vertical-align: middle; margin: 0 3px; opacity: .6;}
.dark .approval-wrap ul > li > div > i::before {vertical-align: middle; margin-top: -7px; display: inline-block }

.dark .approval-wrap ul > li > div > i:hover {cursor: pointer; opacity: 1;}
.dark .approval-list {list-style: none; margin-top:10px; padding:0;}
.dark .approval-list > li {display: inline-block; font-size: 12px; margin-right: 10px; padding: 5px 0;}
.dark .approval-list > li > i {margin-right: 5px;}
.dark .approval01 {color: #7ed321; }
.dark .approval02 {color: #f5a623; }
.dark .approval03 {color: #ff627c; }
.dark .approval04 {color: #adadad; }
.dark .modal table .row {margin-right: 0; margin-left: 0;}
.dark .input-group-btn > span {background: #666; color: #fff; border: 0; height: 34px;}
.dark .form-control > input {border: 0;background: #eee i !important;}
.dark .filebox {margin-bottom: 2px;}
.dark .filebox input[type="file"] {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}
.dark .filebox label {display: inline-block; padding: 0; color: #fff; vertical-align: middle; background-color: #15162a; cursor: pointer; border: 0; text-align: center;  line-height: 34px; border-radius: 0; font-size: 14px; width: 100px; height: 34px; margin-bottom: 0;}
.dark .filebox .upload-name {display: inline-block; height: 34px; line-height: 34px; font-size:14px;  padding: 0 10px; vertical-align: top; border: 0; border-radius: 0; width: calc(100% - 110px); margin-left: -5px; color: #b6b8d2; margin-left: 5px;}

/* jstree */
.dark .treemenu-wrap {background: #1e2033; margin-right: 0; margin-left: 0; border-top: 3px solid #5a73ba;}
.dark .treemenu-wrap h3 {font-size: 18px; font-weight: 600; background: url(../../../images/icon_h3.png) 0 4px no-repeat; padding-left: 20px; margin: 30px 0 5px; color: #fff;}
.dark .treemenu-wrap .jstree {margin: 2em 0;}
.dark .treemenu-wrap .jstree-default .jstree-clicked {background: #384a7f; border-radius: 0; box-shadow: transparent; color: rgba(255,255,255, .6)}
.dark .treemenu-wrap .jstree-default .jstree-anchor {color: rgba(255,255,255, .8)}
.dark .treemenu-wrap .jstree-default .jstree-anchor:hover, .dark .treemenu-wrap .jstree-default .jstree-anchor:active {background: #282b42; border: 0; border-radius: 0;}
.dark .treemenu-wrap .jstree-default .jstree-anchor:link:hover { background: #282b42; border: 0; border-radius: 0;}
.dark .treemenu-wrap .jstree-default .jstree-anchor:visited{background: #384a7f;}
.dark .btn-setting {position: absolute; right: 0; top: 20px;}
.dark .search-setting { margin-top: 15px;}
.dark .sidebar-menu > li > .treeview-menu {margin: 0;}
/* schedule */
.dark .schedule { margin-top: 15px; margin-bottom: 15px; position: relative; padding: 1em;}
.dark .schedule .today {display: inline-block; text-align: left; width: 60px; text-align: center; height: 25px; line-height: 25px; padding: 0 15px;  background: #e5772c; border-radius: 5px; color: #fff;}
.dark .schedule .today:hover {background: #c75f18;}
.dark .schedule .nextprev {position: absolute; right: 1em; top: 1em;}
.dark .schedule .nextprev > button {background: transparent; border: 0;}
.dark .schedule .nextprev > button i {color: #50699f;}
.dark .schedule .nextprev > button i:hover, .dark .schedule .nextprev > button i:active {color:#4781fd;}
.dark .schedule .tt {text-align: center; color: #4781fd; font-size: 1.25em; font-weight: 600;}
.dark .schedule .admin {text-align: center; background: #2d4b8c; color: #fff; width: 120px; margin: 0 auto 1em; border-radius: 3px; padding: 5px 0;}
.dark .schedule .tbl-schedule {width: 100%; border-radius: 10px; overflow: hidden;}
.dark .schedule .tbl-schedule th, .dark .schedule .tbl-schedule td {background: #30395c; color: #818398; font-size: 1em; border-bottom: 3px solid #1e2033;}
.dark .schedule .tbl-schedule th {text-align: center; padding: 1em 0; border-right: 3px solid #1e2033;}
.dark .schedule .tbl-schedule td {text-align: left; padding: 1em 0 1em 1em;}
.dark .schedule .tbl-schedule td span {display: inline-block; font-size: .9em; width: 30px; height: 30px; border-radius: 30px; text-align: center; line-height: 30px; margin-right: 10px; vertical-align: middle; background: #88a6c8; color: #fff;}
.dark .schedule .tbl-schedule tr.active th, .dark .schedule .tbl-schedule tr.active td {background: #4781fd; color: #fff;}
.dark .schedule .tbl-schedule tr.active td span {background: #ffa800;}
.dark .schedule2 .date-title {text-align: center; position: relative; margin: 1em 0 0;}
.dark .schedule2 .date-title .tt {font-size: 1.2em; font-weight: 600; display: inline-block; line-height: 50px; color: #4781fd;}
.dark .schedule2 .date-title .tt i {font-size: .8em; margin-right: 8px; vertical-align: middle; display: inline-block; margin-top: -4px;}
.dark .schedule2 .date-title .month {font-size: 1em; font-weight: 600; display: inline-block; background: #4781fd; color: #fff; width: auto; padding: 2px 10px; border-radius: 3px; margin-top: -2px;}
.dark .schedule2 .date-title .nextprev {position: absolute; right: 1em; top: 1em;}
.dark .schedule2 .nextprev > button {background: transparent; border: 0;}
.dark .schedule2 .nextprev > button i {color: #50699f;}
.dark .schedule2 .nextprev > button i:hover, .dark .schedule .nextprev > button i:active {color:#4781fd;}
.dark .schedule2 { height: auto !important; margin-right: 7.5px; margin-left: 7.5px;}
.dark .schedule2 .tbl-schedule2 {width: 100%; margin: 0 0 1.5em; border-bottom: 1px solid #323344; border-top: 2px solid #0f101d;}
.dark .schedule2 .tbl-schedule2 thead th {font-size: .9em; font-weight: 600; color: #fff; padding: 1em 0; border-bottom: 1px solid #323344; text-align: center; background: #171829;}
.dark .schedule2 .tbl-schedule2 tbody th {font-size: .9em; font-weight: 600; color: #adafbb; padding: 1em .25em; border-right: 1px solid #323344; text-align: center;  word-break: keep-all;}
.dark .schedule2 .tbl-schedule2 th small {font-size: .9em; display: block; font-weight: 300;}
.dark .schedule2 .tbl-schedule2 td {font-size: .9em; color: #818398; font-weight: 400; padding: 1em .25em;  border-bottom: 1px solid #323344; text-align: center; word-break: keep-all;}
.dark .schedule2 .tbl-schedule2 tbody td.today {background: #3a3f60;}
.dark .schedule2 .tbl-schedule2 thead th.today {background: #5a73ba;}
.dark .board { margin-top: 15px; margin-bottom: 15px;}
.dark input.datepicker {background: url(../../../images/icon_light_datepicker.png) calc(100% - 10px) 50% no-repeat #1e2033 !important; cursor: pointer;}
.dark input.datetimepicker {background: url(../../../images/icon_light_datepicker.png) calc(100% - 10px) 50% no-repeat #1e2033 !important; cursor: pointer;}
/* login */
.dark.login-page {background: url(../../../images/login_dark_bg.jpg) no-repeat #151827; background-position: bottom center; background-size: 100% auto;}
.dark .login-box {background: #1e2033; border-radius: 5px !important; overflow: hidden; box-shadow: 0 0 20px rgba(0,0,0,.2); border: 1px solid rgba(255,255,255,.15);}
.dark .login-box-body, .dark .register-box-body {background: transparent; color: #818398;}
.dark .login-tt {font-size: 1.5em; font-weight: 600; color: #fff;}
.dark .login-tt::before {content:''; display: inline-block; width: 40px; height: 40px; background: url(../../../images/logo_small.png) 0 0 no-repeat; background-size: cover; vertical-align: middle; margin-top: -6px;}
.dark .login-box-body .form-control-feedback, .dark .register-box-body .form-control-feedback {color: #818398;}

/* visitor */
.dark .content-full {width: calc(100% - 5em);  margin: 2.5em auto; background: #1e2033 !important; border-top: 3px solid #5a73ba;}
.dark .footer-full {padding: 0 2.5em 2.5em; background: #0f101d !important; margin-left: 0;}
.dark .visitor-check {margin-left: 0 !important; margin-right: 0 !important;} 
.dark .visitor-check label { color: #fff; font-weight: 300;}
.dark .visitor-tt {font-size: 1.15em; font-weight: 600; margin-top: 2em; color: #fff}
.dark .visitor-tt i {margin-top: -2px; display: inline-block;}
.dark .content-full .table-bordered > thead > tr > th, .dark .content-full .table-bordered > tbody > tr > th {background: #171829; color: #fff;}


/* gallery */
.dark .gallery-wrap {text-align: left; padding: 0 20px;}
.dark .gallery-wrap > div {margin-bottom: 1.5em; padding-left: 5px; padding-right: 5px; position: relative;}
.dark .gallery-wrap > div:hover {cursor: pointer;}
.dark .gallery-wrap .img-wrapper {position: relative; padding-bottom: 56.2%; margin-bottom: 10px; box-sizing: border-box; border: 1px solid rgba(255,255,255,.15)}
.dark .gallery-wrap .img {position: absolute; object-fit: cover; width: 100%; height: 100%;} 
.dark .gallery-wrap .text p {text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:100%; overflow:hidden; font-size: .865em; color: #565a76; line-height: 1.4; font-weight: 400; margin-bottom: 0;}
.dark .gallery-wrap .text p b {color: #818398; font-size: 1.2em; font-weight: 400; display: block; margin-bottom: 5px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:100%; overflow:hidden;}
.dark .gallery-wrap.grid8 > div {width: 12.5%; float: left; }
.dark .gallery-wrap.grid7 > div {width: 14.28571%; float: left; }

/* pop img button */
.dark .img-btn-wrap {width: 48%; margin: 1%; position: relative; display: block; float: left;} 
.dark .img-btn-wrap .img-wrap {position: relative; padding-bottom: 56.2%; }
.dark .img-btn-wrap .img-wrap > img {position: absolute; object-fit: cover; width: 100%; height: 100%; z-index: 9;}
.dark .img-btn-wrap .photo-btn {position:absolute; left: 0; bottom: 10px; width: 100%; text-align: center; z-index: 10;}
.dark .img-btn-wrap .photo-btn button {padding: 3px 6px; font-size: 11px;}

/* image list 4 */
.dark .img-box-wrap .img-box {padding: 0 30px; position: relative;}
.dark .img-box-wrap .img-box > div {width: 50%; margin: 0; position: relative; padding-left: 0; padding-right: 0; border: 2.5px solid #1e2033; box-sizing: border-box;}
.dark .img-box-wrap .img-box > div .img-wrap {position: relative; padding-bottom: 56.2%;}
.dark .img-box-wrap .img-box > div .img-wrap > img {position: absolute; object-fit: cover; width: 100%; height: 100%; z-index: 9;}
.dark .img-box-wrap .img-box button {border: 0; background: transparent;}
.dark .img-box-wrap .img-box button.next {position: absolute; right: 0; top: 45%; font-size: 22px; color: #595b6f;}
.dark .img-box-wrap .img-box button.prev {position: absolute; left: 0; top: 45%; font-size: 22px; color: #595b6f;}
.dark .img-box-wrap .img-box .btn-wrap {position:absolute; left: 0; bottom: 10px; width: 100%; text-align: center; z-index: 10;}
.dark .img-box-wrap .img-box .btn-wrap button {padding: 3px 6px; font-size: 11px; font-size: 13px; color: #5a73ba;}
.dark .img-box-wrap .img-box .text {position: absolute; top: 0; left: 0; z-index: 12; width: 100%; height: 25px; line-height: 25px; background: #090a12; color: #fff; font-size: .9em; font-weight: 300; text-align: center; }

.dark .modal-xlg {width: 97%; max-width: 1600px; background: #fff;}
.dark .modal-xlg .modal-body {max-height: 980px;}
.dark .cctv-tbl {height: 430px; overflow-y: auto;}
.dark .cctv-img .img-wrap {width: 100%; margin: 0; position: relative; padding-left: 0; padding-right: 0; border: 2.5px solid #0f101d; box-sizing: border-box;}
.dark .cctv-img .img-wrap > div {position: relative; padding-bottom: 56.2%;}
.dark .cctv-img .img-wrap > div img {position: absolute; object-fit: cover; width: 100%; height: 100%; z-index: 9;}
.dark .cctv-img .img-wrap > div canvas {position: absolute; width: 100%; height: 100%; z-index: 9; background:#0f101d}

.dark .cctv-modal {max-height: 650px;}
.dark .cctv-popimg {position: relative; width: 100%; margin: 0 auto;}
.dark .cctv-popimg > div {position: relative;}
.dark .cctv-popimg > div > .img {width: 100%; margin: 0; position: relative; padding-left: 0; padding-right: 0; box-sizing: border-box;}
.dark .cctv-popimg > div > .img > div {position: relative; padding-bottom: 56.2%;}
.dark .cctv-popimg > div > .img > div > img {position: absolute; object-fit: cover; width: 100%; z-index: 9;}  /* height: 100%;  */
.dark .cctv-popimg > div > .text {font-size: 1em; font-weight: 600; background: #171829; display: block; padding: 10px; color:#fff;}
.dark .cctv-popimg > div > .text span {font-size: .9em; font-weight: 400; margin: 3px 0 0; display: block; color: #818398}
.dark .cctv-popimg > div .grid {position: relative;}
.dark .cctv-popimg > div .grid::before {content:''; width: 100%; height: 100%; position: absolute; background: url(../../../images/img_grid.png) left top repeat; z-index: 10; opacity: .4;}
.dark .cctv-popimg .img-two {display: none;}
.dark .cctv-popimg > div.one-con {width: 100%; float: left;}
.dark .cctv-popimg > div.basic-con {width: 100%; float: left;}
.dark .cctv-popimg > div.two-con {width: 50%; float: left;}
.dark .cctv-popimg > div.two-con.img-one {border-right: 1px solid #1e2033;}
.dark .cctv-popimg > div.two-con.img-two {display: block; border-left: 1px solid #1e2033;}
.dark .cctv-control {display: block; background: #2a2c45; color: #686b88; font-weight: 400; padding: 10px; text-align: right}
.dark .cctv-control p {color: #fff; display: inline-block; margin: 0 10px;}
.dark .cctv-control label {margin-right: 5px; margin-bottom:0;}
.dark .cctv-control label input[type=radio] {margin-right: 3px; color: #686b88;}
.dark .cctv-control button {padding: 2px 8px; background: #14ae82; color: #fff; border: 0; font-size: .9em; float: left;}
.dark .table-striped>tbody>tr:nth-of-type(odd) {background-color: rgba(255,255,255,.03);}
.dark .select2-container--default .select2-selection--multiple {font-size: 13px; color: #b6b8d2; border: 1px solid #87899e; background: #1e2033;}
.dark .select2-container--default .select2-selection--multiple .select2-selection__choice {background-color: #5a73ba !important; border: 0 !important; border-radius: 0 !important; font-size: 12px !important}
.dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {color: #fff !important;}
.dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {color: #fff !important}

/* datetimepicker */
.dark #temp_area_01, .dark #temp_area_02 {position: absolute !important; top: 25px !important; }
.dark #temp_area_03, .dark #temp_area_04 {position: absolute !important; top: 65px !important; }
.dark .bootstrap-datetimepicker-widget.dropdown-menu {  background: #333756 !important; border: 1px solid #0f101d !important;}
.dark .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {border-bottom-color: #0f101d !important;}
.dark .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {border-bottom: 6px solid #333756 !important;}
.dark .bootstrap-datetimepicker-widget.dropdown-menu.top:before {border-top-color: #0f101d !important;}
.dark .bootstrap-datetimepicker-widget.dropdown-menu.top:after {border-top: 6px solid #333756 !important;}
.dark .bootstrap-datetimepicker-widget table td.active,
.dark .bootstrap-datetimepicker-widget table td.active:hover {background-color: #1d2034 !important; color: #fff !important;}
.dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {background: #1d2034 !important; color: #fff !important;}
.dark .bootstrap-datetimepicker-widget table td.day:hover,
.dark .bootstrap-datetimepicker-widget table td.hour:hover,
.dark .bootstrap-datetimepicker-widget table td.minute:hover,
.dark .bootstrap-datetimepicker-widget table td.second:hover {background: #1d2034 !important; color: #fff !important;}
.dark .bootstrap-datetimepicker-widget table td span:hover {background: #1d2034 !important; color: #fff !important;}
.dark .bootstrap-datetimepicker-widget table td.today {background: #fff !important; color: #0f101d !important}
.dark .bootstrap-datetimepicker-widget table td.today:before {border-bottom-color: #337ab7 !important;}
.dark .bootstrap-datetimepicker-widget table td.today:before {border-bottom-color: red !important;}

/* popup image layer */
.dark .p-layer-wrap {position: fixed; bottom: 70px; right: 30px; height: 450px; width: 480px; display: none; background: #090a12; padding: 0 8px 8px 8px; z-index: 820;}
.dark .p-layer-title {height: 30px; line-height: 30px; color: white; font-size: 16px; display: flex !important; justify-content: space-between !important; padding: 1px; background-color: #090a12;}
.dark .p-layer-img {width: 100%; height: auto; min-height: 270px; background-color: #e6eaef;}
.dark .p-layer-footer {height: auto; line-height: 30px; color: white; font-size: 16px; display: flex !important; justify-content: space-between !important; padding: 1px; background-color: #090a12; margin-bottom: 5px;}

.dark .select2-container--default .select2-selection--single {background: none !important; border-radius: 0 !important;}
.dark .select2-container .select2-selection--single {border-color: #87899e !important}
.dark .select2-container .select2-selection--single .select2-selection__rendered {color: #9395ab !important; padding-left: 0 !important;}

.dark .select2-search--dropdown {padding: 1px !important;}
.dark .select2-container--default .select2-results>.select2-results__options {background: #1e2033; color: #9395ab !important; } 

.dark .select2-container--default .select2-results>.select2-results__options {background: #1e2033; color: #b6b8d2 ;}


.dark .select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: #1e90ff; color: #fff;}
.dark .select2-container--default .select2-search--dropdown .select2-search__field {background:#0f101d !important;}

.dark .select2-container--default .select2-selection--single .select2-selection__rendered {color: #9395ab !important;}
.dark .select2-container--default .select2-selection--single .select2-selection__arrow b {border-color: transparent !important; left: 50% !important; margin-left: 0; margin-top: -2px !important; background: url(../../../images/icon_light_arrow2.png) !important; transform: rotate(180deg) !important;}
.dark .select2-container--default .select2-search--dropdown .select2-search__field {border: 0 !important}
.dark .select2-container--default.select2-container--focus .select2-selection--multiple, .dark .select2-container--default .select2-search--dropdown .select2-search__field { border-color: #87899e !important;}

.dark .dropdown-menu {background-color: #333756 !important; border-color: #0f101d !important;}
.dark .datepicker table tr td.new, .dark .datepicker table tr td.old {color: #999 !important;}
.dark .table-condensed>tbody>tr>td, .dark .table-condensed>tbody>tr>th, .dark .table-condensed>tfoot>tr>td, 
.dark .table-condensed>tfoot>tr>th, .dark .table-condensed>thead>tr>td, .dark .table-condensed>thead>tr>th {color: #fff !important;}
.dark .datepicker table tr td span:hover, .dark .datepicker table tr td span.focused {  background: #1d2034 !important;}
.dark .datepicker-dropdown.datepicker-orient-top:before {border-top : 7px solid #6c6d7a !important;}
.dark .datepicker-dropdown:after {border-bottom: 6px solid #333756 !important;}
.dark .datepicker-dropdown:before {border-bottom-color: #0f101d !important; border-bottom: 7px solid #333756 !important;}
.dark .bootstrap-datetimepicker-widget, .dark .dropdown-menu, .dark .timepicker-sbs {color: #fff;}
.dark .datepicker td:hover, .dark .datepicker th:hover {background: #1d2034 !important;}

@media (max-width: 991px){
  .dark .content-header>.breadcrumb {background: transparent; top: 5px;}
  .dark .modal-xlg { height: 97%; min-height: 800px; overflow-y: auto;}
  .dark .modal-xlg > div { height: 100%;}
  .dark .modal-xlg .modal-body {height: 90%;}
  .dark .cctv-tbl {height: 200px; margin-bottom: 20px;}
}

@media (min-width: 768px){
  .dark.sidebar-mini.sidebar-collapse .main-sidebar {padding-top: 51px; border-right: 0;}  
  .dark.sidebar-mini.sidebar-collapse .sidebar-menu > li::before {left: 16px;}  
}
@media (max-width: 767px) {
  .dark .main-header .logo {border-bottom: 1px solid rgba(255,255,255, .15);}
  .dark .main-header .sidebar-toggle {border-left: 0; border-right: 0;}
  .dark .main-header .logo .logo-lg {position: relative; top: auto; left: auto;}
  .dark .main-header .logo .logo-lg::before {width: 75px; height: 37px; margin-top: 7px;}
  .dark .main-sidebar {padding-top: 40px !important; border-right: 0; width: 230px;}
  .dark .content-wrapper {background: #0f101d; padding-top: 100px;}
  .dark .box {margin-bottom: 0;}
  .dark .box-footer {border: 0; box-shadow: none; background: #1e2033;}
  .dark .box, .dark .box-body {padding: 10px 20px; background: #1e2033;}
  .dark .content {padding: 15px;}
  .dark .organization .nav-tabs > li > a {padding: 15px 0; height: auto; line-height: 20px; font-size: 14px;  padding-left: 12px;}
  .dark .organization .organization-con .profile > div {width: 60px; height: 60px;}
  .dark .fc-day-number {font-size: .8em;}
  .dark .fc-unthemed td.fc-today::before {top: 4px; left: 4px; width: 6px; height: 6px;}
  .dark .schedule {height: auto !important;}
  .dark .img-box-wrap .img-box .btn-wrap {bottom:0 }
  .dark .content-full {margin: 1em !important; width: calc(100% - 2em);}
  .dark .footer-full {padding: 0px 1em 1em !important;}
  .dark header {position: fixed; top: 0; width: 100%;}
}

/* �떊洹� select2 */
.dark .select2-selection--multiple input.select2-search__field {
	border : 0px !important;
}

.dark h3#chartTitle {
	color: #f0f0f0;
}


/* ���떆蹂대뱶 異붽� 愿��젴 */
.dashboard-typeA h2 {letter-spacing: 0 !important;}
.nav-tabs > li > a {font-size: 14px !important; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block;}
.tab-content {overflow: auto !important;}
.ds-data-a:nth-of-type(odd), .ds-data-b:nth-of-type(odd), .ds-data-c:nth-of-type(odd) {border-right: 1px solid #3b3e54; border-bottom: 1px solid #3b3e54;}
.ds-data-a:nth-of-type(even), .ds-data-b:nth-of-type(even), .ds-data-c:nth-of-type(even) {border-bottom: 1px solid #3b3e54;}
.ds-data-a {text-align: center; color: #fff; padding: 55px 24px 37px; margin: 0;}
.ds-data-a dt {font-weight: 400; font-size: 16px; padding: 0; color: #aaa;}
.ds-data-a dd {font-weight: 600; font-size: 32px;}
.ds-data-a dd strong {font-weight: 600; font-size: 60px; display: inline-block; vertical-align: middle; margin-top: -20px;}
.ds-data-a dd span {display: inline-block; vertical-align: middle; margin: 0 0 0 4px;}
.ds-data-b {text-align: center; color: #fff; padding: 15px 24px 6px; margin: 0;}
.ds-data-b dt {font-weight: 400; font-size: 16px; padding: 0; color: #aaa;}
.ds-data-b dd {font-weight: 600; font-size: 20px;}
.ds-data-b dd strong {font-weight: 600; font-size: 50px; display: inline-block; vertical-align: middle; margin-top: -15px;}
.ds-data-b dd span {display: inline-block; vertical-align: middle; margin: 0 0 0 3px;}
.ds-data-c {text-align: center; color: #fff; padding: 20px 24px 10px; margin: 0;}
.ds-data-c dt {font-weight: 400; font-size: 16px; padding: 0; color: #aaa;}
.ds-data-c dd {font-weight: 600; font-size: 20px;}
.ds-data-c dd strong {font-weight: 600; font-size: 30px; display: inline-block; vertical-align: middle; margin-top: -5px;}
.ds-data-c dd span {display: inline-block; vertical-align: middle; margin: 0 0 0 3px;}
.nav-tabs-root {padding-left: 30px; font-size: 0; margin-top: 30px; margin-bottom: 14px; background: url(../../../images/icon_light_h1.png) 5px 50% no-repeat;}
.nav-tabs-root li {display: inline-block;}
.nav-tabs-root li a {font-size: 18px; color: #6b7696; font-weight: 600; padding: 0 15px;}
.nav-tabs-root li.active a {color: #fff;}
.tit-f-right {float: right; font-size: 15px; font-weight: 400; color: #6b7696; margin-top: 8px;}
.ds-mem-list {display: block; height: 100%; overflow: auto; padding: 10px; font-size: 0;}
.ds-mem-list li {border-radius: 3px; height: 34px; line-height: 34px; padding: 0 10px; background: #b5bed9; margin: 4px; color: #000; font-size: 16px; text-align: center;}  /*display: inline-block; */
.ds-mem-list li span[class^="i-st"] {display: inline-block; width: 10px; height: 10px; border-radius: 10px; vertical-align: middle; margin-right: 5px; margin-top: -1px; font-size: 13px;}
.ds-mem-list li .i-st1 {background: #ff0000;}
.ds-mem-list li .i-st2 {background: #ff8a00;}
.ds-mem-list li .i-st3 {background: #ffe800;}
.ds-mem-list li .i-st4 {background: #3ad32b;}
.ds-mem-list li .i-st5 {background: #999999;}
.date-wrap {height: 20px; width: 100%; text-align: center; display: inline-block; margin: 0 auto 5px; font-size: 0;}
.date-wrap .date-inner {display: inline-block; background: rgba(255,255,255,.15); padding: 0; border-radius: 20px;}
.date-wrap .btn-prev, .date-wrap .btn-next {width: 20px; height: 20px; display: inline-block; border: none; background: transparent; cursor: pointer; vertical-align: middle; line-height: 18px; vertical-align: middle; color: #bbb; font-size: 12px;}
.date-wrap .btn-prev:hover, .date-wrap .btn-next:hover {color: #ddd;}
.date-wrap .datetxt {text-align: center; margin: 0 3px; color: #bbb; display: inline-block; font-size: 16px; height: 20px; line-height: 18px; letter-spacing: -.5px; vertical-align: middle;}
.light .date-wrap .date-inner {border: 1px solid #eaeaea;}
.light .date-wrap .datetxt {color: #999;}
.light .date-wrap .btn-prev:hover, .light .date-wrap .btn-next:hover {color: #999;}
.tbl-dash {width: 100%;}
.tbl-dash th {background: #30395c; color: rgba(255,255,255, .5); text-align: center; padding: 10px;}
.tbl-dash td {border-bottom: 1px solid #323344; color: #7b7d91; padding: 10px; text-align: center;}
.tbl-dash td.t-left {text-align: left;}
.nav-tabs-root ~ .con {display: none;}
.nav-tabs-root ~ .con.active {display: block;}
.nav-tabs-root ~ .con2 {background: transparent !important; height: 794px !important;}
.nav-tabs-root ~ .con2 .tab-content {background: #1e2033 !important; height: 322px; margin-top: 0; padding-top: 10px;}
.nav-tabs-root ~ .con2 .nav-tabs > li.active > a {background: #1e2033 !important;}
.chart-title {color: #aaa; font-size: 16px; text-align: center; margin: 10px 0;}
.chart-t1 {color: #999999; font-size: 13px; text-align: right; margin: 0;}
.chart-line {max-height: 240px;}
.chart-doughnut {max-height: 230px;}

.light .ds-data-a:nth-of-type(odd), .light .ds-data-b:nth-of-type(odd), .light .ds-data-c:nth-of-type(odd) {border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea;}
.light .ds-data-a:nth-of-type(even), .light .ds-data-b:nth-of-type(even), .light .ds-data-c:nth-of-type(even) {border-bottom: 1px solid #eaeaea;}
.light .con .h100 {height: 100% !important;}
.light .chart-title {color: #666;}
.light .ds-data-a, .light .ds-data-b, .light .ds-data-c {color: #333;}
.light .ds-data-a dt, .light .ds-data-b dt, .light .ds-data-c dt {color: #666;}
.light .nav-tabs-root li.active a {color: #333;}
.light .ds-mem-list li {background: #eaeaea; border: 1px solid #ddd; line-height: 32px;}
.light .ds-mem-list li .i-on, .light .ds-mem-list li .i-off {margin-top: -3px;}
.light .nav-tabs-root ~ .con2 .tab-content {background: #fff !important;}
.light .nav-tabs-root ~ .con2 .nav-tabs > li.active > a {background: #fff !important;}
.light .nav-tabs-root li a {color: #999;}
.light .tbl-dash th {background: #c5c7d1; color: rgba(255,255,255, .8);}
.light .tbl-dash td {border-bottom: 1px solid #eaeaea; color: #333;}

@media (max-width: 1200px){
  .ds-data-a {height: 180px; padding: 65px 5px;}
  .ds-data-b {height: 100px; padding: 25px 5px;}
  .ds-data-a dt, .ds-data-b dt {font-size: 16px;}
  .ds-data-a dd, .ds-data-b dd {font-size: 20px;}
  .ds-data-a dd strong, .ds-data-b dd strong {font-size: 30px; margin-top: -5px;}
  .ds-data-a dd span, .ds-data-b dd span {margin: 0 0 0 3px;}
}
@media (max-width: 991px){
  .ds-data-a, .ds-data-b {padding: 20px 24px 10px; height: auto;}
  .dashboard-typeA .con {height: auto !important;}
  .dashboard-typeA .con canvas {height: 360px !important;}  
}


/* 2025-02-12 wooin custom */
select[readonly] { pointer-events: none; }
/* search-filter */
.form-label { margin-bottom: 10px; }
.date-group, .search-group { display: flex; }
.date-group span { padding: 6px 10px; }
.search-btn { margin-bottom: 2px; }
.form-control.datepicker { border-radius: 0; padding: 6px 12px; }
.table-wrap { margin-top: 1em; position: relative; }
.search-loader { content: url(../../../images/spinner-64.gif); }
/* select2 */
.select2-container--default .select2-selection--single {background: none !important; border-radius: 0 !important; height: 34px !important;}
.select2-container--default .select2-selection--multiple {background: none !important; border-radius: 0 !important;}
/* .select2-container--default .select2-selection--single {  } */
/* bootstrap-datepicker */
.dark .datepicker table tr td.today, 
.dark .datepicker table tr td.today.disabled 
/* .dark .datepicker table tr td.today.disabled:hover,  */
/* .dark .datepicker table tr td.today:hover  */
{
/*     background-color: #fde19a; */
/*     background-image: linear-gradient(to bottom, #fdd49a, #fdf59a); */
/*     background-repeat: repeat-x; */
/*     border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25); */
    color: #000 !important;
}
.sidebar-mini.sidebar-collapse .sidebar-menu>li.header {
	padding: 25px 25px 25px 15px;
}



/* fullcalendar-scheduler  line-height: 50px; */
.calendar-wrap .calendar-nav {float: left; padding-right: 15px; padding-left: 15px;}
.calendar-wrap #calendar {padding-right: 15px; padding-left: 15px;}
.calendar-wrap #calendar .fc-timeline-slot-frame {justify-content: center !important;}
.dark .calendar-wrap {padding: 20px; background: #1e2033; border-top:3px solid #5a73ba;}
.dark #calendar .fc-toolbar h2 {color: #fff; font-size: 1.5em; font-weight: 600; display: inline-block; vertical-align: middle;}
.dark #calendar .fc-scrollgrid-liquid,
.dark #calendar .fc-scrollgrid-liquid th,
.dark #calendar .fc-scrollgrid-liquid td {border-color: #323344;}
/* fc-resourceTimelineDay-view */ 
.dark #calendar .fc-resourceTimelineDay-view th {color: #fff;}
.dark #calendar .fc-resourceTimelineDay-view td {color: #818398;}
.dark #calendar .fc-resourceTimelineDay-view a {color: #fff;}
.light #calendar .fc-resourceTimelineDay-view a {color: #333;}
/* fc-timeGridWeek-view */
.dark #calendar .fc-timeGridWeek-view th {color: #fff;}
.dark #calendar .fc-timeGridWeek-view td {color: #818398;}
.dark #calendar .fc-timeGridWeek-view a {color: #fff;}
.light #calendar .fc-timeGridWeek-view a {color: #333;}
/* fc-dayGridMonth-view */ 
.dark #calendar .fc-dayGridMonth-view th .fc-col-header-cell-cushion {color: #fff;}
.dark #calendar .fc-dayGridMonth-view th.fc-day-sun .fc-col-header-cell-cushion {color: #f24421 !important;}
.dark #calendar .fc-dayGridMonth-view th.fc-day-sat .fc-col-header-cell-cushion {color: #1883ff !important;}
.dark #calendar .fc-dayGridMonth-view td .fc-daygrid-day-number {color: #fff;}
.dark #calendar .fc-dayGridMonth-view td.fc-day-sun .fc-daygrid-day-number {color: #f24421 !important;}
.dark #calendar .fc-dayGridMonth-view td.fc-day-sat .fc-daygrid-day-number {color: #1883ff !important;}
.dark #calendar .fc-dayGridMonth-view a {color: #fff;}

.light #calendar .fc-dayGridMonth-view th .fc-col-header-cell-cushion {color: #333;}
.light #calendar .fc-dayGridMonth-view th.fc-day-sun .fc-col-header-cell-cushion {color: #f24421 !important;}
.light #calendar .fc-dayGridMonth-view th.fc-day-sat .fc-col-header-cell-cushion {color: #1883ff !important;}
.light #calendar .fc-dayGridMonth-view td .fc-daygrid-day-number {color: #333;}
.light #calendar .fc-dayGridMonth-view td.fc-day-sun .fc-daygrid-day-number {color: #f24421 !important;}
.light #calendar .fc-dayGridMonth-view td.fc-day-sat .fc-daygrid-day-number {color: #1883ff !important;}
.light #calendar .fc-dayGridMonth-view a {color: #333;}