@charset "UTF-8";
.price_on_item_name_line{
    display:none
}
.price_on_item_duration_line{
    display:block
}
input:-webkit-autofill{
    -webkit-box-shadow:0 0 0 30px #f4f4f4 inset
}
#suggestions-ext-title{
    color:#312F2D;
    font-weight:700
}
.top_employee_selection{
    display:none
}
.bottom_employee_selection{
    display:block
}
body{
    background-color:#dedede
}
* {
    font-family: "Roboto", sans-serif;
}

input,span{
    color:#575756
}
#header{
    background-color:#fff
}
.greyBackground{
    background-color:#f4f4f4
}
.whiteBackground{
    background-color:#fff
}
.button{
    background:#fff;
    border: 1px solid rgba(0, 0, 0, 1) !important;
    box-sizing: border-box;
}
.button span{
    color: #000;
}

#infoContainer,#newsContainer,#registrationContainer{
    background-color:#fff
}
.menuRowOpen{
    border-top:4px solid #d4d4c7
}
.menuRowOpen span{
    color:#312F2D
}
.menuRowOpen+.subMenu{
    border-bottom:4px solid #d4d4c7
}
#registerContainer .inputContainer .checkboxLabel input:checked~.checkmark{
    background-color:#312F2D
}
.label-cbx{
    border:2px solid #a0a3aa
}
.label-cbx:before{
    background:rgba(25,118,210,.5)
}
.greenBackground{
    background-color:#e5ffd4
}
#successTitle span{
    color:#1ebf0c
}
#successContent span{
    color:#575756
}
#closeIcon span,#closeIconSuccess span{
    color:#e35249
}
.errorInput{
    border:1px solid red!important
}
#makeReservationPage #saloonChangeContainer .saloonContainer{
    background-color:#312F2D
}
#makeReservationPage #saloonChangeContainer .saloonContainer span{
    color:#fff
}
#makeReservationPage #saloonChangeContainer .saloonContainer .saloonTitle:after{
    background:#fff
}
#makeReservationPage #saloonChangeContainer .saloonContainer .saloonStreet:after{
    background:#fff
}
.active-group{
    background-color:#312F2D
}
.active-group .fal{
    transition:all .5s;
    transform:rotate(90deg)
}
.active-group span{
    color:#fff
}
.weekDays .weekDaySuggestions .timeOption input[type=radio]:checked~label{
    background-color:#312F2D;
    color:#fff;
    border:1px solid transparent!important
}
.weekDays .weekDaySuggestions .timeOption input[type=radio]:checked~.timeOption{
    background-color:#312F2D;
    color:#fff
}
.weekDays .weekDaySuggestions .timeOption label{
    background-color:#fff;
    color:#575756
}
#noOrdersInfo{
    color:#e35249
}
.currentStep{
    background-color:#312F2D!important
}
#main #header #nav.openMenu span{
    background:#000
}
#main #menuOverlay #menu{
    background-color:#fff
}
#main #menuOverlay #menu #menuContent .menuRow .menuRowIcon span:first-of-type{
    color:#312F2D
}
@-webkit-keyframes DrawMark{
    0%{
        width:0;
        height:0;
        transform:translate(0,0) rotate(45deg)
    }
    100%{
        width:7px;
        height:14px;
        border-bottom:2px solid #312F2D;
        border-right:2px solid #312F2D;
        transform:translate(0,-15px) rotate(45deg)
    }
}
@keyframes DrawMark{
    0%{
        width:0;
        height:0;
        transform:translate(0,0) rotate(45deg)
    }
    100%{
        width:7px;
        height:14px;
        border-bottom:2px solid #312F2D;
        border-right:2px solid #312F2D;
        transform:translate(0,-15px) rotate(45deg)
    }
}
@-webkit-keyframes fadeinout{
    0%{
        opacity:0
    }
    50%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
@keyframes fadeinout{
    0%{
        opacity:0
    }
    50%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
#loginPage #startPageTitleContainer #startPageTitle{
    border-bottom:1px solid #dedede
}

* {
    font-weight: 400;
}

#loginPage .contentContainer#loginContainer #loginHeader #loginHeaderTitle span{
    color:#312F2D
}
#loginPage .contentContainer#registrationContainer #registrationTitle span{
    color:#312F2D
}
#loginPage .contentContainer#newsContainer #infoImage #nextImg,#loginPage .contentContainer#newsContainer #infoImage #prevImg{
    color:#575756;
    background-color:rgba(217,217,217,.7)
}
.additionalOrderTop{
    border-top:1px solid #575756
}
#makeReservationPage .saloonContainer .saloonTitle:after{
    background:#575756
}
#makeReservationPage .saloonContainer .saloonStreet:after{
    background:#575756
}
#makeReservationPage #makeReservationTop{
    border-bottom:1px solid #dedede
}
#makeReservationPage #makeReservationTop #makeReservationSteps .stepIcon{
    background-color:#575756
}
#makeReservationPage .saloons .saloonContainer .saloonTitle:after{
    background:#575756
}
#makeReservationPage .saloons .saloonContainer .saloonStreet:after{
    background:#575756
}
#makeReservationPage .weekDays .weekDaySuggestions .timeOption label{
    border:1px solid #575756
}
#makeReservationPage #reservationInfos .reservationInfoCalendar{
    background-color:#312F2D
}
#makeReservationPage #reservationInfos .reservationInfoCalendar span{
    color:#fff
}
#makeReservationPage #orderInfo .priceInfo span{
    color:#575756!important
}
#makeReservationPage #orderInfo #items{
    border-bottom:1px solid #dedede
}
#makeReservationPage #orderInfo #items .itemInfo .itemInfoTop .itemNm span{
    color:#312F2D
}
#makeReservationPage .select_box{
    font-weight:600;
    background-color:#575756
}
#makeReservationPage .select_box span{
    color:#fff
}
#makeReservationPage .select_box .not_selected{
    color:#575756
}
#makeReservationPage .select_box[data-state='1']{
    border:1px solid #312F2D;
    box-shadow:none
}
#makeReservationPage .select_box .select_box_selected:hover .select_icon{
    background-color:#312F2D
}
#makeReservationPage .select_box .select_box_options{
    border-right:1px solid #f4f4f4;
    border-left:1px solid #f4f4f4;
    border-bottom:1px solid #f4f4f4;
    background-color:#575756
}
#makeReservationPage .select_box .select_box_options .select_box_option:hover{
    background-color:#312F2D
}
#newCustomerPage #registerHeader{
    border-bottom:1px solid #dedede
}
#overlay,#overlayError{
    background-color:rgba(0,0,0,.7)
}
#overlay .overlayInfoContainer,#overlayError .overlayInfoContainer{
    background-color:#fff
}
#overlayError{
    z-index:3
}
#main #header #nav #menuIconNav span{
    background:#000
}
#main #header #nav #menuIconNav.openMenu span{
    background:#312F2D
}
#main #header #menuOverlay .top-triangle{
    border-right:15px solid #000
}
#main #header #menuOverlay .top-triangle:after{
    border-right:13px solid #fff
}
#main #header #menuOverlay #menu{
    background-color:#fff
}
#main #header #menuOverlay #menu #menuContent .menuRow .menuRowIcon span:first-of-type{
    color:#312F2D
}
#main #header #menuOverlay #menu #menuContent .subMenu .subMenuContent .menuRowIcon span{
    color:#312F2D
}
#saloonPage #searchIcon{
    color:#575756
}
#saloonPage #saloonPageTitle span{
    color:#575756
}
#saloonPage .inputContainer{
    border-top:1px solid #575756
}
#saloonPage .saloons .saloonContainer{
    background-color:#312F2D
}
#saloonPage .saloons .saloonContainer span{
    color:#fff
}
#saloonPage .saloons .saloonContainer .saloonTitle:after{
    background:#fff
}
#saloonPage .saloons .saloonContainer .saloonStreet:after{
    background:#fff
}
input[type=email],input[type=password],input[type=search],input[type=text]{
    background-color:#f4f4f4
}
textarea{
    background-color:#f4f4f4
}
input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,input[type=text]:focus,textarea:focus{
    border-color:#312F2D;
    box-shadow:0 0 10px #312F2D;
    outline:0
}
.tooltip:after,[data-tooltip]:after{
    background-color:#000;
    background-color:rgba(51,51,51,.9);
    color:#fff
}
.tooltip-top:before,.tooltip:before,[data-tooltip]:before{
    border-top-color:#000;
    border-top-color:rgba(51,51,51,.9)
}
.tooltip-left:before{
    border-left-color:#000;
    border-left-color:rgba(51,51,51,.9)
}
.tooltip-bottom:before{
    border-bottom-color:#000;
    border-bottom-color:rgba(51,51,51,.9)
}
.tooltip-right:before{
    border-right-color:#000;
    border-right-color:rgba(51,51,51,.9)
}
.select_box{
    background-color:#f4f4f4
}
.select_box .not_selected{
    color:#575756
}
.select_box[data-state='1']{
    border:1px solid #312F2D;
    box-shadow:none
}
.select_box .select_box_selected:hover .select_box_selected_option{
    border-right:0 solid #f4f4f4
}
.select_box .select_box_selected:hover .select_icon{
    background-color:#312F2D
}
.select_box .select_box_selected:hover .select_icon span{
    color:#fff
}
.select_box .select_box_options{
    border-right:0 solid #f4f4f4;
    border-left:0 solid #f4f4f4;
    border-bottom:0 solid #f4f4f4;
    background-color:#f4f4f4
}
.select_box .select_box_options .select_box_option:hover{
    background-color:#b685d6
}
.select_box .select_box_options .select_box_option:hover span{
    color:#fff
}
#menuContent .subMenu#saloons .subMenuContent:hover{
    background-color:#ebf1f7
}
#orderInfo #saloonInfo{
    border-bottom:1px solid #dedede
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fCRc4AMP6lbBP.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}