.hide-section {
    display: none;
}

body {
    background: #eee;
    font-family: "Open Sans", Arial, sans-serif;
}

h1.HeaderLargeBold {
    margin-top:20px;
    margin-bottom:40px;
    /* font-size: 52px; */
    font-weight: 600;
    line-height: 1;
}

p {
    margin: 0;
}

.terms-and-conditions {
    border: none;
    background: none;
    padding: 0;
    font-size: 9px;
    text-align: center;
    width: 100%;
    font-weight: 600;
    margin: 0;
    clear: both;
}

a {
    color: #ea5e19;
    font-weight: 600;
    outline: none !important;
}

    a:hover{
        text-decoration: none;
        color:#ea5e19;
        opacity: 0.75;
    }

textarea, input, select {
    outline: none !important;
}

.top-border .panel {
    box-shadow: 0 4px 0 0 #ea5e19 inset;
}

.upload-form.error + .self-service__error-popup-container .input-error-popup {
    display: block;
    padding: 10px;
    background: #C61717;
}

    .upload-form.error + .self-service__error-popup-container .input-error-popup::before {
        border-color: transparent transparent #C61717 transparent;
    }


/***
* 05 April 2016
* Winston
* site notification amends.
*/
#site-notification {
    position: fixed;
    right: 31px;
    bottom: 160px;
    width: 367px;
    height: auto;
    padding: 30px 20px 20px 20px;
    z-index: 99999;
    color: #fff;
    background-color: rgb(198,23,23);
    transition: bottom ease 200ms;
}

    #site-notification a {
        color: #fff;
    }

    #site-notification.hidden {
        display: none;
    }

    #site-notification.no-cookie-notification {
        bottom: 39px;
    }


#cookie-notification {
    position: fixed;
    right: 31px;
    bottom: 39px;
    width: 367px;
    height: auto;
    padding: 20px;
    border: 1px solid #ccc;
    z-index: 99999;
    color: #333;
    background-color: #fff;
}

.site-notification-dismiss {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.cookie-notification-dismiss p {
    background-image: url('../../Images/min/coza/icons/arrow-right-circle.png');
    background-repeat: no-repeat;
    background-position: right center;
    padding: 0 22px 0 0;
    display: inline-block;
    color: #ea5e19;
    margin-top: 10px;
}

.cookie-notification-dismiss {
    cursor: pointer;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    background-image: url(../../Images/min/coza/select-arrow.png) !important;
    background-position: 94% center;
    background-repeat: no-repeat;
    height: auto;
    border: 1px solid #ccc;
    padding: 8px 10px;
    border-radius: 2px;
}
/**Error Popups**/
.field-validation-error {
    background: rgb(198,23,23);
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    width: auto;
    position: relative;
    z-index: 1;
}

/***Surname Loans and Apply for card error popup***/
.surname-pop-up-error {
    position: absolute;
    left: 100%;
    width: 100%;
    bottom: 1px;
}

/***Widgets Styling*******/
.static-image-full-width {
    width: 100%;
}

    .static-image-full-width img {
        width: 100%;
    }

.widgets {
    margin: 100px 0 0 0;
}

.topBorder {
    border-top: 4px solid #ea5e19;
}

.l-full {
    width: 100%;
}

.orDiv {
    margin-top: 16px;
    margin-bottom: 18px;
}

.align-center {
    text-align: center;
}

.sec-form__alt-title {
    position: relative;
}

.sec-form__alt-title-line {
    background: #dedede;
    height: 1px;
    position: absolute;
    left: 0;
    top: 10px;
    right: 0;
    z-index: 0;
}

.sec-form__alt-title-text {
    background: #fff;
    display: inline-block;
    padding: 0 10px;
    position: relative;
    color: #757575;
    /*z-index: 1;*/
}
/**Slider/Carousel******/

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    display: block;
    width: 100%;
    height: auto;
}

.carousel-caption {
    background-color: rgba(0,0,0,.5);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    padding: 0 0 10px 25px;
    color: #fff;
    text-align: left;
}

.carousel-indicators {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 15;
    margin: 0;
    padding: 0 25px 25px 0;
    text-align: right;
}

.carousel-control.left,
.carousel-control.right {
    background-image: none;
}

.field-validation-error.input-error-popup, .input-error-popup.field-validation-error {
    padding: 5px;
}

.grid-sm__cell {
    width: 33.33333333333333%;
}

.grid-inline {
    float: left !important;
    display: inline !important;
}

/******Shopping Network*******************/

.searchResult {
    position: relative;
    display: block;
    float: left;
    width: 25.15%;
    margin: -1px 0 0 -1px;
    border: 1px solid #c0c1c7;
    padding: 20px;
    text-align: center;
    overflow: visible;
}

.grid-20__cell {
    width: 20%;
    float: left;
}

    .grid-20__cell img {
        /***
    *
    * Winston
    * 06 April 2016
    *
    * Changed to block element for better width enforcement.
    * See [#FIX 2] in this stylesheet.
    */
        display: block;
        width: 100%;
        margin: auto;
    }

.brand-list_item {
    /***
    *
    * Winston
    * 06 April 2016
    *
    * Added inline-block for better width enforcement on images.
    * See [#FIX 2] in this stylesheet.
    */
    display: inline-block;
    max-width: 158px;
    text-align: center;
    overflow: hidden;
    position: relative;
}

    .brand-list_item img {
        width: 100%;
    }

.icon-list-active {
    background: #ec5f18;
    border: 1px solid #ec5f18;
}


.icon-list:hover {
    background: #fff;
}

.icon-list-caption {
    margin-top: 5px;
    color: #888;
    font-size: 8px;
    text-align: center;
    text-transform: uppercase;
}

/**Media Queries, Tablet ->****************/

@media (min-width:768px) {


    .input-error-popup .field-validation-error {
        min-height: 38px;
    }

    .input-error-popup--arrow-left:before {
        right: 50%;
    }

    .input-error-popup--arrow-right:before {
        right: 20%;
    }
    /**Name and Surname error divs**/
    .input-error-popup-arrow-right.field-validation-error {
        /*background: #000;*/
        color: #fff;
        font-size: 12px;
        font-weight: 500;
        /*line-height: 38px;*/
        /*padding: 0 15px;*/
        width: auto;
        position: relative;
        z-index: 1;
        min-height: 38px;
    }

    .search-li {
        min-width: 230px;
    }

}


