/* redirect loading animation ------------------------------------------------------------------------*/

.loader {
    border: 14px solid #ddd;
    border-radius: 50%;
    border-top: 14px solid #004a98;
    width: 90px;
    height: 90px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin { /* Safari */
    0% {
        -webkit-transform: rotate(0deg);
    }

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

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* end redirect loading animation -------------------------------------------------------------------*/




/* style error text ---------------------------------------------------------------------------------*/

.field-validation-error {
    /* red background with danger icon*/
    background: #f1dbdd url(../img/icon-danger.svg) top left no-repeat;
    border-radius: 0.25rem;
    /* text styling */
    font-weight: bold;
    font-size: .875em;
    /* padding top right bottom left */
    padding: 0.375rem 0.75rem 0.375rem 1.875rem;
    /* position the danger icon */
    background-size: 1rem;
    background-position-x: .5rem;
    background-position-y: .45rem;
}

/* end style error text -----------------------------------------------------------------------------*/




/* grey out checkboxes when disabled ----------------------------------------------------------------*/

.gnb-checkboxes input[type="checkbox"][disabled]
{
    opacity: .4;
}

.gnb-checkboxes .single-option label.disabled  /*grey out the corresponding label */
{
    opacity: .4;
}

/* end grey out checkboxes when disabled ------------------------------------------------------------*/

/* grey out buttons when disabled -------------------------------------------------------------------*/

.gnb-btn:disabled, .gnb-btn[disabled], .gnb-btn-secondary:disabled, .gnb-btn-secondary[disabled] 
{
    border-color: #888888;
    color: #888888;
    background-color: #dddddd;
}

/* end grey out buttons when disabled --------------------------------------------------------------*/


input {
    margin-bottom: 0.5rem;
}

.gnb-btn-search-icon-white span::before {
    font-family: "FontAwesome", "Font Awesome", "Font Awesome 6 Pro";
    color: #004a98;
    content: "\f06e";
    margin-right: 0.25rem;
}

.gnb-btn-search-icon-white.show-password span::before {
    content: "\f070";
}


.gnb-btn-search-icon-white.show-password span::before {
    content: "\f070";
    margin-right: 0.25rem;
}

/*remove edge browser eye icon input password field*/
input::-ms-reveal,
input::-ms-clear {
    display: none;
}

#Unlock, #UnlockReset, #GenerateCode, #BacktoAccountSearch {
    padding: 0.5em 0.5em;
}

.flex-display {
    display: flex;
}