body,html{position:relative;display:block;width:100%;height:100%}.vue-notification-group{top:5px!important}.required{color:red;font-weight:700}.required:after{content:"*"}.form-group{margin-bottom:10px!important}.form-group label{margin-bottom:2px}#app{position:relative;display:block;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:top;overflow:auto}#app .container{max-width:900px}#app .app-header{padding-top:10px;padding-bottom:10px;margin-bottom:15px}#app .app-header .img-logo{max-height:100px}#app .app-header .language-picker{list-style:none;margin:30px 0 0 0;padding:0}#app .app-header .language-picker li{display:inline-block;*display:inline;*zoom:1;margin-left:10px}#app .body-wrapper{background-color:#fff;background-color:hsla(0,0%,100%,.6);padding:15px;margin-bottom:10px;border-radius:10px}#app .body-wrapper h1{font-size:24px}#app .app-footer{padding-bottom:10px;color:#fff}#app .app-footer a{font-weight:700;color:green}.branch-picker{margin:0 0 5px 0;padding:0;list-style:none}.branch-picker .branch-item{background-color:#fff;background-color:hsla(0,0%,100%,.8);margin-bottom:10px;padding:15px;border-radius:8px}.branch-picker .branch-item:hover{color:#fff;background-color:#6982ff;cursor:pointer}.branch-picker .branch-item.active{color:#fff;background-color:#4f6cff}.branch-picker .branch-item.active a,.branch-picker .branch-item:hover a{color:#fff}.branch-picker .branch-item .branch-img{width:140px;height:105px;-o-object-fit:cover;object-fit:cover;float:left;margin-right:15px}.branch-picker .branch-item ul{margin:0;padding:0;list-style:none;font-size:15px}.branch-picker .branch-item ul li{margin-bottom:3px}.branch-picker .branch-item h3,.create-appointment-page h3{font-size:18px}.picked-technician{background-color:#fff;background-color:hsla(0,0%,100%,.8);margin-bottom:10px;padding:10px;border-radius:8px}.picked-technician:hover{background-color:#6982ff;color:#fff;cursor:pointer}.picked-technician .technician-img{float:left;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:1px solid #d3d3d3;margin-right:10px;height:50px;width:50px}.picked-technician:hover .technician-img{border:1px solid #4f6cff;color:#fff}.picked-technician.random-item h3{padding-top:15px;color:gray}.picked-technician.random-item:hover h3{color:#fff}.technician-picker .group{margin-bottom:15px}.technician-picker .group:last-child{margin-bottom:0}.technician-picker h2{text-transform:uppercase;font-size:18px;font-weight:700;margin-top:5px}.technician-picker .technician-item{display:block;padding:10px;margin-bottom:10px;border-radius:8px;color:#000;border:1px solid #d3d3d3}.technician-picker .technician-item:hover{text-decoration:none;background-color:#6982ff;color:#fff;border:1px solid #6982ff}.technician-picker .technician-item .technician-img{float:left;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:1px solid #d3d3d3;margin-right:10px;height:50px;width:50px}.technician-picker .technician-item:hover .technician-img{border:1px solid #4f6cff}.picked-technician h3,.technician-picker .technician-item h3{font-size:18px;margin:0;padding:5px 0 0 0}.technician-picker .technician-item.random-item h3{padding-top:15px;color:gray}.technician-picker .technician-item.random-item:hover h3{color:#fff}.picked-technician div,.technician-picker .technician-item div{font-size:14px}.appointment-date-picker h4{font-size:18px;margin:0;padding:0;font-weight:700}.appointment-date-picker .description{font-size:14px}.appointment-time-picker{list-style:none;margin:0 -5px;padding:0}.appointment-time-picker li{float:left;display:block;padding:5px;width:12.5%}.service-picker .service-item{background-color:#fff;background-color:hsla(0,0%,100%,.8)}.service-picker .service-item.add-item:hover{cursor:pointer}.service-picker .service-item.add-item .service-icon{display:block;height:50px;width:50px;border:1px solid #d3d3d3;border-radius:6px;text-align:center;padding-top:8px;float:left;margin-right:10px}.service-picker .service-item.add-item h3{color:gray;padding-top:15px}.service-picker .service-item .service-img{height:50px;width:50px;border:1px solid #d3d3d3;border-radius:6px;float:left;margin-right:10px}.service-picker .service-item:not(.add-item) h3{font-size:18px;margin:0;padding:5px 0 0 0}.service-picker .service-item:not(.add-item) div{font-size:14px}.service-picker .service-item:not(.add-item) div span{color:red;font-weight:700;cursor:pointer}.service-picker .service-item{display:block;padding:10px;margin-bottom:10px;border-radius:8px;color:#000;border:1px solid #d3d3d3}.service-picker .service-item:hover{text-decoration:none}.service-picker .service-item.active{background-color:#6982ff;border:1px solid #6982ff;color:#fff}@media screen and (max-width:550px){.appointment-time-picker li{width:25%}}@media screen and (max-width:500px){.branch-picker .branch-item .branch-img{width:100%;height:auto;float:none;margin-right:0;margin-bottom:15px}}@media screen and (max-width:400px){.appointment-time-picker li{width:33.33333%}}