.forgotScreen {
    height: 100vh;
    background: #F5F5F5;
}

.boxForgot {
    border-radius: 10px;
    border: 1px solid var(--6, #F4F5F6);
    background: #FFF;
    box-shadow: 0px 10px 110px 1px rgba(59, 59, 59, 0.08);
    height: 580px;
    padding: 49px 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.boxForgot .box01 {
    width: 446px;
    margin: 0 auto;
}

.logoforgot {
    margin: 0 auto;
    width: 346px;
    height: 72.805px;
}

.boxForgot h2 {
    color: #19B3B5;
    font-family: Poppins;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
}

.boxForgot p {
    color: #313131;
    text-align: center;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 27px;
    /* 150% */
}

.mb-33 {
    margin-bottom: 33px;
}

.label01 {
    color: var(--primary-dark-1, #242731);
    font-family: 'Poppins';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 12px !important;
}

.formC01 {
    border-radius: 10px;
    border: 0.3px solid #000;
    display: flex;
    padding: 0px 21px;
    align-items: center;
    gap: 10px;
    height: 59px;
}

.label01 {
    color: var(--primary-dark-1, #242731);
    font-family: 'Poppins';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 12px !important;
}

.formC01 {
    border-radius: 10px;
    border: 0.3px solid #000;
    display: flex;
    padding: 0px 21px;
    align-items: center;
    gap: 10px;
    height: 59px;
    color: #313131;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.formC01::placeholder {
    color: #313131;




}

.btnSubmit {
    border-radius: 16px;
    border: 1px solid #19B3B5;
    display: flex;
    width: 100%;
    height: 59px;
    padding: 19px 21px 19px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    background: #19B3B5;
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    /* 25.2px */
    letter-spacing: 0.18px;
    text-transform: uppercase;
}

form#forgot-form label.error {
    color: #B11B1B;
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 450;
    line-height: 140%;
    /* 18.2px */
    letter-spacing: 0.13px;
    text-align: center;
    display: block;
    margin-top: 30px;
}

.form-control:focus {
    border: 0.3px solid #000;
}

.otpContainer {
    display: flex;
    gap: 16px;
}

.otpContainer input.form-control.otp-input {
    border: 1px solid #313131;
    width: 98.863px;
    height: 106.297px;
    flex-shrink: 0;
    border-radius: 15px;
    color: #313131;
    text-align: center;
    font-family: Nunito;
    font-size: 35.31px;
    font-style: normal;
    font-weight: 500;
    line-height: 44.138px;
    /* 125% */
}

.forgot {
    color: #19B3B5;
    margin-top: 20px;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: block;
    text-align: right;
    text-decoration: none;
}

.resendBox {
    text-align: center;
    padding-top: 6px;
}

.resend {
    color: #EF6286;
    text-align: center;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration-line: underline;
    padding-top: 6px;
    /* display: block; */
}

.resendBox .expire {
    color: #313131;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    margin-top: 8px;
}

.changepassword label.error {
    text-align: -webkit-match-parent;
    color: #B11B1B;
    font-family: "Circular Std";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 18.2px */
    letter-spacing: 0.13px;
    margin-top: 5px;
    /* position: absolute; */
}

.formC01.error {
    border: 0.3px solid #B11B1B;
    color: #B11B1B;
}

.formC01.error::placeholder {
    color: #B11B1B;
}


.tabs01 ul {
    border-bottom: 1px solid rgba(49, 49, 49, 0.30);
    width: 100%;
    margin-bottom: 24px;
}

.tabs01 ul li.nav-item {
    width: 50%;
}

.tabs01 ul li.nav-item button.nav-link.active {
    border-bottom: 6px solid #19B3B5;
    color: #19B3B5;
    text-align: center;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    background: initial;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    /* padding-left: 0; */
    /* padding-right: 0; */
    /* text-align: center; */
}

.tabs01 ul li.nav-item button.nav-link:hover {
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    transition: none;
}

.tabs01 ul li.nav-item button.nav-link:active {
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    transition: none;
    box-shadow: none;
}


.tabs01 ul li.nav-item button.nav-link {
    width: 100%;
    color: rgba(49, 49, 49, 0.50);
    text-align: center;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    border-bottom: 6px solid #19b3b500;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 15px;
}

.tabs01 .dataTables_length {
    display: none;
}

.tabs01 table {
    border-radius: 16px;
    background: var(--White, #FFF);
    /* box-shadow: 0px 3.5px 16px 0px rgba(238, 238, 238, 0.50); */
    /* overflow: hidden; */
}

.tabs01 table thead {
    border-radius: 16px 16px 0px 0px;
    background: #EEE;
}

.tabs01 .dataTables_scroll {
    border-radius: 16px;
    background: var(--White, #FFF);
    /* box-shadow: 0px 3.5px 16px 0px rgba(238, 238, 238, 0.50); */
    overflow: hidden;
}

.tabs01 .dataTables_empty {
    width: 100%;
    padding-top: 280px;
    border-bottom: 0 !important;
    text-align: center;
    position: relative;
    color: rgba(49, 49, 49, 0.60);
    text-align: center;
    font-family: Poppins;
    font-size: 15.8px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    position: absolute;
}
.cursor-pointer {
    cursor: pointer;
}
div#chartPie {
    margin-top: 10px;
}

.dataTables_empty:before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='124' height='89' viewBox='0 0 124 89' fill='none'%3E%3Cpath d='M49.0107 19.7722C47.1108 19.7722 45.6192 18.1396 45.8007 16.2528L45.8914 15.3603C46.0672 13.6599 44.7288 12.1855 43.0103 12.1855H16.0314C14.3696 12.1855 12.9801 13.4453 12.8213 15.0891L5.68099 84.7865C5.4995 86.6733 6.99109 88.3058 8.89102 88.3058H93.8944C95.5562 88.3058 96.9457 87.0461 97.1045 85.4022L103.366 24.3027C103.615 21.8792 101.704 19.7778 99.2596 19.7778H49.0051L49.0107 19.7722Z' fill='%23EBF2FB'/%3E%3Cpath d='M97.1102 85.4015L100.388 53.4112L97.9609 28.1263C97.7907 26.3581 96.3048 25.0137 94.524 25.0137H11.8062L5.68101 84.7914C5.51654 86.4974 6.72455 87.9944 8.36359 88.2599C8.51672 88.2825 8.66985 88.2994 8.82865 88.3051C8.85134 88.3051 8.86835 88.3051 8.89104 88.3051H93.8945C95.5562 88.3051 96.9457 87.0453 97.1045 85.4015H97.1102Z' fill='%23D7E0EB'/%3E%3Cpath d='M93.2817 88.3056H8.27825C6.61652 88.3056 5.22702 87.0458 5.06822 85.402L0.0149732 32.742C-0.166513 30.8552 1.32507 29.2227 3.225 29.2227H88.2284C89.8902 29.2227 91.2797 30.4824 91.4385 32.1262L96.4917 84.7862C96.6732 86.673 95.1816 88.3056 93.2817 88.3056Z' fill='%23EBF2FB'/%3E%3Cpath d='M97.957 1V12.298' stroke='%2319B3B5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M108.659 15.0429L116.718 7.01562' stroke='%2319B3B5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M110.956 25.0078H122.298' stroke='%2319B3B5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    width: 140px;
    height: 100px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 49px;
}

.tabs01 table thead tr th {
    background: #EEE;
    color: #000;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    text-align: center;
}

.tabs01 table tbody tr td {
    color: #000;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 21px;
    border-bottom: 1px solid #D9D9D9;
    text-align: center;
    vertical-align: middle !important;
}

.table001 {
    padding-bottom: 60px;
    background: #fff;
    min-height: 636px;
    border-radius: 16px;
    position: relative;
}

.table001 .dataTables_paginate .previous {
    z-index: 9999;
    cursor: pointer;
    /* position: absolute; */
    right: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14.6252 18L15.7002 16.925L10.7502 11.975L15.7002 7.02501L14.6252 5.95001L8.6002 11.975L14.6252 18Z' fill='%230F345A'/%3E%3C/svg%3E");
    font-size: 0;
    width: 20px;
    height: 20px;
    background-position: center;
    display: inline-block;
    order: 2;
}

.borderField {
    border: 0.5px solid rgba(49, 49, 49, 0.30) !important;
    border-radius: 10px;
}

.table001 .dataTables_paginate .next {
    z-index: 9999;
    cursor: pointer;
    /* position: absolute; */
    right: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9.3748 18L8.2998 16.925L13.2498 11.975L8.2998 7.02501L9.3748 5.95001L15.3998 11.975L9.3748 18Z' fill='%230F345A'/%3E%3C/svg%3E");
    font-size: 0;
    width: 20px;
    height: 20px;
    background-position: center;
    display: inline-block;
    order: 3;
}


.table001 .dataTables_paginate {
    display: flex;
    align-items: center;
    position: relative;
    bottom: 0px;
    left: 0;
    width: 100%;
    padding-top: 10px;
    padding-left: 20px;
    background: #fff;
    padding-bottom: 6px;
}

.table001 .dataTables_paginate span {
    order: 1;
    padding-right: 10px;
}

.table001 .dataTables_paginate span a {
    color: #000;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 21px;
    /* 131.25% */
    text-decoration: none;
    padding: 0 4px;
}

.table001 .dataTables_info {
    display: none;
}

.table001 {
    overflow-x: scroll !important;
}

.table001::-webkit-scrollbar {
    display: block !important;
    width: 5px;
    height: 5px;
    background-color: #cacaca;
}

.table001::-webkit-scrollbar-thumb {
    width: 5px;
    height: 5px;
    background-color: #19B3B5;
}

.table001::-webkit-scrollbar-track {
    width: 5px;
    height: 5px;
    background-color: #cacaca;
}

.table001 table::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: #cacaca;
}

.table001 table::-webkit-scrollbar-thumb {
    width: 5px;
    height: 5px;
    background-color: #19B3B5;
}

.table001 table::-webkit-scrollbar-track {
    width: 5px;
    height: 5px;
    background-color: #cacaca;
}

.table001 .dataTables_scrollBody {
    min-height: 536px !important;
}

.table001::-webkit-scrollbar {
    display: none;
}

.table001 .dataTables_scrollBody::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: #cacaca;
}

.table001 .dataTables_scrollBody::-webkit-scrollbar-thumb {
    width: 5px;
    height: 5px;
    background-color: #19B3B5;
}

.table001 .dataTables_scrollBody::-webkit-scrollbar-track {
    width: 5px;
    height: 5px;
    background-color: #cacaca;
}

.table001 table th {
    text-align: start !important;
    min-width: 170px !important;
    padding: 15px;
}

.table001 table th:last-child {
    min-width: 20px !important;
}

.table001 table td {
    width: 277px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 230px !important;
    max-width: 230px !important;
    text-align: start !important;
    padding: 15px;
    font-family: Poppins;


}

.table001 table td:last-child {
    min-width: 0px !important;
    padding-left: 0px !important;
    padding-right: 20px !important;
}

.btn__liss i {
    color: #979797;
}

.table001 thead th {
    min-width: 170px !important;
    text-align: start;
}

.table001 thead th:last-child {
    min-width: 0px !important;
}


.iconbtn {
    background: initial;
    border: initial;
    padding: 0;
    width: 40px;
    height: 40px;
}

.iconbtn:hover {
    background: initial;
    border: initial;
    padding: 0;
}

.tabs01 table tbody tr td:last-child .iconbtn:last-child {
    margin-left: 40px;
}

.iconbtn:active {
    background: #fff !important;
}

input.searchbar {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.9107 14.7205H15.2313L14.9905 14.4883C16.0225 13.2843 16.5557 11.6417 16.2633 9.89589C15.8591 7.50509 13.8639 5.59589 11.4559 5.30349C7.81809 4.85629 4.75649 7.91789 5.20369 11.5557C5.49609 13.9637 7.40529 15.9589 9.79609 16.3631C11.5419 16.6555 13.1845 16.1223 14.3885 15.0903L14.6207 15.3311V16.0105L18.2757 19.6655C18.6283 20.0181 19.2045 20.0181 19.5571 19.6655C19.9097 19.3129 19.9097 18.7367 19.5571 18.3841L15.9107 14.7205ZM10.7508 14.7205C8.60944 14.7205 6.88084 12.9919 6.88084 10.8505C6.88084 8.7091 8.60944 6.9805 10.7508 6.9805C12.8922 6.9805 14.6208 8.7091 14.6208 10.8505C14.6208 12.9919 12.8922 14.7205 10.7508 14.7205Z' fill='%23313131'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center right 3%;
    display: flex;
    height: 50px;
    padding: 12.9px 17.2px 12.9px 24px;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    box-shadow: 0px 3.2px 16px 0px rgba(238, 238, 238, 0.50);
    width: 293px;
    margin-left: auto;
    overflow: hidden;
    color: rgba(49, 49, 49, 0.60);
    font-feature-settings: 'clig' off, 'liga' off;
    text-overflow: ellipsis;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 17.2px;
    /* 107.5% */
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

.btn001 {
    display: flex !important;
    width: 50%;
    height: 50px;
    padding: 4.625px 4.353px !important;
    justify-content: center;
    align-items: center;
    gap: 2.721px;
    border-radius: 10px !important;
    border: 0.442px solid #19B3B5 !important;
    background: #19B3B5 !important;
    color: #fff !important;
    color: #FFF;
    text-align: center !important;
    font-family: Poppins;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal !important;
    text-transform: uppercase;
}

.btnTopSearch {
    display: flex;
    gap: 24px;
    width: 100%;
}

.employeesearch input.searchbar {
    width: 100%;
}

.row>* {
    padding-right: 12px;
    padding-left: 12px;
}



.modalUiaddEdit .modal-dialog {
    max-width: 739px;
}

.modalUiaddEdit .modal-dialog .modal-content {
    border-radius: 16px;
    background: #FFF;
    padding: 15px 20px;
}

.modalUiaddEdit .modal-dialog .modal-content h5 {
    color: #19B3B5;
    text-align: center;
    font-family: Poppins;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: block;
    text-align: center;
}
.modalUiaddEdit  .form-group {
    margin-bottom: 22px;
}
.modalUiaddEdit .modal-dialog {
    zoom: 90%;
}
.modalUiaddEdit .modal-dialog  .modal-header {
    display: block;
    border-bottom: 0;
}

.modalUiaddEdit .modal-dialog .modal-header button.close {
    position: absolute;
    right: 0;
    top: 0;
    display: none;
}

.modalUiaddEdit .modal-footer button.btn.btn-secondary,
.modalUiaddEdit .modal-footer button.btn.btn-primary {
    display: flex;
    width: 215px;
    height: 50px;
    margin: 0 12px;
    justify-content: center;
    align-items: center;
    gap: 6.154px;
    flex-shrink: 0;
    text-align: center;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 0;
    border-radius: 7.385px;
}

.modalUiaddEdit .modal-footer {
    justify-content: center;
    padding:  0px 24px 24px 24px;
    border-top: 0;
}

.modalUiaddEdit .modal-footer button.btn.btn-primary {
    border: 1px solid #19B3B5;
    background: #19B3B5;
}

.modalUiaddEdit .modal-footer button.btn.btn-secondary {
    border: 1px solid #19B3B5;
    color: #19B3B5;
    background: initial;
}

.modalUiaddEdit label {
    color: #313131;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.modalUiaddEdit input,
.modalUiaddEdit select {
    border-radius: 10px;
    border: 0.5px solid rgba(49, 49, 49, 0.60);
    background: var(--White, #FFF);
    display: flex;
    height: 50px;
    padding: 0 24px;
    align-items: center;
    display: block;
    width: 100%;
    color: #313131;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 125% */
}

.modalUiaddEdit select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.5172 8.38113C18.8479 8.78651 18.8243 9.38375 18.4463 9.76215L12.604 15.6041C12.4081 15.8 12.1461 15.906 11.8744 15.906C11.6025 15.906 11.341 15.8002 11.1444 15.6041L5.3023 9.76203C4.89923 9.35848 4.89923 8.70527 5.3023 8.30278C5.70551 7.89909 6.35889 7.89909 6.76188 8.30266L11.8744 13.4147L16.9867 8.30278C17.3647 7.92434 17.9626 7.90067 18.368 8.23178L18.4464 8.30274L18.5172 8.38113Z' fill='%23313131'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center right 5%;
    background-size: 24px;
}

.modalUiaddEdit select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

.modalUiaddEdit select#tier {
    border: 0.5px solid rgba(49, 49, 49, 0.60);
    background: #ECECEC;
}

div#chart1 .apexcharts-canvas {
    margin: 0 auto;
}

.chartBox {
    height: calc(100% - 68px);
    display: flex;
    align-items: center;
    justify-content: center;
}

text#SvgjsText1197 {
    fill: #979797;
    text-align: center;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    /* 175% */
}


