﻿form .form--error-nonStandard {
    min-width: 330px;
    border-color: #b6091a;
    border-width: 2px;
    border-style: solid;
    padding: 4px;
    margin: 2px;
}

a[data-tooltip-view="HelpText-QuoteMessages"] {
    display: inline;
    text-decoration: underline;
    margin-left: 0;
}

a[data-tooltip-view="HelpText-PaymentOPtions"] {
    display: inline;
    text-decoration: underline;
    margin-left: 0;
}

/* Landing Page */
.img-conf-gecko {
    float: right;
}

.location-bar-line {
    height: 121px;
    border-bottom: 1px solid #e6e3dd;
}

.location-bar h1 {
    display: inline;
    margin-top: 50px;
    float: left;
    color: #154995;
}

.disclaimerTitle {
    margin-bottom: 20px;
}

.form-buttons {
    float: right;
    margin-top: 30px;
    margin-top: 3rem;
}

.additionalText {
    font-size: 14px;
}

div#submitDiv {
    padding-right: 0;
}
/* END Landing Page */
/*** START Custom fields ***/
.f_MI, .f_Cvv, .f_Length, .f_State {
    width: 90px;
}

.f_DateMonthDay {
    width: 60px;
}

.f_DateYear {
    width: 80px;
}

.f_Apt, .f_Year, .f_Zip {
    width: 100px;
}

.f_Date {
    width: 150px;
    vertical-align: top;
}

.f_SSN {
    width: 90px;
}

.f_Phone {
    width: 140px;
}

.f_Email, .f_Password {
    width: 220PX;
}

.f_OTP, #EmailQuoteViewData_OneTimePassword {
    display: none;
}

.f_ValidateAddress {
    width: 220px;
}

.f_Address {
    width: 436px;
}

.f_City {
    width: 225px;
}

.ShowQuestion input {
    margin-top: 1rem;
}

/*** END Custom fields ***/

/* Top Progress bar */

div.location-title {
    color: #154995;
}

#progressBar4{
    overflow: hidden;
}

#progressBar5 {
    overflow: hidden;
}

.progress-bar span {
    word-break: break-all;
}

/* END Top Progress bar */

/*Overrides to geico-kit */
html.lt-ie9 .select-box select {
    width: 170%;
}
/* For IE8, adjust width percentage appropriately so that the arrow is successfully hidden. */
html.lt-ie10 .select-box select {
    width: 160%;
}

.FormFields {
    margin-bottom: 2rem;
}

    .FormFields fieldset.checkbox-group {
        margin-bottom: 0;
    }

/* Begin ProperyDetails Page */
.ShowQuestion .blueHighlightBackground {
    background-color: #154995 !important;
    color: #FFF;
    font-weight: bold;
    padding: 1.5px;
}

#PI033FireplaceType1_prefix, #PI033FireplaceType2_prefix, #PI033FireplaceType3_prefix, #PI033FireplaceType4_prefix, #PI033FireplaceType5_prefix,
#PI033FireplaceType6_prefix, #PI033FireplaceType7_prefix, #PI033FireplaceType8_prefix, #PI033FireplaceType9_prefix {
    vertical-align: text-bottom;
}

.PI034InsideWallMaterials-QuestionContainer .additionalText, .PI035FloorType-QuestionContainer .additionalText {
    margin-top: 3%;
    position: absolute;
}

#PI035FloorType-RemoveOptionLink, #PI034InsideWallMaterials-RemoveOptionLink {
    margin-left: 15px;
}
/* End PropertyDetails Page */

/* Begin Quote Page */

#geckostart {
    width: 180px;
}

#PolicySummaryContainer {
    padding-right: 0;
    padding-left: 0;
}
div#SppPremiumContainer table tr:last-child {
    border-bottom: none;
}

div#SppPremiumContainer table {
    width: 100%;
}

    div#SppPremiumContainer table th {
        text-align: left;
        padding-left: 5px;
    }

    div#SppPremiumContainer table td {
        padding-left: 5px;
    }

    div#SppPremiumContainer table tr {
        border-bottom: 1px;
        border-bottom-style: solid;
        border-bottom-color: black;
    }

div#SppPremiumContainer {
    min-width: 300px;
    max-width: 450px;
    border-style: solid;
    border-width: 2px;
    border-color: #AEAAA3;
    padding: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 8rem;
}

@media (max-width: 767px) {
    div#SppPremiumContainer {
        margin-left: 0;
    }
}

div#SPPItems {
    padding-left: 8rem;
}

.autoDiscountImageDiv {
    float: none;
    margin-bottom: 2rem;
}

@media (max-width: 545px) {
    div#SPPItems {
        padding-left: 0;
    }
}

li.SPPItemsContainer table {
    max-width: 600px;
}

td.SPPTypeContainer select {
    margin-right: 5px;
}

td.SPPArticleContainer input {
    max-width: 150px;
    margin-left: 5px;
    margin-right: 5px;
}

td.SPPAmountContainer input {
    min-width: 120px;
    max-width: 120px;
}

.SPPItemsContainerOuter {
    padding-bottom: 5px;
}

td.SPPApraisalContainer input {
    padding-left: 8px !important;
}

td.SPPTypeContainer label {
    margin-left: 5px;
}

td.SPPArticleContainer label, td.SPPAmountContainer label, td.SPPApraisalContainer label {
    margin-left: 10px;
}
td.SPPAmountContainer label, td.SPPArticleContainer label {
    vertical-align: 10px;
}

td.SPPDescriptionContainer input {
    width: 100%;
}

td.SPPApraisalContainer input {
    border: 0;
}

.removeSPPTrigger, #addSPPTrigger {
    color: #0000ff;
    text-decoration: underline;
    cursor: pointer;
}

#incompleteSPPErrorContainer {
    display: none;
    color: red;
}

.SPP-quoteonly {
    color: red !important;
    font-weight: bold;
}

.FormFields {
    margin-bottom: 2rem;
}

    .FormFields fieldset.checkbox-group {
        margin-bottom: 0;
    }

#QuoteCarrierLinks {
    background-color: #f0eadd;
    height: 40px;
    border: 1px solid #333333;
    padding-top: 10px;
    margin-bottom: 20px;
}

    #QuoteCarrierLinks div {
        padding: 10px 30px;
        display: inline;
    }

        #QuoteCarrierLinks div input {
            color: #60574a;
            font-weight: bold;
            text-decoration: underline;
            background: none !important;
            border: none;
            padding: 0 !important;
            font: inherit;
            cursor: pointer;
        }
#CV001adDwellingCoverageRequest{
    margin-right: -100px;
}

.windHailExclusionNotice {
    background-color: #FFAEC9;
}

#CV001adDwellingCoverageRequest{
    margin-right: -100px;
}

#RetentionQuoteReviewField {
    padding-bottom: 70px;
}

/* End Quote Page */

@media (max-width: 767px) {
    ul.form-fields > li {
        margin-bottom: 15px;
        margin-bottom: 1.5rem;
    }

        ul.form-fields > li ul li {
            margin-bottom: 10px;
            margin-bottom: 1rem;
        }

    form ul.form-fields > li fieldset.checkbox-group {
        margin-bottom: 10px;
        margin-bottom: 1rem;
    }

    .progress-bar--steps3 li:last-child .progress-bar-title {
        width: 7rem;
        white-space: normal;
        position: relative;
    }

    footer ul.footer-mobile li {
        width: 50%;
    }

    #SummaryContainer {
        text-align: center;
    }

    .InstallmentDetails {
        margin-left: 0;
    }

    .QuoteSummaryHeader {
        padding-left: 0;
    }

    .fullprice {
        padding-left: 0;
    }

    .fullpriceBundle {
        padding-left: 0;
    }

    .f_Address {
        width: 80%;
    }
}

.noPointer {
    cursor: default;
}

.ShowQuestion input {
    margin-top: 1rem;
}

.tooltip {
    min-height: 110px;
}

.wideTip {
    width: 550px;
}

.tooltip-image {
    width: 130px;
    float: left;
    margin-right: 10px;
    margin-right: 1rem;
}

.carrierLinks {
    font-size: 6px;
    color: #9e9586;
}

.linkRight {
    float: right;
}

.indentLeft10 {
    padding-left: 10px;
}

.contactPhoneNumber {
    color: #154995;
}
/* BEGIN RECALL VIEW*/
.blueHeader {
    color: #154995;
}

.marginBottom10 {
    margin-bottom: 10px;
    margin-top: 10px;
}

.recallHeader th {
    text-align: right;
    background-color: #bab4ab;
}

.btnLink {
    background: none !important;
    border: none;
    padding: 0 !important;
    color: #154995;
    font-size: 14px;
    /*border is optional*/
    border-bottom: 1px solid #444;
    cursor: pointer;
}
/* END RECALL VIEW*/

/* BEGIN QUOTE PAGE */

.fullprice {
    padding-left: 75px;
    padding-bottom: 10px;
    padding-top: 30px;
}

.fullpriceBundle {
    padding-left: 75px;
    padding-bottom: 10px;
    padding-top: 30px;
}

.effectiveDateLabel {
    display: inline;
}

#coverageChange {
    font-size: 13px;
    color: #b6091a;
}

