body {
    font-family: 'Lato', sans-serif;
}



.main__wrapper{
    display: flex;
    flex-direction: column;
    height: 100vh;
    padding-bottom: 0 !important;
}
.set__wrapper_overflow{
    flex: 1;
    overflow: auto;
    scrollbar-width: 0;
}
.set__wrapper_overflow::-webkit-scrollbar{
    display: none;
}
.set__wrapper_overflow .mid-content{
    /* height: 100%; */
    display: flex;
    flex-direction: column;
}
.set__wrapper_overflow .select-option{
    min-width: 550px;
}
.drug_listing{
    max-width: 550px;
    min-width: 550px;
    margin: 0 auto;
}
.title-lg{
    color: #FF8927;
    font: normal normal bold 36px/50px Lato !important; 
}
.title__text{
    color: #000000;
    font-size: 28px;
    font-weight: 700;
}
.custom--row {
    display: flex;
    justify-content: center;
}
.icon_box,.icon_box svg{
    height: 45px;
    text-align: center;
    fill: #2DBDCA;
}
.icon_box {
    display: flex;
    justify-content: center;
}
.help_box-title {
    color: #444444;
    margin-bottom: 0;
    font-size: 16px;
    margin-top: 18px;
}
.consultation_help_box {
    padding: 30px 20px;
    border: 1px solid #071A23;
    border-radius: 15px;
    text-align: center;
    cursor: pointer;
    transition: 0.3s;
    min-width: 213px;
}
.consultation_help_box:hover{
    border: 1px solid #2DBDCA;
    background-color: #2DBDCA;
    transition: 0.3s;
}
.consultation_help_box:hover .icon_box svg{
    fill: #fff;
    transition: 0.3s;
}
.consultation_help_box:hover .help_box-title{
    color: #fff;
    transition: 0.3s;
}
.custom--row .consultation_help_box:not(:last-child){
    margin-right: 30px;
}
.prescription_details{
    display: flex;
}
.details_desc, .details_heading{
    font-size: 16px;
    font-weight: 700;
}
.details_heading{
    color: #2DBDCA;
    margin-right: 10px;
    display: inline-block;
}
.details_desc{
    color: #6E6E6E;
}
.question__text{
    color: #050606;
    font-size: 20px;
    font-weight: 700;
}
.custom_bottom_line-center{
    position: relative;
    padding-bottom: 14px;
    display: inline-block;
}
.custom_bottom_line-center::after{
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 50px;
    height: 3px;
    border-radius: 6px;
    background-color: #2DBDCA;
}
.mid-content {
    padding: 40px;
}
#adjustMedi .main-content-mid .container .hightBg.main__wrapper .mid-content .select-items div:hover, #adjustMedi .main-content-mid .container .hightBg.main__wrapper .mid-content .same-as-selected{
    background-color: transparent;
}
#adjustMedi .main-content-mid .container .hightBg.main__wrapper .mid-content .select-items div{
    border-bottom: 0;
    padding: 6px 16px;
    color: #6E6E6E;
    font-weight: 700;
}
#adjustMedi .main-content-mid .container .hightBg.main__wrapper .mid-content .select-items{
    padding: 6px 0;
    max-height: 245px;
    overflow: auto;
}
#adjustMedi .main-content-mid .container .hightBg.main__wrapper .mid-content .same-as-selected{
    font-weight: 400 !important;
}
.add_comment{
    color: #2DBDCA !important;
    font-weight: 600;
    font-size: 22px;
    text-decoration: underline;
}
.add_comment.active{
    color: #FF8927 !important;
}
.comment__box{
    border: 1px solid #071A23;
    border-radius: 10px;
    padding: 10px;
    display: none;
    min-width: 650px;
    resize: none;
}
.comment__box::placeholder{
    color: #6E6E6E;
    font-weight: 700;
}
.comment__box:focus{
    outline: none;
}
.consultation_cta{
    border: none;
    background-color: #FF8927;
    color: #fff !important;
    border-radius: 50rem;
    padding: 10px 40px;
    font-size: 20px;

}
.consultation_cta:focus, .consultation_cta:active{
    outline: none !important;
    box-shadow: none;
}

