.app-header .app-logo {
    background-image: url(img/YUBIK_logo_negativo.png) !important;
    width: 130px;
}


.login-page-background {
    background-image: url(img/login_1.jpg) !important;
}
.logout-page-background {
    background-image: url(img/login_1.jpg) !important;
}


.app-login-root .app-logo {
    background-image: url(img/YUBIK_logo_negativo.png) !important;
}

.app-logout-root .app-logo {
    background-image: url(img/YUBIQ-logo.png) !important;
	filter:none !important;
}

/*----------------------------------------------------*/


/*:root {
    --bs-hr-icon-color: #3e97fff7;
}*/
:root {
    --bs-hr: #91423A;
}

[data-bs-theme=light] {
    --bs-hr: #91423A;
    --bs-hr-inverse: #FFFFFF;
    --bs-hr-rgb: rgb(145, 66, 58);
    --bs-text-hr: #91423A;
}

[data-bs-theme=dark] {
    --bs-hr: #91423A;
    --bs-hr-inverse: #CDCDDE;
    --bs-hr-rgb: rgb(66, 125, 192);
    --bs-text-hr: #91423A;
}

.app-header .app-logo {
    background-image: url(img/YUBIK_logo_negativo.png) !important;
    width: 130px;
}


.login-page-background {
    background-image: url(img/login_1.jpg) !important;
}

.logout-page-background {
    background-image: url(img/login_1.jpg) !important;
}


.app-login-root .app-logo {
    background-image: url(img/YUBIK_logo_negativo.png) !important;
}

.app-logout-root .app-logo {
    background-image: url(img/YUBIQ-logo.png) !important;
    filter: none !important;
}


#divSign > .container {
    margin-right: unset !important;
    margin-left: unset !important;
}

/*.icon-hr::before {
    content: "\f07b";
    color: var(--bs-hr-icon-color);
}*
    
    /* ######## start:hr */
:root {
    --bs-hr: #91423A;
}

[data-bs-theme=light] {
    --bs-hr: #91423A;
    --bs-hr-inverse: #FFFFFF;
    --bs-hr-rgb: rgb(145, 66, 58);
    --bs-text-hr: #91423A;
}

[data-bs-theme=dark] {
    --bs-hr: #91423A;
    --bs-hr-inverse: #CDCDDE;
    --bs-hr-rgb: rgb(66, 125, 192);
    --bs-text-hr: #91423A;
}

.text-bg-hr {
    color: #FFFFFF !important;
    background-color: RGBA(145, 66, 58, var(--bs-bg-opacity, 1)) !important;
}

.btn.btn-bg-hr {
    border-color: var(--bs-hr);
    background-color: var(--bs-hr);
}

.bg-hr {
    --bs-bg-rgb-color: var(--bs-hr-rgb);
    background-color: var(--bs-hr) !important;
}

.svg-icon.svg-icon-hr {
    color: var(--bs-text-hr);
}

.text-hr {
    color: var(--bs-text-hr) !important;
}

.text-inverse-hr {
    color: var(--bs-hr-inverse) !important;
}

.text-hover-hr {
    transition: color 0.2s ease;
}

    .text-hover-hr i {
        transition: color 0.2s ease;
    }

    .text-hover-hr:hover {
        transition: color 0.2s ease;
        color: var(--bs-text-hr) !important;
    }

        .text-hover-hr:hover i {
            transition: color 0.2s ease;
            color: var(--bs-text-hr) !important;
        }

        .text-hover-hr:hover .svg-icon {
            color: var(--bs-text-hr) !important;
        }

.text-active-hr {
    transition: color 0.2s ease;
}

    .text-active-hr i {
        transition: color 0.2s ease;
    }

    .text-active-hr.active {
        transition: color 0.2s ease;
        color: var(--bs-text-hr) !important;
    }

        .text-active-hr.active i {
            transition: color 0.2s ease;
            color: var(--bs-text-hr) !important;
        }

        .text-active-hr.active .svg-icon {
            color: var(--bs-text-hr) !important;
        }

.border-hr {
    border-color: var(--bs-hr) !important;
}

.icon-hr {
    line-height: 1;
    display: inline-block;
    font-style: normal;
    font-weight: 300;
    font-family: var(--fa-style-family-classic);
}

    .icon-hr::before {
        content: "\f47f";
    }

.badge-hr {
    color: var(--bs-hr-inverse);
    background-color: var(--bs-hr);
}

    .badge-hr.badge-outline {
        border: 1px solid var(--bs-hr);
        color: var(--bs-hr);
        background-color: transparent;
    }

.badge-light-hr {
    color: var(--bs-hr);
    background-color: var(--bs-hr-light);
}

.parent-hover .parent-hover-hr {
    transition: color 0.2s ease;
}

.parent-hover:hover .parent-hover-hr {
    transition: color 0.2s ease;
    color: var(--bs-text-hr) !important;
}

/* ######## end:hr */