/* @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Kufam:ital,wght@0,400..900;1,400..900&display=swap');

/* Color definitions */
:root {
    --color-primary-100: rgb(245, 209, 58);
    --color-primary-60: #c8bb73;
    --color-primary-5: #edf1ff;
    
    --content-bg: rgba(255,255,255,0.1);
    --fieldset-bg: #ffffff;
    --form-fieldset-border-color: #f1f1f1;

    /* --sidebar-border-color: #ff00ff; */
}

:root {
    
    --body-max-width: 100%;
    /* --body-bg: var(--content-bg); */
    /* --body-bg: #ff00ff; */

    /* --font-family-base: 'Kufam', sans-serif; */

    /* --font-size-base: 13px; */
    /* --border-radius: 0.3em; */

    --button-primary-bg: var(--color-primary-100);
    --link-color: var(--color-primary-60);
    --form-switch-checked-bg: var(--color-primary-60);
    --pagination-active-bg: var(--color-primary-5);
    --pagination-active-color: var(--color-primary-100);
    
    /* Sidebar */
    --sidebar-border-color: transparent;
    /* --sidebar-menu-color: #7D7D7D; */
    /* --sidebar-menu-active-item-bg: var(--color-primary-5); */
    /* --sidebar-menu-active-item-color: var(--color-primary-100); */
    
    .menu-item.active .menu-icon i {
        /* color: var(--color-primary-100); */
        color: black;
    }
    --sidebar-menu-items-padding-left: 1.0em;

    --content-search-input-bg: var(--content-bg);
}

body {
    background: linear-gradient(to right bottom, rgb(74, 10, 66), rgb(42, 15, 93), rgb(26, 13, 74));
    background-attachment: fixed;
}

.user-menu-wrapper img {
    object-fit: contain;
}

/* Sidebar */
.sidebar {
    /* font-family: var(--font-family-base); */
    /* text-transform: uppercase; */
    /* font-weight: 500; */
}

.sidebar .menu-item a {
    padding-top: 0.7em !important;
    padding-bottom: 0.7em !important;
}

.sidebar .menu-item.active {
    background-color: rgb(245, 209, 58) !important;
}

/* General layout */
/* @media screen and (min-width: 992px) {
    .wrapper {
        padding: 1em 0;
    }
} */

.content {
    /* --font-family-base: 'Poppins', sans-serif; */
    /* font-family: var(--font-family-base); */
    font-weight: 500;
}
.main-content {
    background-color: var(--content-bg);
    /* border-radius: var(--border-radius); */
    border-radius: 1.5em;
    margin: 1em;
}

.content-header {
    background-color: transparent;
}

.content-header-title .title {
    font-weight: 600;
    font-family: 'Kufam', sans-serif;
}

.menu-header {
    /* border-bottom: 1px solid #dddddd;
    margin-bottom: 1em;
    margin-top: 0em !important;
    height: 0;
    color: transparent !important; */
}

/* Forms and fields */
.form-fieldset.field-form_fieldset {
    border-radius: 0.5em;
    background-color: var(--fieldset-bg);
}

.form-help {
    font-weight: 300;
    font-size: 0.8em !important;
    font-style: italic;
}

/* Tables / datagrid */
.datagrid {
    /* --table-cell-color: #ff00ff; */
}

table, tr, td {
    /* border: 1px inset transparent;
    border-collapse: collapse;
    border-spacing: 0; */
}

.datagrid th,
.datagrid tr {
    --bs-table-bg: transparent;
}
/* 
.datagrid td {
    padding-top: 1em;
    padding-bottom: 1em;
} */

/* Pagination */
.page-item:not(.page-item-previous, .page-item-next) .page-link {
    --pagination-button-size: 2.5em;
    border-radius: 50% !important;
    padding: 0;
    text-align: center;
    width: var(--pagination-button-size);
    line-height: var(--pagination-button-size);
    height: var(--pagination-button-size);
}
.page-item.active .page-link {
    border-radius: 50%;
    border: 1px solid var(--color-primary-100)
}

.page-item-previous .page-link, 
.page-item-next .page-link {
    border: none !important;
    display: flex;
    align-items: center;
    height: 100%;
}
.page-item-next .page-link {
    justify-content: flex-end;
}
.page-item-previous .page-link .icon, 
.page-item-next .page-link .icon {
    line-height: 0;
}

/* Filters */
.filter-heading a {
    color: black;
}

.ea-dark-scheme {
    --color-primary-100: #4d55ec;
    --color-primary-60: #6172bf;
    --color-primary-5: #edf1ff;

    --link-color: var(--color-primary-60);

    --button-primary-bg: var(--color-primary-100);
    --button-secondary-bg: rgba(0, 0, 0, 0.1);
    --button-bg: rgba(0, 0, 0, 0.1);

    --body-bg: rgba(255, 255, 255, 0);
    --content-bg: rgba(255, 255, 255, 0.1);
    --sidebar-bg: transparent; /* var(--content-bg); */

    --fieldset-bg: rgba(0, 0, 0, 0.1);
    /* --form-fieldset-border-color: var(--fieldset-bg); */
    --form-fieldset-border-color: transparent;

    --sidebar-border-color: var(--body-bg);

    --table-cell-border-color: rgba(255, 255, 255, 0.05);
    --table-hover-cell-bg: rgba(255, 255, 255, 0.01);

    --datagrid-noresults-placeholder-bg: rgba(255, 255, 255, 0.05);

    --form-control-bg: rgba(0, 0, 0, 0.1);
    --form-control-disabled-bg: rgba(0, 0, 0, 0.0);
    /* --form-control-disabled-color: rgba(255, 255, 255, 0.1); */
    --form-control-disabled-color: rgba(255, 255, 255, 0.4 );
    --form-input-border-color: rgba(0, 0, 0, 0.1);
    --form-input-text-color: white;

    .filter-heading a {
        color: white;
    }
}

@media screen and (max-width: 1000px) {
    .ea-dark-scheme {
        --sidebar-bg: black;
    }
}

.accordion {
    --bs-accordion-active-bg: rgba(0, 0, 0, 0.1);
    --bs-accordion-bg: rgba(0, 0, 0, 0.1);
    --bs-accordion-border-color: rgba(0, 0, 0, 0.1);
    --bs-accordion-btn-padding-y: 0.5em;
    --bs-accordion-btn-padding-x: 0.5em;
}

.chart {
    height: 280px;
}