html {
    position: relative;
    min-height: 100%;
}

body {
    background-size: cover !important;
    margin-bottom: 65px;

}

footer {
    min-height: 50px;
    width: 100%;
    position: absolute;
    bottom: 0;
}

.no-cursor {
    cursor: not-allowed;
}
.show-white-space {
    white-space: pre-wrap;
}

.banner {
    padding-left: 30px !important;
}

@media (min-width: 992px) {
    .banner {
        padding-left: 35px !important;
    }
}

.step {
    /*width: 135px;*/
    width: auto;
}

.checkbox-lg {
    height: 25px;
    width: 25px;
}

#floating-actions {
    height: 80px;
    width: 100%;
    position: sticky;
    background-color: white;
    bottom: 0;
}

.bs-stepper-header .step button {
    cursor: default !important;
}

.line {
    width: 50px;
    flex-grow: unset !important;
    margin: 20px !important;
}

.link-icon {
    margin-left: 0.5rem;
    vertical-align: baseline;
}

@media (max-width: 789px) {
    .bs-stepper-header {
        display: block !important;
    }

    .line {
        display: none;
    }

    .step {
        width: 220px;
    }

    button.step-trigger {
        padding-bottom: 10px !important;
        padding-left: 0px !important;
        padding-top: 10px !important;
    }
}

.btn-toggle {
    width: 50%;
    height: 38px;
    padding-bottom: 6px;
    font-size: medium;
    background-color: #0066cc;
}

.step.active .bs-stepper-label {
    color: #007bff;
}

.bs-stepper .step-trigger:focus {
    color: #6c757d !important;
}

.bs-stepper .step-trigger {
    flex-direction: column; /*added for bs-stepper header */
}

.bs-stepper-header {
    flex-wrap: wrap;
    align-items: baseline !important;
    justify-content: space-between !important;
}

.table-header {
    bottom: -1px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    position: relative;
    font-weight: 600;
    font-size: larger;
    border-radius: 4px 4px 0 0;
    width: 100%;
}

.divider-row {
    border-top: 1px solid #6c757db8 !important;
    border-bottom: 1px solid #6c757db8 !important;
}

.divider-test-results {
    background-color: #6c757d;
    color: black;
}

.zone-label {
    width: 200px;
}

table.table-sm {
    font-size: 14px;
}

thead th {
    font-size: 14px;
}

.table-wrapper {
    padding: 15px;
    overflow-x: overlay;
}

table {
    border-radius: 0 0 4px 4px;
}

    table.table-hover > tbody > tr {
        cursor: pointer;
    }

tr.disabled {
    background-color: #b8b9b959;
}

.dataTables_wrapper {
    width: 100%;
}

.navbar-toggler {
    border: 0 !important;
    ;
}

    .navbar-toggler:hover {
        border: 0;
    }


div.dropdown-menu {
    margin-top: 5px;
    border-radius: unset;
    padding: 0;
}

.alert {
    border-width: 2px;
}

.alert-icon-section {
    display: inline-block;
    background-color: white;
}

.container {
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 30px;
    padding-bottom: 50px;
    background-color: white;
    border-radius: 5px;
}

.container-wrapper {
    /* min-width: 1580px; 
    min-height: 100vh;*/
}

nav {
    background-color: #231f20;
}

.navbar-collapse {
    z-index: 1;
    padding-left: 10px;
}

.dropdown-menu {
    border-radius: 3px !important;
}

.form-group {
    margin-bottom: 5px;
}
.col-count-2 {
    column-count: 2;
}

.form-row-1remmargin {
    margin-top: 1rem;
}
.form-row-2remmargin {
    margin-top: 2rem;
}

.width-200 {
    min-width: 200px;
}
.width-0 {
    width: 0%;
}


.btn-width-150 {
    width: 150px;
}

.margin-top-105 {
    margin-top: 1.5rem;
}

.btn-width-160 {
    width: 160px;
}

.width-160 {
    min-width: 160px;
}

.width-500 {
    max-width: 500px;
}

.fas-cursor {
    cursor: pointer;
}

.info-bg-whitecolor {
    background-color: #e7f3fe;
}

