/* latin-ext */
@font-face {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 100 800;
    font-display: swap;
    src: url(../images/xMQbuFFYT72XzQspDre2.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 100 800;
    font-display: swap;
    src: url(../images/xMQbuFFYT72XzQUpDg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body{
    overflow-x: hidden;
}

:root {
    --bs-primary: #f78f35;
    --bs-btn-bg: #f78f35;
}

.btn-primary{
    background:var(--bs-primary);
    border: var(--bs-primary);
}

.btn-primary:hover{
    background: #fcb53e;
    border-color: #fcb53e;
}

.btn-primary:disabled{
    background: #fcb53e;
    border-color: #fcb53e;
}

.btn-primary:focus-visible, .btn-primary:active{
    background: #fcb53e ;
}

:not(.btn-check) + .btn:active{
    background: #f78f35;
}

.nav-tabs .nav-link{
    border: none;
}

.btn-primary:focus{
    background: #fcb53e ;
}

body{
    background: #efefef;
    font-family: "Sora", sans-serif;
    font-optical-sizing: auto;
}

.login{
    background: url("/images/login-bg.png")  #056262;
    height: 100vh;
    display: flex;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: -60px center;
    align-items: center;
}
.login .logo{
    text-align: center;
    margin-bottom: 50px;
}
.login .logo img{
    width: 500px;
    margin: auto;
}
.login-bg{
    background: #ffffff;
    padding: 40px;
    border-radius: 20px;
}

.loginContent h2{
    font-size: 44px;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 60px;
}

.table{
    font-size: 14px;
    margin-top: 0px !important;
}

.table td{
    padding: 10px !important;
}

.tab-pane{
    padding: 10px;
}

.table .btn-sm{
    font-size: 11px;
    padding: 2px 13px;
}

.loginContent .logoIcon{
    margin-bottom: 20px;
}

.headerCards .card{
    margin-bottom: 20px;
    border: none;
}
.headerCards .card p{
    padding-bottom: 0px;
    margin-bottom: 0px;
}

a{
    text-decoration: none;
    color: #229e82;
}
.headerCards .card img{
    margin-bottom: 10px;
}

.nav-tabs .nav-link.active{
    border-color: #fff !important;
    padding: 10px 34px;
    font-size: 15px;
}

.headerCards .card h3{
    margin: 0px;
    padding: 0px;
    color: #229e82;
    font-weight: 600;
}

h2{
    font-size: 20px;
    margin-bottom: 10px;
}

.dashboardCards .card{
    min-height: 360px;
}

.form-select{
    font-size: 14px;
}

.bg-new{
    background: linear-gradient(90deg, #229E82 0%, #0C382E 100%);
    margin-bottom: 20px;
}
.bg-new .nav-link{
    padding-top: 10px;
    padding-bottom: 10px;
}

.bg-new h4{
    font-size: 16px;
}

.leftMenu{
    height: 90vh;
    padding: 10px;
    box-shadow: 3px 5px 16px #229e822e;
}

.leftMenu ul{
    list-style: none;
    font-size: 14px;
}

.leftMenu ul li{
    padding: 10px 15px;
}

.leftMenu ul li a{
    border: none;
    color: #000000;
}

.leftMenu ul li i{
    color: #229e82;
    padding-right: 10px;

}

.rightPanel{
    padding: 20px;
}

.pushLeft{
    margin-left: 17vw;
}

.form-control:focus{
    border-color: #e6fdf7;
    box-shadow: 0 0 0 0.25rem rgb(230 253 247 / 50%);
}
.form-select:focus{
    border-color: #e6fdf7;
    box-shadow: 0 0 0 0.25rem rgb(230 253 247 / 50%);
}


.breadcrumb{
    font-size: 13px;
}

.rightPanel h3{
    margin-bottom: 0px;
    padding-bottom: 0px;
    font-size: 20px;
    font-weight: 600;
}
.rightPanel ol{
    margin-bottom: 0px;
}

.treeList ul{
   display: flex;
    flex-direction: column;
    height: 100%;
}

.rightPanel .card{
    border: none;
    box-shadow: 0px 3px 4px 0px rgba(0,0,0,.03);
    background-color: #ffffff;
    border-radius: .75rem;
    border: 1px solid #f1f1f4;
}

.rounded-new{
    background: #efefef;
    border-radius: 40px;
    padding:2px;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.rounded-new img{
    width: 16px;
}

.form-card{
    background: #ffffff;
    border-radius: 5px;
    padding: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 0px 3px 4px 0px rgba(0,0,0,.03);
}

.page-container{
    padding-top: 66px;
}

.bg-new{
    background: #229E82;
}

.bg-tran-white{
    background: #FFFFFF;
}

.bg-new .active-tab{
    color: #000000 !important;
    background: #ffca43;
    font-weight: 600;
    background: linear-gradient(180deg, #FFCA43 84.44%, #997928 100%);
}

.bg-new .nav-link:hover{
    color: #000000 !important;
    background: linear-gradient(180deg, #FFCA43 84.44%, #997928 100%);
    font-weight: 600;
}

.bg-new .nav-link{
    padding: 10px 30px;
    font-weight: 600;
}


.listView{
    font-size: 15px;
}


.btn{
    font-size: 13px;
}


.alert{
    padding: 10px;
    font-size: 13px;

}
.treeList ul{
    padding-left: 1rem;
}

.treeList ul li:hover{
    background: #ffffff;
    border-radius: 30px;
}

.treeList ul li.active{
    background: #ffffff;
    border-radius: 30px;
}

.treeList ul li img{
    transform: translateY(-3px);
}

.rotateAni img{
    animation: rotateImage 4s linear infinite;
}
@keyframes rotateImage {
    0% {
        transform: rotate(0deg); /* Start at 0 degrees */
    }
    100% {
        transform: rotate(360deg); /* Rotate to 360 degrees */
    }
}

.form-select{
    --bs-form-select-bg-img: url('/images/arrow.svg');
}

.form-check-input:checked[type=checkbox]{
    --bs-form-check-bg-image: url('/images/check-icon.svg');
}

.error {
    font-size: 12px;
    padding-top: 4px;
    color: #dc3545;
}

.doughnutChart{
    margin: auto;
}

.text-primary{
    color: #229e82 !important;
}

.modal-header h5{
    color: #229e82;
}

.bg-new .nav-link{
    color: #fff;
}

.nav-link{
    color: #229e82;
}


.nav-link:hover, .nav-link:focus {
    color: #229e82 !important;
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm){
    color: #ffffff !important;
    background-color: #f78f35 !important;
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):focus-visible{
    box-shadow: none;
}

#doughnutChart{
    margin: auto;
}

.page-link.active, .active > .page-link{
    background-color: #229e82;
    border-color: #229e82;
}

.page-link{
    color: #229e82;
}

.page-link:focus{
    color: #229e82;
}

.filter-bg{
   background: rgb(255 255 255 / 77%);
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 6px;
}

input[type=checkbox]{
    transform: scale(1.2);
}

.userIcon img{
    width: 20px;
}

.userIcon{
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    background: #e6fdf7;
    border-radius: 40px;
    margin-right: 10px;
}

.empId{
    font-size: 11px;

}

.profileDrop .dropdown-toggle::after{
    display: none;
}

.profileDrop a{
    color: #000000 !important;
}

.page-heading h3{
    padding-right: 20px;
    font-size: 18px;
}
.page-heading .btn{
    height: 30px;
}
table p{
    margin-bottom: 0;
}

.bigCard{
    /* background: linear-gradient(180deg, #FFCA43 84.44%, #997928 100%); */
    background: linear-gradient(180deg, #FFF 84.44%, #bebebd 100%);
    /* background: #FFF;    */
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    width: 100%;
    border-radius: 8px;
    margin-bottom: 20px;
    font-weight: 600;

}

.bigCard h2{
    font-weight: 600;
    margin-bottom: 0px;
    padding-bottom: 0px;
    font-size: 30px;
}

.bigCard p{
    margin-bottom: 0px;
    padding-bottom: 0px;
    font-size: 15px;
    font-style: bold;
    color: #051b11;
    transition: 0.5s ease all;
}

.bigCard .cardBox{
    border-right: 1px solid #937424;
    padding: 20px 2px;
    transition: 0.5s ease all;
}

.bigCard .cardBox:last-child{
    border: none;
}
.bigCard .Yellow{
    h2{
        color: #f78f35 !important;
    }
}
.bigCard .col-6{
    h2{
        color: #229E82 !important;
    }
    p{
        font-size: 13px;
    }
}
.smallCard{
    background: #fff;
    width: 100%;
    border-radius: 8px;
    margin-bottom: 0px;
    padding: 20px;
}

.smallCard h3{
    font-size: 18px;
    padding-bottom: 10px;
}

.smallCard .listView{
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
    padding-top: 8px;
    border-bottom: 1px solid #efefef;
    line-height: 30px;
}

.smallCard .listView:last-child{
    border-bottom: none;
}

.smallCard .listView .value{
    font-weight: 600;
    background: #ffca43;
    padding: 4px;
    border-radius: 7px;
    color: #000000;
    height: 25px;
    line-height: 18px;
}

.topDash{
    background: #229E82;
}

.invert{
    background: #000000 !important;
    color: #fff !important;
}

.listView ul{
    padding-left: 0px;
    margin-left: 0px;
    list-style: none;
    width: 100%;
    
}

.listView ul li{
    width: 100%;
    list-style: none;
    display: inline-block;
}

.listView ul li .value{
    float: right;
    background: #229e82 !important;
    color: #fff !important;
}
.listView ul li .label{
    font-size: 14px !important;
    font-weight: normal !important;
}

.listView .label{
    font-weight: 600;
    font-size: 16px;
}

#backToTopBtn {
    display: none; /* Hidden by default */
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 100;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #333;
    color: white;
    cursor: pointer;
    padding: 10px 15px;
    border-radius: 4px;
}

#backToTopBtn:hover {
    background-color: #555;
}

 .table-fixed-header {
      height: 600px; /* Set the desired height */
      overflow-y: auto;
      display: block;
    }

    .table-fixed-header thead th {
      position: sticky;
      top: 0;
      background-color: #f8f9fa; /* Matches Bootstrap table header color */
      z-index: 2;
    }

    .table-fixed-header table {
      width: 100%;
      border-collapse: separate;
    }