body {
    margin-top: 0;
    padding-top: 0;
    min-height: 100%;
    width: 100%;
    padding-bottom: 0;
    position: absolute;
    padding-bottom: 56px;
}

textarea {
    resize: none;
}

.logo-main {
    height: auto;
    margin-top: -24px;
    height: 74px;
}

#richmont-menu {
    margin-bottom: 0;
    border-radius: 0;
    border: none;
}

    #richmont-menu a {
        padding: 30px 17px;
        color: white;
        font-weight: bold;
    }

    #richmont-menu li a {
        min-width: 144px;
        text-align: center;
    }

    #richmont-menu a:focus {
        background: none;
    }

    #richmont-menu .open > a {
        background: #252525;
    }

    #richmont-menu .dropdown-menu {
        background: #404040;
        padding: 0;
        width: 100%;
        border: 0;
    }

    #richmont-menu ul.dropdown-menu {
        min-width: 144px !important;
    }

    #richmont-menu .dropdown-menu a {
        text-align: center;
        padding: 10px;
    }

    #richmont-menu .open a {
    }

    #richmont-menu .navbar-nav a:hover {
        background: #252525;
        color: white;
    }

    #richmont-menu .navbar-nav a:focus {
        color: white;
    }

#richmont-header-section {
    background: url(images/bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-bottom: 0px;
}

    #richmont-header-section h1 {
        font-weight: 300;
        font-family: Raleway;
        color: white;
        font-size: 58px;
    }

.body-content {
    margin-top: 0;
    padding: 30px 0;
}

body {
    background: white;
    overflow-x: hidden;
}

.welcome-message {
    background: #006b4a;
    color: white;
    text-align: center;
    padding: 20px;
}

#rememberme-group label {
    font-weight: bold;
    padding-left: 0;
}

#rememberme-group {
    margin-top: 5px;
}

footer {
    background: #263238;
    width: 100%;
    bottom: 0;
    color: white;
    padding: 12px 0;
    left: 0;
    position: absolute;
}

    footer p {
        margin: 0;
    }



.input-group {
    margin-bottom: 15px;
}

.richmont-user-table thead {
    background: #004731;
    color: white;
}

    .richmont-user-table thead tr > td {
        padding: 10px 20px !important;
        font-weight: bold;
    }

.richmont-user-table tbody tr > td {
}

.richmont-user-table.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #e3e3e3 !important;
}

.richmont-gray-bg {
    background-color: #e3e3e3 !important;
}

.richmont-dark-green-bg {
    background: #004731 !important;
}

.richmont-light-green-bg {
    background: #006b4a !important;
}

.white {
    color: white;
}

.black {
    color: black;
}

.richmont-twoblock > div {
    padding: 10px 0px;
}

.richmont-twoblock h3 {
    text-transform: capitalize;
}

.richmont-twoblock p {
}

.approveUser span {
    margin-right: 15px;
}

    .approveUser span input {
        width: 15px;
        height: 15px;
        position: relative;
        top: 2px;
    }

.richmont-status-message {
    font-size: 16px;
    background: #f35152;
    color: white;
    text-align: center;
    padding: 5px;
}

.richmont-status-message-defaulthidden {
    font-size: 16px;
    background: #f35152;
    color: white;
    text-align: center;
    padding: 5px;
    display: none;
}

#forgotPasswordValSummary ul {
    list-style-type: none;
    padding-right: 40px;
    margin-bottom: 0px;
}

.richmont-fail-message {
    font-size: 16px;
    background: #f35152;
    color: white;
    text-align: center;
    padding: 5px;
}

.richmont-success-message {
    font-size: 16px;
    background: rgba(0, 137, 124, 0.44);
    color: #ffffff;
    text-align: center;
    padding: 5px;
}

.richmont-info-message {
    font-size: 16px;
    background: #69bbd5;
    color: #ffffff;
    text-align: center;
    padding: 5px;
}

#ConfirmEmail {
    background: #37474f;
    color: white;
}

#ConfirmEmailReset {
    color: white;
    background: #006b4a;
}

#WaitingApproval {
    color: black;
    background-color: #e3e3e3 !important;
}

#EmailConfirmed {
    color: white;
    background: #006b4a;
}

#PasswordResetConfirm {
    color: white;
    background: #006b4a;
}

    #PasswordResetConfirm a {
        color: white;
        text-decoration: underline;
    }

.tableBtn {
    width: 30px;
}

#LockoutPage {
    color: black;
    background-color: #e3e3e3 !important;
}

#SuspendedPage {
    color: black;
    background-color: #e3e3e3 !important;
}



#MenuUserManagement {
    padding: 20px;
}

    #MenuUserManagement a {
        color: #006b4a;
    }

#errorPage {
    background: #006b4a;
    color: white;
}

    #errorPage h1 {
        font-size: 102px;
    }

.btn-active-richmont {
    color: white !important;
    background: #006b4a;
    padding: 15px 30px;
    font-size: 18px;
    border-radius: 2px;
}

.btn-secondary-richmont {
    color: black !important;
    background: #e3e3e3 !important;
    padding: 15px 30px;
    font-size: 18px;
    border-radius: 2px;
    margin-left: 20px;
}

.g-recaptcha > div {
    margin: 0 auto;
}

.row-admin {
    display: flex;
    height: 100%;
}

.admin-bar {
    background: #3a3a3a;
    color: white;
    text-align: left;
    padding: 0;
    padding-top: 30px;
    position: absolute;
    min-height: calc(100% - 184px);
}

    .admin-bar ul {
        padding: 0;
        list-style: none;
        margin-bottom: 10px;
        font-size: 18px;
    }

        .admin-bar ul li {
            font-weight: bold;
            padding: 10px 40px;
        }

            .admin-bar ul li:hover {
                background: black;
                cursor: pointer;
            }

        .admin-bar ul ul {
            margin-bottom: 15px;
            margin-top: 15px;
        }

            .admin-bar ul ul li {
                font-weight: 300;
                padding-left: 60px;
                font-size: 16px;
            }

        .admin-bar ul a {
            color: inherit;
        }

            .admin-bar ul a:hover {
                text-decoration: none;
            }

.content-admin {
    padding: 0;
    padding-bottom: 50px;
    min-height: 1100px;
}

.dashboard-panel .dashboard-btn {
    padding: 20px;
    box-sizing: border-box;
    margin: 0 10px;
    background: #004731;
    color: white;
    cursor: pointer;
}

.dashboard-panel .row {
    margin-bottom: 20px;
    box-sizing: border-box;
}

.dashboard-panel i {
    margin-right: 5px;
}

.admin-bar li.active {
    background: black;
}


#ValidationSummary {
    background: #f35152;
    color: white;
    display: inline-block;
    padding: 10px 50px;
    border-radius: 1px;
    margin: 15px 0;
}

    #ValidationSummary ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    #ValidationSummary li {
        color: white;
    }

#main_container {
    height: calc(100% - 160px);
    width: 100%;
}

.overflow_container {
    padding: 30px 50px;
    height: calc(100% - 150px);
}

.quickquote-form .row {
    margin-bottom: 25px;
}

.quickquote-form input[type=submit] {
    padding: 20px 80px;
}

.quickquote-form .row input, .quickquote-form .row textarea {
    max-width: 100%;
    resize: none;
}

.quickquote-form .row label {
    text-align: right;
    width: 100%;
}

.quickquote-form select {
    padding: 10px;
}

.quickquote-form .row h4 {
    text-align: center;
    margin-bottom: 40px;
}

.quickquote-form table {
    width: 100%;
}

    .quickquote-form table td {
        border: 1px solid #dddddd;
        padding: 10px;
    }

.hidden_inputs .hidden_input {
    display: none;
}

    .hidden_inputs .hidden_input:first-child {
        border: 1px solid red;
    }

.show_hidden_input {
    margin: 0 auto;
    display: block;
    background: #004731;
    border: 1px solid #006b4a;
    padding: 10px 75px;
    color: white;
}



.richmont-table {
    text-align: center;
}

    .richmont-table thead td {
        font-weight: 600;
        text-align: center;
    }

    .richmont-table.table-striped > tbody > tr:nth-of-type(even) {
        background-color: #e7ecee;
    }

    .richmont-table.table-striped > tbody > tr:nth-of-type(odd) {
        background-color: white;
    }

    .richmont-table tr td {
        border: none !important;
    }

.body-container {
    padding: 20px 0;
}

.richmont-search-bar {
    background: #e7ecee;
    text-align: center;
}

    .richmont-search-bar input {
        background: transparent;
        border: none;
        width: 90% !important;
        max-width: 100%;
    }

        .richmont-search-bar input:focus {
            outline: none !important;
            border: none;
            box-shadow: none;
        }

.form-group, .form-group select {
    width: 100% !important;
}

.richmont-primary {
    background: #00897c;
    padding: 20px 30px;
}

.richmont-off {
    background: #f3f3f7;
    color: black !important;
}

    .richmont-off:hover {
        background: #eaeaea !important;
    }


.richmont-btn-full-width {
    width: 100% !important;
    max-width: 100% !important;
}

.richmont-btn {
    text-align: center;
    display: inline-block;
    color: white;
    cursor: pointer;
    border: none;
    font-size: 17px;
    padding: 8px 19px;
}

.block {
    display: block;
}

.richmont-btn:hover {
    text-decoration: none;
    color: white;
}

.richmont-primary:hover {
    color: white;
    text-decoration: none;
    background: #027368;
}

.richmont-btn-large {
    max-width: 650px;
    padding: 13px 10px;
    font-size: 20px;
    width: 100%;
}

.richmont-input {
    background: white;
    width: 100%;
    max-width: inherit;
    padding: 5px 8px;
    border: none;
    text-align: left;
    color: #484848;
    border: 2px solid #efefef;
    margin-bottom: 10px;
    font-size: 12px;
}

.inputs-border-bold .richmont-input {
    border-color: #d3d3d3;
}

.richmont-input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.richmont-input::-webkit-input-placeholder {
    color: #cecece;
}

.richmont-input:-moz-placeholder { /* Firefox 18- */
    color: #cecece;
}

.richmont-input::-moz-placeholder { /* Firefox 19+ */
    color: #cecece;
}

.richmont-input:-ms-input-placeholder {
    color: #cecece;
}

.richmont-small-select {
    width: initial !important;
}

.richmont-bindonline-small-select {
    width: 40%;
}

.body-container h3, .body-container p {
    text-align: center;
}

.field-validation-error {
    display: block;
    text-align: center;
}

.gray-area {
    background: #f3f3f7;
    padding: 20px 0;
}

    .gray-area h3 {
        font-size: 24px;
        text-align: center;
        margin-top: 0;
    }

.richmont-btn-dashboard {
    width: 16%;
}

    .richmont-btn-dashboard:focus {
        color: white;
    }

.white-color {
    color: white
}

.quote-step-info h1 {
    font-size: 21px;
    font-weight: 100;
    text-align: left;
    display: inline-block;
    margin: 12px 0;
}

.quote-step-info .bindonline-title {
    font-size: 18px;
    font-weight: 100;
    text-align: left;
    display: inline-block;
    margin: 12px 0;
}

.bindonline-step-info h1 {
    font-size: 18px;
    font-weight: 100;
    text-align: left;
    display: inline-block;
    margin: 12px 0;
}

.richmont-quotenumber-binonline-display-style {
    display: inline-block;
    margin-top: 13px;
    font-size: 18px;
    margin-left: 3%;
}

.circle {
    width: 50px;
    height: 50px;
    border: 2px solid #00695c;
    color: #00695c;
    border-radius: 50px;
    text-align: center;
    display: inline-block;
    font-size: 25px;
    position: relative;
    margin: 0 3%;
    padding-top: 5px;
}

.circle-selected {
    background: #00695c;
    color: white;
}

#BrokerSelector {
    display: inline-block;
}

.page-not-found {
    position: absolute;
    right: 0;
    left: 0;
    height: calc(100% - 90px);
    color: white;
    background: url(images/background/404_img.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.dataTables_filter {
    display: none;
}

.table-search-btn {
    line-height: normal;
    width: 60%;
}

.dataTables_processing {
    top: 105px !important;
    z-index: 3;
}

.richmont-tableoptions-divisor {
    margin-top: 5px;
    margin-bottom: 5px;
    border-color: black !important;
}

.richmont-no-click-cursor {
    cursor: default;
}

.page-not-found h1 {
    font-size: 300px;
    font-family: Raleway;
    font-weight: 300;
    text-align: center;
}

.page-not-found hr {
    border: 1px solid white;
}

.page-not-found p {
    font-size: 25px;
}

.circle-link {
}

    .circle-link:hover {
        text-decoration: none;
    }

.richmont-confirmation-table {
    font-size: 17px;
    width: 100%;
}

    .richmont-confirmation-table.fixed {
        table-layout: fixed;
    }

        .richmont-confirmation-table.fixed td {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .richmont-confirmation-table tr {
        border-bottom: 3px solid #E0E0E0;
    }

    .richmont-confirmation-table td {
        padding: 10px;
    }

    .richmont-confirmation-table tr:last-child {
        border: none;
    }

    .richmont-confirmation-table .bold {
        color: black;
        font-weight: bold;
        font-size: 18px;
    }

    .richmont-confirmation-table.bold-right td {
        text-align: left;
        width: 50%;
    }

        .richmont-confirmation-table.bold-right td.bold {
            text-align: right;
        }

.confirmation-section {
    border-bottom: 4px solid #e0e0e0;
    padding: 85px 0;
}

    .confirmation-section h2 {
        color: #3c3b3b;
        font-family: "Raleway";
        font-weight: 300;
        font-size: 35px;
        margin-top: 0;
        margin-bottom: 10px;
    }

    .confirmation-section a {
        color: #9e9e9e;
        font-size: 23px;
        display: inline-block;
        margin-bottom: 20px;
    }

    .confirmation-section:nth-child(6) {
        border: none;
    }

.status-page h1 {
    font-size: 70px;
    font-family: Raleway;
    font-weight: 300;
    border-bottom: 3px solid white;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.status-page {
    color: white;
    position: absolute;
    width: 100%;
    height: calc(100% - 100px);
    padding: 0;
    padding-top: 10%;
}

    .status-page p {
        font-size: 26px;
    }

        .status-page p a {
            color: white;
            font-style: italic;
        }

    .status-page img {
        margin-bottom: 20px;
        width: 110px;
    }

    .status-page.waitingconfirmation,
    .status-page.emailconfirmed,
    .status-page.passwordresetconfirm,
    .status-page.confirmemailreset {
        background: url('images/background/login_img.jpg') no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

.enter-screen {
    /*background: url(images/background/login_img.jpg) no-repeat center center fixed;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    left: 0;
    right: 0;
    height: calc(100% - 120px);
}

    .enter-screen h1, .enter-screen h2 {
        color: white;
        font-family: Raleway;
        text-align: center;
        font-weight: 300;
    }

    .enter-screen h1 {
        font-size: 48px;
    }

    .enter-screen h2 {
        font-size: 31px;
        margin-top: -10px;
        margin-bottom: 40px;
    }

    .enter-screen hr {
        color: white;
        border: 2px solid white;
    }

    .enter-screen input {
        margin-bottom: 7px;
    }

input[type="checkbox"] {
    width: 16px;
    height: 16px;
    position: relative;
    top: 1px;
    margin-right: 5px;
}

.carrier-selector label {
    font-size: 17px;
    font-weight: 100;
    margin-right: 30px;
}

.carrier-selector h2 {
    margin-bottom: 30px;
}

.two-options-btns .richmont-btn {
    width: 190px;
    margin: 0px 10px;
}

.broker-selector tr div {
    margin-bottom: 10px;
}

.carrier-selector div {
    display: inline-block;
}

.richmont-gray-link {
    color: #9e9e9e;
    font-size: 19px;
    display: inline-block;
}

.quotemanagement-generalinfoquickquote label {
    margin-left: 45px;
    margin-right: 10px;
}

    .quotemanagement-generalinfoquickquote label input[type="checkbox"] {
        top: 4px;
    }

.driverRow {
    position: relative;
}

.removeDriverRow, .removeVehicleRow {
    position: absolute;
    right: 0;
}

.incidentRow {
    position: relative;
}



.removeDriverRow img, .removeVehicleRow img {
    width: 30px;
}


.incidentsList:empty {
    display: none;
}

.quotemanagement hr {
    border-top: 3px solid #eee;
}

.incidentRow:first-child {
    margin-top: 20px;
}


.quotemanagement-scheduleofdriversquickquote label {
    position: relative;
    top: 6px;
}

.rate {
    color: #00897c;
    margin-bottom: 30px;
    font-size: 40px;
}

.richmont-input-label {
    display: block;
    width: 100%;
    margin: 0 !important;
    text-align: right;
    position: relative;
    top: 5px;
    font-weight: 300;
    font-size: 12px;
}

.bindonline-question-label {
    padding-top: 5px;
}

.richmont-validation-label {
    color: #f17e7e;
    text-align: right;
    position: absolute;
    right: 17px;
    font-size: 13px;
    margin-top: 3px;
}

.richmont-input.input-validation-error {
    border-color: #f17e7e;
}

.enter-screen .richmont-input-label {
    color: white;
}

.circle-link {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 20px;
}

    .circle-link img {
        position: absolute;
        bottom: -7px;
        right: -7px;
    }

    .circle-link .richmont-circles-list-errors {
        position: absolute;
        display: none;
        background: #d52d24;
        padding: 10px;
        z-index: 10;
        width: 200px;
        left: -140%;
        box-shadow: rgba(0, 0, 0, 0.17) 0px 0px 5px 1px;
    }

    .circle-link:hover .richmont-circles-list-errors {
        display: block;
    }

.richmont-circles-list-errors ul {
    padding: 0;
    color: white;
    list-style: none;
}

.richmont-circles-list-errors h3 {
    color: white;
}

.richmont-inline-inputs input[type=text] {
    width: 20%;
    display: inline;
}

.richmont-inline-inputs-bindonline input[type=text] {
    width: 27%;
    display: inline;
}

.richmont-inline-inputs label, .richmont-inline-inputs-bindonline label {
    display: inline;
    margin-left: 20px !important;
    vertical-align: top;
    margin-right: 10px !important;
}


.richmont-inline-inputs-2 label {
    display: inline;
    margin-left: 0 !important;
    vertical-align: top;
    margin-right: 10px !important;
}

.richmont-inline-inputs-2 input[type=text] {
    width: 20%;
    display: inline;
}

.richmont-group {
    border: 2px solid #efefef;
    padding: 20px;
    padding-top: 20px;
    padding-bottom: 10px;
    position: relative;
}

    .richmont-group h4 {
        display: inline-block;
        background: white;
        position: absolute;
        top: -17px;
        left: 5px;
        padding: 0 10px;
    }

.MailingAndGaragingSection input[disabled], .MailingAndGaragingSection select[disabled] {
    background-color: rgb(228, 228, 228);
    color: #9a9a9a;
}

    .MailingAndGaragingSection input[disabled]::-webkit-input-placeholder {
        color: #9a9a9a;
    }

    .MailingAndGaragingSection input[disabled]:-moz-placeholder { /* Firefox 18- */
        color: #9a9a9a;
    }

    .MailingAndGaragingSection input[disabled]::-moz-placeholder { /* Firefox 19+ */
        color: #9a9a9a;
    }

    .MailingAndGaragingSection input[disabled]:-ms-input-placeholder {
        color: #9a9a9a;
    }

.richmont-input.disabled {
    background-color: rgb(228, 228, 228);
    color: #9a9a9a;
}

.richmont-input:disabled {
    background-color: rgba(228, 228, 228, 0.25);
    color: #9a9a9a;
}

.disabled-style {
    background-color: rgba(228, 228, 228, 0.25);
    color: #9a9a9a;
}

.richmont-circles-list-errors {
    position: absolute;
    border: 1px solid red;
    z-index: 5;
    background: #d52d24;
    min-width: 100%;
    left: 0;
}

    .richmont-circles-list-errors li {
        display: block !important;
        color: white !important
    }

.MenuQuote {
    margin: 0;
}

    .MenuQuote li {
        display: inline-block;
        color: #00695c;
        margin: 0 10px;
        position: relative
    }

        .MenuQuote li i {
            background: #00695c;
            border-radius: 41px;
            overflow: hidden;
            color: white;
            padding: 10px;
            position: relative;
            margin-right: 4px;
        }

        .MenuQuote li a:focus {
            text-decoration: none;
        }

        .MenuQuote li a {
            color: inherit;
            padding: 20px 10px;
            display: inline-block;
        }

            .MenuQuote li a span {
                display: inline-block;
                vertical-align: top;
                margin-top: 10px;
            }

            .MenuQuote li a:hover {
                text-decoration: none;
            }



.richmont-column-card-header {
    background: #263238;
    color: white;
    text-align: right;
    margin-top: 57px;
}

    .richmont-column-card-header div {
        border-bottom: 1px solid white;
        padding: 5px;
        margin-bottom: -1px;
    }

    .richmont-column-card-header.drivers-custom-divs div {
        border-bottom: 3px solid white;
        padding-bottom: 2px;
        padding-top: 2px;
        padding-right: 6px;
        margin-bottom: -1px;
    }

    .richmont-column-card-header.vehicles-custom-divs div {
        border-bottom: 3px solid white;
        padding: 4px;
        margin-bottom: -1px;
        padding-right: 6px;
    }

.richmont-column-card {
    background: #ebebeb;
    max-width: 230px;
    padding: 10px;
    position: relative;
    display: inline-block;
    margin-right: 7px;
    white-space: normal;
    vertical-align: top;
}

    .richmont-column-card h3 {
        text-align: left;
        margin: 5px;
        margin-bottom: 15px;
        font-size: 23px;
    }

.richmont-column-card-inputs input, .richmont-column-card-inputs select {
    margin-bottom: 1px;
}

.richmont-column-card-remove-card {
    position: absolute;
    width: 25px;
    right: 17px;
    top: 15px;
    cursor: pointer;
}

.richmont-commodity-remove-row {
    position: absolute;
    width: 22px;
    right: 40px;
    top: 5px;
    cursor: pointer;
}

.col-no-padding .col, .no-padding {
    padding: 0 !important
}

.richmont-primary-bg button {
    border: none;
    padding: 5px 20px;
    margin-left: 20px;
}

#DriversArea, #VehiclesArea, #RemovedVehiclesArea {
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
}

.blackscreen {
    background: rgba(0, 0, 0, 0.31);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    overflow-y: scroll;
    z-index: 1;
    bottom: 0;
}

    .blackscreen .container #IncidentsArea {
        background: white;
        margin-top: 160px;
    }

#IncidentsArea {
    padding: 0;
    width: 1000px;
    margin-left: 12%;
}

    #IncidentsArea h4 {
        text-align: center;
        margin: 0;
        padding: 10px;
    }

.DriverIncident {
    padding: 5px;
}

.incidentMessage {
    text-align: center;
    margin-top: 10px;
}

.incidentRow {
    margin-left: 15px;
}

    .incidentRow label {
        vertical-align: top;
        display: inline-block;
        margin-right: 5px;
        margin-left: 10px;
    }

    .incidentRow select {
        display: inline-block;
        width: 150px;
    }

    .incidentRow h6 {
        display: inline-block;
        font-size: 16px;
    }

.removeIncidentRow {
    width: 30px;
    margin-left: 20px;
}

.richmont-input[type=checkbox] {
    margin: 9px auto;
}


.richmont-back-button {
    color: #263238;
}

.richmont-btn-black {
    background: #333;
}

    .richmont-btn-black:hover {
        background: black;
    }

.richmont-quotes-btns-row {
    padding-top: 30px;
}

.richmont-compare {
    display: block;
}

    .richmont-compare h3:first-child {
        background: #00695c;
        color: white;
        border: none;
        margin-bottom: 0;
        margin-top: 0;
        font-size: 18px;
        padding-top: 9px;
        padding-bottom: 9px;
    }

/*.richmont-compare h3:nth-child(2){
    background: #00695c;
    color: white;
    border: none;
    margin-bottom:0;
    margin-top:0;
    font-size:18px;
    padding-top: 9px;
    padding-bottom: 9px;
}*/

.richmont-rate-header {
    background: #00695c;
    color: white;
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 18px;
    padding-top: 6px;
    padding-bottom: 6px;
    display: grid;
    grid-template-columns: 80% 5%;
    justify-items: center;
}

    .richmont-rate-header h3 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        font-size: 17px !important;
    }