/**Media Queries, Desktop ->****************/

@media (min-width: 1200px) {



    .grid-20__cell {
        /***
        * [#FIX 2]
        * Winston
        * 06 April 2016
        * 
        * Rewriting styles for this block to fix image verticality issue.
        */
        width: 19.5%;
        float: none;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
    }

    /*
    .input-error-popup.field-validation-error::before {
        content: "";
        height: 0px;
        width: 0px;
        position: absolute;
        margin-top: -4px;
        right: auto;
        left: -12px;
        top: 50%;
        margin-left: 0px;
        border: 6px solid;
        border-color: transparent rgb(198,23,23) transparent transparent;
    }*/


    .search-li {
        min-width: 250px;
        padding: 10px 0;
    }
}

/**Lists**/
ul, ol {
    list-style-image: url(../../Images/min/orange-bullet.png);
    padding-left: 15px;
}

li {
    padding: 0;
}

.orangeBg {
    background-color: #EA5E19;
    color: #fff;
}

.orangeText {
    color: #EA5E19;
}

/***
* Winston
* 04 April 2016
* '#quick-check' styling done here...
*/
.quick-check {
    position: relative;
}

.col-wrapper .quick-check input.btn.qc-decision.btn-absolute {
    position: absolute;
    bottom: 0;
    left: 20px;
    z-index: 100;
    text-transform: uppercase;
    padding: 12px 45px;
}

.panel-body > .quick-check {
    /*min-height: 339px;*/
    opacity: 1;
    transition-property: opacity;
    transition-duration: 400ms;
    transition-timing-function: ease;
}

.form-active > .quick-check {
    background: #ea5e19;
    height: 300px;
}
/*
* See: QuickCheck.cshtml -> [#FIX-1] for generation of 'form-active' class
*/
.panel-body.form-active {
    padding: 0;
}

/*
* See: QuickCheck.cshtml -> [#FIX-1.1] for generation of 'fadeout' class
* [TODO] transition effect not working at the moment. Fix related JS.
*/
#quick-check.fadeout {
    opacity: 0;
    transition-property: opacity;
    transition-duration: 400ms;
    transition-timing-function: ease;
}

#quick-check.fadein {
    opacity: 1;
    transition-property: opacity;
    transition-duration: 400ms;
    transition-timing-function: ease;
}

.quick-check-form .form-title {
    font-weight: 700;
    margin-bottom: 5px;
    font-size: 14px;
}

.panel-body.form-active > .quick-check {
    padding: 20px;
    color: #fff;
}

#CardFormQuickCheckDivId .quick-check {
    padding: 0;
}

#CardFormQuickCheckDivId {
    text-align: left;
}

    #CardFormQuickCheckDivId .quick-check {
        display: inline-block;
        width: 100%;
    }

    #CardFormQuickCheckDivId .form-title,
    #CardFormQuickCheckDivId .form-notice-permission {
        color: #000;
    }

    #CardFormQuickCheckDivId #qc-skip {
        color: #ec5f18;
    }

    #CardFormQuickCheckDivId .button-next > div {
        display: inline-block;
        text-align: center;
        width: 180px;
        margin-top: 30px;
    }

    #CardFormQuickCheckDivId #qc-submit-button {
        /*display: inline-block;
    width: 180px;
    margin-top: 30px;*/
    }

    #CardFormQuickCheckDivId .form-title {
        margin: 10px 0 20px;
    }

    #CardFormQuickCheckDivId .g-recaptcha {
        display: inline-block;
    }

.quick-check .form-group {
    position: relative;
    margin-bottom: 5px;
}

.quick-check-form input {
    border: none;
}

.qc-decision-group {
    text-align: center;
}

.quick-check .qc-decision {
    display: inline-block;
    padding: 12px 15px;
    text-align: center;
    font-weight: 600;
    border: 2px solid #ea5e19;
    background-color: #ea5e19;
    color: #fff;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 90% center;
    transition-property: background;
    transition-duration: 200ms;
    transition-timing-function: ease;
}

.apply-now-section.quick-check-dual-widget .margin-bottom-md + .qc-decision-group {
    position: relative;
    top: 0;
}
    .apply-now-section.quick-check-dual-widget .margin-bottom-md + .qc-decision-group .qc-decision-card{
        margin-bottom:10px;
    }
.apply-now-section.quick-check-dual-widget .qc-decision {
    width: 100%;
    text-align: left;
}

.quick-check #qc-continue {
    display: inline-block;
    border-color: transparent;
}

    .quick-check #qc-continue:hover {
        color: #fff;
        border-color: white;
    }


.qc-decision-card {
    background-image: url("../../Images/min/home-card-button.png");
}

.qc-decision-loan {
    background-image: url("../../Images/min/home-loans-button.png");
}

.quick-check .qc-decision:hover {
    color: #ea5e19;
    background-color: #fff;
    background-image: none;
}


a#qc-skip {
    color: #fff;
}

    .quick-check-form .button-next input[type=button] {
        margin-bottom: 0;
    }

p.form-notice-permission {
    font-size: 12px;
    line-height: 1.4;
    margin-bottom: 6px;
}

.quick-check-form .margin-top-sm {
    margin: 0;
}

.quick-check a.tc-link {
    color: #fff;
    text-decoration: underline;
}

    .quick-check a.tc-link:hover {
        color: #f39f74;
        text-decoration: none;
    }

.quick-check-form #TermsAccepted {
    display: inline-block;
    vertical-align: text-top;
    margin: 0;
}

/**
* [NOTE]
* Bootstrap input fields are floated, but not contained correctly.
* Harded-coded widths per breakpoint my be required for styling purposes.
*/


#Initials {
    width: 100%;
}

#CardFormQuickCheckDivId .fwidth-33 {
    margin-right: 20px;
}

.card-application-steps .field-group.captcha-block {
    padding-top: 20px;
}

.field-group {
    display: inline-block;
    width: 100%;
}

    .field-group.tc-control-block {
        width: auto;
    }


/**
* 
* Winston
* 06 April 2016
* 
* New defaults added to parent widget elements
* due to CMS-able heights implemented & removal of min-height
* on .panel-body
*/
.rich-text {
}

.transparent-widget.height-50 {
    min-height: 50px !important;
}

.transparent-widget .panel {
    min-height: 75px !important;
    background: transparent;
    border: 0;
}

