/* =============================================================
   KSSSMS PROFESSIONAL UI FOUNDATION
   Shared late-loading design layer for legacy AdminLTE pages.
   Page-specific professional layouts may override these rules.
   ============================================================= */

:root{
  --kss-bg:#eef3f8;
  --kss-surface:#ffffff;
  --kss-ink:#112b45;
  --kss-muted:#6f8295;
  --kss-line:#dce6ef;
  --kss-line-strong:#ccd9e5;
  --kss-blue:#0b63c7;
  --kss-navy:#123b63;
  --kss-green:#16764a;
  --kss-red:#b83a40;
  --kss-amber:#9b6507;
  --kss-purple:#6555b7;
  --kss-shadow:0 10px 28px rgba(24,61,102,.08);
  --kss-shadow-soft:0 5px 18px rgba(24,61,102,.055);
  --kss-radius:14px;
}

html body.skin-blue{
  background:var(--kss-bg)!important;
  color:var(--kss-ink)!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  font-size:13px!important;
}

/* Fixed-header breathing room used throughout the redesigned pages. */
html body.skin-blue .content-wrapper{
  min-height:calc(100vh - 50px)!important;
  padding-top:78px!important;
  background:linear-gradient(180deg,#f8fbff 0%,var(--kss-bg) 100%)!important;
}

html body.skin-blue .content{
  padding:10px 18px 16px!important;
}

/* -------------------------------------------------------------
   Legacy content header
------------------------------------------------------------- */
html body.skin-blue .content-header{
  padding:0 18px 10px!important;
}

html body.skin-blue .content-header>h1{
  margin:0!important;
  color:var(--kss-navy)!important;
  font-size:18px!important;
  line-height:1.2!important;
  font-weight:900!important;
}

html body.skin-blue .content-header>h1>small{
  color:#7b8fa2!important;
  font-size:11px!important;
  font-weight:700!important;
}

html body.skin-blue .content-header>.breadcrumb{
  top:1px!important;
  right:18px!important;
  padding:7px 10px!important;
  border:1px solid #e0e8f0!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#7a8d9f!important;
  font-size:9.5px!important;
  box-shadow:0 3px 12px rgba(24,61,102,.045)!important;
}

html body.skin-blue .content-header>.breadcrumb a{
  color:#52718c!important;
}

/* -------------------------------------------------------------
   AdminLTE boxes / panels / generic cards
------------------------------------------------------------- */
html body.skin-blue .box,
html body.skin-blue .panel,
html body.skin-blue .nav-tabs-custom,
html body.skin-blue .card{
  border:1px solid var(--kss-line)!important;
  border-top:1px solid var(--kss-line)!important;
  border-radius:var(--kss-radius)!important;
  background:var(--kss-surface)!important;
  box-shadow:var(--kss-shadow)!important;
}

html body.skin-blue .box{
  margin-bottom:12px!important;
  overflow:hidden;
}

html body.skin-blue .box-header,
html body.skin-blue .panel-heading,
html body.skin-blue .card-head{
  min-height:48px!important;
  padding:10px 13px!important;
  border-bottom:1px solid #e9eff5!important;
  background:linear-gradient(135deg,#f8fbff,#fff 72%)!important;
  color:#173b5f!important;
}

html body.skin-blue .box-header .box-title,
html body.skin-blue .panel-title,
html body.skin-blue .card-head h3{
  margin:0!important;
  color:#173b5f!important;
  font-size:13.5px!important;
  line-height:1.25!important;
  font-weight:900!important;
}

html body.skin-blue .box-body,
html body.skin-blue .panel-body,
html body.skin-blue .card-body{
  padding:12px!important;
  background:#fff!important;
  color:#334e68!important;
}

html body.skin-blue .box-footer,
html body.skin-blue .panel-footer{
  padding:10px 12px!important;
  border-top:1px solid #e7edf3!important;
  background:#f8fafc!important;
}

html body.skin-blue .box.box-solid>.box-header{
  border-bottom:1px solid #e4ebf2!important;
  background:var(--kss-navy)!important;
  color:#fff!important;
}

html body.skin-blue .box.box-solid>.box-header .box-title{
  color:#fff!important;
}

/* -------------------------------------------------------------
   KPI / info boxes
------------------------------------------------------------- */
html body.skin-blue .small-box,
html body.skin-blue .info-box{
  overflow:hidden!important;
  border:1px solid var(--kss-line)!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#173b5f!important;
  box-shadow:var(--kss-shadow-soft)!important;
}

html body.skin-blue .small-box>.inner{
  padding:12px!important;
}

html body.skin-blue .small-box h3{
  margin:0 0 5px!important;
  color:#173b5f!important;
  font-size:21px!important;
  font-weight:900!important;
}

html body.skin-blue .small-box p{
  color:#71869a!important;
  font-size:10.5px!important;
  font-weight:750!important;
}

html body.skin-blue .small-box .icon{
  top:10px!important;
  right:12px!important;
  color:rgba(18,59,99,.12)!important;
  font-size:58px!important;
}

html body.skin-blue .small-box>.small-box-footer{
  padding:7px 10px!important;
  background:#f7fafc!important;
  color:#0b5da8!important;
  font-size:9.5px!important;
  font-weight:850!important;
}

html body.skin-blue .info-box-icon{
  width:70px!important;
  background:#edf6ff!important;
  color:#0b63c7!important;
  font-size:27px!important;
}

html body.skin-blue .info-box-content{
  margin-left:70px!important;
  padding:10px 12px!important;
}

html body.skin-blue .info-box-text{
  color:#768a9d!important;
  font-size:9.5px!important;
  font-weight:850!important;
  text-transform:uppercase!important;
  letter-spacing:.25px!important;
}

html body.skin-blue .info-box-number{
  margin-top:3px!important;
  color:#173b5f!important;
  font-size:20px!important;
  font-weight:900!important;
}

/* Neutralize old loud AdminLTE background utilities inside KPI boxes. */
html body.skin-blue .small-box.bg-aqua,
html body.skin-blue .small-box.bg-green,
html body.skin-blue .small-box.bg-yellow,
html body.skin-blue .small-box.bg-red,
html body.skin-blue .small-box.bg-blue,
html body.skin-blue .small-box.bg-purple,
html body.skin-blue .small-box.bg-teal,
html body.skin-blue .info-box .bg-aqua,
html body.skin-blue .info-box .bg-green,
html body.skin-blue .info-box .bg-yellow,
html body.skin-blue .info-box .bg-red{
  background:#fff!important;
  color:#173b5f!important;
}

/* -------------------------------------------------------------
   Forms
------------------------------------------------------------- */
html body.skin-blue label,
html body.skin-blue .control-label{
  color:#405b74!important;
  font-size:10.5px!important;
  font-weight:850!important;
}

html body.skin-blue .form-group{
  margin-bottom:10px!important;
}

html body.skin-blue .form-control,
html body.skin-blue select.form-control,
html body.skin-blue textarea.form-control{
  min-height:38px!important;
  padding:7px 10px!important;
  border:1px solid #d8e3ed!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#294863!important;
  font-size:11.5px!important;
  font-weight:700!important;
  box-shadow:none!important;
}

html body.skin-blue textarea.form-control{
  min-height:90px!important;
  resize:vertical;
}

html body.skin-blue .form-control:focus,
html body.skin-blue select.form-control:focus,
html body.skin-blue textarea.form-control:focus{
  border-color:#86b6e4!important;
  box-shadow:0 0 0 3px rgba(11,99,199,.08)!important;
}

html body.skin-blue .form-control[readonly],
html body.skin-blue .form-control[disabled],
html body.skin-blue fieldset[disabled] .form-control{
  background:#f4f7fa!important;
  color:#60778b!important;
}

html body.skin-blue .input-group-addon{
  border-color:#d8e3ed!important;
  background:#f7fafc!important;
  color:#60788d!important;
  font-size:10px!important;
}

html body.skin-blue .help-block,
html body.skin-blue .help,
html body.skin-blue small,
html body.skin-blue .text-muted{
  color:#7c8fa1!important;
  font-size:9.5px!important;
  line-height:1.4!important;
  font-weight:700!important;
}

html body.skin-blue .has-error .form-control{
  border-color:#e4aaad!important;
  background:#fffafa!important;
}

html body.skin-blue .has-success .form-control{
  border-color:#a4d3b8!important;
  background:#fbfffc!important;
}

/* Select2 */
html body.skin-blue .select2-container--default .select2-selection--single,
html body.skin-blue .select2-container--default .select2-selection--multiple{
  min-height:38px!important;
  border:1px solid #d8e3ed!important;
  border-radius:8px!important;
  background:#fff!important;
}

html body.skin-blue .select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height:36px!important;
  color:#294863!important;
  font-size:11.5px!important;
  font-weight:700!important;
}

/* -------------------------------------------------------------
   Buttons
------------------------------------------------------------- */
html body.skin-blue .btn{
  min-height:34px!important;
  padding:7px 10px!important;
  border-radius:8px!important;
  font-size:10.5px!important;
  line-height:1!important;
  font-weight:850!important;
  box-shadow:none!important;
  transition:transform .15s ease,background .15s ease,border-color .15s ease,color .15s ease!important;
}

html body.skin-blue .btn:hover:not(:disabled){
  transform:translateY(-1px);
}

html body.skin-blue .btn-xs{
  min-height:27px!important;
  padding:4px 7px!important;
  font-size:8.8px!important;
}

html body.skin-blue .btn-sm{
  min-height:31px!important;
  padding:6px 9px!important;
  font-size:9.5px!important;
}

html body.skin-blue .btn-primary,
html body.skin-blue .btn-info{
  border-color:#c8dff6!important;
  background:#edf6ff!important;
  color:#0b5da8!important;
}

html body.skin-blue .btn-success{
  border-color:#c7e6d5!important;
  background:#edf9f2!important;
  color:#16764a!important;
}

html body.skin-blue .btn-danger{
  border-color:#efcbce!important;
  background:#fff2f2!important;
  color:#b43a40!important;
}

html body.skin-blue .btn-warning{
  border-color:#eadab5!important;
  background:#fff8e8!important;
  color:#946208!important;
}

html body.skin-blue .btn-default{
  border-color:#d8e3ed!important;
  background:#fff!important;
  color:#405b74!important;
}

/* -------------------------------------------------------------
   Tables
------------------------------------------------------------- */
html body.skin-blue .table-responsive{
  overflow:auto!important;
  border:1px solid var(--kss-line)!important;
  border-radius:10px!important;
  background:#fff!important;
}

html body.skin-blue table.table{
  width:100%!important;
  margin:0!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  background:#fff!important;
  color:#334e68!important;
  font-size:11px!important;
}

html body.skin-blue table.table>thead>tr>th{
  padding:8px 9px!important;
  border-color:var(--kss-navy)!important;
  background:var(--kss-navy)!important;
  color:#fff!important;
  font-size:9.5px!important;
  font-weight:850!important;
  text-transform:uppercase!important;
  letter-spacing:.23px!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
}

html body.skin-blue table.table>tbody>tr>td{
  padding:7px 9px!important;
  border-color:#edf2f7!important;
  background:#fff!important;
  color:#334e68!important;
  font-size:10.8px!important;
  vertical-align:middle!important;
}

html body.skin-blue table.table-striped>tbody>tr:nth-of-type(odd)>td{
  background:#fbfdff!important;
}

html body.skin-blue table.table-hover>tbody>tr:hover>td,
html body.skin-blue table.table>tbody>tr:hover>td{
  background:#f5f9fd!important;
}

html body.skin-blue table.table>tfoot>tr>th,
html body.skin-blue table.table>tfoot>tr>td{
  padding:8px 9px!important;
  border-color:#dfe8f0!important;
  background:#f7fafc!important;
  color:#405d76!important;
  font-size:9.5px!important;
  font-weight:850!important;
}

/* -------------------------------------------------------------
   DataTables
------------------------------------------------------------- */
html body.skin-blue .dataTables_wrapper{
  color:#667b8e!important;
  font-size:10px!important;
}

html body.skin-blue .dataTables_wrapper .dataTables_length,
html body.skin-blue .dataTables_wrapper .dataTables_filter{
  margin-bottom:8px!important;
}

html body.skin-blue .dataTables_wrapper .dataTables_length label,
html body.skin-blue .dataTables_wrapper .dataTables_filter label{
  color:#60758a!important;
  font-size:10px!important;
  font-weight:750!important;
}

html body.skin-blue .dataTables_wrapper .dataTables_filter input,
html body.skin-blue .dataTables_wrapper .dataTables_length select{
  height:31px!important;
  padding:4px 7px!important;
  border:1px solid #dce5ee!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#294863!important;
  font-size:10px!important;
  outline:none!important;
}

html body.skin-blue .dataTables_wrapper .dataTables_filter input:focus{
  border-color:#87b5e3!important;
  box-shadow:0 0 0 3px rgba(7,89,182,.08)!important;
}

html body.skin-blue .dataTables_wrapper .dataTables_info{
  padding-top:7px!important;
  color:#6b8195!important;
  font-size:9.5px!important;
}

html body.skin-blue .dataTables_wrapper .dataTables_paginate{
  padding-top:5px!important;
}

html body.skin-blue .dataTables_wrapper .dataTables_paginate .paginate_button{
  min-width:28px!important;
  padding:4px 8px!important;
  border:1px solid transparent!important;
  border-radius:7px!important;
  background:transparent!important;
  color:#587087!important;
  font-size:9.5px!important;
}

html body.skin-blue .dataTables_wrapper .dataTables_paginate .paginate_button.current,
html body.skin-blue .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
  border-color:#c8dff6!important;
  background:#edf6ff!important;
  color:#0b5da8!important;
}

