@charset "utf-8";
/* CSS Document */
.input-group_new {
    position: relative !important; 
    width:100% !important; 
}
.fl{ float: left!important; width: 100%!important; text-align: left;}
.pl{padding-left: 0px!important;}
.fl span.text-left{ text-align:left!important;}
.btn-bg { background-color:transparent; border-bottom: 1px solid #ccc; border-radius:0px; height: 65px;}
.borderR{ border-right:1px solid #ccc;}
.pr{ padding-right: 0px!important;}

.dropdown-toggle::after {
    margin-top:0px;
}
.form-control:focus { border: 0px;    box-shadow: inset 0 0px 0px rgba(0,0,0,.0), 0 0 8px rgba(102,175,233,.0);}
.hotstonetext {
    float: left;
    margin-left: 8px;
}
.inputleft {
    float: left;
    width: 15px;
    line-height: 21px;
    margin-right: 5px;
}
.userlistitem ul li p {
    margin: 0 0 10px;
    float: left;
    width:59%;
    margin-left: 8px;
    font-size: 13px;
}
.service.hotstonetext h6 {
    font-size: 16px;
    margin-bottom: 5px;
    margin-top: 0px;
}
.input-group-addon { border: none;}
.center_part {
    width: 60%;
    margin: auto;
}
.footer {
    background-color: rgb(255, 255, 255);
    z-index: 1;
    padding: 0px 0px 12px;
    border: none;
    margin-top: 20px;
}
#aaa_2 .form-control{ border: 0px;}
.copy h4 {
    float: right;
    padding-top: 12px;
    font-size:28px;
    padding-right: 10px;
}
.bookbut:hover{color:#fff;}

.col4 { width: 32.8%!important; float: left;}
.col8 { width: 67.2%!important; float: left;}

.bookbut {
    background: #394be6 !important;
    padding: 12px !important;
    width:45.8%;
}
#timeslots tr, #availableTimeSlot tr { line-height: 28px; vertical-align: middle;}

#timeslots tr:nth-child(odd), #availableTimeSlot tr:nth-child(odd) { background-color: #F0F0F0;}
#availableTimeSlot tr td:first-child { padding-left: 15px; width:45px;}

@media (min-width:1201px) {

    .hotstonetext p span {
        float: left;
        margin-left: 0%;
    }
    .fix-height{ 
        overflow:scroll;
        overflow-x: hidden!important;
    }
    .userlistitem ul li p {
        margin: 0 0 10px;
        float: left;
        width: 56%;
        margin-left: 8px;
        font-size: 13px;
    }

    .hotstonetext {
        float: left;
        width: 63%;
        margin-left: 8px;
    }
    .hotstonetext {
        float: left;
        margin-left: 0px;
    }

    .userlistitem ul li p span {
        display: block;
    }
    .hotstonetext .service h6 { margin-top: 5px!important; margin-bottom: 5px!important;}
}


.custom-checkbox .custom-control-indicator {top:1rem !important;}
.serviceImg { height: 50px;}

label.custom-checkbox {
    cursor: pointer;
    float: left;
    width: 100%;
}