.main {

    margin-top:100px;

}

.main .segmentSelector_holder {

    width:604px;
    min-height:48px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:48px;

}

.main .segmentSelector_holder h2 {

    padding:0;
    margin:0;
    font-size:30px;
    font-weight:700;
    font-family:'Raleway',sans-serif;
    text-align:center;
    margin-bottom:29px;

}

.main .segmentSelector_holder button {

    padding:0;
    margin:0;
    border:none;
    width:276px;
    height:48px;
    border-radius:2px;
    font-size:20px;
    font-weight:700;
    font-family:'Raleway',sans-serif;
    color:rgba(255,255,255,1.0);
    float:left;
    margin-left:13px;
    margin-right:13px;
    cursor:pointer;
    transition:opacity 0.5s;

}

.main .segmentSelector_holder button.fullWidth {
    width:100%;
}

.main .segmentSelector_holder button.chuze {
    background-color:rgba(37,163,165,1.0);
}

.main .segmentSelector_holder button.fyzio {
    background-color:rgba(41,128,185,1.0);
}

.main .segmentSelector_holder button.skolaChuze {
    background-color:#e74c3c;
}

.main .noAvailableSchedules {

    display:none;

}

.main .content .reservation_step1 {
    display:none;
}

.main .content .datePicker_container {

    width:285px;
    min-height:100%;
    float:left;

}

.main .content .reservationOptions_container {

    width:calc(100% - 285px - 60px - 60px - 280px);
    min-height:100%;
    float:left;
    margin-left:60px;
    margin-right:60px;

}

.main .content .reservationOptions_container .selectedDate {

    padding:0;
    margin:0;
    font-size:30px;
    font-weight:700;
    font-family:'Raleway',sans-serif;
    color:rgba(0,0,0,1.0);

}

/*.ui-datepicker-calendar td.ui-datepicker-today a {
    background:rgba(0,127,255,1.0);
    border-color:rgba(0,62,255,1.0);
    color:rgba(255,255,255,1.0);
}*/

.main .content .reservationOptions_container .selectDate_hintText {

    padding:0;
    margin:0;
    padding-left:50px;
    font-size:20px;
    font-weight:400;
    font-family:'Raleway',sans-serif;
    color:rgba(0,0,0,1.0);

}

.main .content .reservationOptions_container .reservationOptions_table {

    width:100%;
    border-collapse:collapse;
    margin-top:30px;

}

.main .content .reservationOptions_container .reservationOptions_table tr td.timeTd {

    width:60px;
    font-size:20px;
    font-weight:700;
    font-family:'Raleway',sans-serif;
    color:rgba(0,0,0,1.0);

}

.main .content .reservationOptions_container .reservationOptions_table tr td .reservationOptions_item {

    width:100%;
    height:44px;
    border-radius:14px;
    display:table;

}

.main .content .reservationOptions_container .reservationOptions_table tr td .reservationOptions_item.session--free {
    background-color:rgba(39,174,96,1.0);
}
.main .content .reservationOptions_container .reservationOptions_table tr td .reservationOptions_item.session--full {
    background-color:rgba(149,165,166,1.0);
}
.main .content .reservationOptions_container .reservationOptions_table tr td .reservationOptions_item.session--selected {
    background-color:rgba(230,126,34,1.0);
}

.main .content .reservationOptions_container .reservationOptions_table tr td .reservationOptions_item:hover {

    cursor:pointer;
    opacity:0.8;

}

