body,html{width:100%;height:100%;overflow:auto;margin:0;padding:0}body{background-color:#fff;color:#404859;background-size:cover;background-position:top center;background-attachment:fixed;background-repeat:no-repeat;width:100%;height:100%;overflow:auto}.ui-datepicker td a,.ui-datepicker td span{padding:.2em .6em}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{color:#fff;font-weight:700;background:#037ada}.container{min-height:100%;padding-bottom:20px;background:rgba(255,255,255,.83);max-width:950px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.salonlogo{float:left;margin-right:10px}.salonlogo img{max-height:120px;max-width:200px}.booking_time{font-weight:700;font-size:14px}.salonsologan{font-style:italic;color:#7d7e80}.salon-info .info span{color:#282c34}.salon-info .salonname{text-transform:uppercase;font-weight:700;font-size:24px;color:#037ada;display:inline-block}.salon-info .info{color:#037ada}.bootstrap-select>.btn,.form-control,.input-group-addon{height:39px;border-radius:20px;font-size:15px}.input-group-addon{min-width:40px}textarea.form-control{border-radius:10px}#customerInfomationFrame{padding-right:40px}.customer-info-block{position:relative}#checkingCustomer{position:absolute;right:-3px;margin-top:-30px;display:none}.booking-hr{margin-top:5px}.general-message{display:none}.salon-info{overflow:hidden;position:relative;padding:20px 10px}.tabbable,.tabbable ul{background-color:rgba(255,255,255,.5)}.nav-tabs.nav-justified>li{display:table-cell!important;width:1%;padding:0;margin:0}.nav-tabs.nav-justified>li>a{border:0;border-radius:0;margin-bottom:0;padding:6px;border-bottom:2px solid #ddd}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-top:none;border-bottom:solid 2px #037ada;border-right:none;border-left:none;font-weight:700;color:#037ada;background:0 0}.nav-tabs.nav-justified>li:hover a{background-color:rgba(255,255,255,.2)}.left-0{padding-left:0}.right-0{padding-right:0}.disable-click{cursor:wait;pointer-events:none;border:1px dashed #b9b9b9!important;color:#b9b9b9!important;box-shadow:1px 1px #fff}.time-frame{padding:0;min-height:37px}.time-frame .time{font-weight:700}.time-frame .slot{font-size:11px!important;line-height:15px}.vms-notification{border:1px solid #ddd;padding:10px}.notification-danger{border-color:#e8313a;background-color:#ee454e;color:#fff}.notification-success{border-color:#07b14e;background-color:#3cd663}.notification-info{border-color:#169fb1;background-color:#38bfd1}.mb-5{margin-bottom:5px!important}.mb-10{margin-bottom:10px!important}.mb-20{margin-bottom:20px!important}.required{color:red;font-weight:700;font-size:16px}.required.fixed{position:absolute;right:-3px;top:-2px}.employees-thumb{float:left;margin-right:8px;height:30px;width:30px;border-radius:50%}#booknow{border-radius:8px;font-size:20px;line-height:38px}.bookingForm,.selectTimeDiv{position:relative}#bookingLoading,#timeLoading{position:absolute;background-color:rgba(255,255,255,.9);color:#282c34;top:0;left:0;right:0;bottom:0;display:none;text-shadow:1px 1px 1px #000;color:#284fbf;text-shadow:none;opacity:.8}#bookingLoading{z-index:9;font-size:20px;color:#284fbf;text-shadow:none}#bookingLoading>div,#timeLoading>div{display:table;height:100%;width:100%}#bookingLoading>div>span,#timeLoading>div>span{display:table-cell;vertical-align:middle;text-align:center}#timeFrame{clear:both;max-height:300px;overflow:auto}#select-day .col-xs-4{height:auto}#select-day{cursor:pointer}#select-day .btn-select{padding:0;margin-bottom:5px;border-style:dashed!important}#select-day .btn-select:hover{border-style:solid!important}.btn-inactive,.select-day-body{background:#fff}#select-day .select-day-title{background:#fff;color:#999;text-align:center}#select-day .select-day-body .btn{border:1px #999 solid!important;width:calc(100% / 2 - 12px);padding-left:2px;padding-right:2px}#select-day .btn-inactive{border:1px #999 solid;border-radius:3px;width:100%;float:left}#select-day .btn-primary{border:1px #037ada solid!important;border-radius:3px;width:100%;float:left;background:0 0}#select-day .btn-primary .select-day-body .btn{width:calc(100% / 2 - 12px);border:1px #037ada solid!important;padding-left:2px;padding-right:2px}#select-day .btn-primary .select-day-title{background:#037ada;color:#fff;text-align:center}.select2-selection--multiple .select2-selection__choice{background-color:37ada!important}#select-day .btn-inactive .select-day-body button,#select-day .btn-primary .select-day-body button{margin:5px}#select-day .btn-primary:hover{background:0 0}#select-day .btn-primary .select-day-body .day-in-week{font-size:20px;font-weight:700;text-align:center;color:#037ada!important}#select-day .btn-primary .select-day-body .day{font-size:15px;text-align:center;color:#037ada!important}#select-day .btn-inactive .select-day-body .day-in-week{font-size:20px;font-weight:700;text-align:center;color:#999}#select-day .btn-inactive .select-day-body .day{font-size:15px;text-align:center;color:#999}.dropdown-menu>li>a,.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#444!important}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover,.dropdown-menu>.selected>a,.dropdown-menu>.selected>a:focus,.dropdown-menu>.selected>a:hover{background-color:#ececec!important}.bootstrap-select.btn-group .dropdown-menu li.active small{color:#666}.booking-limited,.bookingsuccess{clear:both;width:550px;margin:auto;padding-top:70px;display:none}.booking-limited{display:block}.limited-error{color:red;text-align:center;margin-top:30px;margin-bottom:30px}.booking-limited .message{color:red;font-size:24px;text-align:center}.bookingsuccess .success{color:green;font-size:24px;display:block;text-align:center;margin-top:20px;margin-bottom:20px}.bookinginfo span:not(.label){color:#037ada}.success-message{padding:10px 0;text-align:center;color:#797979;font-size:18px;font-style:italic}.booking-disabled{text-align:center;font-size:24px;max-width:600px;margin:auto;padding-top:5%}.booking-disabled .fa{color:orange}@media (max-width:768px){.container{min-height:100%;padding-bottom:20px;background:rgba(255,255,255,1)}.booking-limited,.bookingsuccess{width:auto;margin:auto}body{background-size:cover;background-position:top center}}@media (min-width:1024px){.time-frame{margin:0 2px;width:calc((100% - 28px)/ 7)}}@media (min-width:769px) and (max-width:1023px){.time-frame{margin:0 2px;width:calc((100% - 28px)/ 7)}#customerInfomationFrame{padding-right:15px}}@media (min-width:513px) and (max-width:768px){.time-frame{margin:0 2px;width:calc((100% - 28px)/ 7)}#customerInfomationFrame{padding-right:15px}.vms-notification{border:1px solid #ddd;padding:10px;right:15px!important;left:15px!important}.salonlogo{float:none;display:block;text-align:center;margin-bottom:15px}}@media (max-width:512px){#select-day .btn-inactive .select-day-body .day-in-week{font-size:15px}#select-day .btn-primary .select-day-body .day-in-week{font-size:15px}.container{background-size:100% auto}.time-frame{margin:0 2px;width:calc((100% - 20px)/ 5)}#customerInfomationFrame{padding-right:15px}.vms-notification{border:1px solid #ddd;padding:10px;right:20px!important;left:20px!important}.salonlogo{float:none;display:block;text-align:center;margin-bottom:15px}.form-group:not(.gender) .dropdown-menu.open{margin-left:-50px;width:calc(100vw - 33px)!important;min-width:calc(100vw - 33px)!important;max-width:calc(100vw - 33px)!important}.form-group:not(.gender) .bootstrap-select{width:calc(100vw - 80px)!important;max-width:calc(100vw - 80px)!important}}.dayoff-mess{min-height:200px;display:flex;justify-content:center;align-items:center;font-size:2em;opacity:.6}.hide-chm{display:none}.icon{width:25px}.dropdown-menu li>a,.dropdown-menu li>a>*{display:flex;align-items:center}.dropdown-menu li>a>.text{flex:1}.dropdown-menu li>a.employee{min-height:30px}.dropdown-menu li>a.employee{padding-left:8px}.dropdown-menu li>a.employee>.text{display:flex!important;flex-direction:row-reverse;justify-content:flex-end}.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{position:relative;margin-top:0}.bootstrap-select:not(:first-child) .dropdown-menu{width:400px;overflow-x:hidden}.dropdown-menu>li{display:block}.dropdown-menu>li>a{padding-right:5px;width:100%;display:flex}.dropdown-menu>li:not(:first-child)>a{border-top:1px dashed #d3d3d3}.dropdown-menu>li>a.service{padding-top:5px;padding-bottom:5px}.dropdown-menu>li>a.service>.text{display:flex!important;flex:1;justify-content:space-between;align-items:end;gap:0 10px;max-width:100%}.dropdown-menu>li>a.service>.text>span{flex:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dropdown-menu>li>a.service>.text .text-muted{padding-left:0;font-size:90%;line-height:16px}.dropdown-menu.inner,.dropdown-menu.open{min-height:30px!important}.form-group:not(.gender) .bootstrap-select.btn-group .dropdown-toggle .filter-option{width:calc(100% - 20px);max-width:calc(100% - 20px);white-space:nowrap;text-overflow:ellipsis}.form-group:not(.gender) .bootstrap-select>.btn{width:calc(100% - 0px);max-width:calc(100% - 0px)}