html body {
    font-family: "Segoe UI", Roboto, sans-serif;
    /* background-color: #f5f5f5; */
    /* background-color: #f5faff; */
    background-color: #f8fafb;
}

.form-control {
    font-size: 15px;
    height: auto;
    box-shadow: none;
    border-width: 1px;
    border-radius: 0px;
}

.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "\25B6";
}

.help-block {
    font-size: 11px;
}

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

.section-name .tooltip-sob {
    text-indent: 0;
}

.tooltip-inner {
    text-align: justify;
    max-width: 512px;
}

.tooltip-inner ul {
    margin: 0 0 0 12px;
    padding: 0;
}

.tooltip-sob-temp .tooltip-inner {
    max-width: 312px;
    padding: 6px 12px;
    text-align: justify;
    text-indent: 0;
}

#main-logo {
    width: 640px;
    max-width: 95%;
}

.pr-0 {
    padding-right: 0px;
}

.checkbox-lg {
    display: inline-flex;
    align-items: center;
}

.checkbox-lg input[type=checkbox] {
    width: 28px;
    height: 28px;
    margin: 0 0 0 8px;
    flex: none;
    accent-color: #01529a;
}

.checkbox-lg-r input[type=checkbox] {
    margin: 0 8px 0 0;
}

.alert-c4tr {
    background: #01529A;
    color: #fff;
    border-color: #004b8e;
}

.alert-c4tr a {
    color: #fff;
    text-decoration: underline;
}

.pem-tooltip {
    font-weight: bold;
    border-bottom: 1px dotted #333;
    color: #333;
    cursor: pointer;
}

.pem-tooltip-temp {}

.pem-tooltip-temp .tooltip-inner {
    text-align: left;
    max-width: 480px;
    padding: 12px;
}

#google_translate_element {
    display: inline-block;
    margin-left: 4px;
}

.header-bar {
    padding: 6px 0;
    background-color: black;
    font-size: 12px;
    color: white;
}

#header-logo-wrap {
    padding: 24px 0;
    background: #01529A;
}

.breadcrumb-wrapper {
    background: #01529A;
    border-top: 1px solid white;
    overflow: hidden;
    margin-bottom: 20px;
}

.breadcrumb {
    background: #01529A;
    color: #fff;
    padding: 12px 0;
    margin-bottom: 0;
}

.breadcrumb>.active {
    color: #fff;
    font-weight: bold;
}

.breadcrumb-inner {
    white-space: nowrap;
    overflow: auto;
}

.breadcrumb>li.noprefix:before {
    content: "";
    padding: 0 5px 0 0;
}

.footer {
    clear: both;
    margin: 30px 0 10px 0;
    padding: 20px 0 10px 0;
    border-top: 9px solid #01529a;
    color: #000;
    text-align: center;
    font-size: 11px;
    background: white;
}

#quote-form1 .popover-content,
#cover-level-table .best-seller-popover .popover-content {
    font-size: 14px;
}

.panel-c4tr {
    margin-bottom: 24px;
    border-radius: 2px;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: 0 1px 1px 1px #0000001f;
}

.panel-c4tr .panel-heading {
    background: #00529a;
    color: white;
    font-size: 15px;
    font-weight: 600;
    border-radius: 2px 2px 0 0;
    border-bottom: 0;
}

#option-q-1-1 {
    font-size: 16px;
    margin-bottom: 12px;
}

.panel-c4tr ul {
    margin-left: 0;
    padding-left: 24px;
}

ul.tick-list {
    padding-left:15px;
    margin-left:0;
}

ul.tick-list li {
    padding-left:8px;
}

ul.tick-list li::marker {
    content:"\e013";
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    color:green;
}

#quote-sidebar .panel-c4tr {}

#quote-sidebar .panel-heading {}

#quote-sidebar .panel-body {}

#best-seller-popover,
.best-seller-popover {
    display: block;
    top: -37px;
    left: 0px;
    right: 0px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    background: #00aa1b;
    color: white;
    background: linear-gradient(0deg, #00aa1b, #01bb1e);
}

#best-seller-popover>.arrow:after,
.best-seller-popover>.arrow:after {
    border-top-color: #00aa1b !important;
}

.section-name {
    font-weight: bold;
}

#quote-form1 .popover,
#cover-level-table .popover {
    max-width: 456px;
    border-radius: 2px;
}

#quote-form1 .popover-title,
#cover-level-table .popover-title {
    font-weight: bold;
    text-indent: 0;
    background: #01529a;
    color: #fff;
    border-radius: 2px 2px 0 0;
}

#quote-form1 .popover-content,
#cover-level-table .popover-content {
    font-size: 12px;
    text-indent: 0;
}

#quote-form1 .popover-content ul,
#cover-level-table .popover-content ul {
    padding-left: 18px;
}