.chartBox1 .tab-content {
    padding: 22px 30px 30px 30px;
}

.filterYearly {
    width: 214px;
    margin-left: auto;
    margin-bottom: 0px;
    border-bottom: 0;
}

.nav-link.buttonClick.active {
    color: #19B3B5;
}

.filterYearly li {
    padding-right: 5px;
}

.filterYearly button {
    color: #313131;
    text-align: right;
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    /* 161.538% */
    background: initial;
    border: 0 !important;
    padding: 0;
    margin-bottom: 4px !important;
}

.selectOption {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    color: #737791;
    font-family: Poppins;
    font-size: 12.575px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    display: flex;
    width: 214px;
    height: 34px;
    padding: 1.397px 22.355px 1.397px 16.766px;
    align-items: center;
    gap: 5.589px;
    border-radius: 11.177px;
    background: #F5F5F5;
    border: 1px solid #F5F5F5;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='6' viewBox='0 0 12 6' fill='none'%3E%3Cpath d='M1.63672 0.775238L6.08624 5.22476L10.5358 0.775238' stroke='%235E6366' stroke-width='1.48317' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center right 7%;
    margin-left: auto;
}

.buttonClick.active {
    color: #19B3B5;
}


.chartBox1 {}

.chartBox1 nav {
    padding-top: 28px;
    padding-bottom: 0;
    /* border-bottom: 1px solid #ECECEC; */
}

