@font-face {
  font-family: FilsonProRegular;
  src: url(../font/FilsonProRegular.otf);
}
@font-face {
  font-family: FilsonProThin;
  src: url(../font/FilsonProThin.otf);
}
@font-face {
  font-family: FilsonProLight;
  src: url(../font/FilsonProLight.otf);
}


body {
  font-size: .875rem;
  font-family: FilsonProRegular;
}

.feather {
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
}

.logo-with-text {
    max-width: 138px;
}
/*
 * Sidebar
 */

.sidebar {
  position: fixed;
  top: 0;
  /* rtl:raw:
  right: 0;
  */
  bottom: 0;
  /* rtl:remove */
  left: 0;
  z-index: 100;
  /* padding: 48px 0 0; */
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
  max-width: 250px;
  width: 100%;
}

@media (max-width: 767.98px) {
  .sidebar {
    top: 5rem;
  }
}

.sidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 48px);
  padding-top: .5rem;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

.sidebar .nav-link.dashboard {
  background-color: #CEFFFD;
  color: #2B2B2B !important;
  background-color: #f98686;
}

.sidebar.collapse .nav-link.dashboard {
  background-color: transparent;
} 
.sidebar .nav-link {
  font-family: FilsonProLight;
  font-size: 16px;
  font-weight: 500;
  color: #333;
  display: flex;
  line-height: 1.2;
  margin-bottom: 10px;
}
.sidebar .nav-link .nav-item-icon {
    width: 40px;
    padding: 0 5px;
}
.sidebar .nav-link .feather {
  margin-right: 4px;
  color: #727272;
}



.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
  color: inherit;
}

.sidebar .nav-link.active {
  color: #2470dc;
  padding: .7rem 1rem .5rem;
  line-height: 1.2;
}

.sidebar-heading {
  font-size: .75rem;
  text-transform: uppercase;
}

.main-container {
  /* width: 86.99%; */
  width: calc(100% - 250px);
}
.sidebar.collapse {
  max-width: 90px;
}
.sidebar.collapse .nav-link {
  max-width: 70px;
  margin: auto;
}

.sidebar.collapse .nav-link div:not(.nav-item-icon){
  display: none;
}

.main-container-full {
  width: calc(100% - 90px);
  margin-left: auto;
}
.main-container-fluid {
  background-color: #F5F7F9;
  padding-top: 20px;
  padding-bottom: 20px;  
}
.main-container-fluid .header-title .text-dark {
  /* font-size: 45px;  */
  font-size: 30px; 
}
.main-container-fluid .header-title .text-light-dark {
  font-size: 16px;
  font-weight: bold;
  color: #000000A8;
  /* font-family: FilsonProThin; */
}

.main-container-fluid .container-item {
  overflow-y: auto;
  border-radius: 20px;
  background-color: #fff;
  padding: 20px;
}
.main-container-fluid .container-item .table-tool {
    min-width: 150px;
    margin-top: 10px;
}
.main-container-fluid .container-item .table-tool a {
  font-size: 16px;
  padding: 7px;
  border: solid 1px #dee2e6;
  text-decoration: none;
  color: #00000070;
  border-radius: 6px;
  margin-right: 8px;
}
.main-container-fluid .container-item .table-tool a svg {
    margin-left: 2px;
    width: 20px;
    height: 20px;
}

.card-header span.card-heading,
.main-container-fluid .container-item .container-item-title {
  font-size: 20px;
  /* color: #2B2B2B; */
  color: #4396d2;
}
.main-container-fluid .container-item .panel-summary {
  font-size: 16px;
  color: #000000A8;
}

.main-container-fluid .container-item .table td,
.main-container-fluid .container-item .table th {
  padding: 8px 1rem;
  /* font-family: FilsonProThin; */
  font-size: 14px;
}
.main-container-fluid .container-item .table th {
  background-color: #F5F7F9;
  font-weight: 600;
}

.main-container-fluid .container-item .table td {
  font-weight: 500;
}
/*
 * Navbar
 */

 .navbar .header-left ul {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
 }

 .navbar .header-left li {
   border-right: solid 1px #dadada;
   padding: 5px 10px;
   display: flex;
   align-items: center;
   padding-right: 20px;
   list-style: none;
  }
  .navbar .header-left li:last-of-type { 
    border-right: 0;
  }
  .navbar .header-left.header-toggle li {
    border-right: solid 1px #dadada;
  }
  
