/* Client specific formatting loaded from tags.py */



/* Load root colors from tags.py */
:root {
    --primary: #000000;
    --primary_accent: #86BC25;
    --primary_accent_light: #86BC2570;
    --primary_text: #ffffff;
    --secondary: #75787B;
    --secondary_accent: #000000;
    --secondary_text: #ffffff;
    --base_text: #ffffff;
}

/* Coloring of top navbar underline */
.primary_accent_border {
    background-color: var(--primary_accent);
    border-width: thin;
    height: 3px;
    width: 100%;
}

/* Coloring of sidebar */
.sidebar .active .nav-link i{
    color: var(--primary_accent);
}

.sidebar .nav-item .nav-link {
    color: var(--primary_text);
}

  
/* Text coloring */
.primary_text {
    color: var(--primary_text) !important;
}
/* Background coloring */
.primary {
    background-color: var(--primary) !important;
    color: var(--primary_text) !important;
}
/* Background coloring */
.primary_accent {
    background-color: var(--primary_accent) !important;
    color: var(--primary_text) !important;
}
/* Background coloring */
.secondary {
    background-color: var(--secondary) !important;
    color: var(--secondary_text) !important;
}
/* Background coloring */
.secondary_accent {
    background-color: var(--secondary_accent) !important;
    color: var(--secondary_text) !important;
}
/* Text coloring */
.secondary_text {
    color: var(--secondary_text) !important;
}
/* Pagination color */
.pagination a{
    color: var(--base_text) !important;
}
.page-item.active a {
    color: var(--primary_text) !important;
    background-color: var(--primary_accent) !important;
    border-color: var(--primary_accent) !important;
}
tbody a, .breadcrumb a, .card a{
    color: var(--primary_accent) !important;
}
/* Login language picker */
#globe-container{
    font-size: 1rem;
}



/* ------------------------------------------------ */
/* Additional styling for the admin dashboard */
/* ------------------------------------------------ */

/* Site header */
#header  {
    background: var(--primary) !important;
    padding: 0px;
    height: 1%;
}
#header a:link, #header a:visited {
    color: var(--primary_text) !important;
    margin-left: 10px;
}
.breadcrumbs{
    background-color: var(--secondary) !important;
    color: var(--secondary_text) !important;
}
.breadcrumbs a {
    color: var(--primary_accent) !important;
}

/* Links in top right corner */
#branding h1, #branding h1 a:link, #branding h1 a:visited {
    color: var(--primary_text)  !important;
    font-weight: bold;
    font-size: 30px;
}

/* Spacing in top right corner between name and links */
#user-tools {
    color: var(--primary_text);
    padding-right: 20px;
    padding-top: 0.25%;
}

/* caption in contont piece */
#content h1 {
    font-weight: bold;
    font-size: 25px;
    color: var(--primary);
}
#content caption {
    background-color: var(--primary);
}

/* Latest actions header */
#content-related .module h2, #changelist-filter h2 {
    background: var(--secondary)  !important;
    color: var(--secondary_text) !important;
}

/* Selected filters */
#changelist-filter li.selected {
    border-left: 5px solid var(--secondary) !important;
}

/* Latest actions title and content and in admin tables, captions */
#content-related .module h3, #content-related .module a, #content tbody a:link, #content tbody a:visited, .module caption, .inline-group h2 {
    color: var(--primary) !important;
}
#content caption a{
    color: var(--primary_text) !important;
}
.module h2{
    background-color: var(--primary) !important;
    color: var(--primary_text) !important;
}

/* Color buttons */
.submit-row input{
    background-color:var(--primary_accent) !important;
    filter: brightness(0.95);
}
.submit-row input.default{
    filter: brightness(1.15);
}

.form-control:focus {
    border-color: var(--primary_accent) !important;
    box-shadow: 0 0 0 0.2rem var(--primary_accent_light) !important;
}

.btn:focus {
    box-shadow: 0 0 0 0.2rem var(--primary_accent_light) !important;
}

.btn:select {
    box-shadow: 0 0 0 0.2rem var(--primary_accent_light) !important;
}

.btn-selected {
    box-shadow: 0 0 0 0.2rem var(--primary_accent_light) !important;
}

.spin::before {
    border-bottom-color: var(--primary_accent) !important;
}