/* GENERAL */
.html {
    -webkit-font-smoothing: antialiased;
}

.body {
    background-color: #f8f8f8;
    font-family: Roboto, sans-serif !important;
    font-weight: 400;
    font-size: 1rem;
}

a, a:hover {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

p, a, h1, h2, h3, h4, h5, h6, ol, ul, li {
    font-family: Roboto, sans-serif;
}

small {
    font-size: .9rem;
}

/* Hide Edge Reveal Password Icon */
input::-ms-reveal, input::-ms-clear {
    display: none !important;
}

@media screen and (hover: hover) {
    ::-webkit-scrollbar {
        width: .8rem;
        border: none;
    }

    ::-webkit-scrollbar-button {
        width: .8rem;
        height: .8rem;
    }

        ::-webkit-scrollbar-button:vertical:decrement {
            background: url("/Images/Icons/caret-up-solid.png");
            background-size: .78rem .78rem;
            background-color: #c2c3c9;
        }

        ::-webkit-scrollbar-button:vertical:increment {
            background: url("/Images/Icons/caret-down-solid.png");
            background-size: .78rem .78rem;
            background-color: #c2c3c9;
        }

        ::-webkit-scrollbar-button:horizontal:decrement {
            background: url("/Images/Icons/caret-left-solid.png");
            background-size: .78rem .78rem;
            background-color: #c2c3c9;
        }

        ::-webkit-scrollbar-button:horizontal:increment {
            background: url("/Images/Icons/caret-right-solid.png");
            background-size: .78rem .78rem;
            background-color: #c2c3c9;
        }

    ::-webkit-scrollbar:horizontal {
        height: .8rem;
        border: none;
    }

    ::-webkit-scrollbar-track {
        background: #e8e8ec;
    }

    ::-webkit-scrollbar-thumb {
        background: #c2c3c9;
    }

        ::-webkit-scrollbar-thumb:hover {
            background: #c2c3c9;
        }
}


/* Temp Chrome Auto Fill Input Colour Fix */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1.875rem white inset !important;
}

/* Google Maps Pop Up Window Fix */
div.gm-style-iw-d {
    overflow: auto !important;
    padding: 5px 12px 15px 0px !important;
}

.green {
    color: #58b957;
}

.greenButton {
    color: white !important;
    background-color: #58b957;
    border: solid 1px #4fa74e;
}

    .greenButton:hover {
        color: white !important;
        background-color: #4fa74e;
        border: solid 1px #4fa74e;
    }

    .greenButton:disabled {
        color: white !important;
        background-color: #ced1d4;
        border: solid 1px #bfc4c7;
        cursor: default;
    }

.greenLink {
    color: #58b957;
    text-decoration: none;
}

    .greenLink:hover {
        color: #4fa74e;
        text-decoration: underline;
    }

.aqua {
    color: #5bc0de;
}

.aquaButton {
    color: white !important;
    background-color: #5bc0de;
    border: solid 1px #56b6d3;
}

    .aquaButton:hover {
        color: white;
        background-color: #56b6d3;
        border: solid 1px #56b6d3;
    }

    .aquaButton:disabled {
        color: white !important;
        background-color: #ced1d4;
        border: solid 1px #bfc4c7;
        cursor: default;
    }

.aquaLink {
    color: #5bc0de;
    text-decoration: none;
}

    .aquaLink:hover {
        color: #56b6d3;
        text-decoration: underline;
    }

.aquaLine {
    border-top: 1px solid #5bc0de;
}

.aquaDark {
    color: #4592a9;
}

.aquaDarkButton {
    color: white !important;
    background-color: #4592a9;
    border: solid 1px #3e8498;
}

    .aquaDarkButton:hover {
        color: white;
        background-color: #3e8498;
        border: solid 1px #3e8498;
    }

    .aquaDarkButton:disabled {
        color: white !important;
        background-color: #ced1d4;
        border: solid 1px #bfc4c7;
        cursor: default;
    }

.subscriber {
    color: #84276b;
}

.subscriberLine {
    border-top: 1px solid #84276b;
}

.grey {
    color: #727c83;
}

.greyButton {
    color: white;
    background-color: #727c83;
    border: solid 1px #656f76;
}

    .greyButton:hover {
        color: white;
        background-color: #656f76;
        border: solid 1px #656f76;
    }

    .greyButton:disabled {
        color: white !important;
        background-color: #ced1d4;
        border: solid 1px #bfc4c7;
        cursor: default;
    }

.greyLink {
    color: #727c83;
    text-decoration: none;
}

    .greyLink:hover {
        color: #656f76;
        text-decoration: underline;
    }

.blue {
    color: #4576a9;
}

.blueButton {
    color: white;
    background-color: #4576a9;
    border: solid 1px #3e6a98;
}

    .blueButton:hover {
        color: white;
        background-color: #3e6a98;
        border: solid 1px #3e6a98;
    }

    .blueButton:disabled {
        color: white !important;
        background-color: #ced1d4;
        border: solid 1px #bfc4c7;
        cursor: default;
    }

.blueLink {
    color: #4576a9;
    text-decoration: none;
}

    .blueLink:hover {
        color: #3e6a98;
        text-decoration: underline;
    }

.blueLine {
    color: #4576a9;
    background-color: #4576a9;
}

.whiteButton {
    color: black;
    background-color: white;
    border: solid 1px rgba(0, 0, 0, .125); /* #ced1d4; #f5f5f5; */
}

    .whiteButton:hover {
        color: black;
        background-color: #f5f5f5; /* #fdfdfd; */
        border: solid 1px rgba(0, 0, 0, .125); /* #ced1d4; #f5f5f5; */
    }

.red {
    color: Red;
}

.gold {
    color: #d1bc7c;
}

.goldButton {
    color: white !important;
    background-color: #d1bc7c;
    border: solid 1px #bdaa70;
}

    .goldButton:hover {
        color: white !important;
        background-color: #bdaa70;
        border: solid 1px #bdaa70;
    }

    .goldButton:disabled {
        color: white !important;
        background-color: #ced1d4;
        border: solid 1px #bfc4c7;
        cursor: default;
    }

.goldLink {
    color: #d1bc7c;
    text-decoration: none;
}

    .goldLink:hover {
        color: #bdaa70;
        text-decoration: underline;
    }

    .goldLink a {
        color: #d1bc7c;
        text-decoration: none;
    }

        .goldLink a:hover {
            color: #bdaa70;
            text-decoration: underline;
        }

.silver {
    color: #a9a0a9;
}

.silverButton {
    color: white !important;
    background-color: #a9a0a9;
    border: solid 1px #989098;
}

    .silverButton:hover {
        color: white !important;
        background-color: #989098;
        border: solid 1px #989098;
    }

    .silverButton:disabled {
        color: white !important;
        background-color: #ced1d4;
        border: solid 1px #bfc4c7;
        cursor: default;
    }

.silverLink {
    color: #a9a0a9;
    text-decoration: none;
}

    .silverLink:hover {
        color: #989098;
        text-decoration: underline;
    }

.bronze {
    color: #956f37;
}

.bronzeButton {
    color: white !important;
    background-color: #956f37;
    border: solid 1px #866432;
}

    .bronzeButton:hover {
        color: white !important;
        background-color: #866432;
        border: solid 1px #866432;
    }

    .bronzeButton:disabled {
        color: white !important;
        background-color: #ced1d4;
        border: solid 1px #bfc4c7;
        cursor: default;
    }

.bronzeLink {
    color: #956f37;
    text-decoration: none;
}

    .bronzeLink:hover {
        color: #866432;
        text-decoration: underline;
    }

.blueAlt {
    color: #3a7ab1;
}

.blueAltButton {
    color: white !important;
    background-color: #3a7ab1;
    border: solid 1px #346ea0;
}

    .blueAltButton:hover {
        color: white !important;
        background-color: #346ea0;
        border: solid 1px #346ea0;
    }

    .blueAltButton:disabled {
        color: white !important;
        background-color: #ced1d4;
        border: solid 1px #bfc4c7;
        cursor: default;
    }

.blueAltLink {
    color: #3a7ab1;
    text-decoration: none;
}

    .blueAltLink:hover {
        color: #346ea0;
        text-decoration: underline;
    }

.blackLine {
    color: Black;
    background-color: Black;
}

a .card {
    background-color: White !important;
}

    a .card:hover {
        background-color: #fafafa !important;
    }


.disabledButton {
    color: white !important;
    background-color: #ced1d4 !important;
    border: solid 1px #bfc4c7 !important;
    cursor: default;
}

.thin {
    font-weight: 300;
}

.regular {
    font-weight: 400;
}

.bold {
    font-weight: 500;
}

.extrabold {
    font-weight: 700;
}

.reference {
    font-weight: 500;
    font-style: italic;
    font-size: .75rem;
}

.allUpperCase {
    text-transform: uppercase;
}

.allLowerCase {
    text-transform: lowercase;
}

.capitalize {
    text-transform: capitalize;
}

.largeMargins {
    margin: 3.125rem 0;
}

@media screen and (max-width: 767px) {
    .largeMargins {
        margin: 1.563rem 0;
    }
}

@media screen and (max-width: 370px) {
    .largeMargins {
        margin: .938rem 0;
    }
}

.mediumMargins {
    margin: 2.5rem 0;
}

@media screen and (max-width: 767px) {
    .mediumMargins {
        margin: 1.25rem 0;
    }
}

@media screen and (max-width: 370px) {
    .mediumMargins {
        margin: .625rem 0;
    }
}

.mediumMarginsAlt {
    margin: 2.5rem 0 1.25rem 0;
}

@media screen and (max-width: 767px) {
    .mediumMarginsAlt {
        margin: 1.25rem 0 .625rem 0;
    }
}

@media screen and (max-width: 370px) {
    .mediumMarginsAlt {
        margin: .625rem 0 .3125rem 0;
    }
}