.main .content .reservationOptions_container .reservationOptions_table tr td .reservationOptions_item.session--protected {
    background-image: linear-gradient(141deg, #636e72 25%, #2d3436 25%, #2d3436 50%, #636e72 50%, #636e72 75%, #2d3436 75%, #2d3436 100%);
    background-size: 12.71px 10.29px;
    opacity:0.6;
    cursor:no-drop;
}

.main .content .reservationOptions_container .reservationOptions_table tr td .reservationOptions_item > .verticalAlign {

    display:table-cell;
    vertical-align:middle;
    font-size:20px;
    font-weight:700;
    font-family:'Raleway',sans-serif;
    color:rgba(255,255,255,1.0);
    text-align:center;

}

.main .content .reservationActions_container {

    width:280px;
    min-height:100%;
    float:left;
    display:table;
    visibility:hidden;

}

.main .content .reservationActions_container > .verticalAlign {

    display:table-cell;
    vertical-align:middle;

}

.main .content .reservationActions_container > .verticalAlign .reservatonActions_submitButton {

    border:none;
    font-size:25px;
    font-weight:700;
    font-family:'Raleway',sans-serif;
    color:rgba(255,255,255,1.0);
    background-image:url('./files/icons/arrow_right.svg');
    background-size:16px auto;
    background-position:right 30px center;
    background-color:rgba(38,38,38,1.0);
    background-repeat:no-repeat;
    border-radius:3px;
    cursor:pointer;
    margin-top:18px;

}

.main .content .reservationActions_container > .verticalAlign .reservatonActions_submitButton:hover {
    background-color:rgba(38,38,38,0.8);
}

.main .reservation_step2_clientInfo {

    width:100%;
    min-height:10px;

}

.main .reservation_step2_clientInfo {

    display:none;

}

.main .reservation_step2_clientInfo .reservation_clientInfo_table {

    width:60%;
    border-collapse:collapse;
    margin:20px auto;

}

.main .reservation_step2_clientInfo .reservation_clientInfo_table tr td {

    padding:0;
    margin:0;
    font-size:16px;
    font-weight:400;
    font-family:'Raleway',sans-serif;
    color:rgba(0,0,0,1.0);

}

.main .reservation_step2_clientInfo .reservation_clientInfo_table tr td {

    padding-top:10px;

}

.main .reservation_step2_clientInfo .reservation_clientInfo_table tr td.titleTd {

    width:100px;
    white-space:nowrap;
    padding-right:15px;

}

.main .reservation_step2_clientInfo .reservation_clientInfo_table tr td input[type="text"] {

    border:none;
    width:100%;
    height:50px;
    background-color:white;
    border-radius:10px;
    border:2px solid rgba(38,38,38,0.2);
    -webkit-box-shadow: 0px 2px 10px -7px rgba(0,0,0,0.62);
    -moz-box-shadow: 0px 2px 10px -7px rgba(0,0,0,0.62);
    box-shadow: 0px 2px 10px -7px rgba(0,0,0,0.62);
    padding-left:15px;
    font-size:16px;
    font-weight:400;
    font-family:'Raleway',sans-serif;

}

.main .reservation_step2_clientInfo .reservation_clientInfo_table tr td .reservationFinalSubmit_button {

    padding:0;
    margin:0;
    width:100%;
    height:50px;
    border:none;
    border-radius:10px;
    font-size:16px;
    font-weight:400;
    font-family:'Raleway',sans-serif;
    color:rgba(255,255,255,1.0);
    background-color:rgba(52,73,94,1.0);
    margin-top:10px;
    cursor:pointer;

}

.main .reservation_step2_clientInfo .reservation_clientInfo_table tr td .reservationFinalSubmit_button:hover {

    -webkit-box-shadow: 0px 2px 10px -7px rgba(0,0,0,0.62);
    -moz-box-shadow: 0px 2px 10px -7px rgba(0,0,0,0.62);
    box-shadow: 0px 2px 10px -7px rgba(0,0,0,0.62);
    font-weight:700;

}

@media screen and (max-width:1260px) {

    .main .content .reservationOptions_container .selectDate_hintText {
    
        font-size:16px;
    
    }

}

@media screen and (max-width:1023px) {

    .main .content .datePicker_container {
    
        width:100%;
        min-height:10px;
        text-align:center;
    
    }
    
    .main .content .datePicker_container .datePicker {
    
        display:inline-block;
        margin:0px auto;
    
    }
    
    .main .content .reservationOptions_container {
    
        width:calc(100% - 50px);
        min-height:10px;
        margin-top:20px;
        margin-left:25px;
        margin-right:25px;
    
    }
    
    .main .content .reservationActions_container {
    
        width:calc(100% - 50%);
        min-height:10px;
        margin-top:20px;
        margin-left:25px;
        margin-right:25px;
    
    }
    
    .main .content .reservationActions_container > .verticalAlign .reservatonActions_submitButton {

        width:100%;
        font-size:16px;
        background-image:none;

    }
    
    .main .reservation_step2_clientInfo .reservation_clientInfo_table {

        width:100%;
        border-collapse:collapse;
        margin-top:20px;
        margin-left:auto;
        margin-right:auto;

    }

}

@media screen and (max-width:676px) {

    .main .segmentSelector_holder {
    
        width:calc(100% - 30px);
    
    }
    
    .main .segmentSelector_holder button {

        width:calc(50% - 20px);
        margin-left:10px;
        margin-right:10px;

    }

}

@media screen and (max-width:630px) {

    .main .content .reservationOptions_container .selectedDate {

        width:100%;
        font-size:20px;
        display:block;

    }

    .main .content .reservationOptions_container .selectDate_hintText {
    
        width:100%;
        font-size:16px;
        padding-left:0;
        display:block;
    
    }
    
    .main .reservation_step2_clientInfo .reservation_clientInfo_table tr td input[type="text"] {

        border:none;
        width:100%;
        height:30px;
        border:2px solid rgba(38,38,38,0.2);
        font-size:16px;

    }

}

@media screen and (max-width:430px) {

    .main .segmentSelector_holder {
    
        width:calc(100% - 30px);
    
    }
    
    .main .segmentSelector_holder button {

        width:calc(100% - 20px);
        margin-top:10px;
        margin-left:10px;
        margin-right:10px;
        font-size:18px;

    }

}

@media screen and (max-width:413px) {

    .main .segmentSelector_holder h2 {

        padding:0;
        margin:0;
        font-size:20px;

    }
    
    .main .reservation_step2_clientInfo .reservation_clientInfo_table tr td {
    
        width:100%;
        float:left;
    
    }

}