.richmont-rate-radio-button {
    width: 66px;
    height: 28px;
    margin-top: 0;
    position: absolute;
    left: 15px;
}

.richmont-compare-list {
    border-left: 2px solid #efefef;
    border-bottom: 2px solid #efefef;
    width: 50%;
    float: left;
}

    .richmont-compare-list ul {
        padding: 0;
        list-style: none;
        margin: 0;
    }

    .richmont-compare-list li {
        border-bottom: 2px solid #efefef;
        padding: 10px;
        text-align: center;
        margin-bottom: 1px;
        cursor: pointer;
    }



        .richmont-compare-list li span {
            margin: 0 15px;
        }

.richmont-compare-info {
    float: left;
    padding: 20px;
    background-color: #ebebeb;
    border: none;
    width: 100%;
    padding-top: 0
}

    .richmont-compare-info h3 {
        font-size: 17px;
        margin: 0;
        margin-bottom: 10px;
    }

    .richmont-compare-info > div {
        display: none;
        text-align: center;
    }

        .richmont-compare-info > div.selected {
            display: block;
        }

    .richmont-compare-info .selected table.richmont-comparerates-table {
        width: 50%;
        text-align: left;
        margin-top: 20px;
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;
    }

    .richmont-compare-info .selected table.richmont-downpayment-table {
        width: 60%;
        text-align: left;
        margin-top: 0;
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: 131px;
    }

        .richmont-compare-info .selected table.richmont-downpayment-table hr {
            border: none;
            border-bottom: 1px solid #000000;
            margin: 0;
            width: 50px;
        }

        .richmont-compare-info .selected table.richmont-downpayment-table .first-payment-row td {
            padding-top: 10px;
        }

.downpayment-label {
    margin-bottom: 0;
}

.richmont-compare-info hr {
    border: none;
    border-bottom: 1px solid #afafaf;
}

.richmont-compare-info ul {
    margin-top: 20px;
}

.richmont-confirmation-table-2 {
    width: 100%;
    font-size: 12px;
}

    .richmont-confirmation-table-2 .bold {
        font-weight: bold;
        text-align: right;
        color: black;
    }

    .richmont-confirmation-table-2 td {
        text-align: left;
        padding: 5px;
        color: black;
    }

.richmont-accordeon-section {
    padding: 10px;
    display: none;
}

.richmont-accordeon-sections {
    border: 2px solid #ebebeb;
}

.richmont-accordeon-tabs {
    border-bottom: 15px solid #ebebeb;
    cursor: pointer;
}

    .richmont-accordeon-tabs .richmont-accordeon-tab {
        display: inline-block;
        width: 15%;
        border-radius: 10px 10px 0 0;
        padding: 10px 0px;
        font-size: 12px;
    }

        .richmont-accordeon-tabs .richmont-accordeon-tab:hover, .richmont-accordeon-tabs .richmont-accordeon-tab.selected {
            background: #ebebeb;
        }

.flex {
    display: flex;
}

.richmont-confirmation-left-header {
    background: #ebebeb;
    width: 120px;
}



    .richmont-confirmation-left-header ul {
        padding: 0;
        list-style: none;
        text-align: right;
        font-size: 12px;
        padding-top: 96px;
    }

        .richmont-confirmation-left-header ul li {
            padding: 5px 8px;
            border-bottom: 1px solid #c1c1c1;
        }

            .richmont-confirmation-left-header ul li:last-child {
                border-bottom: 0;
            }

.richmont-confirmation-column {
    /* border:1px solid red; */
    float: left;
}

    .richmont-confirmation-column ul {
        padding: 0;
        list-style: none;
        font-size: 12px;
    }

    .richmont-confirmation-column h3 {
        font-size: 17px;
        text-align: left;
        padding: 4px;
        margin-top: 60px;
        padding-left: 15px;
    }

    .richmont-confirmation-column ul li {
        padding: 5px 15px;
        border-bottom: 1px solid #c1c1c1;
        text-align: left;
        color: black;
    }

        .richmont-confirmation-column ul li:last-child, .richmont-confirmation-column ul li:last-of-type {
            border-bottom: 0;
        }

.scrollable-info {
    display: flex;
    overflow-x: scroll;
    width: 89%;
    white-space: nowrap;
}

.richmont-confirmation-table-2-with-border tr {
    border-bottom: 2px solid #dadada;
}

    .richmont-confirmation-table-2-with-border tr:last-child {
        border: none;
    }

.richmont-confirmation-table-2-with-border {
    width: auto;
    margin: 0 auto;
}

.richmont-confirmation-rate h3 {
    font-size: 13px;
    margin: 0;
    background: #eeeeee;
    color: black;
    padding: 10px;
}

.richmont-confirmation-rate table {
    width: 200px;
    margin: 0 auto;
    text-align: left;
}

.richmont-confirmation-rate hr {
    border: none;
    border-bottom: 2px solid #eeeeee;
    width: 80%;
}

.no-info {
    font-size: 26px;
    color: #b1b1b1;
    padding: 50px;
    padding-bottom: 20px;
}

.no-info-print {
    font-size: 26px;
    color: #333;
    padding: 50px;
}

#no-commodities-msg {
    font-size: 26px;
    color: #b1b1b1;
    padding: 5px;
    margin-left: 95px;
}


.excluded-div {
    margin-bottom: 0;
    color: #9a9a9a;
}

    .excluded-div input {
        margin: 0;
        width: 13px;
        height: 13px;
        position: relative;
        top: 3px;
        margin-left: 10px;
    }

a.navbar-brand {
    display: block;
    background: white;
    height: 80px;
}

    a.navbar-brand:focus {
        background: white !important;
    }

.openIncidents {
    margin: 5px 0;
}

.richmont-review-box {
    border: 2px solid #ebebeb;
}

.richmont-review-section {
    padding: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .richmont-review-section h3 {
        font-weight: bold;
        padding-bottom: 10px;
        border-bottom: 3px solid #eeeeee;
        margin-top: 0;
        font-size: 19px;
        margin-bottom: 0;
    }

    .richmont-review-section h5 {
        font-size: 17px;
        text-align: left;
        padding: 4px;
        margin-top: 60px;
        padding-left: 15px;
    }

.richmont-main-menu-quote {
    position: absolute;
    background: #263238;
    width: 240px;
    height: 100%;
    z-index: 1;
    color: white;
    padding-top: 30px;
    left: -180px;
    transition: left ease .3s;
}

    .richmont-main-menu-quote.open {
        left: 0;
    }

    .richmont-main-menu-quote a {
        color: inherit;
    }

    .richmont-main-menu-quote > ul {
        margin-top: 25px;
    }

    .richmont-main-menu-quote ul {
        padding: 0;
        list-style: none;
        text-align: right;
        display: none;
    }

    .richmont-main-menu-quote.open ul {
        display: block;
    }

    .richmont-main-menu-quote ul li {
        padding: 10px 0;
        padding-right: 0;
        font-size: 16px;
    }

        .richmont-main-menu-quote ul li li {
            padding: 0;
            font-size: 13px;
        }

        .richmont-main-menu-quote ul li a {
            padding-right: 30px;
        }

        .richmont-main-menu-quote ul li div {
            padding-right: 30px;
        }

        .richmont-main-menu-quote ul li ul li:hover {
            background: black !important;
        }

        .richmont-main-menu-quote ul li.menu-side-dashboard:hover {
            background: black !important;
        }

    .richmont-main-menu-quote i {
        position: absolute;
        right: 14px;
        top: 14px;
        font-size: 26px;
        cursor: pointer;
    }

    .richmont-main-menu-quote .CloseMenu {
        display: none;
        font-size: 18px;
    }

.OpenMenu {
    margin-right: 5px;
}

.richmont-main-menu-quote .TextMenu {
    top: 32px;
    right: 10px;
}

.richmont-main-menu-quote.open {
}

    .richmont-main-menu-quote.open .CloseMenu {
        display: block;
    }

    .richmont-main-menu-quote.open .OpenMenu {
        display: none;
    }

    .richmont-main-menu-quote.open .TextMenu {
        display: none;
    }

/*body.quotemanagement {
    padding-left: 50px;
}*/

.layoutquote .navbar-brand {
    padding: 0;
    height: 69px;
}

    .layoutquote .navbar-brand img {
        margin-top: 0;
    }

.richmont-print-section {
    border: 2px solid #ebebeb;
    margin-bottom: 30px;
    font-size: 14px;
}

    .richmont-print-section h5 {
        margin: 0;
        text-align: center;
        padding: 5px;
        background: #ebebeb;
    }

    .richmont-print-section table.borders {
        border: 2px solid #ebebeb;
    }

        .richmont-print-section table.borders td {
            border: 0.5px solid #ebebeb;
            padding: 3px;
        }

.richmont-print-section-columns ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.richmont-print-section-columns {
    clear: both;
}

    .richmont-print-section-columns ul li {
        padding: 3px 5px;
        border-bottom: 1px solid #ebebeb;
    }

        .richmont-print-section-columns ul li:last-child {
            border: none;
        }

    .richmont-print-section-columns div {
        display: inline-block;
        vertical-align: top;
        border-bottom: none;
        min-height: 330px;
        border-right: 1px solid #ebebeb;
    }

.richmont-print-section-columns-header {
    background: #ebebeb;
    padding-top: 35px;
    border-left: none !important;
    min-height: 334px;
}

    .richmont-print-section-columns-header ul li {
        border-bottom: 1px solid #d4d4d4 !important;
    }

        .richmont-print-section-columns-header ul li:last-child {
            border-bottom: none !important;
        }

.print-table {
    width: 50%;
}

.richmont-print-section-columns-element {
    margin-left: -6px;
}

    .richmont-print-section-columns-element h6 {
        padding-left: 5px;
        font-weight: bold;
        font-size: 14px;
    }

.print-table.second-column-right tr td:last-child {
    text-align: right;
}

.rate-section hr {
    margin-bottom: 4px;
    background: #eee;
    height: 2px;
}

.rate-section .total {
    text-align: center;
    font-size: 14px;
}

.border-outside {
    border: 1px solid !important;
    border-right: none;
}

.richmont-print-section .addresses-section table {
    border-right: none !important;
}

.navigation-quote {
    white-space: nowrap;
}

body.layoutquote {
    padding-left: 50px;
}

.richmont-status-message ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

.errors-wrapper {
    position: fixed;
    bottom: 80px;
    right: 80px;
    width: 300px;
    max-height: 80%;
}

.errors-box {
    border: 3px solid #d22f1f;
    background: white;
    padding: 15px;
    box-shadow: 0px 0px 10px 0px #aeaeae;
    padding-bottom: 20px;
}

    .errors-box h1 {
        position: absolute;
        top: -57px;
        background: #d22f1f;
        color: white;
        left: 0;
        width: 100%;
        font-size: 17px;
        text-align: center;
        padding: 10px;
    }

        .errors-box h1 i {
            font-size: 11px;
        }

    .errors-box h4 {
        border-bottom: 2px solid black;
        color: #000000;
        padding: 3px 13px;
        padding-top: 0;
        font-weight: bold;
        font-size: 17px;
        margin: 0;
        margin-bottom: 10px;
    }

    .errors-box ul {
        padding-left: 20px;
        margin-bottom: 25px;
    }

        .errors-box ul a {
            color: inherit;
        }

.errors-wrapper .toggleErrors {
    border: 1px solid #d22f1f;
    width: 50px;
    height: 50px;
    border-radius: 40px;
    background: #d22f1f;
    color: white;
    font-size: 35px;
    font-weight: bold;
    position: absolute;
    bottom: -17px;
    right: -17px;
    box-shadow: 0px 0px 10px 0px #aeaeae;
}

    .errors-wrapper .toggleErrors:focus {
        outline: 0;
    }


#total-percentage-text {
    margin-bottom: 20px;
    font-size: large;
}

.hidden-total-commodities-percentage {
    display: none;
}

.total-percentage-valid {
    color: #027368;
}

.total-percentage-invalid {
    color: #f35152;
}

.bindonline-total-percentage-valid {
    color: black;
}

#limits-vehiclesinfo-section {
    margin-top: 25px;
}

.limits-tractor-trailers-totals {
    margin-top: 10px;
}

.richmont-review-section h5.limits-vahiclesinfo-customs {
    font-size: 15px;
    margin-top: 2px;
}

.richmont-confirmation-left-header ul.limits-vahiclesinfo-customs {
    padding-top: 36px;
}

.richmont-review-section span.limits-vahiclesinfo-customs {
    display: block;
    border-bottom: 3px solid #eeeeee;
}

.limits-vehiclestotals-font-size {
    font-size: 17px;
}

.info-quote-numbers p {
    text-align: left;
    color: #6b6b6b;
    font-style: italic;
    font-size: 13px
}

.info-quote-numbers {
    top: -3px;
    position: relative;
    display: none
}

    .info-quote-numbers span.red {
        color: #f35152;
    }

