/* site */



html,body{

    height:100%;

}



body {

    background: #f8f9fa;

}



.form-panel > [style="padding: 10px"] {

    display:none;

}



.w-33 {

    width:33.3% !important;

}



.text-decoration-none {

    text-decoration: none !important;

}



.overflow-hidden { overflow:hidden; }



.table-responsive {

    overflow-x: auto !important;

    -webkit-overflow-scrolling: touch !important;

    -ms-overflow-style: -ms-autohiding-scrollbar !important;

}



.navbar {

     padding:0;

}



.hiddenZone, .hide, #ctl00_webxProgressOverlay_Heading {

    display:none;

}

.bg-overlay {

    background: #0000008c;

}



/* row spacing for non class zones that are more than 1 rows. Typically forms */

.WebXZone > .row:not(:first-child) {

    margin-top: .5rem;

}



/* Jumbotron match zone padding */

.jumbotron{

padding: 1.5rem 1.5rem;

}



/* WebXZone panelling */

.WebXZone {

    margin-bottom:1rem;

    padding: 1.5rem;

    background: #fff;

    border-radius: 4px;

    /*  colourless shadow */    

    box-shadow: 0px 5px 5px 0px #00000008;

    background: #fff;

    /*  colourless border */

    border:1px solid rgba(0,0,0,.125);

    overflow:initial;

}



/* WebXZone heading */

.webxzoneheading{

    color: #f8f9fa;

    background-color: #0f6d9c;

    padding-left: 1rem;

    padding-right: 1rem;

    padding-top: 0.25rem;

    padding-bottom: 0.25rem;

    margin-left: .25rem;

	margin-right: .25rem;

    margin-bottom: 0;

    display: inline-block;

    border-top-left-radius: .25rem;

    border-top-right-radius: .25rem;

}



/* WebXZone fields */

.webxzonefields .CellWrapper{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

	-webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

	-webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

}

.webxzonefields h6{

    margin-bottom: 0;

	text-align: right;

}



.webxzoneheading h1, .webxzoneheading h2, .webxzoneheading h3, .webxzoneheading h4, .webxzoneheading h5, .webxzoneheading h6{

    margin-bottom: 0;

}



.webxform .form-control {

margin-bottom: 1rem;

}



/* cant add class "form-control" postcode dropdown. So here is a copy */

.webxDropdownlist {

    display: block;

    width: 100%;

    padding: .375rem .75rem;

    font-size: 1rem;

    line-height: 1.5;

    color: #495057;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid #ced4da;

    border-radius: .25rem;

    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}



.webxRadiobuttonlist > label {

    margin-right:1rem;

}





.hero-alt {

    background-image:url(../webximage/loginbackdrop.jpg);

}



.hero-message {

    background-image:url(../webximage/message.png) !important;

}



/* should really be able to add classes to form element */

form[action*="WebXMenu"],form[action*="/Menu"] {

    height:100%;

}



/* hide useless div on menu page */

form[action*="WebXMenu"] div[id*="_Panel"] + div[style="padding: 10px"],

form[action*="/Menu"]  div[id*="_Panel"] + div[style="padding: 10px"] {

    display: none;

}



/* tab styling */

[class*=webXtabButton].selected {

    opacity: .8;

}



/* table */

/*.table thead {

    background:#0f6d9c;

}

.table thead th {

    color:#fff;

}*/

.table thead th {

   border-top:0!important;

}



/* Default table padding & alignment */

.table {

    margin-bottom:0!important;

}

.table td, .table th {

    padding: 0.3rem!important;

    vertical-align: middle!important;

}



/* Default grid buttons to small */

.table .btn {

    padding: .25rem .5rem;

    font-size: .875rem;

    line-height: 1.5;

    border-radius: .2rem;

}



.rounded .table thead th {

    border-top:0;

}



/* table responsive */

.table-responsive > .row {

    margin:0;

}