textarea {
    resize: none;
    white-space: pre-wrap;
}

.display-none {
    display: none;
}

.file-download-button-label {
    line-height: 40px;
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 5px;
}

.file-download-button-icon {
    float: right;
    border-left: 1px solid lightgrey;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
    margin: auto;
    line-height: 40px;
    border-radius: 3px;
}

.file-badge {
    vertical-align: middle;
    font-size: medium;
    border-radius: 3px;
    text-align: center;
    height: 40px;
    width: 200px;
}

.search-form-block {
    max-width: 500px;
}

    .search-form-block select {
        width: 177px !important;
    }

    .search-form-block .align {
        align-self: flex-start;
    }

.approval-file-row .disp {
    display: inline-block;
    width: 300px;
}

.file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    white-space: nowrap;
    overflow: hidden;
}

.file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin: 0;
    opacity: 0;
}

.file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin-bottom: 0;
}

.file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(calc(2.25rem + 2px) - 1px * 2);
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: 1px solid #ced4da;
    border-radius: 0 0.25rem 0.25rem 0;
}

.fileDownloadHref {
    min-width: 120px;
    word-break: break-all;
}

.container {
    max-width: 90%;
    margin-bottom: 20px;
}

.text-danger-align {
    vertical-align: super;
}


.clickable {
    cursor: pointer;
}

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

/*** hide INPUT=FILE ***/
/*** https://developer.mozilla.org/en-US/docs/Web/API/File/Using_files_from_web_applications ***/
.visually-hidden {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}

/* Separate rule for compatibility, :focus-within is required on modern Firefox and Chrome */
input.visually-hidden:focus + label {
    outline: thin dotted;
}

input.visually-hidden:focus-within + label {
    outline: thin dotted;
}
/*** hide INPUT=FILE ***/

/*B2C IEF Customization ***** Start *****/
.api-container {
    background-color: white;
    padding: 0;
    border-radius: 0.25rem;
}

    .api-container .title {
        margin-bottom: 30px;
    }

@media (max-width: 480px) {
    .divider h2 {
        margin: 10px 0 !important;
    }
}

::-moz-placeholder {
    color: transparent;
}

::-moz-placeholder {
    color: transparent;
}

:-ms-input-placeholder {
    color: transparent;
}

::-webkit-input-placeholder {
    color: transparent;
}

label.password-label {
    margin-top: 10px;
}

#api ul {
    list-style-type: none;
    padding-left: 0;
}

#api[data-name="IdpSelections"] ul {
    text-align: center;
}

#api[data-name="Phonefactor"] .buttons button#cancel {
    width: 32%;
}

#api[data-name="SelfAsserted"] > div:first-child {
    display: none;
}

#createAccount {
    cursor: pointer;
    padding-left: 2px;
    transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -o-transition: 0.5s all;
    -webkit-transition: 0.5s all;
}

#email_ver_input {
    margin-bottom: 10px 0;
}

#forgotPassword {
    clear: right;
    cursor: pointer;
    float: right;
    transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -o-transition: 0.5s all;
    -webkit-transition: 0.5s all;
}

#logonIdentifier,
#password,
#signInName {
    background-color: #fff !important;
    background-image: none !important;
    border: 1px solid #ccc;
    border-radius: 2px !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
    color: #555;
    display: block;
    font-size: 14px;
    height: 40px;
    line-height: 1.42857143;
    margin-bottom: 20px;
    padding: 6px 12px;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important;
    width: 100% !important;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s !important;
}

.accountButton {
    font-size: 18px;
    height: 45px;
    line-height: 1.3333333;
}

