/* profile block*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,500;0,600;1,400&display=swap');

.edit_icon {
    color: antiquewhite;
}

.input-group .form-control {
    z-index: 1 !important;
}

.btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {
    z-index: 1 !important;
}

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    z-index: 1 !important;
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100px;
    width: 0% !important;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgb(0 0 0 / 60%);
    /* background-color: rgba(0,0,0,0); */
    filter: alpha(opacity=50);
    opacity: .5;
}

    .carousel-control.right {
        right: 0;
        left: 92%;
    }
    /* profile block*/

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: -80px !important;
        color: #3276b1 !important;
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: -80px !important;
        color: #3276b1 !important;
    }
/*components*/
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.modal-dialog-40 {
    width: 40%;
}

.modal-dialog-60 {
    width: 60%;
}

.modal-dialog-90 {
    width: 90%;
}

/*.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border:0px solid;
    border-bottom: 3px solid #3276b1 !important;
}
.nav-tabs>li{
    margin-right:8px !important;
}

.nav-tabs>li>a {
    margin-right: 0px;
    line-height: 1.42857143;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 13px 0px;
}*/

.csprev-step i {
    font-size: 25px !important;
    margin-top: 10px !important;
    color: #3276b1 !important;
}

.csnext-step i {
    font-size: 25px !important;
    margin-top: 10px !important;
    color: #3276b1 !important;
}

/*normal buttons styles*/
.btn {
    font-weight: bold;
}

.btn-primaryuse {
    background-color: #3276b1;
    border-color: #3276b1;
    color: white !important;
}

    .btn-primaryuse:hover, .btn-primaryuse:active, .btn-primaryuse:focus {
        background-color: #605ca9 !important;
        border-color: #605ca8;
        color: white !important;
    }

.btn-delete {
    background-color: #dd4b39;
    border-color: #d73925;
    color: white;
}

    .btn-delete:hover, .btn-delete:active, .btn-delete:hover {
        background-color: #d73925;
        color: white;
    }

.btn-submit {
    background-color: #398439;
    border-color: #255625;
    color: white !important;
}

    .btn-submit:hover, .btn-submit:active, .btn-submit.hover, btn-submit.focus {
        background-color: #008d4c;
        color: white;
        border-color: #255625;
    }
/*normal buttons styles*/

/*checkbox-btn*/

.checkbox-btn input[type=checkbox] {
    display: contents;
}

.checkbox-btn label {
    border: 1px solid #605ca8;
    background-color: white;
    padding: 5px 9px;
    display: block;
    position: relative;
    cursor: pointer;
    margin-right: 20px;
}

.checkbox-btn input:checked + label {
    border-color: #605ca8;
    background: #605ca8;
    color: white;
}

.checkbox-grp {
    display: inline-flex;
}

.checkbox-btn {
    max-width: 320px;
    overflow: auto;
    cursor: pointer;
}

@media screen and (max-width: 426px) {
    .checkbox-grp {
        flex-direction: column;
    }
}

/*checkbox-btn*/

/*components*/

/*margin classes*/
.ml-10 {
    margin-left: 10px;
}

.mr10 {
    margin-right: 10px;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mt25 {
    margin-top: 25px;
}

.mt30 {
    margin-top: 30px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb20 {
    margin-bottom: 20px;
}

.mr20 {
    margin-right: 20px;
}

.pt20 {
    padding-top: 20px;
}

.pt30 {
    padding-top: 30px;
}

.pb30 {
    padding-bottom: 30px;
}
/*margin classes*/

/*icon button styles*/
.addicon-btn {
    background-color: #3276b1;
    color: white;
}

    .addicon-btn:hover, .addicon-btn:focus {
        background-color: #605ca8;
        color: white;
    }

.deleteicon-btn {
    background-color: red;
    color: white;
}

    .deleteicon-btn:hover {
        background-color: red;
        color: white;
    }

.editicon-btn {
    background-color: #3276b1 !important;
    color: white;
}

    .editicon-btn:hover {
        background-color: #605ca8 !important;
        color: white;
    }
/*icon button styles*/

/*Case study view page*/
.carousel-control.right, .carousel-control.left {
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0) 100%) !important;
}

.load-position {
    position: absolute;
    left: 25%;
    top: 20%;
    width: 100%;
    height: auto;
    z-index: 2;
}

.da-load-casestudy-img {
    position: absolute;
    top: 39%;
    left: 0;
    right: 0;
    margin: auto;
}

.wrapper {
    font-family: 'Poppins',sans-serif !important;
    font-weight: normal;
}

    .wrapper .casesheet-pageheader {
        background-color: #3276b1 !important;
        color: white;
        padding-top: 30px;
        padding-bottom: 30px;
    }
/*.view-profile img {
    margin-top:0px;
    border-radius: 50%;
    width: 100px;
    border: 3px solid gainsboro;
    float:left;
}*/
.view-profile .patient-info .PatientName {
    font-size: 20px;
    font-weight: 600;
}

.view-profile .patient-info {
    text-transform: capitalize;
    padding-left: 114px;
    line-height: 30px;
}

    .view-profile .patient-info .noofvisit, .view-profile .patient-info .firstvisit {
        font-weight: 600;
        font-size: 12px;
    }

.wrapper {
    overflow: hidden;
}

.card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    font-family: 'Poppins',sans-serif !important;
    padding: 5px;
}

.cardtype1 {
    max-height: 200px !important;
    overflow: scroll;
}

.card .card-header {
    background-color: aliceblue;
    padding: 4px;
    border-left: 5px solid #3276b1;
    border-radius: 0px;
    color: #3276b1;
}

    .card .card-header h4 {
        padding-left: 5px;
    }

.cardtype1 .card-content p {
    padding: 10px;
    font-size: 16px;
    text-transform: capitalize;
    max-height: 200px !important;
    overflow: auto;
}

.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.cardtype2 .card-content {
    min-height: 100px;
}

.cardtype2 .card-content {
    padding: 10px;
}

    .cardtype2 .card-content .checkbox-btn label {
        font-size: 12px !important;
    }

.cardtype3 .card-content {
    height: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.adj-input span {
    color: #3276b1 !important;
    font-weight: 600;
}

.loadvisit_selection .panel {
    margin-top: 20px;
}

    .loadvisit_selection .panel .panel-title a {
        color: white !important;
    }

.loadvisit_selection .fa-print {
    color: white !important;
}

.btn-arrowback {
    background-color: whitesmoke !important;
    border-color: white;
    color: black !important;
    border-radius: 50%;
}

    .btn-arrowback:hover, .btn-submit:active, .btn-submit.hover, btn-submit.focus {
        background-color: white;
        color: black;
        border-color: white;
    }

.btn-close {
    background-color: transparent !important;
    border: 0px solid transparent !important;
    color: white;
    font-size: 20px;
    padding: 0px !important;
}

    .btn-close:hover, .btn-close:focus, .btn-close:hover {
        background-color: transparent !important;
        border: 0px solid transparent !important;
        color: white !important;
        font-size: 20px;
        padding: 0px !important;
    }
/*case study new page design*/
.csv-label h4 {
    color: #3276b1 !important;
}

.content-show {
    border: 1px solid #3276B1;
    border-radius: 5px;
    height: 120px;
}

    .content-show img {
        width: 60px;
        margin-top: 30px;
        margin-left: 20px;
    }



/*case study new page design css end*/

/*Case study view page*/



/*casesheet css start*/

.wrapper .casestudy-pageheader {
    background-color: #3276b1 !important;
    color: white;
    /*max-height:230px;*/
    padding-top: 20px;
    padding-bottom: 20px;
}

.wrapper .casesheet-navbar {
    background-color: white !important;
    color: black;
    padding: 5px;
    margin-top: -10px;
}

.alert-success, .bg-green, .callout.callout-success, .label-success, .modal-success .modal-body {
    background-color: white !important;
    border-color: skyblue;
}

.popup-alert {
    background-color: white !important;
    height: 130px;
}

.casesheet-navbar {
    background-color: white !important;
    color: black !important;
    overflow: auto;
    z-index: 10;
}

.us-cs-right-menu-icons {
    width: 20px !important;
    margin-right: 10px !important;
}

.top_tab_menus_block .nav-tabs-custom > .nav-tabs > li {
    border-bottom: 3px solid transparent !important;
    margin-bottom: -2px;
    margin-right: 5px;
}
/*patient overview */

.pat-info .pat-info-com {
    background-color: aliceblue;
    padding: 7px;
    border-radius: 15px;
    border: 1px solid #3276b1;
    float: left;
    margin-right: 20px;
}

.pat-info .pat-info-com {
    display: inline-flex;
    font-weight: 600;
    color: #3276b1 !important;
}

    .pat-info .pat-info-com label {
        color: black;
        font-weight: 400;
    }

.pat-overviewcard1 {
    height: 200px !important;
    overflow: scroll;
    background-color: white;
}

    .pat-overviewcard1 .card-content {
        padding: 10px;
        font-size: 16px;
        text-transform: capitalize;
        max-height: 200px !important;
        overflow: auto;
        background-color: white;
    }

        .pat-overviewcard1 .card-content a {
            font-size: 16px;
            text-transform: capitalize;
        }

.cus-txtarea {
    border: 0px !important;
}

.pat-overviewcard2 .card-content {
    min-height: 130px;
    background-color: white;
}

.pat-overviewcard2 .card-content {
    padding: 10px;
    background-color: white;
}

.pat-overviewcard3 .card-content {
    background-color: white;
    height: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.head-payment-wap-popup.open {
    bottom: 0px;
}

.head-payment-wap-popup {
    position: fixed;
    right: 25px;
    bottom: -239px;
    width: 254px;
    background: white;
    z-index: 99;
    border: 1px solid #afafaf99;
    transition: transform 0.3s ease-in-out 0s, bottom 0.3s ease-in-out 0s;
}

.cus-paypop-close-btn {
    position: absolute;
    top: 14px;
    right: 15px;
    color: #00000078;
    opacity: 1;
}

/*patient overview*/

.point_selection_block {
    /*display: inline-block;
    position: relative;
    right:0px;
    top:-20px;
    background: #fff;
    border: 1px solid #bfbfbf;
    padding: 15px;
    border-radius: 5px;*/
}

    .point_selection_block .checkbox {
        padding: 5px 10px 5px 30px;
        border: 1px solid;
        border-radius: 12px;
        margin-top: 10px;
    }

    .point_selection_block .green {
        background-color: #56c15a;
        color: #fff;
    }

    .point_selection_block .red {
        background-color: #00c3b1;
        color: #fff;
    }

    .point_selection_block .blue {
        background-color: #5b71ea;
        color: #fff;
    }

    .point_selection_block .yellow {
        background-color: #9f75ea;
        color: #fff;
    }

    .point_selection_block .orange {
        background-color: #f77f38;
        color: #fff;
    }

    .point_selection_block .clear {
        background-color: #777;
        color: #fff;
    }

    .point_selection_block div {
        display: inline-block;
        width: 32%;
    }

.marking_points_block_left .red, .marking_points_block_right .red {
    color: #00c3b1;
}

.marking_points_block_left .green, .marking_points_block_right .green {
    color: #56c15a;
}

.marking_points_block_left .blue, .marking_points_block_right .blue {
    color: #5b71ea;
}

.marking_points_block_left .yellow, .marking_points_block_right .yellow {
    color: #9f75ea;
}

.marking_points_block_left .orange, .marking_points_block_right .orange {
    color: #f77f38;
}

.point {
    height: 18px;
    width: 18px;
    /*color: #252525;*/
    display: inline-block;
    border-radius: 50%;
    font-size: 20px;
    line-height: .8;
    position: absolute;
    text-align: center;
    cursor: pointer;
}

.dental_point {
    height: 18px;
    width: 18px;
    /*color: #252525;*/
    display: inline-block;
    border-radius: 50%;
    font-size: 20px;
    line-height: .8;
    position: absolute;
    text-align: center;
    cursor: pointer;
}
/*foot image points */

#l_point_1 {
    top: 020px;
    left: 133px;
}

#l_point_2 {
    top: 015px;
    left: 082px;
}