.transparent-widget .panel-body {
    padding: 0;
}

.two-column-list-table table {
    width: 100%;
    margin-bottom: 5px;
}

.two-column-list-table tr {
}

.two-column-list-table td {
    width: 50%;
    vertical-align: top;
    padding-right: 30px;
}

.icon-list-table tr td {
    position: relative;
    vertical-align: middle;
}

    .icon-list-table tr td:nth-child(1) {
        width: 5%;
    }

    .icon-list-table tr td:nth-child(2) {
        width: 90%;
        padding: 10px;
    }

.icon-list-table img {
    position: absolute;
    top: 30%;
    left: 0;
    display: block;
    vertical-align: unset;
}



.rich-text .panel-body h2 {
    font-weight: 600;
    font-size: 27px;
}

.contact-form-generic {
    min-height: 400px;
}

.rich-text-with-link-overlay {
    cursor: hand;
}

.arrow-link-text img {
    vertical-align: -4px;
    margin: 0 0 0 5px;
}

.document-list-item {
    margin-bottom: 20px;
}

/*** 
* Winston
* 06 April 2016
*/

.quick-check .margin-bottom-md {
    margin-bottom: 15px;
}




/***
*
* Winston
* 06 April 2016
*
* Adding active state styling to navbar
*/
.navbar-nav .dropdown.active > a {
    color: #ea5e19;
}

/***
*
* Winston
* 12 April 2016
*
*/
.category-select-block {
    display: inline-block;
    width: 100%;
}

.icon-list-container {
}

.category-button-container {
    float: left;
}


.icon-list {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    vertical-align: middle;
}

    .icon-list a {
        display: flex;
        width: 100%;
        padding: 8px 10px;
        vertical-align: middle;
        border: 1px solid #ccc;
        border-radius: 2px;
        align-items: center;
    }

        .icon-list a > * {
            float: left;
            margin: 0;
        }

    .icon-list .category-name {
        padding-left: 10px;
        color: #000;
    }

    .icon-list a:hover {
        border-color: #EC5F18;
    }

    .icon-list a.shopping-category-active {
        background-color: #EC5F18;
        border-color: #EC5F18;
    }

    .icon-list a:not(.shopping-category-active):hover .category-name {
        color: #EC5F18;
    }

.shopping-category-active .category-name {
    color: #fff;
}

.storeNameInput {
    margin: 0;    
    flex: 1;
}


.searchResult > br { /* a br-tag is being generated server-side, possibly by the CMS itself. It does not exist on the template*/
    display: none;
}

.shopping-network h2 {
    margin-bottom: 30px;
}

.shopping-network .header-small {
    font-size: 15px;
    margin-bottom: 15px;
}

.shopping-network .search-container {
    margin-top: 10px;
    margin-bottom: 14px;
}            

    .shopping-network .search-container .form-control{
        margin-bottom:10px;
    }

@media (min-width: 576px){
    .shopping-network .search-container {
        display:flex;
    }

        .shopping-network .search-container .form-control{
            margin-bottom:0;
        }

            .shopping-network .search-container .btn{
                margin-left:20px;
            }
}   



.searchResult img {
    display: block;
    width: 100%;
}

.search-result-container {
    display: inline-block;
    width: 100%;
    padding-left: 1px; /* This is to counteract the -1px margin on the searchResult blocks to get the borders to collapase */
    margin-bottom: 20px;
}

.shopping-network .searchResult:hover .zoombox,
.shopping-network .zoombox:hover {
    display: block;
}

.shopping-network .zoombox {
    position: absolute;
    display: none;
    padding: 20px;
    width: 213px;
    height: 213px;
    top: -31px;
    left: -31px;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 1000;
    overflow: hidden;
    -webkit-box-shadow: 0 0 5px 0 rgba(170,170,170,0.5);
    -moz-box-shadow: 0 0 5px 0 rgba(170,170,170,0.5);
    box-shadow: 0 0 5px 0 rgba(170,170,170,0.5);
}

.shop-category-icons {
    padding: 0 24px;
}

    .shop-category-icons img {
        display: inline-block;
        width: 100%;
        max-width: 24px;
        margin-right: 10px;
    }

        .shop-category-icons img:last-child {
            margin-right: 0;
        }

.shopping-network .zoombox .logo-container {
}


    .shopping-network .zoombox .logo-container img {
        display: inline-block;
        width: 100%;
        max-width: 108px;
        margin-top: 10px;
    }

.shopping-network .zoombox .shop-links-container {
    display: flex;
    position: absolute;
    bottom: 0px;
    left: 10px;
    right: 10px;
    padding-bottom: 15px;
    justify-content: space-around;
    max-width: 210px;
    margin: 0 auto;
}

    .shopping-network .zoombox .shop-links-container a {
        display: flex;
        align-items: center;
    }

        .shopping-network .zoombox .shop-links-container a img {
            display: inline-block;
            height: 18px;
            width: auto;    
            margin-right: 2px;
        }

        .shopping-network .zoombox .shop-links-container a p {
            margin-bottom: 0; /* Resets the default 10px margin-bottom on all p-tags */
        }

.shopping-network #readMore{
    width:100%;
}

.shopping-network .pagination-container {
    text-align: center;
}

    .shopping-network .pagination > li > span,
    .shopping-network .pagination > li > a {
        padding: 10px;
    }


.article-intro {
    color: #757575;
    margin-bottom:20px;
}
.article-title{
    margin-bottom:10px;
}
.article-body {
    line-height: 1.8;
}

.article-block {
    display: inline-block;
    width: 100%;
}

.related-articles .panel-body .article-block:last-child .related-article-link {
    margin-bottom: 0;
}

.related-articles .image-container {
    display: inline-block;
    width: 80px;
    height: 60px;
    vertical-align: top;
}

.related-articles .related-articles-header {
    margin-top: 0;
    margin-bottom: 25px;
}

.related-articles .related-article-image {
    display: block;
    max-width: 80px;
}

.related-articles .related-article-link {
    display: flex;
    align-items:center;
    width: 100%;
    margin-bottom: 20px;
}

    .related-articles .article-block:last-child .related-article-link{
        margin-bottom:0;
    }

.related-article-link .image-container{
    margin-bottom:0;
    max-width: 96px;
}

.related-articles .related-article-title {
    display: inline-block;
    margin-left:15px;
}

