/* ------------------ Wrappers ------------------ */
body {
    background-color: #f2f2f2;
}

.wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.login-form__input--password {
    margin-top: 1rem;
}

.login-form__submit {
    margin-top: 2rem;
}

.wrapper-inner {
    position: relative;
    flex: 1;
}

.container {
    padding-top: 3rem;
}

.wrapper-inner--vertical-center {
    display: flex;
    align-items: center;
    overflow: hidden;
}

.btn-primary:disabled {
    background-color: #D8484C !important;
}
/* ------------------ Login Form ------------------ */

.form-control-md--viewonly {
    background-color: #f2f2f2;
}

.login-form__input {
    margin-bottom: 2rem;
}

.login-form__submit {
    padding-top: .5rem;
    padding-bottom: 1rem;
}

.login-form__forgot {
    padding-bottom: .5rem;
    text-align: center;
    padding-top: 1.5rem;
}

.login-form__logo {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}

    .login-form__logo img {
        width: 2rem;
    }

.tile-header--logo {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Reset Password */
.radio-group--inline {
    display: flex;
}

    .radio-group--inline .radio {
        margin-right: 4rem;
    }

.icon--red {
    fill: #ff7400;
}

/* ------------------ Condenced Step Counter ------------------ */
.step-counter--condenced .step-counter-dot {
    height: 3rem !important;
    width: 3rem !important;
    top: 2rem !important;
}


.step-counter > .step-counter-step > .step-counter-dot {
    color: #666;
    border: 3px solid #919191;
}

.step-counter > .step-counter-step > .progress {
    background: #919191;
}

.step-counter--condenced .step-counter-step.complete .step-counter-dot {
    background-position: .3rem .3rem;
    background-color: #238723;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 18 18' width='18' height='18' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath d='M18 3.498L9.23 14.255l-2 2.613-2.46-2.152L0 10.876 2.154 8.26l4.615 3.996L15.384 1.5 18 3.498z' fill='%23FFFFFF'/%3E%3C/svg%3E");
}

.step-counter--condenced > .step-counter-step > .step-counter-dot:before {
    border: none;
}

.step-counter--condenced > .step-counter-step > .step-counter-dot {
    padding-top: 0;
}

.step-counter--condenced > .step-counter-step.active > .step-counter-dot {
    color: #434343;
}
/*/* ------------------ Dashboard ------------------ */
.btn-tertiary--bg {
    background-color: white;
}

.icon--notfound {
    border-radius: 50%;
    background-color: #d8d8d8;
    padding: 1rem;
    height: 7rem;
    width: 7rem;
}

.documents {
    display: flex;
    justify-content: space-between;
    padding: 1rem 2rem;
    border-bottom: 1px solid #cccccc;
    align-items: center;
}

.tile-body--nopadding {
    padding: 0;
}

.documents:last-child {
    border-bottom: none;
}

.no-documents {
    display: flex;
    flex-direction: column;
    flex: 30rem;
    padding: 5rem;
    align-items: center;
}

.modal--date {
    font-weight: 500;
    font-family: 'Roboto';
    float: right;
    font-size: 12px;
}

.btn-container--verifyedit {
    float: right;
    margin-top: 3rem;
}

.verification-form__item {
    margin-top: 2rem;
    overflow: hidden;
}

.no-messages {
    display: flex;
    flex-direction: column;
    flex: 30rem;
    padding: 5rem;
    align-items: center;
}

    .no-messages p {
        padding-top: 2rem;
    }

.no-documents p {
    padding-top: 2rem;
}

.documents__item {
    width: 24rem;
    align-items: center;
}

.messages__subject {
    font-size: 16px;
    margin-bottom: 5px;
}


.messages a:hover {
    text-decoration: none;
}

.messages__item {
    display: block;
    text-decoration: none;
    padding: 1rem 2rem;
}

.messages__subject--bold {
    font-weight: bold;
}

.messages__date {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: #727272;
}

.document__sentby {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: #727272;
    padding-left: 1rem;
}

.messages__date--unread {
    margin-left: 1.5rem !important;
}

.panel-additional-info .panel-heading {
    border: none !important;
}

.icon--green {
    fill: #238723;
}

.icon--grey {
    fill: #666666;
}
.document-title {
    display: flex;
    align-items: center;
    padding: 2rem 2rem 1rem 2rem;
}
.document__item-time {
    color: #666;
    font-size: 12px;
}


.documents-title {
    display: flex;
    padding: 0 2rem;
    align-items: center;
}
.document__sentby {
    display: flex;
    font-size: 12px;
    color: #727272;
    padding-left: 3rem;
}
.documents__item-package {
    align-items: center;
    padding: 0 2.5rem;
    display: flex;
}

.badge-recieved {
    margin-left: 3rem;
}
.badge-checklist {
    margin-bottom: 1rem;
    margin-left: 1rem;
}
.badge-checklist {
    margin-bottom: 1rem;
    margin-left: 1rem;
}

.documents__container {
    border-bottom: 1px solid #cccccc;
    padding: 2rem 0;
}

.tile-header--mvc {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 2rem;
    padding-bottom: 1rem;
}

.messages {
    border-bottom: solid 1px #cccccc;
}

    .messages:hover {
        background-color: #f2f2f2;
        text-decoration: none;
    }

    .messages .date {
        margin-top: -7px;
    }

.messages--item {
    display: flex;
    align-items: center;
}

.messages:last-child {
    border-bottom: none;
}

.tile-body__documents--item {
    display: flex;
}

.badge-info {
    height: 8px;
    width: 8px;
    border-radius: 1rem;
    padding: .4rem .4rem;
}

.footer {
    border-top: #e8e8e8 solid 1px;
}

.sms-alert {
    display: flex;
    justify-content: space-between;
}

span.data-list__value {
    width: 17rem;
    text-align: right;
}

.unread-ind {
    margin-left: -1rem;
}

.important-ind {
    margin-left: -1rem;
}

.messages a:hover {
    color: #434343;
}

.intro-subhead {
    font-size: 2rem;
    margin-bottom: 2rem !important;
}

.logo-img {
    width: 2rem;
}

@media (min-width: 768px) {
    .footer {
        align-items: center;
        justify-content: space-between;
        flex-direction: row;
    }
    .alert-warning--documents {
        display: none;
    }
}

    .control-label {
        margin-bottom: 0.5rem;
    }

    .verify {
        margin-bottom: 2rem;
    }

    .privacy-list li {
        list-style-type: decimal;
    }
    /* WCAG - Accessibility*/
    a:focus {
        outline: 1px solid #1d67b2;
    }

    .btn:focus,
    .btn.btn-tertiary:focus {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px #1d67b2;
        outline: 1px solid #fff;
    }

    a.btn:focus {
        outline: 1px solid #1d67b2;
        box-shadow: none;
    }

    .form-control:focus {
        outline: 1px solid rgba(255, 255, 255, 0);
    }


    .data-list__value--item {
        text-align: right;
        display: block;
    }

.disable-parent {
    opacity: 0.2
}


.circle-loader--position {
    left: 50%;
    bottom: 50%;
    z-index: 9999;
    position: absolute !important;
    height: 10rem;
    width: 10rem;
}

.circle-path {
    animation: auto !important;
}

.switch-wrap .radio-group{
    display:flex;
}
.requiredError {
    white-space: pre-wrap;
}
/*Email Template CSS*/
.modal-body--email-body table {
    border: none !important;
}

    .modal-body--email-body table tbody tr td {
        border: none !important;
    }

        .modal-body--email-body table tbody tr td ul ~ ol ~ ul, .modal-body--email-body table tbody tr td ul {
            padding-left: 40px;
        }

            .modal-body--email-body table tbody tr td ul ~ ol ~ ul li, .modal-body--email-body table tbody tr td ul li {
                list-style-type: disc;
            }


        .modal-body--email-body table tbody tr td ol li {
            list-style-type: decimal !important;
        }

            .modal-body--email-body table tbody tr td ol li ol li {
                list-style-type: inherit !important;
                list-style-type: revert !important;
                list-style-type: unset !important;
            }

            .modal-body--email-body table tbody tr td ol li ol li {
                list-style-type: lower-roman;
            }

        .modal-body--email-body table tbody tr td:nth-child(2) {
            width: 700px !important;
        }

        .modal-body--email-body table tbody tr td table {
            max-width: 800px !important;
        }
/*Email Template CSS*/



/* ======= TrustArc Static Bar ======= */
/* Apply to the entire content area to ensure it scrolls */
body {
    margin: 0;
    padding: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* Main content should take up all space except for the sticky footer */
.content {
    flex: 1 0 auto;
    overflow-y: auto;
}

/* Make the consent bar sticky at the bottom */
#consent_blackbar_unique {
    position: sticky;
    bottom: 0;
    width: 100%;
    background-color: #434343;
    z-index: 1000; /* Keep it on top of other elements */
}

#teconsent {
    background-color: #434343;
}

#teconsent a {
    color: #fff;
    padding-left: 1rem;
    padding-top: 1rem;
    padding-bottom: 0;
}


/*-- Login and Forgot Password --*/
.wrapper-login {
    height: 100%;
}

/*-- Logged-In Content --*/
.wrapper-register {
    height: auto;
}