/* Minification failed. Returning unminified contents.
(203,80): run-time error CSS1046: Expect comma, found '79'
(203,87): run-time error CSS1046: Expect comma, found '/'
(2743,28): run-time error CSS1039: Token not allowed after unary operator: '-banner-bg'
(2744,17): run-time error CSS1039: Token not allowed after unary operator: '-banner-text'
(2746,19): run-time error CSS1039: Token not allowed after unary operator: '-banner-padding'
(2751,28): run-time error CSS1039: Token not allowed after unary operator: '-banner-divider'
(2778,17): run-time error CSS1039: Token not allowed after unary operator: '-banner-text'
(2796,28): run-time error CSS1039: Token not allowed after unary operator: '-banner-divider'
(2899,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2900,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2901,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2902,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2906,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2907,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2908,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2909,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2913,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2914,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2915,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2916,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
/*! jQuery UI - v1.12.1 - 2017-05-12
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&faColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&faColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&faColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&faColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&faColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&faColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&faColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
}
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
    z-index: 100;
}

.autoaddress-control > .autoaddress-text-box {
    background: #f9f9f9 !important;
    border: 1px solid #737373 !important;
    border-radius: .25em !important;
    box-shadow: inset 0 2px 2px 0 hsl(0deg 0% 80% / 50%) !important;
    color: #444;
    display: block;
    height: 3.125em;
    line-height: 1.5em;
    max-width: 100%;
    width: 100% !important;
    padding: .75em 1.25em;
    position: relative;
    z-index: 2;
    margin-bottom: 30px !important;
}

.warningTri {
    background-color: #fff;
    background-image: url(https://static.aviva.io/assets/themes-icons/v2/aviva/default/functional/notifications/error/warning-triangle-red.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 20px;
    width: 20px;
    line-height: 1em;
    display: inline-block;
    margin-left: 0px;
    margin-top: auto;
    margin-bottom: auto;
}

.autoaddress-control > .autoaddress-button {
    display: none;
}

.autoaddress-control > .autoaddress-autocomplete {
    z-index: 1000;
    min-width: 160px;
    padding: 4px 10px;
    margin: 55px 0 0 0;
    background: #f9f9f9 !important;
    border-color: rgba(0, 0, 0, 0.2) !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-radius: 5px !important;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

    .autoaddress-control > .autoaddress-autocomplete .autoaddress-suggestion.autoaddress-search {
        background: #f9f9f9 !important;
        font-family: Arial,Helvetica,sans-serif !important;
        font-size: 1em !important;
    }

        .autoaddress-control > .autoaddress-autocomplete .autoaddress-suggestion.autoaddress-search:hover {
            background: #f9f9f9 !important;
            font-weight: bold !important;
            background-color: #d9edf7 !important;
        }

        .autoaddress-control > .autoaddress-autocomplete .autoaddress-suggestion.autoaddress-search:last-child {
            border-bottom: solid 1px #ccc !important;
        }

    .autoaddress-control > .autoaddress-autocomplete .autoaddress-suggestion.selected, .autoaddress-search.autoaddress-searchTerm:hover:after {
        color: #004fb6 !important;
        background: url(https://api.autoaddress.ie/2.0/control/images/auto-search-icon.png) right 3px no-repeat !important;
    }

.hideGammaResult {
    display: none;
}

.rowModifier .m-form-row {
    width: 600px;
}

.CoverBottomMargin {
    margin-bottom: 60px !important;
}

.CoverBottomMargin2 {
    margin-bottom: 60px !important;
}

.margin80 {
    margin-left: 80px;
}

@media screen and (max-width: 1276px) {
    /*    .rowModifier .m-form-row {
        width: 525px;
    }*/

    .StaffModal {
        top: 0px !important;
    }
}


.rowModifier .m-showhide__control {
    padding-bottom: 0px;
    padding-top: 0px;
}

.savedAddress .m-card.m-card-notification, html .m-card-keyline .m-card.m-card-notification {
    border: 0px;
}

.savedAddress h3 {
    margin-top: 0.5em;
}

.greenText {
    color: #3E812C;
}

.accordionHeadings .a-notification-tag {
    margin-top: 0px;
}

.noTopMargin {
    margin-top: 0px !important;
}


.twentyTopMargin {
    margin-top: 20px !important;
}

.accordionHeadings button {
    padding-top: 0px;
    padding-bottom: 0px;
}

    .accordionHeadings button:focus {
        padding-top: 0px;
        padding-bottom: 0px;
        box-shadow: 0 0 0 2px #fff, 0 0 0 4px #004fb6, inset 0 0 5px 2px rgb(0 79 182 / 25%) !important;
        outline: none;
        left: 4px;
    }


.noClick {
    pointer-events: none;
}

.hide {
    display: none;
}


.savedMargin {
    margin-bottom: 1px;
}

.editPadding {
    padding-bottom: 0px;
}

.nobottomMargin {
    margin-bottom: 0px !important;
}

