/*!
 * Nobaan css v1.0.0-beta (http://nobaan.com)
 */

/* nobaan colors */
.nobaan-purple-dark {
    background-color: #9516D8 !important;
}
.nobaan-green {
    background-color: #4FE20C !important;
}
.nobaan-green.lighten-1 {
    background-color: rgba(79, 226, 12, .75) !important;
}
.nobaan-green.lighten-2 {
    background-color: rgba(79, 226, 12, .5) !important;
}
.nobaan-pink {
    background-color: #e21990 !important;
}
.nobaan-purple {
    background-color: #481cbb !important;
}
.nobaan-blue {
    background-color: #0CD4E5 !important;
}
.nobaan-yellow {
    background-color: #D7E50C !important;
}

/* nobaan text colors */
.text-nobaan-pink {
    color: #e21990 !important;
}
.text-nobaan-purple-dark {
    color: #9516D8 !important;
}
.text-nobaan-purple {
    color: #481CBB !important;
}
.text-nobaan-blue {
    color: #0CD4E5 !important;
}
.text-nobaan-green {
    color: #4FE20C !important;
}
.text-nobaan-yellow {
    color: #D7E50C !important;
}


/* nobaan border-top colors */
.border-top-nobaan-pink {
    border-top: solid 1px #e21990 !important;
}
.border-top-nobaan-purple-dark {
    border-top: solid 1px #9516D8 !important;
}
.border-top-nobaan-purple {
    border-top: solid 1px #481cbb !important;
}
.border-top-nobaan-blue {
    border-top: solid 1px #0CD4E5 !important;
}
.border-top-nobaan-green {
    border-top: solid 1px #4FE20C !important;
}
.border-top-nobaan-yellow {
    border-top: solid 1px #D7E50C !important;
}

/* nobaan border-top colors */
.book-status-cancel {
    background:  #EF9A9A !important;
}
.book-status-cancel .status-explain{
    color: #c62828 !important;
    margin: 5px !important
}
.book-status-temporary {
    background:  #9516D8 !important;
}
.book-status-referenced {
    background:  #A5D6A7 !important;
}
.book-status-referenced .status-explain{
    color: #2E7D32 !important;
    margin: 5px !important
}
.book-status-unreferenced {
    background:  #81D4FA !important;
}
.book-status-unreferenced .status-explain{
    color: #0277BD !important;
    margin: 5px !important
}


/* nobaan tab bar */
.tab-bar{
    max-height: 100%;
    top: auto;
    bottom: 0px;
    margin: 0;
    width: 100%;
    border-radius: 0;
    position: fixed;
    left: 0;
    right: 0;
    padding: 0;
    overflow-y: auto;
    z-index: 99999;
    background: #FFFFFF;
    box-shadow: 0 1px 15px 1px rgba(0,0,0,0.14),0 9px 4px 2px rgba(0,0,0,0.9),0 11px 15px 5px rgba(0,0,0,0.2);
}
.tab-bar .tab-items{
    display: flex;
    align-items: center;
}
.tab-items .tab-item{
    width: 20%;
    text-align: center;
    padding: 4px 0px;
    color: #8E8E8E;
    border-bottom: 2px solid transparent;
}
.tab-items .tab-item:hover,.tab-items .tab-item:active , .tab-items .tab-item.active{
    color: #0CD4E5;
    border-bottom: 2px solid #0CD4E5;
}
.tab-items .tab-item i{
    line-height : 21px;
    font-size   : 20px
}
.tab-items .tab-item h6{
    margin: 0;
    line-height: 11px;
    font-size: 11px;
}


/* nobaan header */

.header-menu{
    padding: 15px !important;
    background: rgba(149,22,216,.85) !important;
    color: white
}
.header-menu h6{
    color : RGBa(255, 255, 255,.9) !important;
    font-size : .9rem
}
.header-menu .divider{
    height: 1.7rem !important;
    width: 1px !important;
    background:  #0CD4E5 !important;
    margin: 0 15px
}
.header-menu a {
	color: #ffffff !important;
}

