/* Hide unwanted service info */
#osbcontainer .service_information_box .hasTip,
#osbcontainer .service_information_box #serviceTime,
#osbcontainer .service_information_box #serviceStaff {
    display: none;
}

/* Hide employee info in cart */
#cartbox #osbcarttable .tdcart2,
#cartbox #osbcarttable .cartitem .tdcart a:not(.applink) {
    display: none;
}

/* Hide payment processor since we're not taking money up front. */
#paymentmethodheading,
#paymentmethodheading1,
#paymentMethodsDiv {
    display: none;
}
.payment-processor {
  display: none !important;
}

/* Hide deposit info since we're not taking money up front. */
#deposit_label, 
#deposit_value {
    display: none !important;
}

#osbcontainer,
.vbstepsbarcont.row {
    margin-left: auto !important;
    margin-right: auto !important;
}

#osbcontainer {
    padding: 15px;
    background-color: #3398CF!important;
    border-color: transparent;
    border-radius: 15px;
    box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
    justify-content: center;
}

@media (max-width: 768px) {
    #osbcontainer {
        padding: 0px!important;
        padding-bottom: 10px!important;
        background-color: transparent;
        box-shadow: unset;
    }
}

#maincontentdiv form,   
.payfull,
.couponIsValid,
.apptable select,
.nostaffavailable,
.div_service_name,
.term_and_condition,
.term_and_condition:hover,
.custom_extra_field_booking_table,
table.calendar_date_numbers .header_calendar, 
.osb-style-header:not(input),
.osb-style-calendar-active,
.osb-style-calendar-current,
.osb-style-calendar-inactive,
.osb-style-calendar-normal,
.osb-style-calendar-normal[value="Go"] {
    color: #fff;
}

.nav-link,
.nav-link:hover,
.nav-link.active,
.tax_explain,
.osb-style-header,
.vbp-step.vbo-step-next {
    color: #fff !important;
}

.vbo-step.vbo-step-current {
    color: #fffe !important;    
}

.nav-link { 
    background-color: #144d6b !important;
}

#osbcontainer #msgDiv {
    font-size: 15px;
    font-style: italic;
    font-weight: 700;
    color: #1D558F;
    background-color: #fff;
    text-align: center;
    border: solid 3px #1D558F;
    border-radius: 30px;
    padding: 3px 15px;
    display:none;
}

@media (min-width: 640px) {
    #osbcontainer #msgDiv {
        float: right;
        margin-bottom: 10px;
    }
}

#osbcontainer #msgDiv .msgDivInfoBox {    
    width: 100%;
    border: none;
    background: inherit;
    margin: auto;
    padding: 0;    
}

.osb-style-header:not(input) {
    padding: 10px; 
    background-color: #065882;
    border-radius: 9px 9px 0 0;
}

ol.vbo-stepbar li.vbo-step-complete, ol.vbo-stepbar li.vbo-step-current {
	border-bottom: 5px solid #40AA5D;
}

ol.vbo-stepbar li.vbo-step-current::before {
    background-color: #40AA5D;
}

.term_and_condition {
    text-decoration: underline;    
}

[id^="pane"] > .row > .osb-style-header {
    max-width: 97.3% !important;
}

@media (max-width: 530px) {
    [id^="pane"] > .row > .osb-style-header {
        max-width: 93% !important;
    }
}

.headercalendar {
    font-weight: 400;
}

table.calendar_date_numbers tr:first-child {
    background-color: #065882;
}
.tab-pane .osb-style-header:first-child {
    margin: auto !important;
}

.bookingformdiv.addtocartform {
    margin: 15px 0;
    align-items: center;
    justify-content: center;
    border-color: transparent;
}

#cartCheckoutBtn {
    margin-bottom: 15px;
}

.timeslotdiv {
    overflow: auto;
}

.servicetab {
    margin: auto;
    padding: 0;
}
#servicesTabs .nav-item:nth-child(2) {
    margin-left: 5px !important;
}
#servicesTabs .nav-item:nth-child(3) {
    margin-left: 5px !important;
}
#servicesTabs .nav-item:nth-child(4) {
    margin-left: 5px !important;
}

#servicesTabs {
    margin-left: 12px !important;
}

.nostaffavailable { 
    text-align: center;
    padding: 10px 0;
    border-radius: 8px;
    background-color: red;
}

.nav-item {
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px -1.95px 2.6px;
}

.nav-item,
.nav-item a {
    border-radius: 4px 4px 0 0;
}

.nav-link.active {
    background-color: #065882 !important;
}

.nav-link,
.nav-link:hover {
    border-color: transparent;
}

