/*====
  EMPTY STYLESHEET FOR QUICK SUPPORT FIXES (this is called after the main /styles.css file, so rules here can over-write the main ones.
  These rules should be validated and re-incorporated as part of routine maintenance.
====*/

/*==== CSS (TEMP) ====*/

/* JQUery File Upload styles */
/*@import url('http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css');*/
@import url('/base-install/css/jquery-file-upload/jquery.fileupload.css');
@import url('/base-install/css/jquery-file-upload/jquery.fileupload-ui.css');

.pw-strength {
    margin: .5em 0;
    display: block;
    width: 20%;
    border-top: solid 5px transparent;
    -webkit-transition: width .75s ease-in-out, border-color .75s ease-in-out, color .75s ease-in-out;
    transition: width .75s ease-in-out, border-color .75s ease-in-out, color .75s ease-in-out
}

.pw-strength:before {
    font-weight: 700;
    font-size: 110%;
    line-height: 1.2;
    display: block;
    margin-top: .3em;
    content: "\00a0"
}

.pw-strength.pw-very-weak {
    border-color: #81261d
}

.pw-strength.pw-very-weak:before {
    content: "Very weak";
    color: #81261d
}

.pw-strength.pw-weak {
    width: 40%;
    border-color: #c0392b
}

.pw-strength.pw-weak:before {
    content: "Weak";
    color: #c0392b
}

.pw-strength.pw-mediocre {
    width: 60%;
    border-color: #e67e22
}

.pw-strength.pw-mediocre:before {
    content: "Medium";
    color: #e67e22
}

.pw-strength.pw-strong {
    width: 80%;
    border-color: #2ecc71
}

.pw-strength.pw-strong:before {
    content: "Strong";
    color: #2ecc71
}

.pw-strength.pw-very-strong {
    width: 100%;
    border-color: #27ae60
}

.pw-strength.pw-very-strong:before {
    content: "Very strong";
    color: #27ae60
}

/* Issue 1100 */
.ff-income table td input {
    flex-basis: 10%;
    padding: 0;
    margin: 0 .5em 0 0 !important;
    height: 1.5em;
    float: left !important;
}

.ff-income table td label {
    margin-top: 0 !important;
}

.main-property-list .single-property-wrapper .property-page-wrapper .property-key-features-wrap #property-photos-slideshow .gallery-wrapper .bx-viewport .image-wrapper img {
    height: auto;
}

@media only screen and (max-width: 840px) {
    .apply-form .main-article-area-7 {
        background: #20988B;
    }

    .main-cols-container {
        overflow-x: hidden;
    }

    .form {
        overflow: scroll;
    }

}

[value="Finish"] {
    background: #F7A800 !important;
    position: absolute;
    right: 1em;
}

[value="Add A Row"] {
    /* background: white !important; */
}

@media only screen and (max-width: 900px) {
    #rnr-feedback {
        top: 0 !important;
        height: 100vh !important;
    }

    [value="Finish"] {
        background: #F7A800 !important;
        position: absolute;
        right: auto;
        margin-left: 10px;
        margin-top: -9px;
    }
}

[data-placement-class="gallery"] .gallery-wrapper .content-items-list {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
}

[data-placement-class="gallery"] .gallery-wrapper .content-items-list .list-content-item {
    flex: 0 0 15em;
    margin: 0.5em;
}


@media only screen and (max-width: 900px) {
    [data-placement-class="gallery"] .gallery-wrapper .content-items-list .list-content-item {
        flex: 0 0 15em;
        margin: 0.25em;
    }
}

/* V1SR-9167 */
@media (min-width: 769px) {
    body #rnr-feedback {
        overflow-y: scroll !important;
        max-height: 73vh;
    }
}

#container #killer-question-warning-text {
    border: solid 2px #c0392b;
    border-radius: 5px;
    background: #ffcec9;
    color: #444;
    margin-top: 1em;
}

#container #killer-question-warning-text a {
    color: #444444;
}

#container #killer-question-warning-text a:hover,
#container #killer-question-warning-text a:focus,
#container #killer-question-warning-text a:active {
    text-decoration: none;
}

#container .hero-slideshow .slide-text-overlay a {
    color: #ffffff;
    font-weight: 700;
}

/* Task 'FED time to style page in line with existing site' */
.hosted-payment-form form label {
}

.hosted-payment-form form fieldset {
    border: 1.5px solid #eee;
    border-radius: 5px;
}

.hosted-payment-form form .hpv-submit-wrap {
    margin-top: 1em;
    padding-top: 1.5em;
}

/*
#main-content .contains-hosted-payment-form {
    background: url(/base-install/images/_site/textures/pattern.png);
}
*/

@media (max-width: 768px) {
    .hosted-payment-form form fieldset {
        margin: .5em;
    }
}

#main-content .type-loginplacement.default .login-button-wrapper .login-keepmeloggedin-wrapper {
    display: block;
    margin-bottom: .5em
}