@media (max-width: 34.999em) {
    .rowModifier .m-form-row {
        width: calc(100% - 0em);
    }

    .editPadding {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .headingFont {
        font-size: 20px;
    }

    .savedMargin {
        font-size: 14px;
    }
}

@media (min-width: 35em) and (max-width: 59.999em) {
    .editPadding {
        padding-top: 0px;
        padding-bottom: 0px;
    }
}

.Absolute-Center {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}

.overlay {
    position: fixed;
    display: none;
    z-index: 999;
    /* color with alpha channel */
    background-color: #FFFFFF;
    background-color: rgba(0, 0, 0, 0.8); /* 0.7 = 70% opacity */
    /* stretch to screen edges */
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.CloseBtnMockupLogin {
    top: 1.9em !important;
}

.CloseBtnMockup {
    position: absolute;
    color: #fff;
    padding: .625em 1.3em 0 0;
    right: 25vw;
    cursor: pointer;
}

    .CloseBtnMockup::after {
        background: url('../img/cross.svg') no-repeat -1.5em -1px;
        content: "";
        display: inline-block;
        height: 1.25em;
        position: absolute;
        right: 0;
        top: .6875em;
        width: 1.25em;
    }

.CloseBtnMockupLogin {
    top: 1.9em !important;
}

.ForceWhiteText:active {
    color: white !important;
}

.ForceWhiteText:visited {
    color: white !important;
}

@media screen and (max-width: 540px) {
    .CustomerModal {
        max-width: 90% !important;
        overflow-y: scroll;
        display: block !important;
    }
}

@media screen and (max-height: 800px) {
    .CustomerModal {
        overflow-y: scroll !important;
        display: block !important;
        max-height: 80vh;
    }
}

.CustomerModal {
    display: flex;
    align-items: stretch !important;
    justify-content: center !important;
    max-width: 50%;
    flex-flow: column;
    left: 0;
    margin: 0 auto;
    opacity: 1;
    padding: 15px;
    position: fixed;
    right: 0;
    top: 3.8em;
    z-index: 9999;
    background-color: white;
    max-height: 90%;
    border-radius: 4px;
}

.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    padding: 4px 10px;
    margin: 0 0 10px 25px;
    list-style: none;
    background-color: #f9f9f9;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    overflow-y: scroll;
    scroll-behavior: smooth;
    max-height: 300px;
}

.ui-menu-item {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
}

    .ui-menu-item > a.ui-corner-all {
        display: block;
        clear: both;
        font-weight: normal;
        line-height: 8px;
        color: #555555;
        white-space: nowrap;
        text-decoration: none;
    }

.ui-state-hover, .ui-state-active {
    color: #ffffff;
    text-decoration: none;
    background-color: #004FB6;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-image: none;
}

.m-showhide__control:before {
    display: none;
}

.a-heading.a-heading--2.a-heading--light.m-showhide__heading.show .m-showhide__control:before {
    display: block;
}

.a-heading.a-heading--2.a-heading--light.m-showhide__heading.show .m-showhide__control {
    padding: 1.5em 0 1.625em 4.375em;
}

.m-showhide__control {
    padding: 1.5em 0 1.625em 1.375em;
}

.m-card-keyline.m-card-keyline--accent-light-5 .m-card:not(.m-card-keyline--):before, .m-card.m-card-keyline.m-card-keyline--accent-light-5:before {
    background-color: #3e812c;
}

.m-card-keyline.m-card-keyline--accent-light-4 .m-card:not(.m-card-keyline--):before, .m-card.m-card-keyline.m-card-keyline--accent-light-4:before {
    background-color: #ffa000;
}

.icondisabled:after, .a-link-icon.icondisabled {
    background-position: -50px !important;
    color: #ccc;
}

.footerLink:visited, .footerLink:active {
    color: #ccc !important;
}

/*.footerLink:hover {
    color: #fff !important;
    border-bottom: 1px solid #fff !important;
}*/
.icondisabled:after, .a-link-icon.icondisabled {
    background-position: -50px !important;
    color: #ccc;
}

.o-modal__cancel {
    display: flex;
    flex-direction: row-reverse;
}

.m-card-notification:before, .o-modal-notification .o-modal__content:before, html .m-card-keyline .m-card.m-card-notification:not(.m-card-keyline--):before {
    left: 15px;
    top: 15px;
}

.tick:before {
    top: 0.625em !important;
}

.a-heading .a-link-icon .a-link-icon__inner, .t-accent-dark .t-accent-light .a-heading .a-link-icon .a-link-icon__inner, .t-accent-dark .t-accent-light h1 .a-link-icon .a-link-icon__inner, .t-accent-dark .t-accent-light h2 .a-link-icon .a-link-icon__inner, .t-accent-dark .t-accent-light h3 .a-link-icon .a-link-icon__inner, .t-accent-dark .t-accent-light h4 .a-link-icon .a-link-icon__inner, .t-accent-dark .t-accent-light h5 .a-link-icon .a-link-icon__inner, .t-accent-light .a-heading .a-link-icon .a-link-icon__inner, .t-accent-light h1 .a-link-icon .a-link-icon__inner, .t-accent-light h2 .a-link-icon .a-link-icon__inner, .t-accent-light h3 .a-link-icon .a-link-icon__inner, .t-accent-light h4 .a-link-icon .a-link-icon__inner, .t-accent-light h5 .a-link-icon .a-link-icon__inner, .t-card-accent-light .m-card .a-heading .a-link-icon .a-link-icon__inner, .t-card-accent-light .m-card h1 .a-link-icon .a-link-icon__inner, .t-card-accent-light .m-card h2 .a-link-icon .a-link-icon__inner, .t-card-accent-light .m-card h3 .a-link-icon .a-link-icon__inner, .t-card-accent-light .m-card h4 .a-link-icon .a-link-icon__inner, .t-card-accent-light .m-card h5 .a-link-icon .a-link-icon__inner, h1 .a-link-icon .a-link-icon__inner, h2 .a-link-icon .a-link-icon__inner, h3 .a-link-icon .a-link-icon__inner, h4 .a-link-icon .a-link-icon__inner, h5 .a-link-icon .a-link-icon__inner {
    padding-bottom: 0px !important;
    border-bottom-color: #ccc !important;
    border-bottom-style: solid !important;
}

.m-card-notification--people:before, .o-modal-notification--people .o-modal__content:before, html .m-card-keyline .m-card.m-card-notification--people:not(.m-card-keyline--):before {
    background-image: url('img/People.PNG');
    background-position: .625em;
    background-repeat: no-repeat;
}

.m-form-first {
    margin-top: 0px;
}

.js-m-showhide .m-showhide__content {
    padding-top: 0px;
    padding-bottom: 3.438em;
    padding-left: 5px;
}

.editmodifier {
    margin-top: 0.375em !important;
    padding-bottom: 0px;
}

.l-columns-ds {
    /* align-items: stretch; */
    margin-top: 1.875em;
    margin-bottom: 25px;
    overflow: hidden;
    /* padding: 0; */
    /* width: auto; */
}

.l-columns__column_75 {
    float: left;
    width: 75%;
}

.l-columns__column_25 {
    overflow: hidden;
    width: 25%;
}

.sectionHeader {
    float: left;
    padding-right: 20px;
}
/*.a-notification-tag--success:before {
    background-color: #3e812c;
}*/

.addressHeadingSuccess {
    padding-top: 5px;
}

.heading3 {
    margin-top: 16px !important;
}

.nopadding {
    padding: 0em 0em 1.875em !important;
}

.nopadding2 {
    padding: 0em 0em 0em !important;
}

.m-notification-badge--driver:before {
    background-color: #fff;
    background-image: url(../img/Additional-driver.svg)
}

.m-card-notification--driver:before, .o-modal-notification--driver .o-modal__content:before, html .m-card-keyline .m-card.m-card-notification--driver:not(.m-card-keyline--):before {
    background-color: #fff;
    background-image: url(../img/Additional-driver.svg);
    background-position: 0;
    background-repeat: no-repeat;
    height: 60px;
    width: 60px;
}

.m-card-notification--driver.m-card-notification--background-colour {
    background-color: #ebf2e9
}

.m-card.m-card-notification.m-card-notification--driver {
    background: #fff;
    border-radius: 0.25em;
    color: #444;
    padding-left: 6.0625em;
    position: relative;
}

.m-card-notification--driver:before {
    background-color: transparent;
    border-radius: 50%;
    content: "";
    display: block;
    height: 3.76em;
    position: absolute;
    width: 3.76em;
}

.a-button, .t-accent-dark .a-button, .t-accent-dark .t-accent-light .a-button, .t-accent-light .a-button, .t-card-accent-dark .m-card .a-button, .t-card-accent-light .m-card .a-button {
    margin-right: 15px;
}

.addDriverButton {
    margin-right: 30px !important;
}

.overrideLicenceButton {
    margin-right: 30px !important;
}

.a-notification-tag span {
    font-weight: 700;
}

.leftMargin15 {
    margin-left: 15px;
}

@media screen and (max-width: 500px) {
    .sectionHeader {
        float: left;
        padding-right: 5px;
    }

    .editmodifier {
        margin-top: 0.125em !important;
        padding-bottom: 0px;
    }

    .SavedStatus {
        display: none;
    }

    .m-card.m-card-notification.m-card-notification--driver {
        background: #fff;
        border-radius: 0.25em;
        color: #444;
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
    }

    .m-card-notification--driver:before, .o-modal-notification--driver .o-modal__content:before, html .m-card-keyline .m-card.m-card-notification--driver:not(.m-card-keyline--):before {
        background-color: #fff;
        background-image: url(../img/Additional-driver.svg);
        background-position: 0;
        background-repeat: no-repeat;
        background-size: contain;
        height: 35px;
        width: 35px;
    }

    .greenText {
        color: #3E812C;
        padding-left: 45px;
        font-size: 16px;
    }

    .noPad {
        padding-left: 0px !important;
    }

    .a-button, .t-accent-dark .a-button, .t-accent-dark .t-accent-light .a-button, .t-accent-light .a-button, .t-card-accent-dark .m-card .a-button, .t-card-accent-light .m-card .a-button {
        margin-bottom: 15px;
    }

    .savedMargin {
        margin-bottom: 0px;
    }

    .a-notification-tag {
        border-radius: 1em;
        color: #fff;
        display: table;
        /* font-weight: 700; */
        letter-spacing: -.0em;
        margin-bottom: 1.875em;
        margin-top: 1em;
        padding: 0em;
        position: relative;
    }

    .a-notification-tag--success {
        background-color: #fff;
    }

    .PostQuoteCar {
        display: flex !important;
        align-items: flex-start !important;
    }

    .m-card-notification:before, .o-modal-notification .o-modal__content:before, html .m-card-keyline .m-card.m-card-notification:not(.m-card-keyline--) {
        display: block;
    }

    .showContents::before {
        display: block;
    }

    .successPanelMobile {
        margin-left: 65px;
    }

    .MobilePaddingResultsBox {
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 0;
    }

    .MobilePaddingResultsBoxAddDriver {
        padding-left: 15px;
        padding-right: 15px;
    }

    .MobilePaddingResultsChange {
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 0;
    }

    .AddDriverBtnMobile {
        width: 290px;
        left: 7%;
        margin-right: 0px !important;
    }

    .overrideLicenceBtnMobile {
        width: 290px;
        left: 7%;
        margin-right: 0px !important;
    }

    .QuoteLiveChat {
        visibility: hidden;
    }

    .mQuoteCardPaddingInner {
        padding-right: 15px !important;
    }

    .QuotePageMarginEdit {
        margin-right: 10px !important;
    }

    .MobilePaddingQuote {
        padding-top: 0px;
    }

    .MobileCarCard {
        padding-bottom: 0px !important;
    }

    .MobileCarBtn {
        padding-right: 10px;
        padding-left: 10px;
    }

    .NoQuoteImg {
        display: none;
    }

    .QuoteLockImg {
        display: none;
    }

    /*.btnBackToDetailsReferal {
        display: none !important;
    }*/

    .NoQuoteh2Size {
        width: auto !important;
    }

    .linesAreOpen {
        color: #004FB6;
        margin-top: 40px !important;
    }

    .UnabletoCompleteReferal {
        width: 100% !important;
    }

    .NoQuoteTopMargin {
        margin-top: 30px !important;
    }

    .imgbottom {
        margin-bottom: 5px !important;
    }
}

@media screen and (max-width: 1000px) {
    .NoQuoteTopMargin {
        height: 100%;
        display: flex;
        flex-direction: column !important;
        width: 100%;
    }

    .CoverBottomMargin {
        margin-bottom: 30px !important;
    }

    .margin80 {
        margin-left: 0px;
    }

    .margin-right80 {
        margin-right: 80px;
    }

    .NoQuoteImg {
        display: none;
    }

    .QuoteLockImg {
        display: none;
    }

    .NoQuoteh2Size {
        height: auto !important;
        width: auto !important;
        margin-top: 5px
    }

    .linesAreOpen {
        margin-top: 3.5em !important;
    }

    /*.btnBackToDetailsReferal {
        display: none !important;
    }*/

    .priceMargin {
        display: flex;
        flex-direction: row;
    }

    .QuoteLiveChat {
        display: none;
    }

    .tabletQuoteboxes {
        display: flex;
        flex-direction: row;
    }

    .QuotePageMarginEdit {
        margin-left: 15px !important;
        margin-right: 5px !important;
    }

    .MobilePaddingQuote {
        padding-top: 0px !important;
    }

    .PaddingTableCover {
        margin-top: -10px;
    }

    .platlogoMargin {
        margin-bottom: 30px !important;
    }
}

.a-heading--4-panel {
    margin: 0px !important;
}

.a-heading--4-panelAddress {
    margin-top: 0px !important;
}

.a-heading--4-panelAddressBottom {
    margin-bottom: 15px !important;
}

.o-modal {
    margin-top: 0px !important;
}

.l-columns-panel {
    margin-top: 15px !important;
    margin-bottom: 20px !important;
}

.underline:hover {
    border-bottom: 1px solid #ccc !important;
}

.underlineSection {
    border-bottom: 1px solid #ccc !important;
}

.QuotePanelBorder {
    border-radius: 10px;
}

.QuotePanelBackground {
    background: #F3F3F3;
}

.QuotePageMarginEdit {
    margin-left: 45px;
    margin-right: 30px;
}

.QuoteTableMarginEdit {
    margin-top: 0px;
}

.QuoteRowEdit {
    padding: 1em 1em !important;
}

.QuoteDivider {
    width: 100px;
    height: 6px;
    background: #FFD900;
}

.QuoteLiveChat {
    margin-right: -200px;
    margin-top: -96px
}

.addressResultPadding {
    padding-top: 10px !important;
    padding-left: 10px !important;
}

.addressResultPaddingLeft {
    padding-top: 8px !important;
    padding-left: 10px !important;
    margin: 0px !important;
}

.OpenDriver:before {
    content: "";
    background-image: url('../img/Open Drive.svg');
    background-repeat: no-repeat;
    background-size: contain;
    height: 55px;
    width: 55px;
    position: absolute;
}

.RenewalOptionalExtras:before {
    content: "";
    background-image: url('../img/RenewalOptionalExtras.svg');
    background-repeat: no-repeat;
    background-size: contain;
    height: 55px;
    width: 55px;
    position: absolute;
}

.Windscreen:before {
    content: "";
    background-image: url('../img/Windscreen.svg');
    background-repeat: no-repeat;
    background-size: contain;
    height: 55px;
    width: 55px;
    position: absolute;
}

.ManageExcess:before {
    content: "";
    background-image: url('../img/Excess.svg');
    background-repeat: no-repeat;
    background-size: contain;
    height: 55px;
    width: 55px;
    position: absolute;
}

.JourneyWise:before {
    content: "";
    background-image: url('../img/JourneyWise.svg');
    background-repeat: no-repeat;
    background-size: contain;
    height: 55px;
    width: 55px;
    position: absolute;
}

.QuoteNCD:before {
    content: "";
    background-image: url('../img/Bonus Protection.svg');
    background-repeat: no-repeat;
    background-size: contain;
    height: 55px;
    width: 55px;
    position: absolute;
}

.NoQuoteImg {
    background-image: url('../img/ReferCarIllustration.svg');
    background-size: contain;
    background-repeat: no-repeat;
    Width: 600px;
    Height: 460px;
}

.QuoteLockImg {
    background-image: url('../img/NoQuote.svg');
    background-size: contain;
    background-repeat: no-repeat;
    Width: 600px;
    Height: 460px;
}

.content1marginedit {
    margin-top: 8px;
    margin-bottom: 29px;
}

.lastbuttonpadding {
    margin-top: 30px !important;
    margin-bottom: 5px !important;
    border: 0px !important
}

.PdPaddingDetails {
    margin-bottom: 30px !important;
}

.PersonalDetailsErrorSum {
    margin-bottom: 0px !important;
}

.h3QuoteEdit {
    margin-left: 75px;
}

.pQuoteEdit {
    margin-top: 20px !important;
}

.YourQuotePaddingInner {
    padding: 20px !important;
    padding-bottom: 30px !important;
}

.QuoteFontEditp {
    font-size: 14px !important;
    line-height: 22px !important;
    margin-top: 5px;
}

.NoQuoteTopMargin {
    margin-top: 30px;
}

.NoQuoteHeading2Margin {
    margin-top: 20px;
    margin-bottom: 20px
}

.TempMTAWidth {
    width: calc(75% - .625em) !important;
}

.NoQuoteHeading2MarginPay {
    margin-top: 60px;
}

.NoQuoteh2Size {
    width: 495px;
    height: 108px;
}

.NoQuotepSize {
    width: 518px;
    height: 76px;
}

.h1NoPotNoodlePadding {
    margin-bottom: 20px !important;
}

.btnBuyNowSpacing {
    margin-top: 99px;
}

.btnPayMonthlySpacing {
    margin-top: 26px;
}

.noPPPResponseText {
    font-weight: 400;
    font-size: 16px;
    color: #5C596D;
    padding-left: 1.25em;
    padding-right: 1.25em;
}

.resultcardContent {
    padding-top: 11px !important;
    padding-left: 21px !important;
}

.ValidateTopPadding {
    margin-bottom: 10px !important;
}

.ExtraAdded {
    background-color: #f3f3f3;
}

.m-card.m-card-notification.ExtraAdded {
    background-color: #f3f3f3;
    margin-top: 10px;
    margin-left: 0px;
}

.m-card.m-card--tertiary .m-card-content.addedExtraText {
    padding-top: 21px;
    padding-left: 5px;
    padding-bottom: 0px;
}

.m-datepicker-wrapper .pika-label select {
    position: relative !important;
    padding-right: 0px !important;
}

.m-table.QuoteTableMarginEdit {
    overflow: hidden;
}

.a-heading--4-panel.marginRight {
    margin-right: 20px !important;
}

.DDPadding {
    padding-right: 15px !important;
    padding-left: 15px !important;
}

.priceMargin {
    margin-bottom: 20px;
}

.smallFont {
    font-size: 14px;
}

.trustpilotMargins {
    display: flex;
    margin-top: 20px;
    margin-left: 5%;
}

/*.a-textbox:invalid {
    border: 1px solid #737373 !important;
}*/

.btnSelected {
    background-color: #003B88;
    color: #fff;
}

.bottomPadding {
    padding-bottom: 5px;
}

.a-button.payment {
    margin-right: 0px;
}

.a-button.grey {
    color: #5C596D;
}

    .a-button.grey:hover {
        color: #fff;
    }

.o-radio-list-item__input:checked + .o-radio-list-item__content-container.noline {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.bottomPadding15 {
    padding-bottom: 15px;
}

.driverNumberMargins {
    margin-top: 60px;
    margin-bottom: 30px;
}

.paddingTop15 {
    padding-top: 15px;
}

.cardContentPadding {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.bottomMargin15 {
    margin-bottom: 15px;
}

.topMargin15 {
    margin-top: 15px;
}

.m-showhide__control {
    padding-left: 5px;
}

.MblClaims {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.TextNoWrap {
    white-space: nowrap;
}

@media screen and (max-width: 540px) {
    .sectionHeader {
        float: left;
        padding-right: 5px;
    }

    .CloseBtnMockup {
        right: 5% !important;
        top: 20px !important;
        position: absolute;
        left: auto !important;
        cursor: pointer;
    }

    .Margin0 {
        margin: 0px !important;
    }

    .m-card.m-card--tertiary .m-card-content.addedExtraText {
        /*width: 160px;*/
        padding-left: 0px;
    }

    .paddingBottom20 {
        padding-bottom: 20px !important;
    }

    .menu-editalign {
        bottom: 15px;
        position: relative;
    }

    .trustpilotMargins {
        display: flex;
        margin-top: 20px;
    }

    .trustpilotMarginsQuote {
        margin-top: -45px !important;
    }

    .linesAreOpen {
        margin-top: 1.5em !important;
    }

    .m-table--stackable-row tbody > tr > td {
        padding: .9375em 1.25em 1em;
    }

    .termsMobile {
        margin-right: 0px !important;
    }

    .termsPadding {
        padding-bottom: 10px !important;
    }

    .m-radio-segmented--short-label.m-radio-segmented--3 .m-radio-segmented__ui, .m-radio-segmented--short-label.m-radio-segmented--3 > .m-form-row-group-item {
        width: 100% !important;
    }

    /*    .m-radio-segmented.m-radio-segmented--short-label .m-radio-segmented__ui {
        height: 33% !important;
        left: 0;
        top: 0;
    }*/

    .m-radio-segmented.m-radio-segmented--short-label .m-radio-segmented__ui {
        height: 50%;
        width: 100%;
    }

    .m-radio-segmented--short-label.m-radio-segmented--3.js-m-radio-segmented-checked--1 .m-radio-segmented__ui {
        left: 0%;
        top: 0%;
        height: 33% !important;
    }

    .m-radio-segmented--short-label.m-radio-segmented--3.js-m-radio-segmented-checked--2 .m-radio-segmented__ui {
        left: 0%;
        top: 33%;
        height: 33% !important;
    }

    .m-radio-segmented--short-label.m-radio-segmented--3.js-m-radio-segmented-checked--3 .m-radio-segmented__ui {
        left: 0%;
        top: 67%;
        height: 33% !important;
    }

    .m-radio-segmented--short-label.m-radio-segmented--4.js-m-radio-segmented-checked--1 .m-radio-segmented__ui {
        left: 0%;
        top: 0%;
        height: 25% !important;
    }

    .m-radio-segmented--short-label.m-radio-segmented--4.js-m-radio-segmented-checked--2 .m-radio-segmented__ui {
        left: 0%;
        top: 25%;
        height: 25% !important;
    }

    .m-radio-segmented--short-label.m-radio-segmented--4.js-m-radio-segmented-checked--3 .m-radio-segmented__ui {
        left: 0%;
        top: 50%;
        height: 25% !important;
    }

    .m-radio-segmented--short-label.m-radio-segmented--4.js-m-radio-segmented-checked--4 .m-radio-segmented__ui {
        left: 0%;
        top: 75%;
        height: 25% !important;
    }


    .QuotebtnBuyNow {
        margin-top: 15px !important;
        width: auto !important;
    }

    .QuotebtnMonthly {
        margin-top: 15px !important;
        width: auto !important;
    }

    .QuotebtnRenew {
        margin-top: 15px !important;
        width: auto !important;
    }

    .m-showhide__control {
        padding: 0em;
    }

    .leftMargin15 {
        margin-left: 0px;
    }

    .resultcardContent {
        padding-top: 11px !important;
        padding-left: 11px !important;
    }

    .js-m-showhide .m-showhide__content {
        padding: 0em;
        padding-bottom: 3.438em;
    }

    .editmodifier {
        margin-top: 0.125em !important;
        padding-bottom: 0px;
    }

    .SavedStatus {
        display: none;
    }

    .m-card.m-card-notification.m-card-notification--driver {
        background: #fff;
        border-radius: 0.25em;
        color: #444;
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
    }

    .m-card-notification--driver:before, .o-modal-notification--driver .o-modal__content:before, html .m-card-keyline .m-card.m-card-notification--driver:not(.m-card-keyline--):before {
        background-color: #fff;
        background-image: url(../img/Additional-driver.svg);
        background-position: 0;
        background-repeat: no-repeat;
        background-size: contain;
        height: 35px;
        width: 35px;
    }

    .greenText {
        color: #3E812C;
        padding-left: 45px;
        font-size: 16px;
    }

    .noPad {
        padding-left: 0px !important;
    }

    .a-button, .t-accent-dark .a-button, .t-accent-dark .t-accent-light .a-button, .t-accent-light .a-button, .t-card-accent-dark .m-card .a-button, .t-card-accent-light .m-card .a-button {
        margin-bottom: 15px;
    }

    .savedMargin {
        margin-bottom: 0px;
    }

    .a-notification-tag {
        border-radius: 1em;
        color: #fff;
        display: table;
        /* font-weight: 700; */
        letter-spacing: -.0em;
        margin-bottom: 1.875em;
        margin-top: 1em;
        padding: 0em;
        position: relative;
    }

    .a-notification-tag--success {
        background-color: #fff;
    }

    .margin80 {
        margin-left: 0px;
    }

    .l-section--none {
        display: flex;
        flex-direction: column;
    }

    .mobileHeight {
        height: 84px;
    }

    :focus {
        width: 98% !important;
        left: 3.5px !important;
    }

    .a-date-wrapper__trigger:focus {
        width: 2.5em !important;
        left: calc((100% - 2.3125em) - 1px) !important;
    }


    .a-link-icon {
        display: inline !important;
    }

    .m-radio-segmented.has-focus {
        width: 98% !important;
        left: 3.5px !important;
    }

    .priceMargin {
        display: grid;
        flex-direction: row;
    }

    .AdditionalDriverMobile0 {
        background-color: #fff;
    }

        .AdditionalDriverMobile0:before {
            background-image: url('../img/Active Badge 0.svg');
            background-repeat: no-repeat;
            background-size: 103%;
        }

    .AdditionalDriverMobile1 {
        background-color: #fff;
    }

        .AdditionalDriverMobile1:before {
            background-image: url('../img/Active Badge 1.svg');
            background-repeat: no-repeat;
            background-size: 103%;
        }

    .AdditionalDriverMobile2 {
        background-color: #fff;
    }

        .AdditionalDriverMobile2:before {
            background-image: url('../img/Active Badge 2.svg');
            background-repeat: no-repeat;
            background-size: 103%;
        }

    .AdditionalDriverMobile3 {
        background-color: #fff;
    }

        .AdditionalDriverMobile3:before {
            background-image: url('../img/Active Badge 3.svg');
            background-repeat: no-repeat;
            background-size: 103%;
        }

    .AdditionalDriverMobile4 {
        background-color: #fff;
    }

        .AdditionalDriverMobile4:before {
            background-image: url('../img/Active Badge 4.svg');
            background-repeat: no-repeat;
            background-size: 103%;
        }

    .AdditionalDriverMobile5 {
        background-color: #fff;
    }

        .AdditionalDriverMobile5:before {
            background-image: url('../img/Active Badge 5.svg');
            background-repeat: no-repeat;
            background-size: 103%;
        }

    .AdditionalDriverMobile6 {
        background-color: #fff;
    }

        .AdditionalDriverMobile6:before {
            background-image: url('../img/Active Badge 6.svg');
            background-repeat: no-repeat;
            background-size: 103%;
        }

    .AdditionalDriverMobile7 {
        background-color: #fff;
    }

        .AdditionalDriverMobile7:before {
            background-image: url('../img/Active Badge 7.svg');
            background-repeat: no-repeat;
            background-size: 103%;
        }

    .ConfirmAddressbtnSpacing {
        margin-left: 0px !important;
        margin-top: 15px !important;
    }

    .mobileConfirmAddresslayout {
        display: block !important;
    }

    .MobileAvivaInfo {
        margin-left: -40px;
    }

    .autoaddress-control > .autoaddress-text-box:focus {
        width: 99% !important;
    }

    .tabletQuoteboxes {
        display: grid;
        flex-direction: row;
    }

    .m-radio-segmented--short-label.m-radio-segmented--2.js-m-radio-segmented-checked--2 .m-radio-segmented__ui {
        left: 0%;
        top: 50%;
    }

    .m-form-row__content > .m-radio-segmented--short-label.m-radio-segmented, .m-radio-segmented--short-label.m-radio-segmented {
        align-items: center;
        flex-flow: column;
    }

    .m-radio-segmented--short-label .a-radio__label:before {
        border-top: 1px solid #737373;
        border-left: 0px solid #737373;
        top: 0em;
    }

    .premiumBreakdownModaltd {
        width: 100%;
    }

    .premiumBreakdownModalth {
        width: 100%;
    }

    .paddingTop15Mobile {
        padding-top: 15px;
    }

    .mobileRbl {
        width: 90%;
        left: 5%;
    }

    .MobileCheckTCs {
        width: 97%;
        left: 1.5%;
    }

    .CoverSummaryLoginBtn {
        margin-bottom: 30px;
    }

    .CoverSummaryMobileTableInfo {
        margin-left: 0px;
        padding-left: 0px;
        margin-top: 5px;
    }

    .DataReplayItemMobile {
        flex-direction: column;
    }

    .RefundMobileWidth {
        width: 80% !important;
    }

    .CoverBottomMargin {
        margin-bottom: 30px !important;
    }

    .NeedHelpPositioning {
        display: none;
    }

    .GetHomeInsBtn {
        width: 40%;
        right: 5px;
    }

    .whiteText {
        color: #FFFFFF;
        font-size: 20px;
        width: 50%;
    }

    .WhiteHeading {
        font-size: 32px !important;
        margin-bottom: 15px !important;
        width: 50%;
        padding-top: 55px;
    }

    .HomeInsuranceImg {
        position: relative;
        margin-bottom: 29px !important;
        padding-top: 0px !important;
        background-position-x: -460px;
        background-size: 100% 100%;
        right: 20px;
        height: 400px;
    }

    .mQuoteCardPaddingInner {
        padding: 30px !important;
    }

    .Notesbtn {
        top: 50px !important;
    }

    .NoQuoteHeading2MarginPay {
        margin-top: 30px;
    }

    .buttonLogin {
        margin-top: 1.1em;
        margin-bottom: 10px;
    }

    .PaddingTableCover {
        margin-top: -10px;
        margin-bottom: 0px;
    }

    .CoverSummaryImgMargin {
        margin-bottom: -20px !important;
        border: 1px #fff solid;
    }

    .NoQuoteHeading2MarginPay {
        margin-top: 30px;
    }

    #break3 {
        display: none;
    }

    #break4 {
        display: none;
    }

    #break5 {
        display: none;
    }

    .marginbottomimageSpace {
        margin-bottom: 5px !important;
    }

    #CoverDetails {
        margin-top: 0px;
    }

    #DesktopFAQ {
        margin-top: -10px;
    }

    .NoQuoteTopMargin {
        height: 100%;
        display: flex;
        flex-direction: column !important;
        width: 100%;
    }

    .controledits {
        width: 25% !important;
        left: 25px;
    }

    .width110 {
        width: 110%;
    }

    .MblClaims {
        display: flex;
        margin-left: 5%;
        flex-direction: column;
        align-items: flex-start;
    }

    .mblclaimsbtn {
        width: 85%;
        margin-right: 0px !important;
    }

    .mblClaimbtnBox {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 10px;
    }

    .mblhide {
        display: none !important;
    }

    .width100 {
        width: 100%
    }

    .MakeAChangeTableWhite {
        background: white !important;
    }

    .MakeAChangeTableGray {
        background: #F9F9F9 !important;
    }

    .TempMTAWidth {
        width: calc(100% - .625em) !important;
    }
}