.buttonpadding10.osb-style-calendar-inactive {
    cursor: not-allowed;
    opacity: 0.5;
    box-shadow: rgba(50, 50, 93, 0.25) 0 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0 18px 36px -18px inset;
}

.osb-style-calendar-normal[value="Go"] {    
    border-radius: 3px;
    margin-bottom: 15px;
    vertical-align: middle;
    border-color: transparent;
    background-color: #40AA5D !important;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.osb-style-calendar-normal,
.osb-style-calendar-current {
    box-shadow: rgba(0, 0, 0, 0.16) 0 1px 4px;
    background-color: #1C67A9;
}
.osb-style-calendar-active {
    box-shadow: rgba(0, 0, 0, 0.16) 0 1px 4px;
    background-color: #40AA5D;
}

.osb-style-calendar-current {
    outline: 1px solid #fffb;
}

.apptable select {
    padding-left: 5px;    
    background-color: #065882;
}
.apptable select:focus {
    background-color: #065882;
    box-shadow: none;
    border-top: 1px #2686B8 !important;
    border-right: 1px #2686B8 !important;
    border-left: 1px #2686B8 !important;
}

.buttonpadding10 {
    margin: 0 2px;
    border-radius: 3px;
    cursor: pointer;
}

input[name="addtocartbtn"] {
    color: white;
    background-color: #40AA5D;
}
input[name="addtocartbtn"]:hover {
    outline: 1px solid white;
    color: #fff;
    background-color: #144d6b;
}

#osbcarttable .cartitem .tdcart {
    color: #fff;
}

.bookingformdiv .darklayout {
    border-color: transparent;
    box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
    background-color: #3398CF!important;
}
.darklayout {
    border: none!important;
}
.active .bookingformdiv.col-md-12 {
    border-color: #2686B8;
}
.col-md-4 .bookingformdiv {
    border-color: #2686B8;
}
.vbp-step.vbo-step-next {
    color: white!important;
}
.vbo-step-current span {
    color: white;
}
.vbo-step-complete span {
    color: white!important;
}
.form {
    color: #292929;
}
.form-row .col-md-12 {
    padding: 10px;
}
.form-select:where(select):not([multiple]):not([size]) option {
    color: white!important;
    background-color: #3398CF!important;
}
.form-select {
    border-color: rgba(255,255,255,0.17)!important;
}
.service_information_box {
    background-color: transparent;
    border: none;
    color: white;
}

.form-row .btn-primary {
    border-color: #40AA5D;
    border-width: 1px;
}
.form-row .btn-primary:hover {
    border-color: white;
    border-width: 1px;
}
.btn-secondary {
    border-color: white!important;
    border-width: 1px;
}
.btn-secondary:hover {
    border-color: #40AA5D;
    border-width: 1px;
    color: white;
}

.divtimeslots {
    box-shadow: rgba(50, 50, 93, 0.25) 0 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0 18px 36px -18px inset!important;
    border-color: rgba(39,134,184,0.49)!important;
}

.col-md-4 .clearfix {
    display: none;
}

.loginform {
    color: white;
}
.btn-success {
    width: 100%;
}
#paymentMethodsDiv {
    padding-bottom: 20px;
}

.form-control {
    margin-bottom: 15px !important;
}
.form-select {
    margin-bottom: 15px !important;
}
.bookingformdiv {
    box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
    background-color: #3398CF!important;
    border-color: transparent!important;
}
.orderdetailsheader {
    color: #fff;
}
.darklayout #listOrderServices .orderdetailstable {
    border-color: #065882!important;
}

#listServicesTable tr.success td {
    background-color: #065882;
    color: white;
}
.darklayout #listOrderServices .orderdetailstabletd {
    border-bottom: none !important;
}

@media (max-width: 425px) {
    .vbstepsbarcont {
        display: none!important;
    }
}
.tax_explain {
    color: #40AA5D;
}
@media screen and (max-width: 600px) {
    #ordersTable tr,
    #employewordstable tr,
    #orderhistorytable tr,
    #listServicesTable tr {
        border-bottom: 1px solid white!important;
    }
}

@media only screen and (max-width: 767px) {
  #calendardivleft {
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
 }
}

@media only screen and (max-width: 767px) {
    #servicesTabs {
        margin-left: 0 !important;
        margin-right: -12px !important;
        padding: 0 !important;
    }
}

@media only screen and (max-width: 767px) {
    .active .bookingformdiv {
        margin-left: -21px !important;
        margin-right: -25px !important;
    }
}
@media only screen and (max-width: 767px) {
    .bookingformdiv.addtocartform {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}
.addtocartform {
    color: white!important;
}

#cartbox {
    color: #fff;
    background-color: rgba(20,77,107,0.39);
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    margin: auto!important;
    padding: 20px;
    border-color: transparent;
    border-radius: 15px;
}

