/* Default theme */
body.theme-default {
    /*---- Main color ------*/
    /*---- Line color ------*/
    /*---- Table color ------*/
}
body.theme-default div.border-hightlight {
    border-color: #2DBB54 !important;
}
body.theme-default #tableHeader-mask div:first-child div.box-sub {
    border-left-color: #C2E5CC;
}
body.theme-default #tableHeader-mask > div:last-child > div.box-sub {
    border-right-color: #C2E5CC;
}
body.theme-default #tableHeader0-mask div:first-child {
    border-right-color: #C2E5CC;
}
body.theme-default #tableHeader0-mask div:last-child {
    border-left-color: #C2E5CC;
}
/* Blue theme */
body.theme-blue {
  /*---- Main color ------*/
  /*---- Line color ------*/
  /*---- Table color ------*/
}
body.theme-blue div.border-hightlight {
    border-color: #4575e2 !important;
}
body.theme-blue table.dataTable thead td:before,
body.theme-blue table.dataTable thead td:after,
body.theme-blue .info-column num,
body.theme-blue .info-column i {
  color: #4575e2;
}
body.theme-blue .nav-pills .nav-link.active,
body.theme-blue div.dataTables_wrapper ::-webkit-scrollbar-thumb {
  background: #4575e2;
}
body.theme-blue .h2 {
  border-left-color: #4575e2;
}
body.theme-blue .breadcrumb .breadcrumb-item a:hover,
body.theme-blue .app-content .wizard.approve_done > .steps > ul > li.current .step,
body.theme-blue .chinh,
body.theme-blue .breadcrumb .breadcrumb-item.active,
body.theme-blue .main-menu.menu-dark .navigation > li.open > a,
body.theme-blue .main-menu.menu-dark .navigation > li.hover > a,
body.theme-blue .main-menu.menu-dark .navigation > li:hover > a,
body.theme-blue .main-menu.menu-dark .navigation > li.active > a {
  color: #4575e2;
}
body.theme-blue .app-content .wizard.approve_done > .steps > ul > li.current .step {
  -webkit-box-shadow: 0 0 20px rgba(69, 117, 226, 0.3);
  box-shadow: 0 0 20px rgba(69, 117, 226, 0.3);
}
body.theme-blue .app-content .wizard.approve_done > .steps > ul > li.done .step,
body.theme-blue .app-content .wizard.approve_done > .steps > ul > li:after,
body.theme-blue .app-content .wizard.approve_done > .steps > ul > li:before,
body.theme-blue .app-content .wizard.approve_done > .steps > ul > li.done .step,
body.theme-blue.vertical-layout.vertical-menu.menu-collapsed .main-menu .main-menu-content > span.menu-title,
body.theme-blue.vertical-layout.vertical-menu.menu-collapsed .main-menu .main-menu-content a.menu-title {
  background-color: #4575e2;
}
body.theme-blue .app-content .wizard.approve_done > .steps > ul > li.current:after,
body.theme-blue .app-content .wizard > .steps > ul > li.current ~ li:before {
  background-color: #f4f5fa;
}
body.theme-blue .nav.nav-tabs .nav-item .nav-link.active,
body.theme-blue input[type="radio"]:checked,
body.theme-blue input[type="checkbox"]:checked,
body.theme-blue .btn-chinh:active,
body.theme-blue .btn-chinh,
body.theme-blue .pace .pace-progress {
  background: #4575e2;
}
body.theme-blue .btn-chinh:hover {
  background: #5782e5;
}
body.theme-blue #admin-attendance-index-table .btn,
body.theme-blue #admin-attendance-index-table .btn:hover,
body.theme-blue .bg-chinh {
  background: #4575e2 !important;
}
body.theme-blue select[multiple] + .btn-group.show,
body.theme-blue .btn-outline-chinh:focus,
body.theme-blue .form-control:focus,
body.theme-blue form .form-control:focus {
  border-color: #4575e2;
}
body.theme-blue .select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
body.theme-blue .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
body.theme-blue .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
body.theme-blue .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-color: #4575e2 !important;
}
body.theme-blue .select2-container--open .select2-dropdown--above,
body.theme-blue .select2-container--open .select2-dropdown--below {
  border-color: #4575e2;
}
body.theme-blue .select2-container--classic .select2-results__options .select2-results__option[aria-selected=true],
body.theme-blue .select2-container--default .select2-results__options .select2-results__option[aria-selected=true] {
  background-color: #4575e2 !important;
}
body.theme-blue .btn-outline-default:focus,
body.theme-blue .btn-outline-chinh,
body.theme-blue .wrapp-table {
  border-color: #d1e1f8;
}
body.theme-blue .breadcrumbs-top {
  border-bottom-color: #d1e1f8;
}
body.theme-blue .cap-table,
body.theme-blue .table_custom,
body.theme-blue .table_custom th,
body.theme-blue .table_custom td {
  border-color: #d1e1f8;
}
body.theme-blue .select2-results__option {
  border-top-color: #d1e1f8;
}
body.theme-blue .table-striped tbody tr:nth-of-type(odd) {
  background: #f5f8ff;
}
body.theme-blue .cap-table {
  background: #f5f8ff;
}
body.theme-blue .btn-outline-light:active,
body.theme-blue .btn-outline-light:hover {
  border-color: #d1e1f8 !important;
  color: #4575e2 !important;
  background: #f5f8ff !important;
}
body.theme-blue #tableHeader-mask div:first-child div.box-sub {
    border-left-color: #d1e1f8;
}
body.theme-blue #tableHeader-mask > div:last-child > div.box-sub {
    border-right-color: #d1e1f8;
}
body.theme-blue #tableHeader0-mask div:first-child {
    border-right-color: #d1e1f8;
}
body.theme-blue #tableHeader0-mask div:last-child {
    border-left-color: #d1e1f8;
}
    /* pink theme */
