@import url('https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,300,400,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Montserrat:600,700,800');

/* GENERAL */
body {
    margin:0;background-color:#FFFFFF;
    color:#444;
}
.mainbody {
    background-color:#f0f0f0;
    font-size: 15px;
}
b, strong { font-size:inherit; }
h1 { font-size: 28px; }
h2 { font-size: 24px; }
a { color: #e8b917 }
a:hover { color: #0b2033 }

.text-number, .text-number a { font-family: Roboto!important }
.text-primary { color:#ee1d23 }
.text-primary a { color:#ee1d23 }
.text-link { color:#222 }
.text-secondary { color:#222 }

.btn { font-size: 15px }
.btn-primary { color:#0b2033 }
.no-padding { padding: 0 }

.ngProgressLiteBar {
    background: #ee1d23;
    height: 4px;
}

.navbar-tabs {
    margin-top: 55px;
}
.panel {
    margin-top: 10px;
}
ul.nav.nav-pills {
    background-size: 940px auto;
    /*padding-left: 0px;*/
    /*padding-right: 15px;*/
}
.nav-pills > li {
    margin: 20px 10px 0 0;
}
.nav-pills {
    font-size: 16px;
    text-transform: uppercase;
}
.nav > li > a {
    padding: 7px 20px 7px 10px;
}
.nav-pills > li > a, .btn-primary {
    background-color: #f7931e;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 3px solid #da7908;
    border-radius: 0;
    color: #fff;
    font-size: 16px !important;
    font-weight: 700;
    font-family: Montserrat, Tahoma, Helvetica, "sans-serif";
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus,
.btn-primary.disabled, .btn-primary[disabled], .btn-primary[disabled]:hover {
    background-color: #f89f37;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 3px solid #da7908;
    border-radius: 0;
}
.nav-pills > li > a {
    font-size: 14px !important;
    background-image: none;
}
.nav-pills > li > a:hover {
    background-color: #f89f37;
    background-image: none;
    color: #fff;
}

/* overrides */

.btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover, .open>.dropdown-toggle.btn-info {
    background-color: #ee1d23;
    border-color: #ee1d23;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    background-color: #ee1d23;
}
.form-control {
    color: #444;
}

/* search */
.row-search {
    background-image: url('../images/search-background.jpg');
    background-color: #3e93d4;
    background-position: bottom;
    background-size: 100%;
    background-repeat: no-repeat;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* result list */
.quotes-tips {
    padding-top: 25px;
    padding-bottom: 5px;
}

/* filter */
.filter-item {
    padding-right: 10px;
    padding-bottom: 5px;
}

@media (max-width: 767px) {
    .filter-header {
        display: none;
    }
}

.filter-multi-select-parent.input-group-addon  {
    border-radius: 3px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: #ccc;
}
.filter-selected {
    color: #f89f37;
}
.btn-filter {
    font-size: 11px;

}

.result-header-container {
    background: #fff;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    min-width: 280px;
    padding: 8px 23px !important;
}
.result-header-label {
    text-transform: uppercase;
    font: 400 11px "Open Sans",Tahoma,sans-serif;
    padding-right: 10px;
    color: #ee1d23;
    text-rendering: optimizeLegibility;
}
.result-header-route {
    text-transform: uppercase;
    font: 400 11px "Open Sans",Tahoma,sans-serif;
    padding-right: 10px;
    color: #222;
    text-rendering: optimizeLegibility;
}
.result-header-date {
    text-transform: uppercase;
    font: 400 11px "Open Sans",Tahoma,sans-serif;
    color: #888;
    text-rendering: optimizeLegibility;
}

.result-main {
    background: #fff;
    border: 1px solid #ddd;
    float: left;
    padding: 0;
    min-width: 280px;
    width: 100%;
    margin: 5px 0;
}
.result-heading {
    position: relative;
    padding: 15px 0 15px 23px;
    background: #f8f8f8;
}
.result-heading-title {
    letter-spacing: 1px;
    margin: 0;
    text-transform: uppercase;
    font: 400 17px "Open Sans",Tahoma,sans-serif;
    color: #444;
    text-rendering: optimizeLegibility;
}
.result-heading-sub {
    display: block;
    margin: 5px 0 0 0;
    font: 400 13px "Open Sans",Tahoma,sans-serif;
    color: #888;
    text-rendering: optimizeLegibility;
}
.result-icons {
    position: absolute;
    top: 15px;
    right: 20px;
    width: 300px;
    height: 35px;
    text-align: right;
}
.result-icon {
    display: inline-block;
    margin: 0 0 0 15px;
}
.result-icon-img {
    width: 27px;
    height: 29px;
}
.result-icon-auto {
    background: url('../images/auto.png') no-repeat;
}
.result-icon-manual {
    background: url('../images/manual.png') no-repeat;
}
.result-icon-air {
    background: url('../images/air.png') no-repeat;
}
.result-icon-toilet {
    background: url('../images/toilet.png') no-repeat;
}
.result-icon-shower {
    background: url('../images/shower.png') no-repeat;
}
.result-icon-pax {
    background: url('../images/pax.png') no-repeat;
}
.result-icon-bed {
    background: url('../images/bed.png') no-repeat;
}
.result-icon-sub {
    margin: 0;
    text-align: center;
    font: 400 11px "Open Sans",Tahoma,sans-serif;
    color: #ee1d23;
    text-rendering: optimizeLegibility;
}
.result-content {
    display: table;
    margin: 0;
    padding: 0;
    width: 100%;
}
.result-image-container {
    display: table-cell;
    padding: 20px;
    width: 33%;
    vertical-align: top;
}
.result-image-img {
    max-width: 300px;
    max-height: 200px;
}
.result-details-container {
    display: table-cell;
    padding: 30px 0;
    width: 33%;
    vertical-align: middle;
}
.result-info-list {
    margin: 0;
    padding: 0;
}
.result-info-list-item {
    margin-bottom: 5px;
    padding: 0;
    list-style: none;
    color: #444;
}
.result-info-icon {
    font-weight: 600;
    margin-right: 10px;
    font-size: 13px;
}
.result-info-highlight {
    color: #ee1d23;
}
.result-info-text {
    text-rendering: optimizeLegibility;
    font: 400 13px "Open Sans",Tahoma,sans-serif;
    margin-right: 5px;
}
.result-info-sub {
    text-rendering: optimizeLegibility;
    font: 600 11px "Open Sans",Tahoma,sans-serif;
    margin-right: 5px;
}

.result-price-container {
    display: table-cell;
    padding: 30px 0;
    vertical-align: middle;
    position: relative;
}
.result-price-panel {
    margin-bottom: 5px;
    font: 400 11px "Open Sans",Tahoma,sans-serif;
    color: #444;
    text-rendering: optimizeLegibility;
}
.result-price-info {
    display: inline-block;
    position: relative;
    background: #f1f1f1;
    border-radius: 7px 0 0 7px;
    color: #444;
    height: 60px;
    width: 200px;
    margin-right: 2px;
    vertical-align: middle;
    margin-left: 0;
}
.result-price-amount {
    letter-spacing: 1px;
    margin: 8px 0 0 35px;
    font: 700 21px "Open Sans",Tahoma,sans-serif;
    text-rendering: optimizeLegibility;
}
.result-price-amount-free-sale,
.result-price-amount-on-request {
    color: #ee1d23;
}
.result-price-amount-not-available {
    color: #666;
}
.result-price-currency {
    font: 400 11px "Open Sans",Tahoma,sans-serif;
    text-rendering: optimizeLegibility;
}
.result-price-included {
    margin: 0 0 0 35px;
    font: 600 11px "Open Sans",Tahoma,sans-serif;
    color: #444;
    text-rendering: optimizeLegibility;
}
.result-price-status {
    display: inline-block;
    background: #ee1d23;
    border: none;
    padding: 0 20px;
    border-radius: 0 7px 7px 0;
    width: 120px;
    height: 60px;
    vertical-align: middle;
    font: 700 14px "Open Sans",Tahoma,sans-serif;
    color: #fff;
    text-rendering: optimizeLegibility;
}
.result-price-status-not-available {
    background: #aaa;
}
.result-price-status-free-sale,
.result-price-status-on-request {
    background: #ee1d23;
}
.result-price-text {
    font: 700 14px "Open Sans",Tahoma,sans-serif;
    text-rendering: optimizeLegibility;
    text-transform: uppercase;
    color: #ffffff;
}

.result-info-fleetstatus {
    border-radius: 3px;
    padding: 5px 8px;
    font: 700 11px "Open Sans",Tahoma,sans-serif;
    color: #fff;
    text-transform: uppercase;
}
.result-info-fleetstatus-checking,
.result-info-fleetstatus-on-request {
    background-color: #f59307;
}
.result-info-fleetstatus-free-sale {
    background-color: #7ab33e;
}


/* LIST PANEL -> move to main */
.list-panel {
    margin:0;
}
.list-panel-default,
.list-panel-body {
    padding:0 !important;
    border: none;
    background: none;
}



/* CUSTOMIZE AREA */

.tab-customize .row {
    font-size: 14px;
    color:#222;
}
.tab-customize .lead,
.tab-customize h3 {
    color: #888
}
.tab-customize .lead {
    font-size: 21px;
}
.panel.panel-customize {
    border-style: none;
    box-shadow: none;
}

.carousel-control {
    color: #888;
}

.btn-virtual-tour {
    background-color: #f7931e;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 3px solid #da7908;
    border-radius: 0;
    color: #fff;
    font-weight: 700;
    font-family: Montserrat, Tahoma, Helvetica, "sans-serif";
}
.btn-virtual-tour:hover {
    background-color: #f89f37;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 3px solid #da7908;
    border-radius: 0;
}

.btn-component-image {
    background-color: #f7931e;
    border: none;
    border-radius: 0;
    color: #fff;
    font-weight: 700;
}
.btn-component-image:hover {
    background-color: #f89f37;
}

@media only screen and (max-width: 760px) and (min-width: 0px) {
    .result-content,
    .result-image-container,
    .result-details-container,
    .result-details-container {
        width: 100%;
        display: block;
    }

    .result-details-container {
        padding: 0 20px
    }

    .result-price-container {
        padding: 10px 20px 30px;
    }
}