.header {
    position: fixed;
    z-index: 1000;
    height: 70px;
    width: 100%;
    top: 0px;
    padding: 5px 5px 5px 5px;
    background: RGB(255, 255, 255);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1) !important;
}
.header .row{
    display: flex;
    justify-content:center;
    align-items: center;
    max-width: 900px !important;
}
.header img{
    width: 80px;
    
}
.header .border-purple{
    border: 1px #9516D8 solid;
    position: relative;
}
.header .border-purple i{
    position: absolute;
    left: 5px;
}
.header a{
    margin-left: 20px;
    padding: 5px 0px;
    min-width: 125px;
    text-align: center;
    font-size: 13px;
}
.header-img{
    background-image: url(../img/cover.png);
    height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.container,.header{
    direction: rtl !important;
    letter-spacing: -1px
}
/* nobaan CUSTOM */
body{
    overflow: scroll;
    overflow-x: hidden;
    background: #F5F5F5
}
.container{
    min-height: 450px;
   /* padding-top:71px !important; */
    margin:0px 0 50px 0 !important; 
    width: 100% !important;
    direction: rtl !important;
    max-width: 100% !important;
}
.col{
    padding: 0 !important;
}
.card{
    border-radius: 0;
    margin:0.3rem 0 .3rem 0;
    display: block;
}
.card .card-content{
    padding:10px
}
h1, h2, h3, h4, h5, h6{
    font-weight: normal
}
.h8{
    font-size: 9px;
    padding: 0;
    margin: 0
}
.h7{
    font-size: 11px;
    padding: 0;
    margin: 0
}
.h7 i{
    font-size: 19px !important
}
.w100{
    width: 100% !important
}
.maxw200{
    max-width: 300px !important
}
.select-wrapper ul{
    padding: 0 !important
}
.non-margin{
    margin: 0 !important
}
.non-padding{
    padding: 0 !important
}
.row{
    margin-bottom: 5px
}
#slide-back{
    display: flex;
    justify-content: center;
    align-items: center;
}
.short-text{
    font-size: 10px
}
.home-items .avatar{
    position: absolute;
    width: 32;
    height: 32px;
    overflow: hidden;
    right: 15px;
    display: inline-block;
    vertical-align: middle;
}

.home-items h6{
    margin: 0;
    font-size: 1rem
}

.home-items{
    padding-right: 45px !important;
    position: relative;
}
.left-arrow-box {
    position: absolute;
    top: 16px;
    left: 16px;
}
.reserved-dr-row{
    padding-top: 2px !important;
    padding-left: 0 !important;
    padding-bottom: 0px !important;
    padding-right: 55px !important;
    position: relative;
    display: block;
}
.booking-items {
    padding-top: 2px !important;
    padding-left: 0 !important;
    padding-bottom: 5px !important;
    padding-right: 70px !important;
    position: relative;
}

.dr-info {
    padding-top: 9px !important;
    padding-left: 0 !important;
    padding-bottom: 5px !important;
    padding-right: 74px !important;
    position: relative;
}

.booking-items .left-arrow-box i{
    font-size: 35px;
}
.booking-items .header-content{
    min-height: 50px;
    border-bottom: 1px solid #d1d1d1;
}
.booking-items .header-content span{
    line-height: 32px
}
.booking-items h6,.booking-info h6{
    font-size: 13px;
    margin: 7px 0 0 0;
}
.booking-items img {
    position: absolute;
    width: 50px;
    top: 7px;
    height: 50px;
    overflow: hidden;
    right: 10px;
    display: inline-block;
    vertical-align: middle;
}
.reserved-dr-row .left-arrow-box{
    top: 5px;
}
#clinic-div .collapsible-header{
    border: none;
    padding: 7px;
    position: relative;
}
#clinic-div .collapsible-header i{
    margin-left: -3px;
    position: absolute;
    left: 10px;
    top: 8px;
}
#clinic-div .collapsible-body{
    padding: 5px;
    background: #F5F5F5
}
#clinic-div{
    padding: 0;

    margin: 0;

    border: none;

    box-shadow: none;
}
.block{
    display: block !important
}



