.col-lg-3.col-6.percent20 { flex: 0 0 20% !important; max-width: 20% !important; }

@-webkit-keyframes slide {
    100% { top: 15%; }
}

@keyframes slide {
    100% { top: 15%; }
}

/*fix carousel image height*/
.slider-size { height: 344px; /* This is your slider height */ }
.carousel-item img { width: 100%; height: 344px; margin: 0 auto; /* center your carousel if other than 100% */ }
/*Form Labels*/
@media (max-width: 767px) {
    .col-form-label { padding-top: 0; padding-bottom: 0; }
}
/*Set sub menu item bg*/
.sub-menu-bg { color: #FFFFFF !important; background-color: #dc3545 !important; }
/*for aligning checkbox and its label*/
label.custom-control-label.adjusttop:before, label.custom-control-label.adjusttop:after { top: 8px !important; }
/*For required span*/
.required { /*vertical-align: super; color: #dc3545;*/ color: #000000; }
.information { font-size: 13px; color: #666666; padding: 0; margin: 0; width: 100%; display: block; }
.text-danger-sm { font-size: 14px; color: #dc3545; padding: 0; margin: 0; }
/*round buttons*/
.btn-circle.btn-sm { width: 30px; height: 30px; padding: 6px 0px; border-radius: 15px; text-align: center; line-height: 1.2; }
.btn-circle.btn-md { width: 50px; height: 50px; padding: 7px 10px; border-radius: 25px; text-align: center; line-height: 1.2; }
.btn-circle.btn-xl { width: 70px; height: 70px; padding: 10px 16px; border-radius: 35px; text-align: center; line-height: 1.2; }
/*primary and secondary colors*/
.bg-app-primary { background-color: #001149 !important; }
.bg-app-secondary { background-color: #f66e22 !important; }
ul.navbar-nav a.nav-link { color: #ffffff !important; }
/*validation css*/
.valid { border-color: #28a745 !important }
    .valid + div.input-group-append > div.input-group-text { border-color: #28a745 !important }
.input-validation-error { border-color: #dc3545 !important }
    .input-validation-error + div.input-group-append > div.input-group-text { border-color: #dc3545 !important }
/*asap menu bar theme*/
.sidebar-dark-danger .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-danger .nav-sidebar > .nav-item > .nav-link.active { background-color: #ff8336 !important; color: #ffffff !important; }
/*form label padding-bottom*/
.col-form-label { padding-bottom: 0 !important; padding-top: 0 !important; }
/*height of search text boxes in datatable*/
.search input[type="text"].form-control { height: calc(1.75rem + 2px); }
.dropdown-item a { cursor: pointer; }
    .dropdown-item a:hover, .dropdown-item a:focus { color: #16181b; text-decoration: none; background-color: #f8f9fa; }
/*to remove Browse from input file label*/
.input-group > .custom-file:not(:last-child) .custom-file-label::after { display: none !important; }
.table td.fit,
.table th.fit { white-space: nowrap; width: 1%; }
.table td input, .table td select { width: 100%; height: calc(2rem + 2px); }
/*avoid right padding when modal shows*/
/*body.modal-open { padding-right: 0px !important; }*/
body.modal-open { overflow: auto; }
    body.modal-open[style] { padding-right: 0px !important; }
.modal::-webkit-scrollbar { width: 0 !important; }
/*please wait loading*/
.loading-overlay { position: absolute; z-index: 1052; width: 100%; height: 100%; font-weight: bolder; color: #007bff; background-color: #ffffff; opacity: 0.9; border-radius: 5px; text-align: center; display: none; }
    .loading-overlay .spinner-wrapper { position: relative; top: 0; left: 0; }
        .loading-overlay .spinner-wrapper i, .loading-overlay .spinner-wrapper img { margin-top: 25%; }
/*strkitrough table row*/
/*tr.strikeout td:before { content: " "; position: absolute; top: 50%; left: 0; border-bottom: 1px solid #111; width: 100%; }*/
@media print {
    .verticaltext { transform: rotate(-90deg); transform-origin: right, top; -ms-transform: rotate(-90deg); -ms-transform-origin: right, top; -webkit-transform: rotate(-90deg); -webkit-transform-origin: right, top; position: absolute; }
}
/*blinking*/
.blink_me { animation: blinker 1s linear infinite; }

@keyframes blinker {
    50% { opacity: 0; }
}
/*Remove default blue highlight*/
.form-control:focus { box-shadow: none !important; }
/*vertical-align content tables*/
table.vertical-align > tbody > tr > td { vertical-align: middle; }
/*custom background for checkboxes and radios*/
.custom-control-label::before { background-color: #ffffff; }
.custom-control-input:disabled ~ .custom-control-label::before { background-color: #dadada; }
/*to make anything unselectable*/
.unselectable { -webkit-user-select: none; -webkit-touch-callout: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
ul.pagination { justify-content: flex-end !important; }

/*for removing inline styles*/
.brand-link { height: 57px; }
    .brand-link > img { height: 100%; }
a.nav-link > img.imgProfileImage { width: 40px; height: 40px; border-radius: 20px; }
.userImage { cursor: pointer; position: relative; }
.userImageEdit { position: absolute; top: 0; right: 0; }
.userPartialImage { top: 15% !important; position: relative !important; }
.userListImage { width: 30px; height: 30px; border-radius: 15px; }

/*for Support Requests*/
.file-block { border-radius: 10px; background-color: #90a3cb; background-color: rgba(144, 163, 203, 0.2); margin: 5px; color: initial; display: inline-flex; }
    .file-block > span.name { padding-right: 10px; width: max-content; display: inline-flex; }
.file-delete { display: flex; width: 24px; color: initial; background-color: #6eb4ff; font-size: large; justify-content: center; margin-right: 3px; cursor: pointer; }
    .file-delete:hover { background-color: #90a3cb; background-color: rgba(144, 163, 203, 0.2); border-radius: 10px; }
    .file-delete > span { transform: rotate(45deg); }

/*for right aligning all numeric and date datatypes in datatable*/
/*table.dataTable th.dt-type-numeric,
table.dataTable th.dt-type-date,
table.dataTable td.dt-type-numeric,
table.dataTable td.dt-type-date { text-align: right!important; }*/

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
/* Accessibility toolbar buttons – text only */
.accessibility-controls button {
    background: none;
    border: none;
    padding: 0 4px;
    margin: 0;
    font: inherit;
    color: #000;
    cursor: pointer;
    text-decoration: none;
}

    /* Hover – subtle underline (optional but recommended) */
    .accessibility-controls button:hover {
        text-decoration: underline;
    }

    /* Focus – MUST be visible (GIGW/WCAG) */
    .accessibility-controls button:focus {
        outline: 2px solid #005fcc;
        outline-offset: 2px;
    }

    /* Active state */
    .accessibility-controls button:active {
        text-decoration: underline;
    }

    /* Screen Reader ON state (optional visual cue) */
    .accessibility-controls button[aria-pressed="true"] {
        font-weight: 600;
        text-decoration: underline;
    }
/* ===============================
   FILE DOWNLOAD META UI
   =============================== */

.file-meta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.85rem;
    margin-left: 6px;
    white-space: nowrap;
}

    .file-meta i {
        font-size: 1rem;
    }

/* ===== Color by File Type ===== */
.file-pdf i {
    color: #d32f2f;
}
/* PDF – Red */
.file-doc i,
.file-docx i {
    color: #1976d2;
}
/* Word – Blue */
.file-xls i,
.file-xlsx i {
    color: #2e7d32;
}
/* Excel – Green */

/* ===== Block layout (content / scroll) ===== */
.download-link.block .file-meta {
    display: block;
    margin-left: 0;
    margin-top: 4px;
}

/* ===== Inline layout (menu / navbar) ===== */
.download-link.inline .file-meta {
    display: inline-flex;
}

/* ===== Screen reader only ===== */
.sr-only {
    position: absolute;
    left: -9999px;
}