.autocomplete-quote-btn {
    position: absolute;
    right: -20px;
    top: 0px;
    font-size: 14px;
    padding: 5px 10px;
    z-index: 1;
}

.richmont-ratedetails-btn {
    padding-left: 40px;
    padding-right: 40px;
}

.richmont-modals-ratedetails {
    border-radius: 0;
}

.richmont-details-table caption {
    font-size: 20px;
}

.richmont-details-table th {
    text-align: center;
}

.custom-details-modal-header {
    color: white;
    background: #00695c;
}

.details-totals-align-center p {
    text-align: center;
}

.details-total-extras-contrainer {
    margin-top: 10px;
    margin-bottom: 10px;
}

.make-bold {
    font-weight: bold;
}

.make-underline {
    text-decoration: underline;
}

.make-red {
    color: red;
}

.zero-margin-bottom {
    margin-bottom: 0;
}

.margin-top-tenpx {
    margin-top: 10px;
}

.details-custom-modal-footer {
    text-align: center;
    border-top: 0;
}

#custom-loader {
    position: absolute;
    left: 53%;
    top: 50%;
    z-index: 1;
    margin: -75px 0 0 -75px;
    border: 16px solid rgba(243, 243, 243, 0);
    border-radius: 50%;
    border-left: 16px solid #ebebeb;
    border-bottom: 16px solid #ebebeb;
    border-right: 16px solid #ebebeb;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

#custom-loader-searchpage {
    position: fixed;
    left: 53%;
    top: 50%;
    z-index: 1;
    margin: -75px 0 0 -75px;
    border: 16px solid rgba(243, 243, 243, 0);
    border-radius: 50%;
    border-left: 16px solid #ebebeb;
    border-bottom: 16px solid #ebebeb;
    border-right: 16px solid #ebebeb;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.richmont-confirmation-submit-textsummary {
    text-align: justify !important;
    margin-top: 15px;
    margin-left: 20px;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

#loader-container, #loader-container-payment, #loader-container-selectrate {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 1;
}

#loader-container-completesubmit, #loader-container-decline {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 1;
}

#custom-loader-completesubmit, #custom-loader-decline, #custom-loader-payment {
    position: absolute;
    left: 53%;
    top: 50%;
    z-index: 1;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border-top: 16px solid #00695c;
    border-left: 16px solid #ebebeb;
    border-bottom: 16px solid #ebebeb;
    border-right: 16px solid #ebebeb;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

#complete-quote-automatic-button {
    background-color: #0070ae;
}

    #complete-quote-automatic-button:hover {
        background-color: #0089d5;
    }

#rating-loader {
    position: relative;
    left: 0;
    top: 0;
    margin: 20px Auto;
    z-index: 1;
    border: 16px solid rgba(243, 243, 243, 0);
    border-radius: 50%;
    border-left: 16px solid #ebebeb;
    border-bottom: 16px solid #ebebeb;
    border-right: 16px solid #ebebeb;
    width: 110px;
    height: 110px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

#search-number-loader {
    position: relative;
    left: 0;
    top: 0;
    border-radius: 50%;
    border-left: 6px solid #ebebeb;
    border-bottom: 6px solid #ebebeb;
    border-right: 6px solid #ebebeb;
    width: 30px;
    height: 30px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.schedule-rating-title {
    background-color: #ebebeb;
}

.fullpackage-custom-division-line {
    border: 1px solid #999;
    margin-top: 5px;
    margin-bottom: 10px;
}

a, a:visited, a:hover, a:active {
    text-decoration: none;
}

#aggregate-limit-field[disabled] {
    cursor: default;
    background-color: lightgray;
}

.simple-p-red-text {
    color: red;
    margin-top: 25px;
    font-size: 20px;
}

a#ratesBackButton:focus {
    color: white;
    text-decoration: none;
}

.general-font-for-print {
    font-size: 12px;
}

.richmont-print-table-cells-custom {
    border-spacing: 0;
    border-collapse: collapse;
}

.richmont-print-header-tables-cutom {
    width: 100%;
    border: 0.5px solid #ebebeb;
    border-spacing: 0;
    border-collapse: collapse;
}

.richmont-print-header-tables-cutom-noborder {
    width: 100%;
    border: none;
    border-spacing: 0;
    border-collapse: collapse;
}

.richmont-print-totals-cellpadding td {
    padding-bottom: 4px;
}

.richmont-print-total-section {
    width: 65%;
}

.richmont-print-header-table-fields {
    background: #ebebeb;
    text-align: center;
    font-size: 10px;
}

.richmont-print-table-cells-fields td {
    font-size: 10px;
}

.richmont-print-td-span {
    padding-left: 20px;
}

.richmont-print-td-heads-bold td {
    font-weight: bold;
}

.richmont-print-bold {
    font-weight: bold;
}

.richmont-static-control {
    padding-top: 0 !important;
    text-align: left !important;
    margin-left: 25px;
}

.richmont-static-label {
    text-align: right !important;
    font-weight: bold;
}

.richmont-static-border-bottom div {
    border-bottom: 2px solid #eee;
    margin-bottom: 20px;
}

.incidentType {
    width: 124px !important;
}

.incidentSubType {
    width: 205px !important;
}

.incidentDate {
    width: 95px;
}

.incidentConvictionDate {
    width: 95px;
}

#requestedPUC-option {
    margin-bottom: 15px;
}

#richmont-quote-number-label {
    padding-right: 0;
    width: 60px;
}

#richmont-quote-number-display {
    padding: 0;
}

    #richmont-quote-number-display p:only-of-type {
        margin-bottom: 0;
        width: 111px;
    }

    #richmont-quote-number-display p {
        margin-bottom: 0;
    }

#richmont-quote-number-display-underline {
    border-top: 1px solid black;
    width: 111px;
    margin-left: 12px
}

#richmont-resend-link {
    color: white !important;
    text-decoration: none !important;
}

    #richmont-resend-link:visited {
        color: white !important;
        text-decoration: none !important;
    }

    #richmont-resend-link:focus {
        color: white !important;
        text-decoration: none !important;
    }

#richmont-resend-linka:hover {
    color: white !important;
    text-decoration: none !important;
}

#richmont-resend-linka:active {
    color: white !important;
    text-decoration: none !important;
}

#richmont-custom-cointainer {
    margin-right: 147px;
}

#confirmations-rates-table {
    margin-left: 34%;
}

#confirmations-downpayment-table {
    margin-left: 110px;
    width: 320px;
    margin: 0 auto;
    text-align: left;
}

.richmont-confirmation-table-opsinfo-header td {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}

.richmont-confirmation-table-opsinfo-cells td {
    font-size: 12px;
}

.richmont-confirmation-breakdown-coverage-title {
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 5px !important;
    font-weight: bold !important;
}

.richmont-text-to-left {
    text-align: left !important;
}

.richmont-text-to-right {
    text-align: right !important;
}

#decline-quote-button {
    background-color: #a94442;
}

    #decline-quote-button:hover {
        background-color: #c20000;
    }

#richmont-newquote-button:hover {
    background-color: #1d9687;
}

#richmont-variation-button:hover {
    background-color: #1d776c;
}

.richmont-adjust-radiobutton {
    margin-top: 7px !important;
}

.richmont-quotenumber-display-style {
    display: inline-block;
    position: absolute;
    left: 50%;
    margin-top: 13px;
    font-size: 16px;
}

button.richmont-scrollToTop {
    border: 1px solid #00897b;
    border-radius: 40px;
    width: 60px;
    height: 60px;
    padding: 10px;
    background: #00897b;
    color: white;
    position: fixed;
    bottom: 4%;
    right: 0;
}

    button.richmont-scrollToTop:focus {
        outline: 0;
    }

    button.richmont-scrollToTop span {
        font-size: 33px;
    }

#richmont-quotes-container-custom {
    margin-left: 80px !important;
}

.richmont-select-rate-rows {
    margin-top: 20px !important;
}

.richmont-select-height-adjustment {
    height: 30.8px;
}

#accept-rates-button[disabled] {
    background-color: darkgray;
    color: black;
}

.richmont-premiums-division {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
}

.richmont-margin-ten-top {
    margin-top: 10px;
}

.richmont-btn-selectall-control {
    background: darkcyan;
    width: 183px !important;
}

.richmont-btn-unselectall-control {
    background: #687676;
    width: 183px !important;
}

.richmont-summary-hr-ratesbreakdown {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.cab-text p {
    margin-top: 8px;
}

.cab-text-approve {
    color: green;
}

.cab-text-warning {
    color: #FF9900;
}

.cab-text-unapprove {
    color: red;
}

.richmont-paddingtop-paymentdown-row td {
    padding-top: 10px;
}

.richmont-display-ip-style {
    display: inline-block;
    position: absolute;
    left: 80%;
    margin-top: 13px;
    font-size: 14px;
}

@media (min-width: 1200px) {
    #richmont-quotes-container-custom {
        width: 1040px !important;
    }
}

@media (min-width: 1300px) {
    #richmont-quotes-container-custom {
        width: 1130px !important;
    }
}

@media (min-width: 1340px) {
    #richmont-quotes-container-custom {
        width: 1185px !important;
    }
}

@media (min-width: 1380px) {
    #richmont-quotes-container-custom {
        width: 1199px !important;
    }
}

@media (min-width: 1400px) {
    #richmont-quotes-container-custom {
        width: 1265px !important;
    }
}

@media (min-width: 1470px) {
    #richmont-quotes-container-custom {
        width: 1300px !important;
    }
}

@media (min-width: 1500px) {
    #richmont-quotes-container-custom {
        width: 1380px !important;
    }
}

@media (min-width: 1600px) {
    #richmont-quotes-container-custom {
        width: 1460px !important;
    }
}

@media (min-width: 1900px) {
    #richmont-quotes-container-custom {
        width: 1745px !important;
    }
}

@media only screen and (max-width: 1601px) {
    #richmont-custom-cointainer {
        margin-right: 147px;
    }
}

@media only screen and (min-width: 1600px) {
    #richmont-custom-cointainer {
        margin-right: 170px;
    }
}

@media only screen and (min-width: 1750px) {
    #richmont-custom-cointainer {
        margin-right: 335px;
    }
}

@media only screen and (max-width: 1749px) and ( min-width: 1600px) {
    #richmont-custom-cointainer {
        margin-right: 240px;
    }
}

@media only screen and (max-width: 1410px) {
    #richmont-custom-cointainer {
        margin-right: 80px;
    }
}

@media only screen and (max-width: 1301px) {
    #richmont-custom-cointainer {
        margin-right: 20px;
    }
}

@media only screen and (max-width: 1225px) {
    #richmont-custom-cointainer {
        margin-right: -10px;
    }
}

@media only screen and (max-width: 1199px) {
    .richmont-btn-dashboard {
        width: 20%;
    }

    .dashboard-panel a {
        margin-top: 8px;
    }

    #richmont-menu li a {
        min-width: 116px;
    }

    .dropdown-menu {
        min-width: 116px;
    }

    #richmont-quote-number-display p:only-of-type {
        width: 87px;
    }

    #richmont-quote-number-display-underline {
        width: 85px;
        margin-left: 6px;
    }

    .richmont-compare .selected table:first-child {
        margin-left: 135px;
    }

    #confirmations-rates-table {
        margin-left: 85px;
    }

    #confirmations-downpayment-table {
        margin-left: 85px;
    }
}

@media only screen and (max-width: 992px) {
    .richmont-btn-dashboard {
        width: 20%;
    }

    .dashboard-panel a {
        margin-top: 8px;
    }

    #richmont-menu li a {
        min-width: 116px;
    }

    .dropdown-menu {
        min-width: 116px;
    }

    #confirmations-rates-table {
        margin-left: 300px;
    }

    #confirmations-downpayment-table {
        margin-left: 300px;
    }
}

@media only screen and (max-width: 991px) {
    #bs-example-navbar-collapse-1 {
        width: 790px;
    }

    .navbar-right {
        margin-right: 0;
    }

    .richmont-btn-dashboard {
        width: 25%;
    }

    #dash-board-custom-991 {
        text-align: center;
    }

    .richmont-compare .selected table:first-child {
        margin-left: 100px;
    }
}

.quotePrimaryInteraction {
    background: #00695c;
    color: white;
    border: none;
    padding: 10px 15px
}

.btn-step-back.richmont-btn-black {
    background: #807c7c;
}

    .btn-step-back.richmont-btn-black:hover {
        background: #5f5d5d
    }

.richmont-verify-address-button {
    margin-bottom: 15px;
}

    .richmont-verify-address-button button {
        font-size: 16px;
    }

        .richmont-verify-address-button button span {
            font-size: 20px;
        }

        .richmont-verify-address-button button:focus {
            outline: none;
        }

    .richmont-verify-address-button span {
        font-size: 25px;
    }

.map-icon-make-red {
    color: red;
}

.map-icon-make-green {
    color: green;
}

.verify-address-label {
    margin: 0 !important;
    text-align: left;
    position: relative;
    top: 10px;
    font-weight: 300;
    font-size: 18px;
}

#verifyVINButton {
    z-index: 1;
    font-size: 15px;
    background: #0070ae;
    color: white;
    border: none;
    padding: 10px 15px;
}

#confirm-address-button {
    background-color: #00695c;
    color: white;
    width: 60%;
}

#change-garaging-address-button {
    background-color: #333;
    width: 60%;
}

.richmont-VIN-input {
    margin-bottom: 0;
}

.richmont-inputbox-VIN {
    width: 80%;
}

.VIN-textbox-width {
    width: 83%;
}

.richmont-VIN-input span {
    padding: 0;
    border: 0;
}

.VINSearchIcon {
    padding: 0;
    width: 26px;
    outline: none;
    border: none;
    color: #1d9687;
}

.richmont-bindonline-incidents {
    background-color: rgba(228, 228, 228, 0.25);
}

.richmont-bindonline-custom-card {
    border: 2px solid #ebebeb;
    background-color: #ffffff;
}

.bindonline-readonly-style {
    background-color: rgba(228, 228, 228, 0.25);
    color: #9a9a9a;
}

.set-background-white {
    background-color: white;
}

.bind-online-header3 {
    margin-top: 0;
}

.richmont-bind-table th {
    padding-top: 5px !important;
    padding-left: 5px !important;
    padding-bottom: 5px !important;
    padding-right: 5px !important;
    text-align: center;
    background-color: #ebebeb;
}

.richmont-bind-table td input {
    margin-bottom: 0;
}

.dropdown-paymentoption {
    width: 17%;
    margin-top: 15px;
}

.dropdown-other-paymentoption {
    width: 15%;
    margin-top: 5px;
}

.disabled-bind-input, .disabled__input-style {
    background-color: rgba(228, 228, 228, 0.25);
    color: #9a9a9a;
}

.disabled-basic-color {
    background-color: rgba(228, 228, 228, 0.25);
}

#Comments {
    height: 65px;
}

.logo-print-quote img {
    width: 160px !important;
    height: 80px !important;
    margin-top: -15px !important;
}

#cancel-bind-button {
    background-color: #a94442;
}

.edit-questionnaire-button {
    background-color: #1d26a5;
}

.leinholder-row {
    margin-top: 6px;
}

    .leinholder-row div:first-child {
        padding-right: 0;
        padding-right: 0;
    }

        .leinholder-row div:first-child h3 {
            font-size: 15px;
        }

.leinholder-container {
    padding-left: 0;
    padding-right: 0;
    margin-top: 3px;
}

    .leinholder-container label {
        font-size: 12px;
        margin-bottom: 0;
    }

    .leinholder-container select {
        font-size: 12px;
        width: 40%;
        padding: 0;
    }

.agenciescell-font {
    font-size: 12px;
}

.richmont-dashboard-btnsecondrow {
    margin-top: 8px;
}

.users-security-table {
    font-size: 14px;
}

table#richmont-data-userssecurity-table tbody {
    font-size: 12px;
}

.table-option-button {
    padding: 2px 2px 2px 2px;
    font-size: 12px;
    text-decoration: none;
}

.richmont-add-ip-btn {
    padding-bottom: 3px;
    padding-top: 3px;
}

#list-ips, #list-whitelist-ips {
    list-style: none;
    width: 100%;
    margin: 0 auto;
    font-size: 12px;
    border: 2px solid #efefef;
    padding: 10px 0 10px 0;
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 210px;
}

@media only screen and (min-height: 700px) {
    #list-ips {
        max-height: 530px;
    }
}

#list-ips li {
    padding: 3px 0 3px 0;
}

    #list-ips li:hover {
        background-color: #1d9687;
    }

    #list-ips li span:first-child {
        margin-right: 20%;
    }

    #list-ips li span:nth-child(2) {
        font-weight: bold;
        cursor: pointer;
    }

    #list-ips li input:only-child {
        border: none;
        cursor: default;
        background-color: transparent;
    }

#list-whitelist-ips li {
    padding: 3px 0 3px 0;
}

    #list-whitelist-ips li:hover {
        background-color: #1d9687;
    }

    #list-whitelist-ips li span:first-child {
        margin-right: 20%;
    }

    #list-whitelist-ips li span:nth-child(2) {
        font-weight: bold;
        cursor: pointer;
    }

    #list-whitelist-ips li input:only-child {
        border: none;
        cursor: default;
        background-color: transparent;
    }

.manageip-btn {
    font-size: 14px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.richmont-usershistory-tabs {
    font-size: 18px;
}

#banned-ip-global-table, #whitelist-ip-global-table {
    width: 100% !important;
}

.ip-repeated-msg {
    text-align: left !important;
    font-size: 12px;
    margin-bottom: 0;
}

.richmont-btn-brown, .richmont-btn-brown:focus {
    color: white;
    background-color: brown;
    border-color: brown;
}

    .richmont-btn-brown:hover {
        color: white;
        background-color: #881d1d;
        border-color: #881d1d;
    }

.richmont-table-font {
    font-size: 13px;
}

.loader-text-payment {
    font-weight: bold;
    font-size: 22px;
    margin-top: 16%;
}

.richmont-submitfile-input {
    margin: 0 auto;
}

.single-carrier-btn[disabled], .single-carrier-btn:hover[disabled] {
    background-color: darkgray;
    color: black;
}

#richmont-bindpermissionfiles-input {
    display: inline-block;
}

#text-area-comments {
    max-width: unset;
}

.review-incidents-btn {
    color: white;
    cursor: pointer;
    border: none;
    background-color: #337ab7;
}

.incidents-modal-general {
    font-size: 14px;
}

    .incidents-modal-general div span:first-child {
        font-weight: bold;
    }

.indicationonly-label {
    margin-bottom: 0;
    font-size: 24px;
}

