/*======Global=========*/
body {
  background:#F5F8FE;;
  margin: 0;
  padding: 0;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  color: #111827;
}

.login-page {
  background: url(../images/login-bg.jpg) no-repeat right top;
}

.login-page input {
  height: 45px;
}

.form-control {
  background: #F9F9FB;
  border: 1px solid #9BA5AF;
  border-radius: 6px;
}

.btn-theme-red {
  background-color: #F63F46;
  border-color: #F63F46;
  border-radius: 6px;
  color: #ffffff;
}

.btn-theme-red:hover,
.btn-theme-red:focus {
  background-color: #d8363c;
  border-color: #d8363c;
  border-radius: 6px;
  color: #ffffff;
}

.btn-theme-white {
  background-color: #fff;
  border-color: #fff;
  border-radius: 2px;
  color: #333;
  height: 45px;


}

.btn-theme-white:hover,
.btn-theme-white:focus {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
  border-radius: 6px;
  color: #333;
}

.btn-danger-lte {
  color: #ffffff;
  background-color: #F96D5A;
  border-color: #F96D5A;
}

.btn-danger-lte:hover {
  color: #ffffff;
  background-color: #e71e0e;
  border-color: #e71e0e;
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
  background-color: #ED1921;
}

.table td,
.table th {
  border: 0;
}

.dataTable>thead>tr>th[class*="sort"]:before,
.dataTable>thead>tr>th[class*="sort"]:after {
  content: "" !important;
}

.table thead th,
table.dataTable.no-footer,
table.dataTable thead th,
table.dataTable thead td {
  border-bottom: 0 !important;
}

/*======Authentication=========*/
.main-auth {
  height: 100vh;
}

.login-area {

  /* background: #07478C  !important; */
  background: linear-gradient(90deg, #446023 0%, #4E7732 43.15%, #25472C 100%) !important;
}

.auth-left {

  background: none;
}

.auth-left img {
  width: 86%;
}

.auth-right {
  max-width: 420px;
  width: 100%;
}

.auth-right h2 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 1.5rem;
  line-height: 1.3;
  color: #3e4959;
  font-family: 'Karla', sans-serif;
}

label {
  color: #2f2f2f;
  font-size: 12px;
  font-weight: 600;
}

.form-control {
  border: 1px solid rgba(170, 170, 170, 0.3);
  border-radius: 4px;
  color: #000000;
}

.form-control:focus {
  border-color: #009859;
  background: #F9F9FB;
}

.doc-labal {
  text-align: center;
  display: block;
}

@media(max-width:991px) {
  .auth-left h1 {
    font-size: 32px
  }
}

.file {
  position: relative;
  display: flex;
}

.file>input[type='file'] {
  display: none
}

.file>label {
  cursor: pointer;
  padding: 10px 35px;
  text-align: center;
  margin-bottom: 0;
  background: transparent;
  border: 1px dashed #347AE2;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 150px;
}

.file>label i {
  font-size: 40px;
  color: #A8C7F5;
  display: block;
}

.dash-table {
  border-spacing: 0px 7px !important;
}

.dash-table tbody tr {
  margin: 5px auto;
  background: #F7F7F7 !important;
  border-radius: 8px;
}

.dash-table tbody>tr>td:first-child {
  border-radius: 8px 0 0 8px;
}

.dash-table tbody>tr>td:last-child {
  border-radius: 0 8px 8px 0;
}

.hiddenRow {
  padding: 0 !important;
  background: transparent !important;
}

.hiddenRow td {
  padding: 2px 0 !important;
}

.evaluator-tabs {
  border: 1px solid #dedede;
  border-radius: 100px;
  padding: 10px;
  overflow-x: auto;
  overflow-y: hidden;
  flex-wrap: nowrap;
}

.evaluator-tabs.nav-pills .nav-link {
  color: #636363;
  border-radius: 50px;
  padding: 15px 30px;
}

.evaluator-tabs.nav-pills .nav-link i {
  color: #F63F46;
  font-size: 18px;
}

.evaluator-tabs.nav-pills .nav-link.active {
  background-color: #F63F46;
  color: #ffffff;
}

.evaluator-tabs.nav-pills .nav-link.active i {
  color: #ffffff;
}

.document-tabs {
  overflow-x: auto;
  overflow-y: hidden;
  flex-wrap: nowrap;
  border-bottom: 1px solid #dedede;
}

.document-tabs .nav-link {
  color: #636363;
  text-transform: capitalize;
  border: 0 !important;
}