.article-content {
    margin-right: 19px;
}

    .article-content .panel-body {
        padding: 20px 50px 50px 50px;
    }

.article-page-block .article-title {
    display: none;
    margin-bottom: 35px;
    font-size: 42px;
    font-weight: 600;
}

.article-page-block .article-intro {
    font-size: 22px;
    line-height: 1.4;
}

.article-page-block .article-image {
    display: inline-block;
    width: 100%;
}

.article-page-block .article-body {
    margin: 20px 0 30px;
}

.article-footer {
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-flow: row wrap;
}

.social-media-block {
}

    .social-media-block .share-title {
        margin-bottom: 10px;
        font-weight: 600;
    }

    .social-media-block .social-link {
        display: inline-block;
        margin-right: 8px;
    }

.article-page-block .social-media-block {
    margin-right:10px;
}

.article-page-block .article-listing-link {
    margin-top: 29px;
}

    .article-page-block .article-listing-link a {
        display: inline-block;
    }

    .article-page-block .article-listing-link img {
        margin-right: 3px;
    }

    .article-page-block .article-listing-link .link-text {
        font-size: 16px;
        vertical-align: middle;
    }

#departmentDropdown {
    display: inline-block;
    width: 254px;
    margin-left: 20px;
    cursor: pointer;
}

.vacancy-list-container {
    display: table;
    border: 1px solid #e8e8e8;
    border-bottom: 0;
}

.vacancies-list {
    display: table-row;
}

.vacancy-list .panel-body {
    padding: 0;
}

    .vacancy-list .panel-body img {
        display: block;
        width: 100%;
    }


.vacancies-list > a > div {
    display: table-cell;
    padding: 20px;
    border-bottom: 1px solid #e8e8e8;
}

.vacancies-url-left-col {
    width: 23.959%;
}

.vacancies-desc-middle-col {
    width: 59.375%;
    background-color: rgb(249, 249, 249);
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
}

.vacancies-date-right-col {
    width: 16.666%;
    text-align: center;
}

.line-arrow {
    position: absolute;
    overflow: hidden;
    display: inline-block;
    font-size: 12px;
    width: 2.5em;
    height: 2.5em;
    margin-top: -2em;
}

.line-arrow {
    border-top: 1px solid #e8e8e8;
    border-left: 1px solid #e8e8e8;
    transform: rotate(-54deg) skew(-20deg);
    background-color: rgb(249, 249, 249);
    margin-top: 40px;
    margin-left: -36px;
}

.vacancies__item-dept {
    font-size: 10px;
}

.vacancies__item-title {
    text-transform: uppercase;
    color: #ea5e19;
}


.submission-overlay.disabled {
    display: none;
}

.submission-overlay {
    position: absolute;
    background: #fff;
    width: 100%;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
}

.submission-notice-block {
    padding-top: 10px;
    color: #ea5e19;
    font-weight: 600;
}

/* include this only once */

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg); /* IE 9 */
        transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
    }

    100% {
        -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg); /* IE 9 */
        transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg); /* IE 9 */
        transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
    }

    100% {
        -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg); /* IE 9 */
        transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
    }
}

.card-application-step-progress {
}

    .card-application-step-progress.mobile {
        display: none;
    }




    .card-application-step-progress.inactive {
        pointer-events: none;
    }

        .card-application-step-progress.inactive .panel {
            background: #fff;
        }

        .card-application-step-progress.inactive .panel-body {
            opacity: 0.25;
        }

.card-application-steps {
}

    .card-application-steps .form-partial-block {
        display: none;
    }

        .card-application-steps .form-partial-block.active {
            display: block;
        }


    .card-application-step-progress .panel,
    .card-application-steps .panel {
        border-bottom: 0;
    }

.card-application-step-progress .panel-body {
    padding: 25px 30px 25px 35px;
    border: 1px solid rgb(204,204,204);
}


.card-application-steps .panel-body {
    padding: 0;
    border: 1px solid rgb(204,204,204);
}

.card-application-steps .form-group {
    margin-bottom: 0;
}

/* Padding re-added due to reset on panel-body */
.card-application-steps .field-group {
    position: relative;
    width: 95%;
    padding: 0 0 10px 5%;
}

    .card-application-steps .field-group .field-block {
        position: relative;
        display: inline-block;
        vertical-align: top;
    }

.field-group .fwidth-100 {
    width: 300px;
}

.field-group .fwidth-66 {
    width: 200px;
}

.field-group .fwidth-50 {
    width: 150px;
}

    .field-group .fwidth-50.smaller {
        width: 125px;
        margin: 0 16px;
    }

.field-group .fwidth-33 {
    width: 80px;
    margin-right: 20px;
}

.field-group .fwidth-25 {
    width: 55px;
}
/*.card-application-steps .field-group .fwidth-10 {width: 80px;}*/

/*
.card-application-steps .field-group .fparagraph {
    margin-top: 15px;
}*/

.card-application-steps .form-group label.label {
    padding: 0;
    font-weight: 400;
}

.card-application-steps .form-group label.inline {
    display: inline;
    vertical-align: 2px;
}

.card-application-steps .form-group input,
.card-application-steps .form-group select,
.card-application-steps .form-group > select {
    cursor: pointer;
    width: 100%;
    margin-bottom: 5px;
}

    .card-application-steps .form-group input[readonly] {
        cursor: default;
        padding: 6px 12px;
        border: 1px solid #cccccc;
        border-radius: 2px;
    }

.card-application-steps .form-group select {
}

.card-application-steps h1 {
    margin: 0;
    padding: 20px 20px 5px;
    font-size: 18px;
    font-weight: 600;
}



.card-application-steps h2 {
    margin: 15px 0 20px;
    padding: 10px 20px;
    background: rgb(245,245,245);
    border-top: 1px solid rgb(204,204,204);
    border-bottom: 1px solid rgb(204,204,204);
    font-size: 14px;
    font-weight: 700;
}

.card-application-modal .card-application-steps h2 {
    margin-top: 0;
    padding: 20px;
    border-top: 0;
}

.subNavigationLinks-container {
    display: block;
    border-top: 1px solid #ccc;
}

