@font-face {
    font-family: 'Aladin';
    src: url(./../../fonts/aladin.ttf) format('truetype');
}

@font-face {
    font-family: 'OpenSans';
    src: url(./../../fonts/openSans.ttf) format('truetype');
}

@font-face {
    font-family: 'Lato';
    src: url(./../../fonts/lato.ttf) format('truetype');
}

@font-face {
    font-family: 'Unicons';
    src: url(./../../fonts/unicons.ttf) format('truetype');
}

:root {
    --bs-primary: #d0822d;
    --bs-secondary: #FF9400;
    --bs-tertiary: #10375C;
    --bs-alt-primary: #974f00;
    --bs-primary-rgb: 208, 130, 45;
    --bs-tertiary-rgb: 255, 148, 0;
    --bs-gray-300-rgb: 221, 225, 228;
    --bs-gray-400-rgb: 206, 212, 218;
    --bs-yellow-rgb: 253, 243, 0;
    --bs-yellow: #fdf300;
    --bs-secondary-accent: rgb(255 243 221);
    --font-logo-color: #a76907; /*//ONLY FOR LOGO*/
    --font-family-primary: 'OpenSans';
    --font-family-tertiary: 'Lato';
    --font-family-LOGO: 'Aladin';
    --bs-border-color: var(--bs-gray-500);
    --bs-body-font-family: var(--font-family-tertiary);
    --bs-font-sans-serif: var(--font-family-tertiary);
    --bs-btn-font-family: var(--font-family-primary);
    --bs-table-bg: rgba(var(--bs-primary-rgb), .2);
}
/*========================================
  Section: BUTTON
========================================*/
.btn-outline-primary {
    /*font-weight: bold;*/
    border-right: double;
    border-bottom: double;
    background: white;
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-primary);
    --bs-btn-disabled-bg: var(--bs-gray-200) !important;
    --bs-btn-disabled-border-color: var(--bs-primary);
    --bs-gradient: none;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .2);
}

.btn-outline-secondary {
    /*font-weight: bold;*/
    border-right: double;
    border-bottom: double;
    background: white;
    --bs-btn-color: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-hover-border-color: var(--bs-secondary);
    --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-secondary);
    --bs-btn-active-border-color: var(--bs-secondary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-secondary);
    --bs-btn-disabled-bg: var(--bs-gray-200) !important;
    --bs-btn-disabled-border-color: var(--bs-secondary);
    --bs-gradient: none;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .2);
}

.btn-outline-tertiary {
    /*font-weight: bold;*/
    border-right: double;
    border-bottom: double;
    background: white;
    --bs-btn-color: var(--bs-tertiary);
    --bs-btn-border-color: var(--bs-tertiary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-tertiary);
    --bs-btn-hover-border-color: var(--bs-tertiary);
    --bs-btn-focus-shadow-rgb: var(--bs-tertiary-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-tertiary);
    --bs-btn-active-border-color: var(--bs-tertiary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-tertiary);
    --bs-btn-disabled-bg: var(--bs-gray-200) !important;
    --bs-btn-disabled-border-color: var(--bs-tertiary);
    --bs-gradient: none;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .2);
}
.btn-outline-danger {
    /*font-weight: bold;*/
    border-right: double;
    border-bottom: double;
    background: white;
    --bs-btn-color: var(--bs-danger);
    --bs-btn-border-color: var(--bs-danger);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-danger);
    --bs-btn-hover-border-color: var(--bs-danger);
    --bs-btn-focus-shadow-rgb: var(--bs-danger-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-danger);
    --bs-btn-active-border-color: var(--bs-danger);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-danger);
    --bs-btn-disabled-bg: var(--bs-gray-200) !important;
    --bs-btn-disabled-border-color: var(--bs-danger);
    --bs-gradient: none;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .2);
}
.btn-outline-succcess {
    /*font-weight: bold;*/
    border-right: double;
    border-bottom: double;
    background: white;
    --bs-btn-color: var(--bs-success);
    --bs-btn-border-color: var(--bs-success);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-success);
    --bs-btn-hover-border-color: var(--bs-success);
    --bs-btn-focus-shadow-rgb: var(--bs-success-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-success);
    --bs-btn-active-border-color: var(--bs-success);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-success);
    --bs-btn-disabled-bg: var(--bs-gray-200) !important;
    --bs-btn-disabled-border-color: var(--bs-success);
    --bs-gradient: none;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .2);
}

.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-success);
    --bs-btn-border-color: rgba(var(--bs-success-rgb), .8);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgba(var(--bs-success-rgb), .8);
    --bs-btn-hover-border-color: var(--bs-success);
    --bs-btn-focus-shadow-rgb: var(--bs-success-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgba(var(--bs-success-rgb), .8);
    --bs-btn-active-border-color: var(--bs-success);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-gray-600);
    --bs-btn-disabled-bg: var(--bs-gray-300) !important;
    --bs-btn-disabled-border-color: rgba(var(--bs-success-rgb), .2);
    font-weight: bold;
    /*letter-spacing: 1.5px;*/
}


.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: rgba(var(--bs-primary-rgb), .8);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgba(var(--bs-primary-rgb), .8);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgba(var(--bs-primary-rgb), .8);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-dark);
    --bs-btn-disabled-bg: var(--bs-gray-300) !important;
    --bs-btn-disabled-border-color: rgba(var(--bs-primary-rgb), .8);
    font-weight: bold;
    /*letter-spacing: 1.5px;*/
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgba(var(--bs-secondary-rgb), .5);
    --bs-btn-hover-border-color: var(--bs-secondary);
    --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-secondary);
    --bs-btn-active-border-color: var(--bs-secondary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-gray-200) !important;
    --bs-btn-disabled-border-color: var(--bs-secondary);
    font-weight: bold;
    /*letter-spacing: 1.5px;*/
}

.btn-tertiary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-tertiary);
    --bs-btn-border-color: var(--bs-tertiary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgba(var(--bs-tertiary-rgb), .5);
    --bs-btn-hover-border-color: var(--bs-tertiary);
    --bs-btn-focus-shadow-rgb: var(--bs-tertiary-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-tertiary);
    --bs-btn-active-border-color: var(--bs-tertiary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-gray-200) !important;
    --bs-btn-disabled-border-color: var(--bs-tertiary);
    font-weight: bold;
    /*letter-spacing: 1.5px;*/
}

/*========================================
  Section: TABLE
========================================*/
.table {
    --bs-table-color: var(--bs-emphasis-color);
    --bs-table-bg: var(--bs-body-bg);
    /*--bs-table-border-color: #a93d034a;*/
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-emphasis-color);
    --bs-table-striped-bg: rgba(var(--bs-tertiary-500-rgb), .1);
    --bs-table-active-color: var(--bs-emphasis-color);
    --bs-table-active-bg: rgba(var(--bs-tertiary-500-rgb), 0.2);
    --bs-table-hover-color: var(--bs-emphasis-color);
    --bs-table-hover-bg: rgba(var(--bs-tertiary-500-rgb), 0.2);
}

tr:first-child, tr:first-child:hover {
    --bs-table-striped-bg: var(--bs-primary);
    --bs-table-striped-color: var(--bs-white);
    --bs-table-hover-bg: var(--bs-primary);
    --bs-table-hover-color: var(--bs-white);
}

#IRRtableHeader > tr:first-child, #IRRtableHeader> tr:first-child:hover {
    --bs-table-hover-bg: var(--bs-white) !important;
    --bs-table-hover-color: var(--bs-black);
}