/* casestudy.css */

/* 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: 15px;
    background: #fff;
}

.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-content {
    padding: 10px 7px;
}

.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;
}



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


/*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 */



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

.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 span.tab_menu_text {
    font-size: 16px;
}

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;*/
}

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;
}



/* NewStylesForNewCaseSheet */
.casesheet-patheader {
    background: #3276b1;
    padding: 10px 0px;
    color: #fff;
}

.view-newprofile img {
    border-radius: 50%;
    border: 3px solid gainsboro;
    float: left;
    width: 30px;
    object-fit: contain;
    margin-right: 10px;
}

.view-newprofile .PatientName {
    font-size: 18px;
    font-weight: 600;
}

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

.border_rightclass {
    border-right: 1px solid #e1e1e1;
    padding-inline: 5px;
    margin-right: 5px;
}

.btn_editclass {
    color: #cfcfcf;
}

.casesheetnew-navbar {
    background-color: #ffffff;
    padding-right: 0px;
}

.menulist-new {
    display: flex;
    flex-direction: column;
    border-bottom: none;
}

.menulist-new li {
    color: #999999;
    margin-block: 5px;
    font-size: 13px;
}



ul.menulist-new>li.active,
ul.menulist-new>li:hover {
    border-bottom: 1px #3276b1 !important;
    color: #3276b1 !important;
    font-weight: 600;
    cursor: pointer;
}

.casesheet-tabs {
    background-color: #e1e1e1;
    padding-top: 10px;
}

.casesheet-inner-scroll {
    /*    height: calc(100vh - 203px);*/
    height: calc(100vh - 149px);
    overflow: auto;
}

.hideclass {
    display: none !important;
}

.menulist-new>li>img {
    width: 20px;
    margin-right: 5px;
    margin-bottom: 3px;
}

.feedbackvideo li {
    margin-left: 10%;
}

.point_selection_block {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.point_selection_block .checkbox {
    flex: 1 0;
}

.point_selection_block .checkbox label {
    padding-left: 5px;
}

/*.form-check-input{
    margin-right: 5px !important;
}*/
/* NewStylesForNewCaseSheet */