/* Minification failed. Returning unminified contents.
(11,25): run-time error CSS1039: Token not allowed after unary operator: '-content-width'
(15,25): run-time error CSS1039: Token not allowed after unary operator: '-content-padding'
(55,20): run-time error CSS1039: Token not allowed after unary operator: '-menu-button-font'
(56,32): run-time error CSS1039: Token not allowed after unary operator: '-black'
(125,20): run-time error CSS1039: Token not allowed after unary operator: '-button-font'
(126,32): run-time error CSS1039: Token not allowed after unary operator: '-gold'
(142,36): run-time error CSS1039: Token not allowed after unary operator: '-gold-dark'
(424,36): run-time error CSS1039: Token not allowed after unary operator: '-gold-dark'
 */
/* Goldline - based on Demo6 */

#MyAccountMenu {
    height: 0;
    top: 0;
    width: 100%;
}

    #MyAccountMenu > #MyAccountMenuContainer {
        width: 100%;
        max-width: var(--content-width);
        height: 0;
        margin-left: auto;
        margin-right: auto;
        padding: 0 var(--content-padding);
        box-sizing: border-box;
        z-index: 999;
        position: relative;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -ms-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-align-content: stretch;
        align-content: stretch;
        -ms-flex-line-pack: stretch;
        -ms-flex-pack: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: justify;        
    }

        #MyAccountMenu > #MyAccountMenuContainer ul.MyAccountMenuItemContainer {
            position: absolute;
            top: 0;
            right: 462px;
            float: none;
            height: 100px;
            -ms-align-items: stretch;
            -ms-flex-align: stretch;
            align-items: center;
            -ms-align-content: center;
            align-content: centerstretch;
        }

    #MyAccountMenu #MyAccountMenuContainer > ul > li {
        height: 100px;
        display: flex;
    }

    #MyAccountMenu li.TopLevelMenuItem > a {
        align-self: center;
        height: auto;
        font: var(--menu-button-font);
        background-color: var(--black);
        text-transform: uppercase;
        padding: 15px 35px !important;
        border: 0px solid;
        border-radius: 1px;
        -moz-border-radius: 1px;
        color: #fff;
        cursor: pointer;
        overflow: visible;
        position: relative;
        text-decoration: none;
        -webkit-appearance: none;
    }

    #MyAccountMenu li.TopLevelMenuItem > a > i {
        margin-right: 5px;
    }

    #MyAccountMenu #MyAccountMenuContainer ul.MyAccountMenuItemContainer li ul.MenuItemContainerSubItems {
        top: 100px;
        left: 0;
    }

    #MyAccountMenu #MyAccountMenuContainer ul.MyAccountMenuItemContainer li ul.MenuItemContainerSubItems > li {
        height: fit-content;
    }

        #MyAccountMenu #MyAccountMenuContainer ul.MyAccountMenuItemContainer li ul.MenuItemContainerSubItems a {
            text-decoration: none;
            display: block;
            padding: 0;
        }


    #MyAccountMenu .Login {
        margin: 0;
    }

.MyAccountNavBar {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 20px;
}

    .QuotationForm div#DivSubmit {
        width: auto;
    }

    .QuotationForm #PassengersAndFacilities table tbody tr:first-child td.FieldLabel {
        padding-top: 10px;
    }

    .QuotationForm button#ShowVehicles {
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 5px;
    }

    div#VehiclesDiv div.Vehicle {
        border: 1px solid #e6e6e6;
        padding: 10px;
    }

    div#VehiclesDiv div.Vehicle .VehicleImage {
        margin-top: 0;
    }

    div.QuotationSummary #DisplayQuotationLink a,
    div.QuotationSummary #StartAgain a {
        display: inline-block;
        font: var(--button-font);
        background-color: var(--gold);
        text-transform: uppercase;
        padding: 16px 35px 16px 35px;
        border: 0px solid;
        border-radius: 1px;
        -moz-border-radius: 1px;
        color: #fff;
        cursor: pointer;
        overflow: visible;
        position: relative;
        text-decoration: none;
        -webkit-appearance: none;
    }

        div.QuotationSummary #DisplayQuotationLink a:hover,
        div.QuotationSummary #StartAgain a:hover {
            background-color: var(--gold-dark);
            color: #ffffff;
        }

    #AllowMultiplePickups {
        font-weight: bold;
		text-decoration: underline;
    }
	
	#AllowMultiplePickups:hover {
        text-decoration: underline;
    }

    .QuotationSummary > div {
        margin-bottom: 1em;
    }