#l_point_3 {
    top: 045px;
    left: 052px;
}

#l_point_4 {
    top: 070px;
    left: 030px;
}

#l_point_5 {
    top: 112px;
    left: 004px;
}

#l_point_6 {
    top: 175px;
    left: 018px;
}

#l_point_7 {
    top: 148px;
    left: 047px;
}

#l_point_8 {
    top: 123px;
    left: 073px;
}

#l_point_9 {
    top: 104px;
    left: 108px;
}

#l_point_10 {
    top: 120px;
    left: 147px;
}

#l_point_11 {
    top: 205px;
    left: 046px;
}

#l_point_12 {
    top: 185px;
    left: 078px;
}

#l_point_13 {
    top: 162px;
    left: 109px;
}

#l_point_14 {
    top: 165px;
    left: 147px;
}

#l_point_15 {
    top: 245px;
    left: 048px;
}

#l_point_16 {
    top: 235px;
    left: 084px;
}

#l_point_17 {
    top: 220px;
    left: 118px;
}

#l_point_18 {
    top: 207px;
    left: 151px;
}

#l_point_19 {
    top: 285px;
    left: 060px;
}

#l_point_20 {
    top: 275px;
    left: 097px;
}

#l_point_21 {
    top: 267px;
    left: 132px;
}

#l_point_22 {
    top: 323px;
    left: 065px;
}

#l_point_23 {
    top: 323px;
    left: 102px;
}

#l_point_24 {
    top: 312px;
    left: 137px;
}

#l_point_25 {
    top: 368px;
    left: 075px;
}

#l_point_26 {
    top: 369px;
    left: 111px;
}

#l_point_27 {
    top: 355px;
    left: 145px;
}

#l_point_28 {
    top: 412px;
    left: 095px;
}

#l_point_29 {
    top: 407px;
    left: 140px;
}

#l_point_30 {
    top: 444px;
    left: 120px;
}



#r_point_1 {
    top: 020px;
    left: 040px;
}

#r_point_2 {
    top: 015px;
    left: 092px;
}

#r_point_3 {
    top: 045px;
    left: 121px;
}

#r_point_4 {
    top: 070px;
    left: 143px;
}

#r_point_5 {
    top: 112px;
    left: 168px;
}

#r_point_6 {
    top: 120px;
    left: 026px;
}

#r_point_7 {
    top: 104px;
    left: 065px;
}

#r_point_8 {
    top: 123px;
    left: 100px;
}

#r_point_9 {
    top: 148px;
    left: 126px;
}

#r_point_10 {
    top: 175px;
    left: 155px;
}

#r_point_11 {
    top: 165px;
    left: 026px;
}

#r_point_12 {
    top: 162px;
    left: 064px;
}

#r_point_13 {
    top: 185px;
    left: 095px;
}

#r_point_14 {
    top: 205px;
    left: 127px;
}

#r_point_15 {
    top: 207px;
    left: 022px;
}

#r_point_16 {
    top: 220px;
    left: 055px;
}

#r_point_17 {
    top: 235px;
    left: 089px;
}

#r_point_18 {
    top: 245px;
    left: 125px;
}

#r_point_19 {
    top: 267px;
    left: 041px;
}

#r_point_20 {
    top: 275px;
    left: 076px;
}

#r_point_21 {
    top: 285px;
    left: 113px;
}

#r_point_22 {
    top: 312px;
    left: 036px;
}

#r_point_23 {
    top: 323px;
    left: 071px;
}

#r_point_24 {
    top: 323px;
    left: 108px;
}

#r_point_25 {
    top: 355px;
    left: 028px;
}

#r_point_26 {
    top: 369px;
    left: 062px;
}

#r_point_27 {
    top: 368px;
    left: 098px;
}

#r_point_28 {
    top: 407px;
    left: 033px;
}

#r_point_29 {
    top: 412px;
    left: 078px;
}

#r_point_30 {
    top: 444px;
    left: 053px;
}

/*foot image points */

/*Dental image points */

#DT_point_1 {
    top: 263px;
    left: 48px;
}

#DT_point_2 {
    top: 203px;
    left: 62px;
}

#DT_point_3 {
    top: 151px;
    left: 88px;
}

#DT_point_4 {
    top: 113px;
    left: 129px;
}

#DT_point_5 {
    top: 94px;
    left: 176px;
}

#DT_point_6 {
    top: 94px;
    left: 233px;
}

#DT_point_7 {
    top: 115px;
    left: 280px;
}

#DT_point_8 {
    top: 150px;
    left: 319px;
}

#DT_point_9 {
    top: 203px;
    left: 345px;
}

#DT_point_10 {
    top: 263px;
    left: 358px;
}


#DB_point_1 {
    top: 356px;
    left: 129px;
}

#DB_point_2 {
    top: 414px;
    left: 106px;
}

#DB_point_3 {
    top: 458px;
    left: 71px;
}

#DB_point_4 {
    top: 492px;
    left: 37px;
}

#DB_point_5 {
    top: 508px;
    left: -5px;
}

#DB_point_6 {
    top: 508px;
    left: -50px;
}

#DB_point_7 {
    top: 491px;
    left: -91px;
}

#DB_point_8 {
    top: 459px;
    left: -125px;
}

#DB_point_9 {
    top: 415px;
    left: -157px;
}

#DB_point_10 {
    top: 356px;
    left: -183px;
}


#DTA_point_1 {
    top: 285px;
    left: 78px;
}

#DTA_point_2 {
    top: 243px;
    left: 81px;
}

#DTA_point_3 {
    top: 201px;
    left: 92px;
}

#DTA_point_4 {
    top: 163px;
    left: 103px;
}

#DTA_point_5 {
    top: 137px;
    left: 117px;
}

#DTA_point_6 {
    top: 112px;
    left: 133px;
}

#DTA_point_7 {
    top: 96px;
    left: 159px;
}

#DTA_point_8 {
    top: 86px;
    left: 188px;
}

#DTA_point_9 {
    top: 88px;
    left: 222px;
}

#DTA_point_10 {
    top: 96px;
    left: 249px;
}

#DTA_point_11 {
    top: 113px;
    left: 274px;
}

}

#DTA_point_12 {
    top: 134px;
    left: 275px;
}

#DTA_point_13 {
    top: 165px;
    left: 304px;
}

#DTA_point_14 {
    top: 200px;
    left: 312px;
}

#DTA_point_15 {
    top: 244px;
    left: 323px;
}

#DTA_point_16 {
    top: 285px;
    left: 328px;
}


#DBA_point_1 {
    top: 308px;
    left: 98px;
}

#DBA_point_2 {
    top: 348px;
    left: 93px;
}

#DBA_point_3 {
    top: 391px;
    left: 82px;
}

#DBA_point_4 {
    top: 428px;
    left: 73px;
}

#DBA_point_5 {
    top: 455px;
    left: 61px;
}

#DBA_point_6 {
    top: 481px;
    left: 44px;
}

#DBA_point_7 {
    top: 497px;
    left: 18px;
}

#DBA_point_8 {
    top: 506px;
    left: -11px;
}

#DBA_point_9 {
    top: 505px;
    left: -43px;
}

#DBA_point_10 {
    top: 497px;
    left: -72px;
}

#DBA_point_11 {
    top: 479px;
    left: -97px;
}

#DBA_point_12 {
    top: 455px;
    left: -115px;
}

#DBA_point_13 {
    top: 429px;
    left: -128px;
}

#DBA_point_14 {
    top: 390px;
    left: -139px;
}

#DBA_point_15 {
    top: 348px;
    left: -149px;
}

#DBA_point_16 {
    top: 308px;
    left: -154px;
}

@media screen and (min-device-width: 1999px) and (max-device-width: 1321px) {
}
/*Dental image points */



.adj-input-sys-dia input {
    max-width: 100px;
    display: inline-block;
}


/*Tag Editor*/

div#divtxtdiagnosis ul, div#divtxtComplaints_1 ul, div#divtxtComplaints ul, .adj_height_te ul, .adj_height_te textarea {
    min-height: 0px !important;
    border: 1px solid #ccc;
}

.tag-editor .tag-editor-delete i:before {
    font-size: 16px;
    color: #8ba7ba;
    content: "x";
    font-style: normal;
}

.tag-editor div {
    float: left;
    padding: 0 4px;
}

div#divtxtdiagnosis .tag-editor .tag-editor-tag, div#divtxtComplaints_1 .tag-editor .tag-editor-tag, div#divtxtComplaints .tag-editor .tag-editor-tag {
    display: inline-block !important;
    word-break: break-word !important;
    white-space: pre-wrap !important;
}

.tag-editor {
    list-style-type: none;
    padding: 0 5px 0 0;
    margin: 0;
    overflow: hidden;
    border: 1px solid #eee;
    cursor: text;
    font: normal 14px sans-serif;
    color: #555;
    background: #fff;
    line-height: 10px;
    height: auto;
}

    .tag-editor li {
        display: block;
        float: left;
        overflow: hidden;
        margin: 3px 0;
    }

    .tag-editor .tag-editor-tag {
        padding-left: 5px;
        color: #46799b;
        background-color: #e0eaf1;
        white-space: nowrap;
        overflow: hidden;
        cursor: pointer;
        border-radius: 2px 0 0 2px;
        padding: 10px;
        height: auto;
    }

    .tag-editor div {
        float: left;
        padding: 0 4px;
    }

div#divtxtdiagnosis .tag-editor .tag-editor-tag, div#divtxtComplaints_1 .tag-editor .tag-editor-tag, div#divtxtComplaints .tag-editor .tag-editor-tag {
    display: inline-block !important;
    word-break: break-word !important;
    white-space: pre-wrap !important;
}

.tag-editor .tag-editor-spacer {
    padding: 0;
    width: 8px;
    overflow: hidden;
    color: transparent;
    background: none;
}

.tag-editor .tag-editor-delete {
    background: #e0eaf1;
    cursor: pointer;
    border-radius: 0 2px 2px 0;
    padding: 6px;
}

    .tag-editor .tag-editor-delete i {
        line-height: 18px;
        display: inline-block;
    }

.tag-editor-hidden-src {
    position: absolute !important;
    left: -99999px;
}


.btn-primary-bordered {
    margin-right: 10px !important;
    color: #3276b1 !important
}
/*Tag Editor*/



/*prescription*/
.btn_cpy_prescription {
    color: white;
}

/* Create a custom radio button */

.cus-pre-mb-value .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 16px;
    background-color: white;
    border-radius: 50%;
}

.rbrblue {
    border: 2px solid #418bfe !important;
}

.rbrred {
    border: 2px solid orange !important;
}

