@charset "UTF-8";
/*-----------------------------------------------------------------------------------
 
    Theme Name: EHNOTE SOFT LABS 
    Author: 
    Description:  
    Version: 1.0
 
-----------------------------------------------------------------------------------
/************ TABLE OF CONTENTS ***************
 
    01. Tabs
    02. Input
    03. Button
    04. Table
    05. Pagination
    06. List
    07. Colors
    08. Sections
    09. Accordions
    10. Appointment Rooms
 
**********************************************/
/*----------------------------------------*/
/*  01. Tabs
/*----------------------------------------*/
.tab__style--2 {
    display: flex;
    align-items: center;
    flex-flow: wrap;
    width: 100%;
    justify-content: center;
    border-bottom: 0.5px solid #1D5558;
    background: #F2F2F2;
    margin: 0;
}

.tab__style--2 > li {
    list-style-type: none;
    margin-bottom: -1px;
    position: relative;
}

.tab__style--2 > li > a {
    display: block;
    padding: 8px 16px;
    color: #4A4A4A;
    font-size: var(--font-size-md);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.tab__style--2 > li.active > a {
    border-radius: 5px 5px 0px 0px;
    border-top: 0.5px solid #1D5558;
    border-right: 0.5px solid #1D5558;
    border-left: 0.5px solid #1D5558;
    background: #FFF;
    color: #1D5558;
}

.tab__style--1 {
    margin: 0;
    display: flex;
    align-items: center;
    border-bottom: 2px solid #1D5558;
}

.tab__style--1 > li.active > a {
    border-radius: 5px 5px 0px 0px;
    border-top: 0.5px solid #1D5558;
    border-right: 0.5px solid #1D5558;
    border-left: 0.5px solid #1D5558;
    background: #1D5558;
    color: #FFF;
}

.tab__style--3 {
    margin: 0;
    display: flex;
    align-items: center;
    border-bottom: 0.8px solid #DDD;
}

.tab__style--1 > li,
.tab__style--3 > li {
    list-style: none;
}

.tab__style--1 > li > a,
.tab__style--3 > li > a {
    display: block;
    color: #4A4A4A;
    font-size: var(--font-size-lg);
    font-style: normal;
    font-weight: 500;
    line-height: 1.6;
    padding: 4px 14px;
}

.tab__style--1 > ul {
    display: flex;
    align-items: center;
    border-bottom: 0.5px solid #1D5558;
    background: #F2F2F2;
    grid-gap: 0 8px;
    margin: 0;
}

    .tab__style--1 > ul > li {
        list-style: none;
        margin-bottom: -1px;
    }

        .tab__style--1 > ul > li > a {
            display: block;
            color: #1D5558;
            font-size: var(--font-size-md);
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            padding: 6px 16px;
            margin: 5px 6px 0px 6px;
        }

        .tab__style--1 > ul > li.active > a {
            background-color: #fff;
            border-radius: 5px 5px 0px 0px;
            border-top: 0.5px solid #1D5558;
            border-right: 0.5px solid #1D5558;
            border-left: 0.5px solid #1D5558;
        }

.tab__style--3 > li.active > a {
    background: #1D5558;
    color: #fff;
    border-radius:4px 4px 0 0;
}

.tab__style--7 {
    margin: 0px;
    display: flex;
    align-items: center;
    grid-gap: 5px;
    padding:0;
}

.tab__style--4 {
    margin: 10px;
    display: flex;
    align-items: center;
    grid-gap: 5px;
    list-style-type: none;
}
 

.tab__style--4 > li > a {
    display: block;
    color: #4A4A4A;
    font-size: var(--font-size-md);
    font-style: normal;
    font-weight: 500;
    line-height: 1.2;
    padding: 4px 14px;
    border-radius: 30px;
    border: 0.8px solid #3D7275;
}

.tab__style--4 > li.active > a {
    background: #3D7275;
    color: #fff;
    border-radius: 30px;
    border: 0.8px solid #3D7275;
}
.tab__style--7 > li {
    list-style: none;
}
.tab__style--7 > li > a {
    display: block;
    color: #4A4A4A;
    background:#ffffff;
    font-size: var(--font-size-md);
    font-style: normal;
    font-weight: 500;
    line-height: 1.2;
    border-radius: 30px;
    padding: 6px 14px;
    border: 1px solid #E9E9E9
}

.tab__style--7 > li.active > a {
    background: #1D555826;
    color: #1D5558;
    border-radius: 30px;
    border: 0.8px solid #1D5558;
}

.tab__style--5 {
    display: flex;
    align-items: center;
    grid-gap: 10px;
    margin: 0 10px;
}

.tab__style--5 > li {
    list-style: none;
    display: flex;
}

.tab__style--5 > li > a {
    color: #4A4A4A;
    font-size: var(--font-size-md);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 8px 10px;
    display: flex;
    align-items: center;
    grid-gap: 0 6px;
}

.tab__style--5 > li.active > a {
    border-bottom: 2px solid #1D5558;
    color: #1D5558;
    font-weight: 600;
}

.subtab__style--1 {
    padding: 10px 13px;
}

.subtab__style--1 > ul {
    display: flex;
    align-items: center;
    text-align: center;
    gap: 8px;
    margin-bottom: 0px;
    justify-content: center;
    flex-flow: wrap;
}

.subtab__style--1 > ul > li {
    list-style: none;
}

.subtab__style--1 > ul > li > a:hover {
    background-color: #f2f2f2;
}

.subtab__style--1 > ul > li > a {
    font-size: var(--font-size-md);
    font-weight: 500;
    line-height: 15px;
    text-align: left;
    color: #5F5F5F;
    display: block;
    padding: 4px 12px;
    text-align: center;
    border: 1px solid #d2d2d2;
    border-radius: 25px;
    white-space: nowrap;
}

.subtab__style--1 > ul > li.active > a {
    font-weight: 700;
    color: #fff;
    background: #2d2d47;
    border: 2px solid #1d5558;
}
.tab__style--6 {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #E4E4E4;
    grid-gap: 0 0;
    margin: 5px 0 0 0;
    list-style-type: none;
}
.tab__style--6 > li > a {
    color: #1D5558;
    font-size: var(--font-size-xl);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: block;
    padding: 6px 16px;
}
.tab__style--6 > li > button {
    color: #4A4A4A;
    font-size: var(--font-size-lg);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    background: none;
    border: none;
    padding: 6px 16px;
}
.tab__style--6 > li.active {
    border-radius: 8px 8px 0px 0px;
    border-bottom: 1px solid #1D5558;
    background: rgba(29, 85, 88, 0.10);
}
.tab__style--8 {
    display: flex;
    align-items: center;
    grid-gap: 5px;
    margin: 5px 0 0 0;
    list-style-type: none;
    padding:0 10px !important;
}
.tab__style--8 > li > a {
    color: #fff;
    border-radius: 4px 4px 0px 0px;
background: #3E6E71;
    font-size: var(--font-size-xl);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: block;
    padding: 6px 16px;
}
    .tab__style--8 > li.active > a {
        font-weight: 700;
        color: #1d5558 !important;
        border-radius: 4px 4px 0px 0px;
        background: #FFF;
        background: #fff;
        font-size: 14px;
        font-style: normal;
    }

.tab__style--9 {
    display: flex;
    align-items: center;
    grid-gap: 3px;
    margin: 0;
    margin-left:15px;
    list-style-type: none;    
    background: #fff;
    padding: 3px 4px;
    border-radius: 5px;
    position:relative;
}
.tab__style--9 > li{
    list-style:none;
    line-height:normal;
}
.tab__style--9 > li > a {
    color: #1d5558;
    border-radius: 4px;
    font-size: var(--font-size-lg);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: block;
    padding: 4px 12px;
}
.tab__style--9 > li.active > a {   
    color: #ffffff;   
    background:#1d5558;
}
.tab__style--9::before{
    border:1px solid #fff;
    position:absolute;
    content:"";
    height:26px;
    width:1px;
    left:-18px;
}
.tab__style--10 {
    display: flex;
    flex-direction: column;
    margin: 0;
    list-style-type: none;
    grid-row-gap: 8px;
}

    .tab__style--10 > li > a {
        display: block;
        border: 1px solid #E4E4E4;
        background: #FFF;
        border-radius: 5px;
        color: #1D1D1D;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        padding: 6px 8px;
    }

    .tab__style--10 > li.active > a {
        color: #1D5558;
        font-weight: 600;
        border-radius: 5px;
        border: 1px solid #1D5558;
        background: #E8EEEE;
    }
.tab__style--11 {
    border-radius: 4px;
    background: #FFF;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10);
    padding: 8px;
    
}
.tab__style--11 > ul {
    margin: 0;
    display: flex;
    align-items: center;
    grid-column-gap: 9px;
    list-style-type: none;
}
.tab__style--11 > ul > li > a {
    color: #4A4A4A;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    padding: 4px 8px;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.tab__style--11 > ul >  li:hover > a {
    color: #1D5558;
    background: #DDE5E6;
    border-radius: 4px;
}
.tab__style--11 > ul > li > a.active {
    border-radius: 4px;
    background: #1D5558;
    color: #fff;
}

.tab__style--12{
    display:flex;
    align-content:center;
    gap:8px;
    margin:0px;
}
.tab__style--12 > li{
    list-style:none;
    padding:10px 0px;
}
.tab__style--12 > li > a{
    padding:7px 15px;
    border-radius:5px;
    background-color:#f9f9f9;
    border:1px solid #e4e4e4;
    font-size:13px;
    font-weight:600;
    color:#1d1d1d;
}
    .tab__style--12 > li.active {
        border-bottom: 2px solid #1d5558;
    }
        .tab__style--12 > li.active a {
            font-weight: 600;
            color: #fff;
            background-color: #1d5558;
            border:none;
        }
        /*----------------------------------------*/
        /*  02. Input
/*----------------------------------------*/
        .input__style--1 {
            border-radius: 5px;
            border: 0.8px solid #B2B2B2;
            background-color: #FCF2E4 !important;
            font-size: var(--font-size-md);
            font-weight: 500;
            line-height: 1;
            color: #000;
            padding: 6px 12px;
            width: 100%;
            box-sizing: border-box !important;
        }

.form__group,
.input__group {
    position: relative;
    display: block;
}

    .form__group > label,
    .input__group > label,
    .input__group--1 > label {
        color: #5E6366;
        font-size: var(--font-size-md);
        font-style: normal;
        font-weight: 500;
        line-height: 1.8;
    }

    .form__group > div,
    .input__group > div {
        display: flex;
        align-items: stretch;
        width: 100%;
        border-radius: 4px;
    }

        .form__group > input,
        .form__group > textarea,
        .form__group > select,
        .input__group > div > button,
        .input__group > div > input,
        .input__group > div > select,
        .form__control,
        .form__multiselect > .dropdown > .btn,
        .form__uiselect > .ui-select-match > .btn,
        .form__uiselect > input {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            /*-webkit-appearance: none;
            appearance: none;*/
            border-radius: 4px;
            border: 0.8px solid #dddddd;
            background-color: #ffffff;
            color: #000000;
            padding: 7px 12px 7px 8px;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            font-size: 14px;
            font-size: var(--font-size-md);
            font-style: normal;
            font-weight: 500;
            width: 100%;
            line-height: normal;
            height: auto;
        }


.input__group--1{
    position:relative;
    display:block;
}
.input__group--1 > div {
    display: flex;
    align-items: center;
    border: 1px solid #CFD3D4;
    border-radius: 4px;
    overflow:hidden;
}
.input__group--1 > div > select,
.input__group--1 > div > input {   
    border: none;
    background: #FFF;
    display: flex;
    padding: 7px 12px 7px 8px;
    align-items: center;
    color: #000;
    font-size: var(--font-size-md);
    font-style: normal;
    font-weight: 500;
    width: 100%;
    line-height: normal;
    height: auto;
}
.input__group--1 > div > div {
    border-radius: 4px;
    border: 0.4px solid #CFD3D4;
    display:flex;
    align-items:stretch;
    margin:1px;
}
.input__group--1 > div > div > span {
     text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;

}
.input__group--1 > div > div > label {
    font-size: 13px;
    font-weight: 400;
    color: #ABAFB1;
    text-align: center;
    line-height: normal;
    padding: 3px 5px;
    border-radius: 3px;
    background: #f9f9f9;
}
.input__group--1 > div > div > span > label {
    font-size: 14px;
    font-weight: 400;
    color: #ABAFB1;
    text-align: center;
    line-height: normal;
    padding: 3px 12px;
}
.input__group--1 > div > div > span > input[type="radio"] {
    appearance: none;
    width: 0;   
    height: 0;
    opacity: 0;
}
.input__group--1 > div > div > span > input[type="radio"]:checked + label {
    background: #1D55581A;
    color:#1D5558;
}
.input__group--1 > div > div > span:first-child > label {
    border-radius: 3px 0 0 3px;
}
.input__group--1 > div > div > span:last-child > label {
    border-radius: 0 3px 3px 0;
}

.input__style--2 {
    border: 0.8px solid #F6BB22 !important;
    background-color: #FFF9D6 !important;
    color: #000 !important;
}

.input__style--3 {
    border-radius: 5px;
    border: none;
    background: #fff;
    font-size: var(--font-size-md);
    font-weight: 500;
    line-height: 1;
    color: #000;
    padding: 6px 12px 6px 30px;
    width: 100%;
    box-sizing: border-box !important;
    background-image:url(../img/newiconss/search-icon.svg);
    background-repeat:no-repeat;
    background-position:1% center;
}


.form__uiselect {
    width: 100%;
}

    .form__uiselect > input:focus {
        border: 0.8px solid #DDD;
    }

    .form__uiselect > .ui-select-match > .btn {
        padding: 2.5px 12px 2.5px 8px;
    }

    .form__uiselect > .btn-default-focus {
        box-shadow: none;
    }

.form__multiselect > .dropdown {
    width: 100%;
}

    .form__multiselect > .dropdown > .btn {
        display: flex;
        justify-content: space-between;
    }

.input__group > div > input,
.input__group > div > select {
    border-radius: 0px;
}

.input__group > div > span {
    background: #f2f2f2;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 8px;
    color: #000;
    font-size: var(--font-size-md);
    font-weight: 600;
    width: 100%;
}

    .input__group > div > span:first-child {
        border-radius: 4px 0px 0px 4px !important;
    }

        .input__group > div > span:first-child label {
            border-radius: 4px 0px 0px 4px !important;
        }

.input__group > div > select:last-child {
    border-radius: 0px 4px 4px 0px;
}

.input__group > div > select:first-child {
    border-radius: 4px 0px 0px 4px;
}

.input__group > div > input:last-child {
    border-radius: 0px 4px 4px 0px;
}

.input__group > div > input:first-child {
    border-radius: 4px 0px 0px 4px;
}

.input__group > div > div:first-child {
    border-radius: 4px 0px 0px 4px;
}
.input__group > div > div:last-child {
    border-radius: 0px 4px 4px 0px;
}

.group__number--input {
    display: flex;
    align-items: center;
    grid-gap: 0;
    border: 0.8px solid #DDD;
    border-radius: 6px 6px 6px 6px;
    overflow: hidden;
}

    .group__number--input > input {
        border-right: 0.8px solid #DDD;
        width: 30px;
        border-top: 0;
        border-bottom: 0;
        border-left: 0;
        padding: 5px 1px 5px 1px;
        text-align: center;
    }

        .group__number--input > input:last-child {
            border-right: 0;
        }
/*----------------------------------------*/
/*  03. Button
/*----------------------------------------*/

/*----------------------------------------*/
/*  04. Table
/*----------------------------------------*/
.table__style--0 {
    width: 100%;
    white-space: nowrap;
    table-layout: fixed;
}
    .table__style--0 > thead > tr > th > p {
        background: #6f6f6f;
        z-index: 9;
        padding: 3px 15px 3px 6px;
        font-size: var(--font-size-sm);
        border-radius: 4px;
        color: #fff;
        margin: 0 1px;
        font-weight: 600;
    }
    .table__style--0 > tbody > tr > td {
        padding: 8px 4px;
        border-bottom: 0.5px solid #CBCBCB;
        white-space: initial;
        word-wrap: break-word;
        cursor: pointer;
    }
.table__style--0 > tbody > tr > td .show__popover-- > div {
    visibility: hidden;
}

.table__style--0 > tbody > tr:hover > td .show__popover-- > div {
    visibility: visible;
}
.table__style--1,
.table__style--9 {
    border-radius: 10px;
    border: 1px solid #DDD;
    background: #FFF;
    padding: 6px 6px;
    display: block;
    width: 100%;
    overflow: auto;
}

.table__style--1 > table,
.table__style--6 > table {
    width: 100%;
    white-space: nowrap;
}

.table__style--18 > tbody > tr:nth-child(even) > td {
    background-color: #F7F7F7;
}    
        .table__style--1 > table > thead > tr > th > p,
        .table__style--6 > table > thead > tr > th > p,
        .table__style--9 > table > thead > tr > th > p {
            margin: 0 2px;
            border-radius: 3px;
            background: #E2F7F9;
            color: #4A4A4A;
            font-size: var(--font-size-md);
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            text-align: center;
            padding: 5px 4px;
        }
        .table__style--12 > thead > tr > th,
        .table__style--1 > table > thead > tr > th,
        .table__style--6 > table > thead > tr > th,
        .table__style--9 > table > thead > tr > th,
        .table__style--0 > thead > tr > th {
            position: sticky;
            top: 0;
            background-color: #fff;
            z-index: 11;
        }

    .table__style--9 > table {
        width: 100%;
        white-space: nowrap;
        border-spacing: 0px 4px;
        border-collapse: separate;
    }

        .table__style--9 > table > tbody > tr > td:first-child {
            border-left: 0.5px solid #DBDBDB;
            border-radius: 4px 0 0 4px;
        }

        .table__style--9 > table > tbody > tr > td:last-child {
            border-right: 0.5px solid #DBDBDB;
            border-radius: 0 4px 4px 0;
        }

        .table__style--9 > table > tbody > tr > td {
            color: #000;
            font-size: var(--font-size-md);
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            padding: 4px 6px;
            border-top: 0.5px solid #DBDBDB;
            border-bottom: 0.5px solid #DBDBDB;
        }

        .table__style--9 > table > tbody > tr.active > td {
            background-color: #CFD8D8;
        }

    .table__style--1 > table > tbody > tr > th,
    .table__style--1 > table > tbody > tr > td,
    .table__style--6 > table > tbody > tr > th,
    .table__style--6 > table > tbody > tr > td {
        color: #0E0E0E;
        font-size: var(--font-size-md);
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-align: left;
        padding: 8px 4px;
        background-color: #fff;
        border-bottom: 0.5px solid #CBCBCB;
        white-space: initial;
        word-wrap: break-word;
    }

    .table__style--1 > table > tbody > tr:hover > td {
        cursor: pointer;
        background-color: #f1f1f1;
    }

    .table__style--1 > table > tbody > tr:last-child > td {
        border-bottom: none;
    }

    .table__style--1 > table > tbody > tr > td > p {
        margin: 0;
        color: #0E0E0E;
        font-size: var(--font-size-md);
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

.table__style--6 {
    display: block;
    width: 100%;
}

    .table__style--6 > .ledger-table > tbody > tr > td {
        border: none !important;
    }

    .table__style--6 > .ledger-table > tbody > tr {
        border-bottom: 0.5px solid #CBCBCB;
    }

    .table__style--6 > .ledger-table > tbody:last-child > tr {
        border-bottom: none !important;
    }

    .table__style--6 > .ledger-table > tbody > tr.active > td {
        background-color: #CDE3E3;
    }

    .table__style--6 > .payor-table > tbody > tr.active > td {
        background-color: #FAFAFA;
    }

.table__style--8 {
    border-collapse: collapse;
    width: 100%;
    overflow-x: scroll;
    white-space: nowrap;
}

.table__style--8 > thead > tr > th {
    background: #FAFAFA;
    color: #7A7A7A;
    font-size: var(--font-size-sm);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 2px 4px;
    text-align: left;
    border-bottom: none;
}

.table__style--8 > tbody > tr > td {
    padding: 6px 4px;
}

.table__style--8 > tbody > tr > td {
    border-bottom: 1px solid #DDDDDD;
}

.table__style--8 > tbody > tr:last-child > td {
    border-bottom: none;
    border-top: 0.8px solid #7A7A7A
}

.table__style--13 {
    border-collapse:collapse;
    width:100%;
    table-layout:fixed;
}
.table__style--13 > thead > tr > th {
    position:sticky;
    z-index:9;
    top:0;
}
    .table__style--13 > thead > tr:nth-child(even) > th {
        top:35px;
    }
    .table__style--13 > tbody > tr > td > label {
        color: #1D1D1D;
        font-size: var(--font-size-lg);
        font-weight: 400;
        line-height: normal;
        text-align: left;
    }
.table__style--13 > tbody > tr > td > span {
    color: #606060;
    font-size: var(--font-size-lg);
    font-weight: 400;
    line-height: normal;
    text-align: left;
}

    .table__style--13 > thead > tr > th > label,
    .table__style--13 > tbody > tr > th > label {
        color: #1D1D1D;
        font-size: var(--font-size-lg);
        font-weight: 500;
        line-height: normal;
        text-align: center;
    }
.table__style--13 > tbody > tr > th,
.table__style--13 > thead > tr > th {
    padding: 5px 8px;
    border: 1px solid #E4E4E4;
    background: #F7F7F7;
    text-align: center;
}
.table__style--13 > tbody > tr > th {
    text-align:left;
}

.patients__list--table {
    width: 100%;
    margin: 0;
    table-layout: fixed;
}

.patients__list--table > tbody > tr > td {
    border-bottom: 0.8px solid #DDD;
    padding: 8px 6px;
    cursor: pointer;
}

.patients__list--table > tbody > tr.active > td {
    background: #E4F5F6;
    border-bottom: 0;
}

.patients__list--table > tbody > tr.active > td:first-child {
    border-radius: 6px 0 0 6px;
}

.patients__list--table > tbody > tr.active > td:last-child {
    border-radius: 0 6px 6px 0;
}

.patients__list--table > tbody > tr:last-child > td {
    border-bottom: none;
}

.patients__list--table > tbody > tr > td > p {
    color: #0E0E0E;
    font-size: var(--font-size-lg);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.patients__list--table > tbody > tr > td > div {
    display: flex;
    align-items: center;
    width: 100%;
    grid-gap: 0 16px;
    margin: 0;
}

.patients__list--table > tbody > tr > td > div > label {
    color: #CE6409;
    font-size: var(--font-size-md);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.patients__list--table > tbody > tr > td > div > b > span {
    color: #7A7A7A;
    font-size: var(--font-size-md);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.patients__list--table > tbody > tr > td > div > b {
    color: #0E0E0E;
    font-size: var(--font-size-md);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.table__style--2,
.table__style--18 {
    width: 100%;
    table-layout: fixed;
}

    .table__style--2 > thead > tr > th {
        color: #0E0E0E;
        font-size: var(--font-size-sm);
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        background-color: #fff;
        padding: 2px 2px;
    }

    .table__style--2 > tbody > tr > td,
    .table__style--18 > tbody > tr > td,
    .table__style--2 > tbody > tr > th {
        padding: 2px 2px;
    }

    .table__style--2 > tbody > tr > td {
        color: #0E0E0E;
        font-size: var(--font-size-sm);
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        background-color: #fff;
        padding: 2px 2px;
        text-align:left;
    }

    .table__style--2 > tbody > tr > th {
        color: #E23741;
        font-size: var(--font-size-sm);
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        text-align: center;
    }

.table__style--3 {
    width: 100%;
    margin: 0;
}

    .table__style--3 > tbody > tr > th {
        color: #7A7A7A;
        font-size: var(--font-size-md);
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        background-color: #fff;
        padding: 10px 0;
    }

    .table__style--3 > tbody > tr > td {
        color: #0E0E0E;
        font-size: var(--font-size-md);
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        padding: 10px 0;
    }

.table__style--4 {
    width: 100%;
    border-spacing: 2px 0;
    border-collapse: separate;
    overflow-x: scroll;
    white-space: nowrap;
    table-layout:fixed;
}

    .table__style--4 > thead > tr > th {
        border-radius: 3px;
        background: #F2F2F2;
        color: #0E0E0E;
        font-size: var(--font-size-sm);
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        padding: 3px 4px;
    }

    .table__style--4 > tbody > tr > th {
        background-color: #fff;
    }

    .table__style--4 > tbody > tr > td {
        color: #0E0E0E;
        font-size: var(--font-size-sm);
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        padding: 4px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

        .table__style--4 > tbody > tr > td > p {
            color: #0E0E0E;
            font-size: var(--font-size-md);
            font-style: normal;
            font-weight: 500;
            margin: 0;
            white-space: normal;
        }


/*This Style Only Used for PreAuthorization List Screen*/
.table__style--21,
.table__style--20,
.table__style--5 {
    width: 100%;
    border-collapse: separate;
    table-layout: fixed;
    border-radius: 4px;
    border: 1px solid #E6E6E6;
}
.table__style--21 > thead > tr > th,
.table__style--5 > thead > tr > th {
    position: sticky;
    top: 0;
    z-index: 99;
    padding: 5px 10px;
    background: #F9F9F9;
}
    .table__style--21 > thead > tr > th{
        position: sticky;
        top: 0;
        z-index: 99;
        padding: 5px 6px;
        background: #F9F9F9;
    }

.table__style--20 > thead > tr > th {
    background: #F9F9F9;
    font-size: var(--font-size-md);
    font-weight: 500;
    line-height: 18px;
    text-align: left;
    color: #1D1D1D;
    padding: 5px 6px;
    border-bottom: 1px solid #E6E6E6;
}
.table__style--21 > thead > tr > th > label,
.table__style--5 > thead > tr > th > label {   
    font-size: var(--font-size-md);
    font-weight: 500;
    line-height: 18px;
    text-align: left;
    color: #1D1D1D;
    display: block;   
}
  
.table__style--20 > tbody > tr > td {
    padding: 5px 2px;
    border: none;
}
.table__style--21 > tbody > tr > td {
    padding: 10px;
    border: none;
    box-shadow: 0px -1px 0px 0px #2D2E4F1A inset;
    vertical-align:top;
}
.table__style--5 > tbody > tr > td {
    padding: 5px 8px;
    background: #fff;
    border: none;
    box-shadow: 0px -1px 0px 0px #2D2E4F1A inset;
}

.table__style--5 > tbody > tr > td > label {
    font-family: Poppins;
    font-size: var(--font-size-md);
    font-weight: 400;
    line-height: 18px;
    text-align: center;
    color: #5C6672;
}
       
.table__style--5 > tbody > tr > td > div {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.table__style--5 > tbody > tr > td > div > img {
    width: 36px;
    height: 36px;
    border-radius: 100px;
    object-fit: cover;
}
.table__style--21 > tbody > tr > td > div > p,
.table__style--5 > tbody > tr > td > p,
.table__style--5 > tbody > tr > td > div > p {
    font-size: var(--font-size-md);
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: #1D1D1D;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.table__style--5 > tbody > tr > td > span,
.table__style--5 > tbody > tr > td > div > span {
    font-size: var(--font-size-md);
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    color: #656565;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.table__style--5 > tbody > tr > td > div > span > span {
    display: inline-flex;
    align-items: center;
    grid-gap: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Plus Jakarta Sans;
    font-size: var(--font-size-xs);
    font-weight: 500;
    line-height: 12.6px;
    text-align: left;
    padding: 2px 4px;
    border-radius: 4px;
    color: #1D5558;
    background: #1D55581A;
    cursor:pointer;
}
.table__style--21 > tbody > tr > td > div > span,
.table__style--21 > tbody > tr > td > span {
    color: #656565;
    font-size: var(--font-size-md);
    font-weight: 400;
    line-height: normal;
}
.table__style--21 > tbody > tr > td > span {
    color: #1D1D1D;
    font-size: var(--font-size-md);
    font-weight: 400;
    line-height: normal;
}

.table__style--5 > tbody > tr > td > span {
    padding: 3px 5px;
    border-radius: 2px;
    color: #fff;
    font-size: var(--font-size-xs);
    font-weight: 500;
    line-height: 12.6px;
    text-align: center;
}
.table__style--21 > tbody > tr:hover > td,
.table__style--5 > tbody > tr.active > td,
.table__style--5 > tbody > tr:hover > td {
    background: #1D55580D;
}
    .table__style--5 > tbody > tr > td .show__popover-- > div,
    .table__style--20 > tbody > tr > td .show__popover-- > div {
        visibility: hidden;
    }

    .table__style--5 > tbody > tr:hover > td .show__popover-- > div,
    .table__style--20 > tbody > tr:hover > td .show__popover-- > div {
        visibility: visible;
    }
.table__style--5 > tbody > tr > td > ul {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
}

.table__style--5 > tbody > tr > td > ul > li {
    display: flex;
    align-items: center;
    gap: 6px;
    list-style: none;
    position: relative;
    font-size: var(--font-size-md);
    font-weight: 400;
    line-height: normal;
    text-align: left;
}

.table__style--5 > tbody > tr > td > ul > li > span{   
    width: 7px;
    height: 7px;
    border-radius: 6px;
    line-height:normal;
}
.table__style--5 > tbody:first-child > tr.active > td {
    background: #1D55580D;
    box-shadow: none;
}
.table__style--5 > tbody.active > tr:first-child > td{
    box-shadow:none;
}

.table__style--5 > tbody.active > tr > td {
    background: #1D55580D;
}

.table__style--5 > tfoot > tr > td {
    background: rgba(29, 85, 88, 0.10);
    color: #1D1D1D;
    font-size: var(--font-size-lg);
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    padding: 3px 10px
}
.table__style--21 > tfoot > tr > td{
    background: #F9F9F9;
    color: #1D1D1D;
    font-size: var(--font-size-lg);
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    padding: 3px 5px
}
.status__sucess > span {
    background: #4BB543;
}
.status__sucess {
    color: #4BB543;
}
.status__denied > span {
    background: #C71D27;
}
.status__denied {
    color: #C71D27;
}
.status__pending > span {
    background: #FF9F2D;
}
.status__pending {
    color: #FF9F2D;
}

.table__style--10 {
    width: 100%;
    border-collapse: separate;
    border-spacing: 4px;
}

    .table__style--10 > tbody > tr > td {
        border-radius: 2px;
        border: 0.5px solid #DDDDDD;
        padding: 5px 8px;
    }

    .table__style--10 > tbody > tr:nth-child(odd) > td {
        background: #F7F7F7;
    }

.table__style--11 {
    width: 100%;
    border-collapse: separate;
    border-spacing: 4px;
}
.table__style--11 > tbody > tr > td{
    border:none;
    background-color:#f7f7f7;
    padding:8px;
    border-radius:3px;
}
    .table__style--11 > tbody > tr > td > p {
        font-size: var(--font-size-md);
        font-weight: 500;
        line-height: 15.12px;
        text-align: left;
        color:#1d1d1d;
    }
    .table__style--11 > tbody > tr > td > ul{
        margin:0;
    }
    .table__style--11 > tbody > tr > td > ul > li {
        list-style: none;
        font-size: var(--font-size-md);
        font-weight: 400;
        line-height: 18px;
        text-align: left;
        color: #1d1d1d;
        padding:2px;
    }
    
.table__style--12{
    width:100%;
    border-collapse:separate;
    white-space:nowrap;
}
.table__style--12 > thead > tr > th > p{
    margin: 0 0 2px 2px;
    border-radius: 3px;
    background: #E2F7F9;
    color: #4A4A4A;
    font-size: var(--font-size-md);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: left;
    padding: 5px 4px;
}
.table__style--12 > tbody > tr > td {
    padding: 3px;
    color: #4A4A4A;
    font-size: var(--font-size-md);
    font-weight: 500;
    border-bottom: 0.5px solid #C9C9C9;
    line-height:normal;
}
.table__style--12 > tbody > tr > td:first-child {
    border-left: 0.5px solid #C9C9C9;
}
.table__style--12 > tbody > tr > td:last-child {
    border-right: 0.5px solid #C9C9C9;
}
.table__style--12 > tbody > tr > td .show__popover-- > div {
    visibility: hidden;
}

.table__style--12 > tbody > tr:hover > td .show__popover-- > div {
    visibility: visible;
}
.table__style--13{
    border-collapse:collapse;
    width:100%;
    table-layout:fixed;
}
.table__style--13 > tbody > tr > td > label {
    color: #1D1D1D;
    font-size: var(--font-size-lg);
    font-weight: 400;
    line-height: normal;
    text-align: left;
}
.table__style--13 > tbody > tr > td > span {
    color: #606060;
    font-size: var(--font-size-lg);
    font-weight: 400;
    line-height: normal;
    text-align: left;
}

    .table__style--13 > thead > tr > th > label,
    .table__style--13 > tbody > tr > th > label {
        color: #1D1D1D;
        font-size: var(--font-size-lg);
        font-weight: 500;
        line-height: normal;
        text-align: center;
    }
.table__style--13 > tbody > tr > th,
.table__style--13 > thead > tr > th {
    padding: 5px 8px;
    border: 1px solid #e4e4e4;
    background: #F7F7F7;
    text-align: center;
}
.table__style--13 > tbody > tr > th{
    text-align:left;
}
.table__style--13 > tbody > tr > td {
    padding: 5px 8px;
    border: 1px solid #e4e4e4;
    background: #fff;
    text-align: center;
}
.table__style--13 > tbody > tr > td > div {
    text-align: left;
}
.table__style--14 {
    margin: 0;
    table-layout: fixed;
}
.table__style--14 > thead > tr > th {
    color: #1D1D1D;
    font-size: var(--font-size-lg);
    font-style: normal;
    font-weight: 500;
    line-height: 2;
    background: none;
}
.table__style--14 > tbody {
    border-bottom: 1px solid #EDEDED;
}
.table__style--14 > tbody > tr > td {
    color: #656565;
    font-size: var(--font-size-lg);
    font-style: normal;
    font-weight: 400;
    line-height: 2;
    background: none;
    width: 50%;
    vertical-align: top;
}
.table__style--14 > tbody > tr > th {
    color: #1D1D1D;
    font-size: var(--font-size-lg);
    font-style: normal;
    font-weight: 400;
    line-height: 2;
    background: none;
    width: 50%;
    vertical-align: top;
    text-align: right;
}
.table__style--15 {
    margin: 0;
    width: 100%;
    border-radius: 8px;
    outline: 1px solid #EDEDED;
    overflow: hidden;
}
.table__style--15 > thead > tr > th {
    color: #656565;
    font-size: var(--font-size-md);
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    background: #F9F9F9;
    padding: 3px 8px;
}
.table__style--15 > thead > tr > td {
    color: #1D1D1D;
    font-size: var(--font-size-lg);
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    background: #F9F9F9;
    padding: 3px 8px;
}
.table__style--15 > tbody > tr > td {
    color: #656565;
    font-size: var(--font-size-lg);
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    padding: 12px 8px;
}
/*----------------------------------------*/
/*  05. List
/*----------------------------------------*/
.div__list {
    display: flex;
    align-items: center;
    grid-gap: 8px 18px;
    flex-direction: row;
    flex-flow: row;
}

    .div__list > div {
        display: flex;
        min-width: 1px;
        grid-gap: 0 6px;
        align-items: center;
    }

        .div__list > div > span {
            color: #7A7A7A;
            font-size: var(--font-size-md);
            font-style: normal;
            font-weight: 400;
            line-height: 1;
            white-space: nowrap;
        }

        .div__list > div > label {
            color: #000;
            font-size: var(--font-size-md);
            font-style: normal;
            font-weight: 500;
            line-height: 1;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            min-width: 1px;
        }

        .div__list > div > b {
            color: #0E0E0E;
            font-size: var(--font-size-sm);
            font-style: normal;
            font-weight: 500;
            line-height: 1;
            border-radius: 4px;
            background: rgba(62, 166, 205, 0.20);
            padding: 4px 8px;
            text-align: center;
            white-space: nowrap;
        }

        .div__list > div > p {
            margin: 0;
            color: #3EA6CD;
            font-size: var(--font-size-xl);
            font-style: normal;
            font-weight: 600;
            line-height: normal;
        }
/*----------------------------------------*/
/*  06. Pagination
/*----------------------------------------*/

.border__section {
    border-radius: 15px;
    border: 1px solid #DDD;
    background: #FFF;
    padding: 5px 6px;
    width: 100%;
}
/*----------------------------------------*/
/*  07. Status
/*----------------------------------------*/
.status__active, .status__inactive, .status__Expired {
    padding: 4px 6px;
    border-radius: 100px;
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 600;
    line-height: 1;
}

.status__active {
    background: #0F8A0F;
    color: #fff;
}

.status__inactive {
    background: #EEAB1B;
    color: #fff;
}

.status__Expired {
    background: #C71D27;
    color: #fff;
}
/*----------------------------------------*/
/*  08. Section
/*----------------------------------------*/
.section__style--4 {
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    margin-bottom:5px;
}
.section__style--4 > .section__header-- {
    border-radius: 8px 8px 0px 0px;
    /*border-bottom: 1px solid #EDEDED;*/
    background: #F0F0F0;
    border-top: 1px solid #EDEDED;
    border-left: 1px solid #EDEDED;
    border-right: 1px solid #EDEDED;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding: 0 12px;
}
.section__style--4 > .section__header-- h1 {
    color: #1D1D1D;
    font-size: var(--font-size-lg);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0;
    padding: 5px 0;
}
.section__style--4 > .section__header-- h2 {
    color: #1D5558;
    font-size: var(--font-size-lg);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0;
    padding: 7px 0;
}
.section__style--4 > .section__header-- h1 span {
    color: #1D1D1D;
    font-size: var(--font-size-md);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.section__style--4 > .section__body-- {
    border-radius: 0px 0px 8px 8px;
    background: #FFF;
    border: 1px solid #EDEDED;
    padding: 10px;
    display: flex;
    flex-direction: column;
}
.upload-insurance-card {
    border-radius: 6px;
    border: 0.5px solid #D6D6D6;
    background: #F2F2F2;
    width: 100%;
    padding: 4px;
}

    .upload-insurance-card > ul {
        display: flex;
        align-items: center;
        margin-bottom: 4px;
        justify-content: space-between;
    }

        .upload-insurance-card > ul > li {
            list-style: none;
        }

            .upload-insurance-card > ul > li > h4 {
                color: #4A4A4A;
                font-size: var(--font-size-md);
                font-style: normal;
                font-weight: 500;
                line-height: normal;
                margin: 0;
            }

            .upload-insurance-card > ul > li > button {
                border-radius: 4px;
                background: #3EA6CD;
                color: #FFF;
                font-size: var(--font-size-xs);
                font-style: normal;
                font-weight: 500;
                line-height: normal;
                padding: 6px 14px;
                border: none;
            }

    .upload-insurance-card > div {
        border-radius: 5px;
        background: #FFF;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
      /*  height: 180px;*/
        height: 275px;
        flex-direction: column;
    }

        .upload-insurance-card > div > h2 {
            color: #4A4A4A;
            font-size: var(--font-size-md);
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            text-align: center;
            display: block;
        }

        .upload-insurance-card > div > i {
            background-image: url(../img/New-Consultation/upload-ehn-cons.svg);
            width: 50px;
            height: 50px;
            background-color: #1d5558;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 6px;
            border-radius: 6px;
            background-repeat: no-repeat;
            background-size: 70%;
            background-position: center;
            cursor: pointer;
        }

        .upload-insurance-card > div > img {
            width: 100%;
            height: 100%;
        }
/*Biller ----------------------------------------------------------------- End 04-Sep-2024 End*/
.radius-100 {
    border-radius: 100px !important;
}

.SelectDoctorSendto > ul > li {
    margin-right: 5px;
    margin-bottom: 7px;
    display: inline-block;
    list-style: none;
    width: calc(100% * (1/3) - 5px - 0px);
}

    .SelectDoctorSendto > ul > li:hover > a,
    .SelectDoctorSendto > ul > li:focus > a {
        background-color: #f1f1f1;
        color: #000
    }

    .SelectDoctorSendto > ul > li.active > a {
        background-color: #1D5558;
        color: #fff;
    }

    .SelectDoctorSendto > ul > li > a {
        padding: 5px 10px;
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 6px;
        color: #1D5558;
        display: block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-size: var(--font-size-xl);
        font-weight: 600;
        text-transform: capitalize;
    }

.SelectDoctorSendto > ul {
    display: flex;
    flex-flow: wrap;
}

/*-----------------------------*/
.ui-select-bg > .dropdown {
    display: block !important;
}

.circle-doc-head {
    margin: 0;
    display: block;
}

    .circle-doc-head > li {
        display: inline-block;
        margin-right: 8px;
        position: relative;
    }

.of-dasText {
    position: absolute;
    right: 5px;
    top: 5px;
}

.circle-doc {
    width: 30px;
    height: 30px;
    cursor: pointer;
    color: #fff;
    background-color: #04756F;
    border-radius: 100px;
    line-height: 32px;
    text-align: center;
    font-size: var(--font-size-2l);
}

.tableno-padding > tbody > tr > td
.tableno-padding > tbody > tr > th {
    padding: 0 2px !important
}

/*List*/
.EH-minipagination > ul > li {
    display: inline-block;
}

    .EH-minipagination > ul > li > a {
        padding: 2px 6px !important;
        font-weight: 600 !important;
        font-size: var(--font-size-xs) !important;
    }

.billigList-items ul li {
    padding: 5px 4px 15px 7px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
    display: block;
    list-style: none;
    position: relative;
    text-transform: capitalize;
}

    .billigList-items ul li span, .billing-type-span {
        position: absolute;
        right: 3px;
        bottom: 0;
        font-size: 9px;
    }

.billing-type-span {
    color: #adadad;
}

.billigList-items ul li:last-child {
    border-bottom: none;
}

.billigList-items ul li:hover a, .billigList-items ul li a:hover {
    color: #1D5558 !important;
}

.billigList-items ul li a {
    color: #383838;
    font-weight: 600;
    white-space: normal;
    word-break: break-word;
    font-size: var(--font-size-sm);
}

    .billigList-items ul li a:hover {
        color: #1D5558;
    }

.nav-billing > li > a {
    padding: 2px 10px;
    font-size: var(--font-size-md);
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
    background-color: #fff !important;
    border-radius: 0 !important;
}

.billing-tabs > li:first-child > a {
    border-top-left-radius: 100px !important;
    border-bottom-left-radius: 100px !important;
}

.billing-tabs > li:last-child > a {
    border-top-right-radius: 100px !important;
    border-bottom-right-radius: 100px !important;
}

.nav-billing > li:first-child > a:after {
    height: 15px;
    width: 1px;
    background-color: #808080;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
}

.nav-billing > li.active > a,
.nav-billing > li > a:hover {
    background-color: #07a0d4 !important;
    color: #fff;
}

.apptFilterTable,
.regsiter-tablespan {
    table-layout: fixed;
}

    .apptFilterTable > tbody > tr > td,
    .apptFilterTable > thead > tr > th {
        padding: 3px 2px !important;
    }

    .regsiter-tablespan > tbody > tr > td {
        padding: 3px 5px !important;
    }
/*---------------Appointment Header Fixed*/
/* This is what we are focused on */
.table-wrapper {
    overflow-y: scroll;
    height: 150px;
}

    .table-wrapper > table > thead > tr > th {
        position: sticky;
        top: 0;
    }

.table-wrapper {
    background: #fff;
}

    .table-wrapper > table > thead > tr > td,
    .table-wrapper > table > tbody > tr > th {
        padding: 10px;
        text-align: center;
    }

/*-----Panel Controls -------*/
.PanelControls {
    float: right;
    margin-bottom: 0;
}

    .PanelControls > li {
        list-style: none;
        outline-style: none;
        padding: 0px 0px !important;
        display: inline-block;
        border-right: 1px solid #ddd;
    }

        .PanelControls > li:last-child {
            border: none;
        }

        .PanelControls > li > a {
            font-size: var(--font-size-md) !important;
            text-align: center;
            display: block;
            cursor: pointer;
            line-height: 1.6;
            padding: 0 5px;
            color: #0707B1;
            text-decoration: underline;
            font-weight: 600;
        }
/*-----Section Controls -------*/
.search-appt {
    background-color: #fff;
    padding: 0px 6px;
    border-radius: 100px;
    color: #000 !important;
    position: absolute;
    right: 10px;
}

    .search-appt > i {
        position: relative !important;
        font-size: var(--font-size-sm) !important;
        top: 0 !important;
        right: 0 !important;
        color: #000;
    }
/*----------------------------*/
.followupAppt > span {
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: var(--font-size-xs);
    border-radius: 100px;
    line-height: 17px;
    font-weight: 600;
}

    .followupAppt > span.followupBooked {
        background-color: #1abc9c;
        color: #fff;
        border: 1px solid #04756F;
    }

    .followupAppt > span.followupNotBooked {
        background-color: #ccc;
        color: #000;
        border: 1px solid #04756F;
    }

.customrecepwid {
    max-width: 20%;
    min-width: 300px;
}

/*-----------------------Profile--------------------------*/
.profileEH > li > span {
    color: #3f3f3f;
    font-size: var(--font-size-xl);
    font-weight: 500;
}

.profileEH > li > i {
    color: #1abc9c;
    font-size: var(--font-size-xl);
    margin-right: 5px;
}

/*--------------------All Billing-----------------*/
.allbillDropdown > button {
    text-indent: 10px;
}

    .allbillDropdown > button .leftNameAlpha,
    .allbillDropdown > .leftNameAlpha {
        text-transform: uppercase;
        color: #07a0d4;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto 0;
        font-weight: 600;
        line-height: 27px;
        font-size: var(--font-size-lg);
        padding: 0 0px 0 0px;
        height: 26px;
        width: 26px;
        border-radius: 3px 0 0px 3px;
        border-right: 1px solid #ccc;
        text-align: center;
    }

.allbillDropdown > input {
    text-indent: 20px;
}

.allbillDropdown > button .leftNameAlpha.activeCh,
.allbillDropdown > .leftNameAlpha.activeCh {
    background-color: #07a0d4;
    color: #fff;
    border-radius: 3px 0 0 3px;
}

.allbillDropdown > ul.dropdown-menu {
    height: 350px;
    overflow-y: scroll;
}

.dropw-T25 {
    font-size: var(--font-size-md);
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.41;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    display: block;
}

.dropw-Corrision {
    font-size: var(--font-size-md);
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    /*line-height: 1.41;*/
    line-height: 8px;
    letter-spacing: normal;
    text-align: left;
    color: #6f6f6f;
}

.bg-f9f9f9 {
    background-color: #f9f9f9 !important;
}

.p-0-5 {
    padding: 0px 5px !important;
}

.text-frontback {
    font-size: var(--font-size-md);
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.71;
    letter-spacing: normal;
    text-align: left;
    color: #6f6f6f;
}

.upload-img-card {
    background-color: #f6f6f6;
    border-radius: 4px;
    border: solid 0.5px #d2d2d2;
    height: 179px;
    justify-content: center;
    align-items: center;
    display: flex;
    text-align: center;
    padding: 5px;
}

.upload-img-profile {
    background-color: #f6f6f6;
    border-radius: 20px;
    border: solid 0.5px #d2d2d2;
    height: 219px;
    justify-content: center;
    align-items: center;
    display: flex;
    text-align: center;
}

.text-upload-patient {
    font-size: var(--font-size-md);
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: center;
    color: #adadad;
}

.control-icons {
    display: flex;
    margin-bottom: 0;
}

    .control-icons > li:first-child > label > a {
        border-right: solid 1px #d2d2d2;
        display: block;
    }

.heading-popcontrols {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.control-icons > li {
    display: inline-block;
}

.uploadBorder-img {
    border: solid 0.5px #d2d2d2;
    border-radius: 4px;
}

    .uploadBorder-img > img {
        border-radius: 4px;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.showImg-profile {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    object-fit: cover;
    object-position: top center;
}

.text-acdcode {
    font-size: var(--font-size-lg);
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #000;
}
/*New All Billing*/
.header-search {
    border-radius: 25px;
    background-color: #f6f6f6;
    border-radius: 100px;
    display: block;
    padding: 5px;
    display: flex;
    align-items: center;
    width: 500px;
}

.radio-custom-label {
    font-size: var(--font-size-lg);
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #6f6f6f;
    display:inline-flex;
    align-items:center;
}

    .activenav,
    .activebtnnav {
        background: #1d5558 !important;
        color: #fff !important;
    }

.Appts-iconA {
    background-image: url(../img/appt-list/nav-appt-dark.svg);
}

.Appts-iconAhover {
    background-image: url(../img/appt-list/nav-appt-white.svg);
}

.Investigations-iconA {
    background-image: url(../img/appt-list/nav-investigation-dark.svg);
}

.Investigations-iconAhover {
    background-image: url(../img/appt-list/nav-investigation-white.svg);
}

/*Appoointment Table*/
.table-wrapper {
    overflow-y: scroll;
    height: 150px;
}

    .table-wrapper > table > thead > tr > th {
        /*background: #DDD;*/
        z-index: 9;
        padding: 0px 0px;
        font-size: var(--font-size-sm);
    }

.table-body-scroll > table > thead > tr > th {
    position: sticky;
    top: 0;
    background-color: #d6d3d3 !important;
    z-index: 9;
    padding: 5px;
    font-weight: 600;
}

.table-wrapper,
.table-body-scroll {
    background: #fff;
}

    .table-wrapper > table {
        border-collapse: separate;
        width: 100%;
        table-layout: fixed;
        border-spacing: 0px 4px;
    }

    .table-body-scroll > table {
        border-collapse: separate;
        width: 100%;
        table-layout: fixed;
        /*border-spacing: 1px 0px;*/
    }

    .table-wrapper > table > thead > tr > th > p {
        background: #6f6f6f;
        z-index: 9;
        padding: 3px 15px 3px 6px;
        font-size: var(--font-size-sm);
        border-radius: 4px;
        color: #fff;
        margin: 0 1px;
        font-weight: 600;
    }

        .table-wrapper > table > thead > tr > th > p > i,
        .asc-table-view > thead > tr > th > p > i {
            position: absolute;
            right: 7px;
            top: 7px;
            bottom: 0;
            cursor: pointer;
            color: #969696;
            font-size: var(--font-size-xs);
        }

    .table-wrapper > table > thead > tr > td,
    .table-wrapper > table > tbody > tr > th {
        padding: 10px;
        text-align: center;
    }

.appts-borderbotom > tbody > tr > td {
    border-bottom: solid 1px #d2d2d2;
    /*border-bottom: 0;*/
    padding: 3px;
}

.App-color b {
    color: #07a0d4 !important;
    font-size: var(--font-size-xl) !important;
}

.Appt-span {
    font-size: var(--font-size-md) !important;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #000 !important;
    margin: 0;
}

.appt-text-light {
    font-size: var(--font-size-md);
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: #6f6f6f;
    margin: 0;
}

.dynamic-appointments {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 0;
}

    .dynamic-appointments > li {
        position: relative;
        border-right: 2px solid #d2d2d2;
        list-style: none;
        width: inherit;
    }
        .dynamic-appointments > li:last-child {
            border-right: none !important;
        }

.bg-none {
    background: none !important;
}

.customrecepwid {
    max-width: 20%;
    min-width: 300px;
}

.dynamic-appointments > li.tab-reception > h4 {
    background-color: rgba(178, 231, 255, 0.5);
}

.dynamic-appointments > li.tab-Waiting-Room > h4 {
    background-color: rgba(255, 159, 159, 0.5);
}

.dynamic-appointments > li.tab-Active-Room > h4 {
    background-color: rgba(187, 226, 184, 0.5);
}

.dynamic-appointments > li > h4 {
    text-align: center;
    border-bottom: 1px solid #e9e9e9;
    font-size: var(--font-size-md);
    font-weight: 600;
    line-height: 23px;
    color: #000;
    border-radius: 4px;
    margin: 0 5px;
}

.dynamic-appointments > li.tab-reception > ul > li > a > h1 {
    color: #07a0d4;
}

.dynamic-appointments > li.tab-Waiting-Room > ul > li > a > h1 {
    color: rgb(235 130 130);
}

.dynamic-appointments > li.tab-Active-Room > ul > li > a > h1 {
    color: rgb(132 183 128);
}

.dynamic-appointments > li > ul > li > a > h1 {
    font-size: var(--font-size-5l);
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.7;
    letter-spacing: normal;
    text-align: center;
    margin: 0 auto;
}

.dynamicStatus > li > a > p {
    line-height: 10px;
    margin: 0;
    color: #000;
    /* margin-top: 5px; */
    font-weight: 500;
    font-size: var(--font-size-xs);
    color: #000;
}

.text-appt {
    font-size: var(--font-size-xs);
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71 !important;
    letter-spacing: normal;
    text-align: left;
    color: #6f6f6f;
}

.visits-list {
    overflow-x: scroll;
}



/*drawing*/

.pencil-size-drawing {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 4px;
}

    .pencil-size-drawing > li {
        margin-right: 10px;
        list-style: none;
        position: relative;
    }

        .pencil-size-drawing > li > div {
            width: 28px;
            height: 28px;
            display: block;
            cursor: pointer;
            background-position: center center !important;
            background-size: contain !important;
            margin: auto;
            background-repeat: no-repeat !important;
        }

        .pencil-size-drawing > li.active > .pen-1x {
            background: url(../img/consultation/pen-1x.svg);
        }

        .pencil-size-drawing > li.active > .pen-2x {
            background: url(../img/consultation/pen-2x.svg);
        }

        .pencil-size-drawing > li.active > .pen-3x {
            background: url(../img/consultation/pen-3x.svg);
        }

.pen-1x {
    background: url(../img/consultation/pen-1x-active.svg);
}

.pen-2x {
    background: url(../img/consultation/pen-2x-active.svg);
}

.pen-3x {
    background: url(../img/consultation/pen-3x-active.svg);
}
/*drawing*/
/*-----------------Patient Tracking------------------*/
.tracker-time {
    padding: 5px 10px;
    font-weight: 600;
    display: block;
    border-radius: 5px;
    text-align: center;
    font-size: var(--font-size-lg);
}

.appt-time-tracker {
    background-color: #F7FFF6;
    color: #4CDA43;
    border: 1px solid #4CDA43;
}

.waiting-time-tracker {
    background-color: #e7eefd;
    color: #618BF2;
    border: 1px solid #618BF2;
}

.tracking-doctor-text {
    color: #000;
    font-size: var(--font-size-sm);
    font-weight: 600;
}

.patient-tracking-table {
    overflow-x: auto;
    width: 100%;
    max-width: 100%;
    display: block;
}

    .patient-tracking-table > table {
        width: 100%;
        margin: 10px 0 0 0;
        border-collapse: separate;
        border-spacing: 2px 8px;
    }

        .patient-tracking-table > table > thead > tr > th {
            font-size: var(--font-size-lg);
            font-weight: 600;
            line-height: 17px;
            letter-spacing: 0em;
            text-align: left;
            color: #fff;
            background-color: #6f6f6f;
            padding: 5px 6px;
            white-space: nowrap;
            border-radius: 4px;
        }

        .patient-tracking-table > table > tbody > tr > td {
            background-color: #fff;
            /*border: 1px solid #F4F4F8;*/
            padding: 5px 6px;
            white-space: nowrap;
        }
         
            .patient-tracking-table > table > tbody > tr > td:first-child {
                border-top-left-radius: 10px;
                border-bottom-left-radius: 10px;
            }

            .patient-tracking-table > table > tbody > tr > td:last-child {
                border-bottom-right-radius: 10px;
                border-top-right-radius: 10px;
            }

.profile-show-timetracking > span {
    color: #068cb0;
    font-size: var(--font-size-xl);
    font-weight: 600;
}

.profile-show-timetracking > p {
    font-size: var(--font-size-lg);
    font-weight: 500;
    color: #6f6f6f;
}

.time-tracker-list {
    margin: 0;
    display: flex;
}

    .time-tracker-list > li {
        border-radius: 5px;
        padding: 0 0px 5px 0px;
        margin-right: 5px;
        list-style: none;
        text-align: center;
        width: 100px;
        overflow: hidden;
    }

        .time-tracker-list > li > label {
            font-size: var(--font-size-xs);
            font-weight: 600;
            line-height: 13px;
            letter-spacing: 0em;
            text-align: center;
            width: 100%;
            background-color: #fff;
            margin-bottom: 5px;
        }

.text-tracker-time {
    font-size: var(--font-size-xs);
    font-weight: 600;
    line-height: 9px;
    letter-spacing: 0em;
    text-align: center;
    color: #1D5558;
    display: block;
}

.text-waiting-active {
    font-size: var(--font-size-xs);
    font-weight: 500;
    line-height: 9px;
    letter-spacing: 0em;
    text-align: center;
    color: #808080;
    margin-bottom: 10px;
}

.tracker-optometrist-time {
    border: 2px solid #E42727;
    background-color: #fce8e8
}

.tracker-completed-time {
    border: 2px solid #d2d2d2;
}

.tracker-doctor-time {
    background-color: #ecf9f7;
    border: 2px solid #39B19D;
}

.tracker-counsoller-time {
    background-color: #fffce6;
    border: 2px solid #FDE53B;
}

.bgtracker-wait-time {
    background-color: #fde53b;
    border: none !important;
}

.bgtracker-extra-time {
    background-color: #39b19d;
    border: none !important;
}

.bgtracker-over-time {
    background-color: #e42727;
    border: none !important;
}

.bgtracker-extra-time > label,
.bgtracker-over-time > label,
.bgtracker-over-time > div > div > p,
.bgtracker-over-time > div > div > span,
.bgtracker-extra-time > div > div > p,
.bgtracker-extra-time > div > div > span,
.bgtracker-extra-time > p,
.bgtracker-over-time > p,
.bgtracker-over-time > div > div > p,
.bgtracker-over-time > div > div > p,
.bgtracker-extra-time > div > div > p,
.bgtracker-extra-time > div > div > p {
    background-color: transparent !important;
    color: #fff !important;
}

.bgtracker-wait-time > div > div > p,
.bgtracker-wait-time > div > div > span,
.bgtracker-wait-time > label {
    color: #000 !important;
    background-color: transparent !important;
}

.tracker-notes-time {
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: var(--font-size-xs);
    font-weight: 500;
    color: #6f6f6f;
}

/*-----------*/
.auto-select-dropdown ul {
    min-width: 400px !important;
}

.calendar-details-head {
    font-size: var(--font-size-md);
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    border-radius: 4px;
    padding: 4px 6px;
    margin-bottom: 5px;
}

.pc-head {
    background-color: #97fff3;
    color: #328d82;
}

.dd-head {
    background-color: #cbe6ff;
    color: #375f84;
}

.calendar-details-body > h3 {
    font-size: var(--font-size-xl);
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #1d5558;
    margin-bottom: 0;
}

.calendar-details-body > p {
    font-size: var(--font-size-md);
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    margin: 0;
}

    .calendar-details-body > h3 > i,
    .calendar-details-body > p > i {
        width: 18px;
        font-size: var(--font-size-xl);
        color: #f26223;
    }

.calendar-details-footer {
    border-top: 1px solid #cbf0f2;
    background-color: #d2d2d2;
    padding: 10px;
    display: flex;
    align-items: center;
    grid-gap: 8px;
}

    .calendar-details-footer > button {
        border-radius: 8px;
        padding: 4px 8px;
        font-size: var(--font-size-md);
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        flex: 1;
    }

.line-calendar {
    width: 4px;
    background-color: #cbf0f2;
    margin: 4px 8px;
}

.open-appointment {
    background-image: linear-gradient(to bottom, #646480, #2d2d47);
    color: #fff;
    border: 2px solid #646480;
}

.open-profile {
    background-color: #2596be;
    color: #fff;
    border: 2px solid #2596be;
}

.cancel-appointment {
    border: 2px solid #FB233B;
    color: #FB233B;
    background-color: #fff;
}

.appointment-select > label {
    font-size: var(--font-size-md);
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #484848;
    border-bottom: 1px solid #5fa8ec;
    padding: 4px 10px;
    display: block;
}

.appointment-select > p > b {
    font-size: var(--font-size-md);
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #767676;
}

.appointment-select > p > span {
    font-size: var(--font-size-xs);
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #1d5558;
}

.appointment-select > ul {
    margin: 0;
    display: flex;
    background-color: #ededed;
    align-items: center;
    justify-content: space-between;
    padding: 4px 4px;
    border-left: 3px solid #329297;
}

    .appointment-select > ul > li {
        list-style: none;
    }

        .appointment-select > ul > li > b,
        .appointment-select > h6 > b {
            font-size: var(--font-size-xl);
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: left;
            color: #313131;
        }

        .appointment-select > ul > li > span,
        .appointment-select > h6 > span {
            font-size: var(--font-size-md);
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: left;
            color: #313131;
        }

        .appointment-select > ul > li > i,
        .appointment-select > h6 > i {
            color: #329297;
            font-size: var(--font-size-xl);
        }

.appointment-select {
    background-color: #fff;
}

.appointment-details-button > button {
    width: calc(100% * (1/2) - 5px - 0px);
    margin-bottom: 5px;
    border-radius: 6px;
    font-size: var(--font-size-sm);
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    padding: 2px 4px;
    border: none;
}

.appointment-select > h5 {
    font-size: var(--font-size-lg);
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #07a0d4;
    padding: 0px 10px;
    margin: 0;
}

.appointment-select > h4 {
    font-size: var(--font-size-lg);
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    padding: 5px 10px;
    margin: 0;
}

.appointment-select > h3 {
    border-top: solid 1px #cbf0f2;
    background-color: #e2e2e2;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    border-radius: 0 0 14px 14px;
    margin: 0;
    padding: 5px 10px;
    font-size: var(--font-size-3l);
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #484848;
}

.appointment-details-button > button:first-child {
    background-color: #0fc1a1;
    color: #fff;
    border: 1px solid #0fc1a1;
}

.appointment-details-button > button:nth-child(2) {
    background-color: #77cb52;
    color: #fff;
    border: 1px solid #77cb52;
}

.appointment-details-button > button:nth-child(3) {
    border: 1px solid #ff8383;
    color: #ff8383;
    background-color: #fff;
}

.appointment-details-button > button:nth-child(4) {
    background-color: #fcaaaa;
    color: #fff;
    border: 1px solid #fcaaaa;
}

.appointment-details-button > button:disabled,
.appointment-details-button > button[disabled=disabled] {
    cursor: not-allowed;
    background-color: rgb(229, 229, 229) !important;
    color: #6f6f6f !important;
    border-color: #6f6f6f !important
}

.reload-icon {
    width: 27px;
    height: 27px;
    display: block;
    background-image: url(../img/billing/refresh-icon.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.download-icon {
    width: 27px;
    height: 27px;
    display: block;
    background-image: url(../img/billing/download-icon.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.billing-notes {
    width: 20px;
    height: 20px;
    display: block;
    background-image: url(../img/billing/billing-notes.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.billing-icons {
    background-image: url(../img/billing/Icons.svg);
    width: 20px;
    height: 20px;
    display: block;
}

.create-billing-icon {
    background-position: -5px;
}

.refresh-icon {
    background-position: -31px;
}

.upload-billing-icon {
    background-position: -57px;
}

.print-icon {
    background-position: -83px;
}

.close-dropdown-icon {
    background-position: -109px;
}

.open-dropdown-icon {
    background-position: -135px;
}


.accordian-down-icon {
    width: 16px;
    height: 16px;
    background-image: url(../img/billing/icon-page-down.svg);
    background-position: center;
}

.color-3ea6cd {
    color: #3EA6CD;
}

.file-input-container {
    width: 100%;
    position: relative;
    height: 30px;
}

    .file-input-container > input[type="file"]::file-selector-button {
        float: right;
        opacity: 0;
    }

    .file-input-container > input[type="file"] {
        border-radius: 5px;
        border: 0.8px solid #DDD;
        background: #FFF;
        padding: 5px 12px 5px 8px;
        color: #000;
        font-size: var(--font-size-md);
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        width: 100%;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }

    .file-input-container .file-label {
        background-color: #1D5558;
        display: flex;
        color: #fff;
        border: none;
        border-radius: 0;
        cursor: pointer;
        text-align: center;
        white-space: nowrap;
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        height: 100%;
        align-items: center;
        text-align: center;
        justify-content: center;
        border-radius: 0 5px 5px 0;
        height: 30px;
        z-index: 1;
    }

/*Billing Popup Summary screen css starts*/

.section__info {
    border: 1px solid #B3B3B3;
    border-radius: 6px;
    padding: 6px 7px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.section__billing {
    border: 1px solid #B3B3B3;
    border-radius: 5px;
    background-color: #fff;
}

.billing__header {
    padding: 6px 11px;
    border-bottom: 1px solid #1D5558;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

    .billing__header h2 {
        margin: 0;
        font-size: var(--font-size-md);
        font-weight: 600;
        color: #0E0E0E;
        text-align: left;
    }

    .billing__header > h1 {
        margin: 0;
        font-size: var(--font-size-md);
        font-weight: 600;
        color: #1D5558;
        text-align: left;
    }

.billing__body {
    padding: 9px 15px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.patient-img > img {
    width: 45px;
    height: 45px;
    object-fit: cover;
    border-radius: 6px;
}

.balance__list {
    display: flex;
    text-align: left;
    flex-direction: column;
    grid-gap: 10px;
}

    .balance__list > label {
        font-size: var(--font-size-md);
        font-weight: 600;
        color: #1D5558;
        line-height: normal;
    }

    .balance__list > span {
        font-size: var(--font-size-xl);
        font-weight: 500;
        color: #0E0E0E;
        line-height: normal;
    }

.list-horizontal {
    display: flex;
    align-items: center;
    grid-gap: 10px;
}

    .list-horizontal > span {
        font-size: var(--font-size-md);
        font-weight: 500;
        color: #0E0E0E;
        line-height: normal;
    }

    .list-horizontal > label {
        font-size: var(--font-size-md);
        font-weight: 500;
        color: #0F8A0F;
        line-height: normal;
    }

/**********************************************/
/*----------------------------------------*/
/*  09. Tabs
/*----------------------------------------*/
.accordion-style-1 {
    border: none;
    box-shadow: none;
}

.accordion-style-1 > .panel-group {
    margin-bottom: 10px !important;
}

.accordion-style-1 > .panel-group > .panel > .panel-heading {
    background: #EBEEF3;
    border: 1px solid #EBEEF3;
    padding: 5px 8px;
}

.accordion-style-1 > .panel-group > .panel > .panel-heading .panel-title > div > span {
    font-size: var(--font-size-md);
    font-weight: 600;
    color: #0E0E0E;
}

.accordion-style-1 > .panel-group > .panel > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #1d5558;
    padding: 8px;
}

.accordion-style-1 > .panel-group > .panel.panel-open > .panel-heading {
    background-color: #CDE3E3;
}


.accordian__style--3{
    border:none;
    display:flex;
    flex-direction:column;
    grid-gap:10px;
}
.accordian__style--3 > .panel-group {
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
}
.accordian__style--3 > .panel-group > .panel {
    border:none;
    border-bottom: 1px solid #E4E4E4;
    background:#fff;
    padding:8px 6px;
    border-radius:0;
    overflow:visible;
}
.accordian__style--3 > .panel-group > .panel-open {
    background: #34B6981A;
    border-bottom: none; 
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.accordian__style--3 > .panel-group .panel + .panel{
    margin-top:0px;
}
.accordian__style--3 > .panel-group > .panel-open > .panel-heading {
    background: #34b69800 !important;
}
.accordian__style--3 > .panel-group > .panel > .panel-heading {
    padding: 0;
    background: #fff;
}
.accordian__style--3 > .panel-group > .panel > .panel-collapse > .panel-body {
    padding: 4px;
    border-radius:4px;
    background: #fff;
    border-top:none;
}

.accordian__style--4 {
    border: none;
    display: flex;
    flex-direction: column;
    margin-bottom:10px;
    grid-gap: 10px;
}

.accordian__style--4 > .panel-group {
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    /*overflow: hidden;*/
    border-radius: 8px;
}

.accordian__style--4 > .panel-group > .panel {
    border: none;
    border-bottom: 1px solid #EDEDED;
    background: #F5F5F5;
    border-radius: 8px;
    overflow:visible;
}
.accordian__style--4 > .panel-group > .panel-default > .panel-heading .panel-title span{
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.accordian__style--4 > .panel-group > .panel-default > .panel-heading {
    padding: 4px 15px;
}
.accordian__style--4 > .panel-group > .panel-default > .panel-heading .panel-title h1 {
    font-size: var(--font-size-lg);
    font-weight: 500;
    line-height: 16.38px;
    text-align: left;
    color: #1D1D1D;
    margin: 0;
}
.accordian__style--4 > .panel-group > .panel-default > .panel-collapse > .panel-body {
    padding: 4px;
}
.accordion__bg--f5f5f5 > .panel-group > .panel-default > .panel-collapse > .panel-body {
    padding: 12px;
    background-color:#f5f5f5;
}
.accordian__style--4 > .panel-group > .panel-open {
    background: #fff;
    border-bottom: none;
    display: flex;
    border: 1px solid #f4f4f4;
    flex-direction: column;
}
.accordian__style--5 {
    border: none;
    display: flex;
    flex-direction: column;
    grid-gap: 10px;
}

    .accordian__style--5 > .panel-group {
        margin-bottom: 0;
        display: flex;
        flex-direction: column;
        grid-gap:5px;
    }

        .accordian__style--5 > .panel-group > .panel {
            padding:8px;
        }

        .accordian__style--5 > .panel-group > .panel-open {
            display: flex;
            flex-direction: column;
            gap: 13px;
            background: #1d55581a;
            border: 1px solid #1d5558;
            padding: 5px 10px;
        }

        .accordian__style--5 > .panel-group .panel + .panel {
            margin-top: 0px;
        }

        .accordian__style--5 > .panel-group > .panel-open > .panel-heading {
            background: none !important;
        }

        .accordian__style--5 > .panel-group > .panel > .panel-heading {
            padding: 0;
            background: #fff;
        }

        .accordian__style--5 > .panel-group > .panel > .panel-collapse > .panel-body {
            padding: 0px;
            border-radius: 4px;
            border-top: none;
        }
            .accordian__style--5 > .panel-group > .panel > .panel-collapse > .panel-body > div > ul > li{
                border:none;
                background:#fff;
                padding:8px;
                border-radius:5px;
            }
            .accordian__style--5 > .panel-group > .panel > .panel-collapse > .panel-body > div > ul > li > a > h1 {
                font-size:var(--font-size-lg);
                font-weight:500;
                color:#1d1d1d;
                margin:0;
            }
                .accordian__style--5 > .panel-group > .panel > .panel-collapse > .panel-body > div > ul > li.active {
                    border: 1px solid #1d5558;
                    background: #fff;
                }
                    .accordian__style--5 > .panel-group > .panel > .panel-collapse > .panel-body > div > ul > li.active > a > h1 {
                        color: #1d5558;
                    }
/*Accordion style 6*/
.accordian__style--6 {
    border: none;
    display: flex;
    flex-direction: column;
    margin-bottom:10px;
    grid-gap: 10px;
}

.accordian__style--6 > .panel-group {
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    border-radius: 8px;
}

    .accordian__style--6 > .panel-group > .panel {        
        border: 1.8px solid #e4e4e4;
        background: #fff;
        overflow: visible;
        border-radius: 8px;
    }
.accordian__style--6 > .panel-group > .panel-default > .panel-heading .panel-title span{
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.accordian__style--6 > .panel-group > .panel-default > .panel-heading {
    padding: 11px 12px;
    background-color:#fff;
    border-radius:8px;
}
.accordian__style--6 > .panel-group > .panel-default > .panel-heading .panel-title h1 {
    font-size: var(--font-size-xl);
    font-weight: 600;
    line-height: 100%;
    text-align: left;
    color: #1D1D1D;
    margin: 0;
}
.accordian__style--6 > .panel-group > .panel-default > .panel-collapse > .panel-body {
    padding: 12px;
    background-color:#f5f5f5;
}
.accordian__style--6 > .panel-group > .panel-open {
    background: #fff;
    border-bottom: none;
    display: flex;
    border: 1.8px solid #e4e4e4;
    flex-direction: column;
}

/*Accordion style--7*/
.accordian__style--7 {
    border: none;
    display: flex;
    flex-direction: column;
    grid-gap: 10px;
}

    .accordian__style--7 > .panel-group {
        margin-bottom: 0;
        display: flex;
        flex-direction: column;
    }

        .accordian__style--7 > .panel-group > .panel {
            border: none;
            background: #f5f5f5;
            padding: 8px 12px;
            border-radius: 5px;
            overflow: visible;
        }

        .accordian__style--7 > .panel-group > .panel-open {
            background: #f5f5f5;
            border-bottom: none;
            display: flex;
            flex-direction: column;
            gap: 12px;
            border:none;
            border-radius:5px;
        }

        .accordian__style--7 > .panel-group .panel + .panel {
            margin-top: 0px;
        }

        .accordian__style--7 > .panel-group > .panel-open > .panel-heading {
            background: #34b69800 !important;
        }

        .accordian__style--7 > .panel-group > .panel > .panel-heading {
            padding: 0;
        }

        .accordian__style--7 > .panel-group > .panel > .panel-collapse > .panel-body {
            padding: 0px;
            border:none;
        }

.accordian__style--8 {
    border: none;
    display: flex;
    flex-direction: column;
    margin-bottom: 0px;
    grid-gap: 10px;
}

    .accordian__style--8 > .panel-group {
        margin-bottom: 0;
        display: flex;
        flex-direction: column;
        /*overflow: hidden;*/
        border-radius: 8px;
    }

        .accordian__style--8 > .panel-group > .panel {
            border: none;
            background: #F5F5F5;
            border-radius: 8px;
            overflow: visible;
            box-shadow:none !important;
        }

        .accordian__style--8 > .panel-group > .panel-default > .panel-heading .panel-title span {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .accordian__style--8 > .panel-group > .panel-default > .panel-heading {
            padding: 4px 4px;
            background-color:#fff;
        }

            .accordian__style--8 > .panel-group > .panel-default > .panel-heading .panel-title h1 {
                font-size: var(--font-size-lg);
                font-weight: 500;
                line-height: 16.38px;
                text-align: left;
                color: #1D1D1D;
                margin: 0;
            }

        .accordian__style--8 > .panel-group > .panel-default > .panel-collapse > .panel-body {
            padding: 4px 8px;
            background-color:#fff;
            border:none !important;
        }

.accordian__style--9 {
    border: none;
    display: flex;
    flex-direction: column;
    margin-bottom: 0px;
    grid-gap: 10px;
}

    .accordian__style--9 > .panel-group {
        margin-bottom: 0;
        display: flex;
        flex-direction: column;
        border-radius: 8px;
    }

        .accordian__style--9 > .panel-group > .panel {
            border: 1px solid #e4e4e4;
            background: #f9f9f9;
            overflow: visible;
            border-radius: 8px;
        }

        .accordian__style--9 > .panel-group > .panel-default > .panel-heading {
            padding: 8px 20px;
            background-color: #f9f9f9;
            border-radius: 8px;
        }
        .accordian__style--9 > .panel-group > .panel-default > .panel-collapse > .panel-body {
            padding: 12px;
            background-color: #f9f9f9;
            border-radius:0px 0px 8px 8px;
        }

        .accordian__style--9 > .panel-group > .panel-open {
            background: #f9f9f9;
            border-bottom: none;
            display: flex;
            border: 1px solid #e4e4e4;
            flex-direction: column;
        }

.accordian__style--10 {
    border: none;
    display: flex;
    flex-direction: column;
    margin-bottom: 0px;
    grid-gap: 10px;
}

    .accordian__style--10 > .panel-group {
        margin-bottom: 0;
        display: flex;
        flex-direction: column;
        /*overflow: hidden;*/
        border-radius: 8px;
    }

        .accordian__style--10 > .panel-group > .panel {
            border: 1px solid #e4e4e4;
            border-radius: 8px;
            overflow: visible;
            box-shadow: none !important;
        }

        .accordian__style--10 > .panel-group > .panel-default > .panel-heading .panel-title span {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .accordian__style--10 > .panel-group > .panel-default > .panel-heading {
            padding: 5px 12px;
            background:#fcfdfd;
            border-radius:10px;
        }

            .accordian__style--10 > .panel-group > .panel-default > .panel-heading .panel-title h1 {
                font-size: var(--font-size-lg);
                font-weight: 500;
                line-height: 16.38px;
                text-align: left;
                color: #1D1D1D;
                margin: 0;
            }

        .accordian__style--10 > .panel-group > .panel-default > .panel-collapse > .panel-body {
            padding: 4px 8px 10px 8px;
            border: none !important;
            background: #fcfdfd;
            border-radius:0px 0px 10px 10px;
        }
/*Accordion 6 style ended*/
.remainder__box {
    display: flex;
    align-items: center;
    flex-direction: column;
    grid-gap: 6px;
    border-radius: 5px;
    border: 1px solid #DDDDDD;
    background: #FFF9E8;
    padding: 5px 8px;
}

.remainder__box > p {
    margin: 0;
    font-size: var(--font-size-xs);
    font-weight: 500;
    color: #0E0E0E;
}

.remainder__box > div {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    grid-gap: 10px;
}

.remainder__box > div > span {
    font-size: 9px;
    font-weight: 500;
    color: #7A7A7A;
    line-height: normal;
}



.vertical__list {
    display: inline-flex;
    flex-direction: column;
    grid-gap: 5px;
}

    .vertical__list > label {
        font-size: var(--font-size-md);
        color: #4A4A4A;
        font-weight: 400;
        line-height: normal;
    }

    .vertical__list > span {
        font-size: var(--font-size-lg);
        color: #0E0E0E;
        font-weight: 500;
        line-height: normal;
    }

    .vertical__list > p {
        font-size: var(--font-size-sm);
        font-weight: 400;
        line-height: 13.86px;
        text-align: left;
        color: #0E0E0E;
    }

.table__bordered--lasttd > tbody > tr > td {
    border-bottom: none !important;
}

.table__bordered--lasttd > tbody > tr:last-child > td {
    border-bottom: 1px solid #B3B3B3 !important;
}

.Notes-summary-list {
    display: flex;
    align-items: center;
    grid-gap: 0px 18px;
    margin: 0;
    flex-flow: wrap;
    list-style: disc;
}

    .Notes-summary-list > li > span {
        color: #4A4A4A;
        font-size: var(--font-size-sm);
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .Notes-summary-list > li > label {
        color: #0E0E0E;
        font-size: var(--font-size-sm);
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

.table__bspace-- {
    border-spacing: 3px 0;
    border-collapse: separate;
}
.active-bg > td {
    background-color: #CFD8D8 !important;
}

.sent,
.signed,
.status__green-- {
    font-size: var(--font-size-md);
    font-weight: 400;
    line-height: normal;
    color: #2DAA2D !important;
    display: flex;
    align-items: center;
    grid-gap:3px;
    white-space:nowrap;
}
.sent::before,
.signed::before,
.status__green--dot::before,
.status__green--::before {
    content: '';
    width: 6px;
    height: 6px;
    background: #2DAA2D;
    display: inline-block;
    margin-right: 2px;
    border-radius: 3px;
}
.failed,
.not-signed,
.status__red-- {
    font-size: var(--font-size-md);
    font-weight: 400;
    line-height: normal;
    color: #C71D27 !important;
    display: inline-flex;
    align-items: center;
    grid-gap: 3px;
    white-space: nowrap;
}
.failed::before,
.not-signed::before,
.status__red--dot::before,
.status__red--::before {
    content: '';
    width: 6px;
    height: 6px;
    background: #C71D27;
    display: inline-block;
    margin-right: 2px;
    border-radius: 3px;
}


.pending,
.status__yellow-- {
    font-size: var(--font-size-md);
    font-weight: 400;
    line-height: normal;
    color: #FF9F2D !important;
    display: inline-flex;
    grid-gap: 3px;
    align-items: center;
    white-space: nowrap;
}

.pending::before,   
.status__yellow--dot::before,
.status__yellow--::before {
    content: '';
    width: 6px;
    height: 6px;
    background: #FF9F2D;
    display: inline-block;
    margin-right: 2px;
    border-radius: 3px;
}

.status__gray-- {
    font-size: var(--font-size-md);
    font-weight: 400;
    line-height: normal;
    color: #606060 !important;
    display: inline-flex;
    grid-gap: 3px;
    align-items: center;
    white-space: nowrap;
}
.status__gray--dot::before,
.status__gray--::before {
    content: '';
    width: 6px;
    height: 6px;
    background: #606060;
    display: inline-block;
    margin-right: 2px;
    border-radius: 3px;
}
.status__secondary--green {
    font-size: var(--font-size-md);
    font-weight: 400;
    line-height: normal;
    color: #34B698 !important;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}
.status__secdgreen--dot::before,
.status__secondary--green::before {
    content: '';
    width: 6px;
    height: 6px;
    background: #34B698;
    display: inline-block;
    margin-right: 2px;
    border-radius: 3px;
}

.status__secdgreen--dot,
.status__green--dot,
.status__yellow--dot,
.status__red--dot,
.status__gray-- {
    display: inline-flex;
    align-items: center;
    grid-gap: 4px;
}
.visits__list {
    display: flex;
    /*align-items: center;*/
    grid-gap: 5px;
    min-width: 0;
    padding: 4px;
    cursor: pointer;
    border-bottom: 0.56px solid #E4E4E4;
}
.visits__list.active{
    border:1px solid #1d5558;
    border-radius:5px;
}
/*----------------------------------------*/
/*  10. Appointment Rooms
/*----------------------------------------*/
.appointment__rooms-- {
    display: flex;
    flex-direction: column;
    border-radius: 6px;
    border: 1px solid #E6E6E6;
}
.appointment__rooms-- > h4 {
    margin: 0;
    color: #1D1D1D;
    text-align: center;
    font-size: var(--font-size-md);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 4px 0;
    border-radius: 6px 6px 0 0;
}
.appointment__rooms-- > ul {
    margin: 0;
    display: flex;
    list-style-type: none;
    grid-column-gap: 5px;
    padding: 6px;
}
.appointment__rooms-- > ul > li {
    flex: 1;
    border-radius: 4px; 
}
.appointment__rooms-- > ul > li > a {
    display: block;
    padding: 4px 12px;
    border-radius: 4px;
}
.appointment__rooms-- > ul > li > a > h3 {
    margin: 0;
    color: #1D1D1D;
    text-align: center;
    font-size: var(--font-size-xl);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.appointment__rooms-- > ul > li > a > span {
    color: #656565;
    text-align: center;
    font-size: var(--font-size-md);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: block;
    white-space: nowrap;
}
.reception__rooms--bg {
    background: rgba(178, 231, 255, 0.80); 
}
.asc__rooms--bg {
    background: rgba(75, 181, 67, 0.30);
}
.section__style--appts {
    border-radius: 8px;
    border: 1px solid #E4E4E4;
    background-color: #fff;
    display:flex;
    flex-direction:column;
}
.patient__list-- {
    display: flex;
    grid-column-gap: 6px;
    align-items: center;
}
.patient__list-- > img {
    width: 40px;
    height: 40px;
}
.patient__list-- > div {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 1px;
    grid-gap:5px;
}
.patient__list-- > div > p {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap:10px;
}
.patient__list-- > div > p > label {
    color: #1D1D1D;
    font-size: var(--font-size-lg);
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.patient__list-- > div > div > span {
    font-size: var(--font-size-lg);
    font-weight: 400;
    line-height: 16.38px;
    text-align: left;
    color: #606060;
}
.patients__unstyled-- {
    display: flex;
    flex-direction: column;
    margin:0;
    padding:0;
}
.patients__unstyled-- > li {
    list-style:none;
    padding: 6px;
    background-color: #fff;
    border-bottom: 1px solid #E4E4E4;
}
.patients__unstyled-- > li.active {
    background: #34B6981A;
}
.ascbtns--list-- {
    display: flex;
    flex-direction: column;
    grid-gap: 2px;
    margin: 0;
}
.ascbtns--list-- > li {
    list-style: none;
}
.ascbtns--list-- > li:hover > button,
.ascbtns--list-- > li:hover > a {
    background: #F7F7F7;
    border: 1px solid #F2F2F2;
    border-radius: 5px;
}
.ascbtns--list-- > li > button,
.ascbtns--list-- > li > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    grid-gap: 8px;
    padding: 4px;
    border: 1px solid #fff;
}
.ascbtns--list-- > li > button > span,
.ascbtns--list-- > li > a > span {
    font-size: var(--font-size-lg);
    font-weight: 400;
    line-height: 19.5px;
    text-align: left;
    flex: 1;
    color: #606060;
}

.grid__col--4{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    align-items:center;
    grid-gap:8px;
}
.grid__col--4 > div{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:8px;
    padding:10px 8px;
    border-right:1px solid #e4e4e4;
}
.grid__col--4 > div:last-child{
    border:none;
}
.card__list--{
    display:flex;
    align-items:center;
    grid-gap:20px;
    flex-flow:wrap;
}
.card__list-- > div{
    position:relative;
    display:flex;
    flex-direction:column;
    gap:10px;
}
.card__list-- > div > span {
    font-size: 12px;
    font-weight: 500;
    line-height: 15.12px;
    text-align: left;
    color: #1D1D1D;
    margin-bottom:5px;
}
.card__list-- > div > label {
    font-size: 12px;
    font-weight: 500;
    line-height: 15.12px;
    text-align: left;
    color: #5E6366;
}
.card__list-- > div > div{
    position:relative;
}

.card__list-- > div > div > img {
    width: 250px;
    height: auto;
    border-radius:7px;
    object-fit:cover;
}
.card__list-- > div > div > div {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    height: 100%;
    width: 100%;
    inset: 0;
    border-radius: 7px;
    background: #0000004D;
    transition: all 0.3s ease-in-out;
    transform-origin: center;
    backdrop-filter: blur(3px);
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
}

.card__list-- > div > div:hover > div {
    opacity: 1;
    visibility: visible;
}

.active_1{
    color:#1d5558;
    border:1px solid #34b698 !important;
}
.grid__vlist > li:nth-child(2n+2){
    background:#f7f7f7;
}
.ledger__active-- {
    border: 1px solid #1d5558;
    border-radius: 8px;
}

.not__admited--::before,
.signed--::before,
.Partially__signed--::before,
.not__signed--::before {
    content: '';
    display: flex;
    color: #606060;
    border: 2px solid #606060;
    background: #606060;
    border-radius: 100%;
    width: 8px;
    height: 8px;
}
.signed--:before {
    color: #2DAA2D;
    border: 2px solid #2DAA2D;
    background: #2DAA2D;
}
.Partially__signed--:before {
    color: #F37123;
    border: 2px solid #F37123;
    background: #F37123;
}
.not__signed--:before {
    color: #C71D27;
    border: 2px solid #C71D27;
    background: #C71D27;
}
.table__style--22 {
    width: 100%;
    border-collapse: separate;
    table-layout: auto;
    border-radius: 4px;
    border: 1px solid #E6E6E6;
}

.table__style--22 > thead > tr > th {
    background: #F9F9F9;
    font-size: var(--font-size-lg);
    font-weight: 500;
    line-height: 18px;
    text-align: left;
    color: #1D1D1D;
    padding: 3px 10px;
    border-bottom: 1px solid #E6E6E6;
}
.table__style--22 > tbody > tr > td {
    padding: 3px 10px;
    border: none;
    text-align: left;
    color: #656565;
    font-weight: 400;
    font-size: var(--font-size-lg);
}
.table__style--23 {
    width: 100%;
    border-collapse: separate;
    table-layout: fixed;
}
.table__style--23 > thead > tr > th {
    color: #656565;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    background: none !important;
    padding: 4px 6px;
}
.table__style--23 > tbody > tr > td, 
.table__style--23 > tbody > tr > td > label {
    padding: 4px 6px;
}
.auditreport__score-- > li,
.auditreport__score-- > li > span {
    color: var(--color-000);
    font-size: var(--font-size-lg);
    font-weight: 500;
}
.auditreport__score-- > li > span::after {
    content: "|";
    margin: 0 5px;
    color: #C4C4C4;
}
.auditreport__score-- > li > span:last-child::after {
    content: "";
    margin: 0 5px;
    color: #C4C4C4;
}
.popover-diabeties > .popover-inner > .popover-content {
    background: #C71D270A;
    color: #C71D27;
}

.animate__toast.ng-hide-remove {
    animation: slideUp 0.4s ease-out !important;
}

.animate__toast.ng-hide-add {
    animation: slideDown 0.2s ease-in !important;
}


/* Slide Up Keyframe */
@keyframes slideUp {
    from {
        transform: translateY(100%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Slide Down Keyframe */
@keyframes slideDown {
    from {
        transform: translateY(0);
        opacity: 1;
    }

    to {
        transform: translateY(100%);
        opacity: 0;
    }
}