#policyDisplay div.buttonArea {
    float: left;
    padding-left: 90px;
    height: 100px;
    width: 180px;
    text-align: center;
    vertical-align: middle;
}

.QuoteAmount .buttonArea {
    float: left;
    padding-left: 10px;
    text-align: center;
    vertical-align: middle;
}

.QuoteAmount .customerButtonArea {
    float: left;
    padding-left: 100px;
    text-align: center;
    vertical-align: middle;
}

.QuoteBuyButton {
    text-align: center;
}

#autoPolicyDiscountSection .price {
    color: #154995;
    font-size: 20px;
    line-height: 62px;
    padding: 0;
    text-align: left;
}

.blueText {
    color: #154995;
}

#autoPolicyDiscountSection .discountAmount {
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    color: #ff8800;
}

.fullprice sup {
    font-size: 30px;
    color: #154995;
    font-weight: bold;
    top: -0.9em;
}

.fullpriceBundle sup {
    font-size: 30px;
    color: rgb(55, 115, 202);
    font-weight: bold;
    top: -0.9em;
}

#fullAmtid, #LowestPlanDownPayAmtid {
    font-family: "Lato",sans-serif;
    font-size: 70px;
    color: #154995;
    font-weight: bold;
}

.PlanDownPayAmt {
    font-family: "Lato",sans-serif;
    font-size: 70px;
    color: #154995;
    font-weight: bold;
}

.BillMortOrPayFullMessage {
    padding-top: 10px;
    padding-bottom: 50px;
}

.installment, .InstallmentDetails {
    font-size: 14px;
    padding-bottom: 10px;
}

.InstallmentDetails {
    width: 200px;
    float: left;
    text-align: center;
    margin-left: 30px;
    padding-right: 1rem;
}

.InstallmentDetailsEFT {
    width: auto;
    float: none;
    text-align: center;
    margin-left: 30px;
}

.InstallmentDetailsSecond {
    float: left;
    text-align: center;
    font-size: 14px;
    padding-left: 10px;
}

    .InstallmentDetailsSecond #fullAmtid, .InstallmentDetails .padLeftAmount {
        font-weight: bold;
        color: #60574a;
    }

.installmentFeeSection {
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
    padding-bottom: 10px;
}

#premiumArea {
    text-align: center;
    background-color: transparent;
}

.imageDescription {
    font-size: 14px;
    color: #222222;
}

.greenText {
    color: #79c13e;
}

#quoteMessages ul {
    margin-bottom: 20px;
}

    #quoteMessages ul li {
        list-style-type: disc;
        margin-bottom: 5px;
        margin-left: 20px;
    }

.CoverageTitle {
    font-weight: bold;
}

.CoverageHeaders {
    padding: 20px 0;
}

.select-box {
    margin-top: 10px;
}

.select-box-no-margin {
    margin: 0;
}

.QuoteSummaryHeader {
    text-align: center;
}

#QuotePageAddress {
    display: block;
    padding-bottom: 10px;
    text-align: center;
    margin-top: 10px
}

#CR042aSafetyFeatures {
    border-bottom: 1px solid #e6e3dd;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.documentationRequired {
    color: #b6091a;
    line-height: normal;
    padding-top: 5px;
}

.autoDiscountMessageSection {
    float: left;
    text-align: center;
    margin-left: 130px;
}

.NotificationRequired {
    background-color: #f0eadd;
    padding-right: 30px;
}

#primarySSN {
    vertical-align: middle;
    padding-bottom: 40px;
    padding-right: 5px;
}

#secondarySSN {
    vertical-align: middle;
    padding-top: 30px;
}

.validation-message-300k {
    color: #b6091a;
    font-size: 14px;
}

.discountMessageTitle {
    color: #ff744a;
}

.ui-datepicker .ui-datepicker-title .select-box {
    margin-top: 0;
}

.ui-datepicker-trigger {
    margin-top: 10px;
}

.ThreeHundredkPopupFrame {
    width: 100%;
    height: 430px;
    z-index: 1;
    margin-bottom: 20px;
    padding: 0;
    border: none;
}


@media (max-width: 650px)
            {
    .docked-real-time-message-wrapper .docked-real-time-message-left .docked-real-time-message-real-quote .your-quote.h3 { width: 65px; }
}

@media (max-width: 800px) {
    .autoDiscountImageDiv {
        display: none;
    }

    #GeckoLeft {
        display: none;
    }


    .autoDiscountMessageSection {
        float: inherit;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .QuoteSummaryHeader {
        padding-left: 0;
    }

    .fullprice {
        padding-left: 0;
    }

    .fullpriceBundle {
        padding-left: 0;
    }

    #QuotePageAddress {
        padding-left: 0;
    }
}

@media (max-width: 500px) {
    #divider {
        display: none;
    }

    .InstallmentDetails {
        width: auto;
        float: none;
        padding-left: 0;
        margin-left: 0;
        margin-bottom: 10px;
    }

    .InstallmentDetailsSecond {
        display: inline-block;
        margin-bottom: 10px;
        padding-left: 0;
        float: inherit;
    }

    .FormSection .card-icon:before {
        display: none;
    }

    #QuoteData_Content span.card-icon {
        display: none;
    }

    .Coverages {
        padding-left: 0;
    }

    button.btn--primary {
        text-align: center;
        float: inherit;
    }

    .img-conf-gecko {
        display: none;
    }

    .btnLink {
        font-size: 12px;
    }

    .quoteSaved h1 {
        margin-top: 10px;
    }

    .EmailQuoteModal {
        width: 320px;
        left: 0;
    }

    .disclosureText p,
    .feesMessage {
        font-size: 13px;
        line-height: 16px;
    }

    .paymentPlanTable {
        margin-left: -30px;
    }

    .SummaryHeader {
        line-height: 24px;
        font-size: 24px;
    }
}

@media (max-width: 450px) {
    .ThreeHundredKPopupHeader {
        width: 100%;
    }

    .ThreeHundredkPopupFrame {
        width: 100%;
    }

    #LiabilityUnderwriting .extended-form {
        padding-left: 0;
    }
}
/* END QUOTE PAGE*/

/* START CONFIRMATION PAGE */
#OnlineAssurantActionsList li,
#OnlineTravelersActionsList li,
#OnlineHomesiteActionsList li {
    font-size: 14px;
    font-size: 1.4rem;
}

#CoveragesAccordian {
    padding-top: 5px;
    padding-bottom: 0;
}

.noticeFont {
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #333333;
    padding-top: 5px;
}

.noticeFontBundled {
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #333333;
    padding-top: 5px;
    padding-left: 60px;
}

.headerPadding {
    padding-top: 10px;
    padding-bottom: 10px;
}
/* END CONFIRMATION PAGE */

/* START NOTES POPUP */
.ui-dialog {
    border: 1px solid #e6e3dd;
    background-color: #ffffff;
    padding: 25px;
    z-index: 2;
}

.ui-dialog-titlebar-close {
    float: right;
}

.ui-widget-header {
    color: #154995;
    font-weight: bold;
}

    .ui-widget-header .ui-state-default {
        color: white;
        background-color: #154995;
    }
/* END NOTES POPUP */

@media (min-width: 768px) {
    ul.form-fields {
        margin-bottom: 10px;
        margin-bottom: 1rem;
    }

        ul.form-fields > li {
            margin-bottom: 20px;
            margin-bottom: 2rem;
        }

            ul.form-fields > li ul li {
                margin-bottom: 10px;
                margin-bottom: 1rem;
            }

    form ul.form-fields > li fieldset.checkbox-group {
        margin-bottom: 10px;
        margin-bottom: 1rem;
    }

    .checkboxList {
        margin-top: 0;
    }

    .gecko {
        background-image: url(../../Content/geico-design-kit/images/error-gecko.png);
        background-repeat: no-repeat;
        background-position: 52% -0%;
    }

    .QuoteBuyButton {
        text-align: center;
        padding-left: 130px;
    }
}
/*END Overrides to geico-kit */


/* Customer Info Page */
#CD006PriorAddressZip, #CD005PriorAddressStreet, #priorCity, #priorCityList, #priorState, #priorStateList {
    padding-bottom: 20px;
}

/* Portable area issue with no viewdata, input field gets named the same as the div show question field causing padding issue */
input#CD005PriorAddressStreet, input#CD006PriorAddressZip {
    padding-bottom: 0px;
}

.zipWarning {
    font-size: 13px;
    color: #b6091a;
}
/* END Customer Info Page */


form {
    clear: both;
}

/*** BEGIN validation ***/
.ShowValidationSummarySection {
    color: #b6091a;
    font-size: 1.3rem;
    margin-top: 20px;
}

.HideValidationSummarySection {
    display: none;
}

.field-validation-error {
    display: none;
}

.field-validation-valid {
    display: none;
}

.validation-summary-errors {
    font-size: 1.4rem;
    color: #b6091a;
    width: 100%;
}

.validation-summary-valid {
    display: none;
}

/*** END validation ***/

/* Final Details Page */
.divider {
    margin-left: -30px;
    margin-left: -3rem;
    margin-right: -30px;
    margin-right: -3rem;
    margin-bottom: 2rem;
    margin-bottom: 20px;
    border-bottom: 1px solid #F2ECE0;
}