.linkRow {
    color: #4a4a4a !important;
}

    .linkRow:hover {
        color: rgba(74,74,74,0.5) !important;
    }


    .linkRow a {
        color: #4a4a4a !important;
    }

        .linkRow a:hover {
            color: rgba(74,74,74,0.5) !important;
            text-decoration: none !important;
        }

.pagePanelOuter {
    background-color: #f8f8f8;
}

.closeButtonIcon {
    font-size: 1.6rem;
    color: rgba(255,0,0,0.7);
    vertical-align: top;
}

    .closeButtonIcon:hover {
        color: rgba(255,0,0,1);
    }

.dangerAlertCloseButtonIcon {
    font-size: 1.4rem;
    color: #761b28;
    vertical-align: top;
}

    .dangerAlertCloseButtonIcon:hover {
        color: rgba(118,27,40,1);
    }

.warningAlertCloseButtonIcon {
    font-size: 1.4rem;
    color: #564014;
    vertical-align: top;
}

    .warningAlertCloseButtonIcon:hover {
        color: rgba(86,64,20,1);
    }

.successAlertCloseButtonIcon {
    font-size: 1.4rem;
    color: #0c321c;
    vertical-align: top;
}

    .successAlertCloseButtonIcon:hover {
        color: rgba(12,50,28,1);
    }

.globalPaymentsIFrame {
    height: 680px;
    width: 440px;
    border: none;
}

@media screen and (max-width: 767px) {
    .globalPaymentsIFrame {
        width: 290px;
    }
}

.firstInsuranceFundingIFrame {
    height: 996px;
    width: 100%;
    border: none;
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 1199px) {
    .firstInsuranceFundingIFrame {
        height: 1058px;
    }
}

@media screen and (max-width: 991px) {
    .firstInsuranceFundingIFrame {
        height: 1316px;
    }
}

@media screen and (max-width: 767px) {
    .firstInsuranceFundingIFrame {
        height: 1340px;
    }
}

@media screen and (max-width: 575px) {
    .firstInsuranceFundingIFrame {
        height: 1364px;
    }
}

@media screen and (max-width: 467px) {
    .firstInsuranceFundingIFrame {
        height: 1540px;
    }
}

@media screen and (max-width: 350px) {
    .firstInsuranceFundingIFrame {
        height: 1726px;
    }
}


/* HEADER */
.linkHeaderPanel {
    background-color: #4a4a4a;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 6000;
}

.linkHeaderRow {
    height: 2.8125rem;
    padding-right: 0;
}

@media screen and (max-width: 767px) {
    .linkHeaderRow {
        height: 2.5rem;
    }
}

@media screen and (max-width: 370px) {
    .linkHeaderRow {
        height: 2.1875rem;
    }
}

.linkHeaderColumn {
    align-items: stretch;
    overflow-y: hidden;
}

.languageSelect {
    height: 2.8125rem;
    margin: 0;
    padding: .75rem .875rem 0rem .875rem;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: .875rem;
    color: white;
    background-color: inherit;
    border: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
}

    .languageSelect:hover {
        color: white;
        text-decoration: none;
        background-color: #373737;
    }

@media screen and (max-width: 767px) {
    .languageSelect {
        height: 2.5rem;
        font-size: .75rem;
        padding: .675rem .7875rem 0rem .7875rem;
    }
}

@media screen and (max-width: 370px) {
    .languageSelect {
        height: 2.1875rem;
        font-size: .625rem;
        padding: .605rem .706rem 0rem .706rem;
    }
}

.topLogInButton {
    height: 2.8125rem;
    font-size: .875rem;
    margin: 0rem 1rem 0rem 1rem;
    padding: .75rem .875rem 0rem .875rem;
    color: white;
    background-color: #58b957;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    border: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
}

    .topLogInButton:hover {
        text-decoration: none;
        background-color: #469446;
    }

@media screen and (max-width: 767px) {
    .topLogInButton {
        height: 2.5rem;
        font-size: .75rem;
        padding: .675rem .7875rem 0rem .7875rem;
    }
}

@media screen and (max-width: 370px) {
    .topLogInButton {
        height: 2.1875rem;
        font-size: .625rem;
        padding: .605rem .706rem 0rem .706rem;
    }
}

.topLogInButtonIcon {
    font-size: .875rem;
    color: white;
    margin: 0;
    padding: 0;
    margin-right: .35rem;
}

@media screen and (max-width: 767px) {
    .topLogInButtonIcon {
        font-size: .75rem;
    }
}

@media screen and (max-width: 370px) {
    .topLogInButtonIcon {
        font-size: .625rem;
    }
}

.topLogOutButton {
    height: 2.8125rem;
    font-size: .875rem;
    margin: 0;
    padding: .5rem .875rem 0rem .875rem;
    color: #ed3b02;
    background-color: inherit;
    border: none;
    border-top: solid .25rem #ed3b02;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
}

    .topLogOutButton:hover {
        text-decoration: none;
        color: #ed3b02;
        background-color: #373737;
        border-top: solid .25rem #373737;
    }

@media screen and (max-width: 767px) {
    .topLogOutButton {
        height: 2.5rem;
        font-size: .75rem;
        padding: .425rem .7875rem 0rem .7875rem;
    }
}

@media screen and (max-width: 370px) {
    .topLogOutButton {
        height: 2.1875rem;
        font-size: .625rem;
        padding: .355rem .706rem 0rem .706rem;
    }
}

.loggedInMessageDiv {
    font-size: .875rem;
    margin: 0rem .04rem 0rem 1rem;
    padding: .5rem .875rem 1rem .875rem;
    background-color: #373737;
    border: none;
    border-top: solid .25rem #58b957;
}

@media screen and (max-width: 767px) {
    .loggedInMessageDiv {
        font-size: .75rem;
        padding: .425rem .7875rem 1rem .7875rem;
    }
}

@media screen and (max-width: 370px) {
    .loggedInMessageDiv {
        font-size: .625rem;
        padding: .38rem .706rem 1rem .706rem;
        margin-top: 0;
    }
}

.loggedInMessageText {
    color: #878787;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: .875rem;
    padding-right: .625rem;
}

@media screen and (max-width: 767px) {
    .loggedInMessageText {
        font-size: .75rem;
        padding: 0;
    }
}

@media screen and (max-width: 370px) {
    .loggedInMessageText {
        font-size: .625rem;
        padding: 0;
    }
}

.loggedInMessageIcon {
    color: #58b957;
    font-size: .875rem;
    padding-right: .625rem;
}

@media screen and (max-width: 767px) {
    .loggedInMessageIcon {
        font-size: .75rem;
        padding-right: .25rem;
    }
}

@media screen and (max-width: 370px) {
    .loggedInMessageIcon {
        font-size: .625rem;
        padding-right: .375rem;
    }
}

.loggedInUserNameText {
    color: #d7d7d7;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: .875rem;
}

@media screen and (max-width: 767px) {
    .loggedInUserNameText {
        font-size: .75rem;
    }
}

@media screen and (max-width: 370px) {
    .loggedInUserNameText {
        font-size: .625rem;
    }
}

.logoContainerOuter {
    background-color: white;
}

.logoContainer {
    padding-top: 3.4375rem;
}

@media screen and (max-width: 767px) {
    .logoContainer {
        padding-top: 3.125rem;
    }
}

@media screen and (max-width: 370px) {
    .logoContainer {
        padding-top: 2.1825rem;
    }
}

.logoRow {
    padding-bottom: 2.5rem;
    background-color: white;
    vertical-align: middle;
}

@media screen and (max-width: 767px) {
    .logoRow {
        padding-bottom: 1.875rem;
    }
}

@media screen and (max-width: 370px) {
    .logoRow {
        padding-bottom: 1.25rem;
    }
}

.primaryLogo {
    height: 7.5rem;
    margin-top: 2.5rem;
    margin-right: 5rem;
}

@media screen and (max-width: 767px) {
    .primaryLogo {
        height: 5.625rem;
        margin-top: 1.875rem;
        margin-right: 3.75rem;
    }
}

@media screen and (max-width: 370px) {
    .primaryLogo {
        height: 3.75rem;
        margin-top: 1.25rem;
        margin-right: 2.5rem;
    }
}

.logo {
    height: 5rem;
    margin-top: 2.5rem;
    margin-right: 3.75rem;
}

@media screen and (max-width: 767px) {
    .logo {
        height: 3.75rem;
        margin-top: 1.875rem;
        margin-right: 2.1825rem;
    }
}

@media screen and (max-width: 370px) {
    .logo {
        height: 2.5rem;
        margin-top: 1.25rem;
        margin-right: 1.875rem;
    }
}

.logo40 {
    height: 2.5rem;
    margin-top: 2.5rem;
    margin-right: 3.75rem;
}

@media screen and (max-width: 767px) {
    .logo40 {
        height: 1.875rem;
        margin-top: 1.875rem;
        margin-right: 2.8125rem;
    }
}

@media screen and (max-width: 370px) {
    .logo40 {
        height: 1.25rem;
        margin-top: 1.25rem;
        margin-right: 1.875rem;
    }
}

.logo50 {
    height: 3.125rem;
    margin-top: 2.5rem;
    margin-right: 3.75rem;
}

@media screen and (max-width: 767px) {
    .logo50 {
        height: 2.375rem;
        margin-top: 1.875rem;
        margin-right: 2.8125rem;
    }
}

@media screen and (max-width: 370px) {
    .logo50 {
        height: 1.5625rem;
        margin-top: 1.25rem;
        margin-right: 1.875rem;
    }
}

.logo60 {
    height: 3.75rem;
    margin-top: 2.5rem;
    margin-right: 3.75rem;
}

@media screen and (max-width: 767px) {
    .logo60 {
        height: 2.8125rem;
        margin-top: 1.875rem;
        margin-right: 2.8125rem;
    }
}

@media screen and (max-width: 370px) {
    .logo60 {
        height: 1.875rem;
        margin-top: 1.25rem;
        margin-right: 1.875rem;
    }
}

