html, body {
    font-size: 16px;
}

/* overwrite bootstrap defaults:
 *  - all occurences of #337ab7 replaced by #00454c
 * */

a,
.text-primary,
.btn-primary .badge,
.btn-link,
.pagination > li > a,
.pagination > li > span,
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
    color: #00454c;
}

.bg-primary,
.btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.label-primary,
.progress-bar,
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus,
.panel-primary > .panel-heading {
    background-color: #00454c;
}

.panel-primary > .panel-heading,
.panel-primary,
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus,
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    border-color: #00454c;
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #00454c;
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #00454c;
}

/* --------------------------------------- */

body {
    background: #c3dbdc;
}

li.active a {
    background-color: #00454c;
}

.btn-success:hover {
    /*background: #9b7745 !important;
    border-color: #755a32 !important;*/
    background: #117984 !important;
    border-color: #01626d !important;
    color: #fff !important;
}

.btn-success:focus,
.btn-success:active,
.btn-success {
    background: #00454c;
    border-color: #01383e;
}

form#booknow_form {
    background: #c3dbdc;
}

.row {
    background: #c3dbdc;
}

.panel-body .row {
    background: #fff;
}

#hostelinfobox_collapse .row {
    background-color: #c3dbdc;
}

#hostelinfobox_collapse {
    background-color: #c3dbdc;
}

.panel-primary > .panel-heading {
    color: #fff;
    background: #00454c;
    border-color: #00454c;
}

.panel-heading {
    background: #9b7745;
    color: white;
}

.overnight-items a > h4 {
    background: #00454c;
}

a {
    color: #00454c;
}

a:hover {
    color: #c3dbdc;
}

a.article-select-btn:hover {
    color: #000;
}

.article-select-btn.btn:hover,
.article-select-btn.btn:focus,
.article-select-btn.btn:active {
    /*color: inherit !important;*/
    color: #fff !important;
}

.grouped-article.active, .panel.active {
    border: 2px solid #00454c;
}

#booknow_row_collapse {
    background-color: #c3dbdc;
}

#summary_box .panel-footer .row {
    background: #f5f5f5;
}

@media (max-width: 980px) {
    #summary_box_container {
        background-color: #c3dbdc;
    }
}

#summary-jumper .panel-heading {
    border: 0;
    background: #00454c;
}

.summary-jumper.active a:hover {
    background: #00454c;
}

.summary-jumper.active a {
    background: #00454c;
    border: 1px solid #00454c;
}

.summary-jumper.active a:hover {
    color: #00454c;
    background: #fff;
}

.nav > li.disabled > a {
    color: #00454c;
}

.nav > li.disabled > a:hover {
    color: #333;
}

a.datepicker-button {
    background-color: #00454c;
    border-color: #00454c;
}

.popular-article {
    color: #151515;
    background-color: #ffd05e;
}