.document-tabs .nav-link.active {
  background-color: transparent;
  border-bottom: 2px solid #347AE2 !important;
  color: #347AE2;
}

.document-tabs .nav-link:focus,
.document-tabs .nav-link:hover {
  color: #347AE2;
  background-color: transparent;
  border: 0;
}

#myTabs::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

/* Track */
#mainTab::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
#mainTab::-webkit-scrollbar-thumb {
  background: #F63F46;
}

/* Handle on hover */
#mainTab::-webkit-scrollbar-thumb:hover {
  background: #F96D5A;
}

#documentTabs::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

/* Track */
#documentTabs::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
#documentTabs::-webkit-scrollbar-thumb {
  background: #F63F46;
}

/* Handle on hover */
#documentTabs::-webkit-scrollbar-thumb:hover {
  background: #F96D5A;
}

.patient-detail-box {
  background: #FFFFFF;
  border: 1px solid #D6D6D6;
  border-radius: 20px;
  padding: 20px 25px;
}

.img-view-box {
  background: transparent;
  border: 1px solid #E4E4E4;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 150px;
  padding: 10px 3px;
  position: relative;
}

.img-view-box a {
  position: absolute;
  top: 0px;
  right: 4px;
  left: auto;
  font-size: 12px;
}

.img-crop {
  width: 70px;
  height: 80px;
  overflow: hidden;
}

.img-view-box p {
  font-size: 12px;
  color: #9A9A9A;
}

@media (min-width: 992px) {
  .modal-custom {
    max-width: 1200px;
  }
}

/* Dashboard New */
.stats-icon {
  width: 70px;
  height: 70px;
  text-align: center;
  margin: 0 auto;
  background-color: #f4f4f7;
  border-radius: 50%;
  line-height: 90px;
  margin-bottom: 1rem;
}

.stat-widget h4 {
  font-size: 22px;
  line-height: 1.2;
  color: #2f2f2f;
}

.stat-widget p {
  font-size: 14px;
  line-height: 1;
  color: #767676;
  margin-bottom: 0;
}

.status-card {
  background: #FFFFFF;
  border-radius: 15px;
  padding: 30px;
}

.status-icon {
  width: 70px;
  height: 70px;
  text-align: center;
  background-color: #1F295A;
  border-radius: 10px;
  line-height: 90px;
  margin-bottom: 1rem;
}

.status-card h4 {
  font-size: 20px;
  line-height: 1.2;
  color: #2f2f2f;
}

.status-card p {
  font-size: 14px;
  line-height: 1;
  color: #8b8b8b;
  margin-bottom: 8px;
}

.status-card p span {
  color: #000000;
}


.agent-table table thead {
  background: #1F295A;
  color: white;
}

.agent-pic img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.fa-check {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #8bd083;
  color: white;
  font-size: 25px;
  padding-top: 6px;
}

.approve-check {
  background-color: #6dc311;
}

.reject-times {
  background-color: #fc6767 !important;
}

.fa-times {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #f04040;
  color: white;
  font-size: 25px;
  padding-top: 6px;
}

/* Profile-popup css */
.profile-header .img-holder {
  border-radius: 50%;
  width: 100px;
  height: 100px;
  overflow: hidden;
  box-shadow: 0px 1px 15.3px 2.7px rgba(43, 43, 43, 0.14);
}

.profile-header .img-holder img {
  width: 100%;
  height: 100%;
}

.profile-header h3 {
  font-size: 22px;
  color: #056fa6;
  font-weight: bold;
  line-height: 1.2;
  text-align: left;
}

.profile-header p {
  font-size: 14px;
  color: rgb(105, 105, 105);
  font-weight: bold;
  line-height: 1.2;
  text-align: left;
}