.FormSectionTitle {
    color: #154995;
    padding-bottom: 10px;
}

.AlwaysVisibleFormSection {
    padding-bottom: 20px;
}

#DisclosureStatementsid .disclaimer ul.list {
    font-size: 13px;
}

.disclosureList li {
    font-size: 14px;
    font-size: 1.4rem;
    padding-bottom: 10px;
    padding-left: 20px;
}

#documentationRequiredBurglar {
    padding-bottom: 10px;
    color: #b6091a;
}

#documentationRequiredFire {
    color: #b6091a;
}

    #documentationRequiredBurglar .icon-alert, #documentationRequiredFire .icon-alert {
        color: #ff744a;
    }

.disclosureText p {
    font-size: 13px;
    line-height: 26px;
}
/* END OF Final Details Page */

/* START PARTNER REDIRECT */
.LibertyMutual-logo {
    background: url(../images/logos/LM-2color2.gif) no-repeat;
    height: 56px;
    width: 161px;
    display: inline-block;
}

.Homesite-logo {
    background: url(../images/logos/homesite.png) no-repeat;
    height: 70px;
    width: 208px;
    display: inline-block;
}

.ASI-logo {
    background: url(../images/logos/asi.png) no-repeat;
    height: 88px;
    width: 154px;
    display: inline-block;
}

.Arrowhead-logo {
    background: url(../images/logos/Arrowhead.png) no-repeat;
    height: 52px;
    width: 222px;
    display: inline-block;
}

.SecurityFirst-logo {
    background: url(../images/logos/SecurityFirstInsuranceCo.gif) no-repeat;
    height: 72px;
    width: 124px;
    display: inline-block;
}

.Stillwater-logo {
    background: url(../images/logos/StillwaterLogo.png) no-repeat;
    height: 56px;
    width: 200px;
    display: inline-block;
}

.Occidental-logo {
    background: url(../images/logos/OccidentalLogo.png) no-repeat;
    height: 65px;
    width: 250px;
    display: inline-block;
}

.FederatedNational-logo {
    background: url(../images/logos/FNLogoHorizLogo.png) no-repeat;
    height: 65px;
    width: 250px;
    display: inline-block;
}

.Generali-logo {
    background: url(../images/logos/GGA_PLAIN.png) no-repeat;
    height: 106px;
    width: 150px;
    display: inline-block;
}

.partnerName {
    vertical-align: bottom;
    float: left;
    padding: 10px;
}
/* END PARTNER REDIRECT */
/* START ERROR PAGES */
#errorBody {
    width: 60%;
    float: left;
}

#errorGecko {
    float: left;
}

@media (max-width: 767px) {
    #errorBody {
        width: 100%;
    }

    #errorGecko {
        display: none;
    }

    .oo_feedback_float {
        display: none;
    }

    .main-footer {
        margin-top: 30px;
    }

    header.main-header .nav-content {
        display: block;
    }
}
/* END ERROR PAGES */
.address {
    font-size: 14px;
    font-weight: bold;
}

.FormFields {
    margin-bottom: 2rem;
}

    .FormFields fieldset.checkbox-group {
        margin-bottom: 0;
    }

.suggestedclass {
    padding-left: 30px;
    padding-left: 3rem;
    font-size: 14px;
    font-size: 1.4rem;
}

.ShowQuestion input {
    margin-top: 1rem;
}


.helptext {
    font-size: 14px;
}

.topPadding20 {
    padding-top: 20px;
}

@media (min-width: 768px) {
    ul.form-fields {
        margin-bottom: 10px;
        margin-bottom: 1rem;
    }

        ul.form-fields > li {
            margin-bottom: 20px;
            margin-bottom: 2rem;
        }

            ul.form-fields > li ul li {
                margin-bottom: 10px;
                margin-bottom: 1rem;
            }

    form ul.form-fields > li fieldset.checkbox-group {
        margin-bottom: 10px;
        margin-bottom: 1rem;
    }
}

ul.verifylongaddress > li {
    list-style: disc;
    list-style-position: outside;
    list-style-image: url(../images/li-primary.gif);
    margin-left: 20px;
    margin-left: 2rem;
}

label.verifylongaddress {
    font-weight: bold;
}

td.savelink {
    float: left;
    margin-top: 30px;
    margin-top: 3rem;
    font-size: 1.4rem;
}

td.savebutton {
    float: right;
    margin-top: 30px;
    margin-top: 3rem;
}

.width {
    width: 100%;
}

.calltoprocessheader {
    padding-bottom: 10px;
    color: #154995;
}

.condoErrorMessage {
    padding-left: 30px;
}

.delete {
    text-decoration: underline;
    text-align: right;
    cursor: pointer;
}

.withSectionDivider {
    border-bottom: 1px solid #F2ECE0;
    margin-bottom: -9px;
}

.addnewloss {
    padding-top: 20px;
    padding-bottom: 20px;
}

.errorheader {
    color: #154995;
}

.quote {
    padding-top: 10px;
    color: #154995;
}

@media (min-width: 768px) {
    .gecko {
        background-image: url(../../Content/geico-design-kit/images/error-gecko.png);
        background-repeat: no-repeat;
        background-position: 52% -0%;
    }
}

ul.Kickoutreasons > li {
    list-style: disc;
    list-style-position: outside;
    list-style-image: url(../images/li-primary.gif);
    margin-left: 20px;
    margin-left: 2rem;
}

@media (min-width: 801px) {
    #home-get-a-quote > div {
        width: 400px;
        width: 40.0rem;
    }
}

/* Billing Page */

a.Logo_CreditCard {
    background: url("../geico-design-kit/images/CreditCardsLogo_200x35.jpg") no-repeat;
    width: 200px;
    height: 35px;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
}

.logo {
    vertical-align: middle;
}

.billingPaymentPlan {
    width: 40%;
    padding-bottom: 20px;
    padding-top: 3rem;
}

.billing50 {
    width: 50%;
    padding-bottom: 20px;
}

.billing60 {
    width: 60%;
    padding-bottom: 20px;
    padding-top: 8px;
}

.billingPaymentDateColumn {
    width: 20%;
    padding-bottom: 20px;
    padding-top: 8px;
}

.billingPayment10 {
    width: 15%;
    padding-bottom: 20px;
    padding-top: 3rem;
}

.billingPaymentRadioColumn {
    width: 15%;
    padding-bottom: 20px;
}

.topPadding {
    margin-top: 10px;
}

#NameInsuredid {
    color: #154995;
}

#AssurantDisclosure {
    padding-top: 20px;
    padding-bottom: 20px;
}

.travelersBillingPayment10 {
    width: 15%;
    padding-bottom: 20px;
    padding-top: 3rem;
    padding-left: 10px;
}

.travelersBillingPaymentRadioColumn {
    width: 15%;
    padding-bottom: 20px;
    padding-right: 4px;
    padding-top: 5px;
}

.topnbottomdivider {
    margin-left: -60px;
    margin-left: -6rem;
    margin-right: -30px;
    margin-right: -3rem;
    margin-bottom: 1rem;
    margin-bottom: 10px;
    border-bottom: 1px solid #F2ECE0;
    border-top: 1px solid #F2ECE0;
    padding-left: 60px;
    padding-left: 6rem;
    padding-right: 60px;
    padding-right: 6rem;
    padding-top: 20px;
    padding-top: 2rem;
    padding-bottom: 20px;
    padding-bottom: 2rem;
}

#PB013PaymentPlanOptionid .disclaimer {
    margin-top: -20px;
}

#PB001BillingDetailsAddressid li {
    margin-bottom: 20px;
    margin-bottom: 2rem;
}

.footerError-push {
    height: 10px;
    height: 1rem;
}

.recurring12PayMessage {
    padding-top: 20px;
    font-size: 16px;
    color: #154995;
}

.futurePayments, label[for=BillingInformationViewData_PB013PaymentPlanOption] {
    font-size: 16px;
    color: #154995;
}

/* END OF Billing Page*/

/* Property type landing page*/
#InsuranceTypeHeader {
    font-size: 16px;
}

.PLFormSection {
    padding-bottom: 20px;
}

#LForm .FormSection {
    padding-bottom: 30px;
}

/* END Property type landing page*/
@media (max-width: 480px) {
    .divider {
        margin-right: -15px;
        margin-right: -1.5rem;
    }
}

.claimhistory {
    text-align: center;
    font-weight: bold;
}

.prioraddressheader {
    font-weight: bold;
}


.tabs .tab-headline {
    border-left-style: none;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    font-size: 1.3rem;
    font-size: 13px;
    height: 75px;
    align-content: flex-start;
}

.tabs li:first-child .tab-headline {
    -webkit-border-top-left-radius: 1rem;
    -webkit-background-clip: padding-box;
    -moz-border-radius-topleft: 1rem;
    -moz-background-clip: padding;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    background-clip: padding-box;
    border-left-style: none;
    height: 75px;
}

.tabs li:last-child .tab-headline {
    -webkit-border-top-right-radius: 1rem;
    -webkit-background-clip: padding-box;
    -moz-border-radius-topright: 1rem;
    -moz-background-clip: padding;
    border-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
    background-clip: padding-box;
    border-left-style: none;
    height: 75px;
}

.tabs .tab-content {
    width: 99%;
}