.logo70 {
    height: 4.375rem;
    margin-top: 2.5rem;
    margin-right: 3.75rem;
}

@media screen and (max-width: 767px) {
    .logo70 {
        height: 3.3125rem;
        margin-top: 1.875rem;
        margin-right: 2.8125rem;
    }
}

@media screen and (max-width: 370px) {
    .logo70 {
        height: 2.1875rem;
        margin-top: 1.25rem;
        margin-right: 1.875rem;
    }
}

.lastLogo {
    height: 5rem;
    margin-top: 2.5rem;
}

@media screen and (max-width: 767px) {
    .lastLogo {
        height: 3.75rem;
        margin-top: 1.875rem;
    }
}

@media screen and (max-width: 370px) {
    .lastLogo {
        height: 2.5rem;
        margin-top: 1.25rem;
    }
}

.lastLogo40 {
    height: 2.5rem;
    margin-top: 2.5rem;
}

@media screen and (max-width: 767px) {
    .lastLogo40 {
        height: 1.875rem;
        margin-top: 1.875rem;
    }
}

@media screen and (max-width: 370px) {
    .lastLogo40 {
        height: 1.25rem;
        margin-top: 1.25rem;
    }
}

.lastLogo50 {
    height: 3.125rem;
    margin-top: 2.5rem;
}

@media screen and (max-width: 767px) {
    .lastLogo50 {
        height: 2.375rem;
        margin-top: 1.875rem;
    }
}

@media screen and (max-width: 370px) {
    .lastLogo50 {
        height: 1.5625rem;
        margin-top: 1.25rem;
    }
}

.lastLogo60 {
    height: 3.75rem;
    margin-top: 2.5rem;
}

@media screen and (max-width: 767px) {
    .lastLogo60 {
        height: 2.8125rem;
        margin-top: 1.875rem;
    }
}

@media screen and (max-width: 370px) {
    .lastLogo60 {
        height: 1.875rem;
        margin-top: 1.25rem;
    }
}

.lastLogo70 {
    height: 4.375rem;
    margin-top: 2.5rem;
}

@media screen and (max-width: 767px) {
    .lastLogo70 {
        height: 3.3125rem;
        margin-top: 1.875rem;
    }
}

@media screen and (max-width: 370px) {
    .lastLogo70 {
        height: 2.1875rem;
        margin-top: 1.25rem;
    }
}

.pageTitleContainerOuter {
    background-color: #f8f8f8;
    padding-top: 3.75rem;
}

@media screen and (max-width: 767px) {
    .pageTitleContainerOuter {
        padding-top: 2.5rem;
    }
}

@media screen and (max-width: 370px) {
    .pageTitleContainerOuter {
        padding-top: 1.25rem;
    }
}

.pageTitleRow {
    margin-bottom: 2.5rem;
}

@media screen and (max-width: 767px) {
    .pageTitleRow {
        margin-bottom: 1.25rem;
    }
}

@media screen and (max-width: 370px) {
    .pageTitleRow {
        margin-bottom: .625rem;
    }
}

.pageTitle {
    font-family: Roboto, sans-serif;
    font-weight: 300;
    font-size: 36px;
    color: #4a4a4a;
    text-align: left;
}

@media screen and (max-width: 767px) {
    .pageTitle {
        font-size: 24px;
    }
}

@media screen and (max-width: 370px) {
    .pageTitle {
        font-size: 20px;
    }
}

.pageTitleDiv {
    margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
    .pageTitleDiv {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 370px) {
    .pageTitleDiv {
        margin-bottom: 20px;
    }
}

.pageContentOuter {
    background-color: #f8f8f8;
}

.backToTopContainerOuter {
    background-color: #f8f8f8;
}

.backToTopRow {
    padding-top: 40px;
    padding-bottom: 10vh;
    color: #4a4a4a;
}

    .backToTopRow:hover {
        color: rgba(74,74,74,0.5);
    }


    .backToTopRow a {
        color: #4a4a4a;
    }

        .backToTopRow a:hover {
            color: rgba(74,74,74,0.5);
            text-decoration: none;
        }

.backToTopIcon {
    line-height: 1;
    font-size: 14px;
    vertical-align: top;
    margin-right: 10px;
}

.stickyTop {
    position: -webkit-sticky;
    position: sticky;
    top: 45px;
    z-index: 500;
}

@media screen and (max-width: 767px) {
    .stickyTop {
        top: 40px;
    }
}

@media screen and (max-width: 370px) {
    .stickyTop {
        top: 35px;
    }
}


/* NAVIGATION */
#wrapper {
    display: flex;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

@media screen and (max-width: 370px) {
    #wrapper {
        display: block;
    }
}

#sidebar {
    width: 7.5rem;
    height: 100vh;
    position: fixed;
    top: 1.5625rem;
    left: 0;
    z-index: 200;
    background-color: #fff;
    color: #3a3a3a;
    border-right: solid 1px #f8f8f8;
    overflow-y: auto;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    #sidebar.active {
        margin-left: -7.5rem;
    }

@media screen and (max-width: 991px) {
    #sidebar {
        width: 7.5rem;
        margin-left: -7.5rem;
    }

        #sidebar.active {
            margin-left: 0;
        }
}

@media screen and (max-width: 767px) {
    #sidebar {
        width: 6.5625rem;
        margin-left: -6.5625rem;
    }

        #sidebar.active {
            margin-left: 0;
        }
}

@media screen and (max-width: 370px) {
    #sidebar {
        width: 5.625rem;
        margin-left: -5.625rem;
    }

        #sidebar.active {
            margin-left: 0rem;
        }
}

#contentWrapper {
    width: 100%;
    margin: 0 auto;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.hamburger {
    position: fixed;
    top: 0;
    left: 0;
    padding: .625rem .625rem;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.5s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}

@media screen and (max-width: 767px) {
    .hamburger {
        padding: .46875rem .625rem;
    }
}

@media screen and (max-width: 370px) {
    .hamburger {
        padding: .3125rem .625rem;
    }
}

.hamburger:active {
    border: none;
    outline: none;
}

.hamburger:focus {
    border: none;
    outline: none;
}

.hamburgerBox {
    width: 1.25rem;
    height: .75rem;
    display: inline-block;
    position: relative;
}

.hamburgerText {
    display: inline-block;
    color: white;
    font-family: Roboto, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    margin-left: .3125rem;
    vertical-align: top;
    padding-top: .125rem;
}

@media screen and (max-width: 767px) {
    .hamburgerText {
        font-size: .75rem;
        margin-left: .1875rem;
        padding-top: .25rem;
    }
}

@media screen and (max-width: 370px) {
    .hamburgerText {
        font-size: .625rem;
        margin-left: 0rem;
        padding-top: .3125rem;
    }
}

.hamburgerInner {
    display: block;
    top: 50%;
    margin-top: -.0625rem;
}

    .hamburgerInner, .hamburgerInner::before, .hamburgerInner::after {
        width: 1.25rem;
        height: .125rem;
        background-color: #fff;
        border-radius: .125rem;
        position: absolute;
        transition-property: transform;
        transition-duration: 0.5s;
        transition-timing-function: ease;
    }

        .hamburgerInner::before, .hamburgerInner::after {
            content: "";
            display: block;
        }

        .hamburgerInner::before {
            top: -.3125rem;
        }

        .hamburgerInner::after {
            bottom: -.3125rem;
        }

.hamburgerSlider .hamburgerInner {
    top: 1px;
}

    .hamburgerSlider .hamburgerInner::before {
        top: 5px;
        transition-property: transform, opacity;
        transition-timing-function: ease;
        transition-duration: 0.5s;
    }

    .hamburgerSlider .hamburgerInner::after {
        top: 10px;
    }

.hamburgerSlider.active .hamburgerInner {
    transform: translate3d(0, 5px, 0) rotate(45deg);
}

    .hamburgerSlider.active .hamburgerInner::before {
        transform: rotate(-45deg) translate3d(-2.8571px, -3px, 0);
        opacity: 0;
    }

    .hamburgerSlider.active .hamburgerInner::after {
        transform: translate3d(0, -10px, 0) rotate(-90deg);
    }

@media screen and (max-width: 991px) {
    .hamburgerSlider.active .hamburgerInner {
        transform: translate3d(0, 0, 0) rotate(0deg);
    }

        .hamburgerSlider.active .hamburgerInner::before {
            transform: rotate(0deg) translate3d(0, 0, 0);
            opacity: 1;
        }

        .hamburgerSlider.active .hamburgerInner::after {
            transform: translate3d(0, 0, 0) rotate(0deg);
        }

    .hamburgerSlider .hamburgerInner {
        transform: translate3d(0, 5px, 0) rotate(45deg);
    }

        .hamburgerSlider .hamburgerInner::before {
            transform: rotate(-45deg) translate3d(-2.8571px, -3px, 0);
            opacity: 0;
        }

        .hamburgerSlider .hamburgerInner::after {
            transform: translate3d(0, -10px, 0) rotate(-90deg);
        }
}

#headerLinkNavShift {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.navShift {
    padding-left: 120px;
}

@media screen and (max-width: 991px) {
    .navShift {
        padding-left: 0px;
    }
}

.noNavShift {
    padding-left: 0px;
}

@media screen and (max-width: 991px) {
    .noNavShift {
        padding-left: 7.5rem;
    }
}

@media screen and (max-width: 767px) {
    .noNavShift {
        padding-left: 6.5625rem;
    }
}

@media screen and (max-width: 370px) {
    .noNavShift {
        padding-left: 0px;
    }
}

.sidebarInside i, .sidebarInside span {
    display: inline-block;
}

.sidebarInside ul li a {
    padding: 20px 8px;
    text-align: center;
    font-size: 0.8em;
    display: block;
}

@media screen and (max-width: 767px) {
    .sidebarInside ul li a {
        padding: 18px 8px;
        font-size: 0.75em;
    }
}

