/*
 * Skin file!
 * This will override the main.css rules.
 * DO NOT EDIT - this file will be overwritten by the backoffice!
 * Last modification: 2025-04-23 22:34:35
 */

:root {
    --navbar-bg-color: #f05a22;
    --navbar-item-text-color: #f05a22;
    --navbar-item-bg-color: #f05a22;

    --button-bg-color: #f05a22;
    --button-hover-color: #f05a22;
    --button-text-color: #ffffff;

    --panel-bg-color: #f05a22;

    --footer-links-color: ;
    --footer-links-hover-color: ;
}


/* LOGIN PAGE BACKGROUND ---------------------------------- */
.page-background {
    background: url('https://dcusercontent.imgix.net/dedutch/images/image_a2fa26d83e.jpg?auto=format&ixlib=php-3.3.1&s=63e86a18bfb25b269eabc044f2322948') no-repeat center 50px;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* TOP MENU BAR ---------------------------------- */
.navbar {
    background-color: #f05a22;
}

.navbar.bg-primary {
    background-color: #f05a22 !important;
}

.bg-primary {
    background-color: #f05a22 !important;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(240,90,34,0.75) !important;
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(240,90,34,1) !important;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #f05a22 !important;
}

/* BUTTONS ---------------------------------- */
.btn-primary {
    color: #ffffff ;
    background-color: #f05a22 ;
    border-color: #f05a22 ;
}

.btn-primary:focus {
        box-shadow: 0 0 0 0.2rem rgba(240,90,34,0.5);
}

.btn-primary:hover {
    color: #ffffff ;
    background-color: #f05a22 ;
    border-color: #f05a22 ;
}

.btn-outline-primary {
    color: #f05a22 ;
    border-color: #f05a22 ;
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(240,90,34,0.5);
}

.btn-outline-primary:hover {
    color: #ffffff ;
    background-color: #f05a22 ;
    border-color: #f05a22 ;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle.navbar-inverse {
    border-color: #f05a22;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
    color: #ffffff;
    background-color: #f05a22;
    border-color: #f05a22;
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(240,90,34,0.5);
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(240,90,34,0.5);
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #ffffff ;
    background-color: #f05a22 ;
    border-color: #f05a22 ;
}

.form-control:focus {
    border-color: #f05a22;
    box-shadow: 0 0 0 0.2rem rgba(240,90,34,0.5);
}

/* PANEL ---------------------------------- */
.panel.mid-box {
    border: 1px solid #f05a22;
}

/* LINKS ---------------------------------- */
a, a:link {
    color: #f05a22;
}

a:hover {
    color: #f05a22;
}

footer a {
    color:  !important;
}

footer a:hover {
    color:  !important;
}