footer{
    background: #9516D8;
    padding: 10px
}
footer li:after {
    content: "•"; /* Insert content that looks like bullets */
    padding-right: 8px;
    color: #0CD4E5; /* Or a color you prefer */
    margin-left: 5px;
}
footer img{
    margin-top:30px;
    width: 100px 
}
footer p{
    font-size: 10px;
}
.collection-item,.collection{
    border: none !important;
    text-align: right;
    color: #FFF;
    font-size: 10px;
    padding:  0 !important
}
footer h4 , footer .divider{
    margin-right: 10px;
    color: #FFFFFF;
    text-align: right !important;

}
 footer .divider{
     background:  #0CD4E5 !important;
     margin-top: 20px
 }



.reserved-dr-row .hr{
    margin: 4px
}
.reserved-dr-row img{
    position: absolute;
    width: 40px;
    top: 0px;
    height: 40px;
    overflow: hidden;
    right: 10px;
    display: inline-block;
    vertical-align: middle;
}
.dr-info img{
    position: absolute;
    width: 60px;
    top: 7px;
    height: 60px;
    overflow: hidden;
    right: 10px;
    display: inline-block;
    vertical-align: middle;
}
.reserved-dr-rows .card-content{
    padding: 5px
}



.booking-info ,.day-info{
    padding-right: 70px !important;
}
.booking-info div label{
    min-width: 68px;   
}
 .flex-right{
    margin-bottom: 3px;
    display: flex;
    justify-content:start;
    align-items: center;
}
 .baseline{
    align-items: baseline !important;
}
 .flex-left{
    margin-bottom: 3px;
    display: flex;
    justify-content:flex-end;
    align-items: center;
}
.booking-info h6 ,.day-info h6 , .dr-info h6{
    margin: 0px 0 0 0;
}
.action-btns{
    border-top: 1px solid #d1d1d1;
    
}
.action-btn{
    display: flex;
    justify-content:center;
    align-items: center;
    padding: 8px 0;
    width: 33%;
    float: right;
}
.action-btn i{
    font-size: 21px
}
.action-btn:nth-child(2) {
  border-left: 1px solid  #d1d1d1;
  border-right: 1px solid #d1d1d1;
}
#dr-info-box .row{
    padding-top: 6px    !important;
    padding-left: 0     !important;
    padding-bottom: 0px !important;
    padding-right: 60px !important;
    position: relative;
}
#dr-info-box .row:nth-child(1){
    margin-bottom: 5px
}
#dr-info-box img{
    position: absolute;
    width: 40px;
    top: 4px;
    height: 40px;
    overflow: hidden;
    right: 15px;
    display: inline-block;
    vertical-align: middle;
}
.bottom-dr-info{
    display: flex;
    justify-content:start;
    align-items: center;
    padding-right: 60px
}
.bottom-dr-info .price-tag{
    font-size: 9px;
    padding-right: 3px;
    padding-top: 1px;
}
.choose-day-tag{
    padding:5px 20px 5px 0 ;
    line-height: 1.5rem !important;
} 

.new-plan-rows .btn{
    margin-top: 10px
}
.plan-row {
    padding-right: 55px !important;
}
.plan-row label{
    line-height: 22px
}
#off-box{
    padding-right: 60px !important;
}
#off-box input{
    font-size: 13px;
    max-width: 50%;
    height: 1rem;
    text-align: center;
}
#use-credit-btn{
    top: 20px
}
#submit-off{
    top: 30px;
}
.plan-box{
    background: #d1d1d1;
    position: absolute;
    width: 45px;
    top: 10;
    height: 45px;
    overflow: hidden;
    right: 15px;
    display: inline-block;
    vertical-align: middle;
    text-align: center
}
.plan-box h6{
    margin: 4px  0 0 0 
}
.booking-invoice .collection .collection-item .hr{
    margin: 5px 0
}
.booking-invoice .collection{
    padding:10px 0 10px 0 !important;
    margin: 0 !important
}
.collection{
    border: 0;
    width: 100%;
}
.collection .collection-item{
    border: 0;
    line-height: 1.5rem;
    padding: 2px 20px;
}
.collection .collection-item .btn{
    margin-top: 10px
}
.day-box{
    position: absolute;
    width: 60px;
    top: 10;
    height: 60px;
    overflow: hidden;
    right: 15px;
    display: inline-block;
    vertical-align: middle;
    text-align: center
}
.day-info .left-arrow-box{
    top: 5px;
    font-size: 11px
} .dr-info .left-arrow-box , .plan-row .left-arrow-box {
    top: 5px;
    font-size: 9px;
    left: 3px;
}
.day-box h6:nth-child(1){
    line-height: 30px
}
.day-info label{
    font-size: 0.6rem;
}
.flex-center{
    display: flex;
    justify-content:center;
    align-items: center;
}