.chartBox1 nav .nav.nav-tabs {
    border-bottom: 1px solid #ECECEC !important;
    gap: 0px;
}

.chartBox1 nav .nav.nav-tabs button.nav-link {
    color: #ABAFB1;
    text-align: center;
    font-family: Poppins;
    font-size: 15.96px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    padding: 0 22px 12px 22px;
    /* width: 106px; */
    border-bottom: 4px solid #19b3b500;
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
}

.boldddd1 {
    
}

.chartBox1 nav .nav.nav-tabs button.nav-link.active {
    border-bottom: 4px solid #19B3B5;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    color: #19B3B5 !important;
text-align: center;
font-family: Poppins;
font-size: 15.96px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.lineChart {
    padding: 20px 10px 10px 10px;
    position: relative;
}



.flexBox {
    display: flex;
    justify-content: space-between;
}

.dropdownFilter {
    margin-right: 25px;
}


.dropdownFilter a.dropdown-toggle:after {
    display: none;
}

.dropdownFilter ul.dropdown-menu {
    border: 0;
    background: initial;
    padding: 0;
    /* box-shadow: initial; */
}

.dropdownFilter ul.dropdown-menu .card_filters {
    margin: 0;
}

.reportsEmp .form-select {
    height: 50px;
    padding: 0px 20px 0px 24px !important;
    border-radius: 10px;
    background: var(--White, #FFF);
    box-shadow: 0px 3.2px 16px 0px rgba(238, 238, 238, 0.50);
    line-height: 50px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.5172 8.38113C18.8479 8.78651 18.8243 9.38375 18.4463 9.76215L12.604 15.6041C12.4081 15.8 12.1461 15.906 11.8744 15.906C11.6025 15.906 11.341 15.8002 11.1444 15.6041L5.3023 9.76203C4.89923 9.35848 4.89923 8.70527 5.3023 8.30278C5.70551 7.89909 6.35889 7.89909 6.76188 8.30266L11.8744 13.4147L16.9867 8.30278C17.3647 7.92434 17.9626 7.90067 18.368 8.23178L18.4464 8.30274L18.5172 8.38113Z' fill='%23313131'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center right 5%;
}

.reportsEmp .form-control {
    height: 50px;
    padding: 0px 20px 0px 24px !important;
    border-radius: 10px;
    background: var(--White, #FFF);
    box-shadow: 0px 3.2px 16px 0px rgba(238, 238, 238, 0.50);
    line-height: 50px;

}

.tabs01.reportTabs {
    padding-top: 24px;
}

.tabs01.reportTabs ul li {
    width: 215px;
}

.boxFilter {
    border-radius: 16px 16px 0 0;
    background: var(--White, #FFF);
    box-shadow: 0px 3.5px 16px 0px rgba(238, 238, 238, 0.50);
}

.boxFilter input#search {
    display: flex;
    height: 50px;
    padding: 11px 20px 11px 16px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 6px;
    border: 0.5px solid rgba(49, 49, 49, 0.30);
    background: #FFF;
    box-shadow: 0px 3.2px 16px 0px rgba(238, 238, 238, 0.50);
    color: rgba(49, 49, 49, 0.60);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 17.2px;
    /* 107.5% */
}

.boxFilter .card-body.p-3 {
    padding: 19px 24px !important;
}

.reportTable .dataTables_scrollBody::-webkit-scrollbar,
.reportTable::-webkit-scrollbar {
    width: 0px;
    height: 5px
}

.reportTable .dataTables_scrollBody::-webkit-scrollbar-track,
.reportTable::-webkit-scrollbar-track {
    background: #D9D9D9;
}

.reportTable .dataTables_scrollBody::-webkit-scrollbar-thumb,
.reportTable::-webkit-scrollbar-thumb {
    background: #19B3B5;
    border-radius: 8px;

}

.reportTable .dataTables_scrollBody {

    max-height: 543px;
    min-height: 543px;
}

.table-responsive.table001.reportTable .dataTables_scroll {
    border-radius: 0;
}

.table001.reportTable h2 {
    color: #19B3B5;
    font-family: Poppins;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-left: 24px;
    padding-top: 25px;
    padding-bottom: 25px;
}

.table001.reportTable {
    border-radius: 16px 16px 0 0;
}

.toggleButton {
    background: #19B3B5;
    width: 43px;
    height: 43px;
    border: 1px solid #19B3B5;
    color: #fff;
    padding: 0;
    font-size: 30px;
    margin-left: 19px;
}

.tab {
    border-bottom: 1px solid #31313140 !important;
}



div#evenetModal .modal-dialog {
    width: 496px;
    /* height: 570px; */
    flex-shrink: 0;
    /* background: #fff; */
}

div#evenetModal .modal-dialog .modal-content {
    background: #fff;
    border-radius: 19px;
    padding-bottom: 23px;
}

div#evenetModal .modal-dialog .modal-content .modal-header h5 {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 21px;
    /* 105% */
    font-family: 'Poppins';
}