.subNavigationLinks {
    padding: 20px 0;
}

    .subNavigationLinks.button-prev-page {
        float: left;
        border-right: 1px solid #ccc;
    }

    .subNavigationLinks.button-next-page {
        float: right;
        border-left: 1px solid #ccc;
    }

    .subNavigationLinks a {
        padding: 20px;
        font-weight: 400;
        text-decoration: none;
    }

        .subNavigationLinks a > img,
        .subNavigationLinks a > p {
            display: inline-block;
        }

        .subNavigationLinks a p {
            margin: 0;
        }

        .subNavigationLinks a img {
            vertical-align: -4px;
            width: 18px;
        }

    .subNavigationLinks.button-prev-page a img {
        margin-right: 10px;
    }

    .subNavigationLinks.button-next-page a img {
        margin-left: 10px;
    }


.eleminate.rcs.radio-button {
    display: inline-block;
    width: 13px;
    height: 20px;
}

.eleminate.rcs.checkbox {
    display: inline-block;
    min-width: unset;
    min-height: unset;
    width: 15px;
    height: 15px;
    padding: 0;
}

.eleminate.rcs.radio-button .state {
    border: 0;
    background-image: url("../../Images/min/radio.png");
}

    .eleminate.rcs.radio-button .state.checked {
        background-image: url("../../Images/min/radio-checked.png");
    }

.eleminate.rcs.checkbox .state.checked {
    background-image: url("../../Images/min/checkbox-checked.png");
}

.navigationLinks > .link-block {
    padding: 10px 0;
}

    .navigationLinks > .link-block a {
        display: inline-block;
        vertical-align: 0;
        margin-left: 10px;
        font-weight: 400;
        font-size: 16px;
        text-decoration: none;
        color: #333;
    }

    .navigationLinks > .link-block.active a {
        font-weight: 600;
        color: #ec5f18;
    }

.link-block.validation-failed a,
.link-block.validation-successful a {
    color: #ec5f18;
}


.step-number {
    display: inline-block;
    margin: 0;
    padding: 15px 10px 14px;
    border: 2px solid black;
    border-radius: 50%;
    font-size: 16px;
    font-weight: 600;
    line-height: 0;
    background-color: #fff;
}

h1 .step-number {
    float: right;
    margin-top: -3px;
    color: #ec5f18;
    border-color: #ec5f18;
}

#RentBondIndicatorDivId {
    margin-top: 10px;
}

.navigationLinks .step-number {
}

.navigationLinks .link-block.active .step-number {
    color: #ec5f18;
    border-color: #ec5f18;
}

.navigationLinks .validation-failed .step-number span,
.navigationLinks .validation-successful .step-number span {
    visibility: hidden;
    background: transparent;
}

.navigationLinks .validation-failed .step-number,
.navigationLinks .validation-successful .step-number {
    background-position: -1px center;
    background-repeat: no-repeat;
}

.navigationLinks .validation-failed .step-number {
    border-color: #ec5f18;
}

.navigationLinks .validation-successful .step-number {
    background-color: #ec5f18;
    border-color: #ec5f18;
}

.input-error-popup-arrow-right {
    display: none;
}

.card-application-steps .input-error-popup-arrow-right.field-validation-error {
    position: absolute;
    display: block;
    right: initial;
    left: 105%;
    bottom: 3px;
    width: auto;
    min-width: 245px;
    max-width: 400px;
    min-height: 0;
}

/*
.card-application-steps .input-error-popup-arrow-right span {
    display: block;
}*/

.card-application-steps .k-datepicker {
    background: none;
}

.card-application-steps .k-picker-wrap {
}

    .card-application-steps .k-picker-wrap.k-state-default {
        background: none;
    }

.card-application-steps .k-datepicker .k-icon {
    background: url("../../Images/min/coza/select-arrow.png");
    background-position: center 11px;
    background-repeat: no-repeat;
}

.card-application-steps .form-group input[type=radio],
.card-application-steps .form-group input[type=checkbox] {
    width: auto;
    height: auto;
    margin-right: 0;
}

.card-application-modal {
    display: none;
}

    .card-application-modal.active {
        position: fixed;
        display: block;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 20000;
        text-align: center;
    }

    .card-application-modal .overlay {
        position: absolute;
        display: block;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0,0,0,0.5);
    }

    .card-application-modal .modal-content {
        position: absolute;
        display: inline-block;
        width: 674px;
        height: auto;
        top: 50%;
        left: 50%;
        margin: -89px 0 0 -337px;
        background: #fff;
        border: 1px solid #ccc;
        text-align: left;
    }

        .card-application-modal .modal-content h3 {
            padding: 0 20px 20px;
            color: #000;
            font-weight: 600;
            border-bottom: 1px solid #ccc;
        }

        .card-application-modal .modal-content p {
            padding: 0 20px;
        }

    .card-application-modal .subNavigationLinks p {
        padding: 0;
    }

@media all and ( max-width: 489px) {
    .submission-response {
        text-align: center;
    }
}

.submission-response, .confirm-submission {
    display: none;
}

    .submission-response.active, .confirm-submission.active {
        display: block;
    }

.inline.mr {
    margin-right: 15px;
}

.inline.ml {
    margin-left: 5px;
}

textarea.medical-condition-textbox {
    width: 100%;
    min-height: 200px;
}

.form-active > .quick-check .g-recaptcha > div > div,
.form-active > .quick-check .g-recaptcha iframe {
    margin: 10px 0 0 0;
    width: 100% !important;
    height: auto !important;
}

.form-active > .quick-check .g-recaptcha iframe {
    height: 100px !important;
}


.wide-content .panel-body {
    padding: 0;
}

.landing-page-login {
    padding: 10px;
    text-align: center;
    margin: 16px 20px;
}

.container-padding-30 {
    padding: 30px;
}

.container-padding-20-30 {
    padding: 20px 30px;
}

.qc-response-message {
    position: relative;
    padding: 20px 10px 0;
    text-align: right;
}

    .qc-response-message p {
        font-weight: 600;
        font-size: 16px;
        text-align: left;
    }

li.dropdown[class*="About"] .dropdown-menu {
    left: -25px;
}

.captcha-notice {
    line-height: 1.4;
}



/**
*
*
* Navbar
* 
*/
/**
*
*
* Primary Containers
* 
*/

/**
*
*
* Carousel
*
*/

.carousel-inner {
    position: relative;
    width: 100%;
    max-width: 1020px;
    margin: 0 auto;
    overflow: hidden;
}


/****
*
*
* Homepage-specific styling
*
*/

.whereto-header {
    color: #000;
    margin-bottom: 20px;
}


