.icons__w16-- {
    width: 16px;
    height: 16px;
    background-image: url('../content/img/w-16.svg');
    background-size: initial;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
}

.edit__w16--f {
    background-position: -19px -19px;
}

.btn__1d5558--o {
    border: 0.8px solid #1d5558;
    color: #1d5558;
    background-color: #fff;
}

.btn__C71D27--o {
    border: 0.8px solid #C71D27;
    color: #C71D27;
    background-color: #fff;
}

.btn__1d5558--f {
    border: 0.8px solid #1d5558;
    color: #fff;
    background-color: #1d5558;
}

.btn__f5f5f5--f {
    border: 0.8px solid #f5f5f5;
    color: #8c8c8c;
    background-color: #f5f5f5;
}

.btn__1d1d1d--f {
    border: 0.8px solid #1d1d1d;
    color: #fff;
    background-color: #1d1d1d;
}

.btn__e4e4e4--f {
    border: 0.8px solid #ddd;
    color: #3c3c3c;
    background-color: #e4e4e4;
}

.btn__sm-- {
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 500;
}

.btn__xl-- {
    padding: 8px;
    font-size: 14px;
    font-weight: 500;
}

.btn__xl--, .btn__sm-- {
    border-radius: 5px;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.btn__A8B8D9--f {
    background-color: #a8b8d9;
    border: 1px solid #a8b8d9;
}
/*Removal*/
.asc-risk-list-items > li,
.list-tick-ul > li {
    list-style: none;
    padding: 6px 6px 6px 24px;
    position: relative;
    color: #202020;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.asc-risk-list-items,
.list-tick-ul {
    margin: 0;
    display: flex;
    flex-direction: column;
    grid-gap: 6px 12px;
}

    .asc-risk-list-items > li.li-arrow-active:before {
        content: '';
        background: url(https://ehnoteehrdev.azurewebsites.net/img/Arrow-branch.png);
        position: absolute;
        left: -3px;
        top: 7px;
        width: 20px;
        height: 20px;
        object-fit: contain;
        background-size: contain;
    }

    .asc-risk-list-items > li.li-checkbox-active:before {
        content: "\f0c8";
        left: 10px;
        top: 10px;
        margin: 0;
        font-family: "Font Awesome 5 Free";
        font-weight: 200;
        position: absolute;
        font-size: var(--font-size-3l);
        color: #1d5558;
    }

.asc-group, .asc-group > span {
    display: flex;
    align-items: center;
    grid-gap: 0 4px;
}

    .asc-group > label {
        color: #000;
        font-size: var(--font-size-md);
        /* font-size: var(--font-size-xl); */
        font-style: normal;
        font-weight: 500;
        line-height: normal !important;
        /* width: 85px; */
    }

    .asc-group > span {
        border-radius: 5px;
        border: 0.5px solid #000;
        background: #FFF;
        overflow: hidden;
    }

        .asc-group > span > input {
            color: #4A4A4A;
            font-size: var(--font-size-lg);
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            border: none;
            height: 26px;
            padding: 4px 6px;
            width: 56px;
        }

            .asc-group > span > input[disabled] {
                cursor: no-drop !important;
                background-color: #F2F2F2;
                border: 0.8px solid #D1D1D1 !important;
            }

        .asc-group > span > button {
            color: #7A7A7A;
            font-size: var(--font-size-md);
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            padding: 4px;
            height: 26px;
            border: 0;
            border-radius: 0;
            width: 56px;
        }

.table-graph,
.table-graph-new {
    margin: 0;
    border-spacing: 5px 5px;
    border-collapse: separate;
    table-layout: fixed;
    width: 100%;
}
    /*.table-graph-new {
    border-collapse: collapse !important;
}*/
    .table-graph > thead > tr > th {
        border-radius: 4px;
        border: solid 1px #11b9e3;
        background-color: #dcf8ff;
        padding: 2px 5px;
        font-size: var(--font-size-xl);
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #068cb0;
    }

    .table-graph > thead > tr > td,
    .table-graph-new > thead > tr > td {
        color: #000;
        font-size: var(--font-size-xl);
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .table-graph > tbody > tr > td > input {
        width: 100%;
        background-color: #fff;
        border: 1px solid #909090;
        padding: 3px 5px;
        font-size: var(--font-size-xl);
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #000;
    }

    .table-graph > tbody > tr > td > ul > li > input {
        width: 100%;
        background-color: #fff;
        border: 1px solid #909090;
        padding: 3px 5px;
        font-size: var(--font-size-xl);
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #000;
    }

    .table-graph > tbody > tr > td > span,
    .table-graph > tbody > tr > td > select {
        border-radius: 4px;
        border: solid 1px #068cb0;
        background-color: #fff;
        padding: 3px 5px;
        display: block;
        text-align: center;
        font-size: var(--font-size-md);
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #313131;
        width: 100%;
    }

    .table-graph > tbody > tr > th > label {
        margin: 0;
        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;
        border-radius: 4px;
        border: solid 1px #068cb0;
        background-color: #fff;
        padding: 5px;
    }

    .table-graph > tbody > tr > th {
        background-color: #efefef;
        font-size: var(--font-size-xl);
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #313131;
        padding: 3px 20px 3px 10px;
        position: relative;
    }

.facesheet-OPSV-summary {
    background-color: #fff;
    border-radius: 6px;
    margin-bottom: 6px;
    padding: 4px 6px;
}

    .facesheet-OPSV-summary > ul,
    .facesheet-OPSV-summary > ol {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        grid-gap: 2px 38px;
        margin-bottom: 4px;
    }

        .facesheet-OPSV-summary > ul > li,
        .facesheet-OPSV-summary > ol > li {
            list-style: none;
            display: flex;
            align-items: center;
            grid-gap: 2px 6px;
        }

            .facesheet-OPSV-summary > ul > li > h3 {
                margin: 0;
                color: #1D5558;
                font-size: 13px;
                font-style: normal;
                font-weight: 700;
                line-height: normal;
            }

            .facesheet-OPSV-summary > ul > li > span {
                font-size: 12px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
            }

            .facesheet-OPSV-summary > ul > li > label,
            .facesheet-OPSV-summary > ol > li > label {
                color: #0E0E0E;
                font-size: 13px;
                font-style: normal;
                font-weight: 600;
                line-height: normal;
                margin: 0;
            }

            .facesheet-OPSV-summary > ul > li > p {
                color: #5a5a8c;
                font-size: 12px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                margin: 0;
            }

            .facesheet-OPSV-summary > ul > li > table,
            .facesheet-OPSV-summary > table {
                width: 100%;
                text-align: center;
            }

                .facesheet-OPSV-summary > ul > li > table > thead > tr > th {
                    color: #5a5a8c;
                    font-size: 13px;
                    font-style: normal;
                    font-weight: 500;
                    line-height: normal;
                    background-color: #fff;
                    text-align: center;
                    padding: 4px 3px;
                }

                .facesheet-OPSV-summary > ul > li > table > tbody > tr > th,
                .facesheet-OPSV-summary > table > tbody > tr > th {
                    color: #4a4a4a;
                    font-size: 13px;
                    font-style: normal;
                    font-weight: 500;
                    line-height: normal;
                    background-color: #fff;
                    padding: 4px 3px;
                }

                .facesheet-OPSV-summary > ul > li > table > tbody > tr > td,
                .facesheet-OPSV-summary > table > tbody > tr > td {
                    color: #0E0E0E;
                    font-size: 13px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: normal;
                    padding: 4px 3px;
                }

                .facesheet-OPSV-summary > table > thead > tr > th {
                    border-radius: 3px;
                    border-bottom: 0.5px solid #636363;
                    background: #FAFAFA;
                    padding: 3px 6px;
                    text-align: center;
                    font-size: 13px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: normal;
                }

    .facesheet-OPSV-summary > ol {
        margin-top: 6px;
        padding-top: 6px;
        border-top: 1px solid #d2d2d2;
    }

        .facesheet-OPSV-summary > ol > li > h3 {
            color: #d90429;
            font-size: 13px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            margin: 0;
        }

.asc-vertical-list-items {
    margin: 0;
    display: flex;
    flex-direction: column;
    grid-gap: 4px 0;
}

    .asc-vertical-list-items > li,
    .asc-horizontal-list-items > li {
        padding: 4px 0px 2px 0px;
        list-style-type: square;
        line-height: 1;
        margin-left: 20px;
    }

.asc-horizontal-list-items {
    margin: 0;
    display: flex;
    grid-gap: 0 4px;
    flex-flow: wrap;
}

.bg-1d5558 {
    background-color: #1d5558;
}

.text-s16w700C15898f {
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #15898f;
}

.doctor-notes-list {
    align-items: center;
    background-color: #DEEFF0;
    display: flex;
    grid-gap: 4px;
    flex-wrap: wrap;
    border-radius: 5px !important;
}

.two-sections, .three-sections, .four-sections, .five-sections {
    display: flex;
    grid-gap: 4px;
    flex-wrap: wrap;
}

    .two-sections > .profile-section, .two-sections > div, .two-sections > li {
        width: calc(100%*(1 / 2) - 2px - 0px);
    }

.od-bg {
    background-color: #4B8BA3 !important;
}

.p-6 {
    padding: 6px !important;
}

.w-90 {
    width: 90px !important;
}

.bradius-6 {
    border-radius: 6px !important;
}

.bg-white {
    background-color: #fff !important;
}
/*.consultation-button > label, .cstm-dropdown > label {
    line-height: 20px;
}*/
.fs-20 {
    font-size: 20px !important;
}

/*-----------------------Height-----------------*/
.height-20 {
    height: 20px !important;
}

.height-25 {
    height: 25px !important;
}

.height-30 {
    height: 30px !important;
}

.height-32 {
    height: 32px !important;
}

.height-33 {
    height: 33px !important;
    border-radius: 0 !important;
}

.height-35 {
    height: 35px !important;
}

.height-38 {
    height: 38px !important;
}


.height-50 {
    height: 50px !important;
}

.height-55 {
    height: 55px !important;
}

.height-60 {
    height: 60px !important;
}

.height-145 {
    height: 145px !important;
}

.height-150 {
    height: 150px !important;
}

.height-180 {
    height: 180px !important;
}

.width-50 {
    width: 50px;
}

.h-225 {
    height: 225px !important;
}

.height-300 {
    height: 300px;
}

.h-422 {
    height: 422px !important;
}

.h-auto {
    height: auto !important;
}

.white-nowrap {
    white-space: nowrap !important;
}
/*border*/
/*.b-C4C4D0 {
    border-color: #C4C4D0;
}
.b-style {
    border-style: solid;
}
.b-width {
    border-width: 1px
}
.b-1 {
    border-left: 1px;
}*/

uib-tooltip {
    white-space: nowrap;
}

.border-right-0 {
    border-right: 0 !important;
}

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

.EH-pagination > ul.pagination {
    margin: 0;
}

    .EH-pagination > ul.pagination > li > a:first-child,
    .EH-pagination > ul.pagination > li > a:last-child {
        border-radius: 100px !important;
    }

    .EH-pagination > ul.pagination > li > a {
        border-radius: 5px;
        margin: 0 5px;
    }

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

.bradius-none {
    border-radius: 0 !important;
}

.radius-0 {
    border-radius: 0 !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

/*////////*/

.form-control:focus {
    background-color: #E8F0FE !important;
}

.zindex-1 {
    z-index: 1 !important;
}

.b-0 {
    border: none;
}

/*.p-0 {
    padding: 0 !important;
}

.p-5 {
    padding: 5px;
}*/

.p-10 {
    padding: 10px;
}

.p-15 {
    padding: 15px;
}

.p-20 {
    padding: 20px;
}

.p-25 {
    padding: 25px;
}

.p-30 {
    padding: 30px;
}

.p-40 {
    padding: 40px;
}

.p-50 {
    padding: 50px;
}

.p-60 {
    padding: 60px;
}

.p-70 {
    padding: 70px;
}

.p-80 {
    padding: 80px;
}

.p-90 {
    padding: 90px;
}

.p-100 {
    padding: 100px;
}

.p-110 {
    padding: 110px;
}

.p-120 {
    padding: 120px;
}

.p-130 {
    padding: 130px;
}

.p-140 {
    padding: 140px;
}
/*Padding Left*/
.pl-0 {
    padding-left: 0px !important;
}

.pl-5 {
    padding-left: 5px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.pl-15 {
    padding-left: 15px;
}

.pl-20 {
    padding-left: 20px !important;
}

.pl-25 {
    padding-left: 25px;
}

.pl-30 {
    padding-left: 30px;
}

.pl-40 {
    padding-left: 40px;
}

.pl-50 {
    padding-left: 50px !important;
}

.pl-60 {
    padding-left: 60px;
}

.pl-70 {
    padding-left: 70px;
}

.pl-80 {
    padding-left: 80px;
}

.pl-90 {
    padding-left: 90px;
}

.pl-100 {
    padding-left: 100px;
}

.pl-110 {
    padding-left: 110px;
}

.pl-120 {
    padding-left: 120px;
}

.pl-130 {
    padding-left: 130px;
}

.pl-140 {
    padding-left: 140px;
}
/*Padding Top*/
.pt-0 {
    padding-top: 0px !important;
}

.pt-5 {
    padding-top: 5px;
}

.pt-6 {
    padding-top: 6px !important;
}

.pt-10 {
    padding-top: 10px;
}

.pt-15 {
    padding-top: 15px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-25 {
    padding-top: 25px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-60 {
    padding-top: 60px;
}

.pt-70 {
    padding-top: 70px;
}

.pt-80 {
    padding-top: 80px;
}

.pt-90 {
    padding-top: 90px;
}

.pt-100 {
    padding-top: 100px;
}

.pt-110 {
    padding-top: 110px;
}

.pt-120 {
    padding-top: 120px;
}

.pt-130 {
    padding-top: 130px;
}

.pt-140 {
    padding-top: 140px;
}
/*Padding Right*/
.pr-0 {
    padding-right: 0px !important;
}

.pr-5 {
    padding-right: 5px !important;
}

.pr-10 {
    padding-right: 10px !important;
}

.pr-15 {
    padding-right: 15px;
}

.pr-20 {
    padding-right: 20px !important;
}

.pr-25 {
    padding-right: 25px;
}

.pr-30 {
    padding-right: 30px;
}

.pr-40 {
    padding-right: 40px;
}

.pr-50 {
    padding-right: 50px !important;
}

.pr-60 {
    padding-right: 60px;
}

.pr-70 {
    padding-right: 70px;
}

.pr-80 {
    padding-right: 80px;
}

.pr-90 {
    padding-right: 90px;
}

.pr-100 {
    padding-right: 100px;
}

.pr-110 {
    padding-right: 110px;
}

.pr-120 {
    padding-right: 120px;
}

.pr-130 {
    padding-right: 130px;
}

.pr-140 {
    padding-right: 140px;
}
/*Padding Bottom*/
.pb-0 {
    padding-bottom: 0 !important;
}

.pb-5 {
    padding-bottom: 5px !important
}

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

.pb-20 {
    padding-bottom: 20px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pb-70 {
    padding-bottom: 70px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pb-90 {
    padding-bottom: 90px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pb-110 {
    padding-bottom: 110px;
}

.pb-120 {
    padding-bottom: 120px;
}

.pb-130 {
    padding-bottom: 130px;
}

.pb-140 {
    padding-bottom: 140px;
}

.pb-180 {
    padding-bottom: 180px;
}
/*Margin*/
.m-0 {
    margin: 0 !important;
}
/*Margin Top*/
.mt-0 {
    margin-top: 0 !important;
}

.mt-5 {
    margin-top: 5px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-25 {
    margin-top: 25px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-70 {
    margin-top: 70px;
}

.mt-80 {
    margin-top: 80px;
}

.mt-90 {
    margin-top: 90px;
}

.mt-100 {
    margin-top: 100px;
}

.mt-110 {
    margin-top: 110px;
}

.mt-120 {
    margin-top: 120px;
}

.mt-130 {
    margin-top: 130px;
}

.mt-140 {
    margin-top: 140px;
}
/*Margin Left*/

.ml-0 {
    margin-left: 0px !important;
}

.ml-5 {
    margin-left: 5px;
}

.ml-10 {
    margin-left: 10px;
}

.ml-15 {
    margin-left: 15px;
}

.ml-20 {
    margin-left: 20px;
}

.ml-25 {
    margin-left: 25px;
}

.ml-30 {
    margin-left: 30px;
}

.ml-35 {
    margin-left: 35px;
}

.ml-40 {
    margin-left: 40px;
}

.ml-45 {
    margin-left: 45px;
}

.ml-50 {
    margin-left: 50px;
}

.ml-60 {
    margin-left: 60px;
}

.ml-70 {
    margin-left: 70px;
}

.ml-80 {
    margin-left: 80px;
}

.ml-90 {
    margin-left: 90px;
}

.ml-100 {
    margin-left: 100px;
}

.ml-110 {
    margin-left: 110px;
}

.ml-120 {
    margin-left: 120px;
}

.ml-130 {
    margin-left: 130px;
}

.ml-140 {
    margin-left: 140px;
}
/*Margin Right*/
.mr-0 {
    margin-right: 0 !important;
}

.mr-5 {
    margin-right: 5px;
}

.mr-10 {
    margin-right: 10px;
}

.mr-15 {
    margin-right: 15px;
}

.mr-20 {
    margin-right: 20px;
}

.mr-25 {
    margin-right: 25px;
}

.mr-30 {
    margin-right: 30px;
}

.mr-40 {
    margin-right: 40px;
}

.mr-50 {
    margin-right: 50px;
}

.mr-60 {
    margin-right: 60px;
}

.mr-70 {
    margin-right: 70px;
}

.mr-80 {
    margin-right: 80px;
}

.mr-90 {
    margin-right: 90px;
}

.mr-100 {
    margin-right: 100px;
}

.mr-110 {
    margin-right: 110px;
}

.mr-120 {
    margin-right: 120px;
}

.mr-130 {
    margin-right: 130px;
}

.mr-140 {
    margin-right: 140px;
}
/*Margin Bottom*/
.mb-0 {
    margin-bottom: 0 !important;
}

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

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

.mb-15 {
    margin-bottom: 15px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*-------*/

/*custom Padding*/

/* Large desktops and laptops */
@media (min-width: 1200px) {
    .pl-DT {
        padding-left: 0
    }

    .pr-DT {
        padding-right: 0;
        padding-left: 5px;
    }

    .pt-DT {
        padding-top: 0
    }

    .pb-DT {
        padding-bottom: 0
    }
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    .pl-DT {
        padding-left: 15px;
    }

    .pr-DT {
        padding-right: 15px;
    }

    .pt-DT {
        padding-top: 15px;
    }

    .pb-DT {
        padding-bottom: 15px;
    }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    .pl-DT {
        padding-left: 15px;
    }

    .pr-DT {
        padding-right: 15px;
    }

    .pt-DT {
        padding-top: 15px;
    }

    .pb-DT {
        padding-bottom: 15px;
    }
}


.flex-direction-column {
    flex-direction: column;
}


.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: 12px;
    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: 12px;
        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: 12px;
    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: normal;*/
    white-space: initial;
    word-wrap: break-word;
    /*word-break: 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: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.btn__2D2D47--f {
    background: #2D2D47;
    color: #fff;
    border: 0.8px solid #2D2D47;
}

.btn__344b698--o {
    background: #fff;
    color: #34B698;
    border: 1px solid #34B698;
}

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

.btn__lg-- {
    border-radius: 5px;
    padding: 6px 12px;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 5px;
}

.dis-flex {
    display: flex;
}

.align-items-center {
    align-items: center;
}

.grid-gap-10 {
    grid-gap: 10px;
}

.m-t-22 {
    margin-top: 22px;
}

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

/*Media Queries*/

/*For Mobile*/
@media (min-width:320px) and (max-width:600px) {
    .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 {
        border-radius: 8px;
        padding: 4px 10px;
        font-size: 16px;
        line-height: 1.8;
    }
}


.examination-gridview-table {
    margin: auto;
    position: relative;
}

    .examination-gridview-table:after {
        width: 20px;
        height: 20px;
        background-color: #de3131;
        border-radius: 100px;
        position: absolute;
        content: "";
        top: 50px;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto auto;
    }

.examination-gridview-table-summary:after {
    top: 0 !important;
    width: 10px !important;
    height: 10px !important;
}

.examination-gridview-table > tbody > tr > td {
    width: 50px;
    height: 50px;
    background-color: #fff;
    cursor: pointer;
    border: 1px solid #909090;
}

    .examination-gridview-table > tbody > tr > td.selected-grid {
        background-color: #383838;
    }

/*/Fourfiled Test*/
.custom-circle-traigle-fourfield-summary {
    width: 300px;
    height: 145px;
    position: relative;
    display: block;
}

.custom-circle-traigle-summary > ul > li {
    list-style: none;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    width: 50px;
    height: 65px;
    background-image: url(img/traingle-shape.svg);
    cursor: pointer;
}

    .custom-circle-traigle-summary > ul > li.active,
    .custom-circle-traigle-summary > ul > li:hover {
        background-image: url(img/triangle-shape-active.svg);
    }


.custom-circle-traigle-fourfield-summary > ul > li:nth-child(1),
.custom-circle-traigle-fourfield-summary > ul > li.active:nth-child(1) {
    transform: rotate(270deg);
    left: 69px;
    right: 0;
    margin: 0 auto;
    top: 7px;
}

.custom-circle-traigle-fourfield-summary > ul > li:nth-child(2),
.custom-circle-traigle-fourfield-summary > ul > li.active:nth-child(2) {
    transform: rotate(0deg);
    right: 51px;
    top: 15px;
}

.custom-circle-traigle-fourfield-summary > ul > li:nth-child(3),
.custom-circle-traigle-fourfield-summary > ul > li.active:nth-child(3) {
    transform: rotate(90deg);
    right: 58px;
    top: 55px;
}

.custom-circle-traigle-fourfield-summary > ul > li:nth-child(4),
.custom-circle-traigle-fourfield-summary > ul > li.active:nth-child(4) {
    transform: rotate(180deg);
    right: 99px;
    top: 47px;
}

.custom-circle-traigle-fourfield-summary > a {
    width: 25px;
    height: 25px;
    border: 1px solid #484848;
    position: absolute;
    left: 100px;
    top: 50px;
    right: 0;
    background-color: #fff;
    border-radius: 100%;
    margin: auto;
    z-index: 2;
}

    .custom-circle-traigle-fourfield-summary > a:hover,
    .custom-circle-traigle-fourfield-summary > a.active {
        background-color: #484848;
        box-shadow: 0px 0px 3px 1px #817a7a;
    }

.custom-circle-traigle-fourfield-summary > ul > li {
    list-style: none;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    width: 50px;
    height: 65px;
    background-image: url(img/fourfield-triangle-shape.svg);
    cursor: pointer;
}

    .custom-circle-traigle-fourfield-summary > ul > li.active,
    .custom-circle-traigle-fourfield-summary > ul > li:hover {
        background-image: url(img/fourfield-triangle-shape-active.svg);
    }
/*Four Field Summary*/
/*Eight Field Summary*/
.custom-circle-traigle-summary {
    width: 300px;
    height: 145px;
    position: relative;
    margin: auto;
    display: block;
}


    .custom-circle-traigle-summary > ul > li:nth-child(1),
    .custom-circle-traigle-summary > ul > li.active:nth-child(1) {
        transform: rotate(0deg);
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 3px;
    }

    .custom-circle-traigle-summary > ul > li:nth-child(2),
    .custom-circle-traigle-summary > ul > li.active:nth-child(2) {
        transform: rotate(45deg);
        right: 104px;
        top: 12px;
    }

    .custom-circle-traigle-summary > ul > li:nth-child(3),
    .custom-circle-traigle-summary > ul > li.active:nth-child(3) {
        transform: rotate(90deg);
        right: 95px;
        top: 34px;
    }

    .custom-circle-traigle-summary > ul > li:nth-child(4),
    .custom-circle-traigle-summary > ul > li.active:nth-child(4) {
        transform: rotate(135deg);
        right: 104px;
        top: 56px;
    }

    .custom-circle-traigle-summary > ul > li:nth-child(5),
    .custom-circle-traigle-summary > ul > li.active:nth-child(5) {
        transform: rotate(180deg);
        right: 126px;
        top: 65px;
    }

    .custom-circle-traigle-summary > ul > li:nth-child(6),
    .custom-circle-traigle-summary > ul > li.active:nth-child(6) {
        transform: rotate(225deg);
        left: 104px;
        top: 56px;
    }

    .custom-circle-traigle-summary > ul > li:nth-child(7),
    .custom-circle-traigle-summary > ul > li.active:nth-child(7) {
        transform: rotate(270deg);
        left: 95px;
        top: 34px;
    }

    .custom-circle-traigle-summary > ul > li:nth-child(8),
    .custom-circle-traigle-summary > ul > li.active:nth-child(8) {
        transform: rotate(315deg);
        left: 103px;
        top: 12px;
    }

    .custom-circle-traigle-summary > a {
        width: 25px;
        height: 25px;
        border: 1px solid #484848;
        position: absolute;
        left: 0;
        top: 50px;
        right: 0;
        background-color: #fff;
        border-radius: 100%;
        margin: auto;
        z-index: 2;
    }

        .custom-circle-traigle-summary > a:hover,
        .custom-circle-traigle-summary > a.active {
            background-color: #484848;
            box-shadow: 0px 0px 3px 1px #817a7a;
        }
/*Eight Field Summary*/