.LinkButton.AcceptQuotation {
    background-color: #008100;
}

    .LinkButton.AcceptQuotation:hover {
        background-color: #003e00;
    }

        .LinkButton.CancelQuotation,
        .LinkButton.DeclineQuotation {
            background-color: #ff0000;
        }
        
            .LinkButton.CancelQuotation:hover,
            .LinkButton.DeclineQuotation:hover {
                background-color: #a00000;
            }

div#MyStatement .InvoiceListColumn, div#BookingInvoices .InvoiceListColumn {
    width: 12.5%;
}

div.QuotationList div.QuotationContainer div.QuotationDetails label.FieldLabel, 
div.BookingsList div.BookingContainer div.BookingDetails label.FieldLabel,
table#Bookings tbody tr.odd, 
table#Quotations tbody tr.odd, 
div.QuotationList div.QuotationContainer.odd,
div.QuotationList div.QuotationContainer.odd h3, 
div.BookingsList div.BookingContainer.odd, 
div.BookingsList div.BookingContainer.odd h3,
table#Bookings tbody tr.even, 
table#Quotations tbody tr.even, 
div.QuotationList div.QuotationContainer.even, 
div.QuotationList div.QuotationContainer.even h3, 
div.BookingsList div.BookingContainer.even h3, 
div.BookingsList div.BookingContainer.even {
    color: #000000;
}

#RecommendedVehiclesContainer {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 20px;
}

.ErrorSummary {
    color: #ff0000;
    background: rgba(255, 0, 0, 0.25);
    border: solid rgba(255, 0, 0, 0.5);
    border-radius: 25px;
    padding: 20px;
    margin-bottom: 20px;
}

.ErrorSummary h2 {
	color: #ff0000;
}

.ForgottenPassword {
    display: inline-block;
    margin-top: 10px;
}

#tooltip {
    background-color:#fff;
    border:solid 1px #000;
    margin: 10px;
    border-radius:3px;
    color:#000;
    font-weight:bold;
    padding:10px;
}

/* Image Gallery */
.DSImageGallery {
    list-style-type: none;
    padding-bottom: 10px;
    padding-top: 10px;
    text-decoration: none;
}

    .DSImageGallery li {
        background-color: none;
        display: table-cell;
        float: left;
        height: 100px;
        margin-bottom: 5px;
        margin-right: 5px;
        text-align: center;
        vertical-align: middle;
        width: 100px;
    }

        .DSImageGallery li a {
            margin: 0 auto;
        }

            .DSImageGallery li a img {
                border: none;
                height: auto;
                width: 100px;
            } 


/* Login Page */

.LoginContent {
    border: 1px solid #9c9ea1;
    padding: 10px;
    position: relative;
    width: 100%;
    margin: 40px auto 0 auto;
    box-sizing: border-box;
}

div.LoginContent .field-validation-error {
    display: inline-block;
    margin-left: 10px;
}

.LoginContent .Field {
    width:800px;
}

div.LoginContent .FieldRow {
    display: inline-block !important;
    width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box;
}

div.LoginContent #RememberMeRow {
    padding-left: 100px;
}

div.LoginContent .FieldRow.Or {
    padding-left: 20px;
}

.LoginContent .ButtonBar .LoginButton {
    margin-right: 0px;
}

.CombinedLogin .PageHeader {
    position: initial;
    width: auto;
}

.QuickQuote form input[type=submit] {
    width: auto;
}

.CMOV2 .dsl-cmquickquote {
    margin-top: 0;
}

div.DisplayQuotation div.AcceptCancelQuotationDiv .LinkButton {
    width: 270px;
}

.MyAccount-Page #ContactConsent .ConsentDetails td.Methods {
    width: 270px;
}

.MyAccount-Page #ContactConsent .ConsentDetails td.Methods ul li {
    white-space: nowrap;
    width: 120px;
}

@media all and (max-width: 1400px) {
    .nav-link {
        margin: 0 4px;
    }
    .nav-link .LinkButton {
        padding: 15px 35px;
    }
    #MyAccountMenu li.TopLevelMenuItem > a,
    .nav-link.black .LinkButton {
        padding: 15px 25px;
    }
    #MyAccountMenu > #MyAccountMenuContainer ul.MyAccountMenuItemContainer {
        right: 410px;
    }
    .MenuBarContainerContent {
        width: calc(100% - 250px - 524px);
    }
    .MenuItemContainer li a {
        margin: 18px 23px;
    }
}

