﻿html[data-placement="vertical"] .nav-container .nav-content .logo a, html[data-placement="horizontal"] .nav-container.mobile-side-ready .nav-content .logo a, html[data-placement="vertical"] .nav-container.mobile-side-ready .nav-content .logo a {
    width: 200px;
}

html[data-color="light-blue"] .logo .img, html[data-color="light-lime"] .logo .img, html[data-color="light-green"] .logo .img, html[data-color="light-red"] .logo .img, html[data-color="light-pink"] .logo .img, html[data-color="light-purple"] .logo .img, html[data-color="light-teal"] .logo .img, html[data-color="light-sky"] .logo .img, html[data-color="dark-blue"] .logo .img, html[data-color="dark-green"] .logo .img, html[data-color="dark-red"] .logo .img, html[data-color="dark-pink"] .logo .img, html[data-color="dark-purple"] .logo .img, html[data-color="dark-lime"] .logo .img, html[data-color="dark-sky"] .logo .img, html[data-color="dark-teal"] .logo .img {
    background-image: url(/template/acorn_bs5/img/logo/paragon_cc.png);
    background-position-x: center;
    background-size: contain;
}

html[data-color="light-blue"][data-menu-animate="hidden"][data-behaviour="unpinned"] .logo .img,
html[data-color="light-blue"][data-behaviour="unpinned"]:not([data-menu-animate="show"]) .logo .img {
    background-image: url(/template/acorn_bs5/img/logo/paragon_cc_Ico.png) !important;
    background-position-x: left;
}

html[data-color="light-blue"][data-menu-animate="hidden"][data-behaviour="unpinned"] .user-container .name,
html[data-color="light-blue"][data-behaviour="unpinned"]:not([data-menu-animate="show"]) .user-container .name {
    display: none;
}

html[data-placement="horizontal"] .nav-container .logo img, html[data-placement="horizontal"] .nav-container .logo .img, html[data-placement="vertical"] .nav-container .logo img, html[data-placement="vertical"] .nav-container .logo .img {
    width: 200px;
}

html[data-placement="vertical"][data-behaviour="unpinned"]:not([data-menu-animate="show"]) .nav-container .nav-content .menu-container .menu li a.active,
html[data-placement="horizontal"][data-behaviour="unpinned"]:not([data-menu-animate="show"]) .nav-container.mobile-side-ready .nav-content .menu-container .menu li a.active,
html[data-placement="vertical"][data-behaviour="unpinned"]:not([data-menu-animate="show"]) .nav-container.mobile-side-ready .nav-content .menu-container .menu li a.active {
    background: none;
}

.bg-gradient-primary {
    background-image: linear-gradient(160deg, var(--primary), var(--primary), var(--secondary)) !important;
}

h5 {
    font-size: 1.20em;
}

/****** Menu Tiles *******/
.tile-notification {
    min-height: 45px;
}

.tile-indicator {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: default;
}

.tiles-wrapper .hover-scale-up:hover {
    background-image: linear-gradient(160deg, rgb(var(--gradient-1-rgb-25)), rgb(var(--gradient-1-rgb-25)), rgb(var(--gradient-1-lighter-rgb-25))) !important;
    transition: all 200ms ease-in;
}

/****** Footer ********/
html[data-footer="true"] body {
    padding-bottom: 0;
}

html[data-footer="true"] #root > footer {
    position: sticky;
    background-color: var(--background);
    z-index: 300;
    height: auto;
}
html[data-footer="true"] #root > footer > div {
    padding: 3px 0;
}

.footer-content p:last-child {
    margin-bottom: 0 !important;
}
/******** Navigation *********/
.nav-link-parent-name {
    width: 78% !important;
}

.nav-link-parent-arrow {
    width: 20% !important;
}

.menu a[data-bs-toggle="collapse"]::before {
    right: 1.3rem;
}

/********* Forms **********/
.select2-dropdown {
    border-radius: var(--border-radius-md);
}

.select2-container--default .select2-selection--single {
    border-radius: var(--border-radius-md);
}

.select2-container--default .select2-results__option--highlighted,
.select2-container--default .select2-results__option--highlighted.select2-results__option[aria-selected=true] {
    cursor: pointer;
    color: var(--primary);
    background: var(--separator-light) !important;
    border-radius: var(--border-radius-sm);
}