.modify_medication_wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-top: 16px;
    margin-left: -8px;
    margin-right: -8px;
}
.modify_medication{
    border: 2px solid #CDCDCD;
    border-radius: 10px;
    padding: 10px;
    /* margin-top: 16px; */
    height: 100%;
}
.drug_type{
    color: #071A23;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
}
.drug_desc{
    font-size: 13px;
    color: #6E6E6E;
}
.drug_name{
    font-weight: 700;
    font-size: 15px;
    color: #2DBDCA;
}
.drug_name.listing_drug_name{
    color: #FF8927;
}
.editable_medication_textarea{
    width: 100%;
    outline: none !important;
    border: 2px solid #CDCDCD;
    border-radius: 5px;
    padding: 8px;
    resize: none;
}
.modify_action_icon{
    height: 14px;
}
.modify_medication_wrapper [class*="col-"]{
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 16px;
}
.mw-logo{
    max-width: 180px;
}
.drug_pill {
    padding: 10px 15px;
    border-radius: 10px;
    background-color: #2DBDCA;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    margin:10px 10px 0 0;
}
.thanks__text{
    font-size: 16px;
    font-weight: 600;

}
.text-orange-ff{
    color: #FF8927;
}
.text-green-22{
    color: #22CC8E;
}
.color-primary{
    color: #2DBDCA !important; 
}
@media (max-width:991.89px){
    .custom--row {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .custom--row .consultation_help_box{
        margin-right: 0 !important;
        margin-bottom: 15px;
        padding: 22px 20px;
    }
    .title-lg{
        font: normal normal bold 24px/27px Lato !important; 
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
    .title__text{
        font-size: 24px !important;
    }
    .mid-content {
        padding: 25px 0;
    }
    .prescription_details{
        flex-direction: column;
        align-items: flex-start;
    }
    .custom_bottom_line-center::after{
        left: 0;
        transform: translateX(0);
    }
    .question__text{
        line-height: 30px;
    }
    .add_comment, .consultation_cta{
        font-size: 18px;
    }
    .comment__box{
        min-width: auto;
        width: 100%;
    }
    #adjustMedi .main-content-mid .container .hightBg.main__wrapper .mid-content .select-selected{
        padding: 12px 16px;
    }
    .set__wrapper_overflow .select-option{
        min-width: auto;
        width: 100%;
    }
    .modify_medication{
        height: auto;
    }
    .modify_medication_wrapper [class*="col-"]{
        padding-left: 0;
        padding-right: 0;
    }
    .modify_medication_wrapper{
        margin-left: 0;
        margin-right: 0;
    }
    /* .main__wrapper{
        height: calc(100vh - 100px);
        min-height: auto !important;
    } */
    .bg-img.top {
        height: auto;
        top: 0;
        width: 100%;
    }
    .bg-img.bottom {
        bottom: 0;
        height: auto;
        width: 100%;
    }
    /* .set_wrapper_mobile{
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
    } */
    .mw-logo {
        max-width: 120px;
    }
    #adjustMedi .main-content-mid .container .hightBg.main__wrapper .gray-hrader {
        padding: 15px 20px;
    }
    #adjustMedi{
        width: 100%;
    }
    .drug_pill{
        font-size: 16px;
    }
    .drug_listing{
        width: 100%;
        max-width: auto;
        min-width: auto;
    }
}
@media (min-width: 992px) and (max-width: 1400px){
    .title-lg{
        font: normal normal bold 27px/34px Lato !important; 
    }
}
@media(min-width: 1366px){
    .modify_medication_block{
        padding: 40px 130px;
    }
    .thanks__text{
        line-height: 32px;
        margin-bottom: 0;
    }
}
@media (min-width:1800px){
    .help_box-title {
        font-size: 24px;
        margin-top: 24px;
    }
    .consultation_help_box {
        padding: 40px 30px;
        min-width: 300px;
    }
    .icon_box,.icon_box svg{
        height: 60px;
    }
    .title-lg{
        font-size: 44px !important;
        margin-bottom: 70px !important;
        margin-top: 70px !important;
    }
    .title__text{
        font-size: 34px;
    }
    #adjustMedi .main-content-mid .container .hightBg.main__wrapper .mid-content .select-items{
        padding: 6px 0;
        max-height: 300px;
        overflow: auto;
    }
    .details_desc, .details_heading{
        font-size: 18px;
    }
    .question__text, .add_comment{
        font-size: 24px;
    }
    .consultation_cta{
        padding: 12px 44px;
        font-size: 24px;
        min-width: 220px;
    }
    .drug_type{
        font-size: 16px;
    }
   .drug_name {
        font-size: 18px;
    }
    .drug_desc{
        font-size: 14px;
    }
    .mw-logo{
        max-width: 280px;
    }
    .drug_pill{
        font-size: 16px;
    }
    .thanks__text{
        font-size: 18px;
    }
}



