@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/aWorkSans-BlackItalic.eot');
    src: url('../fonts/WorkSans-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/WorkSans-BlackItalic.woff2') format('woff2'),
        url('../fonts/WorkSans-BlackItalic.woff') format('woff'),
        url('../fonts/WorkSans-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-ExtraBoldItalic.eot');
    src: url('../fonts/WorkSans-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/WorkSans-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/WorkSans-ExtraBoldItalic.woff') format('woff'),
        url('../fonts/WorkSans-ExtraBoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-ExtraBold.eot');
    src: url('../fonts/WorkSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/WorkSans-ExtraBold.woff2') format('woff2'),
        url('../fonts/WorkSans-ExtraBold.woff') format('woff'),
        url('../fonts/WorkSans-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-Black.eot');
    src: url('../fonts/WorkSans-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/WorkSans-Black.woff2') format('woff2'),
        url('../fonts/WorkSans-Black.woff') format('woff'),
        url('../fonts/WorkSans-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-BoldItalic.eot');
    src: url('../fonts/WorkSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/WorkSans-BoldItalic.woff2') format('woff2'),
        url('../fonts/WorkSans-BoldItalic.woff') format('woff'),
        url('../fonts/WorkSans-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-Bold.eot');
    src: url('../fonts/WorkSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/WorkSans-Bold.woff2') format('woff2'),
        url('../fonts/WorkSans-Bold.woff') format('woff'),
        url('../fonts/WorkSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-ExtraLight.eot');
    src: url('../fonts/WorkSans-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/WorkSans-ExtraLight.woff2') format('woff2'),
        url('../fonts/WorkSans-ExtraLight.woff') format('woff'),
        url('../fonts/WorkSans-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-ExtraLightItalic.eot');
    src: url('../fonts/WorkSans-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/WorkSans-ExtraLightItalic.woff2') format('woff2'),
        url('../fonts/WorkSans-ExtraLightItalic.woff') format('woff'),
        url('../fonts/WorkSans-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-Italic.eot');
    src: url('../fonts/WorkSans-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/WorkSans-Italic.woff2') format('woff2'),
        url('../fonts/WorkSans-Italic.woff') format('woff'),
        url('../fonts/WorkSans-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-Italic_1.eot');
    src: url('../fonts/WorkSans-Italic_1.eot?#iefix') format('embedded-opentype'),
        url('../fonts/WorkSans-Italic_1.woff2') format('woff2'),
        url('../fonts/WorkSans-Italic_1.woff') format('woff'),
        url('../fonts/WorkSans-Italic_1.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-LightItalic.eot');
    src: url('../fonts/WorkSans-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/WorkSans-LightItalic.woff2') format('woff2'),
        url('../fonts/WorkSans-LightItalic.woff') format('woff'),
        url('../fonts/WorkSans-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-Light.eot');
    src: url('../fonts/WorkSans-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/WorkSans-Light.woff2') format('woff2'),
        url('../fonts/WorkSans-Light.woff') format('woff'),
        url('../fonts/WorkSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-Medium.eot');
    src: url('../fonts/WorkSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/WorkSans-Medium.woff2') format('woff2'),
        url('../fonts/WorkSans-Medium.woff') format('woff'),
        url('../fonts/WorkSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-Regular.eot');
    src: url('../fonts/WorkSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/WorkSans-Regular.woff2') format('woff2'),
        url('../fonts/WorkSans-Regular.woff') format('woff'),
        url('../fonts/WorkSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-SemiBold.eot');
    src: url('../fonts/WorkSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/WorkSans-SemiBold.woff2') format('woff2'),
        url('../fonts/WorkSans-SemiBold.woff') format('woff'),
        url('../fonts/WorkSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-SemiBoldItalic.eot');
    src: url('../fonts/WorkSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/WorkSans-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/WorkSans-SemiBoldItalic.woff') format('woff'),
        url('../fonts/WorkSans-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}



@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-ThinItalic.eot');
    src: url('../fonts/WorkSans-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/WorkSans-ThinItalic.woff2') format('woff2'),
        url('../fonts/WorkSans-ThinItalic.woff') format('woff'),
        url('../fonts/WorkSans-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-Regular_1.eot');
    src: url('../fonts/WorkSans-Regular_1.eot?#iefix') format('embedded-opentype'),
        url('../fonts/WorkSans-Regular_1.woff2') format('woff2'),
        url('../fonts/WorkSans-Regular_1.woff') format('woff'),
        url('../fonts/WorkSans-Regular_1.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.navigation-main li.active img {
    filter: brightness(0) invert(1);
}

body, a, p, h1, h2, h3, h4, span {

     font-family: 'Work Sans' !important;
} 

.mr-115 { margin-right:0.5rem ; }

td.action-btn img {width: 20px;}

.pb-10 {padding-bottom: 6px; }

/*.custom-switch .custom-control-label::after {top: calc(0.225rem + 2px) ; left: calc(-3.8rem + 2px) !important;}*/

.custom-radio .custom-control-label::before {top: 1rem !important; }

.flatpickr-input[readonly] {cursor: pointer; background-color: transparent !important; }


.demo-inline-spacing .custom-control.custom-radio {margin-top: 0; }

.demo-inline-spacing .custom-control.custom-radio label {margin-top:0px;}



.logo {position: absolute; top: 20px; left: 30px; mix-blend-mode: multiply; }

.logo img {width: 125px; }


label.custom-control-label.top-1rem:before {top: 0.5rem !important; }

label.custom-control-label.top-1rem:after {top: 0.5rem; }

.mt-13px {margin-top: 13px !important; }

.form-control {border: 1px solid #d8d6de !important; }

.select2-container--default .select2-selection--multiple {border: 1px solid #D8D6DE !important; }

.manage-role .card.card-header.bg-white {min-height: 305px; }

.header-navbar .navbar-container ul.navbar-nav li.dropdown-user .dropdown-menu {width: 13rem !important; }

.form-group.manage-role-check .custom-checkbox .custom-control-input {left: initial !important;right: 0 !important;}

.form-group.manage-role-check .custom-checkbox label.custom-control-label:before {left: initial !important;right: 0;}

.form-group.manage-role-check .custom-checkbox label.custom-control-label:after {right: 0 !important;left: initial;}

.form-group.manage-role-check .custom-control.custom-checkbox {padding: 0; }

.text-white {color: #ffffff;}

.w-24 {width: 24px;}

.table-bordered th, .table-bordered td {border: 0 !important;}

table thead tr th {background: transparent !important;color: #3c3c3c;}
table thead tr th:before{
    display: none !important;
}
table thead tr th:after{
    display: none !important;
}
.btn-primary:hover:not(.disabled):not(:disabled) {box-shadow: 0 8px 25px -8px #1468d9 !important; }

button.btn.btn-primary {background: #1468D9 !important;border: 1px solid #1468D9 !important;}


table.table-bordered.dataTable thead tr { background: #e7f0fb; }

.page-item.active .page-link {background-color: #1468d9 !important }

.table thead th, .table tfoot th { font-size: 1rem !important; }

table.table-bordered.dataTable {border: 0; }

.custom-control-input {position: static;opacity: 1; z-index:1;}

.fs-16 {font-size: 16px !important;}

.border-bottom-1 {border-bottom: 1px solid #d5d5d5; }

a{text-decoration: none !important;}

.form-switch .form-check-input {width: 2.8em !important; height: 21px; margin-left: -2.5em; background-position: left center; border-radius: 2em; transition: background-position .15s ease-in-out; }


.custom-control.custom-switch {padding: 0 !important; margin: 0 !important; }

/*.custom-switch .custom-control-input:checked~.custom-control-label::after {background-color: #FFF; -webkit-transform: translateX(2rem); -ms-transform: translateX(2rem); transform: translateX(26px) !important; }*/

.custom-control.custom-switch {padding: 0 !important;  margin: 0 !important;}
/*.custom-switch .custom-control-label::after {transform: translate(7px, -1px);}*/


/*.custom-switch .custom-control-label {padding-left: 0 !important;}*/

.custom-control-input:checked~.custom-control-label::before {color: #FFF; border-color: #1468d9 !important; background-color: #1468d9 !important; }
/* custom */
a{
    color: #1468d9;
}
a:hover{
    color: #0a56bd;
}
.btn-primary:focus, .btn-primary:active, .btn-primary.active {
    color: #fff;
    background-color: #0a56bd !important;
}
.custom-control-label::before,.custom-control-label::after{
    content:none
}

.custom-control-input:checked~.custom-control-label::before {color: #FFF; border-color: #1468d9 !important; background-color: #1468d9 !important; }


.custom-checkbox.custom-control, .custom-radio.custom-control{
    padding-left: 0;
}
.dropdown-item:focus, .dropdown-item:hover{
    color: #1468d9;
    background-color: rgb(20 104 217 / 12%);
}
.dropdown-item.active, .dropdown-item:active{
    background-color: #1468d9;
    color: white !important;
}
/* custom css ends */
.button_export{
    background: #1468d9;
    border: 1px solid #1468d9;
    color: #ffffff;
    display: flex;
    padding: 3px 20px 5px 20px;
    border-radius: 5px;
    margin-right: 10px;
    align-items: center;
}
.export_button_header{
display: flex;
    justify-content: end;
    align-items: center;
}
.button_export .ri-file-transfer-fill{
    margin-right: 6px;
    margin-top: 2px;
}
.button_export .ri-filter-2-fill{
    margin-right: 6px;
    margin-top: 2px;
}
.export_button_header select{
    width: 200px;
    margin-right: 10px;
}
.card-header .custom-control-label{
    margin-top: 0px;
}
.card-header .switch-icon-left{
    margin-top: -2px;
}
.card-header .switch-icon-right{
    margin-top: -2px;
}
.dashboard-top-performers-bg{
    background: #fff;
    padding: 20px 20px 20px 20px;
    box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);
}
#dashboard-top-performers h5{
    color: #5e5873;
    font-size: 22px;
    margin-bottom: 25px;
}
#dashboard-top-performers .nav-tabs .nav-link.active{
    color: #fff;
    background: #3179db;
    box-shadow: 0 16px 26px -10px rgb(63 106 216 / 56%), 0 4px 25px 0 rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(63 106 216 / 20%);
    border-radius: 6px;
}
#dashboard-top-performers .nav-tabs .nav-link:hover{
    color: #fff;
    background: #3179db;
    box-shadow: 0 16px 26px -10px rgb(63 106 216 / 56%), 0 4px 25px 0 rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(63 106 216 / 20%);
    border-radius: 6px;   
    transition: background-color .3s ease,color .3s ease;
}
#dashboard-top-performers .nav-tabs .nav-link:hover::before{
    transform: scale(1);
    border-radius: 0.25rem;
    opacity: 1;
}
#dashboard-top-performers .nav-tabs .nav-link{
    color: #716c6e;
    padding: 7px 20px 9px 20px;
    margin-right: 10px;
    font-size: 14px;
    /*box-shadow: 0 16px 26px -10px rgb(63 106 216 / 56%), 0 4px 25px 0 rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(63 106 216 / 20%);*/
}
#dashboard-top-performers .nav-tabs .nav-link:after {
    height: 2px;
    background:transparent !important;
}
.dashboard-top-performers-bg .table thead  th{
        font-size: 16px !important;
    border: transparent !important;
}
.dashboard-top-performers-bg .table tbody td{
        font-size: 16px !important;
    border: transparent !important;
}
.top-performers-view-all{
    display: flex;
    align-items: center;
    justify-content: end;
}
.top-performers-view-all a{
    display: flex;
    align-items: center;
    color: #1468d9;
    font-size: 18px;
}
.top-performers-view-all a .ri-arrow-right-s-line{
    font-size: 21px;
}
.manage_action_btn img{
    margin-top: -10px;
}
.manage_action_btn .ri-eye-line{
    position: relative;
    top: 0px;
    color: #6aaa38;
    font-size: 18px;
}
.active_button_blue{
    background: transparent;
    border: transparent;
    color: #1468d9;
    font-size: 16px;
}
.badge.badge-light-primary {
    background-color: rgba(115, 103, 240, 0.12);
    color: #90B83E !important;
    border: transparent;
}


.select2-container--default .select2-results>.select2-results__options {
    max-height: 150px !important;
    overflow-y: auto;
}


.card.card-header.bg-white.table-responsive {
    padding-bottom: 90px;
}



.profile_photo_new_class .profile-pic-wrapper {
    height: auto;
    width: 100%;
    position: relative;
}
.profile_photo_new_class .pic-holder {
  text-align: center;
  position: relative;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}

.profile_photo_new_class .pic-holder .pic {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.profile_photo_new_class .pic-holder .upload-file-block,
.profile_photo_new_class .pic-holder .upload-loader {
  position: absolute;
  top: -10px;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(90, 92, 105, 0.7);
  color: #f8f9fc;
  font-size: 12px;
  font-weight: 600;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}

.profile_photo_new_class .pic-holder .upload-file-block {
  cursor: pointer;
}

.profile_photo_new_class .pic-holder:hover .upload-file-block,
.profile_photo_new_class .uploadProfileInput:focus ~ .upload-file-block {
  opacity: 1;
}

.profile_photo_new_class .pic-holder.uploadInProgress .upload-file-block {
  display: none;
}

.profile_photo_new_class .pic-holder.uploadInProgress .upload-loader {
  opacity: 1;
}

/* Snackbar css */
.profile_photo_new_class .snackbar {
  visibility: hidden;
  min-width: 250px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 30px;
  font-size: 14px;
  transform: translateX(-50%);
}

.profile_photo_new_class .snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}


.performers-card-2nd {
      background-image: linear-gradient(#9eeaff, transparent);
      margin-top: 20%

}

.performers-card-1st{
    background-image: linear-gradient(#97c4ff, transparent);
    
}
body,.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
   
    color: #413e4a;
}
.performers-card-3rd{
    background-image: linear-gradient(#d3edbf, transparent);
    margin-top: 40%
    
}
.performers-card {
    height: 100%;
    border-radius: 12px;

    padding:10px;
}
.badge-performers{
    background-color: #fff;
    border-radius: 100%;
    width: 45px;
    font-size:20px;
    color: #000;
    height: 45px;
    display: inline-flex;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.performer-district-names{
    font-size: 14px;
    margin-top: 10px
}
.performers-scores{
    font-size: 20px;
    font-weight: bold
}
.dashboard-top-performers-bg *.col-4{
    padding-left: .5rem;
    padding-right:.5rem;
}
.link{
    display: flex;
    align-items: center;
    color: #1468d9;
}
.link-with-icon-right span{
    margin-right: 10px
}
.custom-switch .custom-control-label::after {
    top: calc(0rem + 2px) !important;
    left: calc(-3.6rem + 2px) !important;
    width: 1.3rem !important;
    height: 1.3rem !important;
}
.err_mobile
{
    color:red !important;

}
.flatpickr-calendar.open {
    display: inline-block;
    z-index: 9 !important;
}



.demo-inline-spacing_loader {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 99999;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    backdrop-filter: blur(3px);
}


.spinner-border {
    width: 2.5rem;
    height: 2.5rem;

}

.button_export_green{
    background: #6AAA38;
    border: 1px solid #6AAA38;
    color: #ffffff;
    display: flex;
    padding: 3px 20px 5px 20px;
    border-radius: 5px;
    margin-right: 10px;
    align-items: center;
}

.custom-select-new {margin-top:1%; border: 0px; padding: 10px 15px 10px 10px;  border-radius: 5px;  font-size: 14px;}

.dt-buttons{position: relative;}
.dt-buttons div.dt-button-collection {top: 11px!important; position: relative;}

.dt-buttons div.dt-button-collection div{box-shadow: none!important; margin-top: 10px;}
.dt-buttons div.dt-button-collection div button {
    background:#1468d9;
    border:1px solid #1468d9; outline: none; border-radius: 5px; font-size: 14px; padding: 3px 15px; color: #fff;}
.custom-select-new span.dt-down-arrow {margin: 0 0 0 15px;}

/* custom - dhaval */

.no-data-found {
    padding: 20px;
    background-color: #f8f9fa; /* Light grey background */
    border-radius: 8px; /* Rounded corners */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow */
}

.no-data-found h4 {
    font-size: 18px;
    font-weight: bold;
    color: #333; /* Darker text color */
    margin-bottom: 10px;
}

.no-data-found p {
    font-size: 14px;
    color: #666; /* Grey text color */
}

.loader_section {
    /* display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    background-color: #f8f9fa;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 20px; */

    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 99999;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
}

.spinner_section {
    border: 4px solid #1468D9;
    border-top: 4px solid #FFFFFF;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
}

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



.note-editable .table-bordered th,
.note-editable .table-bordered td,
.note-editable table th,
.note-editable table td,
.note-editable table tr,
.note-editable table {
  border: 1px solid #3a3535 !important;  /* Override the zero border */
  border-collapse: collapse;
}