/* Minification failed. Returning unminified contents.
(6,17): run-time error CSS1039: Token not allowed after unary operator: '-ads-cool-grey-900'
(32,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(33,24): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(37,24): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(38,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(71,17): run-time error CSS1039: Token not allowed after unary operator: '-dark'
(76,21): run-time error CSS1039: Token not allowed after unary operator: '-dark'
(81,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(85,20): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(89,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(93,17): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(97,20): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(101,17): run-time error CSS1039: Token not allowed after unary operator: '-ads-cool-grey-900'
(106,28): run-time error CSS1039: Token not allowed after unary operator: '-ads-green-700'
(110,28): run-time error CSS1039: Token not allowed after unary operator: '-ads-electric-blue-50'
(111,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(135,28): run-time error CSS1039: Token not allowed after unary operator: '-ads-cool-grey-50'
(136,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(137,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(145,17): run-time error CSS1039: Token not allowed after unary operator: '-ads-cool-grey-900'
(168,17): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(172,17): run-time error CSS1039: Token not allowed after unary operator: '-ads-cool-grey-900'
(193,28): run-time error CSS1039: Token not allowed after unary operator: '-ads-cool-grey-50'
(208,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
 */
html {
    font-size: 14px;
}

body {
    color: var(--ads-cool-grey-900);
}

h1, h2, h3, h4, h5 {
    color: #000;
}

.form-control {
    border-radius: 2px;
}

.input-group .form-control {
    border-left: none;
    border-radius: 2px;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-radius: 2px;
}

.input-group-text {
    background-color: #fff;
    border-radius: 2px;
}

.btn-primary {
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-outline-primary {
    border-color: var(--primary);
    color: var(--primary);
}

.form-control {
    font-size: 16px;
}

.display-none {
    display: none !important;
}

.form-check-input {
    height: 18px;
    width: 18px;
}

.modal-header {
    border-bottom: none;
}

.modal-footer {
    border-top: none;
}

.smaller {
    font-size: .75em;
}

.rounded-2 {
    border-radius: 0.66rem !important;
}

a.no-href {
    color: var(--dark);
    text-decoration: none;
}

    a.no-href:hover, a.no-href:focus {
        color: var(--dark);
    }

/* Bootstrap text colour overrides - note !important needed to override boostrap css for these */
.text-primary {
    color: var(--primary) !important;
}

    .text-primary svg {
        fill: var(--primary);
    }

.text-secondary {
    color: var(--secondary) !important;
}

.text-danger {
    color: var(--danger) !important;
}

    .text-danger svg {
        fill: var(--danger);
    }

.text-dark {
    color: var(--ads-cool-grey-900) !important;
}

/* Bootstrap background colour overrides - note !important needed to override boostrap css for these */
.bg-success {
    background-color: var(--ads-green-700) !important;
}

.text-bg-primary-light {
    background-color: var(--ads-electric-blue-50);
    color: var(--primary);
    border-radius: 3px;
}

/* Media query to target < sm screen sizes */
@media (max-width: 575.98px) {
    .px-xs-0 {
        padding-left: 0;
        padding-right: 0;
    }
}

.realex {
    width: 100%;
    height: 650px;
}

.worldnet {
    width: 100%;
    height: 700px;
}

/* Bootstrap Tooltip override */
.tooltip-inner {
    background-color: var(--ads-cool-grey-50);
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
}
body {
    font-family: "Open Sans", sans-serif;
    background-color: #e5e5e5;
}

h1, h2, h3, h4, h5 {
    color: var(--ads-cool-grey-900);
}

@media (min-width: 575.98px) {
    #SelfServiceLogin .container {
        width: 442px;
    }
}

.card {
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

#SelfServiceLogin .card .card-body {
    padding: 2rem;
}

span.LV_validation_message.LV_invalid {
    width: 100%;
    left: 0;
    position: relative;
    margin-top: 5px;
    color: var(--danger);
}

small {
    color: var(--ads-cool-grey-900);
}

#UpdateContactDetailsCard, div[id$="UpdateDetailsFooter_FooterCard"] {
    max-width: 794px;
}

dt {
    font-weight: normal;
}

dd {
    font-weight: bold;
    font-size: 16px;
}

#ConfirmRenewalModal .modal-footer {
    display: block;
}

div[id$="RenewalDiv"] .card {
    border: 2px solid var(--ads-cool-grey-50);
    box-shadow: none;
}

.breadcrumb .aspNetDisabled {
    cursor: not-allowed;
}


    .breadcrumb .aspNetDisabled:hover {
        text-decoration: none;
    }

.breadcrumb-item a {
    text-decoration: none;
    color: var(--primary) !important;
}

a.btn {
    color: #fff !important;
    text-decoration: none !important;
}

.insurer-logo-name {
    height: 30px;
}

input[id$="AddonControl_AddonCheckBox"] {
    width: 22px;
    height: 22px;
}

span[id$="AddonControl_AddonDisplayTextLabel"] {
    font-size: 16px;
}

a[id$="AddonControl_AddonPopoverButton"] {
    font-size: 20px;
}

.tooltip-inner {
    text-align: left;
}

#AvailableRenewalsDiv .card .card-header {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
}

.LV_validation_message
{
    margin-top: 20px;
    position: absolute;
    left: 290px;
}
.LV_valid {
    bord:#00CC00;
}

.LV_invalid {
    color:#CC0000;
}

.LV_valid_field,
input.LV_valid_field:hover,
input.LV_valid_field:active,
textarea.LV_valid_field:hover,
textarea.LV_valid_field:active {
    border: 1px solid limegreen !important;
}

.LV_invalid_field,
input.LV_invalid_field:hover,
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover,
textarea.LV_invalid_field:active {
    border: 1px solid red !important;
}

.Image{
    margin-bottom: -3px;
    height: 15px;
    width:20px;
}

.ImageDDL{
    margin-bottom: -2px;
    height: 15px;
    width:20px;
}