.customul-dropdwn > ul.dropdown-menu {
    height: 220px;
    overflow-y: scroll;
    background-clip: unset;
}

.dropdow_templates > .dropdown-menu {
    right: 0;
    text-align: left;
}

    .dropdow_templates > .dropdown-menu > li:first-child,
    .dropdow_templates > .dropdown-menu > li:first-child:hover > a,
    .dropdow_templates > .dropdown-menu > li.active:first-child > a {
        cursor: unset;
        background-color: #f5f5f5 !important;
    }

        .dropdow_templates > .dropdown-menu > li:first-child > a {
            font-weight: 600;
            color: #000;
        }

/*-----------------*/
.gynoscopy-summary {
    width: 250px !important;
    height: 250px !important;
}

    .gynoscopy-summary > .gynoscopy-flex {
        width: 250px !important;
        height: 250px !important;
    }

.gynoscopy-flex > label.gyno-top {
    top: 28px !important;
}

.gynoscopy-summary > .gynoscopy-flex > label {
    background-color: #fff;
    padding: 5px 6px;
    font-weight: 600;
    width: 80px;
    height: 27px;
    text-align: center;
    border: 1px solid #d5d5d5;
    text-transform: uppercase;
    line-height: 17px;
}

.gynoscopy-summary > .gynoscopy-flex > .gyno-bottom {
    bottom: 25px !important;
}

.gynoscopy-img {
    background-image: url(../img/gyno-img.png);
    background-size: contain;
    height: 330px;
    width: 330px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center center;
}