.review-operation-details h5 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: bold;
}

.review-operation-details p {
    font-size: 12px;
}

.agents-result-errormsg {
    margin-bottom: 8px;
}

#ClaimDetailsLossHistory {
    margin-top: 0;
}

#fill-loss-history-btn {
    font-size: 14px;
    padding: 2px 7px;
}

#claimsfree-container {
    border: 2px solid transparent;
    display: flex;
    flex-direction: column;
}

@keyframes blink-border {
    50% {
        border: 2px solid blue;
    }
}

.blink-border-animation {
    animation-name: blink-border;
    animation-duration: .5s;
    animation-timing-function: step-end;
    animation-iteration-count: 5;
    animation-direction: alternate;
}

.loss-history-table-caption {
    font-size: 20px;
    font-weight: bold;
    color: black;
    text-align: center;
    padding: 0;
}

.add-history-row-btn {
    font-size: 16px;
    padding: 3px 5px;
}

    .add-history-row-btn span {
        padding-left: 7px;
    }

.copy-info-losshistory-pd-cargo-btn,
.copy-info-losshistory-btn {
    font-size: 16px;
    padding: 3px 5px;
}

    .copy-info-losshistory-pd-cargo-btn span,
    .copy-info-losshistory-btn span {
        padding-left: 7px;
    }

.richmont-losshistory-table {
    margin-top: 10px;
}

.richmont-losshistyory-modal {
    width: 94%;
    left: 2%;
}

.remove-history-row-btn {
    background-color: #a94442;
    font-size: 16px;
    padding: 3px 5px;
}

.loss-history-row td.delete-row-td {
    min-width: 87px;
}

.disabled-quotecard-input {
    background-color: rgba(228, 228, 228, 0.25);
    color: #9a9a9a;
}

#resend-bindemail-button {
    background-color: #337ab7;
}

.dashboard__body {
    display: grid;
    grid-template: repeat(5, auto) / 100%;
    grid-template-areas: "dashboard-messages" "tools" "dashboard-panel" "radio-btns" "dashboard-data-filters" "dashboard-charts";
    padding: 20px 0;
    margin: 0 5%;
}

.dashboard__collapse-panel {
    grid-area: dashboard-panel;
}

.panel--grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(13em, 1fr));
    grid-column-gap: 8px;
    grid-auto-rows: auto;
    grid-row-gap: 7px;
    margin-top: 2%;
}

    .panel--grid-container a, .panel--grid-container button {
        font-size: 14px;
    }

        .panel--grid-container a:hover {
            box-shadow: 1px 2px 10px #888888;
        }

.dashboard__messages {
    grid-area: dashboard-messages;
    padding: 0 20% 0 20%;
}

.dashboard__tools {
    grid-area: tools;
    display: flex;
    justify-content: space-between;
}

.dashboard__radio-btns--flex-container {
    grid-area: radio-btns;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    margin: 0 22% 0.5% 22%;
}

.dashboard__data-filters {
    grid-area: dashboard-data-filters;
    margin: 0 15% 2.5% 15%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

#dashboard-agencies-select-list {
    width: 50%;
}

#dashboard-users-select-list {
    width: 50%;
    margin-left: 1.5%;
}

.chart-loading {
    padding-top: 20%;
}

#bar-chart, #pie-chart, #doughnut-chart, #stacked-chart {
    display: none;
}

#send-boundquotes-btn {
    width: 100%;
}

.remove-file-btn, .remove-file-to-underwriter-btn {
    background: white;
    border: none;
    color: red;
    font-weight: bold;
}

.dashboard__charts--grid-container {
    grid-area: dashboard-charts;
    display: grid;
    grid-template-columns: 49% 49%;
    grid-auto-rows: auto;
    grid-column-gap: 30px;
    grid-row-gap: 25px;
    margin-top: 1%;
}

.broadcast__form--grid-container {
    display: grid;
    grid-template: repeat(7, auto) / auto 93%;
    grid-template-areas: ". radio-btns" ". notes-lb" "recipient-lb email-and-agencies-list" "subject-lb subject-input" ". text-area" ". submit-files" ". send-email-btn";
}

.charts__chart-container {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 15px 0 rgba(0, 0, 0, 0.19);
    padding: 5px;
}

.chart__title {
    text-align: center;
}

.chart__wrapper {
    height: 300px;
    display: grid;
    grid-template: auto / auto;
    grid-template-areas: "chart";
}

.canvas-chart {
    grid-area: chart;
    align-self: center;
    justify-self: center;
    display: block;
    width: 585px !important;
    height: 292px !important;
}

.chart__controlers {
    display: grid;
    grid-template: auto / 11% 27% 8% 27% 15%;
    grid-column-gap: 3%;
    padding: 0 10px;
}

.chart-search-btn {
    height: fit-content;
    font-size: 12px;
}

.broadcast__radio-btns--flex-container {
    grid-area: radio-btns;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    margin-right: 15px;
}

.broadcast__notes-lb-container {
    grid-area: notes-lb;
    padding-top: 10px;
}

.broadcast__recipient-label {
    grid-area: recipient-lb;
}

.broadcast__emails-input {
    grid-area: email-and-agencies-list;
    height: 35px;
    margin-right: 15px !important;
}

.broadcast__agencies-list-input {
    grid-area: email-and-agencies-list;
    padding-bottom: 10px;
    padding-right: 15px;
    margin-left: 15px;
}

.broadcast__subject-lb {
    grid-area: subject-lb;
}

.broadcast__subject-input {
    grid-area: subject-input;
    height: 35px;
    margin-right: 15px !important;
}

.input-padding {
    margin-left: 15px;
    margin-right: 35px;
    width: inherit;
    max-width: 100%;
}

#body-container {
    grid-row-start: 4;
    display: grid;
    grid-template-columns: 42px auto;
    height: 300px;
}

.broadcast__text-area-container {
    grid-area: text-area;
    margin: 0 15px 0 15px;
}

#body-text-area {
    border: 2px solid #efefef;
    padding: 5px 8px;
}

    #body-text-area::placeholder {
        color: lightgrey;
    }

.broadcast__submitfiles-container {
    grid-area: submit-files;
}

.broadcast__send-email-btn {
    grid-area: send-email-btn;
    padding-top: 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

#richmont-custom-cointainer > .navbar-header {
    margin-left: -85px;
}

@media (min-width: 768px) {
    .navbar-right {
        margin-right: 0;
    }
}

.radio-buttons-flex-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.notes-flex-container {
    display: flex;
    flex-direction: column;
    padding: 25px;
}

.note-container {
    display: grid;
    grid-template: repeat(2, auto) / repeat(2, auto);
    grid-template-areas: "text text" "variation date";
    border: 2px solid #eeeeee;
    border-radius: 5px;
    padding: 1%;
    margin-bottom: 1%;
}

.note-text-container {
    grid-area: text;
    text-align: justify;
    margin-bottom: 1%;
}

.note-date-container {
    grid-area: date;
    justify-self: end;
    font-size: 10px;
}

.note-variation-container {
    grid-area: variation;
    justify-self: start;
    font-size: 10px;
}

.side-menu-btn-width {
    width: 183px !important;
}

    .side-menu-btn-width:hover:enabled {
        box-shadow: 1px 2px 10px #888888;
    }

.btns-flex-container {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
}

.menu-btn {
    width: 280px;
    margin-bottom: 1%;
}

    .menu-btn:hover {
        box-shadow: 1px 2px 10px #888888;
    }

#change-password-form-container {
    display: grid;
    grid-template: repeat(3, auto) / 15% 2fr;
    grid-template-areas: "current-pass current-pass-input" "new-pass new-pass-input" "confirm-pass confirm-pass-input";
    grid-column-gap: 25px;
    margin: 0 18% 0 24%;
}

#change-api-form-container {
    display: grid;
    grid-template: repeat(3, auto) / 15% 2fr;
    grid-template-areas: "api-user api-usr-input" "api-pass api-pass-input" "api-agencyCode api-agencyCode-input";
    grid-column-gap: 25px;
    margin: 2% 18% 0 24%;
}

.form-labels-container {
    display: flex;
    flex-direction: column;
}

#current-password-container {
    grid-area: current-pass;
}

#current-password-input {
    grid-area: current-pass-input;
}

#new-password-container {
    grid-area: new-pass;
}

#new-password-input {
    grid-area: new-pass-input;
}

#confirm-password-container {
    grid-area: confirm-pass;
}

#confirm-password-input {
    grid-area: confirm-pass-input;
}

.flex-validation-label {
    height: 17px;
    position: inherit;
}

#api-user-container {
    grid-area: api-user;
}

#api-user-input {
    grid-area: api-usr-input;
}

#api-password-container {
    grid-area: api-pass;
}

#api-password-input {
    grid-area: api-pass-input;
}

#api-agencyCode-container {
    grid-area: api-agencyCode;
}

#api-agencyCode-input {
    grid-area: api-agencyCode-input;
}

#profile-grid-container {
    display: grid;
    grid-template: repeat(5, auto) / 15% auto;
    grid-template-areas: ". message" "email-lb email-input" "f-name-lb f-name-input" "m-name-lb m-name-input" "l-name-lb l-name-input";
    grid-column-gap: 25px;
    margin: 0 17% 0 16%;
}

#message-container {
    grid-area: message;
}

#email-lbs-container {
    grid-area: email-lb;
}

#email-input {
    grid-area: email-input;
}

#first-name-lbs-container {
    grid-area: f-name-lb;
}

#first-name-input {
    grid-area: f-name-input;
}

#middle-name-lbs-container {
    grid-area: m-name-lb;
}

#middle-name-input {
    grid-area: m-name-input;
}

#last-name-lbs-container {
    grid-area: l-name-lb;
}

#last-name-input {
    grid-area: l-name-input;
}

#create-admin-form-container {
    display: grid;
    grid-template: repeat(3, auto) / auto;
    grid-template-areas: "new-admin-form" "new-admin-validation-summary" "new-admin-btn";
}

#new-admin-grid-container {
    grid-area: new-admin-form;
    display: grid;
    grid-template: repeat(6, auto) / 20% auto;
    grid-template-areas: "f-name-lb f-name-input" "m-name-lb m-name-input" "l-name-lb l-name-input" "email-lb email-input" "password-lb password-input" "confirm-pass-lb confirm-pass-input";
    grid-column-gap: 25px;
    margin: 0 34% 0 23%;
}

#new-admin-f-name-container {
    grid-area: f-name-lb;
}

#new-admin-f-name-input {
    grid-area: f-name-input;
}

#new-admin-m-name-container {
    grid-area: m-name-lb;
}

#new-admin-m-name-input {
    grid-area: m-name-input;
}

#new-admin-l-name-container {
    grid-area: l-name-lb;
}

#new-admin-l-name-input {
    grid-area: l-name-input;
}

#new-admin-email-container {
    grid-area: email-lb;
}

#new-admin-email-input {
    grid-area: email-input;
}

#new-admin-password-container {
    grid-area: password-lb;
}

#new-admin-password-input {
    grid-area: password-input;
}

#new-admin-confirm-password-container {
    grid-area: confirm-pass-lb;
}

#new-admin-confirm-password-input {
    grid-area: confirm-pass-input;
}

#new-admin-validation-summary-container {
    grid-area: new-admin-validation-summary;
    margin: 0 10% 0 10%;
}

#new-admin-btn-container {
    grid-area: new-admin-btn;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin: 1.7% 33.5% 0 33.5%;
}

#general-information-grid-container {
    display: grid;
    grid-template: repeat(12, auto) / 24% auto;
    grid-template-areas: "prod-num-lb prod-num-input" "agency-name-lb agency-name-input" "name-dba-lb name-dba-input" "license-number-lb license-number-input" "producer-id-lb producer-id-input" "street-lb street-input" "street2-lb street2-input" "city-lb city-input" "state-lb state-input" "zip-lb zip-input" "phone-lb phone-input" "main-prod-num-lb main-prod-num-input";
    grid-column-gap: 25px;
    margin: 0 22% 0 16%;
}

#new-broker-prod-num-container {
    grid-area: prod-num-lb;
}

#new-broker-prod-num-input {
    grid-area: prod-num-input;
}

#new-broker-agency-name-container {
    grid-area: agency-name-lb;
}

#new-broker-agency-name-input {
    grid-area: agency-name-input;
}

#new-broker-name-dba-container {
    grid-area: name-dba-lb;
}

#new-broker-name-dba-input {
    grid-area: name-dba-input;
}

#new-broker-license-num-container {
    grid-area: license-number-lb;
}

#new-broker-license-num-input {
    grid-area: license-number-input;
}

#new-broker-prod-id-container {
    grid-area: producer-id-lb;
}

#new-broker-prod-id-input {
    grid-area: producer-id-input;
}

#new-broker-street-container {
    grid-area: street-lb;
}

#new-broker-street-input {
    grid-area: street-input;
}

#new-broker-street2-container {
    grid-area: street2-lb;
}

#new-broker-street2-input {
    grid-area: street2-input;
}

#new-broker-city-container {
    grid-area: city-lb;
}

#new-broker-city-input {
    grid-area: city-input;
}

#new-broker-state-container {
    grid-area: state-lb;
}

#new-broker-state-input {
    grid-area: state-input;
}

#new-broker-zip-container {
    grid-area: zip-lb;
}

#new-broker-zip-input {
    grid-area: zip-input;
}

#new-broker-phone-container {
    grid-area: phone-lb;
}

#new-broker-phone-input {
    grid-area: phone-input;
}

#new-broker-main-prod-num-container {
    grid-area: main-prod-num-lb;
}

#new-broker-main-prod-num-input {
    grid-area: main-prod-num-input;
}

#master-broker-user-grid-container {
    display: grid;
    grid-template: repeat(6, auto) / 16% auto;
    grid-template-areas: "broker-f-name-lb broker-f-name-input" "broker-m-name-lb broker-m-name-input" "broker-l-name-lb broker-l-name-input" "broker-email-lb broker-email-input" "broker-password-lb broker-password-input" "broker-confirm-password-lb broker-confirm-password-input";
    grid-column-gap: 25px;
    margin: 0 22% 0 22%;
}

#new-broker-f-name-container {
    grid-area: broker-f-name-lb;
}

#new-broker-f-name-input {
    grid-area: broker-f-name-input;
}

#new-broker-m-name-container {
    grid-area: broker-m-name-lb;
}

#new-broker-m-name-input {
    grid-area: broker-m-name-input;
}

#new-broker-email-container {
    grid-area: broker-email-lb;
}

#new-broker-email-input {
    grid-area: broker-email-input;
}

#new-broker-password-container {
    grid-area: broker-password-lb;
}

#new-broker-password-input {
    grid-area: broker-password-input;
}

#new-broker-confirm-password-container {
    grid-area: broker-confirm-password-lb;
}

#new-broker-confirm-password-input {
    grid-area: broker-confirm-password-input;
}

#carriers-flex-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 30% 0 29%;
    justify-content: space-around;
}

#submit-approval-flex-container {
    display: flex;
    flex-direction: row;
    margin: 0 35% 0 31%;
    justify-content: space-between;
}

.submit-approval-flex-container-cl {
    display: flex;
    flex-direction: row;
    margin: 0 35% 0 31%;
    justify-content: space-between;
}

#new-broker-submit-btn {
    margin: 2% 30% 0 30%;
    text-align: center;
}

.richmont-btn-selectall-control:hover {
    box-shadow: 1px 2px 10px #888888;
}

.richmont-btn-unselectall-control:hover {
    box-shadow: 1px 2px 10px #888888;
}

#carrier-body-grid-container {
    display: grid;
    grid-template: repeat(6, auto) / auto;
    grid-template-areas: "carrier-fail-message" "carrier-gnrl-info" "carrier-state-btns" "carrier-select-state" "massive-assign-carriers-btn" "carrier-back-btn";
    margin: 0 25% 0 33%;
    width: 35%;
}

#edit-carrier-fail-message {
    grid-area: carrier-fail-message;
    padding: 0 15px 0 15px;
    text-align: center;
}

#edit-carrier-general-info-container {
    grid-area: carrier-gnrl-info;
    margin-bottom: 5%;
}

#edit-carrier-select-states-btns-container {
    grid-area: carrier-state-btns;
    display: flex;
    justify-content: space-around;
    margin-bottom: 15px;
}

#select-states-container {
    grid-area: carrier-select-state;
    text-align: center;
}

#update-sates-btn {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-top: 8%;
}

.massive-assign-carriers {
    grid-area: massive-assign-carriers-btn;
}

.massive-assign-carriers-btn {
    display: flex;
    justify-content: space-around;
    margin-top: 8%;
}

    .massive-assign-carriers-btn > input:hover {
        box-shadow: 1px 2px 10px #888888;
    }

#carrier-back-btn {
    grid-area: carrier-back-btn;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-top: 35px;
}

#edit-broker-messages-container {
    display: flex;
    flex-direction: column;
}

#edit-broker-general-info-grid-container {
    display: grid;
    grid-template: repeat(10, auto) / 23% auto;
    grid-column-gap: 25px;
    grid-template-areas:
        "edit-broker-agency-name-lb edit-broker-agency-name-input"
        "edit-broker-name-dba-lb edit-broker-name-dba-input"
        "edit-broker-license-num-lb edit-broker-license-num-input"
        "edit-broker-prod-id-lb edit-broker-prod-id-input"
        "edit-broker-street-lb edit-broker-street-input"
        "edit-broker-street2-lb edit-broker-street2-input"
        "edit-broker-city-lb edit-broker-city-input"
        "edit-broker-state-lb edit-broker-state-input"
        "edit-broker-zip-lb edit-broker-zip-input"
        "edit-broker-phone-lb edit-broker-phone-input";
    margin: 0 34% 0 22%;
}

#edit-broker-agency-name-container {
    grid-area: edit-broker-agency-name-lb;
}

#edit-broker-agency-name-input {
    grid-area: edit-broker-agency-name-input;
}

#edit-broker-name-dba-container {
    grid-area: edit-broker-name-dba-lb;
}

#edit-broker-name-dba-input {
    grid-area: edit-broker-name-dba-input;
}

#edit-broker-license-num-container {
    grid-area: edit-broker-license-num-lb;
}

#edit-broker-license-num-input {
    grid-area: edit-broker-license-num-input;
}

#edit-broker-prod-id-container {
    grid-area: edit-broker-prod-id-lb;
}

#edit-broker-prod-id-input {
    grid-area: edit-broker-prod-id-input;
}

#edit-broker-street-container {
    grid-area: edit-broker-street-lb;
}

#edit-broker-street-input {
    grid-area: edit-broker-street-input;
}

#edit-broker-street2-container {
    grid-area: edit-broker-street2-lb;
}