.float-button{
    max-height: 100%;
    top: auto;
    bottom: 0px;
    margin: 0;
    width: 100%;
    border-radius: 0;
    position: fixed;
    left: 0;
    right: 0;
    padding: 10px;
    overflow-y: auto;
    z-index: 1000;
    background: #EEEEEE;
    text-align: center;
    padding: 3px
}
.float-button a{
    margin: 3px;
}
.float-button .h7{
    margin: 3px
}
#vip-flt-btn{
    max-height: 100%;
    top: auto;
    bottom: 50px;
    margin: 0;
    width: 100%;
    border-radius: 0;
    position: fixed;
    left: 0;
    right: 0;
    padding: 0;
    overflow-y: auto;
    z-index: 1000;
    background: RGB(255, 255, 255);
    text-align: center;
    padding: 3px
}
#vip-flt-btn .h7{
    margin: 3px
}
.sidenav .user-view .name-span{
    margin-top: 68px;
font-weight: 500;
}
#triggerFile{
    opacity: 0 !important
}
.login-box{
    padding: 15px 30px
}
.login-box a{
    font-size: 10px;
}
.register-btn{
    margin-top: 15px
}
.insurance-item .left-arrow-box i{
    font-size: 40px;
}
.insurance-item .left-arrow-box{
    top: 10px;
}

.dr-more-info-btn,.more-comment{
    font-size: 9px;
    padding-right: 10px;
}
.btn.border-blue{
    border: #0CD4E5 solid 2px
}
.dr-action-btns{
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.dr-action-btns a{
    width: 150px;
    padding: 0 5px;
    margin: 0 5px;
    font-size: 10px;
}
.dr-more-info {
    padding-left: 18px;
}
.margin10{
    margin: 10px
}
.hr{
    border-top: solid #d1d1d1 .5px;
    margin: 10px 0;
}
.btn{
    min-width: 100px;
}
#send-test-btn{
    height: 24px;
    line-height: 24px;
    min-width: 100px;
}
.quetion-txtarea{
    margin: 0 0 25px 0 !important
}
.question-list .truncate{
    padding-left: 30px;
}
.question-list label{
    min-width: 50px;
}
.question-item .left-arrow-box{
    top: 30px
}
.question-item .left-arrow-box i{
    font-size: 35px;
}
.header-content-rows .left-arrow-box {
    top: 1px;
    left: 0px;
}
.header-content-rows{
    padding: 10px;
    position: relative;
}
#book-info-rows label{
    min-width: 95px;
}
#header-user-box{
    background: RGB(149, 22, 216);
    margin: 0;
    min-height: 100px;
    padding-bottom: 5px
}
#header-user-box .h7{
    width: 60%;
}

#header-user-box h6.user-name{
    margin: 3px 0
}
#header-user-box i{
    font-size: 19px
}
#header-user-box .progress{
    width: 50%;
    height: 8px;
    background-color:#FFFFFF
}
#header-user-box .progress .determinate{
    background-color:#0CD4E5
}
#header-dr-box{
    padding-top: 2px !important;
    padding-left: 0 !important;
    padding-bottom: 5px !important;
    padding-right: 95px !important;
    position: relative;
}