.table-responsive > .row > [class*="_cell"]{

    padding:0;

}

.table-responsive table td > div, .table-responsive table th > div  {

    overflow:visible !important;

}

/* Immitation bootstrap table for grid (used in AUS Unoccupied) */

.immitation-header {
    border-bottom: 2px solid #dee2e6;
}



/* grid text align */

th[align="right"], td[align="right"] {

    text-align:right;

}

th[align="left"], td[align="left"] {

    text-align:left;

}



/* nav logo md */

@media(max-width:992px){

    #ctl00_header img{

        position:absolute;

        top:0px;

        right:0px;

        z-index:1;

    }

}



.chat {

    position: fixed;

    bottom: 5px;

    right: 5px;

    width: auto !important;

    z-index:4000;

}

/* Double a standard text area */
.stretchTextArea {
    width: calc(200% + 30px);
}
/* login */



.LoginfooterWrapper {

    position: fixed;

    bottom: 0;

    left: 0;

    padding: 0 !important;

}

.LoginfooterWrapper > footer {

    background:#0d4b7b;

    border:none;

}



.LoginWrapper {

    background: #ffffff;

    width: 100%;

    position: relative;

    z-index: 100;

    overflow:hidden;

    grid-template-columns: 50% 50%;

    display: grid;

    height: 100%;

    /* margin-top: 82px; */

}



@media(max-width:992px) {

    .LoginWrapper {

        grid-template-columns:100%;

    }

    .LoginWrapper > .login {

        align-items:start;

    }

    .login-hero-inner > .blockquote {

        display:none;

    }

    .login-hero {

        background-color:#f8f9fa!important;

            background-size: 100% auto !important;

            background-position: top !important;

    }

}



div#ctl00_ContentPlaceHolder1_pnlChangePasswordReq, .LoginWrapper br[style="clear: both"] {

    display: none;

}



div#Login-SubmitPanel {

    overflow: visible;

    /* height: 0; */

}



div#Login-PasswordRecoveryPanel {

    /* margin-top: 0; */

    text-align: center;

    background: #bdc5d0;

    border: 1px solid #a7a7a7;

    padding: 5px 0;

    border-radius: 4px;

}

div#Login-PasswordRecoveryPanel > a{

    color: #545454;

    font-size:1em;

}



div#ctl00_loginheader > div > img {

    width:200px;

    margin:0 auto;

    display:block;

}



.AspNet-Login > div label {

    width:100%;

}



/*

.AspNet-Login > div input[type=text], .AspNet-Login > div input[type=password] {

    width:100%;

}

*/



form[action^="./Login"] {

    /* background: linear-gradient(136deg, hsla(291, 64%, 88%, 1), hsla(54, 100%, 85%, 1)); */

    overflow: hidden;

    /* background-image: url(../webximage/london.jpg); */

    background-size: 1200px auto;

    background-position-x: center;

    height:100%;

    display:flex;

    align-items:center;

    justify-content:center;

    /* background-image: linear-gradient(156deg, #ffffff00, #fff0), url(../webximage/londonskylineflat.png); */

    background-repeat: no-repeat;

    background-position-y: 91px;

    /* padding-top: 104px; */

}





#ctl00_ContentPlaceHolder1_pnlChangePasswordReq {

   font-size:13px;

}



#Login-PasswordRecoveryPanel {

    margin-top:10px;

}



input#ctl00_ContentPlaceHolder1_LoginButton {

    width: 100%;

}



.login-header {

    position:absolute;

    top:0;

    left:0;

    width:100%;

    z-index:4000;

    display: none;

}



div#login_container {

    width: 80%;

    max-width: 400px;

}



div#login_container:before{

    content:"Sign In";

    font-size:2.5rem;

    display:block;

    width:100%;

    text-align:center;

    margin-bottom:40px;

    color:#002656;

}



@media(max-width:600px){

    div#login_container {

        width:90%;

    }

}



