/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/
@import url("https://fonts.googleapis.com/css2?family=Gelasio:ital,wght@0,400;0,700;1,400&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Hind:wght@300;500;700&display=swap');

Body {
    background: transparent !important;
    font-family: "Gelasio", serif !important;
    padding-top:0px;
}
#header .brand .logo a img {
    max-height: 165px;
    margin-right: 6px;
    margin-top: 2px;
    position: absolute;
    top: 0px;
    z-index: 6000;
}
div#sb_main {
    background: #EEF8FD !important;
}
#header {
    margin-bottom:0px !important;
}
.menu-item:nth-child(2) {
    display: none !important;
}
#main {
    background: #EEF8FD !important;
}
#main-buttons {
    display: none;
}
#main-content {
    margin-top:60px;
}
#sb_content {
    padding-top:30px;
}
.modal-dialog {
    max-width: 80%;
    min-width: 300px;
}
#header .nav-wrapper #sb_menu ul.nav li a {
    font-size: 16px !important;
    color: #1e4382;
    height:110%;
    line-height:110% !important;
}
.back-to-services,
.sb_book_again,
.sb-book {
    display: none !important;
}
.current-booking-info .booking-btns {
    text-align:left !important;
    margin: 0;
}
#client-profile-preview .bar-with-btn .btn
 {
    background: transparent !important;
    border: 1px solid #1e4382 !important;
    color: #1e4382;
    width: 200px;
    text-transform: uppercase;
    font-family: Hind !important;
    font-weight: 500 !important;
}
#sb_sign_out_btn,
.popup-hide,
.btn {
    text-transform: uppercase !important;
    font-family: Hind !important;
    font-weight: 500 !important;
}
#client-login {
    background: transparent;
}
#client-login .form-control {
    border: 1px solid #1e4382 !important;
    border-radius: 1px;
    box-shadow: none;
}
#content-view #about-us .txt * {
    width: auto !important;
}
.text .sb-client-edit-popup {
    width:200px !important;
}
#header .nav-wrapper .items-wrapper .nav-item#sb_client_info .login-container .full-info #sb_login_form .main-form .not-logged #sb_sign_in_form .bar .txt .btn {
    border-radius: 25px;
}
#sb_sign_in_form .cap,
#sb_sign_up_form .cap {
    font-family: Hind !important;
    font-weight: 500 !important;
    font-size: 20px !important;
    color: #1e4382 !important;
    text-transform: uppercase !important;
    border-bottom: 1px dotted #1e4382 !important;
}
#client-login .border {
    width: 1px;
    background: #1e4382;
    position: absolute;
    left: 0;
    height: 100%;
}
#booking-result-view #booking-result-tabs .tabs-container {
    border-bottom: none !important;
}
#booking-result-view #booking-result-tabs {
    box-shadow: none !important;
    background-color: transparent !important;
}
#booking-result-view #booking-result-tabs .tabs-container .tab-link.active:after {
   display:none !important;
}
.tabs-container .tab-link a {
    background: transparent !important;
    border: 1px solid #1e4382 !important;
    color: #1e4382 !important;
    text-transform: uppercase !important;
    font-family: Hind !important;
    font-weight: 500 !important;
    height: 50px !important;
    margin: 5px 0 !important;
    outline: none !important;
    border-radius: 25px;
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.tabs-container .active a {
    background: #1e4382 !important;
    color:#FFF !important;
}
.overview {
    max-width: 100%;
    background: #FFF !important;
}
.title-main {
    color: #1E4382;
    font-family: Hind;
    font-weight: 700 !important;
    font-size: 60px;
    line-height: 100%;
    text-transform: uppercase;
}

.modal-dialog .modal-content {
    border:none !important;
    box-shadow:none !important;
   
    
}
.modal-dialog .modal-content {
    border-radius: 30px;
    width: 100%;
    max-width: 1200px;
    box-shadow: none;
}
#client-profile-preview .overview {
    width: 100%;
    max-width: 100%;
    padding:3%;
    border-radius: 30px;
    background:#FFF !important;
}
#client-profile-preview .label {
    color: #1e4382;
    text-transform: uppercase;
    font-family: Hind !important;
    font-weight: 500 !important;
}
#content-view #about-us, #content-view #contacts, #content-view #schedule {
    background: transparent !important;
}
#sb_profile_form .col-sm-12 {
    float:left;
    width:20%;
}
#sb_profile_form .col-sm-8 {
    float: left;
    width: 80% !important;
}
#header .nav-wrapper .items-wrapper .nav-item .cart-container #sb_client_info, #header .nav-wrapper .items-wrapper .nav-item .login-container #sb_client_info {
    background: url(https://beta.atlantis-vodnomesto.si/ResourcePackages/VMAtlantis/assets/dist/images/ui/profile.svg) no-repeat 50% !important;
}
#sb_main #main #sb_content #booking-result-view #sb_bookings_list .booking-item {
    width:100%;
    margin-bottom:30px;

}
#booking-result-view #sb_bookings_list > div .booking-item .tab {
    border-radius: 20px;
    padding: 20px;
}
#events h3 {
    /* add your css rule here */
}


#events p.duration, #events div.duration {
    /* add your css rule here */
}


#events p.description, #events div.description {
    /* add your css rule here */
}


#events .selectedEvent {
    /* add your css rule here */
}


#events input.reserve_time_btn {
    /* add your css rule here */
}


#events input.select_another_btn {
    /* add your css rule here */
}


#eventForm #start_date-block-container h3, #eventForm #timeline-container h3 {
    /* add your css rule here */
}


#eventForm #save_button {
    /* add your css rule here */
}


div.ui-widget-content {
    /* add your css rule here */
}


div.ui-widget-header {
    /* add your css rule here */
}


#timeline-container table.timeline {
    /* add your css rule here */
}


.timeline td.not_worked_time {
    /* add your css rule here */
}


.timeline td.free_time {
    /* add your css rule here */
}


.timeline td.selected_time {
    /* add your css rule here */
}


.timeline td.reserved_time {
    /* add your css rule here */
}


div#loading {
    /* add your css rule here */
}


#start_date-block-container .zend_form dt, start_date-block-container .zend_form dt b, start_date-block-container .zend_form dd label {
    /* add your css rule here */
}
@media (min-width: 768px) {
    .modal-dialog {
        width: 1200px;
        margin: 30px auto;
    }
}
@media (max-width: 640px) {

.title-main {
    font-size: 30px !important;
}
}