.rbrgreen {
    border: 2px solid green !important;
}
/* Create a custom radio button */

/* On mouse-over, add a grey background color */
.radbtn:hover input ~ .checkmark {
    background-color: white;
}

/* When the radio button is checked, add a blue background */
/*.radbtn input:checked ~ .checkmark {
  background-color: white;
}*/

/* Create the indicator (the dot/circle - hidden when not checked) */
/*.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}*/

/* Show the indicator (dot/circle) when checked */
.radbtn input:checked ~ .checkmark:after {
    display: block;
}


/*prescription*/


/*modal popup code in dashboard*/

.pay-detail-title-head {
    text-align: center;
    background-color: #ecc334;
}

.pay-detail-title-amount {
    text-align: center;
    background-color: white;
    color: black;
}

.modal-intro-bg {
    background-color: #3276b1;
    background-image: linear-gradient(to right, #3276b1, skyblue);
    color: white;
}

.profile-img img {
    border-radius: 60px;
    width: 80px;
    margin: 10px;
}

.pat-info .PatientId {
    margin-top: 15px;
    margin-bottom: 0px;
    font-size: 11px;
    color: white;
}

.pat-info .PatientName {
    font-size: 20px;
    font-weight: 600;
    color: white;
    margin-bottom: 4px;
}

.pat-info .Patientpno {
    font-size: 13px;
    color: white;
}

.pat-info .Age {
    font-size: 13px;
    color: white;
    margin-left: 20px;
}


/*modal popup code in dashboard*/



/*neuropathy responsive css*/
@media screen and (max-width:360px) {
    div#wizard_block.ur-csedit-wb .foot_img {
        height: auto;
        width: 268px;
        position: absolute;
    }

    div#wizard_block.ur-csedit-wb .marking_points_block_left {
        transform: scale(0.47);
        position: absolute;
        height: 362px;
        width: 125px;
        top: -79px;
        left: 10px;
    }

    .marking_points_block_right {
        transform: scale(0.48);
        height: 362px;
        width: 152px;
        top: -76px;
        left: 99px;
    }

    .marking_points_block_bottom {
        transform: scale(0.48);
        height: 362px;
        width: 152px;
        top: 0px;
        left: 99px;
    }
}

@media screen and (max-width:420px) {
    div#wizard_block.ur-csedit-wb .foot_img {
        height: auto;
        width: 340px;
        position: absolute;
    }

    div#wizard_block.ur-csedit-wb .marking_points_block_left {
        transform: scale(0.6);
        position: absolute;
        height: 362px;
        width: 197px;
        top: -48px;
        left: 12px;
    }

    .marking_points_block_right {
        transform: scale(0.6);
        height: 362px;
        width: 152px;
        top: -48px;
        left: 148px;
    }

    .marking_points_block_bottom {
        transform: scale(0.6);
        height: 362px;
        width: 152px;
        top: -48px;
        left: 148px;
    }
}

@media screen and (max-width:767px) {
    div#wizard_block.ur-csedit-wb .foot_img {
        height: 0px !important;
        width: 340px;
        position: absolute;
    }

    div#wizard_block.ur-csedit-wb .marking_points_block_left {
        transform: scale(0.6);
        position: absolute;
        height: 362px;
        width: 197px;
        top: -48px;
        left: 12px;
    }

    div#wizard_block.ur-csedit-wb .marking_points_block_right {
        transform: scale(0.6);
        height: 362px;
        width: 152px;
        top: -48px;
        left: 148px;
    }

    div#wizard_block.ur-csedit-wb .point_selection_block {
        display: block;
        max-width: 231px;
        position: relative;
        right: 0;
        left: 0;
        background: #fff;
        border: 1px solid #bfbfbf;
        padding: 15px;
        border-radius: 5px;
        margin: auto;
    }
}

.marking_points_block_right {
    position: absolute;
    top: 44px;
    left: 317px;
}

.marking_points_block_bottom {
    position: absolute;
    top: 44px;
    left: 317px;
}

.marking_points_block_left {
    position: absolute;
    top: 42px;
    left: 76px;
}

.marking_points_block_top {
    position: absolute;
    top: 42px;
    left: 76px;
}



/*.marking_points_block_left {
    position: relative;
    width: 195px;
    height:495px;
    top: -521px;
    left: 62px;
    display: inline-block;
}

.marking_points_block_right {
    display: inline-block;
    position: relative;
    width: 195px;
    height:495px;
    top: -521px;
    left: 107px;
}*/

/*neuropathy responsive css*/
.cs-labtest-rightscroll {
    height: 434px;
    overflow-y: scroll;
}

/*casesheet css End*/


/*** PANEL PRIMARY ***/
.with-nav-tabs.panel-primary .nav-tabs > li > a,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
    color: black;
}

    .with-nav-tabs.panel-primary .nav-tabs > li > a,
    .with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
    .with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
        color: black;
    }

        .with-nav-tabs.panel-primary .nav-tabs > .open > a,
        .with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
        .with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
        .with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
        .with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
            color: black;
            background-color: transparent;
            border-color: transparent;
        }

.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {
    color: #428bca;
    background-color: #fff;
    border-color: #428bca;
    border-bottom-color: transparent;
}

.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #428bca;
    border-color: #3071a9;
}

    .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a {
        color: #fff;
    }

        .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
        .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
            background-color: #3071a9;
        }

    .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a,
    .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
    .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
        background-color: #4a9fe9;
    }

#lab_details .with-nav-tabs .panel-heading {
    background-color: transparent !important;
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: transparent !important;
}
/*** PANEL PRIMARY ***/


/*video call popup*/
#videocallnew .modal-content.ui-resizable {
    overflow: initial;
}

div#videocallnew iframe {
    width: 100%;
    height: 100%;
}

#videocallnew .modal-body {
    height: 80%;
    width: 100%;
}

div#videocallnew {
    background: transparent !important;
    pointer-events: none;
}

    div#videocallnew .modal-dialog {
        pointer-events: auto;
    }


.head-video-wap-popup.open {
    bottom: -183px;
}

.head-video-wap-popup {
    position: fixed;
    right: 25px;
    bottom: -301px;
    width: 254px;
    background: white;
    z-index: 99;
    border: 1px solid #afafaf99;
    transition: transform 0.3s ease-in-out 0s, bottom 0.3s ease-in-out 0s;
}

    .head-video-wap-popup.open {
        bottom: 0px;
    }

.head-video-wap-popup {
    pointer-events: auto;
}

.head-video-title {
    padding: 8px 10px;
    text-align: center;
    margin-bottom: 0;
    font-size: 17px;
    background-color: #4fd41f;
    color: #fff;
}

/*.head-video-wap-popup:hover .head-video-title {
    background-color: #fff;
    color: black !important;
}*/

button.addpatientvideo {
    position: absolute;
    right: 38px;
    top: 15px;
    border: 0;
    background: #4fd41f;
    color: white;
    border-radius: 30px;
    cursor: pointer;
}

button.cus-video-close-btn {
    color: black;
    opacity: 1;
    padding-top: 2px;
}

button#btnsendmsg {
    margin-bottom: 14px;
}

button.close.cus-videopop-close-btn {
    position: absolute;
    top: 9px;
    right: 12px;
    color: white;
    opacity: 1;
}

.right-box-video .modal-dialog {
    position: fixed;
    right: 94px;
    top: 190px;
    width: 343px;
}

.right-box-video .modal-content.ui-resizable {
    height: 388px;
}

.top-box-video .modal-dialog {
    position: fixed;
    right: 9%;
    top: -10px;
    width: 943px;
}

.top-box-video .modal-content.ui-resizable {
    height: 388px;
}

button#videoresizecus {
    position: absolute;
    right: 74px;
    top: 15px;
    border: 0;
    background: #e3e3e3;
    color: #7b7b7b;
    border-radius: 30px;
    cursor: pointer;
}