div#evenetModal .modal-dialog .modal-content .modal-header button.close {
    display: none;
}

div#evenetModal .modal-dialog .modal-content .modal-header {
    padding: 37px 0px 14px 10px;
    /* width: 436px; */
    /* margin: 0 auto; */
    border-bottom: 1px solid #D9D9D9;
}

div#evenetModal .modal-dialog .modal-content form#eventForm {
    margin: 0 30px;
}

div#evenetModal .modal-dialog .modal-content .modal-body {
    padding: 0;
}

.eventType {
    padding-top: 19px;
    padding-left: 10px;
    padding-bottom: 23px;
    border-bottom: 1px solid #D9D9D9;
    margin-bottom: 20px;
}

.eventType h3 {
    color: #000;
    font-family: 'Poppins';
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    margin-bottom: 10px;
    line-height: 21px;
    /* 105% */
    text-transform: capitalize;
}

.eventType1 {
    display: inline-flex;
    height: 20px;
    padding: 6px 10px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: rgba(25, 179, 181, 0.30);
    gap: 10px;
    color: #19B3B5;
    font-family: 'Poppins';
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    /* 175% */
    text-transform: capitalize;
}

button.cancel {
    border-radius: 10px;
    border: 1px solid #19B3B5;
    background: #FFF;
    display: flex;
    padding: 9px 29px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #19B3B5;
    text-align: center;
    font-family: 'Poppins';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0 14px 0 0;
}