#header-dr-box .dr-cover-img{
    position: absolute;
    right: 0;
    opacity: .5;
    width: 100%;
    height: 100%;
    bottom: 0;
}
#header-dr-box .dr-img{
    position: absolute;
    width: 80px;
    bottom: -40px;
    height: 80px;
    overflow: hidden;
    right: 10px;
    display: inline-block;
    vertical-align: middle;
}
#header-dr-box .flex-right{
    position: absolute;
    bottom: 2px;
}
#header-dr-box .dr-score{
    position: absolute;
    bottom: 10px;
    left: 10px;
}
#header-dr-box .dr-score i{
    
    font-size: 17px !important; 
}
#dr-expert-cp{
    padding-right: 95px !important;
    padding-top: 8px !important;
}

#dr-more-information{
    padding: 0 15px
}
#dr-more-information .question-rows{
    margin: 10px 0 
}
#dr-more-information label{
    min-width: 60px;
}
#dr-more-information .question-rows .date{
    width: 100%;
    text-align: left;
    color: #8E8E8E;
    padding-left: 13px;
}
#dr-more-information .img-rows{
    margin: 0 5px;
    position: relative;
}

.more-img{
    width: 100%;
    height: 100%;
    position: absolute !important;
    margin: 5px;
}
.more-img-btn{
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    border: #0CD4E5 3px solid;
    display: flex;
    justify-content: center;
    align-items: center;
}
.more-img-btn {
    font-size: 45px !important;
}

#increase-credit-box{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 265px;   
}
.more-info-left-arrow{
    margin-top: 16px;
}

.more-information-box{
    display: none
}
.menu-card{
    margin: 0 !important;
    box-shadow: unset;
    border-bottom: #e0e0e0 solid 1px
}
.modal{
    direction: rtl !important
}
.modal.full-screen{
    top: 0 !important;
    bottom: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
}
.modal.full-screen .modal-content {
    padding: 40px 0px 5px 0px
}

.max400{
    max-width:  400px !important;
}
.question-input-text::placeholder {
    color: #9e9e9e ;
    opacity: 1; /* Firefox */
}
.min50{
    min-width: 50%;
}
.header-search-box{
    position: fixed;
    z-index: 10;
    padding: 8px;
    margin: 0px !important;
    background: #F2F2F2;
    
    top: 40px;
    left: 0;
    right: 0;
    
}
.header-search-box a {
    display: flex;
    padding-left: 35px !important;
    
    color: #8E8E8E !important;
    padding-left: 17px !important;
}
.header-search-box i {
    line-height: 2.5rem !important;
}
.header-search-box .col {
    display: flex;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 1px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 1px 0 rgba(0,0,0,0.2);
    border-radius: 2px;
    background: #FFFFFF;
    justify-content: end !important;
    align-items: center !important;
}
.header-search-box input {
    height: 2.5rem;
    border: RGB(221, 221, 223) solid 0px !important;
    box-shadow: none !important;
    font-size: 11px !important;
    margin: 0 !important;
    padding: 0px 10px !important;
    float: right !important;
}
.top100{
    padding-top: 100px !important
}
.top81{
    padding-top: 81px !important
}

.pointer{
    cursor: pointer;
}
#loadingDiv {
    position: fixed;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    background-color: rgb(255, 255, 255);
    z-index: 10000000;
    opacity: 0.92;
}   
#splash-screen {
    position: fixed;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    background-color: rgb(255, 255, 255);
    z-index: 10000000;
    opacity: 1;
}
#splash-screen h6{
    color: #0CD4E5;
    margin: 2px 0 !important
}
#splash-screen .footer-box img{
    width: 30px;
}
#splash-screen .footer-box{
    max-height: 100%;
    top: auto;
    bottom: 0px;
    margin: 0;
    width: 100%;
    border-radius: 0;
    position: fixed;
    left: 0;
    right: 0;
    padding: 10px;
    overflow-y: auto;
    z-index: 11111000;
    text-align: center;
    padding: 3px;
}
#loadingDiv .err-box .h7{
    padding: 10px
}
#loadingDiv .err-box{
    max-height: 100%;
    top: auto;
    bottom: 0px;
    margin: 0;
    width: 100%;
    border-radius: 0;
    position: fixed;
    left: 0;
    right: 0;
    padding: 10px;
    overflow-y: auto;
    z-index: 11111000;
    text-align: center;
    padding: 3px;
}
#rate-more-booking-info{
    margin-top: 20px;
    margin-right: 40px;
}
.rating-box {
    padding: 1px 20px;
}
.rating-box .collection{
        margin-bottom: 10px;
    }