.LoginWrapper > .login {

    display: flex;

    align-items: center;

    justify-content: center;

    background: #fbfbfb;

   flex-direction:column;

}



.login-hero {

    background: #484848;

    display: flex;

    align-items: center;

    justify-content: center;

    background-image: url(../webximage/loginbackdrop.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-attachment: fixed;

    background-size: cover;

}

}



.login-hero > img {

    width:200px;

}



.login-hero-inner {

    max-width: 600px;

    width: 100%;

    text-align:center;

}

.login-hero-inner > img {

    width:200px;

}



.LoginWrapper > .login-header {

    display: none;

    text-align:center;

    top:20px;

}

@media(max-width:992px){

    .LoginWrapper > .login-header {

        position:static;

    }

    .LoginWrapper > .login-header > .inner-login-header {

        width:100%;

        background:#002656 !important;

        border:none !important;

        border-radius:0 !important;

    }

}

.LoginWrapper > .login-header > .inner-login-header {

    display:inline-block;

    font-size:20px;

    background:#42434c;

    padding:5px;

    border-radius:3px;

    color:#c9cdd2;

    box-shadow:0px 0px 10px 0px #00000047;

    border:1px solid #585c67;

}

.LoginWrapper > .login-header > .inner-login-header:before {

    content:"Bordereau";

}





/* agent override / news */





table.override_agent_controls_container {

    margin-top:2rem;

}

table.override_agent_controls_container, table.override_agent_controls_container *{

    display:block;

    width:100% !important;

}

table.override_agent_controls_container span {

    font-weight:bold;

}

.override_agent_button_container {

    margin-top:1rem;   

}

.override_agent_button_container, #news_proceed {

    text-align: right;

}

.override_agent_button_container #ctl00_ContentPlaceHolder1_btnUseAgentIDContinue {

    float:right;

    margin-left:.5rem;

}



.twoFactorPnl {

width:420px;

}
/* bootstrap button overrides */



.btn-primary {

    background-color:#0f6d9c!important;

    border-color:#0f6d9c!important;

}



.btn-outline-primary {

    background-color:transparent!important;

    border-color:#0f6d9c!important;

}



.btn-secondary {

    background-color:#1F4051!important;

    border-color:#1F4051!important;

}

.btn-outline-secondary {

    background-color:transparent!important;

    border-color:#1F4051!important;

}



.btn-success {

    background-color:#28a745!important;

    border-color:#28a745!important;

}

.btn-outline-success {

    background-color:transparent!important;

    border-color:#28a745!important;

}



.btn-danger {

    background-color:#dc3545!important;

    border-color:#dc3545!important;

}

.btn-outline-danger {

    background-color:transparent!important;

    border-color:#dc3545!important;

}



.btn-warning {

    background-color:#ffc107!important;

    border-color:#ffc107!important;

}

.btn-outline-danger {

    background-color:transparent!important;

    border-color:#ffc107!important;

}



.btn-info{

    background-color:#17a2b8!important;

    border-color:#17a2b8!important;

}



.btn-outline-info {

    background-color:transparent!important;

    border-color:#17a2b8!important;

}



.btn-light {

    background-color:#f8f9fa!important;

    border-color:#f8f9fa!important;

}

.btn-outline-light {

    background-color:transparent!important;

    border-color:#f8f9fa!important;

}



.btn-dark {

    background-color:#343a40!important;

    border-color:#343a40!important;

}

.btn-outline-dark {

    background-color:transparent!important;

    border-color:#343a40!important;

}



.btn-white {

    background-color:#fff!important;

    border-color:#fff!important;

}

.btn-outline-white {

    background-color:transparent!important;

    border-color:#fff!important;

}



.btn:hover {

    opacity:.8!important;

}



.btn.disabled, .btn:disabled{

    opacity: .65!important;

}
/* bootstrap background overrides */