/****
*
*
* General Contact Forms
* 
*/
.contact-form {
}

    .contact-form .field-group {
        display: inline-block;
        width: 100%;
        margin-bottom: 30px;
    }

    .contact-form textarea,
    .contact-form select,
    .contact-form input {
        width: 100%;
    }

        .contact-form input[type=submit] {
            width: auto;
        }

    .contact-form textarea {
        height: 300px;
    }

    .contact-form .contact-form-header {
        margin: 0 0 30px;
    }

    .contact-form .existing-customer-radio-block > * {
        display: inline-block;
        width: auto;
        margin-top: 10px;
    }

    .contact-form .existing-customer-radio-block .first {
        margin-right:20px;
    }

/****** 
*
*
    *
    *
    * MOBILE AND TABLET STYLING.
    *
    *
*
*/





/* terms and conditions - produce list with 1.1, 1.1.1, 1.1.1.2 (instead of just 1, 2, 3, ?) */
.terms-and-conditions ol {
    counter-reset: item !important;
}

.terms-and-conditions li {
    display: block;
}

    .terms-and-conditions li:before {
        content: counters(item, ".") " " !important;
        counter-increment: item !important;
    }

.whereto-view-all {
    float: right;
    padding: 0;
    border: 0;
    color: #ea5e19;
}

.income-verification-block-main {
    padding-bottom: 30px;
    border-bottom: 1px solid rgb(204,204,204);
}

    .income-verification-block-main p {
        font-size: 16px;
    }

    .income-verification-block-main .thank-you-header {
        border-bottom: 2px solid rgb(204,204,204);
        padding: 20px 30px;
        margin-bottom: 30px;
        font-size: 18px;
    }

    .income-verification-block-main .iv-bold {
        font-weight: 600;
    }

.iv-upload-header {
    font-size: 18px;
    font-weight: 600;
    padding: 20px 0;
}

.income-verification-block-main .success-reference-block {
    margin: 0 30px;
    padding: 30px 25px;
    background-color: rgb(61,177,88);
    color: #fff !important; /* Override self-service p-tag styling */
}

.card-application-form #UploadFormDivId .success-reference-block p {
    color: #fff !important; /* Override self-service p-tag styling */
}

.iv-upload-block-main {
    padding: 10px 30px;
}


    .iv-upload-block-main .upload-form {
        margin-bottom: 30px;
    }

    .iv-upload-block-main .upload-form__header {
        padding: 10px 20px;
        border: 1px solid rgb(204,204,204);
        border-bottom: 0;
        font-weight: 600;
    }

    .iv-upload-block-main .k-widget {
        border: 1px solid rgb(204,204,204);
    }

#UploadFormDivId .uploadValidation {
    margin-top: -23px;
    margin-bottom: 30px;
}

    #UploadFormDivId .uploadValidation .input-error-popup--arrow-left::before {
        right: 50% !important;
    }



.branding-bar-top {
    position: relative;
    padding: 25px 0;
}

.ss-rcs .branding-bar-top {
    background: #fff;
    border-top: 4px solid #ea5e19;
    padding: 20px 0;
}

#SubmitButton {
    display: none;
    float: right;
    margin-top: 25px;
}

.label-rent {
    margin-right: 15px;
}

#RentBondCostId {
    /*margin-left: 28px;*/
}

.brand-button {
    display: inline-block;
    padding: 12px 15px;
    font-weight: 600;
    border: 2px solid #ea5e19;
    border-radius: 2px;
    background-color: #ea5e19;
    color: #fff;
    min-width: 100px;
    transition-property: background;
    transition-duration: 200ms;
    transition-timing-function: ease;
}

    .brand-button.type2 {
        padding: 8px 17px;
        line-height: 1;
    }

    .brand-button:hover {
        background-color: #fff;
        color: #ea5e19 !important /* Override #wrapper a hover*/;
    }

.input-error-popup--arrow-left {
    display: none;
}

    .input-error-popup--arrow-left.field-validation-error {
        display: block;
    }

@media all and (max-width: 1023px) {
    .card-application-form .row {
        margin: 0;
    }

    .card-application-form #wrapper.container {
        max-width: none;
        width: 100%;
        margin-top: 20px;
    }

    .card-application-step-progress {
        display: none;
    }

        .card-application-step-progress.mobile {
            display: block;
            width: 100%;
        }

            .card-application-step-progress.mobile.inactive {
                display: none;
            }

            .card-application-step-progress.mobile .panel-body {
                background-color: #ec5f18;
            }

            .card-application-step-progress.mobile .navigationLinks {
                display: inline-block;
                width: 100%;
                text-align: center;
            }

            .card-application-step-progress.mobile .link-block {
                display: inline-block;
                margin-right: 28px;
            }

                .card-application-step-progress.mobile .link-block:last-child {
                    margin-right: 0;
                }

                .card-application-step-progress.mobile .link-block a {
                    display: none;
                }

            .card-application-step-progress.mobile .navigationLinks .step-number {
                background-image: none;
                padding: 6px 2px;
                background-color: #F07F46;
                border-color: #F07F46;
            }

                .card-application-step-progress.mobile .navigationLinks .step-number span {
                    visibility: hidden;
                }

            .card-application-step-progress.mobile .navigationLinks .link-block.validation-successful .step-number {
                background-color: #fff;
                border-color: #fff;
            }

            .card-application-step-progress.mobile .navigationLinks .link-block.active .step-number {
                border-color: #fff;
                background-color: #ec5f18;
            }

    .partial-title-container {
        text-align: center;
    }

        .partial-title-container h1 {
            color: #fff;
            text-transform: none;
        }

    .top-nav-buttons {
    }

    .top-nav-button {
        position: absolute;
        width: 48px;
        height: 48px;
        top: 25%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

        .top-nav-button.hide {
            display: none;
        }

        .top-nav-button.top-button-prev {
            left: 5%;
            background-image: url("../../Images/min/self-service/card-mobilenav-prev.png");
        }

        .top-nav-button.top-button-next {
            right: 5%;
            background-image: url("../../Images/min/self-service/card-mobilenav-next.png");
        }

    .card-application-steps h1 {
        display: none;
    }

    .quick-check h1 {
        display: block;
    }

    .card-application-steps h2:nth-of-type(1) {
        margin-top: 0;
        border-top: 0;
    }

    #CardFormQuickCheckDivId .card-application-steps h2 {
        border-top: 1px solid rgb(204,204,204);
    }

    .branding-bar-top {
        padding-left: 20px;
    }

    .subNavigationLinks a {
        font-size: 13px;
    }

        .subNavigationLinks a p {
            vertical-align: 1px;
        }

    .form-partial-block .subNavigationLinks.button-prev-page {
        border-right: 0;
    }

        .form-partial-block .subNavigationLinks.button-prev-page p {
            display: none;
        }

        .form-partial-block .subNavigationLinks.button-prev-page a {
            background-repeat: no-repeat;
            background-position: center 17px;
            background-size: 38%;
            padding: 20px 30px;
        }
}