html body.skin-blue .dt-buttons{
  display:flex!important;
  gap:5px!important;
  flex-wrap:wrap!important;
  margin-bottom:8px!important;
}

html body.skin-blue .dt-buttons .dt-button{
  min-height:30px!important;
  padding:5px 8px!important;
  border:1px solid #d8e3ed!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#3c5871!important;
  font-size:9px!important;
  font-weight:850!important;
  box-shadow:none!important;
}

/* -------------------------------------------------------------
   Tabs / pills
------------------------------------------------------------- */
html body.skin-blue .nav-tabs-custom>.nav-tabs{
  border-bottom:1px solid #e4ebf2!important;
  background:#f8fafc!important;
}

html body.skin-blue .nav-tabs-custom>.nav-tabs>li>a,
html body.skin-blue .nav-tabs>li>a{
  border-radius:8px 8px 0 0!important;
  color:#60788d!important;
  font-size:10px!important;
  font-weight:800!important;
}

html body.skin-blue .nav-tabs-custom>.nav-tabs>li.active>a,
html body.skin-blue .nav-tabs>li.active>a{
  color:#0b5da8!important;
  background:#fff!important;
}

/* -------------------------------------------------------------
   Modals
------------------------------------------------------------- */
html body.skin-blue .modal{
  background:rgba(15,23,42,.28)!important;
}

