/* tweaks */
@font-face {
    font-family: "Titillium";
    src: url('https://prenotasl.easyandjuice.com/assets/css/TitilliumWeb-Light.ttf')  format('truetype');
    font-weight: 100 300;
}
@font-face {
    font-family: "Titillium";
    src: url('https://prenotasl.easyandjuice.com/assets/css/TitilliumWeb-Regular.ttf')  format('truetype');
    font-weight: 400;
}
@font-face {
    font-family: "Titillium";
    src: url('https://prenotasl.easyandjuice.com/assets/css/TitilliumWeb-SemiBold.ttf')  format('truetype');
    font-weight: 500 700;
}
body {
    font-family: 'Titillium', "Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif
}

:root {
    --mainRed: #BE1622
}
:root {
    --darkerRed: #891520
}

#book-appointment-wizard #header {
    background: white;
}
.cc-btn:focus, .cc-btn:hover {color: white !important;}
.btn-dark, .btn-success, .ui-datepicker .ui-widget-header, .ui-dialog-titlebar, .ui-datepicker td a.ui-state-active, #book-appointment-wizard #available-hours .selected-hour, .cc-btn {
    color: #fff;
    background-color: var(--mainRed) !important;;
    border-color: var(--mainRed) !important;;
}
.btn-dark:focus,.btn-dark:hover, .cc-btn:focus, .cc-btn:hover {
    background-color: var(--mainRed);
    border-color:  var(--mainRed);
    opacity: 80%;
}
.btn.button-disabled {
    width: 100%;
    margin: auto;
    font-size: 0.8rem;
    opacity: 1;
}
.h2, h2 {
    font-size: 1.7rem;
}
.btn.button-disabled:hover {
   /* background-color: var(--mainRed) !important;
    border-color: var(--mainRed) !important;*/
   /* color: #fff;*/
    opacity: 1 !important;
}
body .ui-datepicker th {
    background-color: #b8b8b8;
}
body .ui-datepicker td a, body .ui-datepicker td span {
    color: #434343 !important;
}
#book-appointment-wizard .book-step {
    border: 1px solid #ccc;
    background: white;
}
#book-appointment-wizard .book-step strong {
    color: #ccc;
}
#book-appointment-wizard .active-step strong {
    color: var(--mainRed);
}
#book-appointment-wizard .active-step {
    border: 1px solid var(--mainRed);
}
#book-appointment-wizard #frame-footer small {display: block}

span#company-name img {width: 200px}

body .ui-datepicker .ui-datepicker-prev-hover, body .ui-datepicker .ui-datepicker-next-hover {

    background: var(--darkerRed) !important;
    border-color: var(--mainRed) !important;

}
#service-description svg {
    fill: #666666 !important;
}
body .ui-datepicker .ui-slider-handle {
    border-color: var(--mainRed);
    background-color: var(--mainRed);
}

.cc-link {text-decoration: none}
.servizioIntro, .servIndLink {font-size: 0.9rem}
.ui-menu-item {
    font-family: 'Titillium', "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
    font-size: 14px;
}