.bg-primary, .badge-primary {

    background-color:#0f6d9c !important;

}



.bg-secondary, .badge-secondary {

    background-color:#1F4051 !important;

}



.bg-success, .badge-success {

    background-color:#28a745 !important;

}



.bg-danger, .badge-danger {

    background-color:#dc3545 !important;

}



.bg-warning, .badge-warning {

    background-color:#ffc107 !important;

}



.bg-info, .badge-info {

    background-color:#17a2b8 !important;

}



.bg-light, .badge-light {

    background-color:#f8f9fa !important;

}



.bg-dark, .badge-dark {

    background-color:#343a40 !important;

}



.bg-white, .badge-white {

    background-color:#fff !important;

    color:#0f6d9c;

}



.bg-tertiary {

    background:#0f6d9c;

}
/* bootstrap text-colour overrides */

.text-primary {
    color:#0f6d9c !important;
}

.text-secondary {
    color:#1F4051 !important;
}

.text-success {
    color:#28a745 !important;
}

.text-danger {
   color:#dc3545 !important;
}

.text-warning {
    color:#ffc107 !important;
}

.text-info{
    color:#17a2b8 !important;
}

.text-light {
    color:#f8f9fa !important;
}

.text-dark {
    color:#343a40 !important;
}

.text-white {
    color:#fff !important;
}

.text-tertiary {
    color:#0f6d9c;
}

/* Bradcrumb select */
.breadcrumb-item:nth-of-type(3) {
    cursor: pointer;
    user-select: all;
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem;
    background-color:#e9ecef;
    color: #1F4051;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #1F4051;
}
/* bootstrap components */



.jumbotron {

    background-color:#e9ecef !important;

}



.breadcrumb {

    background-color:#e9ecef !important;

}





.rounded-left-0 {

    border-top-left-radius: 0!important;

    border-bottom-left-radius: 0!important;

}



.rounded-right-0 {

    border-top-right-radius: 0!important;

    border-bottom-right-radius: 0!important;

}



.rounded-bottom-0 {

    border-bottom-left-radius: 0!important;

    border-bottom-right-radius: 0!important;

}



.rounded-top-0 {

    border-top-left-radius: 0!important;

    border-top-right-radius: 0!important;

}



@media (min-width: 768px) {

	.rounded-md-left {

		border-top-left-radius: 0.25rem!important;

		border-bottom-left-radius: 0.25rem!important;

	}



	.rounded-md-right {

		border-top-right-radius: 0.25rem!important;

		border-bottom-right-radius: 0.25rem!important;

	}



	.rounded-md-bottom {

		border-bottom-left-radius: 0.25rem!important;

		border-bottom-right-radius: 0.25rem!important;

	}



	.rounded-md-top {

		border-top-left-radius: 0.25rem!important;

		border-top-right-radius: 0.25rem!important;

	}



	.rounded-md-left-0 {

		border-top-left-radius: 0!important;

		border-bottom-left-radius: 0!important;

	}



	.rounded-md-right-0 {

		border-top-right-radius: 0!important;

		border-bottom-right-radius: 0!important;

	}



	.rounded-md-bottom-0 {

		border-bottom-left-radius: 0!important;

		border-bottom-right-radius: 0!important;

	}



	.rounded-md-top-0 {

		border-top-left-radius: 0!important;

		border-top-right-radius: 0!important;

	}

}





.flex-fill{

flex: 1 0 auto;

}
/* bootstrap media query sm/md class extensions */



/* sm */

/* properties taken from Bootstrap */

@media(min-width:576px){

    .rounded-sm {

        border-radius:.25rem!important;

    }

    .bg-light-sm {

        background-color:#f8f9fa!important;

    }

    .h-sm-100 {

        height:100%;

    }

    .position-sm-absolute {

        position:absolute;

        z-index:1;

    }

    .w-sm-auto {

        width:auto !important;

    }

}