#main-content .type-loginplacement.default .login-button-wrapper .login-button.register {
    padding: .5em 1.2em;
    color: #20988b;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
    text-decoration: none;
    border-radius: 5px;
    border: 2px solid #20988b;
    background: #fff;
    margin-left: 1em;
    display: inline-block
}

#main-content .type-loginplacement.default .login-button-wrapper .login-button.register:active,
#main-content .type-loginplacement.default .login-button-wrapper .login-button.register:focus,
#main-content .type-loginplacement.default .login-button-wrapper .login-button.register:hover {
    background: #20988b;
    text-decoration: none;
    color: #fff
}

#main-content .type-loginplacement.default .login-button-wrapper .login-button.forgot-password {
    padding: .5em 1.2em;
    color: #666;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
    text-decoration: none;
    border-radius: 5px;
    border: 2px solid #888;
    background: #fff;
    margin-left: 1em;
    display: inline-block
}

#main-content .type-loginplacement.default .login-button-wrapper .login-button.forgot-password:active,
#main-content .type-loginplacement.default .login-button-wrapper .login-button.forgot-password:focus,
#main-content .type-loginplacement.default .login-button-wrapper .login-button.forgot-password:hover {
    background: #20988b;
    text-decoration: none;
    color: #fff;
    border-color: #20988b
}

@media only screen and (max-width:840px) {
    #main-content .type-loginplacement.default .login-button-wrapper .login-button {
        display: block;
        width: 100%;
        margin: 0 0 1em 0 !important;
        text-align: center
    }
}

html.apply-form #main-content {
    background-image: url(/base-install/images/_site/form-page-bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    background-color: #20988B;
    color: #fff
}

html.apply-form #main-content a {
    color: #fff;
    text-decoration: underline
}

html.apply-form #main-content .usr-feedback {
    padding: .9em 1.5em;
    background: rgba(28, 131, 120, 0.7);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border-radius: 10px;
    font-weight: 700;
    font-size: 120%
}

html.apply-form #main-content form.form {
    padding: 0 8%
}

@media only screen and (max-width: 840px) {
    html.apply-form #main-content form.form {
        padding: 0
    }
}

html.apply-form #main-content form.form .labelman {
    font-weight: 700;
    color: #fff
}

html.apply-form #main-content form.form legend {
    border: none;
    background: transparent;
    padding: 0;
    font-size: 120%;
    line-height: 1.3
}

html.apply-form #main-content form.form fieldset {
    background: transparent;
    padding: 0
}

html.apply-form #main-content form.form fieldset .row {
    padding: 1em 0
}

html.apply-form #main-content form.form fieldset .row[data-ff-ac="INFO"] {
    padding: 0
}

html.apply-form #main-content form.form fieldset .row table.matrixQuestions tbody th {
    width: 70%
}

html.apply-form #main-content form.form fieldset .row table {
    background: rgba(28, 131, 120, 0.7);
    margin-top: .5em;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

html.apply-form #main-content form.form fieldset .row table:not(.matrixQuestions) {
    font-size: 80%
}

html.apply-form #main-content form.form fieldset .row table:not(.matrixQuestions) input[type="text"] {
    margin-top: 0
}

html.apply-form #main-content form.form fieldset .row table td,
html.apply-form #main-content form.form fieldset .row table th {
    padding: 1em
}

html.apply-form #main-content form.form fieldset .row table th {
    background: transparent;
    border: none;
    border-right: solid 2px rgba(255, 255, 255, 0.1);
    border-bottom: solid 2px rgba(255, 255, 255, 0.1);
    font-weight: 400
}

html.apply-form #main-content form.form fieldset .row table th:last-child {
    border-right: none
}

html.apply-form #main-content form.form fieldset .row table thead th {
    text-align: center
}

html.apply-form #main-content form.form fieldset .row table td {
    background: transparent;
    border: none;
    text-align: center;
    border-right: solid 2px rgba(255, 255, 255, 0.1);
    border-bottom: solid 2px rgba(255, 255, 255, 0.1)
}

html.apply-form #main-content form.form fieldset .row table td:last-child {
    border-right: none
}

html.apply-form #main-content form.form fieldset .row table td input {
    float: none
}

html.apply-form #main-content form.form fieldset .row table td[data-ff-ac="YESNO"] input {
    float: left
}

html.apply-form #main-content form.form fieldset .row table tbody tr:last-child td,
html.apply-form #main-content form.form fieldset .row table tbody tr:last-child th {
    border-bottom: none
}

html.apply-form #main-content form.form fieldset .row input {
    border: none;
    background: rgba(255, 255, 255, 0.8);
    margin-top: .5em
}

html.apply-form #main-content form.form fieldset .row input + label {
    margin-top: .5em
}

html.apply-form #main-content form.form fieldset .row select {
    border: none;
    background-color: rgba(255, 255, 255, 0.8)
}

html.apply-form #main-content form.form fieldset .button_row {
    margin-top: 1.3em
}

html.apply-form #main-content form.form fieldset .button_row input[type="submit"] {
    background: transparent;
    color: #fff;
    border-color: #fff;
    border-width: 1px;
    margin: 0 .5em
}