button.publish {
    display: flex;
    padding: 9px 29px;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    border: 1px solid #19B3B5;
    background: #19B3B5;
    gap: 10px;
    color: #FFF;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: 'Poppins';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0;
}

div#evenetModal .modal-dialog .modal-content .modal-footer {
    padding: 0;
    margin-top: 20px;
    border-top: 0;
}

.formFieldBox {
    display: flex;
    margin-bottom: 20px;
}

.formFieldBox label {
    width: 100px;
    color: #000;
    font-family: 'Poppins';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    /* 161.538% */
}

.formEvent {
    width: 335px;
    height: 38px;
    flex-shrink: 0;
    border-radius: 5px;
    border: 1px solid #D9D9D9;
    background: #FFF;
    padding-left: 10px;
    color: #000;
    font-family: 'Poppins';
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 21px;
    /* 161.538% */
}

.formEvent:read-only,
.formEventDesc:read-only {
    border-color: #F7F7F7;
    background: #F7F7F7;
}

.formEvent:focus {
    border: 1px solid #D9D9D9;
}

.formEventDesc {
    width: 335px;
    min-height: 71px;
    flex-shrink: 0;
    border-radius: 5px;
    border: 1px solid #D9D9D9;
    background: #FFF;
    padding-left: 10px;
    color: #000;
    font-family: 'Poppins';
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 21px;
}

input.formEvent.linkLocation {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_574_14943)'%3E%3Cpath d='M6.27259 17.7276C5.06344 16.5184 5.06344 14.5526 6.27259 13.3435L9.10102 10.5151L7.75752 9.17156L4.92909 12C2.97747 13.9516 2.97747 17.1194 4.92909 19.0711C6.8807 21.0227 10.0485 21.0227 12.0002 19.0711L14.8286 16.2426L13.4851 14.8991L10.6567 17.7276C9.4475 18.9367 7.48174 18.9367 6.27259 17.7276ZM9.87884 15.5355L15.5357 9.87867L14.1215 8.46445L8.46462 14.1213L9.87884 15.5355ZM12.0002 4.92892L9.17173 7.75735L10.5152 9.10085L13.3437 6.27242C14.5528 5.06327 16.5186 5.06327 17.7277 6.27242C18.9369 7.48158 18.9369 9.44733 17.7277 10.6565L14.8993 13.4849L16.2428 14.8284L19.0712 12C21.0228 10.0484 21.0228 6.88054 19.0712 4.92892C17.1196 2.97731 13.9518 2.97731 12.0002 4.92892Z' fill='%2319B3B5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_574_14943'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center left 3%;
    padding-left: 43px;
}

.uiNavbar {
    border-bottom: 1px solid #19B3B5;
    height: 90px;
}

.sidebar .nav .nav-item.active span.iconMenu img:first-child {
    display: none;
}

.sidebar .nav .nav-item.active span.iconMenu img:last-child {
    display: block;
}

.sidebar .nav .nav-item span.iconMenu img:first-child {
    display: block;
}

.sidebar .nav .nav-item span.iconMenu img:last-child {
    display: none;
}


body.sidebar-icon-only .sidebar .nav .nav-item {
    width: 43px;
    text-align: center;
    height: 43px;
    align-items: center;
    justify-content: center;
}

body.sidebar-icon-only .sidebar .nav .nav-item span.iconMenu {
    margin-right: 0;
    text-align: center;
}