#edit-broker-street2-input {
    grid-area: edit-broker-street2-input;
}

#edit-broker-city-container {
    grid-area: edit-broker-city-lb;
}

#edit-broker-city-input {
    grid-area: edit-broker-city-input;
}

#edit-broker-state-container {
    grid-area: edit-broker-state-lb;
}

#edit-broker-state-input {
    grid-area: edit-broker-state-input;
}

#edit-broker-phone-container {
    grid-area: edit-broker-phone-lb;
}

#edit-broker-zip-container {
    grid-area: edit-broker-zip-lb;
}

#edit-broker-phone-input {
    grid-area: edit-broker-phone-input;
}

#edit-broker-zip-input {
    grid-area: edit-broker-zip-input;
}

#edit-broker-carriers-flex-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 25% 0 25%;
    justify-content: space-around;
}

#edit-broker-submit-btn {
    margin: 2% 35% 0 35%;
    text-align: center;
}

#edit-user-body-grid-container {
    display: grid;
    grid-template: repeat(5,auto) / auto;
    grid-template-areas: "edit-user-messages" "edit-user-email" "edit-user-general-info" "edit-user-table" "edit-user-prod-code" "edit-user-btns";
    margin-left: 19.66666667%;
    width: 60.666667%;
    padding-right: 15px;
    padding-left: 15px;
}

#edit-underwriter-body-grid-container {
    display: grid;
    grid-template-rows: repeat(5,auto);
    grid-template-columns: auto;
    grid-template-areas: ". edit-user-messages ."
        ". edit-user-email ."
        ". edit-user-general-info ."
        ". edit-user-prod-code ."
        ". edit-user-btns .";
    padding-right: 15px;
    padding-left: 15px;
}

#edit-underwriters-broker-container {
    grid-area: edit-user-prod-code;
}

#edit-user-messages-container {
    grid-area: edit-user-messages;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding-right: 15px;
    padding-left: 15px;
}

#edit-user-email {
    grid-area: edit-user-email;
}

#edit-user-general-info-container {
    grid-area: edit-user-general-info;
    display: grid;
    grid-template: repeat(3,auto) / 15.5% auto;
    grid-template-areas:
        "edit-user-email-lb edit-user-email-input"
        "edit-user-f-name-lb edit-user-f-name-input"
        "edit-user-m-name-lb edit-user-m-name-input"
        "edit-user-l-name-lb edit-user-l-name-input"
        "edit-user-suspended-lb edit-user-suspended-input";
    grid-column-gap: 25px;
    margin-top: 2.5%;
    margin-bottom: 2.5%;
}


#edit-underwriter-general-info-container {
    grid-area: edit-user-general-info;
    display: grid;
    grid-template: repeat(3,auto) / 15.5% auto;
    grid-template-areas:
        "edit-user-f-name-lb edit-user-f-name-input"
        "edit-user-m-name-lb edit-user-m-name-input"
        "edit-user-l-name-lb edit-user-l-name-input"
        "edit-user-suspended-lb edit-user-suspended-input";
    grid-column-gap: 25px;
    margin-top: 2.5%;
    margin-bottom: 2.5%;
}

#add-uw-general-info-container {
    grid-area: edit-user-general-info;
    display: grid;
    grid-template: repeat(6,auto) / 15.5% auto;
    grid-template-areas:
        "edit-user-f-name-lb edit-user-f-name-input"
        "edit-user-m-name-lb edit-user-m-name-input"
        "edit-user-l-name-lb edit-user-l-name-input"
        "edit-user-email-lb edit-user-email-input"
        "edit-user-password-lb edit-user-password-input"
        "edit-user-confpass-lb edit-user-confpass-input";
    grid-column-gap: 25px;
    margin-top: 2.5%;
    margin-bottom: 2.5%;
}

#edit-user-email-container {
    grid-area: edit-user-email-lb;
}

#edit-user-email-input {
    grid-area: edit-user-email-input;
}

#edit-user-password-container {
    grid-area: edit-user-password-lb;
}

#edit-user-password-input {
    grid-area: edit-user-password-input;
}

#edit-user-confpass-container {
    grid-area: edit-user-confpass-lb;
}

#edit-user-confpass-input {
    grid-area: edit-user-confpass-input;
}

#edit-user-f-name-container {
    grid-area: edit-user-f-name-lb;
}

#edit-user-f-name-input {
    grid-area: edit-user-f-name-input;
}

#edit-user-m-name-container {
    grid-area: edit-user-m-name-lb;
}

#edit-user-m-name-input {
    grid-area: edit-user-m-name-input;
}

#edit-user-l-name-container {
    grid-area: edit-user-l-name-lb;
}

#edit-user-l-name-input {
    grid-area: edit-user-l-name-input;
}

#edit-user-table-container {
    grid-area: edit-user-table;
}

#edit-user-producer-code-container {
    grid-area: edit-user-prod-code;
    display: grid;
    grid-template: auto / 15.5% auto;
    grid-template-areas: "edit-user-prod-code-lb edit-user-prod-code-input";
    grid-column-gap: 25px;
}

#edit-user-producer-code-label-container {
    grid-area: edit-user-prod-code-lb;
}

#edit-user-producer-code-input {
    grid-area: edit-user-prod-code-input;
}

#edit-user-btns-container {
    grid-area: edit-user-btns;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 auto 0 auto;
    width: 32%;
}

.state__body--grid-container {
    display: grid;
    grid-template: repeat(2, auto) / auto;
    grid-template-areas: "flex-messages" "state-form";
    margin-left: 25%;
    margin-top: 1.5%;
    width: 40%;
}

.state__form--grid-container {
    grid-area: state-form;
    display: grid;
    grid-template: auto / 10% auto;
    grid-template-areas:
        "state-name-lb state-name-input"
        "state-tax-lb state-tax-input"
        "state-fee-lb state-fee-input"
        "state-taxfee-lb state-taxfee-input"
        "state-slone-lb state-slone-input"
        "state-sltwo-lb state-sltwo-input"
        "state-validation-summary state-validation-summary"
        "state-taxes-list state-taxes-list"
        ". state-btn";
    grid-column-gap: 30px;
}

.state__name-container {
    grid-area: state-name-lb;
}

.state__name-input {
    grid-area: state-name-input;
}

.state__tax-container {
    grid-area: state-tax-lb;
}

.state__tax-input {
    grid-area: state-tax-input;
}

.state__fee-container {
    grid-area: state-fee-lb;
}

.state__taxfee-container {
    grid-area: state-taxfee-lb;
}

.state__sl1-container {
    grid-area: state-slone-lb;
}

.state__sl2-container {
    grid-area: state-sltwo-lb;
}

.state__fee-input {
    grid-area: state-fee-input;
}

.state__taxfee-input {
    grid-area: state-taxfee-input;
}

.state__sl1-input {
    grid-area: state-slone-input;
}

.state__sl2-input {
    grid-area: state-sltwo-input;
}

.state__validation-summary {
    grid-area: state-validation-summary;
}

.state__btn {
    grid-area: state-btn;
    width: 90%
}

.agency-security__main-container--grid {
    display: grid;
    grid-template: repeat(2, auto) / 50% 50%;
    grid-template-areas: "flex-messages  flex-messages" "agency-security-form security-partial-ip-table";
    grid-column-gap: 25px;
}

#blockedlist-form, #whitelist-form {
    grid-area: agency-security-form;
    display: grid;
    grid-template: auto auto auto / auto;
    grid-template-areas: "add-ip" "repeated-ips" "btn";
    height: fit-content;
}

.blocked-list__add-ip--flex-container {
    grid-area: add-ip;
    display: flex;
    flex-direction: row;
    margin: 0 6% 0 6%;
    justify-content: space-evenly;
}

.blocked-list__repeated-ip-container {
    grid-area: repeated-ips;
}

.blocked-list__btn-container {
    grid-area: btn;
}

.security-partial__ip-table {
    grid-area: security-partial-ip-table;
}

.login-details__main-container--grid {
    display: grid;
    grid-template: repeat(3, auto) / auto;
    grid-template-areas: " flex-messages" "login-details-user-info" "login-details-tabs-content";
}

.login-details__user-info--flex-container {
    grid-area: login-details-user-info;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 15% 0 17%;
}

.margin-sides-30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
}

.login-details__tabs--grid-container {
    grid-area: login-details-tabs-content;
    display: grid;
    grid-template: repeat(2, auto) / auto;
    grid-template-areas: "login-details-tabs" "loign-details-tabs-content";
}

.login-details__tabs {
    grid-area: login-details-tabs;
}

.login-details__tabs-content {
    grid-area: loign-details-tabs-content;
}

.user-history__main--grid-container {
    display: grid;
    grid-template: repeat(3, auto) / auto;
    grid-template-areas: "user-history-search" "user-history-error-message" "user-history-table";
    margin-top: 1.7%;
}

.user-history__search-form {
    grid-area: user-history-search;
}

.user-history__error-message {
    grid-area: user-history-error-message;
}

.user-history__table {
    grid-area: user-history-table;
}

.login-details__bans-list {
    display: grid;
    grid-template: auto / 49% 49%;
    grid-template-areas: "agency-security-form security-partial-ip-table";
    grid-column-gap: 25px;
}

.user-approve__body--grid-container {
    display: grid;
    grid-template-areas: "flex-messages" "user-approve-confirmation-table" "user-approve-broker-table" "user-approve-btns";
}

.user-approve__confirmation-table-container {
    grid-area: user-approve-confirmation-table;
}

.user-approve__broker-selector-table-container {
    grid-area: user-approve-broker-table;
    margin-top: 2.7%;
}

.user-approve__btns-container {
    grid-area: user-approve-btns;
    margin-top: 7.7%;
}

.carriers__main--grid-container {
    display: grid;
    grid-template: repeat(3, auto) / auto;
    grid-template-areas: "flex-messages" "search-form" "carriers-list";
    padding: 20px 0;
}

.messages--flex-container {
    grid-area: flex-messages;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding-right: 15px;
    padding-left: 15px;
}

.search-form-container {
    grid-area: search-form;
}

.carriers__carriers-list {
    grid-area: carriers-list;
}

.pending-users__body--grid-container {
    display: grid;
    grid-template: repeat(4,auto) / auto;
    grid-template-areas: "search-form" "flex-messages" "pending-users-list" "pending-users-btn";
}

.pending-users__users-list {
    grid-area: pending-users-list;
}

.pending-users__btn {
    grid-area: pending-users-btn;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin: 0 34% 0 34%;
}

.no-pending-users__body--grid-container {
    display: grid;
    grid-template: repeat(2, auto) / auto;
    grid-template-areas: "flex-messages" "pending-users-btn";
}

.users-logs__body--grid-container {
    display: grid;
    grid-template: repeat(4, auto) / auto;
    grid-template-areas: "flex-messages" "search-form" "flex-error-messages" "users-security-table";
}

.users-logs__security-table {
    grid-area: users-security-table;
}

.error-search-messages--flex-container {
    grid-area: flex-error-messages;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding-right: 15px;
    padding-left: 15px;
}

.states-configurations__body--grid-container {
    display: grid;
    grid-template: repeat(4, auto) / auto;
    grid-template-areas: "flex-messages" "add-states-btn" "search-form" "states-config-lsit";
}

.states-configurations__btn {
    grid-area: add-states-btn;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding-right: 15px;
    padding-left: 15px;
    margin: 1.7% 30% 1.7% 30%;
}

.states-configurations__states-config-list {
    grid-area: states-config-lsit;
}

.brokers__body--grid-container {
    display: grid;
    grid-template: repeat(5, auto) / auto;
    grid-template-areas: "flex-messages" "search-form" "flex-error-messages" "brokers-lists" "add-broker-btn";
}

.brokers__brokers-list {
    grid-area: brokers-lists;
}

.brokers__btn {
    grid-area: add-broker-btn;
    margin-top: 1.75%;
}

.table-view__body--grid-container {
    display: grid;
    grid-template: repeat(4, auto) / auto;
    grid-template-areas: "flex-messages" "search-form" "flex-error-messages" "partial-table";
}

.table-view-underwriter__body--grid-container {
    display: grid;
    grid-template: repeat(5, auto) / auto;
    grid-template-areas: "flex-messages" "line-buttons" "search-form" "flex-error-messages" "partial-table";
}

.line-buttons-container {
    grid-area: line-buttons;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding-right: 15px;
    padding-left: 15px;
    margin: 1.7% 30% 1.7% 30%;
}

.table-view__partial-table {
    grid-area: partial-table;
}

.bind__body--grid-container {
    display: grid;
    grid-template: repeat(3, auto) / auto;
    grid-template-areas: "flex-messages" "quote-search-form" "partial-table";
}

.quotes__search-form {
    grid-area: quote-search-form;
}

    .quotes__search-form > div {
        display: grid;
        grid-template: auto / 85% 15%;
        grid-template-areas: "quote-search-bar quote-search-btn";
        grid-column-gap: 2.5%;
    }

.quotes__search-bar {
    grid-area: quote-search-bar;
}

.quotes__search-btn {
    grid-area: quote-search-btn;
}

.quotes__body--grid-container {
    display: grid;
    grid-template: repeat(5, auto) / auto;
    grid-template-areas: "quote-search-form" "flex-error-messages" "flex-messages" "partial-table" "all-quotes-btn";
}

.quotes__view-all-quotes-btn {
    grid-area: all-quotes-btn;
    margin: 0 34% 0 34%;
}

.loss-history-table__body--grid-container {
    display: grid;
    grid-template: repeat(2, auto) / repeat(3,12%) 64%;
    grid-template-areas: "add-row-btn copy-info-to-cargo-btn hide-cargo-checkbox caption" "loss-hisotry-table loss-hisotry-table loss-hisotry-table loss-hisotry-table";
}

.loss-history-disabled-table__body--grid-container {
    display: grid;
    grid-template: auto / auto;
    grid-template-areas: "caption" "loss-hisotry-table";
}

.loss-history-table__add-row-btn {
    grid-area: add-row-btn;
}

.loss-history-table__copy-info-to-cargo-btn {
    grid-area: copy-info-to-cargo-btn;
}

.loss-history-table__hide-cargo-checkbox {
    grid-area: hide-cargo-checkbox;
}

.loss-history-table__caption {
    grid-area: caption;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-left: 25%;
}

