html, body {
    margin: 0;
    padding: 0;
}
html {
    height: 100%;
}
body {
    min-height: 100%;
    position: relative;
    background: #333;
}
.page {
    background: #eee;
    min-height: 600px;
}

a {
    color: #f44336;
    cursor: pointer;
}
a:hover {
    color: #c62828;
    text-decoration: none;
}

.no-margin {
    margin: 0 !important;
}
.mt-4 {
    margin-top: 2rem;
}
.viewing {
    background: #333;
    line-height: 30px;
    color: #fff;
    font-size: 12px;
    text-align: center;
}
.viewing a {
    color: #fff;
}
.viewing a:hover, .viewing a:active, .viewing a:focus {
    color: #fff;
}

header {
    background: #f44336;
    height: 90px;
}
header .logo img {
    margin-top: 5px;
    max-height: 75px;
    max-width: 300px;
}
header .profile-buttons {
    list-style: none;
    margin: 30px 0;
    padding: 0;
}
header .profile-buttons > li {
    display: inline-block;
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #fff;
    height: 30px;
    line-height: 30px;
}
header .profile-buttons > li:first-child {
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
}
header .profile-buttons > li > a, header .profile-buttons > li > div > a {
    color: #fff;
    font-size: 16px;
    outline: none;
    text-decoration: none;
}
.dropdown-menu {
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    right: 0;
    left: auto;
}
.dropdown-menu > li > a {
    padding: 3px 10px;
}

.navbar-toggle {
    color: #fff;
    font-size: 30px;
    margin: 0;
    padding: 0 10px;
    line-height: 90px;
}

nav {
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
}
nav .nav {
    list-style: none;
    margin: 0;
    padding: 0;
}
nav .nav > li > a {
    display: block;
    outline: none;
    font-weight: 500;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
    color: #999;
}
@media (min-width: 768px) {
    nav .nav {
        border-left: 1px solid rgba(0, 0, 0, 0.05);
    }
    nav .nav > li {
        float: left;
        width: 16.6666667%;
        display: block;
        position: relative;
        border-right: 1px solid rgba(0, 0, 0, 0.05);
    }
    nav .nav > li > a {
        padding: 25px 0;
        text-align: center;
        line-height: 20px;
        padding-bottom: 17px;
        border-bottom: 5px solid transparent;
    }
}
nav .nav > li > a:active, header .nav > li > a:focus {
    background-color: transparent;
}
nav .nav > li.active > a {
    color: #f44336;
    border-color: #f44336;
}
nav .nav > li:hover > a, header .nav > li:focus > a {
    color: #f44336;
    background-color: transparent;
}
nav .nav > li > a > i {
    display: block;
    font-size: 30px;
    margin-bottom: 5px;
    color: #98a6ad;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
nav .nav > li.active > a > i {
    color: #f44336;
}
nav .nav > li:hover > a > i, header .nav > li:focus > a > i {
    color: #f44336;
}

nav .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
}

.text-small {
    font-size: 75%;
}

.container {
    max-width: 1020px;
}