@media only screen and (max-width: 767px) {
    #cartbox {
    margin: 10px auto 15px !important;
    padding: 0 !important;
    max-width: 98% !important;
 }
}

@media (max-width: 768px) {
    #servicesTabs > li {
        width: 100%;

    }
}
@media (max-width: 768px) {
    #servicesTabs .nav-item:nth-child(2) {
        margin-left: 0 !important;
    }
}
@media (max-width: 768px) {
    #servicesTabs .nav-item:nth-child(3) {
        margin-left: 0 !important;
    }
}
@media (max-width: 768px) {
    #servicesTabs .nav-item:nth-child(4) {
        margin-left: 0 !important;
    }
}

@media (max-width: 768px) {
    .servicetab {
        display: flex;
    }
}
@media (max-width: 768px) {
    .service_photo {
        width: 100%;
    }
}

.removeall .bi-x-square-fill {
    color: #065882;
}
.tdcart .bi-x-square-fill {
    color: #065882;
}

#serviceTime {
    display: none;
}
#serviceStaff {
    display: none;
}
#servicePrice strong {
    visibility: visible;
    font-size: 18px;
}
#servicePrice {
    visibility: hidden;
}
.div_service_information_box {
    border: solid 2px #1D558F;
    border-radius: 30px;
}
.bi-cart-fill {
display: none;
}

.div_service_information_box_phone strong{ 
    border: solid 3px #1D558F; 
    border-radius: 30px; 
    padding:10px;
    background-color: white;
    /* vertical-align: top; */
    float: center;
    clear: both;
    display:block;
}

.div_service_details > div {
    float: none !important;
    text-align: center;
}

.div_service_details {
    border-radius:15px;
    position: relative;
}
.div_service_details img{
   filter:drop-shadow(2px 2px 2px rgba(15,72,101,0.79));
    border-radius: 10px;
    border-color: rgba(7,89,130,0.43)!important;
}
.div_service_information_box {
 width:20%;
position: static;
margin: auto;
}

.div_service_details:after {
    content: 'Lowest Price Guaranteed! $0 Up Front! Only Pay When You’re 100% Satisfied!';
    color: white;
    font-size: 20px;
    font-style: italic;
    float: left;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.bi-cart2 {
    display: none;
}


.msgDivInfoBox div{
    text-align: center;
}
#tm-main .orderdetailsheading h2{
    padding-top: 90px!important;
}
.orderdetailsheader {
    color:black!important;
}
#listServicesTable tbody tr td {
    color:black!important;
}
.tm-main .uk-container {
    padding-top: 80px!important;
}

  /***************************/
 /*  Front End Admin Pages  */
/***************************/

.frontend-monthly-calendar .choices__inner { 
color: #404040;
border: 1px solid green;    
}

.frontend-monthly-calendar #adminCalendarTable th {
    color: #fff;
    background: green;
}

.frontend-monthly-calendar #adminCalendarTable .empty_td {
    background: grey;
}

.osb-admin-manage-orders #adminForm input,
.osb-admin-manage-orders #adminForm select {
    color: #404040;
    border: 1px solid green !important;
}

.osb-admin-manage-orders #adminForm .field-calendar button {
    height: 35px;    
}

.icon-calendar:before {
    position: relative;
    bottom: 5px;
}

.couponIsValid {
    visibility: hidden;
}
.couponIsValid:before{
    content: 'Congratulations! Your discount has been applied!';
    visibility: visible;
}

@media (max-width: 600px) { 
#cal122024 .osb-style-header {
    width: 95%!important;
    margin: auto;
 }
}
@media (max-width: 600px) { 
.buttonpadding10 {
    padding: 0px!important;
    margin: 1px;
    width:35px
}
}
@media (max-width: 600px) { 
.calendar_date_numbers {
    width: 95% !important;
    margin: 15px auto !important;
    }
}

.msgDivInfoBox .btn {
    display:none;
}

.bookingformdiv.addtocartform {
    border-radius: 0px!important;
    box-shadow: rgba(0,0,0,0) 0 3px 8px!important; 
}

.sumarry_div {
    padding-bottom: 10px!important;
}

.addtocartform .btn {
  margin:auto!important;
}
/* Style for "Add Another Service" button */
.btn-addanotherservice {
    border: 1px solid #95C8E2!important;
    background: #126ec0!important;
}
.btn-addanotherservice:hover {
    border: 1px solid #95C8E2!important;
}