.quoteimage {
    width: 30%;
}

.tdquotesummary {
    width: 70%;
}

.quotesummary {
    width: 100%;
}

.input-validation-error {
    border-color: #b6091a;
}

input.getzip-validation-error {
    border-color: #b6091a;
}

.tabs {
    margin-bottom: 0.5rem;
}

.f_Roof {
    width: 40%;
}

.f_Mine {
    width: 70%;
}

.otherstructuresrow {
    padding-top: 10px;
    padding-left: 50px;
}

.f_Dwelling {
    width: 60%;
}

.DwellingCovReg {
    vertical-align: middle;
}

.DwellingCovgReqAmount {
    padding-left: 10px;
}

#QPU001PetType .checkboxList {
    padding-top: 0;
    padding-bottom: 0;
    padding-top: 0rem;
    padding-bottom: 0rem;
}

.travelersCdeButton:disabled:hover {
    background-color: #f2f0ec;
    border-bottom-color: #e6e3dd;
    border-top-color: #e6e3dd;
    border-left-color: #e6e3dd;
    border-right-color: #e6e3dd;
    color: #bab4ab;
    cursor: not-allowed;
}

#QPU001PetType .checkboxList:before {
    top: 0;
}

#QPU001PetType .checkboxList:after {
    top: 6px;
}

.DogBreed {
    font-weight: bold;
    padding-bottom: 10px;
    padding-bottom: 1rem;
    padding-left: 50px;
}

.TravelersCdeErrorMessage {
}

.hiddenAnchor {
    display: none;
}

    .hiddenAnchor a span {
        height: 1px;
        width: 1px;
        position: absolute;
        overflow: hidden;
        top: -10px;
    }

.pad-right-space-icons {
    padding-right: 1em;
}

.geoStanAddressSelectionLabelOk {
    font-weight: bold;
    color: green;
}

.geoStanAddressSelectionLabelNotOk {
    font-weight: bold;
    color: red;
}

html.lt-ie9 .QuoteBuyButton {
    margin-top: 0;
}

html.lt-ie9 .quotebutton {
    margin-top: -38px;
}

html.lt-ie9 .tabs {
    margin-bottom: 0;
}

html.lt-ie9 .ui-datepicker-trigger {
    margin-top: 1px;
}

#CV025aHomeBusinessEndorsementlabel label:first-of-type {
    font-weight: bold;
}

#paymentPlanOptions {
    padding-bottom: 5px;
    padding-left: 5px;
    text-align: center;
    font-size: 14px;
}

.list-div div {
    display: list-item;
    margin-bottom: 10px;
}

.numberOfClaims_Message_CA {
    color: red;
    display: none;
}

.preset-results-container {
    overflow: auto;
    height: 500px;
}

.preset-search-results td {
    white-space: nowrap;
}

.preset-search-results th {
    white-space: nowrap;
    text-wrap: avoid;
    position: inherit;
}

.preset-search-results a {
    color: #154995;
    cursor: pointer;
    font-weight: bold;
}

.preset-recall-disabled {
    pointer-events: none;
}

.model-disclaimer {
    margin-right: auto;
    height: 80%;
    width: 100%;
    overflow: auto;
}

.decision-tree-modal div {
    height: 900px;
    width: 1000px;
}

.decision-tree-modal-content div {
    height: 900px;
    width: 1000px;
}

#fireplaceExcludeWoodStoveli{
    background-color: #ffffff !important;
    color: #60574A !important;
    font-weight: normal !important;
}

/* custom rewrite 4.1.4 */
.section-header.section--bluejay h3.add-margin {
    margin-bottom: 30px;
}

.ShowQuestion {
    position: relative;
}

    .ShowQuestion span.additionalText {
        bottom: 0;
    }

    .ShowQuestion label {
        cursor: pointer;
        font-size: 1.6rem;
        line-height: 1.6rem;
        font-weight: 700;
        color: #222222;
    }

span.textField {
    height: 55px;
}

.select-box span.textField {
    display: inherit;
}

.address.text-indent {
    text-indent: 25px;
}

.title-bar {
    background-color: #4789b6;
    margin: 0;
}

    .title-bar h1 {
        font-size: 20px;
        font-weight: bold;
        line-height: 125%;
        color: #ffffff;
        text-align: center;
        margin: 0;
        padding: 2rem;
    }

.FormSection.form--error label,
li.form--error div table tbody tr td div.ShowQuestion > label,
li.form--error div.ShowQuestion > label,
label.checkbox.checkboxList.form--error,
div.ShowQuestion-ValidationError .card-selection-wrapper h3,
.ShowQuestion-ValidationError > label {
    color: #b6091a;
}

    input[type="text"].form--error,
    input[type="password"].form--error,
    input[type="email"].form--error,
    input[type="number"].form--error,
    input[type="tel"].form--error,
    .select-box select.form--error,
    .select-box.form--error,
    div.ShowQuestion-ValidationError .card-selection-wrapper .card-selections .card-selections-card,
    .form--error > select,
    textarea.form--error,
    label.checkbox.checkboxList.form--error:before,
    form input[type="radio"] + label.radio.form--error:before {
        border-color: #b6091a;
        border-width: 0.2rem;
    }

.FormSection.BorderBottom {
    margin-bottom: 20px;
    margin-bottom: 2rem;
}

    .FormSection.BorderBottom span.geico-icon {
        float: left;
        margin-right: 20px;
        margin-right: 2rem;
    }

ul.list li p {
    margin: 0;
    padding: 0;
}

h3.propertyAddress {
    margin: 0;
}

h4.propertyLossHeader {
    margin: 0;
    padding-bottom: 0;
    padding-top: 20px;
    padding-top: 2rem;
}

.tableloss {
    width: 100%;
    margin-top: 20px;
    font-size: 1.4rem;
    font-size: 14px;
}

.lossheader {
    color: #154995;
    font-size: 16px;
    font-size: 1.6rem;
}

div.tableloss span.linkRight {
    text-decoration: underline;
    cursor: pointer;
}

    div.tableloss span.linkRight:hover {
        text-decoration: none;
    }

.disclaimer {
    overflow-y: auto;
    padding-bottom: 30px;
    margin-bottom: 2rem;
    margin-bottom: 20px;
}

    .disclaimer div {
        margin-bottom: 0;
    }

.Coverages {
    padding-left: 80px;
    padding-left: 8rem;
}

.ValuableItems {
    padding-left: 80px;
    padding-left: 8rem;
}

.SppValuableItems {
    padding-right: 50px;
}

.ValuableItems .section-header h3 {
    font-weight: 700;
    color: black;
}

.card-content span.geico-icon {
    float: left;
    margin-right: 20px;
    margin-right: 2rem;
    color: #3773ca;
}

.card-content p.icon-text {
    line-height: 60px;
}

span.additionalText {
    display: block;
}

input#QuoteReviewViewData_CV009PolicyEffectiveDate {
    text-align: center;
}

.separator-box {
    margin-top: 20px;
}

div#divCard {
    margin-top: 50px;
}

div#QuoteForAddress {
    margin-top: 30px;
    margin-bottom: 30px;
}

.agent-sidebar-p {
    margin-bottom: 0;
    clear: both;
}

button.btn--full-mobile, .btn.btn--full-mobile, a.btn:visited.btn--full-mobile, a.btn:active.btn--full-mobile {
    z-index: 2;
}

.btn--full-mobile {
    background-color: #a9a9a9;
}

li.form--error button.ui-datepicker-trigger {
    border-color: #b6091a;
    border-width: 0.2rem;
}

.threeHundredSubmit .btn {
    float: right;
}

.recal-button {
    text-align: right;
}

span.installments {
    width: auto;
    padding-right: 2px;
    padding-left: 2px;
}

#buyButton {
    margin-top: 20px;
    margin-top: 2rem;
}

#uutcomeRadios ul li label {
    margin-right: 20px;
}

.agent-sidebar-h3 {
    height: 50px;
}

.select-box-no-margin {
    margin: 0;
}

.margin-top-1-rem {
    margin-top: 1rem;
}

.margin-top-20-px {
    margin-top: 20px;
}

/* Agent: Search Results - Accordions & Tables */
#search-results-accordion-header th {
    color: white;
    width: 30%
}

#client-search-results-accordion-header th {
    color: white;
    width: 30%;
}

.medium.table.table--non-sortable {
    word-break: normal;
}

    .medium.table.table--non-sortable thead th {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .medium.table.table--non-sortable tbody td {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

.client-medium.table.table--non-sortable thead th {
    padding-left: 2rem;
    padding-right: 2rem;
}

.client-medium.table.table--non-sortable tbody td {
    padding-left: 2rem;
    padding-right: 2rem;
}

.table.table--non-sortable tbody tr:nth-child(even) {
    background-color: #fafafa;
}
/* End Agent: Search Results - Accordions & Tables*/

#DecisionTreeList {
    padding-left: 0;
}

form#PresetSearch {
    padding-top: 40px;
    padding-top: 4rem;
}

label[for=chk_DisplayNewFirst] {
    margin-right: 20px;
    margin-right: 2rem;
}

.disclaimerTitle.bold {
    font-weight: bold;
}

div.h2 {
    margin-top: 20px;
    margin-top: 2rem;
}

