.reservation-component,skarabeee-reservation-component{font-size:1rem}.reservation-component form .form-control,skarabeee-reservation-component form .form-control{border:0;border-bottom:1px solid #2e2e2e;width:100%;border-radius:0}.reservation-component form .form-control:focus,skarabeee-reservation-component form .form-control:focus{outline:none;border-bottom:1px solid #2e2e2e}.reservation-component form .form-control.ng-invalid.ng-touched,skarabeee-reservation-component form .form-control.ng-invalid.ng-touched{background:rgba(220,53,69,.2)}.reservation-component form .validation-message,skarabeee-reservation-component form .validation-message{display:none;color:#dc3545;font-size:80%;line-height:24px;font-weight:700;padding:4px 8px}.reservation-component form.ng-submitted .validation-message,.reservation-component form .validation-message.validation-error,skarabeee-reservation-component form.ng-submitted .validation-message,skarabeee-reservation-component form .validation-message.validation-error{display:block}.reservation-component .placeholder-container,skarabeee-reservation-component .placeholder-container{background-color:hsla(0,0%,82.7%,.25);display:flex;justify-content:center;align-items:center;width:100%;min-height:500px;color:rgba(29,33,36,.15);font-size:22px}.reservation-component .app-form-row,skarabeee-reservation-component .app-form-row{display:flex;justify-content:space-between;padding-bottom:8px}.reservation-component .app-form-row .app-form-row-item,skarabeee-reservation-component .app-form-row .app-form-row-item{display:flex;flex-direction:column;width:100%;margin-left:8px;margin-right:8px}.reservation-component .app-form-row .app-form-row-item:first-child,skarabeee-reservation-component .app-form-row .app-form-row-item:first-child{margin-left:0}.reservation-component .app-form-row .app-form-row-item:last-child,skarabeee-reservation-component .app-form-row .app-form-row-item:last-child{right:0}.reservation-component .label-title,skarabeee-reservation-component .label-title{font-weight:600;margin-bottom:0;padding-bottom:8px}.reservation-component .row-date-select,skarabeee-reservation-component .row-date-select{width:400px}.reservation-component .row-remarks,skarabeee-reservation-component .row-remarks{margin:16px 0}.reservation-component .row-termsofservice,skarabeee-reservation-component .row-termsofservice{display:flex;justify-content:flex-end;align-content:flex-end;flex-direction:column-reverse;align-items:flex-end;width:100%}.reservation-component .row-termsofservice skarabee-ui-terms-of-service,skarabeee-reservation-component .row-termsofservice skarabee-ui-terms-of-service{padding-bottom:10px}.reservation-component .row-termsofservice skarabee-ui-terms-of-service skarabee-ui-validation-message,skarabeee-reservation-component .row-termsofservice skarabee-ui-terms-of-service skarabee-ui-validation-message{text-align:right}.reservation-component .row-submit,skarabeee-reservation-component .row-submit{display:flex;justify-content:flex-end}.reservation-component #button-send,skarabeee-reservation-component #button-send{background-color:#6c757d;border-color:#6c757d}@media only screen and (max-width:600pxb){.reservation-component .app-form-row,skarabeee-reservation-component .app-form-row{flex-direction:column}.reservation-component .app-form-row-item,skarabeee-reservation-component .app-form-row-item{margin:0!important;padding-bottom:4px}.reservation-component .row-date-select,skarabeee-reservation-component .row-date-select{width:100%}.reservation-component app-time-slot-picker,skarabeee-reservation-component app-time-slot-picker{width:calc(50% - 6px)}.reservation-component .timeslot-label,skarabeee-reservation-component .timeslot-label{display:none}}