body.theme-pink {
  /*---- Main color ------*/
  /*---- Line color ------*/
  /*---- Table color ------*/
}
body.theme-pink div.border-hightlight {
    border-color: #e662a4 !important;
}
body.theme-pink table.dataTable thead td:before,
body.theme-pink table.dataTable thead td:after,
body.theme-pink .info-column num,
body.theme-pink .info-column i {
  color: #e662a4;
}
body.theme-pink .nav-pills .nav-link.active,
body.theme-pink div.dataTables_wrapper ::-webkit-scrollbar-thumb {
  background: #e662a4;
}
body.theme-pink .h2 {
  border-left-color: #e662a4;
}
body.theme-pink .breadcrumb .breadcrumb-item a:hover,
body.theme-pink .app-content .wizard.approve_done > .steps > ul > li.current .step,
body.theme-pink .chinh,
body.theme-pink .breadcrumb .breadcrumb-item.active,
body.theme-pink .main-menu.menu-dark .navigation > li.open > a,
body.theme-pink .main-menu.menu-dark .navigation > li.hover > a,
body.theme-pink .main-menu.menu-dark .navigation > li:hover > a,
body.theme-pink .main-menu.menu-dark .navigation > li.active > a {
  color: #e662a4;
}
body.theme-pink .app-content .wizard.approve_done > .steps > ul > li.current .step {
  -webkit-box-shadow: 0 0 20px rgba(230, 98, 164, 0.3);
  box-shadow: 0 0 20px rgba(230, 98, 164, 0.3);
}
body.theme-pink .app-content .wizard.approve_done > .steps > ul > li.done .step,
body.theme-pink .app-content .wizard.approve_done > .steps > ul > li:after,
body.theme-pink .app-content .wizard.approve_done > .steps > ul > li:before,
body.theme-pink .app-content .wizard.approve_done > .steps > ul > li.done .step,
body.theme-pink.vertical-layout.vertical-menu.menu-collapsed .main-menu .main-menu-content > span.menu-title,
body.theme-pink.vertical-layout.vertical-menu.menu-collapsed .main-menu .main-menu-content a.menu-title {
  background-color: #e662a4;
}
body.theme-pink .app-content .wizard.approve_done > .steps > ul > li.current:after,
body.theme-pink .app-content .wizard > .steps > ul > li.current ~ li:before {
  background-color: #f4f5fa;
}
body.theme-pink .nav.nav-tabs .nav-item .nav-link.active,
body.theme-pink input[type="radio"]:checked,
body.theme-pink input[type="checkbox"]:checked,
body.theme-pink .btn-chinh:active,
body.theme-pink .btn-chinh,
body.theme-pink .pace .pace-progress {
  background: #e662a4;
}
body.theme-pink .btn-chinh:hover {
  background: #e974ae;
}
body.theme-pink #admin-attendance-index-table .btn,
body.theme-pink #admin-attendance-index-table .btn:hover,
body.theme-pink .bg-chinh {
  background: #e662a4 !important;
}
body.theme-pink select[multiple] + .btn-group.show,
body.theme-pink .btn-outline-chinh:focus,
body.theme-pink .form-control:focus,
body.theme-pink form .form-control:focus {
  border-color: #e662a4;
}
body.theme-pink .select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
body.theme-pink .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
body.theme-pink .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
body.theme-pink .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-color: #e662a4 !important;
}
body.theme-pink .select2-container--open .select2-dropdown--above,
body.theme-pink .select2-container--open .select2-dropdown--below {
  border-color: #e662a4;
}
body.theme-pink .select2-container--classic .select2-results__options .select2-results__option[aria-selected=true],
body.theme-pink .select2-container--default .select2-results__options .select2-results__option[aria-selected=true] {
  background-color: #e662a4 !important;
}
body.theme-pink .btn-outline-default:focus,
body.theme-pink .btn-outline-chinh,
body.theme-pink .wrapp-table {
  border-color: #fad5e8;
}
body.theme-pink .breadcrumbs-top {
  border-bottom-color: #fad5e8;
}
body.theme-pink .cap-table,
body.theme-pink .table_custom,
body.theme-pink .table_custom th,
body.theme-pink .table_custom td {
  border-color: #fad5e8;
}
body.theme-pink .select2-results__option {
  border-top-color: #fad5e8;
}
body.theme-pink .table-striped tbody tr:nth-of-type(odd) {
  background: #fff7fb;
}
body.theme-pink .cap-table {
  background: #fff7fb;
}
body.theme-pink .btn-outline-light:active,
body.theme-pink .btn-outline-light:hover {
  border-color: #fad5e8 !important;
  color: #e662a4 !important;
  background: #fff7fb !important;
}
body.theme-pink #tableHeader-mask div:first-child div.box-sub {
    border-left-color: #fad5e8;
}
body.theme-pink #tableHeader-mask > div:last-child > div.box-sub {
    border-right-color: #fad5e8;
}
body.theme-pink #tableHeader0-mask div:first-child {
    border-right-color: #fad5e8;
}
body.theme-pink #tableHeader0-mask div:last-child {
    border-left-color: #fad5e8;
}
/* red theme */
body.theme-red {
  /*---- Main color ------*/
  /*---- Line color ------*/
  /*---- Table color ------*/
}
body.theme-red div.border-hightlight {
    border-color: #e54b4b !important;
}
body.theme-red table.dataTable thead td:before,
body.theme-red table.dataTable thead td:after,
body.theme-red .info-column num,
body.theme-red .info-column i {
  color: #e54b4b;
}
body.theme-red .nav-pills .nav-link.active,
body.theme-red div.dataTables_wrapper ::-webkit-scrollbar-thumb {
  background: #e54b4b;
}
body.theme-red .h2 {
  border-left-color: #e54b4b;
}
body.theme-red .breadcrumb .breadcrumb-item a:hover,
body.theme-red .app-content .wizard.approve_done > .steps > ul > li.current .step,
body.theme-red .chinh,
body.theme-red .breadcrumb .breadcrumb-item.active,
body.theme-red .main-menu.menu-dark .navigation > li.open > a,
body.theme-red .main-menu.menu-dark .navigation > li.hover > a,
body.theme-red .main-menu.menu-dark .navigation > li:hover > a,
body.theme-red .main-menu.menu-dark .navigation > li.active > a {
  color: #e54b4b;
}
body.theme-red .app-content .wizard.approve_done > .steps > ul > li.current .step {
  -webkit-box-shadow: 0 0 20px rgba(229, 75, 75, 0.3);
  box-shadow: 0 0 20px rgba(229, 75, 75, 0.3);
}
body.theme-red .app-content .wizard.approve_done > .steps > ul > li.done .step,
body.theme-red .app-content .wizard.approve_done > .steps > ul > li:after,
body.theme-red .app-content .wizard.approve_done > .steps > ul > li:before,
body.theme-red .app-content .wizard.approve_done > .steps > ul > li.done .step,
body.theme-red.vertical-layout.vertical-menu.menu-collapsed .main-menu .main-menu-content > span.menu-title,
body.theme-red.vertical-layout.vertical-menu.menu-collapsed .main-menu .main-menu-content a.menu-title {
  background-color: #e54b4b;
}
body.theme-red .app-content .wizard.approve_done > .steps > ul > li.current:after,
body.theme-red .app-content .wizard > .steps > ul > li.current ~ li:before {
  background-color: #f4f5fa;
}
body.theme-red .nav.nav-tabs .nav-item .nav-link.active,
body.theme-red input[type="radio"]:checked,
body.theme-red input[type="checkbox"]:checked,
body.theme-red .btn-chinh:active,
body.theme-red .btn-chinh,
body.theme-red .pace .pace-progress {
  background: #e54b4b;
}
body.theme-red .btn-chinh:hover {
  background: #e85d5d;
}
body.theme-red #admin-attendance-index-table .btn,
body.theme-red #admin-attendance-index-table .btn:hover,
body.theme-red .bg-chinh {
  background: #e54b4b !important;
}
body.theme-red select[multiple] + .btn-group.show,
body.theme-red .btn-outline-chinh:focus,
body.theme-red .form-control:focus,
body.theme-red form .form-control:focus {
  border-color: #e54b4b;
}
body.theme-red .select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
body.theme-red .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
body.theme-red .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
body.theme-red .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-color: #e54b4b !important;
}
body.theme-red .select2-container--open .select2-dropdown--above,
body.theme-red .select2-container--open .select2-dropdown--below {
  border-color: #e54b4b;
}
body.theme-red .select2-container--classic .select2-results__options .select2-results__option[aria-selected=true],
body.theme-red .select2-container--default .select2-results__options .select2-results__option[aria-selected=true] {
  background-color: #e54b4b !important;
}
body.theme-red .btn-outline-default:focus,
body.theme-red .btn-outline-chinh,
body.theme-red .wrapp-table {
  border-color: #f2d7d4;
}
body.theme-red .breadcrumbs-top {
  border-bottom-color: #f2d7d4;
}
body.theme-red .cap-table,
body.theme-red .table_custom,
body.theme-red .table_custom th,
body.theme-red .table_custom td {
  border-color: #f2d7d4;
}
body.theme-red .select2-results__option {
  border-top-color: #f2d7d4;
}
body.theme-red .table-striped tbody tr:nth-of-type(odd) {
  background: #fff7f5;
}
body.theme-red .cap-table {
  background: #fff7f5;
}
body.theme-red .btn-outline-light:active,
body.theme-red .btn-outline-light:hover {
  border-color: #f2d7d4 !important;
  color: #e54b4b !important;
  background: #fff7f5 !important;
}
body.theme-red #tableHeader-mask div:first-child div.box-sub {
    border-left-color: #f2d7d4;
}
body.theme-red #tableHeader-mask > div:last-child > div.box-sub {
    border-right-color: #f2d7d4;
}
body.theme-red #tableHeader0-mask div:first-child {
    border-right-color: #f2d7d4;
}
body.theme-red #tableHeader0-mask div:last-child {
    border-left-color: #f2d7d4;
}
/* coral theme */
body.theme-coral {
  /*---- Main color ------*/
  /*---- Line color ------*/
  /*---- Table color ------*/
}
body.theme-coral div.border-hightlight {
    border-color: #ff7365 !important;
}
body.theme-coral table.dataTable thead td:before,
body.theme-coral table.dataTable thead td:after,
body.theme-coral .info-column num,
body.theme-coral .info-column i {
  color: #ff7365;
}
body.theme-coral .nav-pills .nav-link.active,
body.theme-coral div.dataTables_wrapper ::-webkit-scrollbar-thumb {
  background: #ff7365;
}
body.theme-coral .h2 {
  border-left-color: #ff7365;
}
body.theme-coral .breadcrumb .breadcrumb-item a:hover,
body.theme-coral .app-content .wizard.approve_done > .steps > ul > li.current .step,
body.theme-coral .chinh,
body.theme-coral .breadcrumb .breadcrumb-item.active,
body.theme-coral .main-menu.menu-dark .navigation > li.open > a,
body.theme-coral .main-menu.menu-dark .navigation > li.hover > a,
body.theme-coral .main-menu.menu-dark .navigation > li:hover > a,
body.theme-coral .main-menu.menu-dark .navigation > li.active > a {
  color: #ff7365;
}
body.theme-coral .app-content .wizard.approve_done > .steps > ul > li.current .step {
  -webkit-box-shadow: 0 0 20px rgba(255, 115, 101, 0.3);
  box-shadow: 0 0 20px rgba(255, 115, 101, 0.3);
}
body.theme-coral .app-content .wizard.approve_done > .steps > ul > li.done .step,
body.theme-coral .app-content .wizard.approve_done > .steps > ul > li:after,
body.theme-coral .app-content .wizard.approve_done > .steps > ul > li:before,
body.theme-coral .app-content .wizard.approve_done > .steps > ul > li.done .step,
body.theme-coral.vertical-layout.vertical-menu.menu-collapsed .main-menu .main-menu-content > span.menu-title,
body.theme-coral.vertical-layout.vertical-menu.menu-collapsed .main-menu .main-menu-content a.menu-title {
  background-color: #ff7365;
}
body.theme-coral .app-content .wizard.approve_done > .steps > ul > li.current:after,
body.theme-coral .app-content .wizard > .steps > ul > li.current ~ li:before {
  background-color: #f4f5fa;
}
body.theme-coral .nav.nav-tabs .nav-item .nav-link.active,
body.theme-coral input[type="radio"]:checked,
body.theme-coral input[type="checkbox"]:checked,
body.theme-coral .btn-chinh:active,
body.theme-coral .btn-chinh,
body.theme-coral .pace .pace-progress {
  background: #ff7365;
}
body.theme-coral .btn-chinh:hover {
  background: #ff8679;
}
body.theme-coral #admin-attendance-index-table .btn,
body.theme-coral #admin-attendance-index-table .btn:hover,
body.theme-coral .bg-chinh {
  background: #ff7365 !important;
}
body.theme-coral select[multiple] + .btn-group.show,
body.theme-coral .btn-outline-chinh:focus,
body.theme-coral .form-control:focus,
body.theme-coral form .form-control:focus {
  border-color: #ff7365;
}
body.theme-coral .select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
body.theme-coral .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
body.theme-coral .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
body.theme-coral .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-color: #ff7365 !important;
}
body.theme-coral .select2-container--open .select2-dropdown--above,
body.theme-coral .select2-container--open .select2-dropdown--below {
  border-color: #ff7365;
}
body.theme-coral .select2-container--classic .select2-results__options .select2-results__option[aria-selected=true],
body.theme-coral .select2-container--default .select2-results__options .select2-results__option[aria-selected=true] {
  background-color: #ff7365 !important;
}
body.theme-coral .btn-outline-default:focus,
body.theme-coral .btn-outline-chinh,
body.theme-coral .wrapp-table {
  border-color: #ffd7d1;
}
body.theme-coral .breadcrumbs-top {
  border-bottom-color: #ffd7d1;
}
body.theme-coral .cap-table,
body.theme-coral .table_custom,
body.theme-coral .table_custom th,
body.theme-coral .table_custom td {
  border-color: #ffd7d1;
}
body.theme-coral .select2-results__option {
  border-top-color: #ffd7d1;
}
body.theme-coral .table-striped tbody tr:nth-of-type(odd) {
  background: #fff7f5;
}
body.theme-coral .cap-table {
  background: #fff7f5;
}
body.theme-coral .btn-outline-light:active,
body.theme-coral .btn-outline-light:hover {
  border-color: #ffd7d1 !important;
  color: #ff7365 !important;
  background: #fff7f5 !important;
}
body.theme-coral #tableHeader-mask div:first-child div.box-sub {
    border-left-color: #ffd7d1;
}
body.theme-coral #tableHeader-mask > div:last-child > div.box-sub {
    border-right-color: #ffd7d1;
}
body.theme-coral #tableHeader0-mask div:first-child {
    border-right-color: #ffd7d1;
}
body.theme-coral #tableHeader0-mask div:last-child {
    border-left-color: #ffd7d1;
}
/* orange theme */
body.theme-orange {
  /*---- Main color ------*/
  /*---- Line color ------*/
  /*---- Table color ------*/
}
body.theme-orange div.border-hightlight {
    border-color: #f7a22d !important;
}
body.theme-orange table.dataTable thead td:before,
body.theme-orange table.dataTable thead td:after,
body.theme-orange .info-column num,
body.theme-orange .info-column i {
  color: #f7a22d;
}
body.theme-orange .nav-pills .nav-link.active,
body.theme-orange div.dataTables_wrapper ::-webkit-scrollbar-thumb {
  background: #f7a22d;
}
body.theme-orange .h2 {
  border-left-color: #f7a22d;
}
body.theme-orange .breadcrumb .breadcrumb-item a:hover,
body.theme-orange .app-content .wizard.approve_done > .steps > ul > li.current .step,
body.theme-orange .chinh,
body.theme-orange .breadcrumb .breadcrumb-item.active,
body.theme-orange .main-menu.menu-dark .navigation > li.open > a,
body.theme-orange .main-menu.menu-dark .navigation > li.hover > a,
body.theme-orange .main-menu.menu-dark .navigation > li:hover > a,
body.theme-orange .main-menu.menu-dark .navigation > li.active > a {
  color: #f7a22d;
}
body.theme-orange .app-content .wizard.approve_done > .steps > ul > li.current .step {
  -webkit-box-shadow: 0 0 20px rgba(247, 162, 45, 0.3);
  box-shadow: 0 0 20px rgba(247, 162, 45, 0.3);
}
body.theme-orange .app-content .wizard.approve_done > .steps > ul > li.done .step,
body.theme-orange .app-content .wizard.approve_done > .steps > ul > li:after,
body.theme-orange .app-content .wizard.approve_done > .steps > ul > li:before,
body.theme-orange .app-content .wizard.approve_done > .steps > ul > li.done .step,
body.theme-orange.vertical-layout.vertical-menu.menu-collapsed .main-menu .main-menu-content > span.menu-title,
body.theme-orange.vertical-layout.vertical-menu.menu-collapsed .main-menu .main-menu-content a.menu-title {
  background-color: #f7a22d;
}
body.theme-orange .app-content .wizard.approve_done > .steps > ul > li.current:after,
body.theme-orange .app-content .wizard > .steps > ul > li.current ~ li:before {
  background-color: #f4f5fa;
}
body.theme-orange .nav.nav-tabs .nav-item .nav-link.active,
body.theme-orange input[type="radio"]:checked,
body.theme-orange input[type="checkbox"]:checked,
body.theme-orange .btn-chinh:active,
body.theme-orange .btn-chinh,
body.theme-orange .pace .pace-progress {
  background: #f7a22d;
}
body.theme-orange .btn-chinh:hover {
  background: #f8ab41;
}
body.theme-orange #admin-attendance-index-table .btn,
body.theme-orange #admin-attendance-index-table .btn:hover,
body.theme-orange .bg-chinh {
  background: #f7a22d !important;
}
body.theme-orange select[multiple] + .btn-group.show,
body.theme-orange .btn-outline-chinh:focus,
body.theme-orange .form-control:focus,
body.theme-orange form .form-control:focus {
  border-color: #f7a22d;
}
body.theme-orange .select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
body.theme-orange .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
body.theme-orange .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
body.theme-orange .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-color: #f7a22d !important;
}
body.theme-orange .select2-container--open .select2-dropdown--above,
body.theme-orange .select2-container--open .select2-dropdown--below {
  border-color: #f7a22d;
}
body.theme-orange .select2-container--classic .select2-results__options .select2-results__option[aria-selected=true],
body.theme-orange .select2-container--default .select2-results__options .select2-results__option[aria-selected=true] {
  background-color: #f7a22d !important;
}
body.theme-orange .btn-outline-default:focus,
body.theme-orange .btn-outline-chinh,
body.theme-orange .wrapp-table {
  border-color: #f0daba;
}
body.theme-orange .breadcrumbs-top {
  border-bottom-color: #f0daba;
}
body.theme-orange .cap-table,
body.theme-orange .table_custom,
body.theme-orange .table_custom th,
body.theme-orange .table_custom td {
  border-color: #f0daba;
}
body.theme-orange .select2-results__option {
  border-top-color: #f0daba;
}
body.theme-orange .table-striped tbody tr:nth-of-type(odd) {
  background: #fffaf2;
}
body.theme-orange .cap-table {
  background: #fffaf2;
}
body.theme-orange .btn-outline-light:active,
body.theme-orange .btn-outline-light:hover {
  border-color: #f0daba !important;
  color: #f7a22d !important;
  background: #fffaf2 !important;
}
body.theme-orange #tableHeader-mask div:first-child div.box-sub {
    border-left-color: #f0daba;
}
body.theme-orange #tableHeader-mask > div:last-child > div.box-sub {
    border-right-color: #f0daba;
}
body.theme-orange #tableHeader0-mask div:first-child {
    border-right-color: #f0daba;
}
body.theme-orange #tableHeader0-mask div:last-child {
    border-left-color: #f0daba;
}
/* purple theme */
body.theme-purple {
  /*---- Main color ------*/
  /*---- Line color ------*/
  /*---- Table color ------*/
}
body.theme-purple div.border-hightlight {
    border-color: #aa70cb !important;
}
body.theme-purple table.dataTable thead td:before,
body.theme-purple table.dataTable thead td:after,
body.theme-purple .info-column num,
body.theme-purple .info-column i {
  color: #aa70cb;
}
body.theme-purple .nav-pills .nav-link.active,
body.theme-purple div.dataTables_wrapper ::-webkit-scrollbar-thumb {
  background: #aa70cb;
}
body.theme-purple .h2 {
  border-left-color: #aa70cb;
}
body.theme-purple .breadcrumb .breadcrumb-item a:hover,
body.theme-purple .app-content .wizard.approve_done > .steps > ul > li.current .step,
body.theme-purple .chinh,
body.theme-purple .breadcrumb .breadcrumb-item.active,
body.theme-purple .main-menu.menu-dark .navigation > li.open > a,
body.theme-purple .main-menu.menu-dark .navigation > li.hover > a,
body.theme-purple .main-menu.menu-dark .navigation > li:hover > a,
body.theme-purple .main-menu.menu-dark .navigation > li.active > a {
  color: #aa70cb;
}
body.theme-purple .app-content .wizard.approve_done > .steps > ul > li.current .step {
  -webkit-box-shadow: 0 0 20px rgba(170, 112, 203, 0.3);
  box-shadow: 0 0 20px rgba(170, 112, 203, 0.3);
}
body.theme-purple .app-content .wizard.approve_done > .steps > ul > li.done .step,
body.theme-purple .app-content .wizard.approve_done > .steps > ul > li:after,
body.theme-purple .app-content .wizard.approve_done > .steps > ul > li:before,
body.theme-purple .app-content .wizard.approve_done > .steps > ul > li.done .step,
body.theme-purple.vertical-layout.vertical-menu.menu-collapsed .main-menu .main-menu-content > span.menu-title,
body.theme-purple.vertical-layout.vertical-menu.menu-collapsed .main-menu .main-menu-content a.menu-title {
  background-color: #aa70cb;
}
body.theme-purple .app-content .wizard.approve_done > .steps > ul > li.current:after,
body.theme-purple .app-content .wizard > .steps > ul > li.current ~ li:before {
  background-color: #f4f5fa;
}
body.theme-purple .nav.nav-tabs .nav-item .nav-link.active,
body.theme-purple input[type="radio"]:checked,
body.theme-purple input[type="checkbox"]:checked,
body.theme-purple .btn-chinh:active,
body.theme-purple .btn-chinh,
body.theme-purple .pace .pace-progress {
  background: #aa70cb;
}
body.theme-purple .btn-chinh:hover {
  background: #b37fd0;
}
body.theme-purple #admin-attendance-index-table .btn,
body.theme-purple #admin-attendance-index-table .btn:hover,
body.theme-purple .bg-chinh {
  background: #aa70cb !important;
}
body.theme-purple select[multiple] + .btn-group.show,
body.theme-purple .btn-outline-chinh:focus,
body.theme-purple .form-control:focus,
body.theme-purple form .form-control:focus {
  border-color: #aa70cb;
}
body.theme-purple .select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
body.theme-purple .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
body.theme-purple .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
body.theme-purple .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-color: #aa70cb !important;
}
body.theme-purple .select2-container--open .select2-dropdown--above,
body.theme-purple .select2-container--open .select2-dropdown--below {
  border-color: #aa70cb;
}
body.theme-purple .select2-container--classic .select2-results__options .select2-results__option[aria-selected=true],
body.theme-purple .select2-container--default .select2-results__options .select2-results__option[aria-selected=true] {
  background-color: #aa70cb !important;
}
body.theme-purple .btn-outline-default:focus,
body.theme-purple .btn-outline-chinh,
body.theme-purple .wrapp-table {
  border-color: #faddfd;
}
body.theme-purple .breadcrumbs-top {
  border-bottom-color: #faddfd;
}
body.theme-purple .cap-table,
body.theme-purple .table_custom,
body.theme-purple .table_custom th,
body.theme-purple .table_custom td {
  border-color: #faddfd;
}
body.theme-purple .select2-results__option {
  border-top-color: #faddfd;
}
body.theme-purple .table-striped tbody tr:nth-of-type(odd) {
  background: #fef7ff;
}
body.theme-purple .cap-table {
  background: #fef7ff;
}
body.theme-purple .btn-outline-light:active,
body.theme-purple .btn-outline-light:hover {
  border-color: #faddfd !important;
  color: #aa70cb !important;
  background: #fef7ff !important;
}
body.theme-purple #tableHeader-mask div:first-child div.box-sub {
    border-left-color: #faddfd;
}
body.theme-purple #tableHeader-mask > div:last-child > div.box-sub {
    border-right-color: #faddfd;
}
body.theme-purple #tableHeader0-mask div:first-child {
    border-right-color: #faddfd;
}
body.theme-purple #tableHeader0-mask div:last-child {
    border-left-color: #faddfd;
}
/* lightblue theme */
body.theme-lightblue {
  /*---- Main color ------*/
  /*---- Line color ------*/
  /*---- Table color ------*/
}
body.theme-lightblue div.border-hightlight {
    border-color: #36b6d5 !important;
}
body.theme-lightblue table.dataTable thead td:before,
body.theme-lightblue table.dataTable thead td:after,
body.theme-lightblue .info-column num,
body.theme-lightblue .info-column i {
  color: #36b6d5;
}
body.theme-lightblue .nav-pills .nav-link.active,
body.theme-lightblue div.dataTables_wrapper ::-webkit-scrollbar-thumb {
  background: #36b6d5;
}
body.theme-lightblue .h2 {
  border-left-color: #36b6d5;
}
body.theme-lightblue .breadcrumb .breadcrumb-item a:hover,
body.theme-lightblue .app-content .wizard.approve_done > .steps > ul > li.current .step,
body.theme-lightblue .chinh,
body.theme-lightblue .breadcrumb .breadcrumb-item.active,
body.theme-lightblue .main-menu.menu-dark .navigation > li.open > a,
body.theme-lightblue .main-menu.menu-dark .navigation > li.hover > a,
body.theme-lightblue .main-menu.menu-dark .navigation > li:hover > a,
body.theme-lightblue .main-menu.menu-dark .navigation > li.active > a {
  color: #36b6d5;
}
body.theme-lightblue .app-content .wizard.approve_done > .steps > ul > li.current .step {
  -webkit-box-shadow: 0 0 20px rgba(54, 182, 213, 0.3);
  box-shadow: 0 0 20px rgba(54, 182, 213, 0.3);
}
body.theme-lightblue .app-content .wizard.approve_done > .steps > ul > li.done .step,
body.theme-lightblue .app-content .wizard.approve_done > .steps > ul > li:after,
body.theme-lightblue .app-content .wizard.approve_done > .steps > ul > li:before,
body.theme-lightblue .app-content .wizard.approve_done > .steps > ul > li.done .step,
body.theme-lightblue.vertical-layout.vertical-menu.menu-collapsed .main-menu .main-menu-content > span.menu-title,
body.theme-lightblue.vertical-layout.vertical-menu.menu-collapsed .main-menu .main-menu-content a.menu-title {
  background-color: #36b6d5;
}
body.theme-lightblue .app-content .wizard.approve_done > .steps > ul > li.current:after,
body.theme-lightblue .app-content .wizard > .steps > ul > li.current ~ li:before {
  background-color: #f4f5fa;
}
body.theme-lightblue .nav.nav-tabs .nav-item .nav-link.active,
body.theme-lightblue input[type="radio"]:checked,
body.theme-lightblue input[type="checkbox"]:checked,
body.theme-lightblue .btn-chinh:active,
body.theme-lightblue .btn-chinh,
body.theme-lightblue .pace .pace-progress {
  background: #36b6d5;
}
body.theme-lightblue .btn-chinh:hover {
  background: #47bcd9;
}
body.theme-lightblue #admin-attendance-index-table .btn,
body.theme-lightblue #admin-attendance-index-table .btn:hover,
body.theme-lightblue .bg-chinh {
  background: #36b6d5 !important;
}
body.theme-lightblue select[multiple] + .btn-group.show,
body.theme-lightblue .btn-outline-chinh:focus,
body.theme-lightblue .form-control:focus,
body.theme-lightblue form .form-control:focus {
  border-color: #36b6d5;
}
body.theme-lightblue .select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
body.theme-lightblue .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
body.theme-lightblue .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
body.theme-lightblue .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-color: #36b6d5 !important;
}
body.theme-lightblue .select2-container--open .select2-dropdown--above,
body.theme-lightblue .select2-container--open .select2-dropdown--below {
  border-color: #36b6d5;
}
body.theme-lightblue .select2-container--classic .select2-results__options .select2-results__option[aria-selected=true],
body.theme-lightblue .select2-container--default .select2-results__options .select2-results__option[aria-selected=true] {
  background-color: #36b6d5 !important;
}
body.theme-lightblue .btn-outline-default:focus,
body.theme-lightblue .btn-outline-chinh,
body.theme-lightblue .wrapp-table {
  border-color: #c0e0eb;
}
body.theme-lightblue .breadcrumbs-top {
  border-bottom-color: #c0e0eb;
}
body.theme-lightblue .cap-table,
body.theme-lightblue .table_custom,
body.theme-lightblue .table_custom th,
body.theme-lightblue .table_custom td {
  border-color: #c0e0eb;
}
body.theme-lightblue .select2-results__option {
  border-top-color: #c0e0eb;
}
body.theme-lightblue .table-striped tbody tr:nth-of-type(odd) {
  background: #f0f9fc;
}
body.theme-lightblue .cap-table {
  background: #f0f9fc;
}
body.theme-lightblue .btn-outline-light:active,
body.theme-lightblue .btn-outline-light:hover {
  border-color: #c0e0eb !important;
  color: #36b6d5 !important;
  background: #f0f9fc !important;
}
body.theme-lightblue #tableHeader-mask div:first-child div.box-sub {
    border-left-color: #36b6d5;
}
body.theme-lightblue #tableHeader-mask > div:last-child > div.box-sub {
    border-right-color: #36b6d5;
}
body.theme-lightblue #tableHeader0-mask div:first-child {
    border-right-color: #36b6d5;
}
body.theme-lightblue #tableHeader0-mask div:last-child {
    border-left-color: #36b6d5;
}
/* brown theme */
body.theme-brown {
  /*---- Main color ------*/
  /*---- Line color ------*/
  /*---- Table color ------*/
}
body.theme-brown div.border-hightlight {
    border-color: #a2635f !important;
}
body.theme-brown table.dataTable thead td:before,
body.theme-brown table.dataTable thead td:after,
body.theme-brown .info-column num,
body.theme-brown .info-column i {
  color: #a2635f;
}
body.theme-brown .nav-pills .nav-link.active,
body.theme-brown div.dataTables_wrapper ::-webkit-scrollbar-thumb {
  background: #a2635f;
}
body.theme-brown .h2 {
  border-left-color: #a2635f;
}
body.theme-brown .breadcrumb .breadcrumb-item a:hover,
body.theme-brown .app-content .wizard.approve_done > .steps > ul > li.current .step,
body.theme-brown .chinh,
body.theme-brown .breadcrumb .breadcrumb-item.active,
body.theme-brown .main-menu.menu-dark .navigation > li.open > a,
body.theme-brown .main-menu.menu-dark .navigation > li.hover > a,
body.theme-brown .main-menu.menu-dark .navigation > li:hover > a,
body.theme-brown .main-menu.menu-dark .navigation > li.active > a {
  color: #a2635f;
}
body.theme-brown .app-content .wizard.approve_done > .steps > ul > li.current .step {
  -webkit-box-shadow: 0 0 20px rgba(162, 99, 95, 0.3);
  box-shadow: 0 0 20px rgba(162, 99, 95, 0.3);
}
body.theme-brown .app-content .wizard.approve_done > .steps > ul > li.done .step,
body.theme-brown .app-content .wizard.approve_done > .steps > ul > li:after,
body.theme-brown .app-content .wizard.approve_done > .steps > ul > li:before,
body.theme-brown .app-content .wizard.approve_done > .steps > ul > li.done .step,
body.theme-brown.vertical-layout.vertical-menu.menu-collapsed .main-menu .main-menu-content > span.menu-title,
body.theme-brown.vertical-layout.vertical-menu.menu-collapsed .main-menu .main-menu-content a.menu-title {
  background-color: #a2635f;
}
body.theme-brown .app-content .wizard.approve_done > .steps > ul > li.current:after,
body.theme-brown .app-content .wizard > .steps > ul > li.current ~ li:before {
  background-color: #f4f5fa;
}
body.theme-brown .nav.nav-tabs .nav-item .nav-link.active,
body.theme-brown input[type="radio"]:checked,
body.theme-brown input[type="checkbox"]:checked,
body.theme-brown .btn-chinh:active,
body.theme-brown .btn-chinh,
body.theme-brown .pace .pace-progress {
  background: #a2635f;
}
body.theme-brown .btn-chinh:hover {
  background: #a9706c;
}
body.theme-brown #admin-attendance-index-table .btn,
body.theme-brown #admin-attendance-index-table .btn:hover,
body.theme-brown .bg-chinh {
  background: #a2635f !important;
}
body.theme-brown select[multiple] + .btn-group.show,
body.theme-brown .btn-outline-chinh:focus,
body.theme-brown .form-control:focus,
body.theme-brown form .form-control:focus {
  border-color: #a2635f;
}
body.theme-brown .select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
body.theme-brown .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
body.theme-brown .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
body.theme-brown .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-color: #a2635f !important;
}
body.theme-brown .select2-container--open .select2-dropdown--above,
body.theme-brown .select2-container--open .select2-dropdown--below {
  border-color: #a2635f;
}
body.theme-brown .select2-container--classic .select2-results__options .select2-results__option[aria-selected=true],
body.theme-brown .select2-container--default .select2-results__options .select2-results__option[aria-selected=true] {
  background-color: #a2635f !important;
}
body.theme-brown .btn-outline-default:focus,
body.theme-brown .btn-outline-chinh,
body.theme-brown .wrapp-table {
  border-color: #e2d0cf;
}
body.theme-brown .breadcrumbs-top {
  border-bottom-color: #e2d0cf;
}
body.theme-brown .cap-table,
body.theme-brown .table_custom,
body.theme-brown .table_custom th,
body.theme-brown .table_custom td {
  border-color: #e2d0cf;
}
body.theme-brown .select2-results__option {
  border-top-color: #e2d0cf;
}
body.theme-brown .table-striped tbody tr:nth-of-type(odd) {
  background: #faf6f5;
}
body.theme-brown .cap-table {
  background: #faf6f5;
}
body.theme-brown .btn-outline-light:active,
body.theme-brown .btn-outline-light:hover {
  border-color: #e2d0cf !important;
  color: #a2635f !important;
  background: #faf6f5 !important;
}
body.theme-brown #tableHeader-mask div:first-child div.box-sub {
    border-left-color: #e2d0cf;
}
body.theme-brown #tableHeader-mask > div:last-child > div.box-sub {
    border-right-color: #e2d0cf;
}
body.theme-brown #tableHeader0-mask div:first-child {
    border-right-color: #e2d0cf;
}
body.theme-brown #tableHeader0-mask div:last-child {
    border-left-color: #e2d0cf;
}
/**** END theme color ****/
.switch-color-choice {
  background-color: rgba(255, 255, 255, 0.84);
  padding: 10px;
  position: fixed;
  bottom: 0px;
  left: 280px;
  width: 300px;
  z-index: 99999;
  border-radius: 30px;
  margin-left: 0;
}
@media (max-width: 767.98px) {
  .switch-color-choice {
    left: 50%;
    transform: translateX(-50%);
  }
}
.switch-color-choice:after {
  clear: both;
  display: table;
  content: '';
}
.switch-color-choice span {
  border-radius: 50%;
  width: 25px;
  height: 25px;
  background-color: #2dbb54;
  cursor: pointer;
}
.switch-color-choice span.red {
  background-color: #e54b4b;
}
.switch-color-choice span.coral {
  background-color: #ff7365;
}
.switch-color-choice span.orange {
  background-color: #f7a22d;
}
.switch-color-choice span.lightblue {
  background-color: #36b6d5;
}
.switch-color-choice span.blue {
  background-color: #4575e2;
}
.switch-color-choice span.orange {
  background-color: #f7a22d;
}
.switch-color-choice span.brown {
  background-color: #a2635f;
}
.switch-color-choice span.pink {
  background-color: #e662a4;
}
.switch-color-choice span.purple {
  background-color: #aa70cb;
}
.switch-color-choice span.active:before {
  float: left;
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  font-family: 'feather' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e926";
  color: #fff;
  margin: 4px;
}