@font-face {
    font-family: "carnas";
    src: url("./fonts/carnas-reg.otf");
    font-weight: 400;
    font-style: normal;
}

html {
    font-size: 14px;
}

/* Override bootstrap css */
:root {
    /*--bs-border-radius: 0.25rem;*/
    /*--bs-card-border-width: 1px;*/
    /*--bs-border-color-translucent: rgba(0, 0, 0, .125);*/

    --bs-primary: #06b6d4;
    --bs-primary-rgb: 6, 182, 212;

    --bs-success: #22c55e;
    --bs-success-rgb: 34, 197, 94;
    --bs-success-text-emphasis: #0e4f26;
    --bs-success-bg-subtle: #e8faf0;
    --bs-success-border-subtle: #a3e4bc;

    --bs-danger: #ef4444;
    --bs-danger-rgb: 239, 68, 68;
    --bs-danger-text-emphasis: #5f1a1a;
    --bs-danger-bg-subtle: #fdecec;
    --bs-danger-border-subtle: #f9a8a8;

    --primary: #06b6d4;
    --secondary: #6C757D;
    --kersia-green: #00783F;
    --kersia-dark-green: #006033;
    --kersia-light-blue: #189ccd;
    --primary-color: red;
    --bg-color: #efeff0;
    --bg-color-secondary: #ffffff;
    --text-color: #000000;
    --text-color-secondary: #6b7280;
    --border-color: #dfe0e1;
    --shadow-color: rgba(0, 0, 0, .19);
}

.btn-primary {
    --bs-btn-bg: #06b6d4;
    --bs-btn-border-color: #06b6d4;
    --bs-btn-hover-bg: #0891b2;
    --bs-btn-hover-border-color: #0891b2;
    --bs-btn-active-bg: #0e7490;
    --bs-btn-active-border-color: #0e7490;
    --bs-btn-disabled-bg: #0891b2;
    --bs-btn-disabled-border-color: #0891b2;
    --bs-btn-disabled-color: #fff;
}

.btn-outline-primary {
    --bs-btn-color: #06b6d4;
    --bs-btn-border-color: #06b6d4;
    --bs-btn-hover-bg: #06b6d4;
    --bs-btn-hover-border-color: #06b6d4;
    --bs-btn-active-bg: #0891b2;
    --bs-btn-active-border-color: #0891b2;
}

.btn-danger {
    --bs-btn-bg: #ef4444;
    --bs-btn-border-color: #ef4444;
    --bs-btn-hover-bg: #dc2626;
    --bs-btn-hover-border-color: #d11d1d;
    --bs-btn-focus-shadow-rgb: 239, 68, 68;
    --bs-btn-active-bg: #d11d1d;
    --bs-btn-active-border-color: #c41919;
    --bs-btn-disabled-bg: #ef4444;
    --bs-btn-disabled-border-color: #ef4444;
}

.btn-outline-danger {
    --bs-btn-color: #ef4444;
    --bs-btn-border-color: #ef4444;
    --bs-btn-hover-bg: #ef4444;
    --bs-btn-hover-border-color: #ef4444;
    --bs-btn-focus-shadow-rgb: 239, 68, 68;
    --bs-btn-active-bg: #ef4444;
    --bs-btn-active-border-color: #ef4444;
    --bs-btn-disabled-color: #ef4444;
    --bs-btn-disabled-border-color: #ef4444;
}

.btn-success {
    --bs-btn-bg: #22c55e;
    --bs-btn-border-color: #22c55e;
    --bs-btn-hover-bg: #16a34a;
    --bs-btn-hover-border-color: #15803d;
    --bs-btn-focus-shadow-rgb: 34, 197, 94;
    --bs-btn-active-bg: #15803d;
    --bs-btn-active-border-color: #137035;
    --bs-btn-disabled-bg: #22c55e;
    --bs-btn-disabled-border-color: #22c55e;
}

.btn-outline-success {
    --bs-btn-color: #22c55e;
    --bs-btn-border-color: #22c55e;
    --bs-btn-hover-bg: #22c55e;
    --bs-btn-hover-border-color: #22c55e;
    --bs-btn-focus-shadow-rgb: 34, 197, 94;
    --bs-btn-active-bg: #22c55e;
    --bs-btn-active-border-color: #22c55e;
    --bs-btn-disabled-color: #22c55e;
    --bs-btn-disabled-border-color: #22c55e;
}

.table-active {
    --bs-table-bg-state: var(--bs-gray-100);
}

a,
.nav-link {
    color: #22c55e;
}

a:hover,
.nav-link:hover {
    color: #16a34a;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: #22c55e;
}

/* End override bootstrap css*/

/* Override cookie consent css */
.cc--light-funky {
    color-scheme: light;

    --cc-bg: #f9faff;
    --cc-primary-color: #112954;
    --cc-secondary-color: #112954;

    --cc-btn-primary-bg: #3859d0;
    --cc-btn-primary-color: var(--cc-bg);
    --cc-btn-primary-hover-bg: #213657;
    --cc-btn-primary-hover-color: #fff;

    --cc-btn-secondary-bg: #dfe7f9;
    --cc-btn-secondary-color: var(--cc-secondary-color);
    --cc-btn-secondary-hover-bg: #c6d1ea;
    --cc-btn-secondary-hover-color: #000;

    --cc-cookie-category-block-bg: #ebeff9;
    --cc-cookie-category-block-border: #ebeff9;
    --cc-cookie-category-block-hover-bg: #dbe5f9;
    --cc-cookie-category-block-hover-border: #dbe5f9;
    --cc-cookie-category-expanded-block-hover-bg: #ebeff9;
    --cc-cookie-category-expanded-block-bg: #ebeff9;

    --cc-overlay-bg: rgba(219, 232, 255, 0.85) !important;

    --cc-toggle-readonly-bg: #cbd8f1;
    --cc-toggle-on-knob-bg: var(--cc-bg);
    --cc-toggle-off-bg: #8fa8d6;
    --cc-toggle-readonly-knob-bg: var(--cc-bg);

    --cc-separator-border-color: #f1f3f5;

    --cc-footer-border-color: #f1f3f5;
    --cc-footer-bg: var(--cc-bg);

    --cc-btn-border-radius: 1rem .6rem 1.3rem .5rem / .5rem 1rem;
    --cc-modal-border-radius: var(--cc-btn-border-radius);
    --cc-pm-toggle-border-radius: var(--cc-btn-border-radius);
}

.cc--light-funky #cc-main .toggle__icon:after {
    border-radius: var(--cc-btn-border-radius);
}

.cc--light-funky #cc-main .cm__btn--close {
    border-radius: var(--cc-btn-border-radius);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/* End cookie consent css */

body {
    font-family: carnas, Arial, sans-serif !important;
    background-color: #fff;
    position: relative;
}

body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("./images/bg-kersia.jpg");
    background-repeat: repeat;
    background-position: top;
    opacity: 0.5;
    z-index: -1;
}

.btn-outline-primary:hover {
    path {
        fill: #ffffff;
    }
}

@media (min-width: 1024px) {
    .sticky-column {
        left: 0;
        z-index: 2;
        position: sticky;
    }
}

@media (min-width: 768px) {
    .dataTables_filter input {
        min-width: 300px;
    }
}

@media (max-width: 767.98px) {
    body.vh-100 {
        height: auto !important;
        min-height: 100vh;
    }
}