.rating-box img{
    width: 90px;
    border-radius: 45px;
}
.rating-box .hr{
    margin: 8px 0;
}
.rating-box .row{
    max-width: 450px;
}

.rating {
    overflow: hidden;
    vertical-align: bottom;
    display: inline-block;
    width: auto;
    height: 30px;
}

.rating>input {
    opacity: 0;
    margin-right: -100%;
    position: fixed  !important;
}

.rating>label {
    position: relative;
    display: block;
    float: right;
    background: url('../img/star-off-big.png');
    background-size: 30px 30px;
    margin-right: 5px;
}

.rating>label:before {
    display: block;
    opacity: 0;
    content: '';
    width: 30px;
    height: 30px;
    background: url('../img/star-on-big.png');
    background-size: 30px 30px;
    transition: opacity 0.3s linear;
}

.rating:checked {
    opacity: 0;
}

.rating>label:hover:before,
.rating>label:hover~label:before,
.rating:not(:hover)> :checked~label:before {
    opacity : 1;
    cursor  : pointer
}
.center-text{
    text-align: center;
}
.disabled {
    cursor: not-allowed !important;
    pointer-events:visible !important
}
.alert-booking-status{
    position: fixed;
    z-index: 10;
    padding: 8px;
    margin: 0px !important;
    top: 40px;
    left: 0;
    right: 0;
}

.booking-information{
    border-bottom: 1px solid #ccc;
}
.booking-information-rows .s6{
    padding:0 15px !important
}
.booking-information-rows .border-left{
    border-left: #CCC solid 1px
}
.booking-information-rows .hr{
    margin: 5px 0;
}
.booking-information-rows .expand_more{
    cursor: pointer;
    display: block;
}
.booking-information-rows .expand_more label{
    font-size: 13px;
}
.booking-information-rows .expand_more i{
    font-size: 30px;
    line-height: 10px;
}
.booking-information-rows .rahgiri-code{
    padding:0 15px !important;
}
.booking-information .dr-information .warranty-img{
    position: absolute;
    width: 40px;
    top: 15px;
    height: 40px;
    overflow: hidden;
    left: 10px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 45px;
}
.booking-information .dr-information .dr-img{
    position: absolute;
    width: 55px;
    top: 7px;
    height: 55px;
    overflow: hidden;
    right: 10px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 45px;
}
.booking-information .dr-information h6{
    margin: 0
}
.booking-information .dr-information span{
    line-height: 35px;
}

.booking-information .dr-information{
    padding-top: 13px !important;
    padding-left: 0 !important;
    padding-bottom: 5px !important;
    padding-right: 68px !important;
    position: relative;
}