.loss-history-disabled-table__caption {
    grid-area: caption;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.loss-history-table__table {
    grid-area: loss-hisotry-table;
}

.commodities_body--grid-container {
    display: grid;
    grid-template: repeat(5,auto) / auto;
    grid-template-areas: "result-flex-messages" "error-flex-messages" "flex-messages" "add-commodity-btns" "quote-info-form";
}

.error-messages--flex-container {
    grid-area: error-flex-messages;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding-right: 15px;
    padding-left: 15px;
}

.commodities__add-commodity-btns--flex-container {
    grid-area: add-commodity-btns;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin: 0 28% 0 33%;
}

.commodities__add-commodity-btn--flex-container {
    grid-area: add-commodity-btns;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.commodities__info-form--grid-container {
    grid-area: quote-info-form;
}

    .commodities__info-form--grid-container > form {
        display: grid;
        grid-template: repeat( 5, auto) / auto;
        grid-template-areas: "is-fp-container" "total-percentage" "commodities-area" "is-fp-message" "commodities-bottom-btns";
    }

.commodities__is-fp--grid-container {
    grid-area: is-fp-container;
    display: grid;
    grid-template: auto / 49% 17%;
    grid-column-gap: 35px;
    margin-top: 20px;
}

.commodities__is-fp--flex-container {
    grid-area: is-fp-container;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-top: 20px;
}

.commodities__total-percentage {
    grid-area: total-percentage;
    margin-top: 20px;
}

.commodities__commodities-area--flex-container {
    grid-area: commodities-area;
    display: flex;
    flex-direction: column;
}

.commodities__commodity--grid-container {
    display: grid;
    grid-template: auto / 10% 37% 14% 20% 7%;
    grid-template-areas: "commodity-name-lb commodities-list percentage-lb percentage-input remove-btn";
    grid-column-gap: 25px;
}

.commodity__name-lb {
    grid-area: commodity-name-lb;
}

.commodity__commodities-list {
    grid-area: commodities-list;
}

.commodity__percentage-lb {
    grid-area: percentage-lb;
}

.commodity__percentage-input {
    grid-area: percentage-input;
}

.commodity__remove-btn {
    grid-area: remove-btn;
    position: relative;
}

.commodities__custom-commodity--grid-container {
    display: grid;
    grid-template: auto / 10% 15.5% 5% 7% 5% 10% 5% 15% 7%;
    grid-template-areas: "commodity-name-lb custom-name-input percentage-lb percentage-input custom-factor-lb custom-factor-input custom-value-lb custom-value-input remove-btn";
    grid-column-gap: 25px;
}

.custom-commodity__name-input {
    grid-area: custom-name-input;
}

.custom-commodity__factor-lb {
    grid-area: custom-factor-lb;
}

.custom-commodity__factor-input {
    grid-area: custom-factor-input;
}

.custom-commodity__value-lb {
    grid-area: custom-value-lb;
}

.custom-commodity__value-input {
    grid-area: custom-value-input;
}

.commodities__is-fp-message {
    grid-area: is-fp-message;
}

.commodities__bottom-btns {
    grid-area: commodities-bottom-btns;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin: 0 10% 0 10%;
}

.general-info-quote__body--grid-container {
    display: grid;
    grid-template: repeat(4, auto) / auto;
    grid-template-areas: "general-info-quote-note" "error-flex-messages" "general-info-messages" "general-info-quote-form";
}

.general-info-quote__note {
    grid-area: general-info-quote-note;
    margin: 0 22% 0 22%;
}

.general-info-quote__messages {
    grid-area: general-info-messages;
    margin: 0 22% 0 22%;
}

.general-info-quote__form--grid-container {
    grid-area: general-info-quote-form;
    display: grid;
    grid-template: repeat(3, auto) / auto;
    grid-template-areas:
        "user-type"
        "select-state"
        "gen-info-maincontainer";
}

.quote-info-form__user-type {
    grid-area: user-type;
    display: flex;
    flex-direction: row;
}

.user-type-container {
    width: 24.3%;
    padding: 0 15px 0 15px;
}

.quote-info-form__select-state {
    grid-area: select-state;
    display: flex;
    flex-direction: row;
}

.select-state__lb {
    width: 15.8%;
    padding-left: 15px;
    padding-right: 15px;
}

.select-state__input {
    padding-left: 1.3%;
    padding-right: 1.3%;
    width: 15.3%;
}

#gen-info-maincontainer {
    grid-area: gen-info-maincontainer;
    display: grid;
    grid-template: repeat(8, auto) / auto;
    grid-template-areas:
        "numbers-container"
        "form-general"
        "operations"
        "renewal-section"
        "for-hire"
        "form-radius"
        "mailing-and-garaging"
        "address-container"
        "next-btn";
}

.quote-info-form__numbers-container {
    grid-area: numbers-container;
    display: flex;
}

.numbers-container__us-dot-lb {
    width: 15.8%;
    padding-left: 15px;
    padding-right: 15px;
}

.numbers-container__us-dot-input {
    padding-left: 1.3%;
    padding-right: 1.3%;
    width: 20.2%;
    display: flex;
    flex-direction: row;
}

.numbers-container__mc-lb {
    padding-left: 1.2%;
    padding-right: 1.2%;
    width: 5.5%;
}

.numbers-container__mc-input {
    padding-left: 1.3%;
    padding-right: 1.3%;
    width: 20.1%;
    display: flex;
    flex-direction: row;
}

.numbers-container__search-btn {
    position: inherit;
    margin-bottom: 11px;
}

.numbers-container__ca-lb {
    padding-left: 1.3%;
    padding-right: 1.3%;
    width: 5.5%;
}

.numbers-container__ca-input {
    padding-left: 1.3%;
    padding-right: 1.3%;
    width: 17.1%;
}

.quote-info-form__general--grid-container {
    grid-area: form-general;
    display: grid;
    grid-template: repeat(5,auto) / 14.5% 31.6% 14.4% 31.6%;
    grid-template-areas:
        "general-brokers-lb general-brokers-input general-agent-lb general-agent-input"
        "general-effective-date-lb general-effective-date-input general-coverage-lb general-coverage-input"
        "general-insured-email-lb general-insured-email-input general-entity-lb general-entity-input"
        "general-first-name-lb general-first-name-input general-dba-lb general-dba-input"
        "general-middle-name-lb general-middle-name-input general-telephone-lb general-telephone-input"
        "general-last-name-lb general-last-name-input general-ssnfein-lb general-ssnfein-input"
        "general-years-prior-insurance-lb general-years-prior-insurance-input general-years-in-business-lb general-years-in-business-input"
        "general-new-venture-lb general-new-venture-input general-business-date-lb general-business-date-input"
        /*""*/
        "general-operations-lb general-operations-input general-operations-input general-operations-input"
        "general-operations-details-lb general-operations-details-input general-operations-details-input general-operations-details-input"
        "general-dumping-operations-lb general-dumping-operations-input general-dumping-operations-input general-dumping-operations-input";
    grid-column-gap: 31px;
}

.general__brokers-lb {
    grid-area: general-brokers-lb;
}

.general__brokers-input {
    grid-area: general-brokers-input;
}

.general__agent-lb {
    grid-area: general-agent-lb;
}

.general__agent-input {
    grid-area: general-agent-input;
}

.general__effective-date-lb {
    grid-area: general-effective-date-lb;
}

.general__business-date-input {
    grid-area: general-business-date-input;
}

.general__business-date-lb {
    grid-area: general-business-date-lb;
}

.general__effective-date-input {
    grid-area: general-effective-date-input;
}

.general__coverage-lb {
    grid-area: general-coverage-lb;
}

.general__coverage-input {
    grid-area: general-coverage-input;
}

.general__insured-email-lb {
    grid-area: general-insured-email-lb;
}

.general__insured-email-input {
    grid-area: general-insured-email-input;
}

.general__entity-lb {
    grid-area: general-entity-lb;
}

.general__entity-input {
    grid-area: general-entity-input;
}

.general__first-name-lb {
    grid-area: general-first-name-lb;
}

.general__first-name-input {
    grid-area: general-first-name-input;
}

.general__middle-name-lb {
    grid-area: general-middle-name-lb;
}

.general__middle-name-input {
    grid-area: general-middle-name-input;
}

.general__last-name-lb {
    grid-area: general-last-name-lb;
}

.general__last-name-input {
    grid-area: general-last-name-input;
}

.general__dba-lb {
    grid-area: general-dba-lb;
}

.general__dba-input {
    grid-area: general-dba-input;
}

.general__telephone-lb {
    grid-area: general-telephone-lb;
}

.general__telephone-input {
    grid-area: general-telephone-input;
}

.general__ssnfein-lb {
    grid-area: general-ssnfein-lb;
}

.general__ssnfein-input {
    grid-area: general-ssnfein-input;
}

.general__years-prior-insurance-lb {
    grid-area: general-years-prior-insurance-lb;
}

.general__years-prior-insurance-input {
    grid-area: general-years-prior-insurance-input;
}

.general__years-in-business-lb {
    grid-area: general-years-in-business-lb;
}

.general__years-in-business-input {
    grid-area: general-years-in-business-input;
}

.general__operations-lb {
    grid-area: general-operations-lb;
}

.general__operations-input {
    grid-area: general-operations-input;
}

.general__new-venture-lb {
    grid-area: general-new-venture-lb;
}

.general__new-venture-input {
    grid-area: general-new-venture-input;
}

.general__dumping-operations-lb {
    grid-area: general-dumping-operations-lb;
}

.general__dumping-operations-input {
    grid-area: general-dumping-operations-input;
}

.general__operations-details-lb {
    grid-area: general-operations-details-lb;
}

.general__operations-details-input {
    grid-area: general-operations-details-input;
}

.general__operations-claims-free {
    grid-area: claims-free-section;
    display: grid;
    grid-template-columns: 29.4% 12.6%;
    grid-column-gap: 31px;
}

    .general__operations-claims-free > #fill-loss-history-btn {
        grid-column-start: 1;
        grid-column-end: span 2;
        margin-left: 37%;
    }

.pd-single-space-carrier {
    margin-left: 45.5%;
}

.pd-single-space-policy-number {
    margin-left: 47%;
}

.quote-info-form__operations--flex-container {
    grid-area: operations;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    margin-left: 17%;
    margin-right: 17%;
}

.quote-info-form__renewal-section {
    grid-area: renewal-section;
    display: flex;
    flex-direction: column;
}

.quote-info-form__renewal-number--flex-container {
    grid-area: renewal-number;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-left: 20%;
    margin-right: 17%;
}

.quote-info-form__renewal-carrier--flex-container {
    grid-area: renewal-carrier;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-left: 14vw;
    margin-right: 4vw;
}

.quote-info-form__forhire--flex-container {
    grid-area: for-hire;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    margin-left: 25%;
    margin-right: 17%;
}

.quote-info-form__radius--grid-container {
    grid-area: form-radius;
    display: grid;
    grid-template: repeat(13,auto) / 14.5% 31.6% 14.4% 31.6%;
    grid-template-areas:
        "general-radius-lb general-radius-input general-radius02-lb general-radius02-input"
        "general-percentage01-lb  general-percentage01-input general-percentage02-lb general-percentage02-input"
        "percentage-lb-1  percentage-input-1 general-percentageCA02-lb general-percentageCA02-input"
        "percentage-lb-2  percentage-input-2 general-percentageAZ02-lb general-percentageAZ02-input"
        "percentage-lb-3  percentage-input-3 general-percentageNV02-lb general-percentageNV02-input"
        "percentage-lb-4  percentage-input-4 . ."
        "percentage-lb-5  percentage-input-5 . ."
        "percentage-lb-6  percentage-input-6 . ."
        "percentage-lb-7  percentage-input-7 . ."
        "percentage-lb-8  percentage-input-8  . ."
        "percentage-lb-9  percentage-input-9  . ."
        "percentage-lb-10 percentage-input-10 . ."
        "percentage-lb-11 percentage-input-11 . .";
    grid-column-gap: 31px;
}

.general__radius-lb {
    grid-area: general-radius-lb;
}

.general__radius-input {
    grid-area: general-radius-input;
}

.general__radius02-lb {
    grid-area: general-radius02-lb;
}

.general__radius02-input {
    grid-area: general-radius02-input;
}

.general__percentage01-lb {
    grid-area: general-percentage01-lb;
}

.general__percentage01-input {
    grid-area: general-percentage01-input;
}

.general__percentage02-lb {
    grid-area: general-percentage02-lb;
}

.general__percentage02-input {
    grid-area: general-percentage02-input;
}

.general__percentageCA02-lb {
    grid-area: general-percentageCA02-lb;
}

.general__percentageCA02-input {
    grid-area: general-percentageCA02-input;
}

.general__percentageAZ02-lb {
    grid-area: general-percentageAZ02-lb;
}

.general__percentageAZ02-input {
    grid-area: general-percentageAZ02-input;
}

.general__percentageNV02-lb {
    grid-area: general-percentageNV02-lb;
}

.general__percentageNV02-input {
    grid-area: general-percentageNV02-input;
}

.forhire__radius {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 32%;
}

.quote-info-form__mailing-and-garaging {
    grid-area: mailing-and-garaging;
    margin-bottom: 7px;
}

.quote-info-form__address--grid-container {
    grid-area: address-container;
    display: grid;
    grid-template: repeat(2, auto) / 14.6% 31.6% 31.6% auto;
    grid-template-areas: ". . verify-address ." ". mailing-address mailing-and-garaging-address .";
    grid-column-gap: 30px;
}

.address__verify-address {
    grid-area: verify-address;
    display: flex;
    flex-direction: row;
}

.address__mailing-address {
    grid-area: mailing-address;
}

.mailing-address__mailing-form--grid-container {
    display: grid;
    grid-template: repeat(5, auto) / 18% 72.8%;
    grid-template-areas: "street-1-lb street-1-input" "street-2-lb street-2-input" "zip-lb zip-input" "city-lb city-input" "state-lb state-input";
    grid-column-gap: 30px;
}

.mailing-form__street-1-lb {
    grid-area: street-1-lb;
}

.mailing-form__street-1-input {
    grid-area: street-1-input;
}

.mailing-form__street-2-lb {
    grid-area: street-2-lb;
}

.mailing-form__street-2-input {
    grid-area: street-2-input;
}

.mailing-form__zip-lb {
    grid-area: zip-lb;
}

.mailing-form__zip-input {
    grid-area: zip-input;
}

.mailing-form__city-lb {
    grid-area: city-lb;
}

.mailing-form__city-input {
    grid-area: city-input;
}

.mailing-form__state-lb {
    grid-area: state-lb;
}

.mailing-form__state-input {
    grid-area: state-input;
}

.address__mailing-and-garaging-address {
    grid-area: mailing-and-garaging-address;
}

.mailing-address__mailing-and-garaging-form--grid-container {
    display: grid;
    grid-template: repeat(6, auto) / 18% 72.8%;
    grid-template-areas: "street-1-lb street-1-input" "street-2-lb street-2-input" "zip-lb zip-input" "closest-zip-lb closest-zip-input" "city-lb city-input" "state-lb state-input";
    grid-column-gap: 30px;
}

.mailing-and-garaging-form__street-1-lb {
    grid-area: street-1-lb;
}

.mailing-and-garaging-form__street-1-input {
    grid-area: street-1-input;
}

.mailing-and-garaging-form__street-2-lb {
    grid-area: street-2-lb;
}

.mailing-and-garaging-form__street-2-input {
    grid-area: street-2-input;
}

.mailing-and-garaging-form__zip-lb {
    grid-area: zip-lb;
}

.mailing-and-garaging-form__zip-input {
    grid-area: zip-input;
}

.mailing-and-garaging-form__closest-zip-lb {
    grid-area: closest-zip-lb;
}

.mailing-and-garaging-form__closest-zip-input {
    grid-area: closest-zip-input;
}

.mailing-and-garaging-form__city-lb {
    grid-area: city-lb;
}

.mailing-and-garaging-form__city-input {
    grid-area: city-input;
}

.mailing-and-garaging-form__state-lb {
    grid-area: state-lb;
}

.mailing-and-garaging-form__state-input {
    grid-area: state-input;
}

.quote-info-form__next-btn {
    grid-area: next-btn;
    margin: 0 34% 0 34%;
}

.jHtmlAreaColorPickerMenu {
    width: 25% !important;
}

.jHtmlArea {
    grid-column-start: 2;
}

div.jHtmlArea {
    width: 100% !important;
}

    div.jHtmlArea div:nth-child(2):not(.jHtmlAreaColorPickerMenu) {
        width: 100% !important;
    }

    div.jHtmlArea div.ToolBar {
        width: 100% !important;
    }

    div.jHtmlArea .ToolBar ul {
        width: 100% !important;
    }

    div.jHtmlArea iframe, div.jHtmlArea textarea {
        width: 100% !important;
    }

.limits__body--grid-container {
    display: grid;
    grid-template: repeat(4, auto) / auto;
    grid-template-areas:
        "result-flex-messages"
        "error-flex-messages"
        "flex-messages"
        "limits-form-container";
}

.result-quote-agent-messages--flex-container {
    grid-area: result-flex-messages;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding-right: 15px;
    padding-left: 15px;
}

.limits__form--grid-container {
    grid-area: limits-form-container;
    display: grid;
    grid-template: repeat(6,auto) / auto;
    grid-template-areas: "pd-coverage" "cargo-coverage" "full-package-coverage" "aggregate-limit-and-schedule-ratings" "vehicles-info" "form-btns";
}

.form__cargo-coverage--grid-container {
    grid-area: cargo-coverage;
    display: grid;
    grid-template: repeat(3, auto) / 22% 22% auto 23%;
    grid-column-gap: 25px;
    grid-template-areas:
        "coverage-title coverage-title coverage-title coverage-title"
        "motor-truck-cargo-deductible-lb motor-truck-cargo-deductible-input motor-truck-cargo-limit-lb motor-truck-cargo-limit-input"
        "cargo-trailer-interchange-lb cargo-trailer-interchange-input . ."
        ". reefer-breakdown-lb reefer-breakdown-selectlist ."
        ". . . ."
        ". . . ."
        "cargo-qustionnaire cargo-qustionnaire cargo-qustionnaire cargo-qustionnaire";
}

.coverage-title-container {
    grid-area: coverage-title;
}

.cargo__motor-truck-deductible-lb {
    grid-area: motor-truck-cargo-deductible-lb;
}

.cargo__motor-truck-deductible-input {
    grid-area: motor-truck-cargo-deductible-input;
}

.cargo__motor-truck-limit-lb {
    grid-area: motor-truck-cargo-limit-lb;
}

.cargo__motor-truck-limit-input {
    grid-area: motor-truck-cargo-limit-input;
}

.cargo__trailer-interchange-lb {
    grid-area: cargo-trailer-interchange-lb;
}

.cargo__EvoRiskTrailer-interchange-lb {
    grid-area: cargo-EvoRisktrailer-interchange-lb;
}

.cargo__trailer-interchange-input {
    grid-area: cargo-trailer-interchange-input;
}

.cargo__reefer-breakdown-lb {
    grid-area: reefer-breakdown-lb;
    margin-top: 5% !important;
}

.cargo__reefer-breakdown-selectlist {
    grid-area: reefer-breakdown-selectlist;
    margin-top: 5% !important;
    width: 68%;
}

.cargo__ten-years-container {
    grid-column: 2 / 4;
    grid-row: 5;
    display: grid;
    grid-template: auto / 43%;
    grid-column-gap: 25px;
    grid-template-areas: "ten-years-lb ten-years-selectlist";
}

.cargo__ten-years-container-lb {
    grid-area: ten-years-lb;
    margin-top: 5% !important;
}

.cargo__ten-years-container-selectlist {
    grid-area: ten-years-selectlist;
    margin-top: 5% !important;
    width: 68%;
}



.cargo__hired-auto-liability-lb {
    grid-area: hired-auto-liability-lb;
}

.cargo__hired-auto-liability-input {
    grid-area: hired-auto-liability-input;
    height: 29px;
}

.cargo__hired-auto-excess-insurance-lb {
    grid-area: hired-auto-excess-insurance-lb;
}

.cargo__hired-auto-excess-insurance-input {
    grid-area: hired-auto-excess-insurance-input;
    height: 29px;
}

.cargo__hired-auto-primary-insurance-lb {
    grid-area: hired-auto-primary-insurance-lb;
}

.cargo__hired-auto-primary-insurance-input {
    grid-area: hired-auto-primary-insurance-input;
    height: 29px;
}



.cargo__nonowned-liability-lb {
    grid-area: nonowned-liability-lb;
}

.cargo__nonowned-liability-input {
    grid-area: nonowned-liability-input;
    height: 29px;
}

.cargo__nonowned-NumPartners-lb {
    grid-area: nonowned-NumPartners-lb;
}

.cargo__nonowned-NumPartners-input {
    grid-area: nonowned-NumPartners-input;
    height: 29px;
}

.cargo__nonowned-NumEmployees-lb {
    grid-area: nonowned-NumEmployees-lb;
}

.cargo__nonowned-NumEmployees-input {
    grid-area: nonowned-NumEmployees-input;
    height: 29px;
}

.form__cargo-questionnaire {
    grid-area: cargo-qustionnaire;
    display: grid;
    grid-template: repeat(10, auto) / 46% 18% auto;
    grid-column-gap: 25px;
    grid-template-areas:
        "questionnaire-title questionnaire-title questionnaire-title"
        "non-renewed-lb non-renewed-selectlist ."
        "bankruptcy-lb bankruptcy-selectlist ."
        "authority-lb authority-selectlist ."
        "oversized-shipments-lb oversized-shipments-selectlist ."
        "trailers-detached-lb trailers-detached-selectlist ."
        "trailers-unattended-lb trailers-unattended-selectlist ."
        "another-carrier-lb another-carrier-selectlist ."
        "transporting-commoditites-lb transporting-commoditites-selectlist ."
        "transporting-refrigerated-commoditites transporting-refrigerated-commoditites transporting-refrigerated-commoditites"
        "AddingUnitsDuringPolicy-lb AddingUnitsDuringPolicy-selectlist ."
        "HireOtherMotorCarriers-lb HireOtherMotorCarriers-selectlist ."
        "HazardousMaterialExtraHazardousSubstances-lb HazardousMaterialExtraHazardousSubstances-selectlist ."
        "UnitsEquippedWithGps-lb UnitsEquippedWithGps-selectlist ."
        "PullDoubleTrailers-lb PullDoubleTrailers-selectlist ."
        "PullTripleTrailers-lb PullTripleTrailers-selectlist ."
        "HaulOversizeOrOverweight-lb HaulOversizeOrOverweight-selectlist ."
        "CommoditiesSubjectToTightDeliveryTime-lb CommoditiesSubjectToTightDeliveryTime-selectlist ."
        "OperationUnderYourAuthority-lb OperationUnderYourAuthority-selectlist ."
        "InsuredInvolvedInAnyBusinessActivity-lb InsuredInvolvedInAnyBusinessActivity-selectlist ."
        "FreightBrokerOrFreightForwarderOrArrangeLoads-lb FreightBrokerOrFreightForwarderOrArrangeLoads-selectlist ."
        "BusinessBankruptcy-lb BusinessBankruptcy-selectlist ."
        "PolicyOrCoverageDeclinedCancelledNonRenewed-lb PolicyOrCoverageDeclinedCancelledNonRenewed-selectlist ."
        "UniformIntermodalInterchange-lb UniformIntermodalInterchange-selectlist ."
        "CarryWorkersCompensation-lb CarryWorkersCompensation-selectlist ."
        "PortionOperationSeasonal-lb PortionOperationSeasonal-selectlist ."
        "LeaseVehiclesToOthers-lb LeaseVehiclesToOthers-selectlist ."
        "FormalSafetyProgram-lb FormalSafetyProgram-selectlist ."
        "VehicleMaintenanceProgram-lb VehicleMaintenanceProgram-selectlist ."
        "PersonalUseOfVehicles-lb PersonalUseOfVehicles-selectlist ."
        "OperatingUnderYourAuthority-lb OperatingUnderYourAuthority-selectlist ."
        "AnticipateTravelingToOutsideOfTheUS-lb AnticipateTravelingToOutsideOfTheUS-selectlist .";
}

