:root {
    /* colors */
  --white : #fff;
  --grey-darken: #333;
  --grey: #d9d9d9;
  --grey-lighter: #f2f2f2;
  --primary: #004f9f;
  --secondary: var(--grey);

  /* spacing */
  --spacer: 15px;

  /* bordering */
  --border-radius: calc( var(--spacer) * 0.25 );

  /* animation */
  --animation-speed: 0.125s;
}

/* ui */
body .btn {
   border-radius: var(--border-radius);
   background-color: var(--primary) !important;
}
body div[class*="col-"] {
    padding-left:var(--spacer);
    padding-right:var(--spacer);
}
body #sb-timeline #steps #steps-content #sb_booking_content .datetime-step .header button, 
body #sb-timeline #steps #steps-content #sb_booking_content .datetime-step .header a {
    border:none;
    background:var(--secondary);
    color:var(--grey-darken);
    transition: color 0.125s, background 0.25s;
}
body #sb-timeline #steps #steps-content #sb_booking_content .datetime-step .header button:hover, 
body #sb-timeline #steps #steps-content #sb_booking_content .datetime-step .header a:hover {
    border:none;
    background:var(--primary) !important;
    color:var(--white);
    transition: color var(--animation-speed), background var(--animation-speed);
}
body .container-fluid {
    padding-left: var(--spacer);
    padding-right: var(--spacer);
}
body .row {
    margin-left: calc(var(--spacer) * -1) !important;
    margin-right: calc(var(--spacer) * -1) !important;
}
body .section {
    box-shadow: none;
    margin-bottom: var(--spacer);
}
/* elements */
body #sb-timeline #steps-nav {
    box-shadow: none;
    background: var(--grey-lighter);
    border-bottom: 5px solid #fff;
    margin-bottom: 30px;
}
body #sb-timeline .steps-nav li.passed + li:not(.passed):after {
    background: var(--grey-lighter);
    border-top-color: var(--grey-lighter);
    border-bottom-color: var(--grey-lighter);
}
body #sb-timeline #steps-nav .step_info_item .title-small {
    font-weight:bold;
}

body #sb-timeline #steps-nav .step_info_item .title-sub {
    color: #fff;
}

body #main-buttons,
body #time-settings,
body .header__menu-container.nav-wrapper {
    display:none !important;
}

body #sb-timeline #steps #sb_back_button {
    position: inherit;
}

body #sb-timeline #steps #steps-content #sb_booking_content .item.panel {
    box-shadow: none;
    background: var(--white);
    padding: var(--spacer);
    border-radius: var(--border-radius);
}
body #sb-timeline #steps #steps-content > .column > .row {
    display: flex;
    flex-direction: column;
}

body .steps-nav #menu-active-bg {
background-color: var(--primary) !important;
}

/* tab item */
body .item {
    padding-left: var(--spacer) !important;
    padding-right: var(--spacer) !important;
}
body .item .item__tab {
    background: var(--white);
    box-shadow: none;
    border-radius: var(--border-radius);
    justify-content: flex-start;
}
body .item .item__tab .item__footer,
body .item .item__tab .item__info-bar,
body .item .item__tab .item__content {
    padding: 0 var(--spacer);
    margin: var(--spacer) 0;
}
body .item .item__tab .item__info-bar {
    margin-top: auto;
}
body .item .item__tab .item__content > *,
body .item .item__tab .item__info-bar .info-bar--item {
    margin-bottom: calc(var(--spacer) * 0.5);
}
body .item .item__tab .item__content > *:last-child,
body .item .item__tab .item__info-bar .info-bar--item:last-child {
    margin-bottom: 0;
}
body .tab-pd {
    background: var(--white);
    box-shadow: none;
    border-radius: var(--border-radius);
    justify-content: flex-start;
}
body . item__info-bar .time {
display:none; 
}
/* main */
body #main-content {
    background:var(--grey-lighter);
}
/* service selection */
@media (min-width:992px) {
    body #sb-timeline #steps #steps-content .step-content {
        flex-wrap: nowrap;
        justify-content: center;
    }
}

/* date selection */
body #sb-timeline #steps #steps-content .step-content.datetime-step {
    flex-wrap:wrap;
}
/* details */
body #details {
    background: var(--grey-lighter);
    border-radius: var(--border-radius);
}

/* consult choise */
body #sb_booking_content . item__picture--fit-mode.item__picture--user {
padding-bottom:auto;
height:auto;
}

body #sb_booking_content . item__picture--fit-mode.item__picture--user img {
max-height:auto;
height:auto;
position:relative;
}

/* iframe */
html.is-widget #header { display:none !important; }
html.is-widget #sb-timeline { padding-bottom: 0 !important; }
#sb-timeline #steps #steps-content #sb_booking_content .location-item .address a { color:var(--primary) !important; }
html.is-widget .steps-nav li:first-child, html.is-widget .steps-nav li.passed, html.is-widget .steps-nav li.passed + li:not(.passed) {
    background: var(--primary);
}
html.is-widget #sb-timeline .steps-nav li.passed + li:not(.passed):after,
html.is-widget #sb-timeline .steps-nav li:first-child:after {
    border-left-color: var(--primary) !important;
}
html.is-widget #footer a {
    color: var(--primary);
}
html.is-widget .theme-preloader__svg g rect {
    fill: #004f9f !important;
}

html.is-widget .steps-nav li:first-child .title-small, 
html.is-widget .steps-nav li.passed .title-small, 
html.is-widget .steps-nav li.passed + li:not(.passed) .title-small
html.is-widget .steps-nav li:first-child .title-small, 
html.is-widget .steps-nav li.passed .title-small, 
html.is-widget .steps-nav li.passed + li:not(.passed) .title-small {
color:#fff;
}
html.is-widget .current-booking-info .info a,
html.is-widget #sb_terms_and_conditions a,
html.is-widget .current-booking-info .info a,
html.is-widget .item__read-more {
color: var(--primary);
}
html.is-widget .sb-cell.free.hovered, 
html.is-widget .sb-cell.free:hover {
    background: var(--primary) !important;
}

html.is-widget #footer #sb_scroll_top_btn {
background: var(--primary) !important;
}