.support-items{
    padding: 6px 10px;
}
.support-items p{
    margin: 0
}
.support-items .h8{
    margin: 7px 0 0 0px;   
     
}
.support-item{
    border-radius: 5px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
    padding: 7px;
    font-size: 10px;
}
.support-items .support-item.support{
    margin-left: 40px;
    background: RGB(149, 22, 216)
}
.support-items .support-item.support p,.support-items .support-item.support .h8{
    color: #FFFFFF
}
.support-items .support-item.member{
    margin-right: 40px;
}
.support-items .col{
    margin: 10px 0;
}
.modal textarea {
    font-size: 12px !important;
    border: none !important;
    margin: 0 !important;  
    background: #FFF;
    border-radius: 5px;
    padding: .8rem 10px !important;
}
.support-inputs{
    background: #E0E0E0;
    padding: 5px 5px 5px 50px !important;
}
.support-inputs img{
    position: absolute;
    width: 30px;
    bottom: 13px;
    height: 30px;
    overflow: hidden;
    left: 12px;
    display: inline-block;
    vertical-align: middle;
}
.header .row {
    width: 100%
}
.support-items .img-support{
    position: absolute;
    width: 35px;
    height: 35px;
    overflow: hidden;
    left: 10px;
    display: inline-block;
    vertical-align: middle;
}
.support-items .img-member{
    position: absolute;
    width: 35px;
    height: 35px;
    overflow: hidden;
    right:  10px;
    display: inline-block;
    vertical-align: middle;
}
.small-platform{
    display: none
}
.question-icon{
    width: 48px
}
 #img-div{
    margin-top: 5px
}
 #menu-btn{
    cursor: pointer;
}
.question-item label{
    min-width: 55px;
}
.burger-menu{
        background: #9516D8;
        position: fixed;
        z-index: 222;
        top: 40px;
        width: 100%;
    }
    .burger-menu .collection-item a{
        color: #FFFFFF !important;
        
    }
    .burger-menu .collection-item{
        padding: 8px 10px !important;
        list-style-type: none !important;
        font-size: 12px;
        line-height: 1.5rem !important;
        cursor: pointer;
    }
    .burger-menu .collection-item:hover{
        background: rgba(72,28,187,.35) !important;
        font-size: 13px;
    }
    .burger-menu .collection{
        margin: 0px 0px !important
    }
    .fadein, .fadeout {
        opacity: 0;
        -moz-transition: opacity 0.4s ease-in-out;
        -o-transition: opacity 0.4s ease-in-out;
        -webkit-transition: opacity 0.4s ease-in-out;
        transition: opacity 0.4s ease-in-out;
        visibility: hidden;

    }
    .fadein {
        visibility:visible;
        opacity: 1;
    }
    .header-search-box{
         top: 132px;
     }
     #question_list{
         padding-top: 30px;
     }
@media only screen and (max-width: 600px) {
	.header-menu{display:none;}
    .header-search-box {
        top: 40px;
    }
    #question_list{
         padding-top: 0px;
     }
    .container{
        padding-top: 40px !important;
    }
    .header {
        height: 40px;
        background: #9516D8; 
    }
    .large-platform a{
        display: none;
    }
    .header img{
        width: 40px;  
    }
    .small-platform{
        display: flex;
        position: relative;
    }
    .small-platform a{
        position: absolute;
        top: 2px;
        right:  5px;
        width: auto;
        min-width: auto;
        padding: 0;
    }
    .small-platform a i{
        font-size: 28px
    }
    .large-platform{
        display: none;
    }
    .menu-section{
        display: none
    }
}
@media only screen and (max-width: 400px) {
    .more-img-btn {
        font-size: 25px !important;
    }
    
}

@media only screen and (min-width: 401px) and (max-width: 600px) {
    #header-user-box .h7{
        width: 57%
    }
}

@media only screen and (min-width: 600px) and (max-width: 992px) {
    #header-user-box .h7{
        width: 55%
    }
    .header-content-rows .h7{
        font-size: 13px
    }
}
@media only screen and (min-width: 600px)  {
     
     .container{
         /*padding-top: 70px !important*/
     }
    #dr-more-information p label {
        padding-left: 70px;
    }
    #dr-more-information label {
        min-width: 115px;
    }
     .center-screen-box{
        
    }
    
    .plan-box{
        width: 70px;
        height: 70px;
    }
    .plan-row{
        padding-right: 80px !important;
    }
    .plan-box h6{
        line-height: 135%;
    }
    .plan-row label{
        line-height: 35px;
    }
    .plan-action-btns-el{
        position: absolute;
        top: 30px;
        padding: 2px;
        height: 100px;
        overflow: hidden;
        left: 10px;
        display: inline-block;
        vertical-align: middle;
    }
    .rating-box .collection .collection-item{
        padding: 2px 60px;
    }
     .padding-right-20 a {

        font-size: 12px !important;

    }

}