@media(max-width:575px){

    .hero-background:not(.jumbotron) {

        background:#1F4051;

    }

    .width-sm-100, .w-sm-100 {

        width:100%;

    }

    .btn-group .btn {

        font-size:.75rem;

    }

}



@media(min-width:768px){

    .h-md-100 {

        height:100%;

    }

}



/* sm show rotate hint for grids */



@media(max-width:575px){

    .table-responsive {

        position:relative;

    }

    .table-responsive:after {

        position:absolute;

        top:-10px;

        right:20px;

        content: "\f10b";

        font-family: "Font Awesome 5 Pro";

        font-size:2em;

     transform:rotateZ(90deg);

        color:#33394b;

    }



    .table-responsive:before {

        position:absolute;

        top:5px;

        right:60px;

        content: "rotate to see more";

        font-size:.6em;

        font-weight:bold;

    }

}
/* custom classes */



.min-height-400 {

    min-height:400px;

}

.min-height-300 {

    min-height:300px;

}

.min-height-250 {

    min-height:250px;

}

.max-width-400 {

    max-width:400px;

}

.w-90 {width:90%;}

.w-80 {width:80%;}

.w-70 {width:70%;}

.w-60 {width:60%;}

.w-50 {width:50%;}

@media(max-width:720px){

    .w-md-50 {

        width:50%!important;

    }

}

.w-40 {width:40%;}

.w-30 {width:30%;}

.w-20 {width:20%;}

.w-10 {width:10%;}



.w-auto {width:auto;}



.datePicker {
    margin-right: 10px;
    float: left;
    width: auto;
}



.d-flex-soft {

    display:flex;

}



.border-light {

    border: 1px solid #d1d1d1 !important;

}



.alert-warning.hint:before {
    content:"";
    width: 0; 
  height: 0; 
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #fff3cd;
    display:inline-block;
    margin-left:calc(-10px + -0.5rem);
    margin-right:0.5rem;
}
.alert-warning.hint {
    margin-left:10px;
    display:flex;
    align-items:center;
}


.parent:has(> .webXCurrencyInput) {
  display: flex;
  align-items: center;
}

.parent.has(> .webXCurrencyInput)::before {
  content: '£';
  font-size: 16px;
}

.webXCurrencyInput {
  flex: 1;
  padding-left: 0.5em;
}


/* hide loader 

.progressIndeterminate {

    display: none !important;

}*/
/* dropzone document uploader */



.dropzone {

    border: 1px solid #e6e6e6;

    border-radius: 5px;

    background: #fff;

    box-shadow:0px 5px 10px 0px #00000014;

    margin-bottom:30px;

}

.dz-button {

    color:#88a4b1 !important;

    font-size:20px !important;

}

.dz-description {

    width:100%;

}

.dz-description > span {

    display:block;

}

.dz-description > input {

    display:block;

    width:100% !important;

    max-width: 100%;

    cursor:text !important;

}



.dz-preview.dz-image-preview {

    width: 100%;

    margin: 0px !important;

}



.websure-doc-ddl-container {

    width:100%;

    max-width:400px;

    margin-bottom:20px;

}



.dropzone-upload-container {

    margin-bottom:20px;

}



.documentuploader-uploaded > button {

    margin-left:10px;

}



.dz-preview.dz-image-preview {

    position: relative;

}



.dz-filename {

    position: absolute;

    top: 5%;

    left: 5%;

    z-index: 2000;

    background: #ffffffb5;

    overflow: hidden;

    white-space: pre-wrap;

    width: 90%;

    font-size: 9px;

    word-break: break-all;

    padding: 3px;

    border-radius: 5px;

    font-weight: bold;

    text-align: center;

}



.dz-details {

}



span[data-dz-size] {

    position: relative;

    z-index: 2001;

}



.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {

        background-color: rgb(255, 255, 255) !important;

}



.dropzone .dz-preview .dz-details .dz-size {

        margin-top: 10px;

        }