html body.skin-blue .modal-dialog{
  width:94%;
  max-width:680px;
  margin:32px auto!important;
}

html body.skin-blue .modal-content{
  overflow:hidden!important;
  border:0!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 20px 60px rgba(15,23,42,.25)!important;
}

html body.skin-blue .modal-header{
  min-height:48px!important;
  padding:12px 14px!important;
  border-bottom:1px solid #dce5ed!important;
  background:linear-gradient(135deg,#123b63,#0b63c7)!important;
  color:#fff!important;
}

html body.skin-blue .modal-header .modal-title{
  margin:0!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:900!important;
}

html body.skin-blue .modal-header .close{
  color:#fff!important;
  text-shadow:none!important;
  opacity:1!important;
}

html body.skin-blue .modal-body{
  padding:14px!important;
  background:#fff!important;
  color:#334e68!important;
  font-size:11px!important;
}

html body.skin-blue .modal-footer{
  padding:10px 14px!important;
  border-top:1px solid #e6edf3!important;
  background:#f8fafc!important;
}

/* -------------------------------------------------------------
   Alerts / callouts / labels
------------------------------------------------------------- */
html body.skin-blue .alert,
html body.skin-blue .callout{
  padding:10px 12px!important;
  border-radius:9px!important;
  font-size:10.5px!important;
  line-height:1.45!important;
  font-weight:700!important;
}

html body.skin-blue .alert-success,
html body.skin-blue .callout-success{
  border-color:#c4e2d1!important;
  background:#edf9f2!important;
  color:#146a42!important;
}

html body.skin-blue .alert-danger,
html body.skin-blue .callout-danger{
  border-color:#efcbce!important;
  background:#fff2f2!important;
  color:#a63a3f!important;
}

html body.skin-blue .alert-warning,
html body.skin-blue .callout-warning{
  border-color:#eadab5!important;
  background:#fff8e8!important;
  color:#8d5e09!important;
}

html body.skin-blue .alert-info,
html body.skin-blue .callout-info{
  border-color:#c8dff6!important;
  background:#edf6ff!important;
  color:#0b5da8!important;
}

html body.skin-blue .label{
  padding:4px 7px!important;
  border-radius:999px!important;
  font-size:8.5px!important;
  font-weight:850!important;
}

html body.skin-blue .label-success{background:#edf9f2!important;color:#16764a!important}
html body.skin-blue .label-danger{background:#fff2f2!important;color:#b83a40!important}
html body.skin-blue .label-warning{background:#fff8e8!important;color:#946208!important}
html body.skin-blue .label-info{background:#edf6ff!important;color:#0b5da8!important}
html body.skin-blue .label-default{background:#f0f3f6!important;color:#607589!important}

/* -------------------------------------------------------------
   Pagination / well / list-group
------------------------------------------------------------- */
html body.skin-blue .pagination>li>a,
html body.skin-blue .pagination>li>span{
  border-color:#dde6ee!important;
  color:#526f88!important;
  font-size:9.5px!important;
}

html body.skin-blue .pagination>.active>a,
html body.skin-blue .pagination>.active>a:hover{
  border-color:#0b63c7!important;
  background:#0b63c7!important;
  color:#fff!important;
}

html body.skin-blue .well{
  border:1px solid #dfe8f0!important;
  border-radius:10px!important;
  background:#f8fafc!important;
  box-shadow:none!important;
}

html body.skin-blue .list-group-item{
  border-color:#e5edf4!important;
  color:#3e5a73!important;
  font-size:10.5px!important;
}

/* -------------------------------------------------------------
   Footer
------------------------------------------------------------- */
html body.skin-blue .main-footer{
  padding:10px 18px!important;
  border-top:1px solid #dfe8f0!important;
  background:#fff!important;
  color:#71859a!important;
  font-size:10px!important;
}

/* -------------------------------------------------------------
   Mobile
------------------------------------------------------------- */
@media(max-width:767px){
  html body.skin-blue .content-wrapper{
    padding-top:68px!important;
  }

  html body.skin-blue .content,
  html body.skin-blue .content-header{
    padding-left:10px!important;
    padding-right:10px!important;
  }

  html body.skin-blue .content-header>.breadcrumb{
    display:none!important;
  }

  html body.skin-blue .modal-dialog{
    width:calc(100% - 20px)!important;
    margin:10px auto!important;
  }

  html body.skin-blue .table-responsive{
    border-radius:8px!important;
  }
}

/* -------------------------------------------------------------
   Print: keep documents clean and avoid UI chrome.
------------------------------------------------------------- */
@media print{
  html body.skin-blue .main-header,
  html body.skin-blue .main-sidebar,
  html body.skin-blue .control-sidebar,
  html body.skin-blue .main-footer{
    display:none!important;
  }

  html body.skin-blue .content-wrapper{
    margin-left:0!important;
    padding-top:0!important;
    background:#fff!important;
  }

  html body.skin-blue .box,
  html body.skin-blue .panel,
  html body.skin-blue .card{
    box-shadow:none!important;
  }
}

/* =============================================================
   KSSSMS PROFESSIONAL UI — PASS 2
   Project-wide polish for legacy pages that do not yet have a
   specialized page-specific layout.
   ============================================================= */

/* --- Page canvas ------------------------------------------------ */
body.skin-blue .content{
  width:100%;
  max-width:1700px;
  margin-left:auto!important;
  margin-right:auto!important;
}

body.skin-blue .content-wrapper{
  transition:margin-left .22s ease;
}

/* Turn the old AdminLTE page heading into a compact professional hero. */
body.skin-blue .content-header:not(:empty){
  position:relative;
  min-height:58px;
  margin:0 18px 10px!important;
  padding:11px 14px!important;
  border:1px solid var(--kss-line)!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#fff 0%,#fbfdff 64%,#f1f7fd 100%)!important;
  box-shadow:var(--kss-shadow-soft)!important;
}

body.skin-blue .content-header>h1{
  display:flex;
  align-items:baseline;
  gap:8px;
  min-width:0;
}

body.skin-blue .content-header>h1:before{
  content:"";
  display:inline-block;
  width:4px;
  height:21px;
  flex:0 0 4px;
  border-radius:999px;
  background:linear-gradient(180deg,var(--kss-blue),#4da4ef);
  box-shadow:0 0 0 4px rgba(11,99,199,.07);
}

body.skin-blue .content-header>.breadcrumb{
  top:10px!important;
  right:12px!important;
  margin:0!important;
  box-shadow:none!important;
}

/* Page sections should breathe without creating giant empty gaps. */
body.skin-blue .content>.row:first-child,
body.skin-blue .content>.container-fluid:first-child{
  margin-top:0;
}

body.skin-blue hr{
  border-top-color:#e7edf3;
}

/* --- Cards / boxes --------------------------------------------- */
body.skin-blue .box,
body.skin-blue .panel,
body.skin-blue .card,
body.skin-blue .nav-tabs-custom{
  transition:box-shadow .18s ease,border-color .18s ease,transform .18s ease;
}

body.skin-blue .box:hover,
body.skin-blue .card:hover{
  border-color:#d3e0eb!important;
  box-shadow:0 12px 32px rgba(24,61,102,.095)!important;
}

body.skin-blue .box-primary,
body.skin-blue .box-info,
body.skin-blue .box-success,
body.skin-blue .box-warning,
body.skin-blue .box-danger{
  border-top-color:var(--kss-line)!important;
}

body.skin-blue .box-header.with-border{
  border-bottom-color:#e7edf3!important;
}

body.skin-blue .box-header>.box-tools{
  top:8px!important;
  right:10px!important;
}

body.skin-blue .box-header>.box-tools .btn-box-tool{
  width:30px;
  height:30px;
  padding:0!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:8px!important;
  color:#71869a!important;
}

body.skin-blue .box-header>.box-tools .btn-box-tool:hover{
  background:#edf5fb!important;
  color:#0b63c7!important;
}

body.skin-blue .well{
  border:1px solid var(--kss-line)!important;
  border-radius:12px!important;
  background:#f8fbfd!important;
  box-shadow:none!important;
}

/* --- Forms ------------------------------------------------------ */
body.skin-blue .input-group-addon{
  min-width:38px;
  border-color:#d8e3ed!important;
  background:#f5f8fb!important;
  color:#60798f!important;
  font-size:11px!important;
}

body.skin-blue .input-group .form-control:first-child,
body.skin-blue .input-group-addon:first-child{
  border-radius:8px 0 0 8px!important;
}

body.skin-blue .input-group .form-control:last-child,
body.skin-blue .input-group-addon:last-child,
body.skin-blue .input-group-btn:last-child>.btn{
  border-radius:0 8px 8px 0!important;
}

body.skin-blue input[type="file"].form-control{
  height:auto!important;
  min-height:38px!important;
  padding:6px 8px!important;
}

body.skin-blue .checkbox label,
body.skin-blue .radio label{
  color:#4b657d!important;
  font-weight:700!important;
}

body.skin-blue .help-block,
body.skin-blue .help,
body.skin-blue .form-text{
  color:#8394a4!important;
  line-height:1.4!important;
}

body.skin-blue .form-control[disabled],
body.skin-blue .form-control[readonly],
body.skin-blue fieldset[disabled] .form-control{
  background:#f4f7fa!important;
  color:#647b90!important;
}

body.skin-blue .has-success .form-control{
  border-color:#96ccb0!important;
  box-shadow:none!important;
}

body.skin-blue .has-error .form-control{
  border-color:#e1a5a8!important;
  box-shadow:none!important;
}

body.skin-blue .select2-container--default .select2-selection--single,
body.skin-blue .select2-container--default .select2-selection--multiple{
  min-height:38px!important;
  border:1px solid #d8e3ed!important;
  border-radius:8px!important;
  background:#fff!important;
}

body.skin-blue .select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height:36px!important;
  color:#294863!important;
  font-size:11.5px!important;
  font-weight:700!important;
}

body.skin-blue .select2-container--default .select2-selection--single .select2-selection__arrow{
  height:36px!important;
}

body.skin-blue .select2-dropdown{
  overflow:hidden;
  border:1px solid #d8e3ed!important;
  border-radius:9px!important;
  box-shadow:0 14px 34px rgba(24,61,102,.14)!important;
}

body.skin-blue .select2-results__option{
  padding:7px 9px!important;
  color:#3e5c76!important;
  font-size:10.5px!important;
}

body.skin-blue .select2-container--default .select2-results__option--highlighted[aria-selected]{
  background:#edf6ff!important;
  color:#0b5da8!important;
}

/* --- Buttons ---------------------------------------------------- */
body.skin-blue .btn{
  letter-spacing:.01em;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .12s ease,box-shadow .16s ease!important;
}

body.skin-blue .btn:hover:not(:disabled),
body.skin-blue .btn:focus:not(:disabled){
  transform:translateY(-1px);
}

body.skin-blue .btn:active:not(:disabled){
  transform:translateY(0);
}

body.skin-blue .btn-primary{
  border-color:#0b63c7!important;
  background:#0b63c7!important;
  color:#fff!important;
  box-shadow:0 5px 13px rgba(11,99,199,.16)!important;
}

body.skin-blue .btn-primary:hover,
body.skin-blue .btn-primary:focus{
  border-color:#0756ae!important;
  background:#075bb8!important;
}

body.skin-blue .btn-success{
  border-color:#bfe1ce!important;
  background:#edf9f2!important;
  color:#16764a!important;
}

body.skin-blue .btn-info{
  border-color:#c8dff6!important;
  background:#edf6ff!important;
  color:#0b5da8!important;
}

body.skin-blue .btn-warning{
  border-color:#ead9b3!important;
  background:#fff8e8!important;
  color:#946208!important;
}

body.skin-blue .btn-danger{
  border-color:#edc9cc!important;
  background:#fff2f2!important;
  color:#b43a40!important;
}

body.skin-blue .btn-default{
  border-color:#d8e3ed!important;
  background:#fff!important;
  color:#405b74!important;
}

body.skin-blue .btn-group>.btn{
  margin-right:2px;
}

/* --- Tables / DataTables --------------------------------------- */
body.skin-blue .table-responsive{
  border:1px solid #e0e8f0!important;
  border-radius:10px!important;
  background:#fff;
  -webkit-overflow-scrolling:touch;
}

body.skin-blue table.table{
  margin-bottom:0!important;
  background:#fff;
}

body.skin-blue table.table>thead>tr>th{
  padding:9px 9px!important;
  border-color:var(--kss-navy)!important;
  background:var(--kss-navy)!important;
  color:#fff!important;
  font-weight:850!important;
  line-height:1.3!important;
  vertical-align:middle!important;
}

body.skin-blue table.table>tbody>tr>td{
  padding:8px 9px!important;
  border-color:#e9eff5!important;
  color:#334e68!important;
  line-height:1.42!important;
  vertical-align:middle!important;
}

body.skin-blue table.table-striped>tbody>tr:nth-of-type(odd)>td{
  background:#fbfdff!important;
}

body.skin-blue table.table-hover>tbody>tr:hover>td,
body.skin-blue table.table>tbody>tr:hover>td{
  background:#f4f9fd!important;
}

body.skin-blue table.table img.img-circle,
body.skin-blue table.table img.img-rounded{
  object-fit:cover;
  border:1px solid #d6e1eb;
}

body.skin-blue .dataTables_wrapper .row:first-child,
body.skin-blue .dataTables_wrapper .row:last-child{
  margin-left:0!important;
  margin-right:0!important;
}

body.skin-blue .dataTables_wrapper .dataTables_length,
body.skin-blue .dataTables_wrapper .dataTables_filter{
  margin-bottom:8px!important;
}

body.skin-blue .dataTables_wrapper .dataTables_filter input,
body.skin-blue .dataTables_wrapper .dataTables_length select{
  height:32px!important;
  border:1px solid #d8e3ed!important;
  border-radius:8px!important;
  background:#fff!important;
  outline:none!important;
}

body.skin-blue .dataTables_wrapper .dataTables_filter input:focus,
body.skin-blue .dataTables_wrapper .dataTables_length select:focus{
  border-color:#86b6e4!important;
  box-shadow:0 0 0 3px rgba(11,99,199,.08)!important;
}

body.skin-blue .dataTables_wrapper .dt-buttons{
  margin-bottom:8px!important;
}

body.skin-blue .dataTables_wrapper .dt-buttons .btn{
  min-height:31px!important;
  padding:5px 8px!important;
  border:1px solid #d5e1eb!important;
  background:#fff!important;
  color:#3e607b!important;
  box-shadow:none!important;
}

body.skin-blue .dataTables_wrapper .dataTables_paginate .paginate_button,
body.skin-blue .pagination>li>a,
body.skin-blue .pagination>li>span{
  min-width:30px;
  margin-left:2px!important;
  padding:5px 8px!important;
  border:1px solid transparent!important;
  border-radius:7px!important;
  background:transparent!important;
  color:#5f7488!important;
}

body.skin-blue .dataTables_wrapper .dataTables_paginate .paginate_button.current,
body.skin-blue .pagination>.active>a,
body.skin-blue .pagination>.active>span{
  border-color:#c8dff6!important;
  background:#edf6ff!important;
  color:#0b5da8!important;
}

body.skin-blue .dataTables_scroll{
  overflow:hidden;
  border:1px solid #dfe8f0!important;
  border-radius:10px;
  background:#fff;
}

body.skin-blue .dataTables_scrollHead{
  border-bottom:0!important;
  background:var(--kss-navy)!important;
}

body.skin-blue .dataTables_scrollBody{
  border-top:0!important;
}

/* --- Tabs / navigation ---------------------------------------- */
body.skin-blue .nav-tabs-custom>.nav-tabs{
  border-bottom:1px solid #e4ebf2!important;
  background:#f8fafc!important;
}

body.skin-blue .nav-tabs-custom>.nav-tabs>li{
  margin-bottom:0!important;
  border-top:0!important;
}

body.skin-blue .nav-tabs-custom>.nav-tabs>li>a{
  margin:0!important;
  border:0!important;
  color:#60788d!important;
  font-weight:800!important;
}

body.skin-blue .nav-tabs-custom>.nav-tabs>li.active>a,
body.skin-blue .nav-tabs-custom>.nav-tabs>li>a:hover{
  background:#fff!important;
  color:#0b5da8!important;
}

body.skin-blue .nav-tabs-custom>.nav-tabs>li.active{
  border-top-color:var(--kss-blue)!important;
}

body.skin-blue .nav-pills>li>a{
  border-radius:8px!important;
  color:#526d84!important;
  font-weight:750!important;
}

body.skin-blue .nav-pills>li.active>a,
body.skin-blue .nav-pills>li.active>a:hover,
body.skin-blue .nav-pills>li.active>a:focus{
  background:#edf6ff!important;
  color:#0b5da8!important;
}

/* --- Alerts, badges and status -------------------------------- */
body.skin-blue .alert{
  border:1px solid transparent!important;
  border-radius:10px!important;
  box-shadow:none!important;
}

body.skin-blue .alert-success{
  border-color:#c6e4d3!important;
  background:#eef9f3!important;
  color:#166b43!important;
}

body.skin-blue .alert-info{
  border-color:#cae0f5!important;
  background:#eff7ff!important;
  color:#155f9d!important;
}

body.skin-blue .alert-warning{
  border-color:#ead9b3!important;
  background:#fff8e9!important;
  color:#8c620f!important;
}

body.skin-blue .alert-danger{
  border-color:#edc9cc!important;
  background:#fff3f3!important;
  color:#aa3a40!important;
}

body.skin-blue .callout{
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:var(--kss-shadow-soft)!important;
}

body.skin-blue .label,
body.skin-blue .badge{
  border-radius:999px!important;
  font-weight:850!important;
  letter-spacing:.01em;
}

body.skin-blue .label-primary,
body.skin-blue .badge.bg-blue{
  background:#eaf4ff!important;
  color:#0b5da8!important;
}

body.skin-blue .label-success,
body.skin-blue .badge.bg-green{
  background:#edf9f2!important;
  color:#16764a!important;
}

body.skin-blue .label-warning,
body.skin-blue .badge.bg-yellow{
  background:#fff8e8!important;
  color:#946208!important;
}

body.skin-blue .label-danger,
body.skin-blue .badge.bg-red{
  background:#fff2f2!important;
  color:#b43a40!important;
}

/* --- Modals ---------------------------------------------------- */
body.skin-blue .modal{
  background:rgba(10,27,45,.28)!important;
}

body.skin-blue .modal-dialog{
  width:94%;
  max-width:760px;
}

body.skin-blue .modal-content{
  overflow:hidden;
  border:0!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 22px 66px rgba(15,35,56,.25)!important;
}

body.skin-blue .modal-header{
  min-height:48px;
  padding:11px 14px!important;
  border-bottom:1px solid #dce5ed!important;
  background:linear-gradient(135deg,#123b63,#0b63c7)!important;
  color:#fff!important;
}

body.skin-blue .modal-header .modal-title{
  color:#fff!important;
  font-weight:900!important;
}

body.skin-blue .modal-header .close{
  color:#fff!important;
  text-shadow:none!important;
  opacity:.9!important;
}

body.skin-blue .modal-body{
  background:#fff!important;
}

body.skin-blue .modal-footer{
  border-top:1px solid #e6edf3!important;
  background:#f8fafc!important;
}

/* --- List / profile / chat / timeline legacy modules ---------- */
body.skin-blue .list-group-item{
  border-color:#e6edf3!important;
  color:#405b74!important;
}

body.skin-blue .list-group-item:hover{
  background:#f7fafc!important;
}

body.skin-blue .timeline>li>.timeline-item{
  border:1px solid #dfe8f0!important;
  border-radius:11px!important;
  box-shadow:var(--kss-shadow-soft)!important;
}

body.skin-blue .timeline>li>.timeline-item>.timeline-header{
  color:#284b69!important;
  font-weight:850!important;
}

body.skin-blue .direct-chat-messages{
  background:#f8fafc!important;
}

body.skin-blue .direct-chat-text{
  border-color:#dce6ef!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#3d5970!important;
}

body.skin-blue .direct-chat-primary .right>.direct-chat-text{
  border-color:#c8dff6!important;
  background:#edf6ff!important;
  color:#235981!important;
}

body.skin-blue .mailbox-controls{
  padding:9px!important;
  border-bottom:1px solid #e7edf3;
  background:#f8fafc;
}

/* --- Footer ---------------------------------------------------- */
body.skin-blue .main-footer{
  border-top:1px solid #dce6ef!important;
  background:#fff!important;
  color:#72869a!important;
}

/* --- Login / standalone pages --------------------------------- */
body.login-page,
body.register-page{
  min-height:100vh;
  background:
    radial-gradient(circle at 12% 12%,rgba(11,99,199,.13),transparent 28%),
    radial-gradient(circle at 88% 86%,rgba(22,118,74,.09),transparent 28%),
    linear-gradient(180deg,#f7fbff,#eaf1f7)!important;
}

body.login-page .login-box,
body.register-page .register-box{
  margin-top:7vh!important;
}

body.login-page .login-logo,
body.register-page .register-logo{
  color:#123b63!important;
  font-weight:900!important;
}

body.login-page .login-box-body,
body.register-page .register-box-body{
  border:1px solid #dce6ef!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 22px 62px rgba(24,61,102,.16)!important;
}

/* --- Scrollbars ------------------------------------------------ */
body.skin-blue *{
  scrollbar-width:thin;
  scrollbar-color:#c3d0dc transparent;
}

body.skin-blue *::-webkit-scrollbar{
  width:7px;
  height:7px;
}

body.skin-blue *::-webkit-scrollbar-thumb{
  border-radius:999px;
  background:#c3d0dc;
}

body.skin-blue *::-webkit-scrollbar-track{
  background:transparent;
}

/* --- Focus visibility ------------------------------------------ */
body.skin-blue a:focus-visible,
body.skin-blue button:focus-visible,
body.skin-blue input:focus-visible,
body.skin-blue select:focus-visible,
body.skin-blue textarea:focus-visible{
  outline:2px solid rgba(11,99,199,.55)!important;
  outline-offset:2px!important;
}

/* --- Mobile ---------------------------------------------------- */
@media(max-width:767px){
  body.skin-blue .content-header:not(:empty){
    margin:0 10px 8px!important;
    padding:10px 11px!important;
  }

  body.skin-blue .content-header>.breadcrumb{
    display:none!important;
  }

  body.skin-blue .content-header>h1{
    font-size:18px!important;
  }

  body.skin-blue .content{
    padding-left:10px!important;
    padding-right:10px!important;
  }

  body.skin-blue .box-body,
  body.skin-blue .panel-body,
  body.skin-blue .card-body{
    padding:10px!important;
  }

  body.skin-blue .btn-group{
    display:flex;
    flex-wrap:wrap;
    gap:5px;
  }

  body.skin-blue .btn-group>.btn{
    float:none!important;
    margin:0!important;
    border-radius:8px!important;
  }

  body.skin-blue .modal-dialog{
    width:calc(100% - 18px)!important;
    margin:9px auto!important;
  }
}

/* Print only the useful document surfaces, not UI chrome. */
@media print{
  body.skin-blue .main-header,
  body.skin-blue .main-sidebar,
  body.skin-blue .main-footer,
  body.skin-blue .content-header>.breadcrumb,
  body.skin-blue .dataTables_filter,
  body.skin-blue .dataTables_length,
  body.skin-blue .dataTables_paginate,
  body.skin-blue .dt-buttons{
    display:none!important;
  }

  body.skin-blue .content-wrapper{
    margin-left:0!important;
    padding-top:0!important;
    background:#fff!important;
  }

  body.skin-blue .box,
  body.skin-blue .panel,
  body.skin-blue .card{
    box-shadow:none!important;
  }
}