@media all and (max-width: 640px) {
    .card-application-steps {
        width: 100%;
    }

        .card-application-steps .field-group .fwidth-100 {
            width: 275px;
        }

        .card-application-steps .field-group .fwidth-66 {
            width: 175px;
        }

        .card-application-steps .field-group .fwidth-50 {
            width: 138px;
        }

            .card-application-steps .field-group .fwidth-50.smaller {
                width: 125px;
            }

        .card-application-steps .field-group .fwidth-33 {
            width: 80px;
        }

    .field-group .mwidth-100 {
        width: 275px !important;
    }

    .field-group .mwidth-66 {
        width: 175px !important;
    }

    .field-group .mwidth-50 {
        width: 138px !important;
    }

    .field-group .mwidth-33 {
        width: 80px !important;
    }


    .card-application-steps .field-block.fwidth-33 {
        margin-right: 16px;
    }

    .input-error-popup-arrow-right {
        display: block;
        visibility: hidden;
        margin-top: 2px;
        margin-bottom: 1px;
        min-height: 12px;
    }

    .card-application-form .field-validation-error {
        font-size: 10px;
        letter-spacing: 0;
    }

    .input-error-popup-arrow-right.field-validation-error {
        visibility: visible;
    }

    .card-application-steps .form-partial-block.entered .input-error-popup-arrow-right.field-validation-error {
        display: block !important;
    }

    .card-application-steps .input-error-popup-arrow-right.field-validation-error {
        position: relative;
        left: unset;
        bottom: unset;
        right: unset;
        min-width: unset;
        max-width: unset;
        padding: 5px;
    }

    .card-application-modal .modal-content {
        width: 320px;
        margin: -89px 0 0 -160px;
    }

    #SubmitButton {
        float: none;
        display: none;
        margin: 15px auto;
        width: 240px;
    }
}


@media all and (max-width: 360px) {
    .card-application-step-progress.mobile .link-block {
        display: inline-block;
        margin-right: 14px;
    }

    .contact-form-generic.card-application-steps {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }


    #CardFormQuickCheckDivId #quick-check .g-recaptcha > div > div,
    #CardFormQuickCheckDivId #quick-check .g-recaptcha iframe {
        margin: 10px 0 0 0;
        width: 275px !important;
    }


    .top-nav-button {
        top: 30%;
    }

        .top-nav-button.top-button-prev {
            left: 3%;
        }

        .top-nav-button.top-button-next {
            right: 3%;
        }

    .top-nav-buttons .top-nav-button {
        width: 30px;
        height: 30px;
    }

}


.accordion-title {
    border-bottom: 1px solid #ccc;
    padding: 20px;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}


.accordion .panel-body {
    padding: 0;
}

.accordion-main .content-container {
    padding: 0;
}

.accordion-main .content-body {
    display: none;
    padding: 0 20px 20px;
    border-bottom: 1px solid #ccc;
}

.accordion-main .content-title {
    border-bottom: 1px solid #ccc;
    padding: 18px 20px;
    font-weight: 600;
    cursor: pointer;
}

.accordion-main .content-container.last .content-title {
    border-bottom: 0;
}

.accordion-main .content-title img {
    display: block;
    float: right;
    margin-top: 10px;
    transform: rotate(0deg);
}

.accordion-main .content-container.active .content-title {
    border-bottom: 0;
}

    .accordion-main .content-container.active .content-title img {
        transform: rotate(180deg);
    }

.accordion-main .content-container.active .content-body {
    display: block;
}

.invisible-widget {
    visibility: hidden;
}






/*
*
*
*
* Tooltip Arrow Rebuild
*
*
* 
*/
.tooltip {
    position: absolute;
    background: #C61717;
    width: 100%;
    margin-top: 2px;
    margin-bottom: 5px;
    line-height: 1.4;
    padding: 10px;
}

.card-application-form .tooltip {
    line-height: 1.2;
}


@media all and (max-width: 640px) {
    .tooltip {
        padding: 5px;
        line-height: 1;
    }
}


.tooltip span {
    display: block;
}

.qc-validation-message {
    position: absolute;
    display: none;
    right: 105%;
    bottom: 5%;
    width: 300px;
    padding: 8px 10px;
}


.card-application-steps .form-partial-block .tooltip.field-validation-error {
    display: none;
}

.card-application-steps .form-partial-block.entered .tooltip.field-validation-error {
    display: block !important;
}

.qc-validation-message.field-validation-error {
    display: block;
}

.quick-check.coza .field-validation-error {
    position: absolute;
    display: block;
    right: 0;
    padding:0 5px;
    font-size: 10px;
    color: red;
    text-align: right;
    pointer-events: none;
    top: 0;
    margin: 0;
    background:none;
    opacity: 1;
    width: 100%;
    height: 100%;
}

.quick-check.coza .button-skip-tc .field-validation-error {
    position: static;
    width: 100%;
    color: #fff;
    text-align: left;
}


#ContractExpirationDivId {
    pointer-events: none;
}

    #ContractExpirationDivId .k-datepicker,
    #ContractExpirationDivId #ContractExperationTextBoxId {
        background: #ccc;
    }

    #ContractExpirationDivId.enabled {
        pointer-events: auto;
    }

        #ContractExpirationDivId.enabled .k-datepicker,
        #ContractExpirationDivId.enabled #ContractExperationTextBoxId {
            background: #fff;
        }
@media all and (max-width: 1060px) {
    .tooltip {
        position: relative;
        left: unset;
        right: 0;
        top: unset;
        bottom: unset;
    }

    .qc-validation-message {
        width: auto;
    }
}