.gecko-auth-image {
    margin-top: 20px;
}

div#home-get-a-quote {
    margin-top: 20px;
    margin-top: 2rem;
}

div.accordion-headline.bg-gradient.section--denim::after div.accordion-headline.bg-gradient.section--bluejay::after {
    color: white;
}

.table tbody tr th {
    font-size: 1.6rem;
    font-weight: 700;
    vertical-align: bottom;
    padding-left: 2rem;
}

label[for="BillingInformationViewData_PB013PaymentPlanOption_DB31"] {
    padding-right: 2rem;
}

#lnkReturnToSearchScreen {
    float: right;
}

#footer-activity-id {
    font-size: 1.2rem;
    text-align: center;
    overflow-wrap: break-word;
}

#footer-opinion-lab {
    font-size: 1.2rem;
    text-align: center;
    padding-top: 1rem;
}

    #footer-opinion-lab > a {
        text-decoration: none;
        cursor: pointer;
    }

.notes-close {
    background: inherit;
}

.notes-submit {
    margin-top: 25px;
    margin-top: 2.5rem;
}

.card {
    margin-top: 20px;
    margin-top: 2rem;
}

.pattern-container.bg-color--cloudy {
    padding-top: 20px;
    padding-top: 2rem;
}

div#QuoteInformationCard p {
    margin-bottom: 0;
}

.helptext img {
    max-width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

form label.checkbox {
    height: 60px;
}

form li#safetyList table ul li label.checkbox
            {
    height: 25px;
}

form li#safetyList table fieldset div label.checkbox {
    height: 25px;
}

.remove-padding {
    padding: 0;
    padding-left: 0.7px;
}

/* override for removing so much whitespace and scrolling */
.ui-datepicker-trigger {
    margin-top: 5px;
    margin-left: -5px;
}

.pattern-container.bg-color--cloudy {
    padding-top: 0;
}

.section-header {
    margin-top: 5px;
    margin-bottom: .5rem;
}

span.geico-icon {
    width: 40px;
    height: 40px;
    font-size: 20px;
    line-height: 35px;
}

/* User Story 1900978: Improve Spacing for Touch Friendly Radio Button Questions on Customer Information Page */
ul.form-fields.customer-info-spacing > li > h2 {
    margin-bottom: 3rem;
}

/* The delegate-spacing class allows the <li> element's child elements to control the spacing. */
ul.form-fields.customer-info-spacing > li.delegate-spacing {
    margin-bottom: 0;
}

ul.form-fields.customer-info-spacing > li {
    margin-bottom: 3.5rem;
}

ul.form-fields.customer-info-spacing > li > ul > li {
    margin-bottom: 3.5rem;
}

ul.form-fields.customer-info-spacing > div > li {
    margin-bottom: 3.5rem;
}

/*Quote realtime docked message icon*/
.docked-real-time-message-real-quote span {
    width: 6rem !important;
    height: 6rem !important;
    font-size: 3rem !important;
    line-height: 5.6rem !important;
}

.section-header h3 {
    padding-top: 0;
    margin-bottom: 0;
    line-height: 40px;
    line-height: 4rem;
    margin-top: 20px;
    margin-top: 2rem;
}

.ShowQuestion label {
    font-size: 1.4rem;
    line-height: 1.4rem;
}

.ShowQuestion input {
    margin-top: 5px;
    margin-bottom: 10px;
}

p {
    font-size: 1.4rem;
    line-height: 2rem;
}

.select-box {
    margin-bottom: 10px;
    margin-bottom: 1rem;
}

.ShowQuestion span.additionalText {
    position: relative;
    bottom: 10px;
}

.section-header.section--bluejay h3.add-margin {
    margin-bottom: 10px;
    margin-bottom: 1rem;
}

div#QuoteForAddress {
    margin-top: 0;
    margin-bottom: 0;
}

    div#QuoteForAddress h3, h3.properyAddress {
        font-size: 16px;
        margin-top: 0;
    }

h3.FormSectionTitle {
    font-size: 20px;
    margin: 0;
    padding: 0;
}

.FormSection h3 {
    font-size: 16px;
    line-height: inherit;
}

#thankYou h2, #ProofOfInsurance h2, #manage h2 {
    font-size: 18px;
}

.card-content p.icon-text {
    line-height: 35px;
}

.page-header {
    margin-top: 1rem;
    margin-bottom: 0rem;
}

h2.blueHeader {
    margin-top: 20px;
    margin-top: 2rem;
}

#discountsHeader {
    margin: 0;
}

.page-header-right .geico-icon {
    margin-top: 5px;
    margin-top: .5rem;
    width: 6rem;
    height: 6rem;
    font-size: 3rem;
    line-height: 5.6rem;
}

#LForm .FormSection {
    padding-bottom: 0;
}

div#container {
    margin-top: 20px;
    margin-top: 2rem;
}

.fullprice {
    padding-left: 0;
    padding-bottom: 0;
    padding-top: 30px;
    text-align: center;
}

.fullpriceBundle {
    padding-left: 0;
    padding-bottom: 0;
    padding-top: 30px;
    text-align: center;
}

.Coverages .ShowQuestion .col-md-4 input[type="radio"] {
    position: absolute;
}

div#PB022DownPaymentMethodHomesite input[type="radio"] {
    position: absolute;
}

div#PB022DownPaymentMethodHomesite div.col-md-4.remove-padding {
    margin-top: 20px;
}

label.radio {
    margin-top: 20px;
}

/* resolves edge unicode bug */
br {
    font-family: "geico";
}

#Disclosures .row.page-group {
    height: 75px;
}

#Disclosures div.row.page-group div.col-md-3 label.radio {
    margin-top: 0;
}

.accordion-headline h3 {
    margin-top: 0;
}

ul#homeHasCheckboxes label.checkbox {
    height: 25px;
}

#homeDetailsCheckboxes label.checkbox {
    font-size: 1.4rem;
}

#homeDetailsCheckboxes {
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
    display: inline-block;
}

@media (max-width: 767px) {
    #homeDetailsCheckboxes {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
        display: inline-block;
    }
}

#SW111aAbandonedOffSiteVehicle {
    margin-top: -20px;
}

    #SW111aAbandonedOffSiteVehicle label{
        background-color: transparent !important;
        font-size: 1.4rem;
    }

#sw111VehicleOptions {
    margin-top: -50px;
    margin-left: 60px;
    font-weight: bold;
    font-size: 1.4rem;
}

#SW617HomeDetails {
    font-weight: bold;
    font-size: 1.4rem;
}

@media (min-width: 768px) {
    .QuoteBuyButton {
        text-align: center;
        padding-left: 0;
    }

    ul.form-fields > li {
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
    table.FormFields tbody tr td {
        display: block;
    }
}

/* Search Results Tables - Responsive */
@media (max-width: 950px) {
    .medium.table.table--non-sortable {
        word-break: break-all;
    }

    .client-medium.table.table--non-sortable {
        word-break: break-all;
    }
}

@media (max-width: 767px) {
    .table.table--non-sortable td, .table.table--sortable td {
        width: 100%;
    }

    .table.table--non-sortable thead tr, .table.table--sortable thead tr {
        position: inherit;
    }

    .medium.table.table--non-sortable thead tr, .table.table--sortable thead tr {
        position: absolute;
    }

    .medium.table.table--non-sortable tbody tr td, .table.table--sortable tbody tr td {
        width: inherit;
    }

    .table--non-sortable.table.medium {
        word-break: normal;
    }

    .medium.table.table--non-sortable tbody td {
        padding-left: 50%;
    }

    .client-medium.table.table--non-sortable thead tr, .table.table--sortable thead tr {
        position: absolute;
    }

    .client-medium.table.table--non-sortable tbody tr td, .table.table--sortable tbody tr td {
        width: inherit;
    }

    .table--non-sortable.table.client-medium {
        word-break: normal;
    }

    .client-medium.table.table--non-sortable tbody td {
        padding-left: 50%;
    }
}
/* End Search Results Tables - Responsive */

/* Final Outcome Existing Policies Table */
table#clientpolicylist td {
    display: block;
    border: none;
    position: relative;
    padding-left: 50%;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    white-space: normal;
    text-align: left;
}

    table#clientpolicylist td:before {
        content: attr(data-title);
        position: absolute;
        left: 0;
        width: 45%;
        padding-right: 1rem;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
    }

#clientpolicylist.table tbody tr {
    display: block;
    padding: 1rem;
}

table#clientpolicylist thead tr {
    display: block;
    position: absolute;
    top: -9999px;
    left: -9999px;
}

table#clientpolicylist th {
    display: block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
/* End Final Outcome Existing Policies Table */

#DecisionTreeList li a {
    text-decoration: none;
}

/* large screens */
@media (min-width: 768px) {
    #primary-footer {
        padding: 1rem;
        padding-top: 4rem;
    }

    #footer-activity-id {
        text-align: left;
        margin-left: 20px;
        overflow-wrap: break-word;
    }

    #footer-opinion-lab {
        display: none;
    }
}

@media (min-width: 481px) and (max-width: 767px) {

    .section-header {
        clear: both;
    }
}