#cover-level-table .optional-cover-title {
    font-weight: bold;
    text-align: center;
}

#cover-level-table #col1 {
    width: 28%;
}

#cover-level-table .level-header {
    width: 22%;
}

#cover-level-table #col5 {}

#cover-level-table td.not-available {
    content: "-"
}

#cover-level-table td,
#cover-level-table th {
    padding: 5px;
    font-size: 12px;
    vertical-align: middle;
}

#cover-level-table h4,
#cover-level-table h5 {
    margin: 0 0 6px 0;
}

#cover-level-table .cover-section.child td.section-name {

    font-weight: normal;
    font-size: 11px;
}

.cover-section.child td {
    border-top: 0;
}

.child .cover1,
.child .cover2,
.child .cover3 {
    opacity: 1;
}

.text-strong {
    font-weight: bold;
}

.cover1 {
    background: #3d91db;
    color: #fff;
}

.cover2 {
    background: #2785d7;
    color: #fff;
}

.cover3 {
    background: #1279d3;
    color: #fff;
}

.not-available {
    opacity: 0.5 !important;
    cursor: not-allowed;
}

#total-amount-row {
    font-size: 18px;
    font-weight: bold;
}

#error-res {
    display: none;
}

fieldset {
    position: relative;
    padding: 64px 12px 12px 12px;
    border: 0;
    margin-bottom: 24px;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

legend {
    position: absolute;
    top: 12px;
    left: 12px;
    right: 12px;
    width: auto;
    background: #01529a;
    color: white;
    margin: -12px -12px 0 -12px;
    padding: 12px;
    border-radius: 2px 2px 0 0;
}

​ .picker {
    display: none;
}

.modal-header {
    background: #01529A;
    color: #fff;
    border-radius: 4px 4px 0 0;
}

.btn {
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 2px;
}

.btn-primary {
    text-transform: uppercase;
    border-radius: 2px;
    background: #01529A;
}

.picker__select--month,
.picker__select--year {
    padding: 0 0 0 0.5em;
    font-size: 0.8em;
}

#address-lookup-wrap {
    margin-bottom: 12px;
}

#postcode-lookup {
    width: 85px;
    display: inline;
}

#postcode-lookup-btn {
    margin-top: -3px;
}

#contact-phone-wrap {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #ccc;
}

#uni-details-wrap {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #ccc;
}

#payment-processing-modal {
    background: #fff;
    padding: 12px;
}

#payment-policy-documents-card {
    font-size: 13px;
}

#product-list {
    list-style: none;
    padding-left: 12px;
}

.documents-wrap ul {
    list-style: none;
    padding-left: 2px;
}

.documents-wrap ul li::marker {
    content: '';
}

.covid19-banner {
    font-size: 18px;
}


.has-feedback .form-control-feedback {
    visibility: hidden;
    right: 14px;
}

.has-feedback .form-control-feedback-select {
    right: 25px;
}

.form-inline .form-control-feedback {
    visibility: hidden;
}

.has-feedback .glyphicon {
    visibility: hidden;
}

.has-feedback.is-select .glyphicon {
    right: 25px;
}

.has-feedback.is-select .left-outdent .glyphicon {
    right: 48px;
}

.has-feedback.has-error .glyphicon-remove {
    visibility: visible;
}

.has-feedback.has-success .glyphicon-ok {
    visibility: visible;
}

.form-group.is-select select.form-control {
    padding-right: 4px;
}

#personal-details-panel .help-block.error-text,
#insured-address-panel .help-block.error-text {
    display: none;
    margin-bottom: 0;
}


#personal-details-panel .has-error .help-block.error-text,
#insured-address-panel .has-error .help-block.error-text {
    display: block;
}

#insured-address-panel {
    padding-right: 0px;
}

.policy-date-wrap {
    padding: 0 4px 0 0;
}

.form-control.policy-date {
    padding-right: 0;
}

.no-indent {
    padding-left: 0;
    padding-right: 0;
}

.help-text-danger {
    display: none;
}

.help-text-info {
    background: #353535;
    color: white;
    padding: 12px;
    border-radius: 3px;
    margin: 6px 0;
}

.form-group.has-error {
    border-left: 5px solid #a94442;
    margin-left: -15px;
    padding-left: 10px;
}

.form-horizontal .form-group.has-error {
    padding-left: 0px;
}

.alert-danger {
    background: #770f0f;
    color: #fff;
    border: none;
    border-radius: 2px;
}

.form-group.has-error .help-text-danger,
.form-group.has-error .help-block {}

.has-error .checkbox-lg {
    color: #a94442;/
}

.has-error .help-text-danger {
    display: block;
    color: #a94442;
}