/* PEDIATRIC NEW FLOW css */
.trigger_next{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 600;
    color: #FF7400 ;
    text-decoration: none !important;
}
.trigger_next:hover{
    color: #FF7400 ;
}
.arrow-img{
    max-width: 22px;
}
.text-acent-34{
    color: #34394D !important;
}
.consultation_help_box.pediatric_consultation {
    border-radius: 10px;
    border-color: #2DBDCA;
    border-width: 2px;
    padding-top: 45px;
    padding-bottom: 45px;
}
.consultation_help_box.pediatric_consultation .icon_box,.consultation_help_box.pediatric_consultation .icon_box svg{
    height: 80px;
}
.age_carousel {
    background-color: #2dbdca0d;
    padding: 20px 20px;
}
.age_carousel .owl-item.center{
    background-color: #2DBDCA;
}
.age-number{
    font-size: 20px;
}
@media (min-width: 1200px){
    /* .set__wrapper_overflow .mid-content{
        justify-content: center;
    } */
}
@media (min-width:1800px){
    .trigger_next{
        font-size: 28px;
    }
    .arrow-img{
        max-width: 28px;
    }
    .consultation_help_box.pediatric_consultation {
        padding-top: 70px;
        padding-bottom: 70px;
    }
}



/* select new */
.medcation__search .subscription_input {
    padding: 14px 12px;
    font-size: 18px;
    border-color: #2dbdca;
    border-style: solid;
    border-radius: 10px;
    border-width: 2px;
    width: 100%;
    color: #6E6E6E;
    font-weight: 600;
}

.medcation__search .subscription_input::placeholder{
    color: #6E6E6E;
}

.medcation__search .search-option-box {
    background: #fff;
    border-radius: 0 0 12px 12px;
    padding: 4px 0;
    opacity: 0;
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    border: 2px solid #2dbdca;
    border-top: 0;
    box-shadow: 0px 3px 8px #0000000f;
    z-index: -1;
    max-height: 245px;
    overflow: auto;
}

.search-web .search-input:focus+.search-option-box {
    opacity: 1;
    z-index: 1;
}

.search-web .search-input:focus {
    border-radius: 12px 12px 0 0;
    border-color: #2dbdca;
    border-bottom: 0;
    box-shadow: 0px 3px 8px #0000000f;
    outline: none;
}

.medcation__search .search-option-box>ul>li {
    padding: 6px 12px;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    color: #6E6E6E;
}
.add__small {
    background-color: #EDEDF2;
    font-size: 11px;
    border-radius: 18px;
    border: none;
    padding: 3px 12px;
    margin-left: 10px;
}
.search-option-box>ul>li>.search-icons {
    margin-right: 0.625rem;
    height: 1rem;
    width: 1rem;
    display: inline-block;
    font-size: 0.75rem;
    color: #1E3766;
}
.search-web {
    position: relative;
}
@media (max-width: 991.89px){
    .medcation__search .subscription_input {
        padding: 12px 16px;
    }

}

/* -------------- */
@media (max-width: 767.98px){
    #adjustMedi{
        height: calc(var(--vh, 1vh) * 100);
    }
    #adjustMedi .main-content-mid {
        margin: auto;
        height: 100%;
    }
    #adjustMedi .main-content-mid .container{
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
    }
    .main__wrapper{
        height: calc(100% - 100px);
        min-height: auto !important;
        width: 100%;
    }
    .bg-img.top, .bg-img.bottom{
        height: 50px !important;
    }
}

/* -------------- */
.bottom--btns {
    position: absolute;
    background-color: #fff;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 12px 25px;
}
.pb__overflow {
    padding-bottom: 70px;
}
.main__wrapper{
    position: relative;
}