.ChangeFont {
    font-style: normal;
    font-weight: 400 !important;
    font-size: 16px;
    line-height: 24px;
}


.HomeInsuranceImg {
    content: "";
    background-image: url('../img/Home.svg');
    background-repeat: no-repeat;
    width: 1230px;
    height: 400px;
    padding-left: 30px;
    padding-right: 600px;
    padding-top: 80px;
    margin-bottom: 0px;
}

.MultiCarImg {
    content: "";
    background-image: url('../img/MultiCar.png');
    background-repeat: no-repeat;
    width: 1230px;
    height: 400px;
    padding-left: 30px;
    padding-right: 600px;
    padding-top: 80px;
    margin-bottom: 0px;
}

.TelematicsBannerImg {
    background-image: url(//static.aviva.io/assets/themes-icons/v2/aviva/default/product/functional/multi-car-insurance-fusion-functional-white.svg);
    content: "";
    background-repeat: no-repeat;
    width: 1230px;
    height: 400px;
    padding-left: 30px;
    padding-right: 600px;
    padding-top: 80px;
    margin-bottom: 0px;
}

.m-card-notification--telematics {
    background-color: #00596B;
    margin-top: 30px;
}

    .m-card-notification--telematics:before {
        background-image: url('//static.aviva.io/assets/themes-icons/v2/aviva/default/product/functional/multi-car-insurance-fusion-functional-white.svg');
        left: 15px;
        top: 15px;
        width: 2.1875em;
        background-repeat: no-repeat;
    }

.whiteText {
    color: #FFFFFF;
    font-size: 16px;
    padding: 0px 0px 0px 0px !important;
}


.WhiteHeading {
    font-size: 42px;
    margin-bottom: 15px;
}


.NeedHelpPositioning {
    top: 68%;
    background-image: url('../img/BtnNeedHelp.svg');
    float: right;
    background-position-y: center;
    background-position-x: center;
    width: 168px;
    height: 50px;
    border: 0px;
    position: relative;
}

.bold {
    font-weight: bold;
}

.CoverBottomMargin {
    margin-bottom: 60px;
}

.marginbottomimageSpace {
    margin-bottom: 40px;
}

/*.a-date-wrapper__trigger:focus {
    background-color: #004fb6;
    background-image: url(https://static.aviva.io/assets/themes-icons/v2/aviva/default/functional/user-actions/calendar-white.svg);
    border-color: #004fb6;
    z-index: 4;
}*/

.o-modal__content-holder {
    height: auto !important;
}

.docsList {
    padding-left: 20px;
    line-height: 35px;
    margin-top: 10px;
    font-weight: bold;
}

.margin-top5 {
    margin-top: 5px !important;
}

.margin-top10 {
    margin-top: 10px !important;
}

.NotesBtn {
    float: right;
    top: 90px;
    position: relative;
    z-index: 10;
    right: -14px;
}

.l-sectionstaff {
    margin-top: 0px;
}

.Absolute-CenterModal {
    position: absolute;
    top: 100px;
    right: 226px;
    left: 226px;
    bottom: 0;
    margin: auto;
}

.overlayModal {
    display: none;
    z-index: 999;
    /* color with alpha channel */
    background-color: #FFFFFF;
    background-color: rgba(0, 0, 0, 0.1); /* 0.7 = 70% opacity */
    /* stretch to screen edges */
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.StaffModal {
    display: flex;
    align-items: stretch !important;
    justify-content: center !important;
    max-width: 600px;
    flex-flow: column;
    left: 0;
    margin: 0 auto;
    opacity: 1;
    padding: 15px;
    position: fixed;
    right: 0;
    top: 3.8em;
    z-index: 9999;
    background-color: white;
    max-height: 49em;
    border-radius: 10px;
}

.QuotebtnBuyNow {
    margin-top: 112px;
    width: 124px;
}

.QuotebtnMonthly {
    width: 153px;
}

.QuotebtnRenew {
    margin-top: 112px;
    width: 153px;
}

.AddresslblSpacing {
    padding-bottom: 5px;
    margin-bottom: -10px !important;
}

.AddresseditPadding {
    padding-top: 0px;
    padding-bottom: 0px;
}

.SummarySpacing {
    margin-bottom: -10px;
}

.buttonLogin {
    margin-top: 1.1em;
}


.marginTop30 {
    margin-top: 30px;
}

.linesAreOpen {
    color: #004FB6;
}

.UnabletoCompleteReferal {
    width: 495px;
}

.ConfirmAddressbtnSpacing {
    margin-left: 15px;
}

.premiumBreakdownModaltd {
    width: 95%;
}

.premiumBreakdownModalth {
    width: 5%;
}

.NotesModalBack {
    background: #f9f9f9;
    border-top-style: outset;
    border-color: black;
    border-radius: 5px;
}

.NewNotePadding {
    padding-left: 15px;
}

.NewNoteMargin {
    margin-left: 15px;
}

.NotesBtnClose {
    float: left;
    left: 3%;
}

.panel-info {
    background: #f9f9f9;
    border-radius: 5px;
}

.panel-body {
    padding-left: 5px;
}

.AdditionalDriverMobile0:before {
    background-image: url('../img/Active Badge 0.svg');
    background-repeat: no-repeat;
    background-size: 103%;
}

.AdditionalDriverMobile1:before {
    background-image: url('../img/Active Badge 1.svg');
    background-repeat: no-repeat;
    background-size: 103%;
}

.AdditionalDriverMobile2:before {
    background-image: url('../img/Active Badge 2.svg');
    background-repeat: no-repeat;
    background-size: 103%;
}

.AdditionalDriverMobile3:before {
    background-image: url('../img/Active Badge 3.svg');
    background-repeat: no-repeat;
    background-size: 103%;
}

.AdditionalDriverMobile4:before {
    background-image: url('../img/Active Badge 4.svg');
    background-repeat: no-repeat;
    background-size: 103%;
}

.AdditionalDriverMobile5:before {
    background-image: url('../img/Active Badge 5.svg');
    background-repeat: no-repeat;
    background-size: 103%;
}

.AdditionalDriverMobile6:before {
    background-image: url('../img/Active Badge 6.svg');
    background-repeat: no-repeat;
    background-size: 103%;
}

.AdditionalDriverMobile7:before {
    background-image: url('../img/Active Badge 7.svg');
    background-repeat: no-repeat;
    background-size: 103%;
}

.platlogoMargin {
    margin-bottom: 30px !important;
}

.AdditionalDriverMarginTop {
    margin-top: 25px;
}

.DivNCDMarginTop {
    margin-top: 35px;
}

.AddTblLnBottom::after {
    border-bottom: 1px solid #ccc !important;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    width: 100%;
}

.CoverSummaryLoginBtn {
    margin-top: 20px;
    margin-bottom: 10px;
}

.CoverSummaryImgMargin {
    margin-bottom: -60px;
}

.leftAlign {
    text-align: left;
}

.bottomMargin70 {
    margin-bottom: 70px;
}

.showmblcontents:before {
    display: block
}

.staffOptionsPadding {
    padding-top: 20px;
    margin-left: 18px;
}

.rightPadding30 {
    padding-right: 30px;
}

.dropdownWidth {
    width: 13.5em;
}

.borderTop0 {
    border-top: 0px;
}

.informationfooter {
    background-color: #EEEEEE;
}

.marginTop60 {
    margin-top: 60px;
}

.marginBottom25 {
    margin-bottom: 25px;
}

.AdjustmentTopPadding {
    display: contents;
}

.NCDwidthEmail {
    width: calc(50% - .625em) !important;
}

.NCDwidth {
    width: calc(40% - .625em) !important;
}

.NCDwidthAlert {
    width: calc(70% - .625em) !important;
}

.TempQuotePaymentbox {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.Pricebox {
    width: 55%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media screen and (max-width:450px) {
    .Pricebox {
        width: 80%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .TempQuotePaymentbox .a-button {
        min-width: 9em !important;
    }
}

.marginTop30Important {
    margin-top: 30px !important;
}

.AdjPremiumText {
    text-align: center;
    width: 60%;
}

.AdjPremiumText2 {
    text-align: center;
    width: 60%;
}

.width75 {
    width: 75%;
}

.margin-right {
    margin-right: 40%;
}

.margin-right45 {
    margin-right: 43.5%;
}

.margin-rightStaffRefund {
    margin-right: 38.5%;
}

.margin-top60 {
    margin-top: 60px;
}

.PermaAdjQuoteMargin {
    margin-top: -0px;
    margin-bottom: 5px !important;
}

.marginRight5 {
    margin-right: 5px;
}

.CoverSummaryTick {
    top: .625em !important;
}

.noborder {
    border-bottom: 0px;
}

.noBottomPadding {
    padding-bottom: 0px !important;
}

.margintopPermaChange {
    margin-top: 36px;
}

.margintop36 {
    margin-top: 36px;
}

.headingMargins {
    margin-top: 30px;
    margin-bottom: 10px;
}

.boxBorder {
    border: 1px solid #cccccc;
}

.boxBorderRadius {
    border-radius: 10px;
}

.centerAlign {
    text-align: center;
}

.marginTop15 {
    margin-top: 15px;
}

.marginTop10 {
    margin-top: 10px;
}

.noRightMargin {
    margin-right: 0px;
}

.marginBottom30 {
    margin-bottom: 30px;
}

.marginTop40 {
    margin-top: 40px;
}

.marginTop50 {
    margin-top: 50px;
}

.signatureBox {
    background: #F9F9F9;
    box-shadow: inset 0px 1px 2px rgba(204, 204, 204, 0.5);
    border-radius: 3px;
}

.CustomerModal {
    display: flex;
    align-items: stretch !important;
    justify-content: center !important;
    max-width: 50%;
    flex-flow: column;
    left: 0;
    margin: 0 auto;
    opacity: 1;
    padding: 15px;
    position: fixed;
    right: 0;
    top: 3.8em;
    z-index: 9999;
    background-color: white;
    max-height: 90%;
    border-radius: 4px;
}

.paddingBottom30 {
    padding-bottom: 30px !important;
}

.paddingleft30 {
    padding-left: 30px;
}

.IsFocusssed:focus {
    left: 4px;
}

.IsAdjCar {
    display: flex;
    flex-direction: column-reverse;
}

.marginBottom5 {
    margin-bottom: 5px;
}

.paddingRight10 {
    padding-right: 10px;
}

.rightAlign {
    text-align: right;
}

.premiumTable {
    width: 85%;
    margin-left: 30px;
}

    .premiumTable td {
        padding: 15px;
    }

.premiumTableCan {
    width: 65%;
    margin-left: 30px;
    margin-bottom: 20px;
}

    .premiumTableCan td {
        padding: 15px;
    }

.RetainRefundChk {
    margin-left: 180px;
    margin-right: 180px;
    margin-bottom: 30px;
}

.padding20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.CardInternalPostQuote {
    left: 15px;
    position: relative;
    top: 15px;
    display: flex;
    flex-direction: column;
}

.literalText {
    font-size: 22px;
    font-weight: 300;
    margin: 0px;
    margin-top: 5px;
}

.marginLeft30 {
    margin-left: 30px;
}

.cardBorder {
    border: #3e812c 4px solid !important;
}

.adjustPadding {
    padding-left: 12px !important;
    padding-right: 12px !important;
}

.Mobile-adjust {
    padding-left: 4px;
    padding-right: 4px;
}

.DatepickerWidth {
    min-width: 30%;
    text-align: left;
}

@media screen and (max-width:540px) {
    .DatepickerWidth {
        min-width: 50%;
        text-align: left;
        max-width: 50%;
    }
}

@media screen and (max-width:550px) {
    .CarInfo {
        width: 100% !important;
    }
}

@media screen and (max-width:540px) {
    .IsAdjustedForMobile {
        white-space: normal;
        max-width: 100%;
    }

    .CustomerModal {
        max-width: 90% !important;
    }
}

@media screen and (max-height:540px) {
    .CustomerModal {
        max-width: 90% !important;
    }
}

.m-form-row__error-message::before, .m-form-row__validation-message::before {
    display: inline;
}

.calculator {
    background-color: #fff;
    background-image: url(../img/Calculator.svg);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    height: 20px;
    width: 20px;
    display: inline-block;
}

.edit {
    background-color: #fff;
    background-image: url(../img/edit.svg);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    height: 15px;
    width: 15px;
    display: inline-block;
    margin-left: 5px;
}

.PAModal {
    max-width: 50%;
    left: 0;
    margin: 0 auto;
    opacity: 1;
    padding: 15px;
    position: fixed;
    right: 0;
    top: 3.8em;
    z-index: 9999;
    background-color: white;
    max-height: 90%;
    border-radius: 4px;
    overflow: scroll;
}

.table-no-padding .cell-no-padding {
    padding: 0px;
}

    .table-no-padding .cell-no-padding .m-card-notification:before {
        left: 0.9375em;
        top: 0.625em;
    }

.paddingLeft15 {
    padding-left: 15px;
}

.paddingRight15 {
    padding-right: 15px;
}

.greyBorder {
    border-left: solid 1px #ccc;
}

.topAlign {
    vertical-align: top;
}

.AcceptanceBannerButtons {
    width: 57%;
    display: flex;
    flex-direction: row;
    justify-content: start;
}

.divAcceptConfirm {
}

.divAcceptMyAviva {
}

@media screen and (max-width:550px) {
    .AcceptanceBannerButtons {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: start;
    }
}



@media screen and (max-width:540px) {
    .Saved5Text {
        display: none;
    }
}

.SignatureWarningSpacing {
    margin-top: 10px;
    margin-bottom: 0px;
}

.SingatureMobileSpacing {
    margin: 0 0 0 0 !important;
}

.HeadingSpacing {
    margin: 10px 0px 20px 0px !important;
}

@media screen and (max-width:550px) {
    .SignatureWarningSpacing {
        margin-top: 10px;
        margin-bottom: 0px;
    }

    .SingatureMobileSpacing {
        margin: 0 0 0 0 !important;
    }

    .HeadingSpacing {
        margin: 10px 0px 20px 0px !important;
    }
}

.telematics-small {
    width: 20%;
    float: left;
}

.telematics-large {
    width: 80%;
    float: right;
    padding: 0.3em;
}

@media screen and (max-width:550px) {
    .telematics-small {
        width: 100%;
        float: left;
    }

    .telematics-large {
        width: 100%;
        float: left;
        margin-bottom: 20px;
        padding: 0.3em;
    }
}

.noPromoCodeApplied {
    border-radius: 1em;
    color: #5c596d;
    display: table;
    font-weight: 600;
    font-size: 16px;
    background-color: #FFF5E5;
    letter-spacing: -.00625em;
    margin-bottom: 1.875em;
    margin-top: 1em;
    padding: .5px 15px 5px 5px;
    position: relative
}

.Telematics-Banner-Spacing {
    display: inline-block;
}

.m-card-notification--telematicsBanner {
    background-color: #00596B;
    margin-top: 30px;
    color: white !important;
    max-height: 400px;
    display: flex;
    flex-direction: row;
    overflow: hidden;
    padding-left: 1em !important;
    min-height: 60px;
}

    .m-card-notification--telematicsBanner:before {
        display: none;
    }


    .m-card-notification--telematicsBanner a, .m-card-notification--telematicsBanner h2 {
        color: white !important;
    }

    .m-card-notification--telematicsBanner h2 {
        font-weight: bold;
    }

    .m-card-notification--telematicsBanner ol {
        margin: 0; /* remove default margin */
        padding-left: 0.3em; /* space for numbers, adjust as needed */
        list-style-position: inside; /* numbers are inside the content box */
    }


.telematics-banner {
    width: 70%;
}

.TelematicsBannerImage {
    /*max-height: 210px;*/
    width: 25%;
}

.TelematicsImg {
    height: 100%;
    width: auto;
}

@media screen and (min-width:785px) and (max-width:1100px) {

    .TelematicsBannerImage {
        width: 45%;
    }
}

@media screen and (max-width:785px) {
    .m-card-notification--telematicsBanner {
        background-color: #00596B;
        margin-top: 30px;
        color: white !important;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        font-size: 1.5vh;
        max-height: 100%;
        padding: 0 !important;
    }

        .m-card-notification--telematicsBanner ol {
            padding-left: 0.3em; /* space for numbers, adjust as needed */
        }

    .telematics-banner {
        width: 100%;
        padding: 5% !important;
    }

    .TelematicsBannerImage {
        width: 100%;
    }

    .TelematicsImg {
        height: 100%;
        width: 100%;
    }
}

.PricingRow {
    display: flex;
    flex-direction: row;
    align-items: center;
}

    .PricingRow .PricingRowTelematicsImage {
        width: 100%;
        height: auto;
        max-width: 40px;
        margin-right: 10px;
    }

.TelematicsCarBox {
    padding: 25px;
    border: 1px solid lightgray;
    border-radius: 5px;
    max-width: 400px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

    .TelematicsCarBox img {
        margin-right: 20px;
        max-width: 40px;
    }

.TelematicsRenewalInfoNotification {
    border-radius: 15px;
    background: rgba(229, 237, 248, 1);
    padding: 30px;
}

@media (max-width: 668px) {
    .TelematicsRenewalInfoNotification {
        padding: 20px;
    }
}

.TelematicsIconCircle {
    width: 48px; /* Adjust size as needed */
    height: 48px;
    background-color: #0051A8; /* Use your exact blue */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 6px;
}

.TelematicsCarImg {
    width: 35px;
    height: 35px;
    margin-top: 15px;
    margin-right: 10px
}

.policy-banner {
    display: flex;
    align-items: center;
    background-color: var(--banner-bg);
    color: var(--banner-text);
    border-radius: 8px;
    padding: var(--banner-padding);
    box-sizing: border-box;
}

.policy-banner-border {
    border: 2px solid var(--banner-divider);
}

.banner-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
    flex-shrink: 0;
}

.banner-image {
    display: block;
    width: 42px;
    height: 42px;
    object-fit: contain;
}

.banner-text {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
}

.banner-heading,
.banner-body {
    color: var(--banner-text);
}

.banner-heading {
    font-size: 16px;
    font-weight: 600;
    white-space: nowrap;
}

.banner-heading-large {
    font-size: 24px;
    font-weight: 600;
    white-space: nowrap;
}

.banner-divider {
    width: 1px;
    height: 32px;
    background-color: var(--banner-divider);
}

.banner-body {
    font-size: 14px;
    line-height: 1.4;
}

.banner-body-large {
    font-size: 18px;
    line-height: 1.4;
}

@media (min-width: 601px) {
    .policy-banner[data-layout="stacked"] {
        display: grid;
        grid-template-columns: auto 1fr;
        grid-template-rows: auto auto;
        column-gap: 16px;
        row-gap: 6px;
        align-items: start;
    }

        .policy-banner[data-layout="stacked"] .banner-icon {
            grid-column: 1;
            grid-row: 1;
            align-self: center;
        }

        .policy-banner[data-layout="stacked"] .banner-text {
            display: contents;
        }

        .policy-banner[data-layout="stacked"] .banner-heading {
            grid-column: 2;
            grid-row: 1;
            white-space: normal;
            align-self: center;
        }

        .policy-banner[data-layout="stacked"] .banner-body {
            grid-column: 1 / -1;
            grid-row: 2;
            margin-top: 6px;
        }

        .policy-banner[data-layout="stacked"] .banner-divider {
            display: none;
        }
}

@media (max-width: 600px) {
    .policy-banner {
        flex-direction: column;
        align-items: flex-start;
    }

    .banner-icon {
        margin-right: 0;
        margin-bottom: 12px;
    }

    .banner-text {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .banner-divider {
        width: 100%;
        height: 1px;
    }

    .banner-heading {
        white-space: normal;
        word-break: break-word;
    }

    .banner-heading-large {
        white-space: normal;
        word-break: break-word;
        font-size: 16px;
        line-height: 1;
    }

    .banner-body {
        word-break: break-word;
    }

    .banner-body-large {
        word-break: break-word;
        font-size: 16px;
        line-height: 1;
    }

    .TelematicsCarImg {
        margin-top: 15px;
        margin-left: 15px;
        margin-right: 10px
    }
}

.policy-banner--blue {
    --banner-bg: #0047bb;
    --banner-text: #ffffff;
    --banner-divider: rgba(255, 255, 255, 0.6);
    --banner-padding: 16px 20px;
}

.policy-banner--light-blue {
    --banner-bg: #E6F2FD;
    --banner-text: #000000;
    --banner-divider: rgba(197, 206, 219);
    --banner-padding: 8px 20px;
}

.policy-banner--green {
    --banner-bg: #00596B;
    --banner-text: #ffffff;
    --banner-divider: rgba(255, 255, 255, 0.6);
    --banner-padding: 16px 20px;
}
