/*
  You can add custom CSS rules or import files here.
*/

/* Import the Radzen CSS files */
@import '../fonts/ankit.ttf';
/* Import site.css so its updates automatically apply here */
@import '../../css/site.css';

@font-face {
    font-family: 'Ankit';
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    src: local("Ankit"), local("Ankit"), url("../fonts/ankit.ttf") format('truetype');
}
.myDataGrid .rz-cell-data,
.myDataGrid .rz-cell-filter {
    font-family: Ankit !important;
    font-size: 20px !important;
}
.GoldDataGrid .rz-grid-table td {
    padding: 0 !important;
}
#popup-CloseScheme {
    width: 700px !important;
}
#popup-MediumWide {
    width: 200px !important;
}
#popup-Division {
    width: 500px !important;
}
#popup-GLAc {
    width: 500px !important;
}
.rz-side
#popup-OFA,#popup-OFB {
    width: 500px !important;
}
.rz-spinner-input {
    color: inherit !important;
    padding-right: 2px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}
.rz-numeric-input {
    color: inherit !important;
    padding-right: 2px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}
    .rz-spinner :focus {
      outline:  solid 1px blue !important ;
      border-radius:1px !important;
    }

.rz-datatable td {
    padding: 2px;
}

form .row {
    margin-bottom: 10px !important;
}

form .ui-message {
    z-index: 1;
}
.rz-numeric-up {
    display: none !important;
}

.rz-numeric-down {
    display: none !important;
}
/*.rz-datatable-even > td {
    background-color: rgb(186 184 200 / 0.05);
}*/
.rz-dropdown {
    background-color: whitesmoke;
}
/*.rz-grid-table {
    z-index: 1;
}*/
.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA9LCtmIj48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}
/* Loader overlay additions */
.initial-loader {
    position: fixed;
    inset: 0;
    background: rgba(255,255,255,0.85);
    backdrop-filter: blur(2px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    transition: opacity .5s ease;
}

    .initial-loader.hidden {
        opacity: 0;
        pointer-events: none;
    }

.initial-loader-content {
    text-align: center;
    padding: 1.25rem 1.5rem; /* reduced padding for lightweight */
    border-radius: .75rem;
    box-shadow: 0 6px 20px rgba(0,0,0,.16);
    background: #ffffff;
    min-width: 0; /* allow shrink */
}

.initial-loader-spinner {
    width: 48px; /* smaller */
    height: 48px;
    border: 5px solid #d9d9d9;
    border-top-color: #1b6ec2;
    border-radius: 50%;
    animation: il_spin 0.8s linear infinite; /* slightly faster */
    margin: 0 auto;
}

@keyframes il_spin {
    to {
        transform: rotate(360deg);
    }
}