/*feedback*/
.feedbackvideo {
    --normal: #eceaf3;
    --normal-shadow: #d9d8e3;
    --normal-mouth: #9795a4;
    --normal-eye: #595861;
    --active: #f8da69;
    --active-shadow: #f4b555;
    --active-mouth: #f05136;
    --active-eye: #313036;
    --active-tear: #76b5e7;
    --active-shadow-angry: #e94f1d;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
}

    .feedbackvideo li {
        position: relative;
        border-radius: 50%;
        background: var(--sb, var(--normal));
        box-shadow: inset 3px -3px 4px var(--sh, var(--normal-shadow));
        transition: background 0.4s, box-shadow 0.4s, transform 0.3s;
        -webkit-tap-highlight-color: transparent;
    }

        .feedbackvideo li:not(:last-child) {
            margin-right: 20px;
        }

        .feedbackvideo li div {
            width: 40px;
            height: 40px;
            position: relative;
            transform: perspective(240px) translateZ(4px);
        }

            .feedbackvideo li div svg, .feedbackvideo li div:before, .feedbackvideo li div:after {
                display: block;
                position: absolute;
                left: var(--l, 9px);
                top: var(--t, 13px);
                width: var(--w, 8px);
                height: var(--h, 2px);
                transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
            }

            .feedbackvideo li div svg {
                fill: none;
                stroke: var(--s);
                stroke-width: 2px;
                stroke-linecap: round;
                stroke-linejoin: round;
                transition: stroke 0.4s;
            }

                .feedbackvideo li div svg.eye {
                    --s: var(--e, var(--normal-eye));
                    --t: 17px;
                    --w: 7px;
                    --h: 4px;
                }

                    .feedbackvideo li div svg.eye.right {
                        --l: 23px;
                    }

                .feedbackvideo li div svg.mouth {
                    --s: var(--m, var(--normal-mouth));
                    --l: 11px;
                    --t: 23px;
                    --w: 18px;
                    --h: 7px;
                }

            .feedbackvideo li div:before, .feedbackvideo li div:after {
                content: '';
                z-index: var(--zi, 1);
                border-radius: var(--br, 1px);
                background: var(--b, var(--e, var(--normal-eye)));
                transition: background 0.4s;
            }

        .feedbackvideo li.angry {
            --step-1-rx: -24deg;
            --step-1-ry: 20deg;
            --step-2-rx: -24deg;
            --step-2-ry: -20deg;
        }

            .feedbackvideo li.angry div:before {
                --r: 20deg;
            }

            .feedbackvideo li.angry div:after {
                --l: 23px;
                --r: -20deg;
            }

            .feedbackvideo li.angry div svg.eye {
                stroke-dasharray: 4.55;
                stroke-dashoffset: 8.15;
            }

            .feedbackvideo li.angry.active {
                animation: angry 1s linear;
            }

                .feedbackvideo li.angry.active div:before {
                    --middle-y: -2px;
                    --middle-r: 22deg;
                    animation: toggle 0.8s linear forwards;
                }

                .feedbackvideo li.angry.active div:after {
                    --middle-y: 1px;
                    --middle-r: -18deg;
                    animation: toggle 0.8s linear forwards;
                }

        .feedbackvideo li.sad {
            --step-1-rx: 20deg;
            --step-1-ry: -12deg;
            --step-2-rx: -18deg;
            --step-2-ry: 14deg;
        }

            .feedbackvideo li.sad div:before, .feedbackvideo li.sad div:after {
                --b: var(--active-tear);
                --sc: 0;
                --w: 5px;
                --h: 5px;
                --t: 15px;
                --br: 50%;
            }

            .feedbackvideo li.sad div:after {
                --l: 25px;
            }

            .feedbackvideo li.sad div svg.eye {
                --t: 16px;
            }

            .feedbackvideo li.sad div svg.mouth {
                --t: 24px;
                stroke-dasharray: 9.5;
                stroke-dashoffset: 33.25;
            }

            .feedbackvideo li.sad.active div:before, .feedbackvideo li.sad.active div:after {
                animation: tear 0.6s linear forwards;
            }

        .feedbackvideo li.ok {
            --step-1-rx: 4deg;
            --step-1-ry: -22deg;
            --step-1-rz: 6deg;
            --step-2-rx: 4deg;
            --step-2-ry: 22deg;
            --step-2-rz: -6deg;
        }

            .feedbackvideo li.ok div:before {
                --l: 12px;
                --t: 17px;
                --h: 4px;
                --w: 4px;
                --br: 50%;
                box-shadow: 12px 0 0 var(--e, var(--normal-eye));
            }

            .feedbackvideo li.ok div:after {
                --l: 13px;
                --t: 26px;
                --w: 14px;
                --h: 2px;
                --br: 1px;
                --b: var(--m, var(--normal-mouth));
            }

            .feedbackvideo li.ok.active div:before {
                --middle-s-y: 0.35;
                animation: toggle 0.2s linear forwards;
            }

            .feedbackvideo li.ok.active div:after {
                --middle-s-x: 0.5;
                animation: toggle 0.7s linear forwards;
            }

        .feedbackvideo li.good {
            --step-1-rx: -14deg;
            --step-1-rz: 10deg;
            --step-2-rx: 10deg;
            --step-2-rz: -8deg;
        }

            .feedbackvideo li.good div:before {
                --b: var(--m, var(--normal-mouth));
                --w: 5px;
                --h: 5px;
                --br: 50%;
                --t: 22px;
                --zi: 0;
                opacity: 0.5;
                box-shadow: 16px 0 0 var(--b);
                filter: blur(2px);
            }

            .feedbackvideo li.good div:after {
                --sc: 0;
            }

            .feedbackvideo li.good div svg.eye {
                --t: 15px;
                --sc: -1;
                stroke-dasharray: 4.55;
                stroke-dashoffset: 8.15;
            }

            .feedbackvideo li.good div svg.mouth {
                --t: 22px;
                --sc: -1;
                stroke-dasharray: 13.3;
                stroke-dashoffset: 23.75;
            }

            .feedbackvideo li.good.active div svg.mouth {
                --middle-y: 1px;
                --middle-s: -1;
                animation: toggle 0.8s linear forwards;
            }

        .feedbackvideo li.happy div {
            --step-1-rx: 18deg;
            --step-1-ry: 24deg;
            --step-2-rx: 18deg;
            --step-2-ry: -24deg;
        }

            .feedbackvideo li.happy div:before {
                --sc: 0;
            }

            .feedbackvideo li.happy div:after {
                --b: var(--m, var(--normal-mouth));
                --l: 11px;
                --t: 23px;
                --w: 18px;
                --h: 8px;
                --br: 0 0 8px 8px;
            }

            .feedbackvideo li.happy div svg.eye {
                --t: 14px;
                --sc: -1;
            }

        .feedbackvideo li.happy.active div:after {
            --middle-s-x: 0.95;
            --middle-s-y: 0.75;
            animation: toggle 0.8s linear forwards;
        }

        .feedbackvideo li:not(.active) {
            cursor: pointer;
        }

            .feedbackvideo li:not(.active):active {
                transform: scale(0.925);
            }

        .feedbackvideo li.active {
            --sb: var(--active);
            --sh: var(--active-shadow);
            --m: var(--active-mouth);
            --e: var(--active-eye);
        }

            .feedbackvideo li.active div {
                animation: headshaked 0.8s linear forwards;
            }

@keyframes headshaked {
    30% {
        transform: perspective(240px) rotateX(var(--step-1-rx, 0deg)) rotateY(var(--step-1-ry, 0deg)) rotateZ(var(--step-1-rz, 0deg)) translateZ(10px);
    }

    60% {
        transform: perspective(240px) rotateX(var(--step-2-rx, 0deg)) rotateY(var(--step-2-ry, 0deg)) rotateZ(var(--step-2-rz, 0deg)) translateZ(10px);
    }

    100% {
        transform: perspective(240px) translateZ(4px);
    }
}

@keyframes tear {
    0% {
        opacity: 0;
        transform: translateY(-2px) scale(0) translateZ(0);
    }

    50% {
        transform: translateY(12px) scale(0.6, 1.2) translateZ(0);
    }

    20%, 80% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translateY(24px) translateX(4px) rotateZ(-30deg) scale(0.7, 1.1) translateZ(0);
    }
}

@keyframes toggle {
    50% {
        transform: translateY(var(--middle-y, 0)) scale(var(--middle-s-x, var(--middle-s, 1)), var(--middle-s-y, var(--middle-s, 1))) rotate(var(--middle-r, 0deg));
    }
}

@keyframes angry {
    40% {
        background: var(--active);
    }

    45% {
        box-shadow: inset 3px -3px 4px var(--active-shadow), inset 0 8px 10px var(--active-shadow-angry);
    }
}

.feedback-react-head {
    max-width: 280px;
    margin: auto;
    margin-top: 35px;
    margin-bottom: 35px;
}

#feedback_popup .us-dpe-bg-head span {
    background-color: #d4d1d1;
    color: #060606;
    font-size: 12px;
    border: 1px solid #c5c5c5;
}

#feedback_popup .us-dpe-bg-head [type=radio]:checked + span {
    background: #0065b3;
    color: white;
    padding: 6px 7px;
}

@media screen and (max-width:767px) {
    #feedback_popup .us-dpe-bg-head .radio-inline {
        padding-left: 0px;
        margin-bottom: 27px;
        width: 100%;
        text-align: center;
    }
}
/*feedback end*/

/*video call popup*/

/*cardiac tab radio button color*/
#status_None.active, #status_None.active:hover, #status_None.not-active:hover {
    color: #fff !important;
    background-color: #ccc !important;
    border-color: #ccc !important;
}

#status_Mild.active, #status_Mild.active:hover, #status_Mild.not-active:hover {
    color: #fff !important;
    background-color: #5bc0de !important;
    border-color: #5bc0de !important;
}

#status_Severe.active, #status_Severe.active:hover, #status_Severe.not-active:hover {
    color: #fff !important;
    background-color: #a94442 !important;
    border-color: #a94442 !important;
}
/*cardiac tab radio button color*/

/*patient overview tab cardiac checkbox*/

.button-group-pills .btn {
    border-radius: 5px;
    line-height: 1.2;
    margin-bottom: 15px;
    margin-left: 10px;
    border-color: #605ca8;
    background-color: #fff;
    color: #14a4be;
}

    .button-group-pills .btn.active {
        border-color: #605ca8;
        background-color: #605ca8;
        color: #fff;
        box-shadow: none;
    }

    .button-group-pills .btn:hover {
        border-color: #605ca8;
        background-color: #605ca8;
        color: #fff;
    }

/*patient overview tab cardiac checkbox*/


/*prescription tab hover copy template*/
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
    width: 25% !important;
    height: 220px;
    overflow: auto;
}

.dropdown_sec {
    position: relative;
}

    .dropdown_sec:hover .btn_cpy_prescription {
        color: white !important;
    }

    .dropdown_sec:hover .dropdown_pres {
        display: block;
    }

.dropdown_pres a {
    margin-top: 5px !important;
}

.cu-color {
    color: black !important;
}

.dropdown_sec:hover .cu-color {
    color: black !important;
}

.dropdown_pres {
    top: 24px;
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 200px;
    max-height: 175px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px;
    z-index: 10;
    padding: 13px;
    overflow-y: scroll;
}

    .dropdown_pres a {
        color: black !important;
        text-decoration: none !important;
        display: block !important;
    }

#templatelist a {
    margin-top: 10px !important;
}
/*prescription tab hover copy template*/


/*Custom Radio Button*/
.radbtn {
    display: block;
    position: relative;
    padding-left: 19px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default radio button */
    .radbtn input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 16px;
    background-color: white;
    border-radius: 50%;
}

.rbrred {
    border: 2px solid orange;
    margin-left: 40px !important;
}

.rbrblue {
    border: 2px solid #418bfe;
    margin-left: 20px !important;
    z-index: 100;
}

.rbrgreen {
    border: 2px solid green;
}

/* Create a custom radio button */
/* On mouse-over, add a grey background color */
.radbtn:hover input ~ .checkmark {
    background-color: white;
}