.alert.alert-success.documentuploader-uploaded {

    background-color: #f7f7f7;

    border-color: #c1c1c1;

}



.HighlightedRow {

    background: #bdbdbd !important;

}



.dz-preview.dz-image-preview {

    max-width:120px;

}



.dz-preview.dz-image-preview {

    margin-right: 20px !important;

}


/* radio buttons and checkboxes */

/* radio buttons */

table.radiobuttons,
table.radiobuttons tbody,
table.radiobuttons tbody > tr,
table.radiobuttons tbody > tr > td {
  display: block;
}
table.radiobuttons td label {
  margin: 0;
}
table.radiobuttons td {
  position: relative;
  padding: 10px;
}
table.radiobuttons td > label {
  position: relative;
  user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
table.radiobuttons td > input[type="radio"] {
  transition: box-shadow 0.3s ease-in-out, border 0.3s ease-in-out;
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  background: #fff;
  /* border:1px solid #6c757d; */
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
table.radiobuttons td,
table.radiobuttons td * {
  cursor: pointer;
}
table.radiobuttons td > input[type="radio"]:not(:checked) {
  background: #e9ecef;
}
table.radiobuttons td > input[type="radio"]:not(:checked) + label {
  color: #0f6d9c;
}
table.radiobuttons td > input[type="radio"]:focus {
  outline: none;
  border: none;
}
table.radiobuttons td > input[type="radio"]:checked {
  background: #0f6d9c;
  /* border:2px solid #794ca0; */
  opacity: 1;
  box-shadow: 0px 0px 10px 0px #0000001a;
}
table.radiobuttons td > input[type="radio"] + label {
  color: #fff;
  display: flex;
  align-items: center;
}
table.radiobuttons td > input[type="radio"]:checked + label {
  font-weight: 500;
}
table.radiobuttons td > input[type="radio"] + label:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 20px;
  margin-right: 10px;
}
table.radiobuttons td > input[type="radio"]:checked + label:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: 2px solid #fff;
  box-shadow: inset 0px 0px 0px 4px #33394b;
  border-radius: 20px;
}
table.radiobuttons tr {
  border-radius: 4px;
  /* overflow: hidden; */
}
table.radiobuttons tr + tr {
  margin-top: 10px;
}

table.radiobuttons td:first-child:nth-last-child(2),
table.radiobuttons td:first-child:nth-last-child(2) ~ td {
  display: inline-block !important;
  width: calc(50% - 10px);
}
table.radiobuttons td:first-child:nth-last-child(2) {
  margin-right: 20px;
}

/* checkboxes */

input[type="checkbox"] {
  appearance: none;
  min-width: 20px;
  height: 20px;
  background: #e9ecef;
  border-radius: 3px;
  border: 1px solid #0f6d9c;
}

input[type="checkbox"]:checked {
  background: url(../webximage/check-solid.svg);
  background-size: 60% 60%;
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #343a40;
  background-color: #0f6d9c;
}

input[type="checkbox"]:focus {
  outline: none;
}

.webxCheckbox {
  display: flex;
  align-items: center;
  justify-content: left;
}