/* smallest breakpoint */
@media (min-width: 0) and (max-width: 480px) {
    .form-buttons {
        width: 100%;
    }

    span.installments {
        display: block;
        width: 150px;
        position: relative;
        left: 28%;
    }

    .form-buttons {
        width: 100%;
        text-align: right;
        margin-top: 30px;
        margin-top: 3rem;
        margin-bottom: 30px;
        margin-bottom: 3rem;
    }

    #premiumamountid {
        text-align: left;
    }

    .quoteimage {
        display: none;
    }

    .location-bar-line {
        height: inherit;
    }
}

/* Policy Summary Web 4.0 Redesign */
.location-bar-policysummary h1 {
    margin-top: 25px;
    color: #154995;color: #154995;
}

.policysummary-email {
    float: left;
}

@media (max-width: 500px) {
    .policysummary-email {
        font-size: 14px;
    }
}

.summary-row {
    min-height: 50px;
    padding-top: 20px;
}

.summary-icon {
    clear: both;
}

.summary-text {
    padding-left: 6rem;
}

#summary, #policysummary-next {
    margin-top: 20px;
    margin-bottom: 20px;
}

.GetProofLink {
    color: #60574a;
    font-size: 14px;
    text-decoration: underline;
}

.GetProofDiv {
    text-align: center;
    margin-top: 30px;
}

.policysummary-links {
    text-align: right;
}
/* End Policy Summary Web 4.0 Redesign */

/* Web 4 Navigator */
#navigator-id li.active span.geico-icon {
    width: 6rem;
    height: 6rem;
    font-size: 3rem;
    line-height: 5.6rem;
}

#nav-policysummary.disabled div:after,
#nav-finaloutcome div:before {
    content: none;
}

#nav-quote.disabled div.no-after:after {
    content: none;
}

#NIP013PIPropertyStreetAddress input {
    width: 350px;
}

#ContinueToGeneraliBtn, #EmailIdInfoBtn, #generali-dialogSendEmail, #generali-dialogCloseEmail{
    padding-left: 1rem;
    padding-right: 1rem;
}

#GeneraliPlans
{
    width: 100%;
}

#dialog-generali-emailFieldContainer
{
    width: 300px;
}

#dialog-generali-comparePlansContainer
{
    max-width: 100rem;
}

    #dialog-generali-comparePlansContainer .modal-content
    {
        max-height: 60rem;
    }

    #dialog-generali-comparePlansContainer .table.table--non-sortable tbody tr:nth-child(odd) {
        background-color: #e2edf3;
    }

        #dialog-generali-comparePlansContainer .table.table--non-sortable tbody tr.table-row-standout,
        #dialog-generali-comparePlansContainer .table.table--non-sortable tbody tr:nth-child(odd).table-row-standout {
            color: #fff;
            background-color: #154995;
        }

@media (min-width: 768px) {
    #dialog-generali-comparePlansContainer .table.table--non-sortable td {
        padding-top: .5rem;
        padding-bottom: .5rem;
    }
}

@media (max-width: 767px) {
    #dialog-generali-comparePlansContainer .table.table--non-sortable td {
        padding-left: 25%;

        /* On a mobile screen, we want columns without a checkmark to have the same height as those with a checkmark. */
        min-height: 39px;
    }

        #dialog-generali-comparePlansContainer .table.table--non-sortable td.no-title {
            padding-left: 0;
            text-align: left;
        }

    #dialog-generali-comparePlansContainer .table.table--non-sortable thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
}

.no-titlebar .ui-dialog-titlebar {
    display: none;
}

@media (max-width: 949px) {
    .navigator-enabled--sidebar {
        width: 100%;
        float: left;
    }

    .navigator-enabled--body {
        width: 100%;
    }
}

#DecisionTreeList input,
#purchaseButton {
    z-index: 0;
}
/* End Web 4 Navigator */

/*Currency-Input GDK Override*/
.ShowQuestion span.currency-dollar-sign {
    padding-top: 1.65rem;
}
/*End Currency-Input GDK Override*/

/* Start Quote Comparison Styles */
.quote-comparison--default,
input.quote-comparison--default,
form input[type="radio"].quote-comparison--default:checked+label:before,
form input[type="checkbox"].quote-comparison--default:checked+label:before {
    background-color: #ffb7b7;
}

#quote-comparison--unattended-alert ul.alert-list {
    margin-left: 0;
}

#quote-comparison--unattended-alert h4 {
    padding-top: 4px;
    padding-right: 0;
}

#quote-comparison--unattended-alert p {
    padding-right: 0;
    padding-top: 15px;
}
/* End Quote Comparison Styles */

/* MultiDropdownWithScalar Styles */
@media (min-width: 768px) {
    .col-sm-2 {
        padding-left: .5rem;
        padding-right: .5rem;
    }
}

@media (min-width: 320px) and (max-width: 413px) {
    #multi-dropdown-percent {
        padding-left: .5rem;
        padding-right: .5rem;
        width: 21%;
    }
}

@media (min-width: 0) and (max-width: 480px) {
    form input[type=text].multi-input {
        padding-left: 5px;
        padding-right: 5px;
    }
}


.multi-input, .btn-remove, .btn--destructive {
    width: 100%;
    vertical-align: top;
    margin-top: 10px;
}

.multi-select {
    width: 100%;
}

.btn-remove {
    background-color: #154995;
    padding-left: 0;
    padding-right: 0;
    border: medium solid #154995;
    background-clip: border-box;
    height: 45px;
}

    .btn-remove:hover {
        background-color: #ffffff;
        color: #154995;
    }

input[id*="--multi-input"] {
    margin-top: 1rem;
}
/* End MultiDropdownWithScalar Styles */

/* Override CSS that resizes all icons */
#coveragePackage-accordion span.geico-icon, #coverageEndorsements-accordion span.geico-icon {
    width: 6rem;
    height: 6rem;
    font-size: 3rem;
}

#CoveragePackagesSection .accordion-content fieldset.form-field.checkbox-group {
    margin-bottom: 0;
}

#CoveragePackagesSection label.checkbox.checkbox {
    height: 20px;
}

#EndorsementsSection label.checkbox.checkbox {
    height: 0px;
}

#endorsementsQuestionlist li {
    padding-top: 0px;
    padding-bottom: 0px;
}

div#TV500BaseCoverageLevel {
    padding-left: 0;
}

/*only for endorsments with a dropbox and a details button*/
.endorsementsDropdown-floatleft {
    float: left;
}

.endorsmentsDetailsButton-alignmentFix {
    margin-top: 32px;
}
/*only for endorsments with a dropbox and a details button*/


.docked-real-time-message-wrapper .docked-real-time-message-left .docked-real-time-message-premium h5 {
    margin-left: 0;
}

@media (max-width: 375px) {
    .small-mobile-screen #NIP013PIPropertyStreetAddress input {
        width: 280px !important;
    }
}

@media (max-width: 320px) {
    .small-mobile-screen #NIP013PIPropertyStreetAddress input {
        width: 230px !important;
    }
}

@media (min-width: 768px) {
    #footer-push-container {
        height: 70px;
    }
}

h3.small-mobile-reduce-line-spacing {
    line-height: normal !important;
}

@media (min-width: 890px) {
    .BillingPageSideGutter {
        display: flex;
        flex-direction: row;
        margin-top: 5rem;
    }
}

#ContactUsBillingPageSideGutter {
    margin-left: 5rem;
    width: 50%;
}

.billingSideGutter {
    margin-left: 5rem;
    width: 35%;
}

section.payment-plan .payment-schedule-link {
    display: none;
}

section.payment-plan .payment-plan-wrapper .payment-plan-row .payment-plan-card > div .savings-wrapper .savings-message {
    font-size: 1.4rem;
    font-style: italic;
    margin-left: -1.3rem;
    vertical-align: bottom;
    line-height: 3rem;
}

section.payment-plan .payment-plan-wrapper .payment-plan-row .payment-plan-card {
    width: 17rem;
}

section#payment-plans {
    padding-top: 0;
}

h4.small-mobile-reduce-assumption{
    margin-top: 2rem;
    margin-bottom: 0;
}

h4.zipToQuote-modal {
    margin-right: 1rem;
    margin-top: 3rem;
}

div#disclaimer-breakdown {
    text-align: center !important;
    font-size: 1.5rem !important;
}

    div#disclaimer-breakdown-bttn {
        text-align: center !important;
        margin-top: 30px !important;
    }
/*had to do this because we used tooltip for the carrier status
    and it needs its own slightly different handling*/
div#CarrierStatus ul li div .tooltip-trigger {
    background-color: transparent;
}

.section--bluejay div .tooltip-trigger {
    background-color: #757374;
}

/*Added to handle the docked message review and buy button space issue*/
button#dockedContinue {
    padding-left: 2.5rem;
}
    /*Needed for haqq breakdown flow additional policy info helper text*/
    @media(max-width: 1083px) {

        .FormSection.HaqqDisclaimerHelper label.checkbox.checkboxList {
            width: 39rem !important;
        }
    }

    @media(max-width: 950px) {

        .FormSection.HaqqDisclaimerHelper label.checkbox.checkboxList {
            width: 37rem !important;
        }
    }

    @media(max-width: 513px) {

        .FormSection.HaqqDisclaimerHelper label.checkbox.checkboxList {
            width: 36rem !important;
        }
    }

    @media(max-width: 375px) {

        .FormSection.HaqqDisclaimerHelper label.checkbox.checkboxList {
            width: 30rem !important;
        }
    }

    @media(max-width: 320px) {

        .FormSection.HaqqDisclaimerHelper label.checkbox.checkboxList {
            width: 26.625rem !important;
        }
    }
 .image-selection-wrapper .image-selection-card .image-selections-image .roofImage img {
    width: 15rem;
}