html.apply-form #main-content form.form fieldset .button_row input[type="submit"]:hover,
html.apply-form #main-content form.form fieldset .button_row input[type="submit"]:focus,
html.apply-form #main-content form.form fieldset .button_row input[type="submit"]:active {
    background-color: #fff;
    color: #20988B
}

html.apply-form #main-content form.form fieldset .button_row a {
    border: #20988B;
    padding: .5em 1.2em;
    color: #20988B;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
    text-decoration: none;
    border-radius: 5px;
    border: 2px solid #20988B;
    background: transparent;
    color: #fff;
    border-color: #fff;
    border-width: 1px;
    margin: 0 .5em
}

html.apply-form #main-content form.form fieldset .button_row a:hover,
html.apply-form #main-content form.form fieldset .button_row a:focus,
html.apply-form #main-content form.form fieldset .button_row a:active {
    background: #20988B;
    text-decoration: none;
    color: #fff;
    background-color: #fff;
    color: #20988B
}

html.apply-form #main-content form.form fieldset .button_row input[value="Proceed"] {
    color: #fff;
    background: #F7A800;
    border: none;
    box-shadow: 2px 2px 8px 0 rgba(87, 87, 87, 0.5);
    float: right
}

html.apply-form #main-content form.form fieldset .button_row input[value="Proceed"]:hover,
html.apply-form #main-content form.form fieldset .button_row input[value="Proceed"]:focus,
html.apply-form #main-content form.form fieldset .button_row input[value="Proceed"]:active {
    color: #F7A800
}

html.apply-form #form_summary_legend {
    background: transparent;
    padding: 0
}

html.apply-form #form_summary_legend legend {
    border: none;
    background: transparent;
    padding: 0;
    font-size: 120%;
    line-height: 1.3
}

html.apply-form #form_summary_legend img {
    background: #fff;
    border-radius: 50%;
    border: solid 4px #fff;
    position: relative;
    top: -2px;
    margin-right: .5em
}

html.apply-form #form_summary {
    background: rgba(28, 131, 120, 0.7);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

html.apply-form #form_summary td,
html.apply-form #form_summary th {
    padding: 1em
}

html.apply-form #form_summary th {
    background: transparent;
    border: none;
    border-right: solid 2px rgba(255, 255, 255, 0.1);
    border-bottom: solid 2px rgba(255, 255, 255, 0.1);
    font-weight: 400
}

html.apply-form #form_summary th:last-child {
    border-right: none
}

html.apply-form #form_summary thead th {
    text-align: center
}

html.apply-form #form_summary td {
    background: transparent;
    border: none;
    text-align: center;
    border-right: solid 2px rgba(255, 255, 255, 0.1);
    border-bottom: solid 2px rgba(255, 255, 255, 0.1)
}

html.apply-form #form_summary td:last-child {
    border-right: none
}

html.apply-form #form_summary td input {
    float: none
}

html.apply-form #form_summary tbody tr:last-child td,
html.apply-form #form_summary tbody tr:last-child th {
    border-bottom: none
}

html.apply-form #form_summary tbody td img {
    background: #fff;
    border-radius: 50%;
    border: solid 4px #fff
}

html.apply-form .progressborder {
    display: none
}

html.apply-form .new-progress-bar {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: nowrap;
    border-bottom: solid 2px rgba(255, 255, 255, 0.1);
    padding: 1.5em 0 1em;
    margin-bottom: 1.5em
}

@media only screen and (max-width: 840px) {
    html.apply-form .new-progress-bar {
        display: none
    }
}

html.apply-form .new-progress-bar .progress-dot {
    -webkit-box-flex: 1;
    flex-grow: 1;
    flex-shrink: 1;
    text-align: center;
    opacity: .2
}

html.apply-form .new-progress-bar .progress-dot .page-count {
    display: inline-block;
    width: 33px;
    height: 33px;
    text-align: center;
    line-height: 33px;
    background-image: url(/base-install/images/_site/icons/form-pip.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    color: transparent
}

html.apply-form .new-progress-bar .progress-dot.current-page {
    opacity: 1
}

html.apply-form .new-progress-bar .progress-dot.current-page .page-count {
    color: #20988B
}

html.apply-form .new-progress-bar .progress-dot.current-page:after {
    content: "You are here";
    display: block;
    width: 100%;
    text-align: center;
    margin-top: .5em
}

html.apply-form .new-progress-bar .progress-dot.completed {
    opacity: 1
}

/* V1SR-10133 */
@media (max-width: 768px) {
    .acc-new-btn {
        margin: 0;
        width: 100%;
    }
}

/* V1SR-10656 */
@media (max-width: 768px) {
    #__ba_panel #__ba_floatingLaunch > .BALaunchPad {
        margin-top: 80vh;
    }
}


@media only screen and (max-width: 900px) {
    #rnr-feedback div:first-child {
        top: 100px !important;
        /*         height: 100vh !important; */
    }
    
    #rnr-feedback div:last-child {
        top: 100px !important;
        /*         height: 100vh !important; */
    }
}