.gynoscopy-flex {
    width: 290px;
    height: 290px;
    margin: auto auto;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

    .gynoscopy-flex > .gyno-top {
        position: absolute;
        right: 0;
        left: 0;
        top: 10px;
        width: 150px;
        margin: 0 auto;
        text-align: center;
        height: 26px;
    }

    .gynoscopy-flex > .gyno-left {
        position: absolute;
        left: -49px;
        top: 0;
        bottom: 0;
        width: 150px;
        margin: auto 0;
        height: 26px;
    }

    .gynoscopy-flex > .gyno-right {
        position: absolute;
        right: -47px;
        top: 0;
        bottom: 0;
        width: 150px;
        margin: auto 0;
        height: 26px;
    }

    .gynoscopy-flex > .gyno-bottom {
        position: absolute;
        right: 0;
        left: 0;
        bottom: 10px;
        width: 150px;
        margin: 0 auto;
        text-align: center;
        height: 26px;
    }

.search-menumain > .dropdown-menu {
    width: 300px;
    overflow-y: scroll;
    height: 300px;
}

    .search-menumain > .dropdown-menu > li > a {
        word-break: break-all;
    }

.checktype {
    width: 32px;
    height: 32px;
    border-radius: 100px;
    line-height: 11px;
    cursor: pointer;
    text-align: center;
    padding: 5px 1px;
    margin: 0 auto;
}

.checkin {
    border: 1px solid #2d2d47;
    color: #2d2d47;
}

.checkedin {
    background: linear-gradient(to right, #2d2d47,#2d2d47);
    color: #fff;
}

.checkedout {
    background-color: #ef4b54;
    color: #fff;
}

.checkin > p, .checktype > p {
    margin: 0;
    padding: 5px 3px;
    font-size: var(--font-size-md);
    /*color: #484848;*/
    font-weight: 500;
}


.Diagnosis-Easymode ul li div {
    position: relative;
    right: 0px;
    float: right;
    top: 16px;
    display: none;
}

.Diagnosis-Easymode ul li:hover div {
    display: block;
}

.Diagnosis-Easymode ul li div a {
    float: left;
    font-size: var(--font-size-2l);
    display: inline-block;
    margin: 0 5px;
}

    .Diagnosis-Easymode ul li div a:nth-child(1) {
        color: #078d44;
    }

    .Diagnosis-Easymode ul li div a:nth-child(2) {
        color: #cd2323;
    }

.Diagnosis-Easymode ul li {
    list-style: none;
    padding: 5px;
    padding-left: 0;
}

    .Diagnosis-Easymode ul li span {
        /*border-bottom: 1px dashed #d5d5d5;*/
        font-weight: 500;
        font-size: var(--font-size-lg);
        color: #2d2d47;
    }

.cash-rec-lab span,
.lbl, label {
    vertical-align: middle;
    line-height: 25px;
    margin-bottom: 0;
    text-transform: capitalize;
}

.form-group > label {
    line-height: 25px;
}

.select-ui-match > .ui-select-container {
    width: 100% !important;
}

    .select-ui-match > .ui-select-container > input[type=search] {
        -webkit-appearance: inherit;
        box-sizing: inherit;
        -webkit-box-sizing: inherit;
    }


.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    background-color: #09a0a0;
    color: #fff;
}

.margin-top {
    margin-top: .5em;
}


.settingsData {
    background-color: #f3f0f0;
    border-radius: 4px;
}


.historyTab {
    height: 30px;
}


.settingsData input.checkbox[type="checkbox"]:checked ~ .lbl::before {
    background-color: #fff;
    background-position: -11px 5px;
}

.settingsData label {
    width: 100%;
}


.triangle-down {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 12px solid #ceff75;
    position: absolute;
    bottom: 13px;
    left: 46%;
}

.fa-search {
    position: absolute;
    right: 8px;
    top: 5.5px;
    color: #e1e1e1;
    font-size: var(--font-size-2l) !important;
}

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

.dash-from {
    float: left;
}

    .dash-from label {
        margin-right: 5px;
    }

    .dash-from input {
        width: 100%;
        height: 30px;
        padding-left: 5px;
        position: relative;
        border: 1px solid #ccc;
        font-size: var(--font-size-sm);
    }

    .dash-from select,
    .select-dr select {
        height: 30px;
        border: 1px solid #ccc;
        padding: 0 30px 0 5px;
        width: 150px;
    }

    .dash-from img {
        position: relative;
        right: 26px;
        bottom: 1px;
    }


div.dash-features {
    margin: 10px 0;
}



.t-name {
    width: 80%;
    padding-right: 10px;
    font-family: "proxima_novalight";
    font-weight: normal;
    float: left;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.cash-rec-lab label {
    font-size: 22px;
    font-weight: 500;
    color: #000;
}

.cash-rec-lab span {
    font-size: 22px;
    /* font-family: 'Montserrat', sans-serif;;*/
    font-weight: 500;
    color: #000;
    padding: 0 0 0 13px;
}

label > input[type=checkbox] + span.lbl,
label > input[type=radio] + span.lbl {
    cursor: pointer;
}

input.checkbox[type=checkbox],
input.radio[type=radio] {
    cursor: pointer;
    width: 19px;
    height: 19px;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity = 0);
    position: absolute;
    z-index: 12;
    filter: alpha(opacity = 100) \9;
    visibility: visible;
    margin: auto;
}

    input.checkbox[type=checkbox]:checked,
    input.checkbox[type=checkbox]:focus,
    input.radio[type=radio]:checked,
    input.radio[type=radio]:focus {
        outline: 0 !important;
    }

    input.checkbox[type=checkbox] ~ .lbl,
    input.radio[type=radio] ~ .lbl {
        display: inline-block;
        font-size: var(--font-size-xl);
        margin: 0;
        min-height: 19px;
        min-width: 19px;
        position: relative;
        vertical-align: top;
        z-index: 0;
        line-height: 1.2;
    }

        input.checkbox[type=checkbox] ~ .lbl:before,
        input.radio[type=radio] ~ .lbl:before {
            background: url(../img/checkbox.png) 12px 12px no-repeat #fff;
            background: 0 0\9;
            content: " ";
            display: inline-block;
            height: 19px;
            margin-top: 0;
            margin-right: 0;
            min-width: 19px;
            vertical-align: middle;
            border: 1px solid #000000;
            border-radius: 3px;
            margin: auto;
        }

        input.radio[type=radio] ~ .lbl:before {
            height: 19px;
            min-width: 19px;
            border-radius: 50px;
        }

    input.checkbox[type=checkbox]:checked ~ .lbl:before {
        background-color: #1d5558;
    }

    input.checkbox[type=checkbox]:checked ~ .lbl:before,
    input.radio[type=radio]:checked ~ .lbl:before {
        background-position: 3.1px 4px;
        content: " ";
        display: inline-block;
        border: 1px solid #1d5558;
        border-radius: 3px;
    }

    input.checkbox[type=checkbox]:checked[disabled] ~ .lbl:before {
        background-position: -12px 4px;
    }

    input.radio[type=radio]:checked[disabled] ~ .lbl:before {
        background-position: -39px 4px;
    }

    input.radio[type=radio]:checked ~ .lbl:before {
        background-position: -28px 4px;
    }

    input.checkbox[type=checkbox]:checked[disabled] ~ .lbl,
    input.checkbox[type=checkbox]:disabled ~ .lbl,
    input.radio[type=radio]:checked[disabled] ~ .lbl,
    input.radio[type=radio]:disabled ~ .lbl {
        cursor: default;
    }

        input.checkbox.disabled[type=checkbox] ~ .lbl:before,
        input.checkbox[type=checkbox]:disabled ~ .lbl:before,
        input.radio.disabled[type=radio] ~ .lbl:before,
        input.radio[type=radio]:disabled ~ .lbl:before {
            background-color: #f2f2f2;
            background-position: -20px -20px;
            border-color: #e3e3e3;
        }


.border-row {
    border: 1px solid #c2d3cd;
}

.color-eHnote {
    color: #28465a;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 500;
    margin: 0;
}

    .color-eHnote label {
        font-size: var(--font-size-2l);
    }

.border-col {
    border: 1px solid #cbcbcb;
    padding-bottom: 10px;
}

.thumb {
    width: 24px;
    height: 24px;
    float: none;
    position: relative;
    top: 7px;
}

form .progress {
    line-height: 15px;
}

.progress {
    display: inline-block;
    width: 100%;
    height: 6px !important;
}

    .progress div {
        font-size: smaller;
        background: #008484;
        width: 0;
        border-radius: 10px;
        height: 6px;
    }


.pager li > a, .pager li > a {
    margin-top: 5px;
    padding: 7px 30px;
    background-color: #2bbb94;
    border: 1px solid #1e977c;
    color: #fff !important;
}

    .pager li > a:hover, .pager li > a:focus {
        background-color: #1e977c;
        border: 1px solid #2bbb94;
    }

/*Admission*/
textarea.form-admission {
    height: auto !important
}

select.form-admission {
    cursor: pointer;
}

.form-admission, .select-form-uib > button {
    border: 1.3px solid #c9c9d1;
    background-color: #fff;
    display: block;
    width: 100%;
    padding: 1px 12px;
    height: 26px;
    font-size: var(--font-size-md);
    line-height: 1.42857143;
    background-image: none;
    border-radius: 2px;
    box-shadow: none;
    font-weight: 600;
    color: #242424;
    /*text-transform: capitalize;*/
}

.border-white {
    border-color: #fff !important;
    background-color: #fff !important;
}

.error-admission {
    border: 1.3px solid #F83232 !important;
    /*background-color: #fcb5b5 !important;*/
}

.success-admission {
    border: 1.3px solid #1e977c !important;
    /*background-color: #22ae81 !important;*/
}

.select-form-uib > button:focus {
    border: 1.3px solid #41a6c2;
    background-color: #fff;
}

.form-admission:focus, .select-form-uib > button:focus {
    border: 1.3px solid #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    background-color: #E8F0FE !important;
}

input[type=button].form-admission:focus {
    background-color: #047ec5;
    color: #fff;
    box-shadow: none;
    border: 1.3px solid #047ec5;
}

.admission-body {
    border: 1px solid #ddd;
}

.admission-panel {
    padding: 10px;
}

.table-admission-head > tbody > tr > td {
    background-color: #286579;
    color: #fff;
    vertical-align: middle;
    padding: 15px 10px !important;
}


.select-form-uib {
    display: block;
    width: 100%;
}

    .select-form-uib > button {
        width: 100%;
        border: 1.3px solid #c9c9d1;
        background-color: #fff;
    }

    .select-form-uib > .dropdown-menu {
        margin-top: 35px;
        height: 250px;
        overflow-y: scroll;
    }


.uib-accordion-over > .panel-group > .panel {
    overflow: visible;
}

.btn-group.open .dropdown-toggle {
    box-shadow: none;
}

.hist-timeline-img > a {
    width: 50px;
    height: 50px;
    display: block;
    margin-right: 5px;
}

    .hist-timeline-img > a > img {
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
    }

.new-consul-seletempl > li:first-child {
    margin-left: 0;
}

.new-consul-seletempl > li {
    display: inline-block;
    float: left;
    width: auto;
    padding: 3px 12px;
    margin-bottom: 5px;
    background-color: #f3f3f3;
    border: none;
    border-radius: 100px;
    margin-right: 10px !important;
}

.taper-table > tbody > tr > td {
    border-bottom: 1px solid #bcbcbc;
    border-top: none;
    border-left: none;
    border-right: none;
    font-weight: 600;
    color: #000;
    padding: 8px 3px;
    font-size: var(--font-size-sm);
}

.taper-table > tbody > tr:first-child > td > div > div > span {
    font-size: var(--font-size-2l);
    color: #068cb0;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
}

.taper-table > tbody > tr:first-child > td > button {
    padding: 3px 10px;
}

.template-edit-icon > ul > li {
    position: relative;
}

    .template-edit-icon > ul > li > button {
        color: #000;
        position: absolute;
        right: 10px;
    }

        .template-edit-icon > ul > li > button:hover {
            color: #fff;
        }

.count-dashboard {
    font-size: 25px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.8;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    margin: 6px 0px !important;
}

.text-dashboard-name {
    font-size: var(--font-size-md);
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: center;
    color: #6f6f6f;
    display: block;
    margin: 5px 0;
}
/*Full Screen view*/
.table-screenview {
    margin-top: 5px;
    margin-bottom: 0;
    table-layout: fixed;
    border-spacing: 6px 0;
    border-collapse: separate;
}

    .table-screenview > tbody > tr > td {
        border: 1px solid #DFDFDF;
        border-radius: 5px;
        background-color: #FFF7EB;
    }

.image-circle-screen {
    width: 180px;
    height: 180px;
    display: block;
    margin: 15px auto;
    border-radius: 100px;
    background-position: center center;
}

.Details-Doctor-text {
    background-color: #fff;
    border-radius: 5px;
    padding: 8px 6px;
    margin-bottom: 5px
}

    .Details-Doctor-text > h2 {
        font-size: 20px;
        font-weight: 500;
        line-height: 30px;
        letter-spacing: 0em;
        text-align: center;
        margin: 0;
        color: #000;
        text-transform: capitalize;
    }

    .Details-Doctor-text > p {
        font-size: var(--font-size-3l);
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 0em;
        text-align: center;
        color: #494949;
        text-transform: capitalize;
        margin: 0;
    }

.Details-Doctor-roomno {
    background: linear-gradient(180deg, #FA0C7C 0%, #B30152 100%);
    border-radius: 5px;
    padding: 8px 6px;
    margin-bottom: 5px
}

.Details-Doctor-token {
    background: linear-gradient(180deg, #3943B7 0%, #2933A5 100%);
    border-radius: 5px;
    padding: 8px 6px;
    margin-bottom: 5px;
}

.Details-Doctor-currenttoken {
    background: linear-gradient(180deg, #51D323 0%, #42A71E 100%);
    border-radius: 5px;
    padding: 8px 6px;
    margin-bottom: 5px;
}

.Details-Doctor-tokennumbers {
    background: linear-gradient(180deg, #FF4B33 0%, #CD301B 100%);
    border-radius: 5px;
    padding: 8px 6px;
    margin-bottom: 5px;
}

    .Details-Doctor-roomno > h2,
    .Details-Doctor-token > h2,
    .Details-Doctor-currenttoken > h2,
    .Details-Doctor-tokennumbers > h2 {
        font-size: 20px;
        font-weight: 600;
        line-height: 30px;
        letter-spacing: 0em;
        text-align: center;
        color: #fff;
        text-transform: capitalize;
        margin: 0;
    }

.Details-Doctor-roomno > p,
.Details-Doctor-token > p,
.Details-Doctor-currenttoken > p {
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
}

.checkbox-1d5558--o {
    appearance: none;
    width: 18px;
    height: 18px;
    border: 1px solid #5e6366;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
    background-color: #fff;
    transition: none !important;
    will-change: auto;
}


    /* Checked State */
    .checkbox-1d5558--o:checked {
        transition: none !important;
        background-color: #1d55581a;
        border-color: #1d5558;
        will-change: auto;
    }

    /* Checkmark Styling */
    .checkbox-1d5558--o::after {
        content: "";
        position: absolute;
        width: 10px;
        height: 5px;
        border-left: 2px solid transparent;
        border-bottom: 2px solid transparent;
        transform: rotate(-45deg);
        top: 50%;
        left: 50%;
        transform-origin: center;
        /*transition: 0.2s ease-in-out;*/
    }

    /* Show Checkmark When Checked */
    .checkbox-1d5558--o:checked::after {
        border-color: #1d5558;
        border-left: 2px solid #1d5558;
        border-bottom: 2px solid #1d5558;
        top: 4px;
        left: 3px;
    }