﻿/* Main */
.splash-container .panel .panel-heading .logo-img {
    width: 150px;
}

.be-top-header .navbar-header .navbar-brand {
    width: 100%;
    padding: 10px 20px;
}

a.progress-widget {
    display: block;
}

.be-left-sidebar .sidebar-elements > li.active > a,
.be-left-sidebar .sidebar-elements > li.active > a > span,
.be-left-sidebar .sidebar-elements > li ul li.active > a {
    color: #000;
    font-weight:  500;
}

/* Form */
.switch-button.switch-button-yesno label:before {
    content: "NEE";
}
.switch-button.switch-button-yesno input[type="checkbox"]:checked + span label:before {
    content: "JA";
}

/* Wizard styling */
.fuelux .wizard {
    overflow: initial;
}
.fuelux .wizard > .steps li.active,
.fuelux .wizard > .steps li.complete {
    background-color: #404040;
    color: #fff;
}
.fuelux .wizard > .steps li.active .chevron:before,
.fuelux .wizard > .steps li.complete .chevron:before {
    border-left: 14px solid #404040;
}
.fuelux .wizard > .steps li.complete .chevron {
    border-left-color: #bdbdbd;
}

.fuelux .wizard > .steps li.complete:hover {
    background-color: #545454;
}
.fuelux .wizard > .steps li.complete:hover .chevron:before {
    border-left-color: #545454;
}
.fuelux .wizard .wizard-title {
    margin-bottom: 15px;
}

.fuelux .wizard .person-amount--select .input-group-addon,
.fuelux .wizard .dogs-amount--select .input-group-addon,
.fuelux .wizard .total--price .input-group-addon {
    width: 48px;
}

.fuelux .wizard .person-amount--select .input-group-addon i,
.fuelux .wizard .dogs-amount--select .input-group-addon i,
.fuelux .wizard .total--price .input-group-addon{
    font-size: 18px;
    font-weight: 700;
}

.fuelux .wizard .person-amount--select .input-group-addon i,
.fuelux .wizard .dogs-amount--select .input-group-addon i
{
    line-height: 32px
}

.user-info-list .panel-heading {
    font-weight: 500;
}

.fuelux .summary tr td:last-child {
    font-weight: bold;
}
.fuelux .accommodation--bg {
    padding: 50px;
    background-size: cover;
    background-position: center center;
    margin-left: -30px;
    margin-right: -30px;
    margin-top: -21px;
    margin-bottom: 15px;
}
.fuelux .accommodation--bg .wizard-title {
    color: #fff;
}

/* List details */
ul.list--details {
    list-style: none;
    padding: 0;
    margin-bottom: 15px;
}

ul.list--details li {
    padding: 5px 0;
}

ul.list--details li .icon {
    display: inline-block;
    margin-right: 5px;
    font-size: 140%;
    margin-top: 2px;
    display: inline-block;
}

/* Validation */
.input-validation-error {
    border-color: red;
}

/* Datepicker */
.datetimepicker table tr td.disabled, .datetimepicker table tr td.disabled:hover {
    background-color: #ffebeb;
}

.input-group-addon.date {
    padding-left: 16px;
    padding-right: 16px;
    font-size: 20px;
    border-left: 0;
}

.litepicker .container__months .month-item-header div > .month-item-name,
.litepicker .container__months .month-item-header div > .month-item-year,
.litepicker .container__months .month-item-weekdays-row > div {
    font-size: 14px;
}

.litepicker .container__days .day-item.is-start-date.is-end-date {
    border-radius: 50%;
    background-color: #efc42e;
}

.litepicker .container__days .day-item.is-locked,
.litepicker .container__days .day-item.is-booked {
    background-color: #ffebeb;
    color: #737373;
}

.litepicker .container__days .day-item {
    line-height: 31px;
    padding: 0 8px;
    font-size: 13px;
    border-radius: 50%;
    width: 31px;
    height: 31px;
    margin: 3px;
    line-height: 29px;
}

.litepicker .container__days > div {
    width: 31px;
    margin: 3px;
}

.litepicker .container__days .day-item:not(.is-booked):not(.is-locked):hover {
    border-color: #333;
    color: #333;
    background-color: #ececec;
    -webkit-box-shadow: inset 0 0 0 1px #d8d8d8;
    box-shadow: inset 0 0 0 1px #d8d8d8;
    cursor: pointer;
}

.litepicker .container__days .day-item:not(.is-booked):not(.is-locked) {
    font-weight: 600;
}

.litepicker .container__months .month-item:last-child .button-next-month:hover,
.litepicker .container__months .month-item:first-child .button-previous-month:hover {
    cursor: pointer;
}

.litepicker .container__months .month-item-header .button-previous-month:hover > svg,
.litepicker .container__months .month-item-header .button-next-month:hover > svg {
    fill: #333;
}

/* Accommodation switcher */
.accommodation--switcher {
    display: inline-block;
    margin: 10px 0;
    max-width: 360px;
    width: 100%;
}

.accommodation--switcher .select2-selection {
    height: 40px;
}

.accommodation--switcher .select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 40px;
    line-height: 40px;
    font-weight: 500;
}
.accommodation--switcher .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
}
.accommodation--switcher .select2-container--default .select2-selection--single .select2-selection__arrow b:after {
    line-height: 40px;
}

/* Panel */
.panel > .panel-heading {
    font-weight: 500;
}

/* Table */
.table--details tr td:last-child {
    font-weight: 600;
}
.table tr th.actions, .table tr td.actions {
    text-align: right;
}
.badge.badge-downpayment {
    background-color: #003580;
    color: white;
    border-color: #003580;
}