.questionnaire__title {
    grid-area: questionnaire-title;
    margin-top: 17px;
    margin-bottom: 15px;
}


.questionnaire__AddingUnitsDuringPolicy-lb {
    grid-area: AddingUnitsDuringPolicy-lb;
}

.questionnaire__AddingUnitsDuringPolicy-selectlist {
    grid-area: AddingUnitsDuringPolicy-selectlist;
}

.questionnaire__HireOtherMotorCarriers-lb {
    grid-area: HireOtherMotorCarriers-lb;
}

.questionnaire__HireOtherMotorCarriers-selectlist {
    grid-area: HireOtherMotorCarriers-selectlist;
}

.questionnaire__HazardousMaterialExtraHazardousSubstances-lb {
    grid-area: HazardousMaterialExtraHazardousSubstances-lb;
}

.questionnaire__HazardousMaterialExtraHazardousSubstances-selectlist {
    grid-area: HazardousMaterialExtraHazardousSubstances-selectlist;
}

.questionnaire__UnitsEquippedWithGps-lb {
    grid-area: UnitsEquippedWithGps-lb;
}

.questionnaire__UnitsEquippedWithGps-selectlist {
    grid-area: UnitsEquippedWithGps-selectlist;
}

.questionnaire__PullDoubleTrailers-lb {
    grid-area: PullDoubleTrailers-lb;
}

.questionnaire__PullDoubleTrailers-selectlist {
    grid-area: PullDoubleTrailers-selectlist;
}

.questionnaire__PullTripleTrailers-lb {
    grid-area: PullTripleTrailers-lb;
}

.questionnaire__PullTripleTrailers-selectlist {
    grid-area: PullTripleTrailers-selectlist;
}

.questionnaire__HaulOversizeOrOverweight-lb {
    grid-area: HaulOversizeOrOverweight-lb;
}

.questionnaire__HaulOversizeOrOverweight-selectlist {
    grid-area: HaulOversizeOrOverweight-selectlist;
}

.questionnaire__CommoditiesSubjectToTightDeliveryTime-lb {
    grid-area: CommoditiesSubjectToTightDeliveryTime-lb;
}

.questionnaire__CommoditiesSubjectToTightDeliveryTime-selectlist {
    grid-area: CommoditiesSubjectToTightDeliveryTime-selectlist;
}

.questionnaire__OperationUnderYourAuthority-lb {
    grid-area: OperationUnderYourAuthority-lb;
}

.questionnaire__OperationUnderYourAuthority-selectlist {
    grid-area: OperationUnderYourAuthority-selectlist;
}

.questionnaire__InsuredInvolvedInAnyBusinessActivity-lb {
    grid-area: InsuredInvolvedInAnyBusinessActivity-lb;
}

.questionnaire__InsuredInvolvedInAnyBusinessActivity-selectlist {
    grid-area: InsuredInvolvedInAnyBusinessActivity-selectlist;
}

.questionnaire__FreightBrokerOrFreightForwarderOrArrangeLoads-lb {
    grid-area: FreightBrokerOrFreightForwarderOrArrangeLoads-lb;
}

.questionnaire__FreightBrokerOrFreightForwarderOrArrangeLoads-selectlist {
    grid-area: FreightBrokerOrFreightForwarderOrArrangeLoads-selectlist;
}

.questionnaire__BusinessBankruptcy-lb {
    grid-area: BusinessBankruptcy-lb;
}

.questionnaire__BusinessBankruptcy-selectlist {
    grid-area: BusinessBankruptcy-selectlist;
}

.questionnaire__PolicyOrCoverageDeclinedCancelledNonRenewed-lb {
    grid-area: PolicyOrCoverageDeclinedCancelledNonRenewed-lb;
}

.questionnaire__PolicyOrCoverageDeclinedCancelledNonRenewed-selectlist {
    grid-area: PolicyOrCoverageDeclinedCancelledNonRenewed-selectlist;
}

.questionnaire__UniformIntermodalInterchange-lb {
    grid-area: UniformIntermodalInterchange-lb;
}

.questionnaire__UniformIntermodalInterchange-selectlist {
    grid-area: UniformIntermodalInterchange-selectlist;
}

.questionnaire__CarryWorkersCompensation-lb {
    grid-area: CarryWorkersCompensation-lb;
}

.questionnaire__CarryWorkersCompensation-selectlist {
    grid-area: CarryWorkersCompensation-selectlist;
}

.questionnaire__PortionOperationSeasonal-lb {
    grid-area: PortionOperationSeasonal-lb;
}

.questionnaire__PortionOperationSeasonal-selectlist {
    grid-area: PortionOperationSeasonal-selectlist;
}

.questionnaire__LeaseVehiclesToOthers-lb {
    grid-area: LeaseVehiclesToOthers-lb;
}

.questionnaire__LeaseVehiclesToOthers-selectlist {
    grid-area: LeaseVehiclesToOthers-selectlist;
}

.questionnaire__FormalSafetyProgram-lb {
    grid-area: FormalSafetyProgram-lb;
}

.questionnaire__FormalSafetyProgram-selectlist {
    grid-area: FormalSafetyProgram-selectlist;
}

.questionnaire__VehicleMaintenanceProgram-lb {
    grid-area: VehicleMaintenanceProgram-lb;
}

.questionnaire__VehicleMaintenanceProgram-selectlist {
    grid-area: VehicleMaintenanceProgram-selectlist;
}

.questionnaire__PersonalUseOfVehicles-lb {
    grid-area: PersonalUseOfVehicles-lb;
}

.questionnaire__PersonalUseOfVehicles-selectlist {
    grid-area: PersonalUseOfVehicles-selectlist;
}

.questionnaire__OperatingUnderYourAuthority-lb {
    grid-area: OperatingUnderYourAuthority-lb;
}

.questionnaire__OperatingUnderYourAuthority-selectlist {
    grid-area: OperatingUnderYourAuthority-selectlist;
}

.questionnaire__AnticipateTravelingToOutsideOfTheUS-lb {
    grid-area: AnticipateTravelingToOutsideOfTheUS-lb;
}

.questionnaire__AnticipateTravelingToOutsideOfTheUS-selectlist {
    grid-area: AnticipateTravelingToOutsideOfTheUS-selectlist;
}




.questionnaire__non-renewed-lb {
    grid-area: non-renewed-lb;
}

.questionnaire__non-renewed-selectlist {
    grid-area: non-renewed-selectlist;
}

.questionnaire__bankruptcy-lb {
    grid-area: bankruptcy-lb;
}

.questionnaire__bankruptcy-selectlist {
    grid-area: bankruptcy-selectlist;
}

.questionnaire__authority-lb {
    grid-area: authority-lb;
}

.questionnaire__authority-selectlist {
    grid-area: authority-selectlist;
}

.questionnaire__oversized-shipments-lb {
    grid-area: oversized-shipments-lb;
}

.questionnaire__oversized-shipments-selectlist {
    grid-area: oversized-shipments-selectlist;
}

.questionnaire__trailers-detached-lb {
    grid-area: trailers-detached-lb;
}

.questionnaire__trailers-detached-selectlist {
    grid-area: trailers-detached-selectlist;
}

.questionnaire__trailers-unattended-lb {
    grid-area: trailers-unattended-lb;
}

.questionnaire__trailers-unattended-selectlist {
    grid-area: trailers-unattended-selectlist;
}

.questionnaire__another-carrier-lb {
    grid-area: another-carrier-lb;
    text-align: justify;
    padding-left: 80px;
}

.questionnaire__another-carrier-selectlist {
    grid-area: another-carrier-selectlist;
}

.questionnaire__transporting-commoditites-lb {
    grid-area: transporting-commoditites-lb;
}

.questionnaire__transporting-commoditites-selectlist {
    grid-area: transporting-commoditites-selectlist;
}

.questionnaire__transporting-refrigerated-commoditites {
    grid-area: transporting-refrigerated-commoditites;
    display: grid;
    grid-template: auto / 46% 18% auto;
    grid-column-gap: 25px;
    grid-template-areas: "transporting-refrigerated-commoditites-lb transporting-refrigerated-commoditites-selectlist";
}

.form__aggregate-limit-and-schedule-ratings {
    grid-area: aggregate-limit-and-schedule-ratings;
}

.form__btns {
    grid-area: form-btns;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    margin-left: 10%;
    margin-right: 10%;
}

.limits__btn {
    width: 30%;
}

.form__pd-coverage--grid-container {
    grid-area: pd-coverage;
    display: grid;
    grid-template: repeat(4, auto) / 22% 23% auto 23%;
    grid-column-gap: 25px;
    grid-template-areas:
        "coverage-title coverage-title coverage-title coverage-title"
        "physical-damage-trucks-lb physical-damage-trucks-input physical-damage-trailer-lb physical-damage-trailer-input"
        "physical-damage-deductible-lb physical-damage-deductible-input . .";
}

.pd__trucks-lb {
    grid-area: physical-damage-trucks-lb;
}

.pd__trucks-input {
    grid-area: physical-damage-trucks-input;
}

.pd__deductible-lb {
    grid-area: physical-damage-deductible-lb;
}

.pd__deductible-input {
    grid-area: physical-damage-deductible-input;
}

.pd__trailers-lb {
    grid-area: physical-damage-trailer-lb;
}

.pd__trailers-input {
    grid-area: physical-damage-trailer-input;
}

#limits-vehiclesinfo-section {
    margin-top: 25px;
    grid-area: vehicles-info;
    display: grid;
    grid-template: repeat(3, auto) / 583px 583px;
    grid-template-areas: "acv-total acv-total" "power-units-total trailer-total" "table table";
}

.vehicles-info__acv-total {
    grid-area: acv-total;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.vehicles-info__power-units-total {
    grid-area: power-units-total;
}

.vehicles-info__trailer-total {
    grid-area: trailer-total;
}

.vehicles-info__table {
    grid-area: table;
}

.form__full-package-coverage--grid-container {
    grid-area: full-package-coverage;
    display: grid;
    grid-template: repeat(4, auto) / 50% 50%;
    grid-template-areas:
        "fp-auto-liability fp-auto-liability"
        "fp-physical-damage fp-cargo"
        "fp-hired-auto fp-nonOwned"
        "rf-and-ef-container rf-and-ef-container"
        "liability-questionnaire liability-questionnaire";
}

.full_package__auto-laibility--grid-container {
    grid-area: fp-auto-liability;
    display: grid;
    grid-template: repeat(5,auto) / 22% auto auto 23.6%;
    grid-template-areas:
        "coverage-title coverage-title coverage-title coverage-title"
        "auto-liability-deductble-lb auto-liability-deductble-input auto-liability-uninsured-motorist-bodily-injury-lb auto-liability-uninsured-motorist-bodily-injury-input"
        "auto-liability-csl-lb auto-liability-csl-input auto-liability-cost-hire-number-employees auto-liability-cost-hire-number-employees"
        "auto-liability-medical-payments-lb auto-liability-medical-payments-input auto-liability-cost-hire-number-employees auto-liability-cost-hire-number-employees"
        "auto-liability-property-damage-lb auto-liability-property-damage-input . .";
    grid-column-gap: 25px;
}

.auto-liability__deductible-lb {
    grid-area: auto-liability-deductble-lb;
}

.auto-liability__deductible-input {
    grid-area: auto-liability-deductble-input;
}

.auto-liability__csl-lb {
    grid-area: auto-liability-csl-lb;
}

.auto-liability__csl-input {
    grid-area: auto-liability-csl-input;
}

.auto-liability__medical-payments-lb {
    grid-area: auto-liability-medical-payments-lb;
}

.auto-liability__medical-payments-input {
    grid-area: auto-liability-medical-payments-input;
}

.auto-liability__uninsured-motorist-bodily-injury-lb {
    grid-area: auto-liability-uninsured-motorist-bodily-injury-lb;
}

.auto-liability__property-damage-lb {
    grid-area: auto-liability-property-damage-lb;
}

.auto-liability__property-damage-input {
    grid-area: auto-liability-property-damage-input;
}

.auto-liability__uninsured-motorist-bodily-injury-payments-input {
    grid-area: auto-liability-uninsured-motorist-bodily-injury-input;
}

.auto-liability__cost-hire-number-employees {
    grid-area: auto-liability-cost-hire-number-employees;
}

.full-package__pd--grid-container {
    grid-area: fp-physical-damage;
    display: grid;
    grid-template: 18% repeat(3, 20%) / auto auto;
    grid-template-areas: "coverage-title coverage-title" "physical-damage-trucks-lb physical-damage-trucks-input" "physical-damage-trailer-lb physical-damage-trailer-input" "physical-damage-deductible-lb physical-damage-deductible-input";
    grid-column-gap: 25px;
    margin: 17px 4.5% 0 13.5%;
}

.full-package__cargo--grid-container {
    grid-area: fp-cargo;
    display: grid;
    grid-template: 18% repeat(5, 20%) / auto auto;
    grid-template-areas: "coverage-title coverage-title" "motor-truck-cargo-limit-lb motor-truck-cargo-limit-input" "motor-truck-cargo-deductible-lb motor-truck-cargo-deductible-input" "refeer-breakdown-lb refeer-breakdown-input" "earned-freight-lb earned-freight-input" "cargo-EvoRisktrailer-interchange-lb earned-EvoRiskfreight-input";
    grid-column-gap: 25px;
    margin-top: 17px;
    margin-right: 14.5%;
}

.full-package__hiredAuto--grid-container {
    grid-area: fp-hired-auto;
    display: grid;
    grid-template: 18% repeat(3, 20%) / auto auto;
    grid-template-areas: "coverage-title coverage-title" "hired-auto-liability-lb hired-auto-liability-input" "hired-auto-excess-insurance-lb hired-auto-excess-insurance-input" "hired-auto-primary-insurance-lb hired-auto-primary-insurance-input";
    grid-column-gap: 25px;
    margin: 35px 4.5% 0 13.5%;
}

.full-package__nonOwned--grid-container {
    grid-area: fp-nonOwned;
    display: grid;
    grid-template: 18% repeat(3, 20%) / auto auto;
    grid-template-areas: "coverage-title coverage-title" "nonowned-liability-lb nonowned-liability-input" "nonowned-NumPartners-lb nonowned-NumPartners-input" "nonowned-NumEmployees-lb nonowned-NumEmployees-input";
    grid-column-gap: 25px;
    margin: 35px 4.5% 0 13.5%;
}

.reefer-breakdown__lb {
    grid-area: refeer-breakdown-lb;
}

.reefer-breakdown__input {
    grid-area: refeer-breakdown-input;
}

.earned-freight__lb {
    grid-area: earned-freight-lb;
}

.earned-freight__input {
    grid-area: earned-freight-input;
}

.earned-EvoRiskfreight__input {
    grid-area: earned-EvoRiskfreight-input;
}

.bind-payment__body--grid-container {
    display: grid;
    grid-template: repeat(5, auto) / auto;
    grid-template-areas:
        "flex-messages"
        "result-flex-messages"
        "payment-error-messages"
        "back-btn"
        "payment-form";
}

.payment-error-messages {
    grid-area: payment-error-messages;
}

.bind-payment__back-btn {
    grid-area: back-btn;
    width: 23.5%;
}

.bind-payment__single-coverage-form--grid-container {
    grid-area: payment-form;
    display: grid;
    grid-template: repeat(8, auto) / auto;
    grid-template-areas:
        "signed-application-lb"
        "submit-file-input"
        "multifile-container"
        "file-size-container"
        "payment-option-lb"
        "payment-option-input"
        "down-payment-lb"
        "other-percent"
        "accept-btn";
}

.bind-payment__multiple-coverage-form--grid-container {
    grid-area: payment-form;
    display: grid;
    grid-template: repeat(12, auto) / auto;
    grid-template-areas:
        "signed-application-lb"
        "submit-file-input"
        "multifile-container"
        "file-size-container"
        "payment-option-lb"
        "payment-option-input"
        "down-payment-lb"
        "other-percent"
        "second-payment-option-lb"
        "second-payment-option-input"
        "second-down-payment-lb"
        "second-other-percent"
        "accept-btn";
}

.bind-payment__signed-application-lb {
    grid-area: signed-application-lb;
}

.bind-payment__submit-file-input {
    grid-area: submit-file-input;
}

.bind-payment__multifile-container {
    grid-area: multifile-container;
}

.bind-payment__payment-option-lb {
    grid-area: payment-option-lb;
    font-size: 20px;
    margin-top: 40px;
}

.bind-payment__payment-option-input {
    grid-area: payment-option-input;
    font-size: 20px;
}

.bind-payment__down-payment-lb {
    grid-area: down-payment-lb;
}

.bind-payment__other-percent-container {
    grid-area: other-percent;
    display: flex;
    flex-direction: column;
}

.bind-payment__second-payment-option-lb {
    grid-area: second-payment-option-lb;
    font-size: 20px;
    margin-top: 20px;
}

.bind-payment__second-payment-option-input {
    grid-area: second-payment-option-input;
    font-size: 20px;
}

.bind-payment__second-down-payment-lb {
    grid-area: second-down-payment-lb;
}

.bind-payment__second-other-percent-container {
    grid-area: second-other-percent;
    display: flex;
    flex-direction: column;
}

.bind-payment__accept-btn {
    grid-area: accept-btn;
    margin-top: 20px;
}

    .bind-payment__accept-btn > input:disabled {
        background-color: rgb(228, 228, 228) !important;
        color: #9a9a9a !important;
    }

.ip-blocked__body--grid-container {
    display: grid;
    grid-template: repeat(3, auto) / auto;
    grid-template-areas: "blocked-ip-icon" "blocked-ip-title" "blocked-ip-message" "blocked-ip-btn";
}

.ip-blocked__icon {
    grid-area: blocked-ip-icon;
}

.ip-blocked__title {
    grid-area: blocked-ip-title;
}

.ip-blocked__message {
    grid-area: blocked-ip-message;
}

.ip-blocked__btn--flex-container {
    grid-area: blocked-ip-btn;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.red-border-input {
    border: 1px solid red;
}

.garaging-address-map-modal__btn {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.garaging-address-map-modal__title {
    top: 17px !important;
    background: transparent !important;
}

#open-garaging-address-map {
    cursor: pointer;
}

.suggested-address-message {
    font-size: 14px;
}

.cursor-pointer {
    cursor: pointer;
}

.backdate-modal__body--grid-container {
    display: grid;
    grid-template: auto / auto auto;
    grid-column-gap: 30px;
    grid-template-areas: "effective-date-lb effective-date-input";
    margin: 0 15% 0 15%;
}

.backdate-modal__effective-date-lb {
    grid-area: effective-date-lb;
}

.backdate__effective-date-input {
    grid-area: effective-date-input;
}

.richmont-btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    font-size: 17px;
    border-radius: 0;
}

    .richmont-btn-light:hover {
        color: #212529;
        background-color: #e2e6ea;
        border-color: #dae0e5;
    }

    .richmont-btn-light:focus {
        box-shadow: none;
        text-decoration: none;
    }

hr {
    width: 80%;
    border-top: 3px solid #e2e6ea;
    margin-top: 2.5%;
}

#collpase-btn-icon {
    left: 5px;
    top: 2px;
    color: #475762;
}