@media all and (min-width: 1281px) and (max-width: 1400px) {
    ul.MenuItemContainer ul {
        height: auto !important;
    }
}

@media all and (max-width: 1280px) {
    #MyAccountMenu > #MyAccountMenuContainer ul.MyAccountMenuItemContainer {
        right: 472px;
    }

    .nav-link.menu-open {
        display: inline-block;
        margin-left: 10px;
    }

        .nav-link.menu-open a {
            padding: 14px;
            font-size: 16px;
            background-color: #ffffff;
            color: #00000060;
            border: 1px solid #00000060;
        }

    .MenuBar {
        position: fixed;
        right: -300px;
        top: 0;
        height: 100%;
        min-height: 100%;
        width: 300px;
        max-width: 100%;
        z-index: 1010;
        box-sizing: border-box;
        background-color: #ffffff;
        transition: right .5s ease;
        overflow: hidden;
    }

    body.menu-open .MenuBar {
        right: 0px;
    }

    body.menu-open .menu-overlay {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: rgba(0,0,0,0.5);
        z-index: 1005;
    }

    .MenuBarContainer {
        width: calc(300px - 13px);
        padding: 55px 15px 30px 30px;
        box-sizing: border-box;
        margin: 0;
    }

    .MenuBarContainerContent {
        width: 100%;
        margin: 0;
    }

    #MenuClose {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        margin: 15px 0 0;
    }

        #MenuClose a {
            background-color: var(--gold-dark);
            color: #ffffff;
            text-align: center;
            height: 18px;
            width: 18px;
            line-height: 20px;
            padding: 10px;
            transition: transform .3s ease-out;
        }

    ul.MenuItemContainer {
        height: auto;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-positive: 1;
        -ms-flex-grow: 1;
        flex-grow: 1;
        -ms-flex-pack: center;
        -ms-justify-content: stretch;
        justify-content: stretch;
        -ms-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-align-content: stretch;
        align-content: stretch;
        position: relative;
    }

    .MenuItemContainer li {
        width: 100%;
        flex-direction: column;
    }

    .MenuItemContainer li:before {
        display: none;
    }

    .MenuBarContainer li:after {
        border-bottom: 1px solid rgba(51, 51, 51, 0.12);
        content: "";
        position: absolute;
        top: -.5px;
        height: 0;
        width: 100%;
        max-width: 100%;
        left: 0;
    }

    .MenuBarContainer li:first-child:after {
        display: none;
    }

    .MenuBarContainer li a {
        width: 100%;
        margin: 0;
        padding: 15.2px 25px 15.2px 0;
        -ms-align-content: start;
        align-content: start;
        -ms-flex-pack: start;
        -ms-justify-content: space-between;
        justify-content: space-between;
        align-items: start;
        -ms-flex-item-align: start;
    }

    .MenuBarContainer li a.MenuHasChildren {
        padding-right: 0;
    }

        .MenuBarContainer li a.MenuHasChildren:after {
            font: normal normal normal 14px/1 FontAwesome;
            color: rgba(51,51,51,0.17);
            text-align: center;
            content: "\f067";
            width: 30px;
            line-height: 20px;
            transition: transform .3s ease-out;
        }

        .MenuBarContainer li a.MenuHasChildren.open:after {
            transform: rotate(45deg);
        }

    ul.MenuItemContainer ul {
        margin-left: 20px;
        visibility: visible !important;
        display: block !important;
        height: 0;
        overflow: hidden;
        position: relative;
        top: auto;
        padding: 0;
        box-shadow: none !important;
        width: calc(100% - 20px) !important;
        transition: height .3s ease-out;
    }

    .MenuItemContainerSubItemsOuter {
        display: block !important;
    }

    .MenuItemContainerSubItems li a {
        padding: 10px 0 !important;
        width: 100% !important;
        font: 700 13px / 17px "Lato", Helvetica, Arial, Verdana, sans-serif;
        color: #333333;
    }

    .menu-open-button {
        display: none;
    }

    .footer-col {
        width: 20%;
    }

    .footer-col-1 {
        width: 100%;
    }
}
