/* Minification failed. Returning unminified contents.
(42,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary-action-border'
(66,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-darkest'
 */
#session-extend-modal {
    font-size: 16px !important;
}

#session-extend-modal .modal-title {
    padding: 10px 15px 10px;
    border-radius: 4px;
    width: 100%;
    margin-top: 0;
    left: 0;
}

#session-extend-modal .close,
#session-logout-modal .close {
    font-size: 25px;
    position: absolute;
    right: 20px;
    top: 8px;
    color: #2a323b !important;
    opacity: 0.5;
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
    padding-bottom: 4px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

#session-extend-modal .close:hover, #session-extend-modal .close:focus, #session-extend-modal .close:focus-visible,
#session-logout-modal .close:hover, #session-logout-modal .close:focus, #session-logout-modal .close:focus-visible {
    opacity: 0.8 !important;
    border-radius: 50%;
    background-color: #ebeff3 !important;
    outline: 1px solid #bdc7d1 !important;
}

#session-extend-modal .close:focus-visible,
#session-logout-modal .close:focus-visible {
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-color: var(--secondary-action-border, #236978) !important;
}

#session-extend-modal .action-btns,
#session-logout-modal .action-btns {
    display: flex;
    margin: 0 16px;
    justify-content: center;
    gap: 20px;
}

#session-extend-modal .modal-description,
#session-logout-modal .modal-description {
    margin-bottom: 30px;
    text-align: center;
}

#session-extend-modal .modal-header,
#session-logout-modal .modal-header {
    padding-left: 0;
    padding-right: 0;
}

#countdown {
    color: var(--secondary-darkest, #236978) !important;
    font-size: 2.5rem;
    font-weight: 900;
    font-family: "Aaux Next Bold";
}

a.button-primary:hover, a.button-primary:focus,
a.button-secondary:hover, a.button-secondary:focus,
a.button-tertiary:hover, a.button-tertiary:focus {
    text-decoration: none !important;
}

.hide-visibility {
    visibility: hidden;
}

#session-extend-modal .vertical-alignment-helper,
#session-logout-modal .vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
    pointer-events: none; /* This makes sure that we can still click outside of the modal to close it */
}

#session-extend-modal .vertical-align-center,
#session-logout-modal .vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events: none;
    width: 100vw;
}

#session-extend-modal .modal-content,
#session-logout-modal .modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width: 600px;
    max-width: inherit; /* For Bootstrap 4 - to avoid the modal window stretching full width */
    height: inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
}