/* LAYOUT */

body
{
    padding-bottom: 70px;
}
.bodyTopMargin
{
    padding-top: 100px;
}
@media (min-width: 768px) {
  .low-res-adjust {
    width: 1500px;
  }
}
@media (min-width: 1600px) {
  .low-res-adjust {
    width: auto;
  }
}
.mapcanvas
{
    height: 250px;
    overflow: auto;
    overflow: hidden;

    margin-top:50px;
}
#routeApproxMessage
{
    float: right;
    font-size: 80%;
}
.ui-autocomplete
{
    max-height: 225px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 20px;
    white-space:nowrap;
    display:inline-block;
}
* html .ui-autocomplete
{
    height: 225px;
}

/* CLASSES */
.largerSpinner
{
    font-size:20pt;
    color:#666666;
}
.centerContent
{
    text-align: center;
}
.rAlign
{
    text-align: right;
}
.capitalize
{
    text-transform: capitalize;
}
.pagination a
{
    cursor: pointer;
}
.totalprice
{
    font-size: x-large;
    font-weight: bold;
}
.gmapcontrol
{
    font-size:11pt;
    text-align: center;
}
.gmapcontrol .label
{
    font-size:12pt;
}
.optFixedWidth
{
    width: 83px;
}
.spinner
{
    font-size: 14pt;
}
.searchform
{
    margin-top: 1em;
}
.fadeOut
{
    zoom: 1;
    filter: alpha(opacity=25);
    opacity: 0.25;
}
.inputEnabled
{
    cursor: pointer !important;
}
.normalisePointer a
{
    cursor: default !important;
}
.cards
{
    margin-bottom: 0;
}
.maestroonly
{
    background-color: #efefef;
    padding-top: .25em;
    padding-bottom: .25em;
}

/* COMPONENTS */

#CultureSelect .dropdown-menu li a
{
    padding-left: 2.5em;
}
#CultureSelect .dropdown-menu li.gb a
{
    background: url(../Images/flags/gb.png) no-repeat 1em center;
}
#CultureSelect .dropdown-menu li.es a
{
    background: url(../Images/flags/es.png) no-repeat 1em center;
}
#CultureSelect .dropdown-menu li.br a
{
    background: url(../Images/flags/br.png) no-repeat 1em center;
}
#CultureSelect .dropdown-menu li.fr a
{
    background: url(../Images/flags/fr.png) no-repeat 1em center;
}
#CultureSelect .dropdown-menu li.ca a 
{
  background: url(../Images/flags/ca.png) no-repeat 1em center;
}
#CultureSelect .dropdown-menu li.pt a
{
    background: url(../Images/flags/pt.png) no-repeat 1em center;
}
#CultureSelect .dropdown-menu li.ru a
{
    background: url(../Images/flags/ru.png) no-repeat 1em center;
}
#CultureSelect .dropdown-menu li.bg a
{
    background: url(../Images/flags/bg.png) no-repeat 1em center;
}
#CultureSelect .dropdown-menu li.sr a
{
    background: url(../Images/flags/sr.png) no-repeat 1em center;
}
#CultureSelect .dropdown-menu li.ar a
{
    background: url(../Images/flags/eg.png) no-repeat 1em center;
}
#CultureSelect .dropdown-menu li.it a
{
    background: url(../Images/flags/it.png) no-repeat 1em center;
}
#CultureSelect .dropdown-menu li.de a
{
    background: url(../Images/flags/de.png) no-repeat 1em center;
}
#CultureSelect .dropdown-menu li.nl a
{
    background: url(../Images/flags/nl.png) no-repeat 1em center;
}
#CultureSelect .dropdown-menu li.hr a
{
    background: url(../Images/flags/hr.png) no-repeat 1em center;
}
#CultureSelect .dropdown-menu li.lt a {
  background: url(../Images/flags/lt.png) no-repeat 1em center;
}

#CultureSelect .dropdown-menu li a:hover
{
    background-color: #e7e7e7;
}
#BookingsList .readonly-rating
{
    margin-left: auto;
    margin-right: auto;
}
.bookingprogress .stage
{
    background: url(../Images/progress-car-normal.png) no-repeat center top;
    text-align: center;
    padding-top: 3.5em;
    font-size: 8.5pt;
}
.bookingprogress .stage.active
{
    background: url(../Images/progress-car-active.png) no-repeat center top;
}
.bookingprogress .seperator
{
    background: url(../Images/progress-seperator.png) no-repeat center center;
    min-height: 45px;
}

.stagecontrol
{
    /*margin-top: 1em;*/
    padding: 1em;
}

/* RESPONSIVE UTILITIES */
@media (min-height: 600px) and (max-height: 770px)
{
    .mapcanvas
    {
        height: 185px;
    }
    .stagecontrol
    {
        margin-top: .5em;
        padding: .5em;
    }
    .searchform
    {
        margin-top:.5em;
    }
}

/*

.datetimepicker table tr td.day.active,
.datetimepicker table tr span.month.active,
.datetimepicker table tr span.hour.active,
.datetimepicker table tr span.minute.active
{
    background-color:#fff !important;
    background-image:none !important;
    color:#333333 !important;
}
.datetimepicker table tr td.day.active:hover,
.datetimepicker table tr span.month.active:hover,
.datetimepicker table tr span.hour.active:hover,
.datetimepicker table tr span.minute.active:hover
{
    background-color:#eeeeee !important;
}

*/

.navbar-brand.PreferredVendor.33162
{
    background-image:url(~/Images/agent-logos/33162.png);
    background-repeat:no-repeat;
    background-position:1em center;
    padding-left:50px;
}

.ui-state-error { padding: .3em; }
.validateTips { border: 1px solid transparent; padding: 0.3em; }

.btn-cls {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}

.custom-disabled {

  pointer-events: none;
  opacity:0.8;
}

#btnRegister {
  width: 70px;
}

#btnChangeUserProfileDetails {
    width: 124px;
}
#SagePayRegistrationWindow {
    height: 500px;
    width: 100%;
}

#SagePayRegistrationBorder {
    padding: 15px;
    width: 600px;
    max-width: 100%;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #ddd;
    margin: auto;
}

.flex-container {
    height: 100%;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex-row {
    width: auto;
}


.flex-item {
    padding: 5px;
    width: 20px;
    height: 20px;
    margin: 10px;
    line-height: 20px;
    color: white;
    font-weight: bold;
    font-size: 2em;
    text-align: center;
}