.attrEntry,
.phoneEntry {
    margin-bottom: 15px;
    padding-top: 0;
}

    .attrEntry input,
    .attrEntry select,
    .phoneEntry input,
    .phoneEntry select,
    #codeVerification input {
        background-color: #fff !important;
        background-image: none !important;
        border: 1px solid #ccc !important;
        border-radius: 2px !important;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
        color: #555;
        display: block;
        font-size: 14px;
        height: 40px;
        line-height: 1.42857143;
        padding: 6px 12px;
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important;
        width: 100% !important;
        -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
        -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s !important;
    }

        .attrEntry input:invalid,
        .phoneEntry input:invalid,
        #codeVerification input:invalid {
            border-color: inherit;
        }

    .attrEntry.validate input:invalid,
    .phoneEntry.validate input:invalid,
    #codeVerification.validate input:invalid {
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
    }

    .attrEntry #email_intro {
        display: none !important;
    }

    .attrEntry .error.itemLevel,
    .attrEntry .helpText,
    .phoneEntry .error.itemLevel,
    .phoneEntry .helpText,
    #codeVerification .error.itemLevel,
    #codeVerification .helpText {
        /* display: none; */
        font-size: 14px;
    }

/*div.error.itemLevel > p {
    color: #6c757d !important;
}*/

div.error.pageLevel > p {
    color: #dc3545 !important;
}

p:before {
    display: none !important;
}

.attrEntry .tiny,
.phoneEntry .tiny,
#codeVerification .tiny {
    display: none;
}

.buttons button {
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    height: inherit;
    line-height: 1.42857143;
    margin: 0;
    padding: 6px 12px;
    text-align: center;
    touch-action: manipulation;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    width: inherit;
    -moz-user-select: none;
    -ms-touch-action: manipulation;
    -ms-user-select: none;
    -webkit-user-select: none;
}

.buttons {
    margin: 20px 0;
}

#fieldIncorrect {
    margin-bottom: 10px;
    padding-bottom: 10px;
    color: indianred;
}

.buttons button#cancel {
    font-size: 18px;
    height: 60px;
    width: 48%;
}

@media (max-width: 767px) {
    .buttons button#cancel {
        height: 50px;
        width: 48%;
    }
}

.buttons button#continue {
    font-size: 18px;
    height: 60px;
    width: 48%;
}

@media (max-width: 767px) {
    .buttons button#continue {
        height: 50px;
    }
}

.buttons button[disabled]#continue,
.buttons button[disabled]:hover#continue {
    background-color: #5cb85c;
    background-image: none;
    border-color: #4cae4c;
    color: #fff;
}

.buttons button#email_ver_but_resend,
.buttons button#email_ver_but_verify {
    margin-top: 5px;
}

.buttons button#verifyCode,
.buttons button#verifyPhone {
    background-color: #5cb85c;
    border-bottom: 5px solid #449d44;
    border-color: #4cae4c;
    color: #fff;
    font-size: 18px;
    height: 60px;
    margin-right: 9px;
    width: 32%;
}

@media (max-width: 767px) {
    .buttons button#verifyCode,
    .buttons button#verifyPhone {
        height: 50px;
    }
}

.create p {
    text-align: center;
}

.divider {
    margin: 0 auto;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
}

    .divider h2 {
        color: #ccc;
        line-height: 20px;
        margin: 10px 0;
        text-align: center;
        text-transform: lowercase;
    }

        .divider h2:after,
        .divider h2:before {
            content: "";
            height: 1px;
            position: absolute;
            top: 10px;
            width: 40%;
        }

        .divider h2:after {
            background: rgb(126, 126, 126);
            background: linear-gradient( left, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100% );
            background: -moz-linear-gradient( left, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100% );
            background: -ms-linear-gradient( left, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100% );
            background: -o-linear-gradient( left, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100% );
            background: -webkit-linear-gradient( left, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100% );
            right: 0;
        }

        .divider h2:before {
            background: rgb(126, 126, 126);
            background: linear-gradient( right, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100% );
            background: -moz-linear-gradient( right, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100% );
            background: -ms-linear-gradient( right, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100% );
            background: -o-linear-gradient( right, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100% );
            background: -webkit-linear-gradient( right, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100% );
            left: 0;
        }

.entry .buttons button {
    font-size: 18px;
    line-height: 1.3333333;
    height: 45px;
    width: 100%;
}

.error.itemLevel p:before {
    content: "\e101";
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-right: 3px;
    position: relative;
    top: 1px;
    -webkit-font-smoothing: antialiased;
}

.highlightError {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
}

.image-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    vertical-align: middle;
}

