/* YapWeb - surcharges Bootstrap. Charge apres bootstrap.css. */
html, body { font-family: Montserrat, sans-serif; }
.form-control:focus, .form-select:focus { color: #2a2a2a; }
.btn-primary { color:#17202d; background-color:#e7b45a; border-color:#e7b45a; }
.btn-primary:hover { color:#17202d; background-color:#f5c779; border-color:rgba(2,87,142,.9); }
.btn-default { color:#17202d; background-color:#e7b45a; border-color:#e7b45a; }
.btn-default:hover { color:#17202d; background-color:#f5c779; border-color:rgba(10,83,190,.88); }
.btn-custom { min-width:140px;text-transform:none;border-radius:8px;font-size:.9rem;font-weight:normal;padding:8px;cursor:pointer;display:inline-block;text-align:center;white-space:nowrap;vertical-align:middle;user-select:none;border:1px solid transparent;line-height:1.5;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.btn-custom:focus { outline:0 auto -webkit-focus-ring-color; }
.form-control { color:#000; }

/* Administration : adaptation des composants Bootstrap dans uiPageShell.
   Ces règles n'affectent pas les formulaires des pages publiques. */
.uiPageShell .form-control,.uiPageShell .form-select { background:#171e2a;border:1px solid #394354;color:#eef0f6;border-radius:9px;padding:10px 12px;min-height:42px;box-shadow:none; }
.uiPageShell .form-control:focus,.uiPageShell .form-select:focus { background:#171e2a;color:#eef0f6;border-color:#e7b45a;box-shadow:0 0 0 2px rgba(231,180,90,.15); }
.uiPageShell .form-control::placeholder { color:#9aa4b7; }
.uiPageShell textarea.form-control { min-height:110px;resize:vertical; }
.uiPageShell .form-label { color:#dce1ec;font-weight:500;margin-bottom:7px; }
.uiPageShell .table { width:100%;vertical-align:middle;border-color:#394354; }
.uiPageShell .table thead th { background:#252e3e;color:#e9eaf3;font-weight:600;border-color:#394354;padding:12px; }
.uiPageShell .table tbody td { border-color:#394354;padding:11px 12px; }
.uiPageShell .modal-content { background:#202735;color:#eef0f6;border:1px solid #394354;border-radius:14px;box-shadow:0 20px 70px rgba(0,0,0,.3); }
.uiPageShell .modal-header,.uiPageShell .modal-footer { border-color:#394354; }
.uiPageShell .modal-title { font-weight:650; }

/* Pagination Bootstrap / DataTables : palette or YapWeb dans l'administration. */
.uiPageShell .page-item.active .page-link,
.uiPageShell .pagination .active > .page-link,
.uiPageShell .dt-paging-button.current {
    background-color: #e7b45a;
    border-color: #d8a54c;
    color: #17202d;
}

.uiPageShell .page-link {
    color: #e7b45a;
}

.uiPageShell .page-link:hover {
    color: #17202d;
    background-color: #f5c779;
    border-color: #d8a54c;
}

.uiPageShell .page-link:focus {
    box-shadow: 0 0 0 2px rgba(231, 180, 90, .18);
}

/* Pagination DataTables dans l'administration : fond sombre, y compris les
   boutons precedent/suivant desactives. Les couleurs des espaces restent libres. */
.uiPageShell .pagination .page-link,
.uiPageShell .page-item .page-link {
    background-color: #202735;
    border-color: #394354;
    color: #e7b45a;
}

.uiPageShell .pagination .page-link:hover,
.uiPageShell .page-item:not(.disabled) .page-link:hover {
    background-color: #354054;
    border-color: #d8a54c;
    color: #f5c779;
}

.uiPageShell .pagination .page-item.active .page-link,
.uiPageShell .page-item.active .page-link {
    background-color: #e7b45a;
    border-color: #d8a54c;
    color: #17202d;
}

.uiPageShell .pagination .page-item.disabled .page-link,
.uiPageShell .page-item.disabled .page-link {
    background-color: #1b2230;
    border-color: #394354;
    color: #7f8a9d;
    opacity: 1;
    cursor: default;
}