@media screen and (max-width: 370px) {
    .sidebarInside ul li a {
        padding: 16px 8px;
        font-size: 0.7em;
    }
}

.sidebarInside ul li a:hover {
    background-color: #cce7fe;
}

.sidebarIcon {
    color: #0085fa;
}

.sidebarIconActive {
    color: #808080;
}

.sidebarIcon, .sidebarIconActive {
    margin-right: 0;
    display: block;
    font-size: 1.2rem;
    margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
    .sidebarIcon, .sidebarIconActive {
        font-size: 1.1rem;
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 370px) {
    .sidebarIcon, .sidebarIconActive {
        font-size: 1rem;
        margin-bottom: 5px;
    }
}

.sidebarInside ul ul a {
    padding: 10px 0px !important;
}

@media screen and (max-width: 767px) {
    .sidebarInside ul ul a {
        padding: 8px 0px !important;
    }
}

@media screen and (max-width: 370px) {
    .sidebarInside ul ul a {
        padding: 6px 0px !important;
    }
}

.sidebarInside a[aria-expanded="false"]::before, .sidebarInside a[aria-expanded="true"]::before {
    top: auto;
    bottom: 4px;
    right: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
}

.sidebarInside ul.components {
    padding: 0px 0px;
}

.sidebarInside ul li.active > a {
    color: #808080;
    background: #fff;
    border-right: solid 3px #5bc0de;
    cursor: default;
}

.sidebarInside a[aria-expanded="true"] {
    color: #808080;
    background: #fff;
}

.sidebarInside {
    margin-top: 50px;
}

@media screen and (max-width: 767px) {
    .sidebarInside {
        margin-top: 40px;
    }
}

@media screen and (max-width: 370px) {
    .sidebarInside {
        margin-top: 30px;
    }
}

.sidebarInside a[data-toggle="collapse"] {
    position: relative;
}

.sidebarInside a[aria-expanded="false"]::before, .sidebarInside a[aria-expanded="true"]::before {
    content: '\f078';
    display: block;
    position: absolute;
    right: 50%;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 0.8em;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

@media screen and (max-width: 767px) {
    .sidebarInside a[aria-expanded="false"]::before, .sidebarInside a[aria-expanded="true"]::before {
        font-size: 0.75em;
    }
}

@media screen and (max-width: 370px) {
    .sidebarInside a[aria-expanded="false"]::before, .sidebarInside a[aria-expanded="true"]::before {
        font-size: 0.7em;
    }
}

.sidebarInside a[aria-expanded="true"]::before {
    content: '\f106';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.sidebarInside ul ul a {
    font-size: 0.8em !important;
    background: #fff;
    color: #808080;
}

@media screen and (max-width: 767px) {
    .sidebarInside ul ul a {
        font-size: 0.75em !important;
    }
}

@media screen and (max-width: 370px) {
    .sidebarInside ul ul a {
        font-size: 0.7em !important;
    }
}


/* STEPS */
.allStepsContainer {
    padding: 40px 0px;
}

.stepContainer {
    display: inline;
    margin-right: 40px;
}

.stepContainerLast {
    display: inline;
}

.stepIconDiv {
    display: inline-block;
    vertical-align: top;
}

.stepIconPast {
    color: #b0b0b0;
    font-size: 1.6rem;
}

.stepIconCurrent {
    color: #0085fa;
    font-size: 1.6rem;
}

.stepIconFuture {
    color: #b0b0b0;
    font-size: 1.6rem;
}

.stepNumberPast {
    color: white;
    font-weight: 500;
    font-size: 1.5rem;
}

.stepNumberCurrent {
    color: white;
    font-weight: 500;
    font-size: 1.5rem;
}

.stepNumberFuture {
    color: #b0b0b0 !important;
    font-weight: 500;
    font-size: 1.5rem;
}

.stepTextDiv {
    display: inline-block;
    vertical-align: top;
}

.stepNamePast {
    color: #b0b0b0;
    font-weight: 500;
    font-size: 1rem;
    display: block;
}

.stepNameCurrent {
    color: #0085fa;
    font-weight: 500;
    font-size: 1rem;
    display: block;
}

.stepNameFuture {
    color: #b0b0b0;
    font-weight: 500;
    font-size: 1rem;
    display: block;
}

.stepDurationPast {
    color: #b0b0b0;
    font-weight: 500;
    font-size: .7rem;
    display: block;
}

.stepDurationCurrent {
    color: #4a4a4a;
    font-weight: 500;
    font-size: .7rem;
    display: block;
}

.stepDurationFuture {
    color: #b0b0b0;
    font-weight: 500;
    font-size: .7rem;
    display: block;
}


/* CONTENT */
textarea:focus, [type="text"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="email"]:focus, .uneditable-input:focus {
    outline: none;
    box-shadow: none !important;
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: none !important;
    box-shadow: none !important;
}

h1 {
    font-family: Roboto, sans-serif;
    font-weight: 300;
    font-size: 2.5rem;
    color: #4a4a4a;
}

@media screen and (max-width: 767px) {
    h1 {
        font-size: 2rem;
    }
}

@media screen and (max-width: 370px) {
    h1 {
        font-size: 1.75rem;
    }
}

h1 .sub {
    display: block;
    font-family: Roboto, sans-serif;
    font-weight: 300;
    font-size: 1.5rem !important;
    color: #4a4a4a;
}

@media screen and (max-width: 767px) {
    h1 .sub {
        font-size: 1.2rem !important;
    }
}

@media screen and (max-width: 370px) {
    h1 .sub {
        font-size: 1.05rem !important;
    }
}

h2 {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 32px;
    color: #0085fa;
}

@media screen and (max-width: 767px) {
    h2 {
        font-size: 28px;
    }
}

@media screen and (max-width: 370px) {
    h2 {
        font-size: 24px;
    }
}

h3 {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 1.75rem;
    color: #4a4a4a;
}

@media screen and (max-width: 767px) {
    h3 {
        font-size: 1.5rem;
    }
}

@media screen and (max-width: 370px) {
    h3 {
        font-size: 1.25rem;
    }
}

h4 {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 1.5rem;
}

@media screen and (max-width: 767px) {
    h4 {
        font-size: 1.25rem;
    }
}

h5 {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 1.25rem;
}

h6 {
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 1.1rem;
}

.underlineGrey {
    background-color: #8a8a8a;
    color: #8a8a8a;
    border: 0;
    height: 1px;
    padding: 0;
    margin: 0;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.containerOuter {
    background-color: #f8f8f8;
}

.contentPanel {
    background-color: white;
    padding: 30px;
    border: 1px solid #e0e0e0;
    background-color: white;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.cardContents {
    padding: 20px 30px;
}

@media screen and (max-width: 767px) {
    .cardContents {
        padding: 10px 15px;
    }
}

@media screen and (max-width: 370px) {
    .cardContents {
        padding: 0px 5px;
    }
}

p a {
    color: #4a4a4a;
    text-decoration: none;
}

    p a:hover {
        color: rgba(74,74,74,0.5) !important;
        text-decoration: none;
    }

.link {
    color: #4a4a4a !important;
    text-decoration: none !important;
}

    .link:hover {
        color: rgba(74,74,74,0.5) !important;
        text-decoration: none !important;
    }

.h4Icon, .h4IconAqua {
    margin-right: .8rem;
    display: block;
    font-size: 1.4rem;
}

@media screen and (max-width: 767px) {
    h4Icon, .h4IconAqua {
        font-size: 1.2rem;
    }
}

.h4Icon {
    color: #808080;
}

.h4IconAqua {
    color: #5bc0de;
}

.h6Icon, .h6IconAqua {
    margin-right: .6rem;
    display: block;
    font-size: 1rem;
}

@media screen and (max-width: 767px) {
    h6Icon, .h6IconAqua {
        font-size: .9rem;
    }
}

.h6Icon {
    color: #808080;
}

.form-text {
    font-family: Roboto, sans-serif !important;
}

.form-control {
    font-family: Roboto, sans-serif !important;
}

.phoneCountryCode {
    color: Black;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 1.1em;
    line-height: 1.4em;
    text-align: left;
    vertical-align: baseline;
    margin: 0px 5px 0px 0px !important;
}

.maskedTextBox {
    letter-spacing: .1rem;
}

.radioButtonList {
    text-align: left;
    vertical-align: top;
    margin: 0px;
}

    .radioButtonList label {
        margin-left: 5px;
        vertical-align: middle;
    }

    .radioButtonList td {
        border: none;
        margin-bottom: 0px;
        padding-bottom: 0px;
        padding-right: 15px;
    }

.numericBox input {
    color: #495057;
    height: 38px !important;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    margin: 0px 0px 5px 0px !important;
    padding: .375rem .75rem;
    cursor: text;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    background-color: #fff;
    background-clip: padding-box;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.formCheckBoxField {
    color: #495057;
    margin: 5px 0px 15px 0px;
}

.formCheckBoxLabel {
    color: #495057;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    text-align: left;
    padding: 0px;
    position: relative;
    top: -2px;
}

.formCheckBoxLeft {
    color: #495057;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    text-align: left;
    margin: 0px;
    margin-right: 5px;
    padding: 0px;
}

.formCheckBoxRight {
    color: #495057;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    text-align: left;
    margin: 0px;
    margin-left: 5px;
}

.formCalculatedValue {
    color: Black;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 1.2rem;
}

.formTextValue {
    color: Black;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 1.2rem;
}

.buttonIcon {
    font-size: 1rem;
    margin-right: .75rem;
    color: inherit;
}

.panelBar {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 1.5rem;
    color: #5bc0de;
    background-color: white;
    border: none;
    padding: 20px 20px;
}

    .panelBar:hover {
        background-color: #f0f0f0;
        color: #5bc0de;
    }

.panelBarThin {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 1.2rem;
    color: #5bc0de;
    background-color: white;
    border: none;
    padding: 10px 20px;
}

    .panelBarThin:hover {
        background-color: #f0f0f0;
        color: #5bc0de;
    }

[data-toggle="collapse"] .chevron:after {
    display: inline-block;
    transform: rotate(180deg);
    transition: all linear 0.25s;
    color: #495057;
    font-size: .9rem;
    vertical-align: middle;
    content: '\f078';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

[data-toggle="collapse"].collapsed .chevron:after {
    transform: rotate(0deg);
}

.panelBarExpanded {
    font-family: Roboto !important;
    font-weight: 400 !important;
    font-size: 1.5rem !important;
    color: #5bc0de !important;
    background-color: #fbfbfb !important;
    border: solid 1px #f8f8f8 !important;
    border-collapse: collapse !important;
    padding: 10px 20px !important;
}

    .panelBarExpanded:hover {
        background-color: #f8f8f8 !important;
        color: #5bc0de !important;
    }

.panelBarSelected {
    font-family: Roboto !important;
    font-weight: 400 !important;
    font-size: 1.5rem !important;
    color: #5bc0de !important;
    background-color: #fbfbfb !important;
    border: solid 1px #f8f8f8 !important;
    border-collapse: collapse !important;
    padding: 10px 20px !important;
}

    .panelBarSelected:hover {
        background-color: #f8f8f8 !important;
        color: #5bc0de !important;
    }

.panelBarFocused {
    font-family: Roboto !important;
    font-weight: 400 !important;
    font-size: 1.5rem !important;
    color: #5bc0de !important;
    background-color: #fbfbfb !important;
    border: solid 1px #f8f8f8 !important;
    border-collapse: collapse !important;
    padding: 10px 20px !important;
}

    .panelBarFocused:hover {
        background-color: #f8f8f8 !important;
        color: #5bc0de !important;
    }

.panelBarDisabled {
    font-family: Roboto !important;
    font-weight: 400 !important;
    font-size: 1.5rem !important;
    color: #5bc0de !important;
    background-color: #fbfbfb !important;
    border: solid 1px #f8f8f8 !important;
    border-collapse: collapse !important;
    padding: 10px 20px !important;
}

    .panelBarDisabled:hover {
        background-color: #f8f8f8 !important;
        color: #5bc0de !important;
    }

.fileLink {
    color: #495057;
}

    .fileLink:hover {
        color: rgba(73,80,87,0.7) !important;
        text-decoration: none;
    }

    .fileLink .fileIcon {
        color: #0085fa;
        font-size: 1rem;
        margin-right: .75rem;
    }

    .fileLink:hover .fileIcon {
        color: rgba(0,133,250,0.7) !important;
    }

.inlineScheduleDeleteButton {
    font-size: .8rem !important;
    font-weight: 300 !important;
}

.reportFilters {
    font-size: 1rem;
}

@media screen and (max-width: 1199px) {
    .reportFilters {
        font-size: .9rem;
    }
}

.reportTable thead tr {
    background-color: #def2f8;
}

    .reportTable thead tr th {
        border-left: none !important;
        border-right: none !important;
        border-bottom: none !important;
    }

.reportTable tfoot tr {
    background-color: white;
}

    .reportTable tfoot tr td {
        border-left: none !important;
        border-right: none !important;
    }

.informationTable thead tr {
    background-color: #cce7fe;
}

    .informationTable thead tr th {
        border-left: none !important;
        border-right: none !important;
        border-bottom: none !important;
        font-weight: 500 !important;
    }

.informationTable tfoot tr {
    background-color: white;
}

    .informationTable tfoot tr td {
        border-left: none !important;
        border-right: none !important;
    }

.openPolicyButtonEn {
    text-align: center;
    width: 5rem;
}

.openPolicyButtonFr {
    text-align: center;
    width: 5.63rem;
}

.activeTableRow {
    background-color: #def1dd !important;
}

.activeTableRowAlt {
    background-color: #f8fff7 !important;
}

.reportTableRowPrime {
    background-color: White !important;
}

.reportTableRowAlt {
    background-color: #F2F2F2 !important;
}


/* FOOTER */
.footer {
    color: rgba(255,255,255,0.9);
}

    .footer a {
        color: rgba(255,255,255,0.9);
    }

        .footer a:hover {
            color: rgba(255,255,255,0.5) !important;
            text-decoration: none !important;
        }

    .footer p {
        font-family: Roboto, sans-serif;
        font-weight: 300;
        color: rgba(255,255,255,0.9);
    }

.footerUpper {
    background: url("../Images/Tripemco_abstract-brackground1_1200x800.gif") no-repeat top center fixed;
    background-size: cover;
}

    .footerUpper p {
        line-height: 1.2;
    }

.footerContactColumn {
    margin-top: 100px;
    margin-bottom: 50px;
}

.footerLinkColumn {
    margin-top: 100px;
    margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
    .footerLinkColumn {
        margin-top: 20px;
        margin-bottom: 50px;
    }
}

.footerFlexColumn {
    margin-top: 100px;
    margin-bottom: 50px;
}

@media screen and (max-width: 991px) {
    .footerFlexColumn {
        margin-top: 0px;
        margin-bottom: 50px;
    }
}

.footerSealColumn {
    margin-bottom: 100px;
}

@media screen and (max-width: 991px) {
    .footerSealColumn {
        margin-bottom: 50px;
    }
}

.footerCopyrightColumn {
    margin-bottom: 40px;
}

@media screen and (max-width: 991px) {
    .footerCopyrightColumn {
        margin-bottom: 100px;
    }
}

.footerIcon {
    font-size: 16px;
    line-height: 1.2;
    margin-right: 10px;
    vertical-align: middle;
}

.footerFlexBadge {
    width: 140px;
}

.footerSecurityBadge {
    height: 30px;
}

.footerCopyrightText {
    font-size: 0.8rem;
    color: rgba(255,255,255,0.75);
}


/* FLOATING CONTACT BAR */
.brokerContactPanel {
    background-color: #4a4a4a;
    border-top: solid 1px #f5f5f5;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 6000;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.brokerContactRow {
    height: 2.8125rem;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: .575rem;
    padding-bottom: 0;
}

@media screen and (max-width: 767px) {
    .brokerContactRow {
        height: 2.5rem;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: .383rem;
        padding-bottom: 0;
    }
}

@media screen and (max-width: 370px) {
    .brokerContactRow {
        height: 2.1875rem;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: .192rem;
        padding-bottom: 0;
    }
}

.brokerContactText {
    font-family: Roboto, sans-serif;
    font-weight: 300;
    font-size: .9375rem;
    color: White;
}

@media screen and (max-width: 767px) {
    .brokerContactText {
        font-size: .867rem;
    }
}

@media screen and (max-width: 370px) {
    .brokerContactText {
        font-size: .714rem;
    }
}

#brokerContact {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

fade {
    opacity: 0;
}


/* LOG IN PAGE COMPONENTS */
.logInContainerOuter {
    background-color: #f8f8f8;
}

.logInTopMessageDiv {
    margin-top: 50px;
    margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
    .logInTopMessageDiv {
        margin-top: 30px;
    }
}

@media screen and (max-width: 370px) {
    .logInTopMessageDiv {
        margin-top: 20px;
    }
}

.logInTopMessageDivAlt {
    margin-top: 30px;
    margin-bottom: 0px;
}

@media screen and (max-width: 767px) {
    .logInTopMessageDivAlt {
        margin-top: 18px;
    }
}

@media screen and (max-width: 370px) {
    .logInTopMessageDivAlt {
        margin-top: 12px;
    }
}

.logInTopMessageText {
    font-size: 24px;
    font-weight: 500;
    color: #58b957;
}

.logInInstructionsDiv {
    margin-bottom: 20px;
}

.logInInstructionsText {
    font-size: 14px;
    font-weight: 400;
    color: #4a4a4a;
}

.logInEmailDiv {
    margin-bottom: 5px;
}

.logInEmailIcon {
    vertical-align: middle;
    color: #989898;
    padding: 0rem .7rem 0rem .7rem;
    font-size: 16px;
    margin: 0;
    line-height: 0;
    height: 40px;
}

.logInEmailTextBox {
    height: 40px;
}

    .logInEmailTextBox::-webkit-input-placeholder, .logInEmailTextBox::-moz-placeholder, .logInEmailTextBox:-ms-input-placeholder, .logInEmailTextBox:-moz-placeholder {
        color: #b7bcc0;
    }

@media screen and (max-width: 370px) {
    .logInEmailTextBox {
        font-size: .9rem;
    }
}

.logInPasswordDiv {
    margin-bottom: 20px;
}

.logInPasswordIcon {
    vertical-align: middle;
    color: #989898;
    padding: 0rem .7rem 0rem .7rem;
    font-size: 16px;
    margin: 0;
    line-height: 0;
    height: 40px;
}

.logInPasswordTextBox {
    height: 40px;
}

    .logInPasswordTextBox::-webkit-input-placeholder, .logInPasswordTextBox::-moz-placeholder, .logInPasswordTextBox:-ms-input-placeholder, .logInPasswordTextBox:-moz-placeholder {
        color: #b7bcc0;
    }

.showHidePasswordButton {
    color: #5bc0de;
    background-color: white;
    border: solid 1px #ced4da;
    min-width: 2.875rem;
}

    .showHidePasswordButton:hover {
        color: #5bc0de;
        background-color: #e5e5e5;
        border: solid 1px #cccccc;
        min-width: 2.875rem;
    }

.showEye {
    display: inline-block;
    transition: all .5s ease .2s;
}

.hideEye {
    display: none;
    transition: all .5s ease .2s;
}

.logInButtonDiv {
    margin-bottom: 30px;
}

.logInButton {
    font-size: 16px;
    font-weight: 400;
    padding-top: 7px;
    background-color: #58b957;
    border: none;
    color: white;
    height: 40px;
}

    .logInButton:hover {
        font-size: 16px;
        font-weight: 400;
        padding-top: 7px;
        background-color: #4ea44d;
        border: none;
        color: white;
        height: 40px;
    }

.logInButtonIcon {
    font-size: 14px;
    margin-right: 10px;
}

.logInButtonDiv {
    margin-bottom: 30px;
}

.logOutButton {
    font-size: 16px;
    font-weight: 400;
    border: none;
    color: white;
    width: 262px;
    height: 40px;
}

.logOutButtonIcon {
    font-size: 14px;
    margin-right: 10px;
}

.logInLinkDiv {
    margin-bottom: 5px;
}

    .logInLinkDiv a {
        color: #4a4a4a;
    }

        .logInLinkDiv a:hover {
            color: rgba(74,74,74,0.5);
            text-decoration: none;
        }

.logInCenterLineDiv {
    margin-top: 50px;
}

.logInCenterLine {
    height: 320px;
    border-left: 2px dotted #c1c1c1;
}

.logInCenterLineAlt {
    height: 280px;
    border-left: 2px dotted #c1c1c1;
}

.createAccountTopMessageDiv {
    margin-top: 50px;
    margin-bottom: 15px;
}

.createAccountTopMessageText {
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-weight: 500;
    color: #5bc0de;
}

.createAccountButton {
    font-size: 16px;
    font-weight: 400;
    padding-top: 7px;
    background-color: #5bc0de;
    border: none;
    color: white;
    height: 40px;
}

    .createAccountButton:hover {
        background-color: #50abcb;
    }

.createAccountButtonIcon {
    font-size: 14px;
    margin-right: 10px;
}


/* HOME PAGE COMPONENTS */
.homeButtonColumn {
    height: 100%;
}

.homeButton {
    width: 100%;
    position: relative;
    background-color: #58b957;
    margin-bottom: 20px;
    padding: 30px 10px 30px 10px;
    border: solid 1px #4fa74e;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

    .homeButton:hover {
        background-color: #4fa74e;
        border: solid 1px #4fa74e;
    }

.homeButtonWhite {
    width: 100%;
    position: relative;
    background-color: #fff;
    margin-bottom: 20px;
    padding: 30px 10px 30px 10px;
    border: solid 1px rgba(0, 0, 0, .125); /* #ced1d4; #f5f5f5; */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

    .homeButtonWhite:hover {
        background-color: #f5f5f5; /* #fdfdfd; */
        border: solid 1px rgba(0, 0, 0, .125); /* #ced1d4; #f5f5f5; */
    }

.homeButtonWhiteHorizontal {
    width: 100%;
    position: relative;
    background-color: #fff;
    margin-bottom: 20px;
    padding: 0px 0px 0px 0px;
    border: solid 1px rgba(0, 0, 0, .125); /* #ced1d4; #f5f5f5; */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

    .homeButtonWhiteHorizontal:hover {
        background-color: #f5f5f5; /* #fdfdfd; */
        border: solid 1px rgba(0, 0, 0, .125); /* #ced1d4; #f5f5f5; */
    }

.homeButtonBlue {
    width: 100%;
    position: relative;
    background-color: #33a1f7;
    margin-bottom: 20px;
    padding: 30px 10px 30px 10px;
    border: solid 1px #0089f5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

    .homeButtonBlue:hover {
        background-color: #0089f5;
        border: solid 1px #006ec4;
    }

.homeButtonGrey {
    width: 100%;
    position: relative;
    background-color: #ced1d4;
    margin-bottom: 20px;
    padding: 30px 10px 30px 10px;
    border: solid 1px #bfc4c7;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    cursor: default !important;
}

.homeButtonYellow {
    width: 100%;
    position: relative;
    background-color: #f5a623;
    margin-bottom: 20px;
    padding: 30px 10px 30px 10px;
    border: solid 1px #e09822;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

    .homeButtonYellow:hover {
        background-color: #e09822;
        border: solid 1px #c98a21;
    }

.homeButtonGold {
    width: 100%;
    position: relative;
    background-color: #d1bc7c;
    margin-bottom: 20px;
    padding: 30px 10px 30px 10px;
    border: solid 1px #bdaa70;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

    .homeButtonGold:hover {
        background-color: #bdaa70;
        border: solid 1px #bdaa70;
    }

.homeButtonSilver {
    width: 100%;
    position: relative;
    background-color: #a9a0a9;
    margin-bottom: 20px;
    padding: 30px 10px 30px 10px;
    border: solid 1px #989098;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

    .homeButtonSilver:hover {
        background-color: #989098;
        border: solid 1px #989098;
    }

.homeButtonBronze {
    width: 100%;
    position: relative;
    background-color: #956f37;
    margin-bottom: 20px;
    padding: 30px 10px 30px 10px;
    border: solid 1px #866432;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

    .homeButtonBronze:hover {
        background-color: #866432;
        border: solid 1px #866432;
    }

.homeButtonUav {
    width: 100%;
    position: relative;
    background-color: #3a7ab1;
    margin-bottom: 20px;
    padding: 30px 10px 30px 10px;
    border: solid 1px #346ea0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

    .homeButtonUav:hover {
        background-color: #346ea0;
        border: solid 1px #346ea0;
    }

.homeButtonIconDiv {
    margin-bottom: 1.25rem;
}

.homeButtonIconPurchase {
    font-size: 2rem;
    color: #fff;
}

.homeButtonIconQuotes {
    font-size: 2rem;
    color: #5bc0de;
}

.homeButtonIconPolicies {
    font-size: 2rem;
    color: #f5a623;
}

.homeButtonIconProofOfInsurance {
    font-size: 2rem;
    color: #fff;
}

.homeButtonPurchaseTextDiv {
    color: #fff;
    font-family: Roboto, sans-serif;
    line-height: 1.2rem;
}

.homeButtonTextDiv {
    color: #7a7a7a;
    font-family: Roboto, sans-serif;
    line-height: 1.2rem;
}

.quotesWarningBadge {
    position: absolute !important;
    top: -.625rem !important;
    right: -.9375rem;
    font-size: .9rem;
    padding: .25rem .6rem .4rem .6rem;
}

.alreadyPurchasedWarningBadge {
    position: absolute !important;
    top: -.625rem !important;
    right: -.9375rem;
    font-size: .9rem;
    padding-left: .65rem;
    padding: .25rem .6rem .4rem .6rem;
}

.quotesWarningBadgeHorizontal {
    position: absolute !important;
    top: -.625rem !important;
    right: 0rem;
    font-size: .9rem;
    padding: .25rem .6rem .4rem .6rem;
}

.alreadyPurchasedWarningBadgeHorizontal {
    position: absolute !important;
    top: -.625rem !important;
    right: 0rem;
    font-size: .9rem;
    padding-left: .65rem;
    padding: .25rem .6rem .4rem .6rem;
}


/* QUOTE AND POLICY SEARCH */
.recordsToDisplayLabel {
    margin-right: 10px;
    display: inline-flex;
}

.recordsToDisplayDropDown {
    width: 80px;
    margin-right: 10px;
    display: inline-flex;
}

.searchButton {
    vertical-align: top;
}

.searchCheckBoxGroup {
    margin-top: 10px;
    margin-bottom: 10px;
}

.searchCheckBox {
    margin-top: .1rem;
}

.searchTableDiv {
    font-family: Roboto, sans-serif;
    font-size: .8rem;
}

.searchTableHead {
    background-color: #4a4a4a;
    color: #fff;
    border: none;
    font-weight: 400 !important;
}

.searchTableBody {
    background-color: #fff;
}

.searchTableCell {
    vertical-align: middle !important;
}

.dataPager {
    text-align: center !important;
}

    .dataPager > span > span {
        vertical-align: middle;
        font-size: .875rem;
    }

.dataPagerButton {
    background-color: #626567;
    border-color: #494c4e;
}

    .dataPagerButton:hover {
        background-color: #494c4e;
        border-color: #494c4e;
    }

.e-datewidget {
    width: 100%;
    max-width: 220px;
}


/* SEARCH PAGE COMPONENTS */
.searchContainer {
    background-color: white;
    margin-bottom: 50px;
    display: block;
}

@media screen and (max-width: 767px) {
    .searchContainer {
        margin-bottom: 35px;
    }
}

@media screen and (max-width: 370px) {
    .searchContainer {
        margin-bottom: 25px;
    }
}

.searchStickyTop {
    position: -webkit-sticky;
    position: sticky;
    top: 60px;
    z-index: 500;
}

@media screen and (max-width: 767px) {
    .searchStickyTop {
        top: 40px;
    }
}

@media screen and (max-width: 370px) {
    .searchStickyTop {
        top: 35px;
    }
}

.searchAllTextBox {
    width: 100%;
    height: 40px;
    padding-left: 10px;
    font-weight: 500;
    font-size: 16px;
    color: #7a7c7f;
    border: 1px solid #7a7c7f;
    border-right: none;
    background-color: white;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.searchAllTextBoxWaterMark {
    color: #7a7c7f;
}

@media screen and (max-width: 767px) {
    .searchAllTextBox {
        height: 30px;
        font-size: 14px;
    }
}

.searchAllIcon {
    padding: .7rem .7rem;
    font-size: 16px;
    margin: 0;
    line-height: 0;
    border: 1px solid #7a7c7f;
    border-left: none;
    background-color: white;
    color: #7a7c7f;
}

@media screen and (max-width: 767px) {
    .searchAllIcon {
        padding: .55rem .7rem;
        font-size: 10px;
        margin: 0;
        line-height: 0;
    }
}

.searchFilterByLabel {
    font-weight: 500;
    font-size: 16px;
    line-height: 40px;
    color: #7a7c7f;
    text-align: left;
    vertical-align: middle;
}

.searchFilterByDropDown {
    width: 100%;
    height: 40px;
    padding-left: 10px;
    font-weight: 500;
    font-size: 16px;
    color: #7a7c7f;
    border: 1px solid #7a7c7f;
    background-color: white;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

@media screen and (max-width: 767px) {
    .searchFilterByDropDown {
        height: 30px;
        font-size: 14px;
    }
}

.searchMostPopularPanelContainerOuter {
    background-color: #f8f8f8;
}

.searchMostPopularPanelContainer {
    background-color: #f8f8f8;
}

.searchMostPopularPanel {
    padding: 0px 0px 0px 0px;
    margin: 0;
}

@media screen and (max-width: 767px) {
    .searchMostPopularPanel {
        padding: 25px 0px 0px 0px;
    }
}

.searchMostPopularTitleLabel {
    font-weight: 500;
    font-size: 36px;
    color: #0085fa;
    letter-spacing: 0;
    text-align: left;
}

@media screen and (max-width: 767px) {
    .searchMostPopularTitleLabel {
        font-size: 24px;
    }
}

.searchMostPopularProductPanel {
    position: relative;
    height: 100%;
    margin-bottom: 10px;
    padding: 30px;
    padding-bottom: 80px;
    border: 1px solid #e0e0e0;
    background-color: white;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.searchMostPopularProductTitlePanel {
    margin-bottom: 10px;
}

.searchMostPopularProductTitleLabel {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.2em;
    color: #4a4a4a;
    text-align: left;
}

.searchMostPopularProductTextPanel {
    line-height: 1.3;
}

.searchMostPopularProductTextLabel {
    font-weight: 400;
    font-size: .75rem;
    color: #7a7c7f;
    text-align: left;
}

.searchMostPopularProductBuyButton {
    position: absolute;
    bottom: 30px;
    right: 30px;
    width: 90px;
    height: 38px;
    border: none;
    background-color: #0085fa;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1em;
    color: white;
    letter-spacing: 0;
    text-align: center;
}

    .searchMostPopularProductBuyButton:hover {
        background-color: #0067ee;
    }

@media screen and (max-width: 767px) {
    .searchMostPopularProductBuyButton {
        width: 70px;
        height: 30px;
        font-size: 12px;
        line-height: 1;
    }
}

.searchProductResultsContainerOuter {
    background-color: #f8f8f8;
}

.searchProductResultsContainer {
    padding-top: 10px;
    background-color: #f8f8f8;
}

.searchProductJurisdictionTitlePanel {
    display: block;
    background-color: #f8f8f8;
    z-index: 500;
    padding: 35px 0px 35px 0px;
    margin: 0;
}

@media screen and (max-width: 767px) {
    .searchProductJurisdictionTitlePanel {
        padding: 25px 0px 25px 0px;
    }
}

@media screen and (max-width: 370px) {
    .searchProductJurisdictionTitlePanel {
        padding: 15px 0px 15px 0px;
    }
}

.searchProductJurisdictionTitleLabel {
    font-weight: 500;
    font-size: 36px;
    color: #0085fa;
    letter-spacing: 0;
    text-align: left;
}

@media screen and (max-width: 767px) {
    .searchProductJurisdictionTitleLabel {
        font-size: 24px;
    }
}

@media screen and (max-width: 370px) {
    .searchProductJurisdictionTitleLabel {
        font-size: 20px;
    }
}

.searchProductPanelOutside {
    background-color: #f8f8f8;
    padding: 0px 0px 10px 0px;
}

.searchProductPanel {
    position: relative;
    margin: 0px;
    padding: 35px 30px;
    border: 1px solid #e0e0e0;
    background-color: white;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    z-index: 1;
}

@media screen and (max-width: 767px) {
    .searchProductPanel {
        padding: 30px 20px;
    }
}

@media screen and (max-width: 370px) {
    .searchProductPanel {
        padding: 20px 10px;
    }
}

.searchProductGreyPanel {
    position: relative;
    margin: 0px;
    padding: 35px 30px;
    border: 1px solid #ced1d4;
    background-color: white;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    z-index: 1;
}

@media screen and (max-width: 767px) {
    .searchProductGreyPanel {
        padding: 30px 20px;
    }
}

@media screen and (max-width: 370px) {
    .searchProductGreyPanel {
        padding: 20px 10px;
    }
}

.searchProductTitlePanel {
    margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
    .searchProductTitlePanel {
        margin-bottom: 10px;
    }
}

.searchProductTitleText {
    font-weight: 500;
    font-size: 26px;
    color: #4a4a4a;
    text-align: left;
}

@media screen and (max-width: 767px) {
    .searchProductTitleText {
        font-size: 20px;
        line-height: 1.2;
    }
}

@media screen and (max-width: 370px) {
    .searchProductTitleText {
        font-size: 16px;
        line-height: .6;
    }
}

.searchProductBuyButton {
    width: 90px;
    background-color: #0085fa;
    font-weight: 400;
    font-size: 14px;
    color: white;
}

@media screen and (max-width: 767px) {
    .searchProductBuyButton {
        width: 70px;
        height: 30px;
        font-size: 12px;
        line-height: 1;
    }
}

@media screen and (max-width: 370px) {
    .searchProductBuyButton {
        width: 50px;
        height: 30px;
        font-size: 12px;
        line-height: 1;
        text-align: center;
        padding: 0;
    }
}

.searchProductBuyButton:hover {
    background-color: #0067ee;
}

.searchProductBuyGreyButton {
    width: 90px;
    background-color: #ced1d4;
    font-weight: 500;
    font-size: 14px;
    color: white;
    cursor: default !important;
}

@media screen and (max-width: 767px) {
    .searchProductBuyGreyButton {
        width: 70px;
        height: 30px;
        font-size: 12px;
        line-height: 1;
    }
}

@media screen and (max-width: 370px) {
    .searchProductBuyGreyButton {
        width: 50px;
        height: 30px;
        font-size: 12px;
        line-height: 1;
        text-align: center;
        padding: 0;
    }
}

.searchProductBuyGreyButton:hover {
    background-color: #ced1d4;
    color: white !important;
}

.searchProductObligeeRow {
    display: flex;
    margin-top: 5px;
    line-height: 1;
}

@media screen and (max-width: 767px) {
    .searchProductObligeeRow {
        display: none;
    }
}

.searchProductLegislationRow {
    display: flex;
    margin-bottom: 20px;
    line-height: 1;
}

@media screen and (max-width: 767px) {
    .searchProductLegislationRow {
        display: none;
    }
}

.searchProductObligeeLegislationTitleLabel {
    font-weight: 400;
    font-size: 10px;
    color: #7a7c7f;
    text-align: left;
}

.searchProductObligeeLegislationTextLabel {
    font-weight: 500;
    font-size: 10px;
    color: #7a7c7f;
    text-align: left;
}

.searchProductText {
    line-height: 1.3;
}

.searchProductTextLabel {
    font-weight: 400;
    font-size: .9rem;
    color: #7a7c7f;
    letter-spacing: 0;
    text-align: left;
}

@media screen and (max-width: 767px) {
    .searchProductTextLabel {
        font-size: 12px;
    }
}

.searchProductNoneMatchedPanel {
    margin: 30px 0px 30px 0px;
    padding: 0;
}

@media screen and (max-width: 767px) {
    .searchProductNoneMatchedPanel {
        margin: 20px 0px 20px 0px;
    }
}

.searchProductNoneMatchedLabel {
    font-weight: 500;
    font-size: 24px;
    color: #4a4a4a;
    text-align: left;
}

@media screen and (max-width: 767px) {
    .searchProductNoneMatchedLabel {
        line-height: 1.2;
    }
}


/* RADIO BUTTON */
.btn-radiobutton {
    color: #4a4a4a;
    background-color: white;
    border: 1px solid #e0e0e0;
}

    .btn-radiobutton .btn-radiobutton-text::before {
        content: '\f111';
        font-family: "Font Awesome 5 Free";
        font-weight: 400;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        color: #4a4a4a;
        margin-right: .5rem;
    }

    .btn-radiobutton:hover {
        color: #4a4a4a;
        background-color: #e0e0e0;
        border: solid 1px #e0e0e0;
    }

        .btn-radiobutton:hover .btn-radiobutton-text::before {
            content: '\f058';
            font-family: "Font Awesome 5 Free";
            font-weight: 400;
            display: inline-block;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            color: #4a4a4a;
            margin-right: .5rem;
        }

    .btn-radiobutton.disabled, .btn-radiobutton:disabled {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

    .btn-radiobutton:not(:disabled):not(.disabled):active,
    .btn-radiobutton:not(:disabled):not(.disabled).active,
    .show > .btn-radiobutton.dropdown-toggle {
        color: #4a4a4a;
        background-color: #def1dd;
        border: solid 1px #cdeacc;
    }

        .btn-radiobutton:not(:disabled):not(.disabled):active .btn-radiobutton-text::before,
        .btn-radiobutton:not(:disabled):not(.disabled).active .btn-radiobutton-text::before,
        .show > .btn-radiobutton.dropdown-toggle .btn-radiobutton-text::before {
            content: '\f058';
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            display: inline-block;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            color: #58b957;
            margin-right: .5rem;
        }


/* CHECK BOX */
.btn-checkbox {
    color: #4a4a4a;
    background-color: white;
    border: 1px solid #e0e0e0;
}

    .btn-checkbox .btn-checkbox-text::before {
        content: '\f0c8';
        font-family: "Font Awesome 5 Free";
        font-weight: 400;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        color: #4a4a4a;
        margin-right: .5rem;
    }

    .btn-checkbox:hover {
        color: #4a4a4a;
        background-color: #e0e0e0;
        border: solid 1px #e0e0e0;
    }

        .btn-checkbox:hover .btn-checkbox-text::before {
            content: '\f14a';
            font-family: "Font Awesome 5 Free";
            font-weight: 400;
            display: inline-block;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            color: #4a4a4a;
            margin-right: .5rem;
        }

    .btn-checkbox.disabled, .btn-checkbox:disabled {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

    .btn-checkbox:not(:disabled):not(.disabled):active,
    .btn-checkbox:not(:disabled):not(.disabled).active,
    .show > .btn-checkbox.dropdown-toggle {
        color: #4a4a4a;
        background-color: #def1dd;
        border: solid 1px #cdeacc;
    }

        .btn-checkbox:not(:disabled):not(.disabled):active .btn-checkbox-text::before,
        .btn-checkbox:not(:disabled):not(.disabled).active .btn-checkbox-text::before,
        .show > .btn-checkbox.dropdown-toggle .btn-checkbox-text::before {
            content: '\f14a';
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            display: inline-block;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            color: #58b957;
            margin-right: .5rem;
        }


/* CALENDARS */
.calendar_button {
    border: none;
    cursor: pointer;
    margin-left: 5px;
    vertical-align: sub;
}

.picker {
    color: #495057;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    margin: 0px 0px 5px 0px !important;
    padding: .375rem .75rem;
    cursor: text;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    background-color: #fff;
    background-clip: padding-box;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    height: 38px;
    max-width: 400px;
}

.calendar {
    font-family: Roboto, sans-serif;
    border-collapse: collapse;
    color: whitesmoke;
    background-color: whitesmoke;
    cursor: default;
    margin-top: 15px;
    border: 1px solid #dedede;
}

    .calendar td {
        font-size: .9rem;
    }

.title {
    color: #495057;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    background-color: whitesmoke;
    padding: 5px 0;
    border-bottom: 1px solid #dedede;
}

.month {
    background-color: whitesmoke;
    margin: 0;
    padding: 0;
    padding-bottom: 2px;
    border-collapse: collapse;
}

.day {
    width: 30px;
    font-family: Roboto, sans-serif;
    font-weight: 300;
    font-size: .9rem;
    cursor: pointer;
    text-align: center;
    color: #495057;
    background-color: #fff;
}

.dayhover {
    width: 30px;
    font-family: Roboto, sans-serif;
    font-weight: 300;
    font-size: .9rem;
    border-radius: .25rem;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    color: #495057;
    background-color: whitesmoke;
}

.dayheader {
    width: 30px;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    cursor: pointer;
    text-align: center;
    color: #495057;
    background-color: whitesmoke;
    border: none;
}

.othermonthday {
    color: #495057;
    background-color: #fcfcfc;
}

    .othermonthday:hover {
        color: #495057;
        background-color: whitesmoke;
    }

.outofrangeday {
    visibility: hidden;
    background-color: #e5e5e5;
}

.selectedday {
    width: 25px;
    color: #fff;
    background-color: #337ab7;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: .9rem;
    border-radius: .25rem;
}

.nextprev {
    cursor: pointer;
    height: 25px;
    vertical-align: middle;
    padding: 0px 5px 0px 5px;
}

.selector {
    width: 14px;
    cursor: pointer;
    text-align: left;
    vertical-align: middle;
    color: #495057;
    background-color: whitesmoke;
}


/* Quotes and Invoices */
.quoteLogo {
    margin: 0px 30px 0px 0px;
    padding: 0px;
    float: left;
}

.quoteLogoLast {
    margin: 0px 30px 0px 0px;
    padding: 0px;
}

.quoteLogoDiv {
    margin: 0px 0px 15px 0px;
    text-align: left;
    float: none;
}

.quoteTitle {
    color: #00407f;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 1.5rem;
    text-align: left;
}

.quoteTitleDiv {
    margin: 0px 0px 10px 0px;
    padding: 0px;
}

.quoteHeaderTitle {
    color: Black;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 0.9rem;
    line-height: 1.3rem;
    padding: 0px 20px 8px 0px;
    text-align: left;
    vertical-align: text-top;
}

.quoteHeaderInfo {
    color: Black;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.3rem;
    padding: 0px 0px 8px 0px;
    text-align: left;
    vertical-align: text-top;
}

.quoteHeaderTitleNoGap {
    color: Black;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 0.9rem;
    line-height: 1.3rem;
    padding: 0px 20px 0px 0px;
    text-align: left;
    vertical-align: text-top;
}

.quoteHeaderInfoNoGap {
    color: Black;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    padding: 0px 0px 0px 0px;
    text-align: left;
    vertical-align: text-top;
}

.quoteHeaderGroup {
    padding: 0px 0px 8px 0px;
}

.quoteHeaderGroupTitle {
    color: Black;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 0.9rem;
    line-height: 1.1rem;
    padding: 0px 20px 2px 0px;
}

.quoteHeaderGroupInfo {
    color: Black;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.1rem;
    padding: 0px 0px 2px 0px;
}

.quoteHeaderGroupLastTitle {
    color: Black;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 0.9rem;
    line-height: 1.3rem;
    padding: 0px 20px 8px 0px;
}

.quoteHeaderGroupLastInfo {
    color: Black;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.3rem;
    padding: 0px 0px 8px 0px;
}

.quoteHeaderGroupInfoHighlight {
    color: #84276b;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 1.1rem;
    line-height: 1.2rem;
    padding: 0px 0px 2px 0px;
}

.quoteDividerLine {
    background-color: #84276b;
    color: #84276b;
    border: 0;
    height: 1px;
    padding: 0;
    margin: 0;
    margin-bottom: 15px;
    margin-top: 15px;
}

.quoteScheduleHeading {
    color: #84276b !important;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.3rem;
    font-style: italic;
    padding: 5px 0px 0px 0px;
    vertical-align: bottom;
    text-align: left;
    border-bottom: 1px solid #84276b;
}

.quoteScheduleHeadingAmount {
    color: #84276b;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.3rem;
    font-style: italic;
    padding: 5px 0px 0px 0px;
    vertical-align: bottom;
    text-align: center;
    border-bottom: 1px solid #84276b;
}

.quoteScheduleHeadingTaxCode {
    color: #84276b;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 1em;
    line-height: 1.3rem;
    font-style: italic;
    padding: 5px 0px 0px 0px;
    vertical-align: bottom;
    text-align: center;
    border-bottom: 1px solid #84276b;
}

.quoteScheduleHeadingGap {
    padding: 5px 0px 0px 0px;
    border-bottom: 0px;
}

.quoteScheduleTitle {
    color: Black;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.3rem;
    padding: 0px 0px 0px 0px;
    vertical-align: bottom;
    text-align: left;
}

.quoteScheduleCoverageInfo {
    color: Black;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 0.9rem;
    line-height: 1.3rem;
    padding: 8px 0px 5px 0px;
    vertical-align: bottom;
    text-align: left;
}

.quoteScheduleInfo {
    color: Black;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 0.9rem;
    line-height: 1.3rem;
    padding: 0px 0px 0px 0px;
    vertical-align: bottom;
    text-align: left;
}

.quoteScheduleNumericFieldTable {
    width: 100%;
}

.quoteScheduleNumericFieldTitleTd {
    width: 75%;
    text-align: left;
    vertical-align: top;
    padding: 0px 5px 3px 20px;
    color: Black;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 0.9rem;
}

.quoteScheduleNumericFieldInfoTd {
    width: 25%;
    text-align: right;
    vertical-align: top;
    padding: 0px 20px 3px 0px;
    color: Black;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 0.9rem;
}

.quoteScheduleAmount {
    color: Black;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.3rem;
    padding: 0px 0px 0px 0px;
    vertical-align: bottom;
    text-align: right;
}

.quoteScheduleTaxCode {
    color: Black;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1.3rem;
    padding: 0px 0px 0px 0px;
    vertical-align: bottom;
    text-align: center;
}

.quoteScheduleTotal {
    color: Black;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.3rem;
    padding: 10px 0px 10px 0px;
    vertical-align: bottom;
    text-align: left;
}

.quoteScheduleTotalAmount {
    color: Black;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.3rem;
    padding: 5px 0px 10px 0px;
    vertical-align: bottom;
    text-align: right;
}

.quoteScheduleTotalTaxCode {
    color: Black;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1.3rem;
    padding: 5px 0px 10px 0px;
    vertical-align: bottom;
    text-align: right;
}

.quoteScheduleGrandTotal {
    color: Black;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 1.1rem;
    line-height: 1.4rem;
    padding: 15px 0px 0px 0px;
    vertical-align: bottom;
    text-align: left;
}

.quoteScheduleGrandTotalAmount {
    color: Black;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 1.1rem;
    line-height: 1.4rem;
    padding: 15px 0px 0px 0px;
    vertical-align: bottom;
    text-align: right;
}

.quoteCurrency {
    color: Black;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 0.9rem;
    line-height: 1.2rem;
    padding: 10px 0px 0px 0px;
    text-align: left;
}

.quoteNoteBlock {
    margin: 20px 0px 10px 0px;
    text-align: left;
}

.quoteNoteTitle {
    color: Black;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 1.0rem;
    line-height: 1.1rem;
    text-decoration: underline;
    margin: 0px 0px 8px 0px;
    text-align: left;
}

.quoteNoteItem {
    color: Black;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 0.9rem;
    line-height: 1.1rem;
    margin: 0px 0px 5px 10px;
    text-align: left;
}

/* Quote Override */
.quoteOverrideHistory td {
    color: Black;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 0.6rem;
    margin: 0px 0px 5px 10px;
    text-align: center;
    border: solid;
    border-color: Black;
    border-width: 1px;
}

.quoteOverrideHistory th {
    color: Black;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 0.7rem;
    text-decoration: underline;
    margin: 0px 0px 5px 10px;
    text-align: center;
    border: solid;
    border-color: Black;
    border-width: 1px;
    background-color: Grey;
}

.quoteOverrideHistory a {
    color: #1a8dff;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 0.8rem;
}

/* Policies, Bonds and Certificates */
.policyDefinition {
    color: Black;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
    font-size: 1.05rem;
}

.policyHighlight {
    color: Black;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 1.1rem;
}

.policyOL {
    font-weight: 400;
}

    .policyOL li {
        font-weight: 400;
    }