body {
  color: #EEEEEE;
  background: #292C2F;
  min-width: 1600px;
}
.navbar-inverse {
  background: #333639;
}
.skin-light .main-sidebar,
.skin-light .left-side {
  background-color: #262626;
}
.skin-light .login_head {
  background: #2d3e4e;
}
.skin-light .login-box-body {
  background: transparent;
}
.skin-light .navbar .navbar-header button {
  background-color: #333639;
  border: 1px solid #333639;
}
.skin-light .navbar .navbar-header button i {
  color: #EEEEEE;
}
.skin-light .navbar .navbar-nav > .active > a,
.skin-light .navbar .navbar-nav > .active > a:hover,
.skin-light .navbar .navbar-nav > .active > a:focus {
  color: #5D7595;
  background: transparent;
}
.skin-light .navbar .navbar-nav > .open > a,
.skin-light .navbar .navbar-nav > .open > a:hover,
.skin-light .navbar .navbar-nav > .open > a:focus {
  border-bottom: none;
  color: #5D7595;
  background-color: #333639;
}
.skin-light .navbar .navbar-nav > li > a {
  color: #7D7D7D;
}
.skin-light .navbar .navbar-search i {
  color: #ABABAB;
}
.skin-light .navbar .navbar-search input {
  background: #292C2F;
  border-radius: 2px;
  border: none;
  box-shadow: none;
}
.skin-light .navbar .dropdown-menu {
  background-color: #333639;
  border: none;
  padding: 0;
}
.skin-light .navbar .dropdown-menu li > a,
.skin-light .navbar .dropdown-menu li > a:hover {
  background-color: #333639;
  color: #EEEEEE;
}
.skin-light .navbar .dropdown-menu .divider {
  background-color: #272727;
}
.skin-light .sidebar .sidebar-menu li.treeview > .treeview-menu {
  background: #262626;
  padding-left: 0;
}
.skin-light .sidebar .sidebar-menu li.treeview a {
  color: #7D7D7D;
  padding: 14px 5px 14px 15px;
  font-weight: 600;
  font-size: 12px;
}
.skin-light .sidebar .sidebar-menu li.treeview.active > a,
.skin-light .sidebar .sidebar-menu li.treeview:hover > a {
  background: #313131;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  padding: 14px 5px 14px 15px;
}
.skin-light .sidebar .sidebar-menu li.treeview.active > a i,
.skin-light .sidebar .sidebar-menu li.treeview:hover > a i {
  color: #D34C4C;
}
.skin-light .sidebar .sidebar-menu li.treeview.active > a span,
.skin-light .sidebar .sidebar-menu li.treeview:hover > a span {
  color: #FFFFFF;
}
.skin-light .sidebar .sidebar-menu .dropdown-menu {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 8px 6px -3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 8px 6px -3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 8px 6px -3px rgba(0, 0, 0, 0.2);
  border: 1px solid #e9e9e9;
}
.skin-light .sidebar .sidebar-menu .dropdown-menu > li > a {
  color: #262626;
}
.skin-light .select2-container--open .select2-dropdown--below,
.skin-light .select2-container--open .select2-dropdown--above {
  background: #333639;
  border-radius: 2px;
  border: 1px solid #2B2D2F;
  box-shadow: 2px 2px 10px 3px rgba(0, 0, 0, 0.25);
}
.skin-light .select2-container--default .select2-results > .select2-results__options {
  overflow-y: scroll;
}
.skin-light .dropdown-menu {
  background-color: #333639;
  box-shadow: 0px 2px 18px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  border: 1px solid #333639;
  margin-top: 8px;
}
.skin-light .dropdown-menu label {
  color: #7D7D7D;
}
.skin-light .dropdown-menu input.select-tree {
  cursor: pointer;
}
.skin-light .dropdown-menu input.select-tree.form-control[readonly] {
  background: #404447;
  border-radius: 2px;
  color: #EEEEEE;
  height: 30px;
}
.skin-light .dropdown-menu .select2-container.select2-container--default.select2-container--open .select2-selection--single,
.skin-light .dropdown-menu .select2-container.select2-container--default.select2-container--open .select2-selection--multiple {
  border: 1px solid #5D7595;
}
.skin-light .dropdown-menu .select2-container .select2-selection--single,
.skin-light .dropdown-menu .select2-container .select2-selection--multiple {
  background: #404447;
  border-radius: 2px;
  border: 1px solid #4C5156;
  min-height: 30px;
}
.skin-light .dropdown-menu .select2-container .select2-selection--single {
  height: 30px;
}
.skin-light .dropdown-menu .select2-container .select2-selection--single .select2-selection__arrow {
  top: 15%;
}
.skin-light .dropdown-menu .select2-container .select2-selection__rendered {
  padding: 0 8px;
}
.skin-light .dropdown-menu li.active a {
  background-color: #5D7595;
}
.skin-light .dropdown-menu .btn-default,
.skin-light .dropdown-menu .btn-default:hover {
  margin-right: 8px;
}
.skin-light .notify-card-success {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.skin-light .notify-card-completed {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.skin-light .notify-card-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.skin-light .notify-card-danger {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}
.skin-light .label-notify-count {
  color: #ffffff !important;
  background-color: #5D7595 !important;
  border: 2px solid #333639;
}
.skin-light .fa-star.favorite-no {
  color: #CACACA;
}
.skin-light .fa-star.favorite-added {
  color: #F39C12;
}
.skin-light .left-side-fixed-menu {
  background-color: #262626;
}
.skin-light .left-side-fixed-menu .dropdown-menu .box-header {
  background-color: #e4e4e4;
}
.skin-light .left-side-fixed-menu .nav-stacked > li > a {
  color: #ffffff;
  border-color: transparent;
}
.skin-light .left-side-fixed-menu .nav-stacked > li:hover {
  border-color: transparent;
}
.skin-light .left-side-fixed-menu .nav-stacked > li.active > a,
.skin-light .left-side-fixed-menu .nav-stacked > li.active > a:hover,
.skin-light .left-side-fixed-menu .nav-stacked > li.active > a:focus {
  color: #ffffff;
}
.skin-light .left-side-fixed-menu .download-center-main {
  color: #252525;
}
.skin-light .left-side-fixed-menu .download-center-main .icon-group {
  color: #8a8a8a;
}
.skin-light .left-side-fixed-menu .download-center-main .download-center-body .box-header {
  background-color: #e4e4e4;
}
.skin-light .left-side-fixed-menu .download-center-main .download-center-body .download-center-card {
  color: #5d5d5d;
}
.skin-light .left-side-fixed-menu .download-center-main .download-center-body .download-center-card .card-inner-center {
  color: #3367d6;
}
.skin-light .left-side-fixed-menu .download-center-main .download-center-body .download-center-card .date-outer {
  color: inherit;
}
.skin-light .left-side-fixed-menu .download-center-main .download-center-body .download-center-card .progress-bar-outer {
  background-color: #f7f7f7;
  box-shadow: rgba(0, 0, 0, 0.498039) 0 1px 3px inset;
}
.skin-light .left-side-fixed-menu .download-center-main .download-center-body .download-center-card .progress-bar-outer .progress-bar-csv {
  background-color: #F5B451;
}
.skin-light .left-side-fixed-menu .download-center-main .download-center-body .download-center-card .progress-bar-outer .progress-bar-word {
  background-color: #399BDE;
}
.skin-light .left-side-fixed-menu .download-center-main .download-center-body .download-center-card .progress-bar-outer .progress-bar-pdf {
  background-color: #E65D58;
}
.skin-light .left-side-fixed-menu .download-center-main .download-center-body .download-center-card .progress-bar-outer .progress-bar-excel {
  background-color: #6CC567;
}
/*
*
* 공통
*
*/
.skin-light .open > .dropdown-toggle.btn-primary {
  color: #5D7595;
}
.skin-light .open > .dropdown-toggle.btn-primary,
.skin-light .open > .dropdown-toggle.btn-primary:active:focus,
.skin-light .open > .dropdown-toggle.btn-primary:hover,
.skin-light .open > .dropdown-toggle.btn-primary:active {
  background-color: #5D7595;
  border-color: #5D7595;
}
.skin-light .open > .dropdown-toggle.btn-primary i,
.skin-light .open > .dropdown-toggle.btn-primary:active:focus i,
.skin-light .open > .dropdown-toggle.btn-primary:hover i,
.skin-light .open > .dropdown-toggle.btn-primary:active i {
  color: #5D7595;
}
.skin-light .btn:focus,
.skin-light .btn:active:focus {
  outline: none;
  color: #EEEEEE;
}
.skin-light .btn-primary {
  color: #EEEEEE;
  background-color: #5D7595;
  border-color: #5D7595;
}
.skin-light .btn-primary:focus,
.skin-light .btn-primary:active,
.skin-light .btn-primary:active:focus {
  background-color: #475F80;
  border-color: #475F80;
  box-shadow: none;
}
.skin-light .btn-primary:hover {
  background-color: #475F80;
  border-color: #475F80;
}
.skin-light .btn-call {
  color: #EEEEEE;
  background-color: #117fae;
  border-color: #117fae;
  transition: all 0.4s ease;
}
.skin-light .btn-call:active:focus,
.skin-light .btn-call:hover,
.skin-light .btn-call:active,
.skin-light .btn-call.active {
  background-color: #117fae;
  border-color: #117fae;
}
.skin-light .btn-call i.fa {
  color: #ffffff;
}
.skin-light .btn-warning {
  color: #5D7595;
  background-color: #5D7595;
  border-color: #5D7595;
  transition: all 0.4s ease;
}
.skin-light .btn-warning:active:focus,
.skin-light .btn-warning:hover,
.skin-light .btn-warning:active,
.skin-light .btn-warning.active {
  background-color: #5D7595;
  border-color: #5D7595;
}
.skin-light .btn-default {
  background-color: #333639;
  color: #EEEEEE;
  border-color: #333639;
  transition: all 0.4s ease;
}
.skin-light .btn-default i {
  color: #ABABAB;
}
.skin-light .btn-default:active:focus,
.skin-light .btn-default:hover,
.skin-light .btn-default:active {
  background-color: #333639;
  border-color: #333639;
}
.skin-light .btn-default:active:hover {
  color: #EEEEEE;
}
.skin-light .btn-default:focus {
  border-color: #333639;
  color: #EEEEEE;
  box-shadow: none;
}
.skin-light .btn-normal {
  background-color: #5D7595;
  color: #EEEEEE;
  border-color: #5D7595;
  transition: all 0.4s ease;
}
.skin-light .btn-normal i {
  color: #ABABAB;
}
.skin-light .btn-normal:active:focus,
.skin-light .btn-normal:hover,
.skin-light .btn-normal:active {
  background-color: #475F80;
  border-color: #475F80;
}
.skin-light .btn-danger {
  background-color: #E25E5E;
  border: none;
}
.skin-light .btn-danger:focus {
  background-color: #E25E5E;
  box-shadow: none;
}
.skin-light .btn-risk {
  cursor: default;
  text-align: center;
  border: 1px solid transparent;
  border-radius: 2px;
  padding: 2px 6px;
  color: white;
}
.skin-light .btn-risk.risk1 {
  background-color: #A73838;
}
.skin-light .btn-risk.risk2 {
  background-color: #D06739;
}
.skin-light .btn-risk.risk3 {
  background-color: #D09F22;
}
.skin-light .btn-risk.risk4 {
  background-color: #688735;
}
.skin-light .btn-risk.risk5 {
  background-color: #30619A;
}
.skin-light .btn-transparent {
  background-color: transparent;
  border-color: transparent;
}
.skin-light .btn-transparent:active:focus,
.skin-light .btn-transparent:hover,
.skin-light .btn-transparent:active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  color: #EEEEEE;
  box-shadow: none;
}
.skin-light .toggle.btn.off {
  background-color: #7D7D7D;
}
.skin-light .toggle.btn .toggle-handle {
  background-color: #EEEEEE;
  border-color: #EEEEEE;
}
.skin-light .btn-group .btn-primary {
  background-color: #292C2F;
  border-color: #292C2F;
  box-shadow: none;
  color: #7D7D7D;
  font-size: 14px;
}
.skin-light .btn-group .btn-primary:active:focus,
.skin-light .btn-group .btn-primary:hover,
.skin-light .btn-group .btn-primary:active {
  background-color: #333639;
}
.skin-light .btn-group .btn-primary.active {
  background-color: #333639;
}
/*
*
* TAB 컨트롤
*
*/
.skin-light .nav-tabs-custom,
.skin-light .nav-tabs-spw {
  /*background-color: #FDFEFF;*/
}
.skin-light .nav-tabs-custom > .nav-tabs,
.skin-light .nav-tabs-spw > .nav-tabs {
  border-bottom: none;
}
.skin-light .nav-tabs-custom > .nav-tabs > li,
.skin-light .nav-tabs-spw > .nav-tabs > li {
  min-width: 122px;
  height: 30px;
}
.skin-light .nav-tabs-custom > .nav-tabs > li > a,
.skin-light .nav-tabs-spw > .nav-tabs > li > a {
  color: #7D7D7D;
  font-weight: 600;
  line-height: 20px;
  margin: 0 8px;
  background-color: #1C1E20;
}
.skin-light .nav-tabs-custom > .nav-tabs > li.active > a,
.skin-light .nav-tabs-spw > .nav-tabs > li.active > a {
  background-color: #292C2F;
  color: #EEEEEE;
}
/*
*
* fancy tree style 
*
*/
.skin-light .tree-area .ui-fancytree.fancytree-container {
  background-color: #333639;
  color: #ABABAB;
}
.skin-light .tree-area .ui-fancytree.fancytree-container li span.fancytree-title {
  color: #EEEEEE;
}
.skin-light .tree-area .ui-fancytree.fancytree-container li span.fancytree-title mark {
  color: #5D7595;
  background-color: transparent;
  padding: 0;
}
.skin-light .tree-area .fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-active span.fancytree-title {
  background-color: #333639;
  border-color: #333639;
  color: #EEEEEE;
}
.skin-light .tree-area .fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-active:hover span.fancytree-title {
  background-color: #292C2F;
  border-color: #292C2F;
}
.skin-light .tree-area .fancytree-plain.fancytree-container .fa-check-square-o {
  color: #5D7595;
}
.skin-light .tree-area .fancytree-plain.fancytree-container span.fancytree-title:hover {
  background-color: #292C2F;
}
.skin-light .tree-area .fancytree-plain.fancytree-container span.fancytree-node:hover {
  background-color: #292C2F;
}
.skin-light .tree-area .fancytree-plain.fancytree-container span.fancytree-node.fancytree-active span.fancytree-title,
.skin-light .tree-area .fancytree-plain.fancytree-container span.fancytree-node.fancytree-active:hover span.fancytree-title {
  background-color: #333639;
  border-color: #333639;
  color: #EEEEEE;
}
.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title,
.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title {
  font-weight: normal;
}
/*
 *
 * common status alert
 * 즐겨찾기 추가완료 등 상태 메세지 화면 가운데 뜨는거임.
 */
.skin-light .alert-success-org {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.skin-light .alert-warning-org {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.skin-light .alert-info-org {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.skin-light .alert-search-info {
  background: lightgray;
}
.skin-light .alert-success {
  background-color: #6DD0C2 !important;
  border-color: transparent;
}
.skin-light .alert-warning-cutom {
  color: #8a6d3b !important;
  background-color: #fcf8e3 !important;
  border-color: #faebcc;
  padding: 6px 10px;
}
.skin-light .alert {
  border: 1px solid transparent;
  -webkit-box-shadow: 4px 4px 4px -1px rgba(0, 0, 0, 0.21);
  -moz-box-shadow: 4px 4px 4px -1px rgba(0, 0, 0, 0.21);
  box-shadow: 4px 4px 4px -1px rgba(0, 0, 0, 0.21);
}
/*
 *
 * 프로젝트 화면
 *
 */
.skin-light .sidebar .sidebar-menu > li button.btn-block {
  color: #ffffff;
  background: #5D7595;
  border-color: #5D7595;
}
.skin-light .right-side-400.project-detail {
  color: #8A8B8D;
  background: #FFFFFF;
  border-left: 1px solid #FFFFFF;
}
.skin-light .right-side-400.project-detail .title-span {
  color: #464950;
}
.skin-light .treeview-menu > li.active > a,
.skin-light .treeview-menu > li > a:hover {
  color: #5D7595;
  background: #1e2027;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
ul li a {
  color: #ffffff;
}
/*
* 
* 가운데 화면(content) 관련 스타일
* 
*/
.content-wrapper {
  background-color: #292C2F;
}
.content-wrapper section.content .box-header.title {
  color: #EEEEEE;
  background: #333639;
  border-top: 1px solid #2B2D2F;
  border-bottom: 1px solid #333639;
  box-shadow: 0px 2px 18px rgba(0, 0, 0, 0.2);
}
.content-wrapper section.content-header {
  background: #5D7595;
}
.skin-light .wrapper.navi-layout .box-header.title {
  color: #EEEEEE;
  background: #333639;
  border-top: 1px solid #2B2D2F;
  border-bottom: 1px solid #333639;
  box-shadow: 0px 2px 18px rgba(0, 0, 0, 0.2);
}
.skin-light .wrapper .input-group .input-group-addon {
  border-top: 1px solid #4C5156;
  border-right: 1px solid #4C5156;
  border-bottom: 1px solid #4C5156;
  background: #404447;
}
.skin-light .wrapper .input-group .form-control {
  border: 1px solid #4C5156;
  background: #404447;
}
.skin-light .wrapper .inner-addon .search-input-inner-right {
  border-top: 1px solid #333639;
  border-right: 1px solid #333639;
  border-bottom: 1px solid #333639;
}
.skin-light .wrapper .inner-addon .search-input-inner-right.focus {
  border-top: 1px solid #5D7595;
  border-right: 1px solid #5D7595;
  border-bottom: 1px solid #5D7595;
}
.skin-light .wrapper .inner-addon .addon-btn {
  background: #333639;
  min-width: 36px;
}
.skin-light .wrapper .inner-addon .addon-btn i.spw-search {
  padding: 2px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .skin-light .wrapper .inner-addon .addon-btn i.spw-slider {
    position: relative;
    top: 1px;
  }
}
.skin-light .wrapper .inner-addon .addon-btn:hover i.spw-search {
  background: #56585A;
  border-radius: 20px;
  padding: 2px;
}
.skin-light .wrapper .form-control {
  border: 1px solid #4C5156;
  background: #404447;
  color: #EEEEEE;
}
.skin-light .wrapper .form-control::placeholder {
  color: #6C6C6C !important;
}
.skin-light .wrapper .form-control::-webkit-input-placeholder {
  color: #6C6C6C !important;
}
.skin-light .wrapper .form-control::-moz-placeholder {
  color: #6C6C6C !important;
}
.skin-light .wrapper .form-control::-ms-input-placeholder {
  color: #6C6C6C !important;
}
.skin-light .wrapper .form-control:-ms-input-placeholder {
  color: #6C6C6C !important;
}
.skin-light .wrapper .form-control:focus {
  box-shadow: none;
}
.skin-light .wrapper .select2-search__field::placeholder {
  color: #6C6C6C !important;
}
.skin-light .wrapper .select2-search__field::-webkit-input-placeholder {
  color: #6C6C6C !important;
}
.skin-light .wrapper .select2-search__field::-moz-placeholder {
  color: #6C6C6C !important;
}
.skin-light .wrapper .select2-search__field::-ms-input-placeholder {
  color: #6C6C6C !important;
}
.skin-light .wrapper .select2-search__field:-ms-input-placeholder {
  color: #6C6C6C !important;
}
.skin-light .wrapper .select2-selection__placeholder {
  color: #6C6C6C;
}
.skin-light .wrapper .dropdown-menu .form-control {
  background-color: #404447;
  border: 1px solid #4C5156;
  border-radius: 2px;
  height: 30px;
}
.skin-light .wrapper .dropdown-menu .dropdown-tree.open input {
  border: 1px solid #5D7595;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #5D7595;
}
.select2-container--default .select2-selection--multiple {
  background-color: #404447;
  border: 1px solid #4C5156;
  border-radius: 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #5D7595;
  border-color: #5D7595;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
  background-color: #475F80;
  border-color: #475F80;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 2px 8px;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
  float: right;
  color: #EEEEEE;
  height: 20px;
  line-height: 1.4;
  margin-left: 6px;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
  border-radius: 2px;
  border-color: #5D7595;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background: #404447;
  opacity: .5;
  cursor: not-allowed;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow {
  display: none;
}
.select2-container--default .select2-selection--single {
  background-color: #404447;
  border: 1px solid #4C5156;
  border-radius: 2px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #EEEEEE;
  padding: 3px 32px 2px 8px;
}
.select2-container--default .select2-selection--single:focus {
  outline: none;
}
.select2-container--default .select2-selection--single.disabled .select2-selection__rendered,
.select2-container--default .select2-selection--single[disabled="disabled"] .select2-selection__rendered {
  color: #797979;
  font-weight: normal;
  cursor: not-allowed;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #2B2D2F;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  color: #EEEEEE;
  background: #333639;
  padding: 4.2px 6px;
}
.select2-container--default .select2-results__option[aria-selected=true]:before {
  font-family: 'sparrow';
  content: "\a006";
  color: #5D7595;
  margin-right: 4px;
  font-size: 21px;
  vertical-align: middle;
}
.select2-container--default .select2-results__option[aria-selected=true].select2-results__option--highlighted {
  background-color: #2B2D2F;
}
.select2-container--default .select2-results__options[aria-multiselectable=true] .select2-results__option {
  padding: 4.95px 6px;
  vertical-align: -1px;
}
.select2-container--default .select2-results__options[aria-multiselectable=true] .select2-results__option:before {
  width: 14px;
  height: 14px;
  position: relative;
  cursor: pointer;
  font-size: 14px;
  display: inline-block;
  vertical-align: inherit;
  margin-right: 5px;
}
.select2-container--default .select2-results__options[aria-multiselectable=true] .select2-results__option[aria-selected=false]:before {
  content: '';
  border-radius: 2px;
  border: 1px solid #ABABAB;
}
.select2-container--default .select2-results__options[aria-multiselectable=true] .select2-results__option[aria-selected=true]:before {
  background-color: #5D7595;
  border-color: #5D7595;
  content: '\a006';
  font-family: 'sparrow';
  color: black;
  border-radius: 2px;
  border-inline: none;
}
.select2-container--default .select2-results__option[aria-selected=false] {
  padding: 4.95px 6px;
}
/**
 *
 * 데이터 테이블 셋팅
 *
 */
.skin-light table.dataTable.no-footer {
  border-bottom: none;
  filter: drop-shadow(1px 2px 2px #212327) drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.13));
}
.skin-light table.dataTable tbody td.select-checkbox:before,
.skin-light table.dataTable tbody th.select-checkbox:before {
  border: 1px solid #ABABAB;
  background: #333639;
}
.skin-light table.dataTable tbody tr:first-child > td:first-child {
  border-radius: 0;
}
.skin-light table.dataTable tbody tr:first-child > td:first-child.dataTables_empty {
  border-radius: 0;
  background-color: #333639;
  height: 44px;
  border: none;
}
.skin-light table.dataTable tbody tr:first-child > td:last-child {
  border-top-right-radius: 2px;
}
.skin-light table.dataTable tbody tr {
  background-color: #333639;
}
.skin-light table.dataTable tbody tr > td {
  border-bottom: 1px solid #2B2D2F;
}
.skin-light table.dataTable tbody tr > td:first-child {
  padding-left: 20px;
}
.skin-light table.dataTable tbody tr > td:first-child:after {
  display: block;
  content: '';
  position: relative;
  left: -20px;
  top: 13px;
  width: 10px;
  height: 1px;
  margin: 0;
  border-bottom: 1px solid #333639;
}
.skin-light table.dataTable tbody tr > td:first-child.select-checkbox:after {
  left: -10px;
}
.skin-light table.dataTable tbody tr > td:last-child {
  padding-right: 20px;
}
.skin-light table.dataTable tbody tr > td:last-child:after {
  display: block;
  content: '';
  position: relative;
  left: calc(100% + 10px);
  top: 13px;
  width: 10px;
  height: 1px;
  border-bottom: 1px solid #333639;
}
.skin-light table.dataTable tbody tr > td:last-child.extend-button:after {
  top: 12px;
}
.skin-light table.dataTable tbody tr:hover {
  background-color: #2B2D2F;
}
.skin-light table.dataTable tbody tr.selected td.select-checkbox:before {
  background-color: #5D7595;
  border-color: #5D7595;
  content: '\a006';
  font-family: 'sparrow';
  color: black;
  line-height: 1;
  border-style: none;
}
.skin-light table.dataTable tbody tr:last-child > td:first-child {
  border-bottom-left-radius: 2px;
  border-bottom: 1px solid #2B2D2F;
}
.skin-light table.dataTable tbody tr:last-child > td:first-child:after {
  content: none;
}
.skin-light table.dataTable tbody tr:last-child > td:last-child {
  border-bottom-right-radius: 2px;
  border-bottom: 1px solid #2B2D2F;
}
.skin-light table.dataTable tbody tr:last-child > td:last-child:after {
  content: none;
}
.skin-light table.dataTable thead:first-child tr:first-child > th {
  background-color: #333639;
  border-bottom: 1px solid #2B2D2F;
}
.skin-light table.dataTable thead:first-child tr:first-child > th:first-child {
  padding: 9.3px 20px;
  border-top-left-radius: 2px;
}
.skin-light table.dataTable thead:first-child tr:first-child > th:last-child {
  border-top-right-radius: 2px;
  padding-right: 20px;
}
.skin-light table.dataTable tbody tr.row-selected {
  color: #EEEEEE;
  background: #2B2D2F;
  border-left: 4px solid #5D7595;
}
.control-sidebar {
  background-color: #292C2F;
  border-left: 1px solid #2B2D2F;
}
.control-sidebar .panel.box.box-primary {
  border-bottom: solid 1px #2B2D2F;
  background-color: #333639;
}
.dataTables_wrapper .dataTables_info {
  color: #EEEEEE;
}
.dataTables_wrapper .dataTables_paginate {
  color: #EEEEEE;
}
.dataTables_wrapper .dataTables_paginate .paginate_input {
  border: 1px solid #2B2D2F;
  background: #404447;
}
/**
 * Table
 */
table.table-info {
  background-color: #333639;
}
table.table-info thead th {
  color: #7D7D7D;
}
table.table-info tbody td {
  color: #EEEEEE;
}
table thead {
  color: #7D7D7D;
  background: transparent;
}
table thead input[type="checkbox"] {
  border: 0.5px solid #6C6C6C;
  background: #4C5156;
}
table.dropdown-table-style {
  color: #252525;
}
table.dropdown-table-style th {
  background-color: #B2CFD8;
}
table.dropdown-table-style td {
  background-color: #ffffff;
}
table.dropdown-table-style th,
table.dropdown-table-style td {
  border: solid #517994;
}
table.dropdown-table-style tr:hover td {
  background-color: #DFEBF1;
}
table tbody tr[role="row"] {
  background-color: #333639;
}
table tbody tr[role="row"] td > a {
  color: #84AEFF;
}
/*
*
* box관련 공통 설정.
*
*/
.box {
  background: #292C2F;
}
.box.box-primary {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #dddddd;
}
.box .box-header i.fa {
  color: #5D7595;
  padding-right: 5px;
}
.box .box-header button i.fa {
  color: #5D7595;
}
.box .count {
  color: #5D7595;
}
/*
*
* 전체 화면 공통
*
*/
.skin-light .wrapper .form-group.required .control-label:after {
  color: #5D7595;
}
.skin-light .wrapper .form-group .form-date {
  display: flex;
  align-items: center;
  border: 1px solid #4C5156;
  border-radius: 2px;
}
.skin-light .wrapper .form-group .form-date:focus:not([disabled=disabled]) {
  -webkit-box-shadow: none;
  outline: none;
  box-shadow: none;
  border: 1px solid #5D7595;
}
.skin-light .wrapper .form-group .form-date .addon-btn {
  height: 28px;
  display: flex;
  align-items: center;
  border-radius: 0px;
}
.skin-light .wrapper .form-group .form-date input {
  background: #404447;
  border: none;
  height: 28px;
  border-radius: 0px;
}
.skin-light .wrapper .form-group .form-date button {
  background: #404447;
}
/*
*
* 프로젝트 화면
* 위에 있음. 위에 추가 바람.
*/
.right-side-400.project-detail .title-span {
  color: #464950;
}
.right-side-400.project-detail #selectedProjectListRoot .selectedProjectCard {
  color: #3a87ad;
  background-color: #eaeaea;
}
/*
*
* 검색 기준 텍스트 영역 설정.
*
*/
.search-condition .search-text {
  color: #068591;
}
/**
 * Chart 색상
 */
/**
 * Modal 색상
 */
.modal .modal-header {
  background-color: #333639;
}
.modal .modal-body input.form-control {
  border-left: 1px solid #2B2D2F;
  color: #EEEEEE;
}
.modal .modal-body .control-label,
.modal .modal-body .checkbox-label {
  color: #7D7D7D;
}
.modal .select2-container.select2-container--default.select2-container--open .select2-selection--single,
.modal .select2-container.select2-container--default.select2-container--open .select2-selection--multiple {
  border: 1px solid #5D7595;
}
.modal .select2-container .select2-selection--single,
.modal .select2-container .select2-selection--multiple {
  background: #404447;
  border-radius: 2px;
  border: 1px solid #4C5156;
}
.modal .select2-container.select2-container--disabled span {
  cursor: not-allowed;
}
.modal .modal-body,
.modal .panel {
  background-color: #333639;
}
.modal .modal-footer {
  background-color: #292C2F;
}
.modal .file-input .upload-icon {
  color: #5D7595;
}
.modal .project-icon {
  color: #5D7595;
}
.panel-collapse.collapse .box-body,
.panel-collapse.collapsing .box-body {
  background-color: #333639;
}
.checkbox input[type="checkbox"]:checked + label::before,
.checkbox input[type="radio"]:checked + label::before,
.checkbox input[type="checkbox"]:checked + label::before,
.checkbox input[type="radio"]:checked + label::before,
.checkbox input[type="checkbox"]:indeterminate + label::before,
.checkbox input[type="radio"]:indeterminate + label::before,
.checkbox input[type="checkbox"]:indeterminate + label::before,
.checkbox input[type="radio"]:indeterminate + label::before {
  background-color: #5D7595;
  border-color: #5D7595;
}
.checkbox input[type="checkbox"] + label::before,
.checkbox input[type="radio"] + label::before,
.checkbox input[type="checkbox"] + label::before,
.checkbox input[type="radio"] + label::before {
  border: 1px solid #555555;
}
@media (max-width: 991px) {
  .content-header > .breadcrumb {
    background: none;
  }
}
span.blue {
  color: #5D7595;
}
/**
 * modal-dialog
 */
.modal-dialog .nav-tabs .button-style-radio .radio-label,
.modal-dialog .tab-content .button-style-radio .radio-label {
  background-color: transparent;
  border: 1px solid #2B2D2F;
}
.modal-dialog .nav-tabs .button-style-radio .btn,
.modal-dialog .tab-content .button-style-radio .btn {
  color: #EEEEEE;
  background-color: #404447;
}
.modal-dialog .nav-tabs .button-style-radio .btn.active:after,
.modal-dialog .tab-content .button-style-radio .btn.active:after {
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  background-color: #5D7595;
  content: '';
  border-top-left-radius: 2px;
  left: 0;
  top: 0;
}
.modal-dialog .nav-tabs li a,
.modal-dialog .tab-content li a {
  background-color: #292C2F;
  border-color: #292C2F;
  color: #7D7D7D;
  border-radius: 4px;
  height: 36px;
}
.modal-dialog .nav-tabs li.active a,
.modal-dialog .tab-content li.active a {
  background-color: #333639;
  border: 1px solid #5D7595;
  border-radius: 4px;
  color: #EEEEEE;
  padding: 0;
}
.modal-dialog .nav-tabs li.active a:after,
.modal-dialog .tab-content li.active a:after {
  font-family: 'sparrow';
  content: "\a006";
  color: #5D7595;
  margin-left: 8px;
  font-size: 21px;
  font-weight: bold;
  vertical-align: middle;
}
.info .info-event {
  background: #5D7595;
  border-color: #5D7595;
  color: white;
}
/**
 * daterangepicker
 */
.daterangepicker {
  background: #404447;
  border: none;
  margin-top: 8px;
  box-shadow: 0px 2px 18px rgba(0, 0, 0, 0.2);
}
.daterangepicker .calendar th.active,
.daterangepicker .calendar td.active,
.daterangepicker .calendar th.active:hover,
.daterangepicker .calendar td.active:hover {
  background: #5D7595;
}
.daterangepicker .calendar-table {
  background: #333639;
  border: none;
  border-radius: 0;
}
.daterangepicker .calendar-table td.off {
  color: #7D7D7D;
  background: #333639;
}
.daterangepicker .calendar-table table.table-condensed th {
  color: #EEEEEE;
  border-radius: 50%;
}
.daterangepicker .calendar-table table.table-condensed th.prev,
.daterangepicker .calendar-table table.table-condensed th.next {
  background-color: #404447;
  display: flex;
  align-items: center;
  justify-content: center;
}
.daterangepicker .calendar-table table.table-condensed th.prev span {
  margin-left: 2px;
}
.daterangepicker .calendar-table table.table-condensed th.next span {
  margin-right: 2px;
}
.daterangepicker .calendar-table table.table-condensed th span {
  border-color: #5D7595;
}
.daterangepicker.show-ranges .drp-calendar.left {
  border-left: none;
}
.daterangepicker td.active,
.daterangepicker td.active:hover,
.daterangepicker td.active.available:hover,
.daterangepicker td.in-range.start-date,
.daterangepicker td.in-range.end-date {
  background-color: #5D7595;
  border-color: transparent;
}
.daterangepicker td.available:hover,
.daterangepicker td.in-range {
  background-color: #292C2F;
  color: #EEEEEE;
}
.daterangepicker .calendar-time select {
  background-color: #404447;
  border-color: #4C5156;
}
.daterangepicker.show-calendar .drp-buttons {
  border-color: #333639;
  background-color: #292C2F;
  text-align: left;
  height: 53px;
  line-height: 2.4;
}
.daterangepicker.show-calendar .drp-buttons .applyBtn {
  background-color: #5D7595;
  border-color: #5D7595;
  height: 30px;
  width: 56px;
}
.daterangepicker.show-calendar .drp-buttons .calendar-time {
  display: inline-block;
}
.daterangepicker .ranges {
  border-left: none;
}
.daterangepicker .ranges .range_inputs button.btn-success,
.daterangepicker .ranges .range_inputs button.btn-success:hover {
  background: #5D7595;
  border-color: #5D7595;
}
.daterangepicker .ranges li {
  background: #333639;
  border-bottom: 1px solid #2B2D2F;
  border-left: 1px solid #2B2D2F;
  color: #7D7D7D;
}
.daterangepicker .ranges li:last-child {
  border-bottom: none;
}
.daterangepicker .ranges li.active,
.daterangepicker .ranges li.active:hover,
.daterangepicker .ranges li:hover {
  background: #333639;
  border-color: #2B2D2F;
}
.daterangepicker .ranges .drp-buttons {
  display: flex !important;
  align-items: center;
  justify-content: center;
}
body .content .dropdown-tree .dropdown-menu input,
body .content .dropdown-tree .dropdown-menu .inner-addon:before,
body .content .dropdown-tree .dropdown-menu input:focus {
  background-color: #404447;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #4C5156;
  border-radius: 0;
}
.dashboard .card .card-box .card-box-header .title {
  border-bottom: 1px solid #2B2D2F;
}
.dashboard .card .card-box .card-box-header .title i {
  font-size: 14px;
}
.dashboard .card .card-box .card-box-body .no-data {
  color: #7D7D7D;
}
.dashboard .search .input-group .form-control {
  border: 1px solid #333639;
  border-left-style: none;
  border-radius: 2px;
  background-color: #333639;
}
.dashboard .search .input-group .input-group-addon {
  border: 1px solid #333639;
  border-right-style: none;
  background-color: #333639;
}
.text-danger {
  font-size: 12px;
  color: #E25E5E;
}
.daterangepicker .drp-buttons .btn {
  font-weight: normal;
  font-size: 13px;
}
.daterangepicker .calendar-time select:hover {
  cursor: pointer;
}
.daterangepicker .calendar-time select:focus {
  border: 1px solid #5D7595;
}
.daterangepicker .calendar-time select option:checked {
  background-color: #2B2D2F;
}

/*# sourceMappingURL=skin-black.css.map */