/* When the radio button is checked, add a blue background */
.radbtn input:checked ~ .checkmark {
    background-color: white;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.radbtn input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.radbtn .checkmark:after {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.radbtn .rbrblue:after {
    background: #418bfe;
}

.radbtn .rbrred:after {
    background: orange;
}

.radbtn .rbrgreen:after {
    background: green;
}

/*Custom Radio Button*/



/*case sheet header*/

.load-position {
    position: absolute;
    left: 25%;
    top: 20%;
    width: 100%;
    height: auto;
    z-index: 2;
}

.da-load-casestudy-img {
    position: absolute;
    top: 40%;
}

.da-load-casestudy {
    background-color: #fff;
    left: 0px !important;
    top: 0px !important;
    height: 100% !important;
    position: fixed !important;
}

.casesheet-header {
    padding-top: 30px;
    background-color: #6e00db !important;
    color: white;
}

.profile_detail_block .user-img img {
    width: 85px !important;
    height: 85px !important;
    max-width: 85px;
    max-height: 85px;
    border-radius: 50% !important;
}

.profile_detail_block .block_line .PatientName {
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    margin-right: 20px;
}

.profile_detail_block .block_line .Patientpno {
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    margin-right: 20px;
}

.btn.btn-xs.btn_type {
    background-color: #B596D2 !important;
    color: #fff !important;
    border-color: #B596D2 !important;
    border-radius: 0px !important;
}

.edit_icon {
    color: black;
}

.profile_detail_block_txt {
    line-height: 30px;
}


.casesheet-header-right .fa {
    font-size: 30px;
}

/*case sheet header*/
.wrapper .casesheet-navbar {
    background-color: white !important;
    color: black;
}

.alert-success, .bg-green, .callout.callout-success, .label-success, .modal-success .modal-body {
    background-color: white !important;
    border-color: skyblue;
}

.popup-alert {
    background-color: white !important;
    height: 130px;
}

.casesheet-navbar {
    background-color: white !important;
    color: black !important;
    overflow: auto;
}

.no_circle img {
    width: 28px !important;
    margin-right: 3px !important;
}

.us-cs-right-menu-icons {
    width: 20px !important;
    margin-right: 10px !important;
}

.top_tab_menus_block .nav-tabs-custom > .nav-tabs > li {
    border-bottom: 3px solid transparent !important;
    margin-bottom: -2px;
    margin-right: 5px;
}

.csprev-step .fa, .csnext-step .fa {
    margin-top: 8px !important;
    margin-right: 9px;
    margin-left: 9px;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 20px 6px;
}


/*normal buttons styles*/
.btn {
    font-weight: bold;
}

.btn-primaryuse {
    background-color: #3276b1;
    border-color: #3276b1;
    color: white !important;
}

    .btn-primaryuse:hover, .btn-primaryuse:active, .btn-primaryuse:focus {
        background-color: #605ca9 !important;
        border-color: #605ca8;
        color: white !important;
    }

.btn-delete {
    background-color: #dd4b39;
    border-color: #d73925;
    color: white;
}

    .btn-delete:hover, .btn-delete:active, .btn-delete:hover {
        background-color: #d73925;
        color: white;
    }

.btn-submit {
    background-color: #398439;
    border-color: #255625;
    color: white !important;
}

    .btn-submit:hover, .btn-submit:active, .btn-submit.hover, btn-submit.focus {
        background-color: #008d4c;
        color: white;
        border-color: #255625;
    }
/*normal buttons styles*/


/*checkbox-btn*/

.checkbox-btn input[type=checkbox] {
    display: contents;
}

.checkbox-btn label {
    border: 1px solid #605ca8;
    background-color: white;
    padding: 5px 9px;
    display: block;
    position: relative;
    cursor: pointer;
    margin-right: 20px;
}

.checkbox-btn input:checked + label {
    border-color: #605ca8;
    background: #605ca8;
    color: white;
}

.checkbox-grp {
    display: inline-flex;
}

.checkbox-btn {
    max-width: 320px;
    overflow: auto;
    cursor: pointer;
}

@media screen and (max-width: 426px) {
    .checkbox-grp {
        flex-direction: column;
    }
}

/*checkbox-btn*/

/*patient overview */

.pat-info .pat-info-com {
    background-color: aliceblue;
    padding: 7px;
    border-radius: 15px;
    border: 1px solid #3276b1;
    float: left;
    margin-right: 20px;
}

.pat-info .pat-info-com {
    display: inline-flex;
    font-weight: 600;
    color: #3276b1 !important;
}

    .pat-info .pat-info-com label {
        color: black;
        font-weight: 400;
    }

.pat-overviewcard1 {
    height: 200px !important;
    overflow: scroll;
    background-color: white;
}

    .pat-overviewcard1 .card-content {
        padding: 10px;
        font-size: 16px;
        text-transform: capitalize;
        max-height: 200px !important;
        overflow: auto;
        background-color: white;
    }

        .pat-overviewcard1 .card-content a {
            font-size: 16px;
            text-transform: capitalize;
        }

.cus-txtarea {
    border: 0px !important;
}

.pat-overviewcard2 .card-content {
    background-color: white;
}

.pat-overviewcard2 .card-content {
    padding: 10px;
    background-color: white;
}

.pat-overviewcard3 .card-content {
    background-color: white;
    height: auto;
    padding-left: 10px;
    padding-right: 10px;
}

/*patient overview*/

.tab-content {
    background-color: #F7F7F7;
    background-size: cover;
    height: auto;
}

/*margin classes*/
.padding0 {
    padding: 0px;
}

.mt20 {
    margin-top: 20px;
}

.mt25 {
    margin-top: 25px;
}

.mt30 {
    margin-top: 30px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb20 {
    margin-bottom: 20px;
}

.mr20 {
    margin-right: 20px;
}

.pt20 {
    padding-top: 20px;
}

.pt30 {
    padding-top: 30px;
}

.pb30 {
    padding-bottom: 30px;
}

.pd10 {
    padding: 10px;
}

.pd30 {
    padding: 30px;
}

.mar30 {
    margin: 30px;
}
/*margin classes*/


/*vertical tabs*/
.vertical-tabs-steps .nav-link {
    color: #3c4858;
    border: 1px solid #4d7ed2;
    font-size: 12px !important;
    margin-bottom: 45px;
    border-radius: 0px 0px 0px 0px;
    padding: 10px;
    text-align: center;
    background: #fff;
    position: relative;
    z-index: 1;
    width: 80px;
}

    .vertical-tabs-steps .nav-link:hover {
        color: #fff;
        background-color: #22437c !important;
        border-color: #22437c;
        transition: 0.3s all;
    }

.vertical-tabs-steps .nav-tabs > li.active > a:focus {
    color: #fff;
    background-color: #22437c !important;
    border-color: #22437c;
    transition: 0.3s all;
}

.vertical-tabs-steps .nav-link.checked-steps {
    text-align: left;
}

.vertical-tabs-steps .nav-tabs > li.active > a:focus:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -13px;
    border-left: 0;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    border-left: 10px solid #22437c;
}

.vertical-tabs-steps .nav-item {
    position: relative;
}

    .vertical-tabs-steps .nav-item:last-child:after {
        content: "";
        border-bottom: 0px !important;
    }

    .vertical-tabs-steps .nav-item:after {
        content: "";
        border-bottom: 3px dotted #73b6ff;
        position: absolute;
        width: 95px;
        transform: rotate(90deg);
        z-index: 0;
        left: -10px;
        top: 50px;
        transition: border 1s ease-out;
        transition-delay: 0s, 0s, 0.1s;
    }

.vertical-tabs-content {
    padding: 0px 15px;
}

    .vertical-tabs-content p {
        font-size: 12px;
    }

.vertical-tabs-steps .checked-steps {
    background-color: #22437c !important;
    border: 1px solid #22437c !important;
    color: #fff !important;
}

    .vertical-tabs-steps .checked-steps:after {
        content: "\f00c";
        font-family: FontAwesome;
        color: #fff;
        position: absolute;
        right: 10px;
    }

.vertical-tabs-content .tab-pane h3 {
    font-size: 15px;
    font-weight: 500 !important;
}

.vertical-tabs-steps .checked-border-item.nav-item:after {
    content: "";
    border-bottom: 0px dotted #ccc !important;
    position: absolute;
    width: 95px;
    transform: rotate(90deg);
    z-index: 0;
    left: -10px;
    top: 50px;
    transition: border 1s ease-out;
    transition-delay: 0s, 0s, 0.1s;
}

.vertical-tabs-steps .nav-item.complete-step:after {
    content: "";
    border-bottom: 3px dotted #4d7ed2 !important;
    position: absolute;
    width: 95px;
    transform: rotate(90deg);
    z-index: 0;
    left: -10px;
    top: 50px;
}
/*vertical tabs*/


/*card*/
.tab-details {
    background-color: white !important;
}

.details-heading {
    padding: 1px;
    padding-left: 20px;
    color: white;
    background-color: #337ab7;
}


/*card*/




/* Neuropathy*/


.point_selection_block {
    /*display: inline-block;
    position: relative;
    right:0px;
    top:-20px;
    background: #fff;
    border: 1px solid #bfbfbf;
    padding: 15px;
    border-radius: 5px;*/
}

    .point_selection_block .checkbox {
        padding: 5px 10px 5px 30px;
        border: 1px solid;
        border-radius: 12px;
        margin-top: 10px;
    }

    .point_selection_block .green {
        background-color: #56c15a;
        color: #fff;
    }

    .point_selection_block .red {
        background-color: #00c3b1;
        color: #fff;
    }

    .point_selection_block .blue {
        background-color: #5b71ea;
        color: #fff;
    }

    .point_selection_block .yellow {
        background-color: #9f75ea;
        color: #fff;
    }

    .point_selection_block .orange {
        background-color: #f77f38;
        color: #fff;
    }

    .point_selection_block .clear {
        background-color: #777;
        color: #fff;
    }

.marking_points_block_left .red, .marking_points_block_right .red {
    color: #00c3b1;
}

.marking_points_block_left .green, .marking_points_block_right .green {
    color: #56c15a;
}

.marking_points_block_left .blue, .marking_points_block_right .blue {
    color: #5b71ea;
}

.marking_points_block_left .yellow, .marking_points_block_right .yellow {
    color: #9f75ea;
}

.marking_points_block_left .orange, .marking_points_block_right .orange {
    color: #f77f38;
}

.point {
    height: 18px;
    width: 18px;
    /*color: #252525;*/
    display: inline-block;
    border-radius: 50%;
    font-size: 20px;
    line-height: .8;
    position: absolute;
    text-align: center;
    cursor: pointer;
}

/*foot image points */

#l_point_1 {
    top: 020px;
    left: 133px;
}

#l_point_2 {
    top: 015px;
    left: 082px;
}

#l_point_3 {
    top: 045px;
    left: 052px;
}

#l_point_4 {
    top: 070px;
    left: 030px;
}

#l_point_5 {
    top: 112px;
    left: 004px;
}

#l_point_6 {
    top: 175px;
    left: 018px;
}

#l_point_7 {
    top: 148px;
    left: 047px;
}

#l_point_8 {
    top: 123px;
    left: 073px;
}

#l_point_9 {
    top: 104px;
    left: 108px;
}

#l_point_10 {
    top: 120px;
    left: 147px;
}

#l_point_11 {
    top: 205px;
    left: 046px;
}

#l_point_12 {
    top: 185px;
    left: 078px;
}

#l_point_13 {
    top: 162px;
    left: 109px;
}

#l_point_14 {
    top: 165px;
    left: 147px;
}

#l_point_15 {
    top: 245px;
    left: 048px;
}

#l_point_16 {
    top: 235px;
    left: 084px;
}

#l_point_17 {
    top: 220px;
    left: 118px;
}

#l_point_18 {
    top: 207px;
    left: 151px;
}

#l_point_19 {
    top: 285px;
    left: 060px;
}

#l_point_20 {
    top: 275px;
    left: 097px;
}

#l_point_21 {
    top: 267px;
    left: 132px;
}

#l_point_22 {
    top: 323px;
    left: 065px;
}

#l_point_23 {
    top: 323px;
    left: 102px;
}

#l_point_24 {
    top: 312px;
    left: 137px;
}

#l_point_25 {
    top: 368px;
    left: 075px;
}

#l_point_26 {
    top: 369px;
    left: 111px;
}

#l_point_27 {
    top: 355px;
    left: 145px;
}

#l_point_28 {
    top: 412px;
    left: 095px;
}

#l_point_29 {
    top: 407px;
    left: 140px;
}

#l_point_30 {
    top: 444px;
    left: 120px;
}



#r_point_1 {
    top: 020px;
    left: 040px;
}

#r_point_2 {
    top: 015px;
    left: 092px;
}

#r_point_3 {
    top: 045px;
    left: 121px;
}

#r_point_4 {
    top: 070px;
    left: 143px;
}

#r_point_5 {
    top: 112px;
    left: 168px;
}

#r_point_6 {
    top: 120px;
    left: 026px;
}

#r_point_7 {
    top: 104px;
    left: 065px;
}

#r_point_8 {
    top: 123px;
    left: 100px;
}

#r_point_9 {
    top: 148px;
    left: 126px;
}

#r_point_10 {
    top: 175px;
    left: 155px;
}

#r_point_11 {
    top: 165px;
    left: 026px;
}

#r_point_12 {
    top: 162px;
    left: 064px;
}

#r_point_13 {
    top: 185px;
    left: 095px;
}

#r_point_14 {
    top: 205px;
    left: 127px;
}

#r_point_15 {
    top: 207px;
    left: 022px;
}

#r_point_16 {
    top: 220px;
    left: 055px;
}

#r_point_17 {
    top: 235px;
    left: 089px;
}

#r_point_18 {
    top: 245px;
    left: 125px;
}

#r_point_19 {
    top: 267px;
    left: 041px;
}

#r_point_20 {
    top: 275px;
    left: 076px;
}

#r_point_21 {
    top: 285px;
    left: 113px;
}

#r_point_22 {
    top: 312px;
    left: 036px;
}