.thumbnail > i {
    display: block;
    text-align: center;
    font-size: 100px;
    padding: 20px 0;
    background: #f44336;
    color: #fff;
    opacity: 0.8;
}
.thumbnail .caption {
    text-align: left;
    padding: 5px 0;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.thumbnail > .caption span {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: center;
    align-content: center;
}
.thumbnail > .caption a {
    font-size: 24px;
}
@media (max-width: 621px) {
    .thumbnail > .caption a {
        font-size: 6vw;
    }
}
footer .bar {
    background: #333;
    color: #fff;
    font-size: 12px;
}
footer .copyright {
    line-height: 50px;
}
footer .bar a, footer .bar a:hover {
    color: #fff;
}
footer ul {
    list-style: none;
    margin: 15px 0;
    padding: 0;
    line-height: 20px;
}
@media (min-width: 768px) {
    body {
        overflow-y: scroll;
    }
    footer ul {
        float: left;
        height: 20px;
        line-height: 20px;
    }
    footer ul li {
        height: 20px;
        display: inline-block;
        padding-right: 10px;
        margin-right: 10px;
        border-right: 1px solid #fff;
    }
    footer ul li:last-child {
        border-right: 0;
        padding-right: 0;
        margin-right: 0;
    }
}

/* ===================== Panel Styles ===================== */
.panel.panel-secondary {
    background: #eee;
    box-shadow: none;
    border: 0;
}
.panel.panel-secondary .panel-heading {
    background: #eee;
    border-radius: 0;
    border-bottom: 1px solid #ccc;
    position: relative;
    height: 15px;
    padding: 0;
}
.panel.panel-secondary .panel-heading .panel-title {
    position: absolute;
    padding: 5px 15px;
    font-size: 20px;
    line-height: 20px;
    background: #eee;
    left: 50%;
    transform: translate(-50%, 0%);
    white-space: nowrap;
}
.panel.panel-secondary .panel-body {
    padding-top: 30px;
}
.panel.panel-primary {
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 0;
    border: 1px solid rgba(0, 0, 0, 0.15);
}
.panel.panel-primary > .panel-heading {
    border-radius: 0;
    background: #fff;
    color: #333;
    border-bottom: 3px solid #f44336;
    padding: 0;
    padding-bottom: 10px;
}
.panel.panel-primary > .panel-heading .btn {
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    padding: 4px 12px;
    line-height: 22px;
    outline: none;
}
.panel.panel-primary .panel-body {
    padding: 0;
}
.panel.panel-primary .panel-heading + .panel-body {
    padding-top: 15px;
}
.panel.panel-primary .panel-footer {
    margin: -15px;
    margin-top: 0;
}
.panel-form {
    margin-top: 20px;
}
.panel-form .text-small {
    font-size: 11px;
}
@media (min-width:768px) {
    .panel-form {
        margin: 50px auto;
        width: 400px;
        max-width: 80%;
    }
    .panel-form.panel-form-large {
        width: 600px;
    }
}
.panel .panel-heading + .panel-body, .panel .panel-body:first-child {
    border-top: 0;
}
.panel-body > *:last-child {
    margin-bottom: 0;
}

.alert {
    border-radius: 0;
    border-width: 0;
    border-left-width: 5px;
}
.alert .close {
    filter: alpha(opacity=50);
    opacity: .5;
}
.alert-danger {
    border-color: #f44336;
    color: #f44336;
    background-color: #ffcdd2;
}
.alert-warning {
    border-color: #ff9800;
    color: #ff9800;
    background-color: #ffe0b2;
}
.alert-success {
    border-color: #4caf50;
    color: #4caf50;
    background-color: #c8e6c9;
}
.alert-info {
    border-color: #2196f3;
    color: #2196f3;
    background-color: #bbdefb;
}

/* ===================== Form Styles ===================== */
.checkbox {
    margin-bottom: 21px;
}
.checkbox label {
    line-height: 30px;
    padding: 0;
}
.checkbox input {
    display: none;
}
.link-dialog .checkbox label {
    padding-left: 20px;
    line-height: normal;
}
.link-dialog .checkbox input {
    display: inline;
}
.checkbox span {
    float: left;
    margin-right: 5px;
}
.checkbox span:before {
    content: "\e157";
    font-size: 25px;
}
.checkbox input:checked + span:before {
    content: "\e067";
}
.input-group .input-group-btn .btn {
    border-radius: 0;
    height: 38px;
}
.input-group span.form-control {
    line-height: 28px;
}
.form-control-static {
    padding: 0;
    min-height: 0;
}
.form-control {
    height: 38px;
    padding: 5px 10px;
    font-size: 13px;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: none;
    border-radius: 0;
    -webkit-transition: all 500ms;
    transition: all 500ms;
}
.form-control.invalid {
    border-color: #a94442;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(169, 68, 66, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(169, 68, 66, .6);
    color: #f44336;
    background-color: #ffcdd2;
}
.form-control:focus {
    border-color: #f44336;
    outline: none;
    box-shadow: none;
}
.btn {
    border: 0;
    border-radius: 0;
}
.btn.btn-primary, .btn.btn-info {
    background-color: #f44336;
    -webkit-transition: all 500ms;
    transition: all 500ms;
    color: #fff;
}
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active,
.btn.btn-info:hover, .btn.btn-info:focus, .btn.btn-info:active {
    background-color: #a94442;
}
.btn.btn-primary.active {
    background-color: #00bcd4;
}
.btn.btn-secondary {
    background-color: #00bcd4;
    -webkit-transition: all 500ms;
    transition: all 500ms;
    color: #fff;
}
.btn.btn-secondary:hover, .btn.btn-secondary:focus, .btn.btn-secondary:active {
    background-color: #418A19;
}
.btn.btn-cancel {
    background-color: #888;
    color: #fff;
}
.btn.btn-square {
    display: block;
    padding-top: 90%;
    position: relative;
    width: 100%;
}
.btn.btn-square .glyphicon {
    display: block;
    text-align: center;
    font-size: 30px;
    -webkit-transition: all 500ms;
    transition: all 500ms;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.btn.btn-square:hover .glyphicon, .btn.btn-square:focus .glyphicon, .btn.btn-square:active .glyphicon {
    font-size: 50px;
}
.btn.btn-square .text {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;
    text-align: center;
    font-size: 12px;
}
.btn.disabled {
    opacity: 0.4;
}
.btn.btn-primary.disabled:hover, .btn.btn-primary.disabled:focus, .btn.btn-primary.disabled:active {
    background-color: #f44336;
}
.row.buttons {
    margin-left: -5px;
    margin-right: -5px;
}
.row.buttons .col-xs-2 {
    padding-left: 5px;
    padding-right: 5px;
}
.input-group-addon {
    border: 0;
    border-radius: 0;
    color: #fff;
    background: #f44336;
    min-width: 40px;
    text-align: center;
    -webkit-transition: all 500ms;
    transition: all 500ms;
}
.has-error .input-group-addon {
    background: #a94442;
    color: #fff;
}

.bigNumber {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 5px;
    display: block;
}
.biggerNumber {
    font-size: 40px;
    line-height: 40px;
    display: block;
}
.vehicle {
    position: relative;
    padding: 0 !important;
}
.vehicle.deleted {
    opacity: 0.5;
}
.vehicle.invalid {
    border-color: #a94442;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(169, 68, 66, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(169, 68, 66, .6);
}
.vehicle .alert.alert-warning {
    display: none;
}
.vehicle.invalid .alert.alert-warning {
    display: block;
}
.vehicle .details {
    padding: 10px 15px;
}
.vehicle .details img {
    float: left;
    width: 100px;
    margin-right: 20px;
}
.vehicle .details h3 {
    margin-bottom: 5px;
}
.vehicle .details .toolbox {
    line-height: 90px;
    font-size: 30px;
}
.vehicle .details .pull-right a {
    display: inline-block;
    margin-left: 5px;
}
.vehicle .details .price {
    font-size: 30px;
}
.vehicle .details .price label {
    display: block;
    font-size: 14px;
    margin: 0;
}
.vehicle .edit {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    background: #f3f3f3;
    position: relative;
}
.vehicle .edit form {
    padding: 15px;
}
.vehicle .edit .btn-danger {
    float: left;
}

.modal-content {
    border-radius: 0;
    border: 1px solid rgba(0, 0, 0, 0.15);
}
.modal-centered {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
}
.modal.fade .modal-dialog.modal-centered {
    transform: translate(-50%, -75%);
}
.modal.in .modal-dialog.modal-centered {
    transform: translate(-50%, -50%);
}
/*

.vehicle .details form {
    width: 550px;
}
*/
.vehicle .details .form-group {
    line-height: 20px;
}
.vehicle .details .form-group label {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
}
.btn-group.invalid .btn {
    background-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(169, 68, 66, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(169, 68, 66, .6);
}
.btn-group.btn-group-quote .btn.active .glyphicon:before {
    content: "\e013";
}
.btn-group-quote {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}
.btn-group.btn-group-quote .btn {
    border-left: 2px solid #fff !important;
    border-right: 2px solid #fff !important;
    display: table-cell;
    float: none;
    width: 1%;
}
.btn-group.btn-group-quote .btn:first-child {
    border-left: 0 !important;
}
.btn-group.btn-group-quote .btn:last-child {
    border-right: 0 !important;
}

dl {
    margin-bottom: 0;
}
dd {
    margin-bottom: 5px;
}
dd.biggerNumber {
    margin-bottom: 0;
}

.ui-widget {
    background: #fff;
    border: 1px solid #ccc;
    border-top: 0;
}
.ui-state-disabled {
    opacity: 0.5;
}
.ui-datepicker td span, .ui-datepicker td a {
    text-align: center;
    border-radius: 4px;
}
.ui-datepicker td a:hover {
    background: #eee;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    width: auto;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
}
.ui-datepicker .ui-icon {
    text-indent: 0;
}

.list-group-item {
    border-radius: 0 !important;
}

.btn-toolbar .btn-group {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    float: none;
}
.btn-vehicle-type {
    background-color: #337ab7;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 50%;
    color: #ffffff;
    text-align: center;
    padding-bottom: 9px;
    padding-top: 9px;
    margin: 0px 5px 5px 5px;
    min-width: 100px;
    min-height: 75px;
}
.btn-vehicle-type.active {
    background-color: #265b89;
    color: #ffffff;
}
.btn-vehicle-type:hover,
.btn-vehicle-type:active,
.btn-vehicle-type:focus {
    color: #ffffff;
}
.vehicle-type-car:before {
    font-family: 'Font Awesome 5 Pro';
    color: #ffffff;
    font-size: 26px;
    font-weight: 900;
    content: "\f1b9";
}
.vehicle-type-bike:before {
    font-family: 'Font Awesome 5 Pro';
    color: #ffffff;
    font-size: 26px;
    font-weight: 900;
    content: "\f21c";
}
.vehicle-type-van:before {
    font-family: 'Font Awesome 5 Pro';
    color: #ffffff;
    font-size: 26px;
    font-weight: 900;
    content: "\f0d1";
}
.vehicle-type-motorHome:before {
    font-family: 'Font Awesome 5 Pro';
    color: #ffffff;
    font-size: 26px;
    font-weight: 900;
    content: "\f5b6";
}

.privicy-table td {
    border: 1px solid #ccc;
    padding: 5px;
}

.vertical-middle {
    vertical-align: middle !important;
}

.backdate-cover-options-wrap{
    display: none;
}

.backdate-cover-options-wrap select{
    padding: 3px;
}
.backdate-cover-options-wrap label{
    width: 20%;
}

.backdate-cover-options-wrap input{
    width: 50px;
}

.backdate-cover-options-wrap input hidden{
    display: none;
}

.backdate-cover-options-wrap #bdm,
.backdate-cover-options-wrap #bdy{

}

.icon-padding {
    padding-right: 5px;
}

.icon-size {
    font-size: 22px;
}