/* ================================================================================================
// 	File Name: style.scss
// 	Description: Style for customization.
// 	----------------------------------------------------------------------------------------------
// 	Item Name: Chameleon Admin - Modern Bootstrap 4 WebApp & Dashboard HTML Template + UI Kit
// 	Version: 1.0
// 	Author: ThemeSelection
// 	Author URL: https://themeselection.com/
// ================================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

/* BR Sonoma Font Face Declarations */
@font-face {
    font-family: "BR Sonoma";
    src: url("/app-assets/fonts/br-sonoma/Brink-BR-Sonoma-Regular.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "BR Sonoma";
    src: url("/app-assets/fonts/br-sonoma/Brink-BR-Sonoma-SemiBold.otf") format("opentype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "BR Sonoma";
    src: url("/app-assets/fonts/br-sonoma/Brink-BR-Sonoma-Bold.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* BR Sonoma Font Implementation - Clean Approach */
:root {
    --font-family-sans-serif: "BR Sonoma", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Apply BR Sonoma to body for inheritance */
body {
    font-family: "BR Sonoma", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
}

/* Apply BR Sonoma to specific text elements only */
h1, h2, h3, h4, h5, h6,
p, span, div, a, button, input, textarea, select,
label, strong, em, b, i, u, small, big,
.nav-link, .navbar-brand, .btn, .form-control, .form-label,
.dropdown-menu, .dropdown-item, .card, .card-header, .card-body, .card-footer,
.table, .table th, .table td, .alert, .badge, .progress, .progress-bar,
.modal, .modal-header, .modal-body, .modal-footer,
.tooltip, .popover, .breadcrumb, .breadcrumb-item,
.pagination, .page-link, .list-group, .list-group-item,
.nav-tabs, .nav-pills, .nav-item, .tab-content, .tab-pane,
.accordion, .collapse, .carousel, .carousel-item,
.jumbotron, .media, .media-body, .figure, .figure-caption,
.blockquote, .blockquote-footer, .lead, .display-1, .display-2, .display-3, .display-4,
.text-muted, .text-primary, .text-secondary, .text-success, .text-info, .text-warning, .text-danger, .text-light, .text-dark {
    font-family: "BR Sonoma", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
}

/* Preserve icon fonts with their correct font-family */
[class*=" ft-"],
[class^=ft-] {
    font-family: feather !important;
}

[class*=" fa-"],
[class^=fa-] {
    font-family: "Font Awesome 5 Pro" !important;
}

[class*=" la-"],
[class^=la-] {
    font-family: "LineAwesome" !important;
}

.error {
    color: red;
}
.errorFrm {
    color: red;
    width: 100%;
    text-align: right;
}
.success_msg {
    color: seagreen;
    width: 100%;
    text-align: right;
}
.hide, .hideMe {
    display: none !important;
}
#html5-watermark, .html5-social-btn{
    display: none !important;
}
.dataTables_processing {
    /* position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 40px;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    text-align: center;
    font-size: 1.2em;
    background-color: white; */
    /* position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: -26px;
    text-align: center;
    padding: 1em 0; */
}
#loaderDB {
    border: 8px solid #f3f3f3;
    border-radius: 50%;
    border-top: 8px solid #3498db;
    width: 60px;
    height: 60px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    margin-left:50%;
    margin-top:5%;
} 
.mr5{
    margin-right: 5px !important;
}
.mr7{
    margin-right: 7px !important;
}
.mr10{
    margin-right: 10px !important;
}
.menuActive {
    color: #fa626b !important;
}
.minWidthAuto {
    min-width: auto !important;
}
table.dataTable thead .sorting { background: url('../../images/datatable/sort_both.png') no-repeat center right; cursor: pointer; }
table.dataTable thead .sorting_asc { background: url('../../images/datatable/sort_asc.png') no-repeat center right; cursor: pointer; }
table.dataTable thead .sorting_desc { background: url('../../images/datatable/sort_desc.png') no-repeat center right; cursor: pointer; }

table.dataTable thead .sorting_asc_disabled { background: url('../../images/datatable/sort_asc_disabled.png') no-repeat center right; }
table.dataTable thead .sorting_desc_disabled { background: url('../../images/datatable/sort_desc_disabled.png') no-repeat center right; }