.profile-body {
  background-image: url("../images/bg-profile.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  padding: 1.5rem 1rem;
  border-radius: 5px;
  margin-top: 40px;
}

.profile-body .table {
  background-color: transparent;
}

.profile-body table tbody tr {
  background-color: transparent !important;
}

.profile-body .table td {
  color: #ffffff;
  border: 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
  text-align: left;
  padding: 5px 7px !important;
  vertical-align: top !important;
}

/* Upload image */
.text-theme-blue {
  color: #2194cf;
}

.uploaded-img {
  width: 100px;
  height: 100px;
  margin: 20px auto;
  overflow: hidden;
  border-radius: 50%;
  background-color: #f5f5f5;
}

.uploaded-img img {
  width: 100%;
  height: 100%;
}

/* Custom switcher */
.switcher-container span {
  color: #757575;
}

.switch {
  position: relative;
  display: block;
  width: 70px;
  height: 35px;
  background-color: #ccc;
  border-radius: 17px;
  overflow: hidden;
  margin: 0 7px;
}

.switch-bg {
  background-color: #e1e1e1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.switch input[type="radio"] {
  display: none;
}

.switch label {
  position: relative;
  z-index: 2;
  float: left;
  width: 18px;
  height: 35px;
  line-height: 34px;
  text-align: center;
  font-weight: bold;
  color: #333;
  cursor: pointer;
  transition: color 0.2s ease;
}

.switch input[type="radio"]:checked+label {
  color: #fff;
}

.switch .slider {
  position: absolute;
  top: 3px;
  left: 4px;
  width: 29px;
  height: 29px;
  background-color: #fff;
  border-radius: 15px;
  transition: transform 0.2s ease;
  z-index: 1;
  box-shadow: 0px 3px 1.92px 0.08px rgba(43, 43, 43, 0.07);
}

.switch input[type="radio"]:nth-child(1):checked~.slider+.switch-bg {
  background-color: #78ce1b;
}

.switch input[type="radio"]:nth-child(2):checked~.slider {
  transform: translateX(16px);
}

.switch input[type="radio"]:nth-child(3):checked~.slider {
  transform: translateX(32px);
}

.switch input[type="radio"]:nth-child(3):checked~.slider+.switch-bg {
  background-color: #ed1c24;
}

.overlay {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  background: #222;
  opacity: 0.5;
  z-index: 99999 !important;
}

.overlay__inner {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.overlay__content {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.spinner_load {
  width: 75px;
  height: 75px;
  display: inline-block;
  border-width: 2px;
  border-color: rgba(255, 255, 255, 0.05);
  border-top-color: #fff;
  animation: spin 1s infinite linear;
  border-radius: 100%;
  border-style: solid;
}

.error {
  color: red;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}


/* new tiles style  */
.tile_card {
  background: #FFFFFF;
  border: 1px solid #EFF0F2;
  box-shadow: 0px 2px 3px #E4E8F0;
  border-radius: 16px;
  width: 100%;
  min-width: 100%;
  margin-bottom: 16px;
}

.tiles_icons {
  border-radius: 13px;
  padding: 8px;
  width: 57px;
  height: 57px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tiles_icons_warning {
  background: #FFCC40;
  box-shadow: 5.14458px 10.2892px 30.8675px rgba(255, 204, 64, 0.4);
}

.tiles_icons_primary {
  background: #783EFD;
  box-shadow: 5.14458px 10.2892px 30.8675px rgba(111, 50, 255, 0.4);

}

.tiles_icons_primary {
  background: #783EFD;
  box-shadow: 5.14458px 10.2892px 30.8675px rgba(111, 50, 255, 0.4);

}

.tiles_icons_danger {
  background: #FE8F66;
  box-shadow: 5.14458px 10.2892px 30.8675px rgba(254, 143, 102, 0.4);
}

.tiles_icons_success {
  background: #50DFB2;
  box-shadow: 5.14458px 10.2892px 30.8675px rgba(80, 223, 178, 0.4);
}

.tiles_small_counts {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 3px 8px 3px 8px;
  background: rgba(104, 187, 36, 0.1);
  border-radius: 50px;
  font-size: 12px;
  color: #68BB24;
}

.tile_info_text {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #7F838B;
  text-align: end;
}

.tile_total_count {
  font-style: normal;
  font-weight: 800;
  font-size: 24px;
  line-height: 26px;
  color: #1A2526;
}
.tiles_small_counts_neg{
background: rgba(173, 99, 99, 0.1);
display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 3px 8px 3px 8px;
  border-radius: 50px;
  font-size: 12px;
  color: #DB4747;

}
.card_title_cs{
  border-left: 4px solid #009859;
  padding-left:8px;
  line-height: 24px;
}
.card_title_small{
  padding-left:12px;
}
.bg_info_cs{
  background-color: #E2FBE9;
}
.general_info_wrapper{
  background-color: #E2FBE9;
  border-radius: 12px;
}
.custom_table_print tbody tr td {
  border-bottom: 1px solid #dee2e6; /* Default Bootstrap table row border color */
}
.custom_table_print tbody tr:last-child td {
  border-bottom: unset; /* Default Bootstrap table row border color */
}
.form-control.btn-primary:focus{
  background: #01ba76;
}