li.qme_type_select .form-check-label,
li.qme_type_select span {
  font-size: 16px;
  font-weight: 600;
  font-family: FilsonProThin;
}

.navbar .header-title {
  padding: 10px 6px;
  line-height: 1.5;
  font-size: 16px;
  font-weight: 500;
  padding-right: 20px;
}

.search-container {
    display: flex;
    align-items: center;
    border: solid 1px #DADADA;
    border-radius: 12px;
    background-color: #F5F7F9;
}
.search-container span {
      width: 50px;
    text-align: center;
    display: inline-block;
    border-right: solid 1px #DADADA;

}
.search-container select,
.navbar .search-container input {
    background-color: transparent;
    font-size: 16px;
    /* width: 300px; */
    font-family: FilsonProThin;
}
.navbar .search-container input::placeholder {
    color: #00000054;
}
.navbar-brand {
  font-size: 1rem;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  display: block;
  width: 90%;
}

.navbar .navbar-toggler {
  top: .25rem;
  right: 1rem;
}

.navbar .form-control {
  padding: .75rem 1rem;
  border-width: 0;
  border-radius: 0;
}

.form-control-dark {
  color: #fff;
  background-color: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .1);
}

.form-control-dark:focus {
  border-color: transparent;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
}


/* login page */
.login-container {
    height: 100vh;
    display: flex;
    align-items: center;
}

.login-container .login-container-form,
.login-container .login-container-text {
  padding: 60px;
  border-radius: 30px;
}

.login-container .login-container-text {
  /* background: #4bcbc6; */
  background: #EA2628;
  color: #fff;
}
.login-container .login-container-text span{
  font-family: FilsonProThin;
}