.broker-config-operations-container {
    background: #f3f3f7;
    padding: 10px 0;
    text-align: center;
}

.broker-select-operations-btns-container {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin: 0% 25% 2% 25%;
}

.broker__reporter-container {
    width: 100%;
    font-size: 12px;
    font-weight: 400;
    max-width: 280px;
    padding: 0px 6px;
    margin-bottom: 0;
}

.bind-notes-underwriter__container {
    display: flex;
    flex-direction: column;
    margin: 0 10%;
}

.bind-notes-underwriter__label {
    width: 100%;
    top: 5%;
}

.bind-notes-underwriter__textarea {
    height: 100px;
    margin-top: 1%;
}

.page-break-bf {
    display: block;
    page-break-before: always;
    page-break-inside: avoid;
}

.page-break-af {
    display: block;
    page-break-after: always;
    page-break-inside: avoid;
}

.print-quote__body {
    position: static !important;
}

.print-quote__navbar {
    margin-bottom: 0;
    margin-top: 20px;
}

.print-quote__navbar-logo {
    padding: 0px;
    width: 160px !important;
}

.print-quote__container {
    width: 100%;
}

.print-quote__table-data {
    background: white;
    border: none;
}

.print-quote__dt {
    text-align: center;
    font-size: 12px;
}

.print-quote__header {
    border: none;
    font-size: 14px;
    background: white;
}

.print-quote__table {
    width: 100%;
    border: 0.5px solid #ebebeb;
}

/*.print-quote__optional-direct-bill-payment-plan {
    display: grid;
    grid-template: auto auto / 50% 50%;
    grid-template-areas: "table-name table-name" "down-payment schedule-of-fees"
}

.optional-direct-bill-payment-plan__table-name {
    grid-area: table-name;
    padding-left: 0;
    width: 100%;
}

.optional-direct-bill-plan__down-payment {
    grid-area: down-payment;    
    padding-left: 0;
}

.optional-direct-bill-plan__schedule-of-fees {
    grid-area: schedule-of-fees;    
    padding-left: 0;
}*/

.down-payment__left-col {
    font-size: 12px;
    text-align: left;
    width: 80%;
}

.down-payment__right-col {
    font-size: 12px;
    text-align: right;
}

.schedule-of-fees__left-col {
    font-size: 12px;
    text-align: left;
    width: 80%;
}

.schedule-of-fees__right-col {
    font-size: 12px;
    text-align: right;
}

.no-boarder {
    border: none;
}

.border-left-white {
    border-left: 2px solid white;
}

.standard-modal__header {
    color: white;
    background: #00695c;
}

.standard-modal__footer {
    text-align: center;
    border-top: 0;
}

.standard-modal-text__p {
    font-size: 16px;
}

.search__form--grid-container {
    display: grid;
    grid-template: auto / 85% 15%;
    grid-template-areas: "search-bar search-btn";
    grid-column-gap: 2.5%;
}

.search__bar {
    grid-area: search-bar;
}

.search__btn {
    grid-area: search-btn;
}

.richmont-blue-bg-btn {
    background-color: #0070ae;
}

.richmont-to-underwriters-input {
    margin: 0 auto;
}

#search-dot-number-loader {
    margin-left: 1%;
}

.comodities-input__label--textleft {
    text-align: left;
}

.add-editcommodities-btn__button--marginbottom {
    margin-bottom: 20px;
}

.edit-commodity-remove-row__button {
    position: absolute;
    width: 22px;
    right: 40px;
    top: 5px;
    cursor: pointer;
}

#commodity-submitcarrier-error-message, #trailer-interchange-error-message {
    font-size: 18px;
}

.richmont-btn-red {
    background-color: #a94442;
}

.removed-vehicles__p-label {
    font-size: 20px;
    margin-bottom: 0;
    height: 44px;
    padding-top: 15px;
    color: red;
    font-weight: bold;
}

.removed-vehicle__vinbuton--red {
    color: red;
}

.vehicles-separation__hr {
    width: 100%;
    border-top: 3px solid #eee;
    margin-top: 1%;
}

.richmont-column-card-restore-card {
    position: absolute;
    font-size: 22px;
    right: 17px;
    top: 15px;
    cursor: pointer;
    color: green;
}

.removed-vehicle-vinsearch__span--width {
    width: 26px;
}

.richmont-confirmation__body {
    margin-left: 3%;
    margin-right: 3%;
}

.richmont-confirmation__table-base {
    width: 100%;
    font-size: 12px;
}

.richmont-confirmation__table-base--bold-text .td-tittle {
    font-weight: bold;
    color: black;
}

.richmont-confirmation__table-base-td-bold-text--align-right .td-tittle {
    text-align: right;
}

.richmont-confirmation__table-base td {
    padding: 5px;
    color: black;
    border: 0.5px solid #bdbdbd;
}

.richmont-confirmation__table-base-td-text--align-left td {
    text-align: left;
}

.richmont-confirmation__table-base-td-text--align-center td {
    text-align: center;
}

.richmont-btn__button--dark-blue-background {
    background-color: #0070ae;
}

.send-code__container-body {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    grid-column-gap: 25px;
    grid-template-areas: "send-code-lb send-code-input" "send-code-btn send-code-btn";
    margin: 0 25% 0 25%;
}

.send-code__label {
    grid-area: send-code-lb;
}

.send-code__input {
    grid-area: send-code-input;
}

    .send-code__label span, .send-code__input select {
        font-size: 16px;
    }

.send-code__submit-btn {
    grid-area: send-code-btn;
    justify-self: center;
}

.verify-code__container-body {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    grid-column-gap: 25px;
    grid-template-areas: "verify-code-lb verify-code-input" "verify-code-checkbox verify-code-checkbox" "verify-code-btn verify-code-btn";
    margin: 0 25% 0 25%;
    grid-row-gap: 10px;
}

.verify-code__label {
    grid-area: verify-code-lb;
}

.verify-code__input {
    grid-area: verify-code-input;
}

    .verify-code__input input {
        width: 50%;
    }

.verify-code__checkbox {
    grid-area: verify-code-checkbox;
    justify-self: center;
}

.verify-code__label span {
    font-size: 16px;
}

.verify-code__submit-btn {
    grid-area: verify-code-btn;
    justify-self: center;
}

.common-btn__a-button--off-color {
    background-color: #a94442;
}

.common-btn__a-button--on-color {
    background-color: #00695c;
}

.common-btn__a-button--base {
    color: white;
}

    .common-btn__a-button--base:hover, .common-btn__a-button--base:visited, .common-btn__a-button--base:active, .common-btn__a-button--base:focus {
        color: white;
        text-decoration: none;
    }

#login-background-image {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: -5;
}

#login-background-video-1 {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: -1;
}

#login-background-video-2 {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: -2;
}

#login-background-video-3 {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: -3;
}

#login-background-video-4 {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: -4;
}

.err-omi-inputs-container {
    display: flex;
    flex-direction: row;
    margin: 0 3% 0 3%;
    justify-content: space-between;
}

#errors-and-omissions-container {
    background-color: #f3f3f7;
}

.broker-states-policy-inputs-container {
    display: flex;
    flex-direction: row;
    margin: 0 10% 0 10%;
    justify-content: space-between;
}

#broker-config-states-container {
    text-align: center;
}

#add-licensed-state-btn {
    background: darkcyan;
    margin: 15px auto 15px auto;
    width: 15%;
}

    #add-licensed-state-btn:hover {
        box-shadow: 1px 2px 10px #888888;
    }

[class^='select2'] {
    border-radius: 0px !important;
}

.common-default__backgroud-btn {
    background: darkcyan;
}

    .common-default__backgroud-btn:hover {
        box-shadow: 1px 2px 10px #888888;
    }

.state__taxes-list-container {
    grid-area: state-taxes-list;
    background-color: #f3f3f7;
}

.span-label-font_span {
    font-size: 14px;
}

.state-taxes-fees-inputs-container {
    display: flex;
    flex-direction: row;
    margin: 0 5% 0 5%;
    justify-content: space-between;
}

    .state-taxes-fees-inputs-container span, .state-taxes-fees-inputs-container input[type="text"] {
        width: auto !important;
    }

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

.label__text-align-left-important {
    text-align: left !important;
}

.label__margin-bottom-important {
    margin-bottom: 10px !important;
}

.cargo__over-ten-years-deductible-container {
    grid-column: 3;
    grid-row: 6;
}

.cargo__under-ten-years-deductible-container {
    grid-column: 2;
    grid-row: 6;
}

.modal-dialog--center {
    margin: 180px auto;
}

.richmont-notice__form {
    display: grid;
    grid-template: repeat(4, auto) / auto 90%;
    grid-column-gap: 15px;
}

.richmont-notice__textarea {
    max-width: 100%;
}

.richmont-notice__submitfiles {
    grid-area: 3 / 2 / 3 / 3;
}

.richmont-notice__submit {
    grid-area: 4 / 2 / 4 / 3;
    display: flex;
    justify-content: space-around;
    padding-top: 30px;
}

.guidelines__carrier-list {
    display: flex;
    flex-direction: row;
    clearmargin-top: 8px;
    margin-bottom: 8px;
}

.guidelines__info {
    margin-top: 50px;
}

.carrier__name {
    font-family: Raleway;
    font-weight: 400;
}

.carrier__guidelines {
    border: 2px solid #efefef;
    padding: 12px;
}

.select-carrier__input {
    padding-left: 1.3%;
    padding-right: 1.3%;
    width: 45%;
}

.consult-carrier-search {
    line-height: normal;
}

.reporting__dashboard-grid-container {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: minmax(80px, auto) 1fr;
}

.reporting__container-date-inputs {
    grid-column: 1 / 3;
    display: grid;
    grid-gap: 20px;
    grid-template-columns: minmax(112px, auto) 1fr auto 1fr;
}

.reporting__submit-form-btn-container {
    grid-column: 2;
    justify-self: center;
}

.reporting__input-container label, .reporting__date-input-container label {
    top: 8px;
}

.file-size-container--bind {
    grid-area: file-size-container;
}

.ip-lookup {
    margin-top: 40px;
    display: grid;
    grid-template-columns: 40% 50%;
    grid-template-rows: 36px repeat(2, minmax(200px, 216px));
    grid-template-areas: "ip-search ip-map" "ip-info ip-map" ". ip-map";
    grid-column-gap: 10%;
    grid-row-gap: 15px;
}

.ip-lookup__info {
    grid-area: ip-info;
    border-radius: 8px;
    background-color: #F3F3F7;
    font-size: 16px;
    display: grid;
    grid-auto-rows: 72px;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "ip-location ip-location" "ip-lat ip-lon" "ip-city ip-zip";
}

.ip-lookup__search {
    grid-area: ip-search;
    display: flex;
}

.search__input-container {
    display: inline-block;
    position: relative;
    overflow: hidden;
}

.ip-lookup__search .glyphicon {
    top: 10px;
    left: 15px;
    position: absolute;
}

.ip-lookup__search input {
    width: 375px;
    height: 36px;
    font-size: 16px;
    padding-left: 35px;
}


.ip-lookup__search button {
    line-height: normal;
    width: 100%;
}

.info-container {
    display: flex;
    flex-direction: column;
    border-top: 1px solid #ccc;
    padding: 8px 13px;
}

.ip-lookup__info-flag {
    width: 60px;
    margin-right: 10px;
}

.ip-lookup__info-location {
    grid-area: ip-location;
    align-self: center;
    justify-self: center;
}

.ip-lookup__info-lat {
    grid-area: ip-lat;
    border-right: 1px solid #ccc;
}

.ip-lookup__info-lon {
    grid-area: ip-lon;
}

.ip-lookup__info-city {
    grid-area: ip-city;
    border-right: 1px solid #ccc;
}

.ip-lookup__info-zip {
    grid-area: ip-zip;
}

.ip-lookup__map {
    grid-area: ip-map;
    height: 5rem;
    height: auto;
    border-radius: 8px;
    background-color: #F3F3F7;
}

.ip-lookup__map-cover {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-size: 18px;
    color: #a09b9b;
}

    .ip-lookup__map-cover .glyphicon {
        font-size: 30px;
        margin-bottom: 8px;
    }

.required-bind-permission__section {
    display: flex;
    justify-content: center;
    margin: 0 30%;
    margin-top: 20px;
}

    .required-bind-permission__section > .richmont-input-label {
        text-align: center;
    }

#retry-payment-button {
    background-color: #337ab7;
}

#quoteHistoryTable {
    border-spacing: 0 10px;
    border-collapse: separate;
}

    #quoteHistoryTable > thead > tr > th {
        border: none !important;
        padding: 5px 15px !important;
    }

.quote-history__log-row {
    background-color: #ebebeb;
    border: 0 !important;
}

    .quote-history__log-row > td {
        border: 0 !important;
        padding: 15px !important;
    }

        .quote-history__log-row > td:first-child {
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
        }

        .quote-history__log-row > td:last-child {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
        }

.right-inner {
    position: relative;
}

    .right-inner input {
        padding-right: 30px;
    }

    .right-inner span {
        position: absolute;
        right: 0px;
        padding: 10px 12px;
        font-size: 10px;
    }

.edit-broker__button--disable:hover {
    box-shadow: 0 0 0;
    color: #9a9a9a;
}

.form__liability-questionnaire {
    grid-area: liability-questionnaire;
    display: grid;
    grid-template: repeat(6, auto) / 46% 18% auto;
    grid-column-gap: 25px;
    grid-template-areas:
        "questionnaire-title questionnaire-title questionnaire-title"
        "non-renewed-lb non-renewed-selectlist ."
        "authority-lb authority-selectlist ."
        "had-lapses-lb had-lapses-selectlist ."
        "oversized-shipments-lb oversized-shipments-selectlist ."
        "hazardous-materials-lb hazardous-materials-selectlist ."
        "AddingUnitsDuringPolicy-lb AddingUnitsDuringPolicy-selectlist ."
        "HireOtherMotorCarriers-lb HireOtherMotorCarriers-selectlist ."
        "HazardousMaterialExtraHazardousSubstances-lb HazardousMaterialExtraHazardousSubstances-selectlist ."
        "UnitsEquippedWithGps-lb UnitsEquippedWithGps-selectlist ."
        "PullDoubleTrailers-lb PullDoubleTrailers-selectlist ."
        "PullTripleTrailers-lb PullTripleTrailers-selectlist ."
        "HaulOversizeOrOverweight-lb HaulOversizeOrOverweight-selectlist ."
        "CommoditiesSubjectToTightDeliveryTime-lb CommoditiesSubjectToTightDeliveryTime-selectlist ."
        "OperationUnderYourAuthority-lb OperationUnderYourAuthority-selectlist ."
        "InsuredInvolvedInAnyBusinessActivity-lb InsuredInvolvedInAnyBusinessActivity-selectlist ."
        "FreightBrokerOrFreightForwarderOrArrangeLoads-lb FreightBrokerOrFreightForwarderOrArrangeLoads-selectlist ."
        "BusinessBankruptcy-lb BusinessBankruptcy-selectlist ."
        "PolicyOrCoverageDeclinedCancelledNonRenewed-lb PolicyOrCoverageDeclinedCancelledNonRenewed-selectlist ."
        "UniformIntermodalInterchange-lb UniformIntermodalInterchange-selectlist ."
        "CarryWorkersCompensation-lb CarryWorkersCompensation-selectlist ."
        "PortionOperationSeasonal-lb PortionOperationSeasonal-selectlist ."
        "LeaseVehiclesToOthers-lb LeaseVehiclesToOthers-selectlist ."
        "FormalSafetyProgram-lb FormalSafetyProgram-selectlist ."
        "VehicleMaintenanceProgram-lb VehicleMaintenanceProgram-selectlist ."
        "PersonalUseOfVehicles-lb PersonalUseOfVehicles-selectlist ."
        "OperatingUnderYourAuthority-lb OperatingUnderYourAuthority-selectlist ."
        "AnticipateTravelingToOutsideOfTheUS-lb AnticipateTravelingToOutsideOfTheUS-selectlist ."
}

.questionnaire__had-lapses-lb {
    grid-area: had-lapses-lb;
}

.questionnaire__had-lapses-selectlist {
    grid-area: had-lapses-selectlist;
}

.questionnaire__hazardous-materials-lb {
    grid-area: hazardous-materials-lb;
}

.questionnaire__hazardous-materials-selectlist {
    grid-area: hazardous-materials-selectlist;
}

.carrierRow {
    position: relative;
}

.carrierRow {
    margin-left: 15px;
}

    .carrierRow label {
        vertical-align: top;
        display: inline-block;
        margin-right: 5px;
        margin-left: 10px;
    }

    .carrierRow select {
        display: inline-block;
        width: 150px;
    }

    .carrierRow h6 {
        display: inline-block;
        font-size: 16px;
    }

.removeCarrierRow {
    width: 30px;
    margin-left: 20px;
}