#r_point_23 {
    top: 323px;
    left: 071px;
}

#r_point_24 {
    top: 323px;
    left: 108px;
}

#r_point_25 {
    top: 355px;
    left: 028px;
}

#r_point_26 {
    top: 369px;
    left: 062px;
}

#r_point_27 {
    top: 368px;
    left: 098px;
}

#r_point_28 {
    top: 407px;
    left: 033px;
}

#r_point_29 {
    top: 412px;
    left: 078px;
}

#r_point_30 {
    top: 444px;
    left: 053px;
}

/*neuropathy responsive css*/
@media screen and (max-width:360px) {
    div#wizard_block.ur-csedit-wb .foot_img {
        height: auto;
        width: 268px;
        position: absolute;
    }

    div#wizard_block.ur-csedit-wb .marking_points_block_left {
        transform: scale(0.47);
        position: absolute;
        height: 362px;
        width: 125px;
        top: -79px;
        left: 10px;
    }

    .marking_points_block_right {
        transform: scale(0.48);
        height: 362px;
        width: 152px;
        top: -76px;
        left: 99px;
    }
}

@media screen and (max-width:420px) {
    div#wizard_block.ur-csedit-wb .foot_img {
        height: auto;
        width: 340px;
        position: absolute;
    }

    div#wizard_block.ur-csedit-wb .marking_points_block_left {
        transform: scale(0.6);
        position: absolute;
        height: 362px;
        width: 197px;
        top: -48px;
        left: 12px;
    }

    .marking_points_block_right {
        transform: scale(0.6);
        height: 362px;
        width: 152px;
        top: -48px;
        left: 148px;
    }
}

@media screen and (max-width:767px) {
    div#wizard_block.ur-csedit-wb .foot_img {
        height: 0px !important;
        width: 340px;
        position: absolute;
    }

    div#wizard_block.ur-csedit-wb .marking_points_block_left {
        transform: scale(0.6);
        position: absolute;
        height: 362px;
        width: 197px;
        top: -48px;
        left: 12px;
    }

    div#wizard_block.ur-csedit-wb .marking_points_block_right {
        transform: scale(0.6);
        height: 362px;
        width: 152px;
        top: -48px;
        left: 148px;
    }

    div#wizard_block.ur-csedit-wb .point_selection_block {
        display: block;
        max-width: 231px;
        position: relative;
        right: 0;
        left: 0;
        background: #fff;
        border: 1px solid #bfbfbf;
        padding: 15px;
        border-radius: 5px;
        margin: auto;
    }
}

.marking_points_block_right {
    position: absolute;
    top: 47px;
    left: 328px;
}

.marking_points_block_left {
    position: absolute;
    top: 48px;
    left: 86px;
}

.marking_points_block_top {
    position: absolute;
    top: 0px;
    left: 86px;
}


/*.marking_points_block_left {
    position: relative;
    width: 195px;
    height:495px;
    top: -521px;
    left: 62px;
    display: inline-block;
}

.marking_points_block_right {
    display: inline-block;
    position: relative;
    width: 195px;
    height:495px;
    top: -521px;
    left: 107px;
}*/

/*neuropathy responsive css*/

/*foot image points */

.menulist {
    display: flex;
    flex-wrap: wrap;
}

    .menulist li {
        margin-bottom: 5px;
    }

ul.nav.menulist li span.tab_menu_text {
    display: none;
}

ul.nav.menulist li.active span.tab_menu_text {
    display: initial;
    font-size: 16px;
    font-weight: 400;
    color: #3276b1;
    /*color: #898989;*/
    /*display: initial;
    font-size: 16px;
    font-weight: 200;
    color: #3276b1;*/
}

.view-profile img {
    border-radius: 50%;
    border: 3px solid gainsboro;
    float: left;
    width: 85px;
    height: 85px;
    object-fit: contain;
}

ul.menulist.nav > li > a {
    position: relative;
    display: block;
    padding: 12px 16px;
    cursor: pointer;
}

ul.menulist.nav-tabs > li.active > a,
ul.menulist.nav-tabs > li.hover > a {
    border: transparent !important;
    border-bottom: 2px solid #3276b1 !important;
}

.left-arrow.csprev-step {
    width: 45px;
    float: left;
    cursor: pointer;
}

.right-arrow.csnext-step {
    width: 45px;
    float: right;
    cursor: pointer;
}

.align-cc-nero {
    background: white;
    padding: 0 24px;
    margin-top: 20px;
}

/*more details cs*/
#qlabtest a {
    border: 0px;
}

#qlabtest li.list-group-item {
    padding: 0 !important;
    margin-right: 0;
}

#qlabtest li a:hover {
    background: #337ab7 !important;
    color: white !important;
}

#qlabtest li.active a {
    color: white !important;
}

#qlabtest li.active a {
    color: #ffffff !important;
    background: #3276b1 !important;
}

#qlabtest ul.list-group.nav.nav-tabs.nav-stacked.qentry {
    margin-left: 9px;
}

#qlabtest .nav > li > a {
    position: relative;
    display: block;
    padding: 15px 6px;
}

div#more_detail_block_1 {
    padding: 30px 10px;
}

/*End of more details cs*/
.pat_overview_1,
.pat_overview_2,
.pat_overview_3,
.pat_overview_4,
.pat_overview_5
.pat_overview_6,
.pat_overview_7,
.pat_overview_8,
.pat_overview_9,
.pat_overview_10,
.pat_overview_11,
.pat_overview_12,
.pat_overview_13 {
    display: inline-block
}

.h34 {
    height: 34px;
}

.page_count_show_block,
.content_slide_top {
    display: none;
}

    .page_count_show_block.active,
    .content_slide_top.active {
        display: block !important;
    }



/*algoritham style*/
#view_profile .carousel.slide.content_slide_top {
    background: #fff;
    box-shadow: 0 4px 17px 0 rgb(0 0 0 / 10%);
    border: solid 0.9px #e5e5e5;
    max-width: 100%;
    padding: 9px 14px;
    margin-left: 23px;
    border-radius: 4px;
}

.desc_text_content {
    color: #444;
    font-size: 14px;
    padding-right: 10px !important;
    padding-left: 5px !important;
}

.pg_no_txt {
    font-size: 12px;
    color: #989898;
}

.page_count_show_block {
    position: absolute;
    right: 14px;
    top: 5px;
    z-index: 1;
}

.control_box_block {
    /* background: #b3b3b3; */
    position: absolute;
    right: 10px;
    font-size: 18px;
    bottom: 1px;
}

#view_profile .carousel.slide.content_slide_top .controls_block i {
    color: #a5a5a5;
}

.ur_assist_img {
    margin-top: 5px;
    padding-left: 6px;
    max-width: 60px;
}

.view_all_btn_alg {
    margin-left: 5em;
    color: #ffffff !important;
    background: #3276b1;
    max-width: 115px;
    border-radius: 18px;
    font-size: 12px;
    text-align: center;
    padding: 2px 5px;
}

.pat-info .pat-info-com {
    display: block;
    font-weight: 600;
    color: #3276b1 !important;
}

.pat-info .pat-info-com {
    background-color: aliceblue;
    padding: 7px;
    border-radius: 15px;
    border: 1px solid #3276b1;
    float: left;
    margin-right: 20px;
    min-height: 89px;
    width: 120px;
}

/*#vas-section ul {
    margin-right: 80px;
}*/

    #vas-section ul.feedbackvideo.vas-feedbackvideo li {
        margin-right: 17.5%;
    }

        #vas-section ul.feedbackvideo.vas-feedbackvideo li:nth-child(5) {
            margin-right: 0em;
        }

#lpright-three-section input.form-check-input,
#lpright-two-section input.form-check-input {
    margin-right: 9px;
}

#lpright-three-section span,
#lpright-two-section span {
    font-weight: lighter !important;
}

p.cs-on-head {
    font-weight: 600;
    font-size: 16px;
    margin: 12px 0;
}

.modal .modal-body {
    display: inline-block;
}

div#copyprestablelist {
    max-height: 480px;
    overflow-y: scroll;
}

.datepicker {
    cursor: pointer;
}

.cs-adj-input-full {
    width: 100%;
}

.feedbackvideo ul {
    padding: 0;
    margin-inline: auto !important;
}


    .feedbackvideo ul li {
        list-style: none;
    }

@media only screen and (max-width:2560px) {
    #vas-section ul.feedbackvideo.vas-feedbackvideo li {
        margin-right: 15% !important;
    }

    #vas-section ul {
        margin-left: 4% !important;
    }
}

@media only screen and (max-width:1440px) {
    #vas-section ul.feedbackvideo.vas-feedbackvideo li {
        margin-right: 13%;
    }

    #vas-section ul {
        display: flex;
        justify-content: space-between;
        margin-left: 3.5%;
    }
}

@media only screen and (max-width:1024px) {
    #vas-section ul.feedbackvideo.vas-feedbackvideo li {
        margin-right: 13%;
    }
}

@media only screen and (max-width: 768px) {
    #vas-section ul.feedbackvideo.vas-feedbackvideo li {
        margin-right: 11%;
    }
}
/*align-table-column*/
table#tbl-scan tbody tr td:nth-child(3), table#tbl-scan tbody tr td:nth-child(4) {
    width: 118px;
}

table#tblDietChart thead tr th:nth-child(3) {
    width: 12%;
}
/*align-table-column*/
/*labdetail popup*/
.tbl_patient_summary_details h5 {
    background: #f5f5f59e;
    padding: 8px 11px;
    max-width: 161px;
    border-radius: 3px;
    text-align: left;
}

#lab_details .modal-dialog.modal-md {
    width: 90%;
}

#lab_details label {
    font-size: 11px;
}

.btn-group a {
    border: 1px solid #80808096 !important;
}

#lab_details .form-group {
    margin-bottom: 10px !important;
}

.marginbot25 {
    margin-bottom: 25px;
}

#lab_details li.list-group-item a {
    padding: 10px 15px;
}

#lab_details .nav-tabs li a {
    font-family: 'roboto_condensed',sans-serif !important;
    font-size: 12px !important;
    text-transform: capitalize;
}

#lab_details input {
    height: 28px;
}

#lab_details .btn-group .btn {
    line-height: 8px !important;
}

h4.lt-head {
    font-size: 18px;
    FONT-WEIGHT: 500;
    color: #418bfe;
    padding-bottom: 12px;
    border-bottom: 1px solid #9c9c9c36;
}

#radioBtn > .active {
    color: #fff !important;
    background-color: #496fff !important;
    border-color: #496fff !important;
}

#radioBtn .not-active {
    color: #3276b1 !important;
    background-color: #fff !important;
}

#radioBtn > .not-active:hover, #radioBtn > .active:hover {
    color: #fff !important;
    background-color: #008000 !important;
    border-color: #008000 !important;
}

/*#alcholintake_yes.active, #alcholintake_yes.active:hover, #alcholintake_yes.not-active:hover {
    color: #fff !important;
    background-color: #008000 !important;
    border-color: #008000 !important;
}

#alcholintake_no, #alcholintake_no.active:hover{
    color: #fff !important;
    background-color: #a94442 !important;
    border-color: #a94442 !important;
}*/

/*opthal forms*/
#status_None.active, #status_None.active:hover, #status_None.not-active:hover {
    color: #fff !important;
    background-color: #ccc !important;
    border-color: #ccc !important;
}