.login-container .login-bg-gradient { 
  display: none;
  width: 250px;
  height: 250px;
  position: absolute;
  right: -120px;
  top: -9%;
  background: radial-gradient(circle at 70% 30%, #6ad4d4 0%, #ffffff 70%);
  border-radius: 0 100px 0;
}
.login-container .login-container-form .container-item-title {
 font-size: 45px;
 line-height: 50px;
}


.btn.btn-forgot:focus+.btn.btn-forgot, 
.btn.btn-forgot:focus, .btn.btn-forgot:hover,
.btn.btn-forgot {
    color: #0000008C;
    border: none;
    box-shadow: none;
}

.btn.btn-login:focus+.btn.btn-login, 
.btn.btn-login:focus, .btn.btn-login:hover,
.btn.btn-login {
  padding: 16px 10px;
  font-size: 18px;
  border-radius: 20px;
}

.login-container .login-container-form .login_with {
    color: #0000008C;
    margin: 40px 0;
    position: relative;
}
.login-container .login-container-form .login_with::before {
  content: '';
  position: absolute;
  margin-top: 11px;
  width: 100%;
  border-top: solid 1px #dadada;
  display: inline-block;
  left: 0;
  z-index: 0;
}

.login-container .login-container-form .login_with span{
  background-color: #fff;
  z-index: 1;
  position: relative;
  padding: 10px;
}

.btn.btn-forgot.btn-login-microsoft {
  background: transparent;
  border: solid 1px #dadada;
  padding: 16px 10px;
  border-radius: 20px;
}
.btn.btn-forgot.btn-login-microsoft img {
  max-width: 110px;
}

/* login page end*/

/* defult */
.bg-transparant {
  background-color: transparent !important;
}
.text-dark {
  color: #2B2B2B;
}

.text-light-dark {
  color : #000000A8;
}

.btn {
  border-radius: 12px;
  padding: 10px 20px;
  padding: 6px 15px;
  font-size: 16px;
  border: none;
}

.btn-check:focus+.btn-primary, .btn-primary:focus,
.btn-primary:hover,
.btn-primary {
  /* box-shadow: 0 0 0 .25rem rgb(75 203 198); */
  /* border-color: #4bcbc6; */
  /* background-color: #4BCBC6; */

  background-color: #EA2628;
  border-color: #EA2628;
  box-shadow: 0 0 0 .25rem rgb(234 38 40);
  color: #fff;
}

.btn-secondary:focus,
.btn-secondary:hover,
.btn-secondary {
  background-color: #4396d2;
}
.navbar.sticky-top button.btn {
    padding: 2px 12px;
}

.form-check-input:checked {
  /* background-color: #4bcbc6; */
  /* border-color: #4bcbc6; */
  background-color: #EA2628;
  border-color: #EA2628;
}

.text-w-light {
   font-family: FilsonProLight;
}
.radius_20 {
   border-radius: 20px;
}

.cursor-pointer {
  cursor: pointer;
}

.alert-info {
    background-color: #3f88c291;
}

.bg-primary {
  background-color: #65a6d7 !important;
}
.navbar-nav .setting-dropdown .dropdown-menu {
  position: absolute;
  right: 0;
  left: unset;
  margin-top: 6px;
}

.shadow { box-shadow: 0 .1rem .5rem rgba(0, 0, 0, .15) !important; }
.navbar-nav .setting-dropdown  .dropdown-toggle::after { display: none; }

/* QME name card (top-right) */
.qme-name-card {
  background-color: #fff;
  border: 1px solid #e6e8eb;
  border-left: 6px solid #EA2628; /* brand accent */
  border-radius: 12px;
  padding: 10px 14px;
  min-width: 240px;
  max-width: 360px;
  text-align: left;
}
.qme-name-card .qme-name-label {
  font-size: 17px;
  color: #2B2B2B;
  /* text-transform: uppercase; */
  letter-spacing: .04em;
  margin-bottom: 4px;
  font-weight: 600;
}
.qme-name-card .qme-name-value {
  font-size: 15px;
  font-weight: 400;
  color: #6c757d;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Group and generic info card styles (City/ZIP) */
.qme-info-group {
  display: flex;
  gap: 12px;
  flex-wrap: nowrap;
  align-items: stretch;
}
.qme-info-card {
  background-color: #fff;
  border: 1px solid #e6e8eb;
  border-left: 6px solid #EA2628;
  border-radius: 12px;
  padding: 10px 14px;
  min-width: 160px;
  max-width: 260px;
  min-height: 64px;
  text-align: left;
}
.qme-info-card .info-label {
  font-size: 17px;
  color: #2B2B2B;
  /* text-transform: uppercase; */
  letter-spacing: .04em;
  margin-bottom: 4px;
  font-weight: 600;
}
.qme-info-card .info-value {
  font-size: 15px;
  font-weight: 400;
  color: #6c757d;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 768px) {
  .qme-name-card { min-width: 0; max-width: 100%; }
  .qme-name-card .qme-name-label,
  .qme-info-card .info-label { font-size: 16px; }
  .qme-name-card .qme-name-value,
  .qme-info-card .info-value { font-size: 12px; }
}

/* Metric summary cards (match qme-info-card look) */
.card.text-center {
  border: 1px solid #e6e8eb;
  border-left: 6px solid #EA2628;  /* red chin left */
  border-right: 6px solid #EA2628; /* red chin right */
  border-radius: 12px;
}
.card.text-center .card-title {
  font-size: 17px;
  color: #2B2B2B;
  letter-spacing: .04em;
  margin-bottom: 4px;
  font-weight: 600;
}
.card.text-center .card-text {
  font-size: 17px;
  font-weight: 400;
  color: #6c757d;
}

.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter input,
select.form-select,
input.form-control {
  background-color: #f5f7f9;
  font-size: 16px;
  /* font-family: FilsonProThin; */
  border: solid 1px #DADADA;
  border-radius: 12px;
  padding: .75rem 1rem;
}
.form-select:focus {
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 .08rem rgb(218 218 218);
}
.text-light-black {
    color: #000000A8;
}

/* data tables css */
.dataTables_wrapper .table.dataTable {
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after {
  display: none;
}


table.dataTable thead .sorting:after { content: "\25B2"; }
table.dataTable thead .sorting_asc:after { content: "\25BC"; }

.dataTables_wrapper .dataTables_filter input ,
.dataTables_wrapper .dataTables_length select {
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  /* background-color: #fff; */
  background-clip: padding-box;
  /* border: 1px solid #ced4da; */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* border-radius: .25rem; */
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.dataTables_wrapper .dataTables_filter input {
      max-width: 78%;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    /* color: #4bcbc6 !important; */
    color: #EA2628 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, 
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, 
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  color: #9e9fa0 !important;
}

.dataTables_wrapper .dt-buttons .dt-button,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current, 
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    /* background: #4bcbc6; */
    background: #EA2628;
    color: #fff !important;
    /* border: 1px solid #4bcbc6; */
    border: 1px solid #EA2628;
    border-radius: 10px;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
    margin-bottom: 12px;
}

/* data tables css end*/
.metrics_summary .col_item > div {
    min-height: 110px;
}

.min-height-auto {
    min-height: 50px !important;
}
.max-height-auto {
    max-height: 100% !important;
}


/* defult end */


@media (min-width: 768px) {
    .flex-md-nowrap {

        /* margin-left: -12px; */
    }
}

@media (min-width: 1200px) {
  .main-container-fluid .container-item {
    min-height: 475px;
    max-height: 485px;

  }
  
}

@media (min-width: 1353px) { 
  .navbar-right-item {
    min-width: 274px;
    text-align: right;
 }
}

@media (max-width: 1199px) {
  .main-container-fluid .container-item:not(.container-chart) {
    min-height: 475px;
    max-height: 485px;
  }
  
}

@media (min-width: 1550px) {
  .navbar .search-container input {
    width: 300px;
  }

}
@media (max-width: 1549px) { 

  .navbar .header-title {
    font-size: 14px;
  }

  li.qme_type_select .form-check-label, li.qme_type_select span {
        font-size: 12px;
  }
  .sidebar{
    /* max-width: 90%; */
    top: 0;
  }
}
@media (max-width: 1430px) {
  .main-container-fluid .header-title .text-dark {
    font-size: 20px;
  }
  .main-container-fluid .header-title .text-light-dark {
    font-size: 13px;
  }
  .card-header span.card-heading,
  .main-container-fluid .container-item .container-item-title {
    font-size: 16px;
  }
  .main-container-fluid .container-item .panel-summary {
    font-size: 13px;
  }

  .btn {
    padding: 4px 12px;
  }
  .btn,
  .dt-buttons button.dt-button {
    font-size: 12px;
  }
}

@media (max-width: 1330px) {
  .navbar .header-left li.qme_type_select {
    display: block;
  }
  li.qme_type_select .form-check-label,
  li.qme_type_select span,
  .navbar .header-title {
    font-size: 12px;
  }
  li.qme_type_select .form-check-label {
    font-size: 10px; 
  }
  li.qme_type_select .form-check-input {
    width: .6em;
    height: .6em;
    margin-top: 6px;
    margin-left: -0.8em;
  }
  li.qme_type_select .form-check {
    padding-left: 10px;
  }
  
}
@media (max-width: 1300px) { 
  .navbar .header-left li {
    padding-right: 10px;
  }
  .navbar .header-title {
    padding-right: 0px;
  }
  .navbar .header-left li.qme_type_select .form-check.mx-2.mb-0 {
    margin-left: 0 !important;
  }
  
  .navbar .header-left li.qme_type_select {
    min-width: 137px;
  }
  .profile {
    display: none;
  }

  .main-container-fluid .header-title .text-dark {
    font-size: 30px;
  }
  .main-container-fluid .header-title .text-light-dark {
    font-size: 15px;
  }

  .card-header span.card-heading,
  .main-container-fluid .container-item .container-item-title {
    font-size: 16px;
  }
  .main-container-fluid .container-item .panel-summary {
    font-size: 12px;
  }
}
@media (max-width: 1080px) { 
  header.navbar.sticky-top.bg-white.flex-md-nowrap.p-0 {
    display: block;
    padding-bottom: 12px !important;
  } 
  .d-small-flex-wrap {
    flex-wrap: wrap;
  } 

  .navbar-nav {
    margin-left: 50px;
  }
  .navbar-nav .nav-item.text-nowrap.px-2 {
    padding-left: 0 !important;
  }
}
@media (max-width: 800px) { 
 .main-container {
    margin-left: auto;
  }
  /* .sidebar {
    max-width: 90px;
  }
  .main-container {
    width: calc(100% - 90px);
    margin-left: auto;
  }
  .sidebar .nav-link div:not(.nav-item-icon) {
    display: none;
  }
  .navbar-brand .logo-with-text {
    display: none;
  }
  .navbar-brand .img-fluid.logo {
    display: block;
  } */
}