body.sidebar-icon-only .sidebar .nav .nav-item span.iconMenu img {
    margin: 0 auto;
}

body.sidebar-icon-only .sidebar .nav .nav-item.active a {
    padding: 0 0 0 0;
    height: 43px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sidebar .nav {
    margin-top: 20px;
}

.sidebar .nav .nav-item span.iconMenu img.img-fluid {
    width: auto;
    margin: 0 auto;
}

.sidebar .nav .nav-item span.iconMenu {
    border-radius: 6px;

    border: 1px solid rgba(49, 49, 49, 0.60);
    width: 43px;
    height: 43px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sidebar .nav li.nav-item.active .nav-link {
    padding: 2px 0px 2px 0;
}

.sidebar .nav li.nav-item.active span.iconMenu {
    border-color: #19B3B5;
}

body.sidebar-icon-only .sidebar .nav .nav-item.active span.iconMenu {
    border: 1px solid #19B3B5;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-text p {
    font-family: Poppins;
    font-size: 12.8px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.2px;
    text-transform: capitalize;
    color: #000;
    margin: 0 !important;


}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-toggle:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E%3Cpath d='M3.39062 4.80005L6.59352 8.00005L9.79642 4.80005' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    color: #fff;
    font-size: 0;
    width: 22px;
    height: 22px;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img {
    width: 48px;
    height: 48px;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img img {
    width: 48px;
    height: 48px;
    border-radius: 12.8px;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-text {
    margin-left: 16px;
    margin-right: 25px;
}

.notificationBox {
    width: 38.435px;
    height: 38.4px;
    border-radius: 6.4px;
    background: #EFF1F3;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.unread {
    width: 5.338px;
    height: 5.333px;
    flex-shrink: 0;
    background: #EB5757;
    border-radius: 90%;
    position: absolute;
    top: 4px;
    right: 6px;
}

.notificationBox img {
    width: auto;
}

li.notification {
    margin-right: 19px;
}

.sidebar .nav .nav-item {
    padding: 0;
}

.sidebar-icon-only .sidebar {
    width: 80px;
}

.tabReport {}

.tabReport button.tablinks {
    color: rgba(49, 49, 49, 0.50);
    text-align: center;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.tabReport button.tablinks.active {
    color: #19B3B5;
    text-align: center;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.tabReport button.tablinks:hover {
    background: initial;
}

.table001.min-heightAuto {
    min-height: 480px !important;
}

.card-login.cardForgot {
    height: 390px;
    align-items: center;
    gap: 33px;
}

.loginForm label.error {
    color: #EF6262;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

form#addEmployeeForm label.error {
    color: #EF6262;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.error-message {
    color: #EF6262 !important;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.dropdownLogout {
    border-radius: 12px !important;
    background: #FFF;

    /* box-shadow */
    box-shadow: 0px 4px 32px 0px rgba(61, 70, 112, 0.08);
}

.dropdownLogout a.dropdown-item:hover {
    background: initial !important;
}

.dropdownLogout a.dropdown-item {
    color: var(--Black-3, #83898C);
    text-align: right;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    gap: 5px;
}


.switch {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 22px;
    flex-shrink: 0;
    border-radius: 20px;
    background: #19B3B5;
  }


  .status-toggle {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
  }
  
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    border-radius: 20px;
    transition: background-color 0.3s;
  }

  .slider.checked {
    background-color: #2196F3;
  }
  
  .round {
    position: absolute;
    top: 2px;
    left: 1px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: white;
    transition: transform 0.3s;
  }
  
  .status-toggle:checked + .round {
    left: 59% !important;
  }
  .navbar .navbar-menu-wrapper { 
    width: calc(100% - 70px)!important; 
}
.navbar .navbar-brand-wrapper{width: auto!important;}
#addEmployeeForm select#tier {
    background: #fff;
}
  



 
.boxTables {
    border-radius: 16px;
    background: var(--White, #FFF);
    box-shadow: 0px 3.5px 16px 0px rgba(238, 238, 238, 0.50);
    padding: 20px 24px;
    margin-top: 24px;
}
.boxTables select,.boxTables input {
    border: 0.483px solid rgba(49, 49, 49, 0.30);
    height: 48px!important;
}
.headingTab {
    color: #19B3B5;
    font-family: Poppins;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 18px;
}
.boxTables1 .table001 .dataTables_length{display: none;}
.boxTables1 .table001  .dataTables_scroll{ border-radius: 0px!important;}

.boxTables1 .table001  th:first-child {
    width: 30px!important;
}
.boxTables1 .table001 th {
    color: #000;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px; /* 131.25% */
}
.boxTables1 .table001{border-radius: 0;}

.boxTables1 .table001 .dataTables_empty {
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: lab(100 0 0) !important;
    border-bottom: 0;
    padding-top: 210px;
    border-bottom: 0 !important;
    text-align: center;
    /* position: relative; */
    color: rgba(49, 49, 49, 0.60);
    text-align: center;
    font-family: Poppins;
    font-size: 15.8px;
    font-style: normal;
    font-weight: 300;
    left: 0;
    right: 0;
    margin: 0 auto;
    --bs-table-bg-type: #fff!important;
}
.healthRecordBoxes .card-body {
 
    padding-left: 34px!important;
    padding-right: 34px!important;
}

.healthRecordBoxes  .card {
    border-radius: 13.322px;
    background: var(--White, #FFF);
    box-shadow: 0px 0px 22.204px 2.22px rgba(238, 238, 238, 0.60);
    height: 310px;
}

.healthRecordBoxes .card h4 {
    color: #313131;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-bottom: 10px;
}


.healthRecordBoxes .card a {
    color: #19B3B5;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px; /* 131.25% */
    text-decoration-line: underline;
    display: block;
    text-align: right;
}
.healthRecordBoxes .card p {
    color: #313131;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
 

.tabsReport button.tablinks {
    color: rgba(49, 49, 49, 0.50);
    text-align: center;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.tabsReport button.tablinks.active {
    color: #19B3B5;
    text-align: center;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.boxTables1 .table001 {
    min-height: 400px!important;
}

.boxTables1 .table001 .dataTables_scrollBody {
    min-height: 400px !important;
}
.alert-pending ,.alert-danger{
     
    flex-shrink: 0;
    background: #313131;
    color: #FFF;
    text-align: center;
    font-family: "Circular Std";
    font-size: 16px;
    font-style: normal;
    font-weight: 450;
    line-height: normal;
    text-align: left;
    padding: 0px 10px;
    border-radius: 0;
    margin: 0;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    line-height: 40px;
    height: 40px;
}
.alert-success{
    line-height: 40px!important;
    height: 40px;
    flex-shrink: 0;
    background: #59A325;
    color: #FFF;
    text-align: center;
    font-family: "Circular Std";
    font-size: 16px;
    font-style: normal;
    font-weight: 450;
    line-height: normal;
    text-align: left;
    padding: 0px 10px;
    border-radius: 0;
    margin: 0;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}
.main_wraper_bg{position: relative;}
.modalUiaddEdit input::placeholder {
    color: #313131;
}

div#addEmployeeModal select#tier {
    background: #ffffff;
}

div#employee-table_wrapper .dataTables_scrollBody {
    padding-bottom: 30px !important;
}
div#employee-table_wrapper tbody tr td:nth-child(4) {
  
    text-transform: capitalize;
}
.navbar .navbar-menu-wrapper {
     
    width: calc(100% - 70px)!important; 
}
.navbar .navbar-brand-wrapper {
 
    width: auto!important; 
}
.dataTables_processing {
    display: none!important;
}
.btn001:hover {
    border: 0.442px solid #19B3B5;
    background: #19B3B5;
    color: #fff;
}
#importEmployeesModal div#validation-errors {
    position: initial;
    background: initial;
    --bs-alert-color: var(--bs-danger-text-emphasis);
    background: var(--bs-danger-bg-subtle);
    --bs-alert-border-color: var(--bs-danger-border-subtle);
    --bs-alert-link-color: var(--bs-danger-text-emphasis);
    color: var(--bs-alert-color);
    height: auto;
    padding: initial;
    line-height: normal;
    padding: 10px 10px;
}
.apexcharts-legend-series .apexcharts-legend-marker {
    width: 12px;
    height: 12px;
    border-radius: 0; /* This makes the markers square */
  }

  #search_reason_for_visit {
    color: #313131;
    font-family: Poppins;
    /* font-size: 17.386px; */
    font-style: normal;
    font-weight: 400;
    line-height: 19.318px; /* 111.111% */
}
 #search_reason_for_visit::placeholder{
     color: #313131;
 }
 .boxTables .form-select, .boxTables  .date_inpt_emplo {
    font-family: Poppins;
 /* font-size: 17.386px; */
    font-style: normal;
    font-weight: 400;
    line-height: 19.318px; /* 111.111% */
} 
select#tier {
    padding-right: 35px;
}
 
        .selectedFile {
            display: flex;
            align-items: center;
        }
        .selectedFile img {
            margin-right: 10px;
        }
        .selectedFile {
            margin-bottom: 10px;
            border: 1px solid #19B3B5;
            background: #19b3b500;
            padding: 5px;
            border-radius: 5px;
        }
        
        .selectedFile i {
            color: #19B3B5;
        }
        
        .selectedFile span.fileName {
            font-size: 13px;
            padding-left: 10px;
        }
        div#tost {
            border-radius: 10px;
            border: 1px solid #19B3B5;
            background: #313131;
            width: 319px;
            height: 38px;
            flex-shrink: 0;
            color: #FFF;
            text-align: center;
            font-family: "Circular Std";
            font-size: 16px;
            font-style: normal;
            font-weight: 450;
            line-height: 38px;
            margin: 0 auto;
            position: absolute;
            left: 0;
            right: 0;
            top: 13px;
        }
        .reportTable.tablepaginationissue .dataTables_paginate {
            bottom: -40px;
        }
        .styleDrop{    position: absolute;
            top: 0;
            right: 0;}
            .hideCheckbox {
                position: absolute;
                right: 42px;
                bottom: 26px;
            }
            
            .hideCheckbox label {
                color: var(--4, #B1B5C3);
                font-family: Poppins;
                font-size: 12px;
                font-style: normal;
                font-weight: 500;
                line-height: normal;
                padding-left: 22px;
                position: relative;
                cursor: pointer;
            }
            
            .hideCheckbox input {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                z-index: 99;
                height: 100%;
                opacity: 0;
                cursor:pointer;
            }
            
            .hideCheckbox label:before {
              content: '';
              border-radius: 1px;
              border: 1.5px solid var(--4, #B1B5C3);
              opacity: 0.8;
              position: absolute;
              width: 18px;
              height: 18px;
              left: 0;
            }
            
            .hideCheckbox input:checked + label:after{
                content: '';
                
                width: 18px;
                height: 18px;
                position: absolute;
                left: 0;
                border: 0;
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_1026_11017)'%3E%3Cpath d='M8.9999 16.2L4.7999 12L3.3999 13.4L8.9999 19L20.9999 6.99998L19.5999 5.59998L8.9999 16.2Z' fill='%2319B3B5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1026_11017'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
                background-position: center;
                background-size: 14px;    bottom: 0;
            }
            .hideCheckbox input:checked + label:before {
                border-color: #19B3B5;
            }
            .tableSpacingLast table th:last-child {
                padding-left: 0;
            }
            .sidebar  li.nav-item.active1.active {
                background: #fff;
            }
            
            .sidebar li.nav-item.active1.active img:first-child {
                display: block!important;
            }
            
            .sidebar li.nav-item.active1.active img:last-child {
                display: none!important;
            }
            
            .sidebar li.nav-item.active1.active span.menu-title {
                color: #ccc;
            }
            
            .sidebar li.nav-item.active1.active span.iconMenu {
                border: 1px solid rgba(49, 49, 49, 0.60);
            }
            
            .sidebar .nav .nav-item.active>.nav-link .menu-title {
                font-family: Poppins;
                /* font-size: 18px; */
            }
            
            .sidebar li.nav-item.active1.active a.nav-link {
                color: #3e4b5b;
            }
            
            .sidebar li.nav-item.active1.active a.nav-link .menu-title {
                color: #3e4b5b;
            }
            /* .settleTable{padding-bottom: 60px !important;
                border-radius: 16px;
                background: #ffffff;
                box-shadow: 0px 3.5px 16px 0px rgba(238, 238, 238, 0.50);}
                .table001.reportTable.tablepaginationissue {
                    padding-bottom: 0!important;
                } */

                .arrow_box span {
                    border-radius: 9.333px;
                    background: #FFF;
                    /* box-shadow: 0px 4.667px 23.333px 0px rgba(15, 52, 90, 0.20); */
                    color: #000;
                    padding: 10px;
                    border-radius: 0;
                }
                
                .arrow_box {
                    padding: 15px 0px;
                    background: #fff;
                    box-shadow: 0px 4.667px 23.333px 0px rgba(15, 52, 90, 0.20);
                }
                .totalEmp{ 
                    font-family: Poppins;
                    /* font-size: 21px;
                    font-style: normal;
                    font-weight: 500; */
                    line-height: normal;}
                    .smallFont{color: #313131;
                        font-family: Poppins;
                        font-size: 9.872px;
                        font-style: normal;
                        font-weight: 500;
                        line-height: normal;}
                    .bigFont{font-family: Poppins;
                        font-size: 17.769px;
                        font-style: normal;
                        font-weight: 500;
                        line-height: normal;}
                        .scrolltable01{    min-height: 490px;}
                        .no_confirmBtn:focus {
                            background: #fff!important;
                            border: 1px solid #19B3B5;
                        }
                        .table_head_stick thead,.table001 thead{  position: -webkit-sticky;
                            position: sticky;
                            top: 0;}
                            .medicine {
                                color: #313131;
                                font-feature-settings: 'clig' off, 'liga' off;
                                font-family: Poppins;
                                font-size: 17.386px;
                                font-style: normal;
                                font-weight: 400;
                                line-height: 19.318px; /* 111.111% */
                            }
                            
                            .medicine::placeholder {
                                color: #313131; 
                            }
                            span.dept-percentage {
                                color: #313131;
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
                            }
                           #chartPie2 .apexcharts-legend-series {
                                margin-bottom: 6px!important;
                            }
                             

span.dept-name {
    padding-left: 10px;
}

span.dept-percentage {
    padding-left: 10px;
}



div#medicineschart:before {
    content: '';
    width: 20px;
    height: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
}

div#medicineschart {
    position: relative;
}

