/* ============================================================
   locallogin.css — styles for the local-auth login dialog
   Sourced from Login project's dialog.css + login.css
   ============================================================ */

/* Panel layout */
.ll-dialog-panel {
    width: 400px;
    margin: auto;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.ll-dialog-panel .ui-messages {
    width: 100%;
    box-sizing: border-box;
}

.ll-dialog-panel .ui-messages table {
    width: 100%;
    table-layout: fixed;
}

.ll-dialog-panel .ui-messages td {
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}

.ll-dialog-panel-title {
    width: 400px;
    margin: auto;
    text-align: center;
    font-size: 1.15em;
    font-weight: 500;
    padding: 10px;
}

.ll-dialog-panel-main {
    width: 400px;
    margin: auto;
    padding: 25px;
}

.ll-dialog-label {
    text-align: center;
    font-size: 1.0em;
    font-weight: 500;
}

/* Spinner (shown during ajax processing) */
.ll-loader {
    border: 16px solid #f3f3f3;
    border-top: 16px solid #3498db;
    border-radius: 75%;
    width: 75px;
    height: 75px;
    animation: ll-spin 2s linear infinite;
}

@-webkit-keyframes ll-spin {
    0%   { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes ll-spin {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Rounded Login/Logout nav buttons */
.ba-auth-menu-button.ui-button,
.ba-auth-menu-button.ui-button:enabled,
.ba-auth-menu-button.ui-state-default {
    border-radius: 999px !important;
    margin: 4px 8px !important;
    padding: 6px 18px !important;
}

.ba-auth-menu-button.ui-button .ui-button-text {
    padding: 0 !important;
}

.ba-auth-menu-button.ui-button:hover,
.ba-auth-menu-button.ui-state-hover {
    border-radius: 999px !important;
}