#status_Mild.active, #status_Mild.active:hover, #status_Mild.not-active:hover {
    color: #fff !important;
    background-color: #5bc0de !important;
    border-color: #5bc0de !important;
}

#LC_status_Mild.active, #LC_status_Mild.active:hover, #LC_status_Mild.not-active:hover {
    color: #fff !important;
    background-color: #5bc0de !important;
    border-color: #5bc0de !important;
}

#status_Moderate.active, #status_Moderate.active:hover, #status_Moderate.not-active:hover {
    color: #fff !important;
    background-color: #f0ad4e !important;
    border-color: #f0ad4e !important;
}

#LC_status_Moderate.active, #LC_status_Moderate.active:hover, #LC_status_Moderate.not-active:hover {
    color: #fff !important;
    background-color: #f0ad4e !important;
    border-color: #f0ad4e !important;
}

#status_Severe.active, #status_Severe.active:hover, #status_Severe.not-active:hover {
    color: #fff !important;
    background-color: #a94442 !important;
    border-color: #a94442 !important;
}

    #LC_status_Severe.active, #status_Severe.active:hover, #LC_status_Severe.not-active:hover {
        color: #fff !important;
        background-color: #a94442 !important;
        border-color: #a94442 !important;
    }

#status_Yes.active, #status_Yes.active:hover, #status_Yes.not-active:hover {
    color: #fff !important;
    background-color: #008000 !important;
    border-color: #008000 !important;
}

#status_No.active, #status_No.active:hover, #status_No.not-active:hover {
    color: #fff !important;
    background-color: #a94442 !important;
    border-color: #a94442 !important;
}

#LC_status_Yes.active, #LC_status_Yes.active:hover, #LC_status_Yes.not-active:hover {
    color: #fff !important;
    background-color: #a94442 !important;
    border-color: #a94442 !important;
}

#LC_status_No.active, #LC_status_No.active:hover, #LC_status_No.not-active:hover {
    color: #fff !important;
    background-color: #008000 !important;
    border-color: #008000 !important;
}

. {
    border-radius: 25px !important;
}

    .wldropdown_content {
        display: none;
        position: absolute;
        background-color: #f1f1f1;
        min-width: 114px;
        font-family: 'roboto_regular' !important;
        max-height: 175px;
        overflow: auto;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
        color: #000;
        top: -25px;
        right: 35px;
        text-align: left;
        font-size: 14px;
    }

#lab_details div#radioBtn a {
    font-size: 12px;
    margin-bottom: 12px;
}

#lab_details label {
    font-size: 12px;
}

.funkyradio label {
    width: 100%;
    border-radius: 3px;
    border: 1px solid #D1D3D4;
    font-weight: normal;
}
/*labdetail popup*/
.radio_wrapper_3 {
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.4);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.4);
    background: #418bfe;
    border: 1px solid #f1f1f1;
    width: 150px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 30px;
    position: relative;
    margin-left: 1%;
}

    .radio_wrapper_3:hover {
        color: #333 !important;
        background-color: #3e7ede !important;
        border-color: #f1f1f1 !important;
    }

    .radio_wrapper_3 p {
        position: absolute;
        margin: 0;
        margin-top: 13px;
        color: #fff;
        cursor: default;
    }

    .radio_wrapper_3 .duration_days_1 {
        left: 11px;
        top: -7px;
        color: #fff;
    }

    .radio_wrapper_3 .duration_month_1 {
        right: 63px;
        top: -7px;
        color: #fff;
    }

    .radio_wrapper_3 .duration_year_1 {
        right: 33px;
        top: -7px;
        color: #fff;
    }

    .radio_wrapper_3 .duration_life_1 {
        right: 11px;
        top: -7px;
        color: #fff;
    }



    .radio_wrapper_3 .duration_week_1 {
        left: 42px;
        top: -7px;
        color: #fff;
    }

.duration_week_1 + label {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    left: 23%;
    top: -1px;
    -moz-animation-duration: 0.4s;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    transition: transform 1s;
}

.duration_week_1:checked + label {
    -moz-animation-duration: 0.4s;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-transform: translateZ(0);
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #f4f4f4;
    color: #444;
    border: 1px solid #ddd;
}

.duration_days_1 + label {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    left: -1px;
    top: -1px;
    text-align: center;
}

.duration_days_1:checked + label {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #f4f4f4;
    color: #444;
    border: 1px solid #ddd;
    -moz-animation-duration: 0.4s;
    -moz-animation-name: slidein;
    -webkit-animation-duration: 0.4s;
    -webkit-animation-name: slidein;
    animation-duration: 0.4s;
    animation-name: slidein;
    -webkit-transform: translateZ(0);
}

.duration_year_1 + label {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    right: 20%;
    top: -1px;
    -moz-animation-duration: 0.4s;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    transition: transform 1s;
}

.duration_year_1:checked + label {
    -moz-animation-duration: 0.4s;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-transform: translateZ(0);
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #f4f4f4;
    color: #444;
    border: 1px solid #ddd;
}

.duration_life_1 + label {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    right: -1px;
    top: -1px;
    text-align: center;
}

.duration_life_1:checked + label {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #f4f4f4;
    color: #444;
    border: 1px solid #ddd;
    -moz-animation-duration: 0.4s;
    -moz-animation-name: slidein;
    -webkit-animation-duration: 0.4s;
    -webkit-animation-name: slidein;
    animation-duration: 0.4s;
    animation-name: slidein;
    -webkit-transform: translateZ(0);
}


.duration_month_1 + label {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    left: 44%;
    top: -1px;
    text-align: center;
}

.duration_month_1:checked + label {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: red;
    -moz-animation-duration: 0.4s;
    -moz-animation-name: slideno;
    -webkit-animation-duration: 0.4s;
    -webkit-animation-name: slideno;
    animation-duration: 0.4s;
    animation-name: slideno;
    -webkit-transform: translateZ(0);
    background-color: #f4f4f4;
    color: #444;
    border: 1px solid #ddd;
}

.text_before_btn_1 {
    z-index: 10;
    color: #444 !important;
}

.radio_wrapper_3 label {
    z-index: 9;
    cursor: pointer;
}

.radio_wrapper_3 input[type="radio"] {
    display: none;
}

#lab_details li.list-group-item a {
    padding: 10px 14px;
}

#lab_details .box .nav-stacked > li {
    padding: 0
}

#lab_details .modal-body.cus-mb-adj {
    padding: 0 15px;
    width: 100%;
    max-height: 451px;
    overflow-y: scroll;
}

#lab_details .nav-tabs li a {
    padding: 10px 15px;
}

#lab_details .modal-footer {
    padding: 8px 12px;
}

#lab_details .nav-tabs-custom {
    margin-bottom: 0px;
}

#lab_details li.list-group-item.active a {
    background: #5295fe;
    color: white;
    margin: 0;
    border-radius: 0;
}

#lab_details li.list-group-item.active {
    border: 1px solid #ffffff;
}

#lab_details .pb7 {
    padding-bottom: 7px;
}


/*pres*/
.pres-col-1 {
    width: 125px;
    float: left;
    margin-right: 12px;
}

.pres-col-2 {
    width: 13%;
    float: left;
    margin-right: 12px;
}

.pres-col-3 {
    width: 12%;
    float: left;
    margin-right: 12px;
}

.pres-col-4 {
    width: 8%;
    float: left;
}

.pres-col-5 {
    width: 27%;
    float: left;
}

.pres-col-6 {
    width: 15%;
    float: left;
}

.pres-col-5 div {
    width: 23% !important;
}

.radio_wrapper_1, .radio_wrapper_2 {
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.4);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.4);
    background: #418bfe;
    border: 1px solid #f1f1f1;
    width: 100px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 30px;
    position: relative;
    margin-left: 1%;
}

    .radio_wrapper_1:hover, .radio_wrapper_2:hover {
        color: #333 !important;
        background-color: #3e7ede !important;
        border-color: #f1f1f1 !important;
    }

    .radio_wrapper_1 p, .radio_wrapper_2 p {
        position: absolute;
        margin: 0;
        margin-top: 13px;
        color: #fff;
        cursor: default;
    }

    .radio_wrapper_1 .before_food {
        left: 11px;
        top: -7px;
        color: #fff;
    }

    .radio_wrapper_1 .after_food {
        right: 11px;
        top: -7px;
        color: #fff;
    }

    .radio_wrapper_1 .with_food {
        left: 42px;
        top: -7px;
        color: #fff;
    }

    .radio_wrapper_1 label, .radio_wrapper_2 label {
        z-index: 9;
        cursor: pointer;
    }

    .radio_wrapper_1 input[type="radio"], .radio_wrapper_2 input[type="radio"] {
        display: none;
    }

.with_food + label {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    left: 33%;
    -moz-animation-duration: 0.4s;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    transition: transform 1s;
    top: -1px;
}

.with_food:checked + label {
    -moz-animation-duration: 0.4s;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-transform: translateZ(0);
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #f4f4f4;
    color: #444;
    border: 1px solid #ddd;
}

.before_food + label {
    top: -1px;
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    left: -1px;
    text-align: center;
}

.before_food:checked + label {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #f4f4f4;
    color: #444;
    border: 1px solid #ddd;
    -moz-animation-duration: 0.4s;
    -moz-animation-name: slidein;
    -webkit-animation-duration: 0.4s;
    -webkit-animation-name: slidein;
    animation-duration: 0.4s;
    animation-name: slidein;
    -webkit-transform: translateZ(0);
}

.after_food + label {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    right: -1px;
    top: -1px;
    text-align: center;
}

.after_food:checked + label {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: red;
    -moz-animation-duration: 0.4s;
    -moz-animation-name: slideno;
    -webkit-animation-duration: 0.4s;
    -webkit-animation-name: slideno;
    animation-duration: 0.4s;
    animation-name: slideno;
    -webkit-transform: translateZ(0);
    background-color: #f4f4f4;
    color: #444;
    border: 1px solid #ddd;
}

.before_food:checked, .with_food:checked, .after_food:checked {
    z-index: 10;
}

@keyframes slidein {
    from {
        transform: translate(50px, 0);
    }

    to {
        transform: translate(0px, 0px);
    }
}


@keyframes slideno {
    from {
        transform: translate(-50px,0);
    }

    to {
        transform: translate( 0px, 0px);
    }
}

@keyframes returnLeft {
    from {
        transform: translate(-50px,0);
    }

    to {
        transform: translate(0px,0);
    }
}

@keyframes returnRight {
    from {
        transform: translate(50px,0);
    }

    to {
        transform: translate(0px,0);
    }
}

.radio_wrapper_2 .duration_days {
    left: 11px;
    top: -8px;
    color: #fff;
}

.radio_wrapper_2 .duration_month {
    right: 11px;
    top: -8px;
    color: #fff;
}

.radio_wrapper_2 .duration_week {
    left: 42px;
    top: -8px;
    color: #fff;
}

.duration_week + label {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    left: 33%;
    top: -1px;
    -moz-animation-duration: 0.4s;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    transition: transform 1s;
}

.duration_week:checked + label {
    -moz-animation-duration: 0.4s;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-transform: translateZ(0);
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #f4f4f4;
    color: #444;
    border: 1px solid #ddd;
}

.duration_days + label {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    left: -1px;
    top: -1px;
    text-align: center;
}