.webxCheckbox > label {
  margin: 0 0.5rem;
  user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
/* animations */

@keyframes fadeAcross {

   60% {

    opacity:1;

   }

  100% {

    margin-left:100%;

    opacity:0;

  }

}

.fadeAcross {

    animation:fadeAcross 3s infinite ease-out;

    margin-left:-50%;

}
/*** Risk Profile Summary Labels ***/



.riskRatingLabel {

     padding: 5px 15px;

    display: inline-block;

    height: 35px;

    border-radius: 4px;

    font-weight: bold;

    width: 200px;

    height: 40px;

    text-align: center;

}



.riskRatingWide {

width:100%;

}



.risk-low {

    color: #366f19;

    border: solid 2px #8bca6c;

    background-color: #c0e6ad;

}



.risk-moderate {

    border: solid 2px #e6bf45;

    background-color: #f9e195;

    color: #947c30;

}



.risk-high {

    color: #8e3535;

    border: solid 2px #e07f7f;

    background-color: #ffadad;



}



.risk-severe {

    color: #000000;

    background-color: #da6565;

    border: 2px solid #ad3434;



}



.risk-unset {

   color: #505050;

    border: solid 2px #9e9e9e;

    background-color: #dadcd9;

}



.checkbox-addressSummary label {

    margin-right: 10px;

}



.right {

float:right;

}



.addLocInfoBtn {

margin-left: 30px;

}
/*** bcis loading ***/

.loadingBCIS {position: fixed;top: 0;left: 0;z-index: 4000;background: #ffffff91;width: 100%;height: 100%;}
.loadingBCIS > div {
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
}
/* CREDITSAFE BAR */



.creditsafe-bar {
    width: 100%;
    height: 10px;
    background: linear-gradient(to right, red, orange, yellow, #0da50d);
    position:relative;
}
.creditsafe-bar:before {
    content:"";
    display:block;
    width:20px;
    height:20px;
    position:absolute;
    left:-2%;
    top:-5px;
    background:linear-gradient(to bottom, #fff, #c2c2c2, #e0e0e0);
    border-radius:55px;
    border:1px solid #5e5e5e;
}
.creditsafe-bar.A:before {
    left:unset;
    right:-2%;
}
.creditsafe-bar.B:before {
    left:unset;
    right:25%;
}
.creditsafe-bar.C:before {
    left:unset;
    right:50%;
}
.creditsafe-bar.D:before {
    left:unset;
    right:75%;
}
.creditsafe-bar.E:before {
    
}

/** CHIB Branding **/

/** General Form control styling **/ 

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #0f6d9c;
    outline: 0;
    box-shadow: 0 0 0 0.2rem #0f6d9c40;
}

/ ** Navbar **/

a.dropdown-toggle {
color:#212529;
}

.bg-white {
color:#212529;
}

.font-primary {
color:#0f6d9c !important;
}

.font-secondary {
color:#1F4051 !important;
}

.font-tertiary {
color:#0f6d9c !important;
}


.dropdown-item:hover {
    color: white  !important;
background-color:#0f6d9c !important;
}

/** Branding colours **/

.btn-primary {
background-color:#0f6d9c !important;
}

.btn-secondary {
background-color:#1F4051  !important;
} 

.btn-tertiary {
background-color:#0f6d9c  !important;
}

.btn-quadrary {
background-color:#212121  !important;
}


/**************Footer******************/

#ctl00_footer {
background-color: #1f4051 !important;
    color: white !important;
    padding: 15px 10px;
    margin-top: 50px;
}

footer {
    background-color: #1f4051 !important;
}

.wrap-container {
    margin: auto;
    width: 956px;
    position: relative;
}

footer .inner {
    height: 141px;
    margin-top: 110px;
    text-align: center;
    overflow: hidden;
    position: relative;
}

footer #copyright {
    height: 45px;
    line-height: 14px;
    clear: both;
    position: relative;
    color: #fdfdfd;
    text-align: center;
    font-size: 14px;
}


#ctl00_footer {
    background-color: #1f4051 !important;
    color: white !important;
    padding: 15px 10px;
    margin-top: 100px;
    margin-bottom: 0px;
    display: block;
}

/** Page-specific styling for footer **/


form[action="./SearchClient"], form[action="./News"], form[action="./SearchPolicy"]
{
    height:100%;
    display: flex;
    flex-direction: column;
}
#ctl00_footer {
    flex:1;
}


/*** Login Page Custom Styling ***/

.login-hero {
    background-image: url(../webximage/large-triangles.png) !important;
}

.login-hero-inner {
background-image:none;
}



.login-hero-inner > img {
width:250px;
}