#quote-form1 .form-group.has-success label.control-label {
    color: #333;
}

.options-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.options-title {
    margin-top: 0px;
}

.options-price {}

.options-price-s {
    font-weight: bold;
    font-size: 24px;
}

label a {
    color: #000;
}

.options-wrap label.btn {
    float: none;
}

.options-btn-add {}

.docs-fieldset {
    border: 1px solid #999;
    box-shadow: 0 0 0 0;
    border-radius: 2px;
    padding: 44px 12px 12px 12px;
}

.docs-fieldset legend {
    background-color: white;
    color: #333;
    font-size: 14px;
    border-bottom: 0px;
}

/* quote summary wrap fro test page */
#quote-summary-wrap .row .col-md-6 {
    width: 100%;
}

#quote-summary-wrap .row .col-md-6:nth-child(1) {
    font-size: 16px;
}

#quote-summary-wrap .row .col-md-6:nth-child(2) {
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 12px;
    padding-bottom: 12px;
}

.total-price-ipt {
    font-size: 22px;
    font-weight: bold;
}

.alert-info {
    color: #ffffff;
    background-color: #0088c5;
    border: none;
    border-radius: 2px;
}

/* toggle button shit */
.btn-container {
    display: block;
    align-items: center;
    margin-top: 6px;
    margin-left: 0px;
}

.btn-container input[type="radio"], .btn-container input[type="checkbox"] {
    display: none;
}

.btn-container label {
    cursor: pointer;
    padding: 4px 16px;
    font-size: 16px;
    line-height: 1.3333333;
    border-radius: 2px;
    border: 1px solid #00529a;
}

.btn-lg-container label {
    padding:12px 16px;
}

.btn-container input[type="checkbox"]+label {
    color: #00529a;
    background-color: #fff;
}

.btn-container input[type="radio"]:checked+label,
.btn-container input[type="checkbox"]:checked+label {
    background-color: #00529a;
    color: #fff;
}

.btn-container input[type="checkbox"]:disabled+label {
    background-color: #919191;
    color: #fff;
    border: #919191;
    cursor: not-allowed;
}

.options-wrap.disabled {
    color:#ccc;
    cursor: not-allowed;
}

.option-2-advice {
    display:none;
}

.options-wrap.disabled .option-2-advice {
    display:block;
}


.w-100 {
    width: 100%;
}

.t-c {
    font-size:12px;
    margin-top:12px;
}

#discount-btn {
    margin-bottom:15px;
}



@media only screen and (max-width: 548px) {
    legend {
        font-size: 15px;
        font-weight: bold;
    }
}


@media (max-width:1200px) {
    #cover-level-table #col1 {
        width: 36%;
    }
}

@media (min-width: 992px) {
    #uni-details-wrap label {
        text-align: left;
    }
}

@media only screen and (max-width: 548px) {

    #quote-form1 .popover,
    #cover-level-table .popover {
        width: 90% !important;
    }
}

@media only screen and (max-width: 992px) {

    .covid19-banner {
        font-size: 14px;
    }

    .btn-container {
        margin-left: 0px;
        display: block;
    }

    #quote-form1 .popover,
    #cover-level-table .popover {
        width: 350px;
    }

    #best-seller-popover,
    .best-seller-popover {
        display: none;
    }

    table.responsive-table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        display: block;
        position: relative;
        /* sort out borders */
    }

    table.responsive-table td:empty:before {
        content: '\00a0';
    }

    table.responsive-table th,
    table.responsive-table td {
        margin: 0;
        vertical-align: top;
    }

    table.responsive-table th {
        text-align: left;
    }

    table.responsive-table thead {
        display: block;
        float: left;
    }

    table.responsive-table thead tr {
        display: block;
        padding: 0;
    }

    table.responsive-table thead tr th::before {
        content: "\00a0";
    }

    table.responsive-table tbody {
        display: block;
        width: auto;
        position: relative;
        overflow-x: auto;
        white-space: nowrap;
    }

    table.responsive-table tbody tr {
        display: inline-block;
        vertical-align: top;
    }

    table.responsive-table th {
        display: block;
        text-align: right;
    }

    table.responsive-table td {
        display: block;
        min-height: 1.25em;
        text-align: left;
    }

    table.responsive-table tr {
        padding: 0;
    }

    table.responsive-table thead {
        border: 0;
        border-right: 1px solid #d0d0d0;
    }

    table.responsive-table.bordered th {
        border-bottom: 0;
        border-left: 0;
    }

    table.responsive-table.bordered td {
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

    table.responsive-table.bordered tr {
        border: 0;
    }

    table.responsive-table.bordered tbody tr {
        border-right: 1px solid #d0d0d0;
    }

    table.responsive-table .cover-section.child td.section-name {
        text-indent: 0 !important;
    }
}