.duration_days:checked + label {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #f4f4f4;
    color: #444;
    border: 1px solid #ddd;
    -moz-animation-duration: 0.4s;
    -moz-animation-name: slidein;
    -webkit-animation-duration: 0.4s;
    -webkit-animation-name: slidein;
    animation-duration: 0.4s;
    animation-name: slidein;
    -webkit-transform: translateZ(0);
}

.duration_month + label {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    right: -1px;
    top: -1px;
    text-align: center;
}

.duration_month:checked + label {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: red;
    -moz-animation-duration: 0.4s;
    -moz-animation-name: slideno;
    -webkit-animation-duration: 0.4s;
    -webkit-animation-name: slideno;
    animation-duration: 0.4s;
    animation-name: slideno;
    -webkit-transform: translateZ(0);
    background-color: #f4f4f4;
    color: #444;
    border: 1px solid #ddd;
}

.text_before_btn {
    z-index: 10;
    color: #444 !important;
}

.btn_dec_mor,
.btn_inc_mor,
.btn_dec_aft,
.btn_inc_aft,
.btn_dec_eve,
.btn_inc_eve,
.btn_dec_nit,
.btn_inc_nit {
    padding: 5px 8px !important;
}

.pres-input-number {
    padding: 5px !important;
    width: 26px !important;
}
/*pres*/
/*div#CBC-section label,
div#UrineRoutine-section label {
    text-transform: lowercase;
}*/

/*div#CBC-section label::first-letter,
div#UrineRoutine-section label::first-letter{
    text-transform: capitalize !important;
}*/
@media screen and (min-width:767px) {
    #Retinopathy-section .panel-body {
        min-height: 149px;
    }

    #Haematology-section .panel-body {
        min-height: 276px;
    }

    #Cardiac-section .panel-body {
        min-height: 197px;
    }

    .neuro-notes .panel-body {
        min-height: 175px;
    }

    div#Ultrasound-section .panel-body {
        min-height: 224px;
    }
}

.foot_img {
    background: #3276b1;
    padding: 1.5%;
    border-radius: 6px;
}

textarea {
    resize: none;
}

/*tags editor start*/
/* surrounding tag container */
.tag-editor {
    list-style-type: none;
    padding: 0 5px 0 0;
    margin: 0;
    overflow: hidden;
    border: 1px solid #eee;
    cursor: text;
    font: normal 14px sans-serif;
    color: #555;
    background: #fff;
    line-height: 12px;
    height: auto;
}

    /* core styles usually need no change */
    .tag-editor li {
        display: block;
        float: left;
        overflow: hidden;
        margin: 3px 0;
    }

    .tag-editor div {
        float: left;
        padding: 0 4px;
    }

    .tag-editor .placeholder {
        padding: 0 8px;
        color: #bbb;
    }

    .tag-editor .tag-editor-spacer {
        padding: 0;
        width: 8px;
        overflow: hidden;
        color: transparent;
        background: none;
    }

    .tag-editor input {
        vertical-align: inherit;
        border: 0;
        outline: none;
        padding: 0;
        margin: 0;
        cursor: text;
        font-family: inherit;
        font-weight: inherit;
        font-size: inherit;
        font-style: inherit;
        box-shadow: none;
        background: none;
        color: #444;
    }
/* hide original input field or textarea visually to allow tab navigation */
.tag-editor-hidden-src {
    position: absolute !important;
    left: -99999px;
}
/* hide IE10 "clear field" X */
.tag-editor ::-ms-clear {
    display: none;
}

/* tag style */

/* delete icon */

.tag-editor .tag-editor-delete i {
    line-height: 18px;
    display: inline-block;
}

    .tag-editor .tag-editor-delete i:before {
        font-size: 16px;
        color: #8ba7ba;
        content: "x";
        font-style: normal;
    }

.tag-editor .tag-editor-delete:hover i:before {
    color: #d65454;
}

.tag-editor .tag-editor-tag.active + .tag-editor-delete, .tag-editor .tag-editor-tag.active + .tag-editor-delete i {
    visibility: hidden;
    cursor: text;
}

.tag-editor .tag-editor-tag.active {
    background: none !important;
}

/*Tag editor fix*/
.closeip {
    position: absolute;
    right: 11px;
    top: 9px;
    color: white;
    opacity: 1;
}

.us-dpe-rd-head .radio-inline,
.us-dpe-bg-head .radio-inline {
}

.us-dpe-rd-head [type=radio]:checked + span {
    background: #0065b3;
    color: white;
    padding: 8px 13px;
}

.us-dpe-bg-head [type=radio]:checked + span {
    background: #0065b3;
    color: white;
    padding: 8px 7px;
}

.us-dpe-rd-head .radio-inline {
    padding-left: 0px;
}

.us-dpe-bg-head .radio-inline {
    padding-left: 0px;
    margin-bottom: 27px;
}

    .us-dpe-bg-head .radio-inline + .radio-inline {
        margin-left: 0px;
    }

.us-dpe-bg-head {
    margin-top: 22px;
}

@media screen and (max-width:580px) {
    .us-db-label-gb {
        width: 100%;
        margin-bottom: 21px;
    }
}

@media screen and (min-width:580px) {
    .us-dpe-bg-head .radio-inline {
        padding-left: 0px;
        margin-bottom: 27px;
        padding-top: 21px;
    }
}

@media screen and (max-width:767px) {
    #feedback_popup .us-dpe-bg-head .radio-inline {
        padding-left: 0px;
        margin-bottom: 27px;
        width: 100%;
        text-align: center;
    }
}

@media screen and (max-width:767px) {
    #feedback_popup .us-dpe-bg-head .radio-inline {
        padding-left: 0px;
        margin-bottom: 27px;
        width: 100%;
        text-align: center;
    }
}

.us-dpe-bg-head [type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

@media screen and (min-width: 580px) {
    .us-dpe-bg-head .radio-inline {
        padding-left: 0px;
        margin-bottom: 27px;
        padding-top: 21px;
        margin-left: 0px;
    }

    .us-dpe-bg-head .radio-inline {
        padding-left: 0px;
        margin-bottom: 27px;
    }

    #feedback_popup .us-dpe-bg-head span {
        background-color: #d4d1d1;
        color: #060606;
        font-size: 12px;
        padding: 6px 3px;
        border: 1px solid #c5c5c5;
    }
}

.quickselect-warp-list ul li {
    display: inline-block;
    margin-right: 18px;
    border: 1px solid #337ab7;
    border-radius: 33px;
    padding: 0 9px;
    margin-bottom: 9px;
    font-size: 12px;
    cursor: pointer;
}

.quickselect-warp-list ul {
    padding-left: 0px;
}

.select2-container .select2-search,
.select2-container .select2-search__field {
    width: 100% !important;
}

#req_service .ui-autocomplete {
    z-index: 204232320000 !important;
    width: 90%;
}

html ul#ui-id-2, html ul#ui-id-3, html ul#ui-id-6, html ul#ui-id-1, html ul#ui-id-5 {
    max-height: 310px;
    overflow-y: auto;
    overflow-x: hidden;
    max-width: 550px;
}

/* jQuery UI autocomplete - code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css */
.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
    font-size: 14px;
}

.ui-menu {
    list-style: none;
    padding: 1px;
    margin: 0;
    display: block;
    outline: none;
}

    .ui-menu .ui-menu-item a {
        text-decoration: none;
        display: block;
        padding: 2px .4em;
        line-height: 1.4;
        min-height: 0; /* support: IE7 */
    }

.ui-widget-content {
    border: 1px solid #bbb;
    background: #fff;
    color: #555;
}

    .ui-widget-content a {
        color: #46799b;
    }

    .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
        background: #e0eaf1;
    }

.ui-helper-hidden-accessible {
    display: none;
}


.ui-front {
    z-index: 4365436543 !important;
}


.casesheet-navbar {
    width: 100%;
}

.edit-icon-bmi {
    color: white !important;
}

#bmiCalc .unitmute {
    position: absolute;
    top: 32px;
    right: 50px;
}

.modal-open {
    overflow-y: scroll !important;
}
/*DashboardTab Color*/
.custab-design-urs-head .nav > li > a:hover,
.custab-design-urs-head .nav > li > a:focus {
    border: 1px solid #22468d !important;
    border-radius: 5px;
    background-color: #22468d !important;
    color: white !important;
    border-bottom-width: 0px;
    padding: 4px 10px 4px 10px !important;
    margin: -1px;
}

.custab-design-urs-head .nav-tabs > li.active > a {
    border: 1px solid #22468d !important;
    border-radius: 5px;
    background-color: #22468d !important;
    color: white !important;
    border-bottom-width: 0px;
    padding: 4px 10px 4px 10px !important;
    margin: -1px;
}

.nav-tabs li a {
    width: max-content;
    position: relative;
    display: block;
    padding: 4px 10px 4px 10px !important;
    font-weight: 500;
    font-size: 14px;
    color: #a2a0a0;
}

.dental_blue {
    background-color: blue;
}

/*DashboardTab Color*/


/*Writing Pad*/
/*#canvasPrescriptionWritingPad {
			cursor: crosshair;
                  
		}*/

#colorpickerWritingPad {
    background: transparent;
    width: 60px;
}


/*.container {
    display: flex;
    justify-content: center;    
  }*/

/*#canvasPrescriptionWritingPad{
    background-color:white;
    margin-left:0px !important;
      width: 1217px !important;
      height: 655px !important;
  }*/
/*#container .canvas-container .upper-canvas{
      margin-left:0px !important;
      width: 1219px !important;
      height: 655px !important;
  }*/

/*.container .drawing-area {
   
   margin-bottom: 30px;
  }*/

/*#container .canvas-container{
      margin-left:-43px !important;
      width: 1219px !important;
      border:1px solid black;
  }*/


#canvasPrescriptionWritingPad {
    background-color: white;
    margin-left: 0px !important;
    width: 100% !important;
    height: 655px !important;
}

#container .canvas-container .upper-canvas {
    margin-left: 0px !important;
    width: 100% !important;
    height: 655px !important;
}

/*.container .drawing-area {
margin-bottom: 30px;
}*/

#container .canvas-container {
    margin-left: -13px !important;
    width: 100% !important;
    height: 657px !important;
    border: 1px solid black;
}


#lineWidthInputwritingpad {
    display: inline-block !important;
    width: 12% !important;
}

/*Writing Pad*/

.input_with_unit {
    display: flex;
    align-items: center;
}

.disp_if {
    display: inline-flex;
}



@media screen and (max-width: 992px) {
    .padbtn {
        padding: 5px !important;
    }

    .emojidiv {
        margin-left: 5px !important;
    }

    .pres-col-5 div {
        width: 43% !important;
    }

    .pres-col-6 {
        width: 100% !important;
    }
}

.table-responsive {
    width: 100%;
    overflow: auto;
}


#serviceAssessmentFormModal .modal.left .modal-dialog {
	position:fixed;
	right: 0;
	margin: auto;
	width: 320px;
	height: 100%;
	-webkit-transform: translate3d(0%, 0, 0) !important;
	-ms-transform: translate3d(0%, 0, 0) !important;
	-o-transform: translate3d(0%, 0, 0) !important;
	transform: translate3d(0%, 0, 0) !important;
}

#serviceAssessmentFormModal .modal.left .modal-content {
	height: 100%;
	overflow-y: auto;
}

#serviceAssessmentFormModal .modal-body {
    width:100% !important;
}