.sum-nav-padding {
    padding-bottom: 15rem;
}

@media (max-width: 767px) {
    .sum-nav-padding {
        padding-bottom: 8rem;
    }
}

.BundleDivider {
    height: 1px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

#BundleQRHeaderText {
    color: rgb(55, 115, 202);
    font-size: 20px;
    font-weight: normal;
    height: 24px;
    text-align: center;
}

.BundleQRTotalAmountText {
    height: 17px;
    color: rgb(34, 34, 34);
    font-size: 14px;
    font-weight: normal;
    text-align: center;
}

#BundleQRAutoSavingsText {
    height: 19px;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    line-height: 19px;
}

#BundleQRAutoSavingsAmountText {
    color: #4ba449;
}

#BundleQRAddress {
    text-align: left;
    font-size: 16px;
    font-weight: normal;
}

#BundleClaimsHistory {
    text-align: center;
    font-weight: bold;
    padding-bottom: 10px;
}

#BundleSplitPaymentText {
    height: 17px;
    color: rgb(34, 34, 34);
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    margin-top: 2rem;
}

/* .checkboxLabelOnly is for hiding a disabled checkbox and displaying only its label text. */
form label.checkboxLabelOnly {
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-size: 1.6rem;
    line-height: 2.4rem;
    padding-left: 0;
    padding-top: 0.3rem;
    margin-bottom: 1.5rem;
}

/* .CardSelectWithRadioButtons is for making the CardSelect from DesignKit-V4.2.012519 look like
    the one from V4.2.060520.  It can all be removed when HISS upgrades to V4.2.060520.
*/
/* Erase the upper left corner shading. */
/*.section--bluejay .card-selection-wrapper .card-selections .card-selections-card.card-selections-selected:before {*/
.CardSelectWithRadioButtons .card-selection-wrapper .card-selections .card-selections-card:hover:before,
.CardSelectWithRadioButtons .card-selection-wrapper .card-selections .card-selections-card:focus:before,
.CardSelectWithRadioButtons .card-selection-wrapper .card-selections .card-selections-card.card-selections-selected:before {
    border-bottom: 0;
}

.CardSelectWithRadioButtons .card-selection-wrapper {
    position: relative;
    overflow: visible;
    width: 100%;
    margin-bottom: 3rem;
}

.CardSelectWithRadioButtons .card-selection-wrapper .card-selections {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
}

.CardSelectWithRadioButtons .card-selection-wrapper .card-selections .card-selections-card.firstInDiv {
    margin-top: 0;
}

.CardSelectWithRadioButtons .card-selection-wrapper .card-selections .card-selections-card {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    width: 80%;
    margin-top: 2rem;
    margin-bottom: 2rem;
    cursor: pointer;
    background-color: #ffffff;
    border-radius: 0.8rem;
    box-shadow: 0 1rem 1rem -1rem rgba(34, 34, 34, 0.05), 0 1.5rem 1.5rem 0 rgba(34, 34, 34, 0.05);
    border: 0.1rem solid rgba(0, 0, 0, 0.15);
    padding: 2rem 0 0 0;
}

.CardSelectWithRadioButtons .card-selection-wrapper .card-selections .card-selections-card .people, .card-selection-wrapper .card-selections .card-selections-card .coverage, .card-selection-wrapper .card-selections .card-selections-card .price {
    height: 8rem;
}

.CardSelectWithRadioButtons .card-selection-wrapper .card-selections .card-selections-card .people {
    background: url(../images/cardSelections/people.svg) center no-repeat;
    background-size: contain;
}

.CardSelectWithRadioButtons .card-selection-wrapper .card-selections .card-selections-card .coverage {
    background: url(../images/cardSelections/coverage.svg) center no-repeat;
    background-size: contain;
}

.CardSelectWithRadioButtons .card-selection-wrapper .card-selections .card-selections-card .price {
    background: url(../images/cardSelections/price.svg) center no-repeat;
    background-size: contain;
}

.CardSelectWithRadioButtons .card-selection-wrapper .card-selections .card-selections-card:hover {
    border: 0.1rem solid rgba(0, 0, 0, 0.3);
    box-shadow: 0 1.5rem 1.5rem -1rem rgba(34, 34, 34, 0.1), 0 2rem 2rem 0 rgba(34, 34, 34, 0.1);
    cursor: pointer;
}

.CardSelectWithRadioButtons .card-selection-wrapper .card-selections .card-selections-card:focus {
    background-color: #F5F8FC;
    border: 0.1rem solid #3773ca;
    box-shadow: 0 0 0.4rem 0.1rem #3773ca, 0 1.5rem 1.5rem -1rem rgba(34, 34, 34, 0.1), 0 2rem 2rem 0 rgba(34, 34, 34, 0.1);
}

.CardSelectWithRadioButtons .card-selection-wrapper .card-selections .card-selections-card:active {
    border: 0.1rem solid #3773ca;
    box-shadow: 0 0.5rem 0.5rem -0.5rem rgba(34, 34, 34, 0.1), 0 1rem 1rem -1rem rgba(34, 34, 34, 0.1);
    cursor: pointer;
}

.CardSelectWithRadioButtons .card-selection-wrapper .card-selections .card-selections-card.disabled {
    cursor: not-allowed;
    border: 0.1rem solid rgba(0, 0, 0, 0.15);
    color: #757374;
    background-color: #ededed;
}

.CardSelectWithRadioButtons .card-selection-wrapper .card-selections .card-selections-card.disabled:hover, .card-selection-wrapper .card-selections .card-selections-card.disabled:focus, .card-selection-wrapper .card-selections .card-selections-card.disabled:active {
    background-color: #ffffff;
    box-shadow: 0 1rem 1rem -1rem rgba(34, 34, 34, 0.05), 0 1.5rem 1.5rem 0 rgba(34, 34, 34, 0.05);
    border: 0.1rem solid rgba(0, 0, 0, 0.15);
}

.CardSelectWithRadioButtons .card-selection-wrapper .card-selections .card-selections-card .radio {
    content: '';
    position: absolute;
    display: block;
    background-color: #ffffff;
    border: 0.2rem solid #757374;
    height: 2.2rem;
    width: 2.2rem;
    top: 1rem;
    right: 1rem;
    border-radius: 50%;
}

.CardSelectWithRadioButtons .card-selection-wrapper .card-selections .card-selections-card .checkbox {
    content: '';
    position: absolute;
    display: block;
    background-color: #ffffff;
    border: 0.2rem solid #757374;
    height: 2.2rem;
    width: 2.2rem;
    top: 1rem;
    right: 1rem;
    border-radius: .4rem;
}

.CardSelectWithRadioButtons .card-selection-wrapper .card-selections .card-selections-card .card-selections-header {
    text-align: center;
    display: block;
    width: 100%;
    /*padding-top: 2rem;*/
    padding: 0 2rem 0 2rem;
    flex: 1 1 auto;
}

.CardSelectWithRadioButtons .card-selection-wrapper .card-selections .card-selections-card .card-selections-header h3 {
    margin: 0 auto;
}

.CardSelectWithRadioButtons .card-selection-wrapper .card-selections .card-selections-card .card-selections-header p {
    font-size: 1.8rem;
    width: 90%;
    margin: 0 auto;
}

.CardSelectWithRadioButtons .card-selection-wrapper .card-selections .card-selections-card .card-selections-content {
    width: 100%;
    /*padding: 2rem;*/
    padding: 0 2rem 2rem 2rem;
    flex: 1 1 auto;
}

.CardSelectWithRadioButtons .card-selection-wrapper .card-selections .card-selections-card .card-selections-content.content-left, .card-selection-wrapper .card-selections .card-selections-card .card-selections-content .content-left {
    display: block;
    text-align: left;
}

.CardSelectWithRadioButtons .card-selection-wrapper .card-selections .card-selections-card div.card-selections-footer {
    width: 100%;
    padding: -2rem 0 0 0;
    flex: 1 1 auto;
    color: #ffffff;
    background-color: #3C823A;
    text-align: center;
    vertical-align: bottom;
    border-bottom-right-radius: 0.8rem;
    border-bottom-left-radius: 0.8rem;
}

.CardSelectWithRadioButtons .card-selection-wrapper .card-selections .card-selections-card p {
    margin-bottom: 0;
}

.CardSelectWithRadioButtons .card-selection-wrapper .card-selections p.summary-text {
    margin-bottom: 0;
    text-align: left;
    padding-left: 0;
}

.CardSelectWithRadioButtons .card-selection-wrapper .card-selections p.summary-text:hover {
    cursor: pointer;
}

.CardSelectWithRadioButtons .card-selection-wrapper .card-selections .card-selections-card .recommended {
    background-color: #3C823A;
    color: #ffffff;
    font-size: 1.4rem;
    font-style: italic;
    font-weight: 700;
    border-radius: 0 0 0.8rem 0.8rem;
    text-align: center;
}

