input.form-control
{
    margin-bottom: 0em;
    width: 100%;
    box-sizing: border-box;
}

form input {
    font-size: inherit !important;
}

.form-group
{
    margin-bottom: 1em;
}

.info {
    color: #009596;
    font-weight: bold;
}

.warning {
    color: #f0ab00;
    font-weight: bold;
}

.error {
    color: #f00;
    font-weight: bold;
}

#content p, #content li, #content ul, #content ol, #content button {
    font-size: 100.01% !important;
}

label.separator::before {
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
}

.btn-uppercase {
    text-transform: uppercase;
    letter-spacing: 1px;
}


.input-lg:focus-within {
    color: #495057;
    background-color: #fff;

    outline: 0;
    box-shadow: 0 0 0 2px #003560;;
    /*box-shadow: 0 0 0 0.2rem rgba(0, 53, 96, 0.25);*/
}

.input-lg {
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.input-lg .form-control:focus {
    outline: none;
    box-shadow: none;
}

.content-center {
    justify-content: center;
}

.fa-eye-slash::before {
    content: "\f070";
    color: #003560;
}

.fa-eye::before {
    content: "\f06e";
    color: #003560;
}

.fa-eye-slash:hover {
    color: #8dae10;
}

.fa-eye:hover {
    color: #8dae10;
}

.pw {
    display: flex;
    width: 100%;
}

.form-control[aria-invalid="true"] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23dc3545' d='M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E");
    background-position: calc(100% - 0.5rem) center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    border-bottom-width: 2px;
    border-bottom-color: #dc3545;
}

.pwhideshow {
    border: 1px solid #ced4da;
    border-left: none;
    background-color: #fff;
    width: fit-content;
    padding: 0em 0.5em;
    font: normal normal normal 14px/1 FontAwesome;

}

.pwhideshow[aria-invalid="true"] {
    border-bottom-width: 2px;
    border-bottom-color: #dc3545;
}

.pwhideshow:hover.fa {

    /*border-bottom-color: #003560;*/
    color: #8dae10;
    /*border-bottom: 2px solid;*/
}
/*From KC modified*/
.alert-grid-box {
    display: grid;
    grid-template-areas:
            "icon title action"
            ". description description"
            ". actiongroup actiongroup"
    ;
    grid-template-columns: auto auto 0px;
}

.pf-c-alert__icon {
    grid-area: icon;
    display: flex;
    margin-right: 8px;
    margin-top: 8px;
}

.pf-c-alert__title {
    grid-area: title;
    word-break: break-word;
}

.pf-c-alert__description {
    grid-area: description;
    word-break: break-word;
}

/*From KC*/
.pf-screen-reader {
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.kc-recovery-codes-list {
    font-family: monospace;
    list-style: none;
    columns: 2;
    margin: 16px 0;
    padding: 16px 16px 8px 16px !important;
    border: 1px solid #D2D2D2;
}
.kc-recovery-codes-list li {
    margin-bottom: 8px;
    font-size: 11px;
}
.kc-recovery-codes-list li span {
    color: #6A6E73;
    width: 16px;
    text-align: right;
    display: inline-block;
    margin-right: 1px;
}

/*
.pficon-print::before {
    content: "\e612";
}
.pficon-save::before {
    content: "\e601";
}
.pficon-blueprint::before {
    content: "\e915";
}
 */
.pf-c-button.pf-m-link
{
    border-style: none;
    border-width: 0px;
    cursor: pointer;
    display: inline-block;
    background-color: white;
    margin: 0px;
    padding: 6px 16px 6px 0px;
    color: #003560

}

.pf-c-button.pf-m-link:hover {
    color: #8dae10;
}

#kc-oauth ul li
{
    text-align: left !important;
}

/*MFA method selection*/

.pf-l-stack
{
    display: flex;
    flex-direction: column;
    height: 100%;
}

.pf-m-fill {
    flex-grow: 1;
}

.select-auth-box-arrow{
    display: flex;
    align-items: center;
    margin-right: 2rem;
}

.select-auth-box-icon{
    display: flex;
    flex: 0 0 2em;
    justify-content: center;
    margin-right: 1rem;
    margin-left: 3rem;
}

.select-auth-box-parent{
    border-top: 1px solid #003560;
    padding-top: 1rem;
    padding-bottom: 1rem;
    cursor: pointer;
    text-align: left;
    align-items: unset;
    background-color: unset;
    border-right: unset;
    border-bottom: unset;
    border-left: unset;
    display: flex;
    width: 100%;
}

.select-auth-box-parent:hover{
    background-color: #f7f8f8;
}

.select-auth-container {
    padding-bottom: 0px !important;
}

.select-auth-box-headline {
    font-size: 100.01%;
    color: #8dae10 !important;
    font-weight: bold;
    border: unset !important;
}

.select-auth-box-desc {
    font-size: 100.01%;
}

.select-auth-box-paragraph {
    text-align: center;
    font-size: 1rem;
    margin-bottom: 5px;
}

button
{
    color: #003560;
}

.mfa-app-list-container {
    display: inline-grid;
    grid-template-columns: auto auto 4em auto auto auto;
    padding: 0.75em
}

.mfa-app-list-container > * {
    padding: 2px 1px 5px 1px;
    text-align: left;
}

.mfa-app-list-container > img {
    padding: 4px 2px 0 0 !important;
}