@media only screen and  (min-width: 993px) {
    .container{
        max-width: 1000px !important;
    }
    main{
        display: flex  !important;
        justify-content:center  !important;
        align-items: center  !important;
    }
    .header-search-box{
        max-width: 800px !important;
        padding: 5px 0 !important;
        margin: 0 auto !important;;
    }
    .header {
        display: flex !important;
        justify-content:center !important;
        align-items: center !important;
    }
    .header .row{
        width: 800px !important;
    }


    .dr-info img {
        width: 100px;
        height: 100px;
    }
    .dr-info {
        padding-right: 115px !important;
    }
    .h7 {
        font-size: 15px;
    }
    label {
        font-size: .7rem;
        line-height: 20px
    }
    .more-info-left-arrow{
        margin-top: 5px;
    }
    .dr-more-info-btn,.more-comment{
        font-size: 13px;
    }
    .dr-item .dr-action-btns{
        position: absolute;
        top: 10px;
        padding: 2px;
        height: 100px;
        overflow: hidden;
        left: 10px;
        display: inline-block;
        vertical-align: middle;
    }
    .dr-item .dr-action-btns a {
        padding: 0 1px;
        margin: 5px 5px;
    }
    .dr-item .dr-info .left-arrow-box {
        top: 4px;
        font-size: 11px;
        left: 23px;
    }
    #header-user-box .h7{
        width: 53%
    }
    .header-content-rows .h7{
        font-size: 13px
    }
    #dr-info-box .name-expert{
        min-height: 70px;
    }
    #dr-info-box .name-expert .h8{
        line-height: 38px;
    }
    #dr-info-box img {
        width: 70px;
        height: 70px;
    }
    #dr-info-box .row {
        padding-right: 90px !important;
    }
    #dr-info-box  .h8{
        font-size: 13px;
    }
    .bottom-dr-info{
        padding-right: 90px;
    }
    .bottom-dr-info .price-tag {
        font-size: 12px;
    }
    #header-content-box a{
        font-size: 12px;
        padding-left: 35px;
    }
    .day-box {
        width: 90px;
        height: 90px;
        top: 3px !important;
    }
    .day-box h6 {
        font-size: 1.5rem;
    }
    .day-box h6:nth-child(1) {
        line-height: 45px;
    }
    .booking-info, .day-info ,.booking-items{
        padding-right: 105px !important;
    }
    .day-info label {
        font-size: 0.9rem;
    }
    .day-info .left-arrow-box {
        font-size: 15px;
    }
    .insurance-item .flex-right {
        margin-top: 6px;
    }
    .home-items h6 {
        font-size: 1.3rem;
    }
    .short-text {
        font-size: 13px;
    }
    .home-items .left-arrow-box i{
        font-size: 35px;
    }
    .booking-items img{
        width: 85px;
        height: 85px;
    }
    .booking-items .header-content{
        min-height: 74px;
    }
    .booking-items .flex-right{
        margin-bottom: 5px;
    }
    .booking-items h6{
        font-size: 16px;
        margin: 16px 0 0 0;
    }
    .booking-items .header-content span{
        line-height: 48px;
    }
    .booking-items .left-arrow-box i {
        font-size: 40px;
        line-height: 60px;
    }
    .left-arrow-box-credit{
        line-height: 4.5rem !important
    }
    #header-dr-box .dr-img {
        width: 120px;
        bottom: -60px;
        height: 120px;
    }
    #header-dr-box ,#dr-expert-cp{
        padding-right: 135px !important;
    }
    #dr-more-information{
        padding: 5px 15px;
    }
    #header-dr-box .dr-score i{
        font-size: 25px !important;
    }
    #header-dr-box .dr-score {
        font-size: 20px;
    }
    h6{
        font-size: 1.3rem;
    }
    .question-rows .date{
        font-size: 11px;
    }
    #header-dr-box{
        min-height: 200px;
        
    }
   
    .login-box a{
        font-size: 13px
    }
     .center-screen-box{
        top: 57%;
    }
    .padding-right-20 a {

        font-size: 12px !important;

    }
}

@media only screen and (min-width: 1201px) {
		h4{font-size:11px;}

    #header-user-box .h7{
        width: 52%
    }
}

.main-content .row , footer .row{
    max-width: 1000px !important;
}