.CardSelectWithRadioButtons .card-selection-wrapper .card-selections .card-selections-card .header-text {
    margin-right: 3rem;
    margin-left: 3rem;
}

.CardSelectWithRadioButtons .card-selection-wrapper .card-selections .card-selections-card.card-selections-selected {
    background-color: #F5F8FC;
    box-shadow: 0 1.5rem 1.5rem -1rem rgba(34, 34, 34, 0.1), 0 2rem 2rem 0 rgba(34, 34, 34, 0.1), 0 0 0 0.1rem #3773ca;
    border: 0.1rem solid #3773ca;
}

.CardSelectWithRadioButtons .card-selection-wrapper .card-selections .card-selections-card.card-selections-selected .icon-confirmation {
    background-color: #3773ca;
    color: #ffffff;
    /*border: 0.2rem solid #3773ca;*/
    border-radius: 100%;
    position: absolute;
    top: .9rem;
    right: 1rem;
}

.CardSelectWithRadioButtons .card-selection-wrapper .card-selections .card-selections-card.card-selections-selected span.icon-confirmation:before {
    display: block;
    padding: .3rem;
    font-size: 1.2rem;
    background-color: #3773ca;
    color: #ffffff;
    border: 0.2rem solid #3773ca;
    border-radius: 50%;
    position: absolute;
    top: auto;
    right: 0;
    left: auto;
}

.CardSelectWithRadioButtons .card-selection-wrapper .card-selections .card-selections-card.card-selections-selected.checkboxes .icon-confirmation {
    border-radius: .4rem;
}

.CardSelectWithRadioButtons .card-selection-wrapper .card-selections .card-selections-card.card-selections-selected:hover, .card-selection-wrapper .card-selections .card-selections-card.card-selections-selected:focus {
    background-color: #F5F8FC;
    box-shadow: 0 1.5rem 1.5rem -1rem rgba(34, 34, 34, 0.1), 0 2rem 2rem 0 rgba(34, 34, 34, 0.1), 0 0 0 0.1rem #3773ca;
    border: 0.1rem solid #3773ca;
}

.CardSelectWithRadioButtons .card-selection-wrapper .card-selections .card-selections-card.card-selections-selected .people {
    background: url(../images/cardSelections/people_selected.svg) center no-repeat;
    background-size: contain;
}

.CardSelectWithRadioButtons .card-selection-wrapper .card-selections .card-selections-card.card-selections-selected .coverage {
    background: url(../images/cardSelections/coverage_selected.svg) center no-repeat;
    background-size: contain;
}

.CardSelectWithRadioButtons .card-selection-wrapper .card-selections .card-selections-card.card-selections-selected .price {
    background: url(../images/cardSelections/price_selected.svg) center no-repeat;
    background-size: contain;
}

.CardSelectWithRadioButtons .card-selection-wrapper .card-selections .card-selections-card.card-selections-selected .recommended {
    border-radius: 0 0 .6rem .6rem;
}

.CardSelectWithRadioButtons .card-selection-wrapper .card-selections .content-space-around {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
}

.CardSelectWithRadioButtons .card-selection-wrapper .card-selections.card-selections--slim .card-selections-card {
    padding: 1rem 2rem;
}

.CardSelectWithRadioButtons .card-selection-wrapper .card-selections.card-selections--slim .card-selections-card .card-selections-content {
    padding-top: .5rem;
    padding-right: 1.8rem;
}

.CardSelectWithRadioButtons .card-selection-wrapper .card-selections.card-selections--slim .card-selections-card .card-selections-content p {
    margin-bottom: .5rem;
}

.CardSelectWithRadioButtons .card-selection-wrapper.form-field--error > h3 {
    color: #B6091A;
    font-weight: 700;
}

.CardSelectWithRadioButtons .card-selection-wrapper.form-field--error .card-selections-card {
    border: 0.2rem solid #B6091A;
}

.CardSelectWithRadioButtons .card-selection-wrapper.form-field--error .card-selections-card:hover {
    border: 0.2rem solid #B6091A;
    box-shadow: 0 1.5rem 1.5rem -1rem rgba(34, 34, 34, 0.1), 0 2rem 2rem 0 rgba(34, 34, 34, 0.1);
}

.CardSelectWithRadioButtons .card-selection-wrapper.form-field--error .card-selections-card:focus {
    background-color: #F5F8FC;
    box-shadow: 0 0 0.4rem 0.1rem #B6091A, 0 1.5rem 1.5rem -1rem rgba(34, 34, 34, 0.1), 0 2rem 2rem 0 rgba(34, 34, 34, 0.1);
}

@media screen and (max-width: 767px) {
    .CardSelectWithRadioButtons .card-selection-wrapper .card-selections.three-column .card-selections-card {
        width: 80%;
    }
}

@media screen and (max-width: 650px) {
    .CardSelectWithRadioButtons .card-selection-wrapper .card-selections {
        display: block;
    }

    .CardSelectWithRadioButtons .card-selection-wrapper .card-selections .card-selections-card {
        width: 100%;
    }

    .CardSelectWithRadioButtons .card-selection-wrapper .card-selections.three-column .card-selections-card {
        width: 100%;
    }
}

.CardSelectWithRadioButtons .card-selection-wrapper .card-selections .card-selections-card .card-selections-header h3 {
    color: black;
    text-align: left;
    margin-left: 0;
}

.CardSelectWithRadioButtons .card-selection-wrapper .card-selections .card-selections-card .card-selections-content hr {
    border-color: blue;
    margin: 1em 0 1em 0;
    height: 1px;
    border-width: 2px;
}

.CardSelectWithRadioButtons .card-selection-wrapper .card-selections .card-selections-card .card-selections-content .main-payment-amt {
    color: #154995;
    font-size: 20px;
}

.CardSelectWithRadioButtons .card-selection-wrapper .card-selections .card-selections-card .card-selections-content .main-payment-text {
    font-size: 16px;
}

.CardSelectWithRadioButtons .card-selection-wrapper .card-selections .card-selections-card .card-selections-content .installment-fee-text {
    font-size: 12px;
}

.CardSelectWithRadioButtons div#AdditionalCards {
    width: 100%;
}
#QSIFeedbackButton-btn {
    height: 8.5rem !important;
}

/* Pricing Cards */
.pricing-cards-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 3rem;
}

.pricing-card {
    background-color: #ffffff;
    border-radius: 0.8rem;
    box-shadow: 0 1rem 1rem -1rem rgba(34, 34, 34, 0.05), 0 1.5rem 1.5rem 0 rgba(34, 34, 34, 0.05);
    border: 0.1rem solid rgba(0, 0, 0, 0.15);
    max-width: 42rem;
    width: 100%;
    padding: 1.5rem 3rem;
    margin-bottom: 3rem;
}

.pricing-card-same-width {
    max-width: 42rem;
    padding: 0 2rem;
}

.pricing-card-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pricing-cards-wrapper .description-text {
    font-size: 1.4rem;
}

.pricing-cards-wrapper .monetary {
    padding-top: 1rem;
    padding-bottom: .5rem;
}

.pricing-cards-wrapper .monetary-text {
    font-size: 3.6rem;
    padding-left: 1rem;
}

.pricing-cards-wrapper .details {
    border-top: 0.1rem solid #ededed;
    width: 100%;
    text-align: center;
    padding-top: 1.5rem;
    margin-top: 1rem;
}

.breakdown-layout-header-right-link {
    font-weight: 700;
    outline: 0;
    font-size: 1.4rem;
    line-height: 6rem;
    text-decoration: none;
    text-transform: uppercase;
    color: #ffffff;
    float: right;
}

/* Date-of-Birth icons from V4.3.  It can all be removed when HISS upgrades to V4.3.
*/
.date-of-birth {
    position: relative;
}

input[type="tel"].date-of-birth-number {
    width: 18rem;
    padding-right: 6rem;
}

.date-of-birth-show-hide {
    font-size: 2.5rem;
    position: absolute;
    font-weight: bolder;
    text-decoration: none;
    cursor: pointer;
    left: 14rem;
    margin-top: 1.1rem;
}

.disabled .date-of-birth-show-hide {
    display: none;
}

.edit .date-of-birth-show-hide {
    background-color: #ffffff;
    padding: .6rem 1.5rem 0rem 1.5rem;
    margin-top: 0.6rem;
    border-radius: .2rem;
    left: 12.35rem;
}

    .edit .date-of-birth-show-hide .icon-edit {
        position: relative;
        bottom: 2px;
    }

.ShowQuestion-ValidationError .date-of-birth-show-hide {
    margin-top: 0.7rem;
}

/* NOTE: To display the "show" and "hide" icons, I replaced the geico.* font files in \Web\Content\DesignKit-V4.2.012519\fonts
    and the sprite.* files in \Web\Content\DesignKit-V4.2.012519\images\sprite
    with the corresponding files from Design Kit version 4.3.
*/
.icon-show:before, .geico-icon--actionable.icon-show:after {
    content: "\e373";
    color: #3773ca;
}

.icon-hide:before, .geico-icon--actionable.icon-hide:after {
    content: "\e374";
    color: #3773ca;
}