.d-arrow-up::after {
    bottom: 100%;
    left: 50%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(198, 23, 23, 0);
    border-bottom-color: #C61717;
    border-width: 6px;
    margin-left: -6px;
}

.d-arrow-right::after {
    left: 100%;
    top: 50%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(198, 23, 23, 0);
    border-left-color: #C61717;
    border-width: 6px;
    margin-top: -6px;
}

.d-arrow-down::after {
    top: 100%;
    left: 50%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(198, 23, 23, 0);
    border-top-color: #C61717;
    border-width: 6px;
    margin-left: -6px;
}

.d-arrow-left::after {
    right: 100%;
    top: 50%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(198, 23, 23, 0);
    border-right-color: #C61717;
    border-width: 6px;
    margin-top: -6px;
}

.m-arrow-up::before,
.m-arrow-down::before,
.m-arrow-left::before,
.m-arrow-right::before {
    display: none;
}

@media all and (max-width: 640px) {
    .d-arrow-up::after,
    .d-arrow-down::after,
    .d-arrow-left::after,
    .d-arrow-right::after {
        display: none;
    }

    .m-arrow-up::before,
    .m-arrow-down::before,
    .m-arrow-left::before,
    .m-arrow-right::before {
        display: initial;
    }

    .m-arrow-up::before {
        bottom: 100%;
        left: 50%;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(198, 23, 23, 0);
        border-bottom-color: #C61717;
        border-width: 6px;
        margin-left: -6px;
    }

    .m-arrow-right::before {
        left: 100%;
        top: 50%;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(198, 23, 23, 0);
        border-left-color: #C61717;
        border-width: 6px;
        margin-top: -6px;
    }

    .m-arrow-down::before {
        top: 100%;
        left: 50%;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(198, 23, 23, 0);
        border-top-color: #C61717;
        border-width: 6px;
        margin-left: -6px;
    }

    .m-arrow-left::before {
        right: 100%;
        top: 50%;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(198, 23, 23, 0);
        border-right-color: #C61717;
        border-width: 6px;
        margin-top: -6px;
    }
}

/*
*
*
*
* Error 404
*
*
* 
*/

.error404 {
    text-align: center;
    max-width: 530px;
    margin: 50px auto 0 auto;
    padding: 0 15px;
}

    .error404 h1 {
        font-size: 128px;
        font-weight: 700;
        margin: 0 0 0 0;
    }

    .error404 h3 {
        font-size: 24px;
        font-weight: 600;
        margin: 0 0 30px 0;
    }

    .error404 p {
        line-height: 1.6;
        margin: 0 0 15px 0;
    }


body .k-i-arrow-w {
    background: url("../../Images/min/self-service/prev-arrow.png");
}

body .k-i-arrow-e {
    background: url("../../Images/min/self-service/next-arrow.png");
}

.k-i-arrow-w,
.k-i-arrow-e {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

body .k-icon {
    width: 23px;
    height: 23px;
}

body .k-i-arrow-w:hover,
body .k-i-arrow-e:hover {
    background-position: 0 0 !important;
}

body .k-link:hover .k-icon {
    background-position: 0 0 !important;
}

.self-service__error-popup-container {
    position: relative;
    display: inline-block;
    width: 100%;
}

    .self-service__error-popup-container .tooltip {
        position: relative;
        color: #fff;
    }

        .self-service__error-popup-container .tooltip.d-arrow-up::after {
            border-color: rgba(198, 23, 23, 0);
            border-bottom-color: #C61717;
        }

        .self-service__error-popup-container .tooltip.m-arrow-up::before {
            border-color: rgba(198, 23, 23, 0);
            border-bottom-color: #C61717;
        }

@media all and (max-width: 640px) {
    .ss-coricraft .branding-bar-top .container {
        background: none !important;
    }

    .ss-hifi-corp .branding-bar-top {
        background: #fff;
    }

        .ss-hifi-corp .branding-bar-top img {
            visibility: hidden;
            height: 80px !important;
        }

        .ss-hifi-corp .branding-bar-top .container {
            background-image: url("../../Images/min/self-service/powered-by-rcs-mobile.png") !important;
            background-size: 84px;
            background-repeat: no-repeat;
            background-position: 94% center;
        }

            .ss-hifi-corp .branding-bar-top .container::before {
                position: absolute;
                content: " ";
                background: url("../../Images/min/self-service/brand/hifi-corp/hifi-logo-mobile.png");
                background-size: 120px;
                background-repeat: no-repeat;
                width: 120px;
                height: 40px;
                top: 25px;
            }

    .ss-incredible-connection .branding-bar-top .container {
        background-image: url("../../Images/min/self-service/powered-by-rcs-mobile.png");
        background-size: 84px;
        background-repeat: no-repeat;
        background-position: 94% center;
    }
}

@media all and (max-width: 1023px) {
    .ss-coricraft.partner-landing-page .branding-bar-top .container {
        background: none !important;
    }
}

.branding-bar-top .container {
    background-position: 97.5% center;
    background-repeat: no-repeat;
}


/* RCS logo on partner page */

.brand-logo img {
    max-width: 180px;
    height: auto;
}

/* RCS Site Map */
.sitemap-pages {
    margin-left: 20px;
    font-weight: 200;
}

.sitemap-headers {
    font-weight: 700;
}

.sitemap-title {
    font-weight: bold;
    font-size: 24px;
    padding-left: 15px;
}

.sitemap-home {
    font-weight: 700;
    color: #ea5e19;
    padding-left: 15px;
}

.sitemap-container {
    border-top: 5px solid #ea5e19;
}

.qc-decision-group .btn.bg-alt:hover {
    border: 2px solid #ea5e19 !important;
    background-color: #ffffff !important;
    color: #ea5e19;
}

/* RCS Home Page Tiles */

.home .panel-body > .quick-check{
    height:100%;
}

    .home .apply-now-section {
        display:flex;
        flex-flow: column;
        height:100%;
    }

    .home .apply-now-section p{
        line-height:1.4;
    }

        .home .quick-check .margin-bottom-md{
            margin-bottom:0;
            flex:1 0 auto;
            display: flex;
            flex-flow: column;
        }

    /* Response message */

    .home .quick-check .qc-response-message{
        padding-right:0;
        padding-left:0;
    }

        .home .quick-check .qc-message{
            line-height:1.4;
            font-weight:normal;
            font-size:14px;
        }   

        .home .quick-check #qc-continue{
            float:none;
        }