.intro {
    display: none;
}

.localAccount .divider {
    display: none;
}

.options {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    vertical-align: middle;
    margin-top: 20px;
}

.phonefactor_container,
.self_asserted_container,
.unified_container {
    padding-top: 80px;
}

.phoneNumber .type {
    display: inline-block;
    font-weight: bold;
    margin-bottom: 5px;
    max-width: 100%;
}

.phoneNumbers {
    margin-top: 20px;
}

.social {
    margin-top: 30px;
}

.verify {
    margin-top: 5px;
    padding-top: 0 !important;
}

.working {
    bottom: 0;
    display: none;
    height: 2em;
    left: 0;
    margin: auto;
    overflow: show;
    position: fixed;
    right: 0;
    top: 0;
    width: 2em;
    z-index: 999;
}

    .working:before {
        background-color: rgba(0, 0, 0, 0.3);
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
    }

    .working:not(:required) {
        background-color: transparent;
        border: 0;
        color: transparent;
        font: 0/0 a;
        text-shadow: none;
    }

        .working:not(:required):after {
            animation: spinner 1500ms infinite linear;
            border-radius: 0.5em;
            box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
            content: "";
            display: block;
            height: 1em;
            font-size: 10px;
            margin-top: -0.5em;
            width: 1em;
            -moz-animation: spinner 1500ms infinite linear;
            -ms-animation: spinner 1500ms infinite linear;
            -o-animation: spinner 1500ms infinite linear;
            -webkit-animation: spinner 1500ms infinite linear;
            -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
        }

@keyframes spinner {
    0% {
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes spinner {
    0% {
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

div#api {
    display: table;
    width: 100%;
}

.social {
    display: table-footer-group;
}

.localAccount {
    display: table-header-group;
}
/*B2C IEF Customization ***** End *****/
a.table-link {
    vertical-align: bottom;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
}

.exportDiv {
    text-align: right !important;
    padding-right: 10px;
}

.approval-info {
    text-align: center;
    font-weight: bold;
}
.margin-right5{
    margin-right:5px;
}
.margin-left5 {
    margin-left: 5px;
}
.bg-transparent {
    background-color: transparent;
}

.margin-top2 {
    margin-top: 2rem;
}
.margin-btm2 {
    margin-bottom: 2rem;
}

.pay-file-name {
    display: inline-block;
    width: 300px;
}

.margin-b15 {
    margin-bottom: 15px;
}

.pad0 {
    padding: 0;
}

card-header-pad {
    padding: 0px;
    margin-bottom: 0px;
}

.font-1025 {
    font-size: 1.25rem;
}

.border-rad50 {
    border-radius: 50%;
}

.pad8181 {
    padding: 8px 1px 8px 1px;
}

.margin-lm15rm15 {
    margin-left: -15px;
    margin-right: -15px;
}

.color-red {
    color: red
}

.disp-block {
    display: block;
}

.microsoft-icon {
    max-width: 20px;
    vertical-align: text-top;
}

.about-env {
    min-width: 20mm;
    max-height: 5rem;
}

.width-32rem {
    width: 32rem;
}

.pad-l24 {
    padding-left: 24px;
}

.log-signup-pad {
    padding-top: 140px;
    height: 100%;
}

.btn-lg-pad {
    padding-left: 0.5rem;
    padding-right: 1.5rem;
    white-space: pre;
}

.pad-right-24 {
    padding-right: 24px;
}
.errorMessage {
    color: red;
    display: none;
}
.atagdisabled {
    pointer-events: none !important;
}
.pd-right-15 {
    padding-right: 15px;
}
.float-right {
    float: right;
}
.font-weight-bold{
    font-weight:bold;
}
.align-right{
    text-align: right;
}

.margin-b29{
    margin-bottom: 29px !important;
}
.tbl-th{
width : 6% !important;
}
.tbl-action{
    width : 1% !important;
}
.align-bottom {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-right:15px;
}
.font-weight600{
    font-weight:600;
}
.modal1 {
    z-index: 1400;
}
.modal2{
    z-index:1600;
}
.btn-orange
{
    background-color:orange;
    color:white;
    border:none;
}