@import url("//fonts.googleapis.com/css?family=Cairo:300,400,600,700");


body,
.ag-theme-balham .ag-header {
    font-family: "Cairo", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2em;
}

body {
    background-image: url(https://www.micauto.com/images/slideshow/1521562612.jpg);
    background-size: cover;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {

    font-weight: 400;
    text-transform: uppercase;
    line-height: 1;
}

.header {
    z-index: 2000;
    width: 100%;
    background-color: #00aeef;
    transition: all 0.4s ease-in-out;
}

.container-fluid>.navbar-collapse,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container>.navbar-header,
.logoholder {
    margin-right: 0;
    margin-left: 0;
    background-position-x: left;
    text-align: right;
}

@media screen and (max-width: 420px) {
    .logoholder {
        height: 64px;
    }
}

.headerLinksContainer {
    color: #fff;
    text-align: right;
    margin-top: 12px;
    font-size: 18px;
    font-weight: bold;
    max-width: 70%;
    float: right;
}

.headerLinksContainer span {
    display: none;
}

.headerLinksContainer a {
    color: #fff;
    display: block;
    float: right;
    clear: both;
}

@media(min-width:768px) {
    .headerLinksContainer {
        margin-top: 32px;
    }

    .headerLinksContainer span {
        display: inline;
    }

    .headerLinksContainer a {
        display: inline;
        float: none;
        clear: none;
    }

}

.pagecontent {
    padding: 40px 0;
}

#ctl00 {}

#ctl00 h2,
.pagecontent>.container>.row>.col-xs-12>h2,
#optrates h2,
#driver h2,
#carheader {
    width: 50%;
    max-width: 285px;
    background-color: #FFFFFF;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 1em;
    padding: 15px 20px;
    border-top: 5px solid #00aeef;
    text-transform: uppercase;
    font-family: "Cairo", sans-serif;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
}

#driver h2 {
    margin-top: 20px;
}

#cargroup {
    margin-left: 15px;
    margin-right: 15px;
}

#driver #confno {
    margin-bottom: 20px;
}

#frmres>.row {
    margin: 0;
}

#optrates,
#driver,
#frmres>.row>.col-xs-12:not(.col-md-6) {
    margin: 15px 0 0;
    padding: 0;
}

#ctl00 .form-group,
#ctl00 .form-group,
#frmres>.row>.col-xs-12.col-sm-8.col-md-6,
#cargroup .list-group-item,
#driver .form-group,
.table-responsive {
    width: 100%;
    margin: 0;
    background-color: #FFFFFF;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 0;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
}
.pagecontent>.container>.row>.col-xs-12>p{
    background-color: #FFFFFF;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 15px;
    margin-bottom: 0;

}

#cargroup .list-group-item {
    border-top: 0;
    padding: 15px 10px;
    line-height: 38px;
}

.table-responsive,
#ratestable {
    border: 1px solid #CCCCCC;
    font-size: 16px;
}

#frmres>.row>.col-xs-12.col-sm-8.col-md-6 {
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
}

#ctl00 .form-group:nth-of-type(3),
#frmres>.row>.col-xs-12.col-sm-8.col-md-6:first-of-type,
#driver .form-group:nth-of-type(2),
#driver .form-group:first-of-type,
#cargroup {
    border-top: 1px solid #CCCCCC;
}

#ctl00 .form-group:last-of-type,
#frmres>.row>.col-xs-12.col-sm-8.col-md-6:nth-of-type(3),
#driver .form-group:last-of-type,
#driver .form-group:first-of-type {
    border-bottom: 1px solid #CCCCCC;
}

#ctl00 .form-group .col-xs-12 {
    width: 100%;
    padding: 0 15px;
}

#frmres .col-sm-4,
#frmres .col-xs-4 {
    width: 100%;

}

@media (min-width: 992px) {
    #ctl00 .form-group .col-xs-12 {
        padding-left: 20px;
        padding-right: 20px;
    }
}

#ctl00 label,
#frmres label {
    display: block;
    width: 100%;
    display: block;
    width: 100%;
    font-weight: normal;
    margin-bottom: 8px;
    font-size: 14px;
    font-family: "Cairo", sans-serif;
    text-transform: uppercase;
}

#ctl00 input.btn.btn-success,
#driver input.btn.btn-success,
#cargroup .badge,
table .btn.btn-sm.btn-success,
table .btn.btn-sm.btn-danger,
.pagecontent>.container>.row>.col-xs-12>.btn-sm.btn-default {
    cursor: pointer;
    font-size: 18px;
    display: block;
    width: 250px;
    max-width: 100%;
    background-color: #00aeef;
    border: 2px #00aeef solid;
    color: #FFFFFF;
    text-transform: uppercase;
    font-family: "Cairo", sans-serif;
    padding:6px 16px;
    border-radius: 0;
    margin-bottom: 20px;
    transition-property: background-color, box-shadow, border-color;
    transition-duration: 0.15s;
}

.pagecontent>.container>.row>.col-xs-12>.btn-sm.btn-default {
    float: right;
}

#ctl00 input.btn.btn-success:hover,
#driver input.btn.btn-success:hover,
#cargroup .badge:hover,
table .btn.btn-sm.btn-success:hover,
table .btn.btn-sm.btn-danger:hover,
.pagecontent>.container>.row>.col-xs-12>.btn-sm.btn-default:hover {
    background-color: #fff;
    color: #00aeef;
}

table .btn.btn-sm.btn-success,
table .btn.btn-sm.btn-danger {
    width: auto;
    font-size: 16px;
    margin-bottom: 0;
}

table .btn.btn-sm.btn-danger {
    background-color: #000;
    border-color: #000;
}

table .btn.btn-sm.btn-danger:hover {
    background-color: #f00;
    border-color: #f00;
    color: #fff;
}

#cargroup .badge {
    display: inline-block;
    margin-bottom: 0;
}

.navbar-nav {
    font-size: 20px;
    text-transform: uppercase;
}

#cargroup .list-group-item.active {
    background-color: #00aeef;
}

#cargroup .list-group-item.active .badge {
    color: #00aeef;
    background-color: #fff;

}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {

    vertical-align: middle;
    background-color: #fff;
}

#ratestable .fa {
    color: #00aeef;
}

.ui-widget-header {
    border: 1px solid #b2d7e5;
    background: #00aeef;
    color: #ffffff;
    font-weight: bold;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #00aeef;
    background: #00aeef;
    font-weight: bold;
    color: #fff;
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url(https://code.jquery.com/ui/1.11.4/themes//ui-darkness/images/ui-icons_222222_256x240.png);
}
.form-control{
    padding: 2px 12px;
}

.form-control:focus {
    border-color: rgb(0, 174, 239);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(0, 174, 239, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(0, 174, 239, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(0, 174, 239, 0.6);
}
.ui-autocomplete.ui-widget{
    font-size: .9em;
}