div#medicineschart:after {
    content: 'Number of users';
    /* width: 20px; */
    height: 6%;
    background: #fff;
    position: absolute;
    left: 0;
    top: 38%;
    z-index: 000000000;
    color: #8E96A0;
    font-family:Poppins;
    font-size: 11px;
    font-style: normal;
    font-weight: 450;
    line-height: normal;
    transform: rotate(-90deg) translateY(-50%);
    z-index: 99;
    left: -33px;
}
.edit__svg {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_6132_10645)'%3E%3Crect width='24' height='24' fill='white'/%3E%3Cpath d='M13.3354 19.5078H19.7124' stroke='%23313131' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.058 4.85889V4.85889C14.714 3.85089 12.808 4.12289 11.8 5.46589C11.8 5.46589 6.78704 12.1439 5.04804 14.4609C3.30904 16.7789 4.95404 19.6509 4.95404 19.6509C4.95404 19.6509 8.19804 20.3969 9.91204 18.1119C11.627 15.8279 16.664 9.11689 16.664 9.11689C17.672 7.77389 17.401 5.86689 16.058 4.85889Z' stroke='%23313131' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.5044 7.21136L15.3684 10.8624' stroke='%23313131' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6132_10645'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 24px;
    height: 24px;
    display: block;
}


.upcomingHeight {
    height: 260px;
    overflow: auto;
}
 
.upcomingHeight::-webkit-scrollbar {
  width: 0em;
}
 
.upcomingHeight::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
 
.upcomingHeight::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}













div#chart2:before {
    content: '';
    width: 20px;
    height: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
}

div#chart2 {
    position: relative;
}

div#chart2:after {
    content: 'Number of Scans';
    /* width: 20px; */
    height: 6%;
    background: #fff;
    position: absolute;
    left: 0;
    top: 38%;
    z-index: 000000000;
    color: #8E96A0;
    font-family:Poppins;
    font-size: 11px;
    font-style: normal;
    font-weight: 450;
    line-height: normal;
    transform: rotate(-90deg) translateY(-50%);
    z-index: 99;
    left: -33px;
}
.settleTa .table001 table td:last-child ,.setTable .table001 table td:last-child{
    padding-left: 15px!important;
}