.ng-invalid.ng-dirty{border-color: #d9534f}
.ng-valid.ng-dirty{border-color: #5cb85c}

.strong{ font-weight: bold;}
.error{color: #d9534f; font-weight: normal; padding-left: 5px}

.fs18{font-size: 18px; line-height: 14px}
.fs14{font-size: 14px}
.fs12{font-size: 12px}


.postcode-list select{ width: 100% ; overflow: hidden;}
.postcodeSelects{margin-top: 2px !important}
.error-message{padding: 20px}
.error-code{color: #a94442}

#open_banking_modal {text-align: center; background-color: #FFFFFF}
#open_banking_modal .bank-links {max-width: 100%; text-align: center;}
#open_banking_modal .bank-links img {max-width: 23%; min-width: 200px; display: inline-block;}
#open_banking_modal .bank-links a {margin: 5px;}
#open_banking_modal .bank-links a img {border: 3px solid #fbfbfb; background: #ffffff; transition: all 0.3s; flex: 1; }
#open_banking_modal .bank-links a:hover img {border: 3px solid #bdeeff; background: #f3fcff;}

#open_banking_modal .bank-links {margin-bottom: 15px;}
/*#open_banking_modal .bank-links img { max-width: 31%; min-width: 200px; display: inline;}*/


.tooltip{
    position:absolute;
    z-index:5;
    display:block;
    visibility:visible;
    padding:5px;
    font-size:12px;
    opacity:0;
    filter:alpha(opacity=0);
}
.tooltip-inner {
    max-width: 350px;
}
.tooltip.top    { margin-top: 5px; }
.tooltip.right  { margin-left: 10px; }
.tooltip.bottom { margin-top: 10px;   }
.tooltip.left   { margin-left: 5px; }

#quote-page-content .form-control-feedback{ top: 50%; pointer-events:none; z-index:2;}
#alterium-success h1{ color: #FFFFFF; }

.glyphicon.spinning {
    animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg); }
    to { transform: scale(1) rotate(360deg); }
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

.form-horizontal .has-feedback .top-0{ top: 0px !important}
.postcode-lookup-field .form-control-feedback{ right: 115px !important}

header{z-index: 300!important}
#apply .has-feedback .form-control-feedback{z-index: 3;}

.panel-heading
{
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

.isreadonly {
    background-color: #FFF !important;
    cursor: default !important;
}

/* #cbils section */
body.cbils h1 {font-size: 56px !important;}
body.cbils #apply-page-heading {margin-bottom: 40px;}
body.cbils .faq-tab {margin-top: 25px;}
body.cbils .faq-tab label {background: #F3F3F3;}
body.cbils .faq-tab .tab-content {background: #FBFBFB; font-size: 90%;}
body.cbils .content {font-size: 16px;}
body.cbils .bbb-banner {background: #f3f3f3; padding: 15px; font-size: 15px; font-style: italic; margin-bottom: 25px;}
body.cbils .bbb-banner img {float: left; max-width: 250px; margin: 10px 20px 0 0;}
ul.bbb-ok {list-style: none; margin-bottom: 20px; font-size: 90%;}
ul.bbb-ok li::before {content: "\25CF"; color: #089c0e; font-weight: bold; display: inline-block; width: 22px; margin-left: -18px;}
ul.bbb-not-ok {list-style: none; margin-bottom: 20px; font-size: 90%;}
ul.bbb-not-ok li::before {content: "\25CF"; color: #a50505; font-weight: bold; display: inline-block; width: 22px; margin-left: -18px;}
@media (max-width: 1200px) {
    body.cbils h1 {font-size: 48px !important;}
    body.cbils .content {font-size: 14px;}
}
@media (max-width: 991px) {
    body.cbils .bbb-banner {font-size: 14px; line-height: 24px;}
    body.cbils .bbb-banner img {float: right; max-width: 200px; margin: 7px 10px 5px 20px;}
}
@media (max-width: 600px) {
    body.cbils h1 {font-size: 30px !important;}
    body.cbils .content {font-size: 13px;}
    body.cbils .bbb-banner {font-size: 13px; line-height: 22px;}
    body.cbils .bbb-banner img {float: right; max-width: 170px; margin: 7px 10px 5px 20px;}
}
@media (max-width: 480px) {
    body.cbils .bbb-banner img {float: right; max-width: 132px; margin: 7px 10px 5px 20px;}
}