:root{
    --inovasens-color-1 : #515151;
    --inovasens-color-1-alt : #727272;
    --inovasens-color-2 : #0367A6;
    --inovasens-color-3 : #027368;
    --inovasens-color-4 : #038C65;
    --inovasens-color-5 : #025940;
    --inovasens-color-6 : #F2A172;

    --inovasens-login-size : 400px;
}

.app-footer{
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0;
    z-index: 2000;
    text-align: center;
    font-size: 0.9rem;
    background-color: var(--inovasens-color-5);
    color: #FFF;
}

.page{
    padding: 40px;
    padding-top: 30px;
}

@media (max-width: 576px) {
    .page{
        padding-left: 4px;
        padding-right: 4px;
        padding-top: 30px;
        padding-bottom: 40px;
    }
}

/* Links */
a {
    text-decoration: none;
    color: inherit;
}
a:hover {
    text-decoration: underline;
}

.breadcrumb a:hover {
    text-decoration: none;
}

.clickable {
    cursor: pointer;
}


/* Table */
.table-responsive{
    overflow-x: scroll;
}

/* Navbar */
.navbar-background{
    background-image: url('../img/navbar/navbar.jpg');
    background-repeat: repeat-x;
}

.navbar-size {
    padding: 0;
    height: 56px;
}

.dropdown-toggle.navbar-account{
    cursor: pointer;
    border: 0;
    display: inline-flex;
    align-items: center;
    color: white;
}
.btn-nav-lang,
.btn-nav-lang:hover,
.btn-nav-lang:focus,
.btn-nav-lang:active {
    color: white !important;
}

.dropdown-toggle.navbar-account:active{
    border: 0;
}
.dropdown-toggle.navbar-account::after{
    border-top: .375em solid;
    border-right: .375em solid transparent;
    border-bottom: 0;
    border-left: .375em solid transparent;
    vertical-align: .3em;
    transform: rotate(90deg);
    transition: transform 0.2s ease;
}

/* Navbar dropdown carets: gauche = fermé, haut = ouvert */
.navbar .dropdown-toggle::after {
    transform: rotate(90deg);
    transition: transform 0.2s ease;
}
.navbar .dropdown-toggle[aria-expanded="true"]::after,
.dropdown-toggle.navbar-account[aria-expanded="true"]::after {
    transform: rotate(0deg);
}

/* Auth footer dropdown caret: gauche = fermé, haut = ouvert */
.btn-nav-lang::after {
    transform: rotate(90deg);
    transition: transform 0.2s ease;
}
.btn-nav-lang[aria-expanded="true"]::after {
    transform: rotate(180deg);
}


/* Treeview overload */
.jstree-default .jstree-icon{
    background-image:url(../img/treeview/icons.png) !important;
}


/* Stacked-Menu overload */
.stacked-menu,
.stacked-menu .has-child>.menu,
.stacked-menu>.menu>.menu-item.has-active>.menu-link {
    background-color: inherit;
    color: inherit;
    font-size: inherit;
}

.stacked-menu-has-collapsible .has-child.has-active > .menu-link::after,
.stacked-menu-has-collapsible .has-child.has-open > .menu-link::after {
    font-family: bootstrap-icons;
    content: "\F282"
}
.stacked-menu-has-collapsible .has-child > .menu-link::after {
    font-family: bootstrap-icons;
    content: "\F285"
}

.stacked-menu .menu-link{
    font-size: inherit;
}

/* menu custom */
.menu > .menu-item > .menu-link.menu-custom,
.menu > .menu-item > .menu-link.menu-custom:focus{
    background-color: inherit;
    color: var(--bs-nav-link-color) ;
}
.menu-item.has-open:not(.has-active) > .menu-link.menu-custom{
    background-color: inherit;
    color: var(--bs-nav-link-color) ;
}
.menu-item.has-open:not(.has-active) .menu-link.menu-custom.active{
    background-color: inherit;
    color: var(--inovasens-color-2) ;
    font-weight: bold;
}
.menu > .menu-item > .menu-link.menu-custom:hover {
    background-color: inherit;
    color: var(--inovasens-color-2);
}

/* Dropdown input search */

.ins-dropdown-search{
    border: 1px solid var(--bs-border-color);
    position: absolute;
    background: #FFF;
    width: calc(50% - 28px);
    border-radius: 0 0 var(--bs-border-radius) var(--bs-border-radius);
    border-top: 0;
    margin-top: -1px;
    padding-top: 10px;
    z-index: 1030;
    overflow-y: scroll;
    max-height: 300px;
}

.ins-dropdown-search ul {
    margin: 0px;
    padding: 0px;
}
.ins-dropdown-search li {
    display: block;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.ins-dropdown-search li:hover {
    background-color: var(--inovasens-color-2);
    color: #FFF;
    cursor: pointer;
}

/* Form */

.ins-form-tab-header{
    min-width: max-content;
    border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
    margin-right: calc(-1 * var(--bs-card-cap-padding-x));
    margin-left: calc(-1 * var(--bs-card-cap-padding-x));
    padding-left: calc(0.5 * var(--bs-card-cap-padding-x));
    padding-right: calc(0.5 * var(--bs-card-cap-padding-x));
}

/* Breadcrumb */

.ins-side-btn-w100 > button{
    width: 100%;
    margin-bottom: 1.5rem;
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm);
}

/* Pagination */

.custom-link {
    cursor: pointer;
    color: #515151;
}

.custom-link:hover {
    color: #727272;
}

.pagination .page-item.active{
    --bs-pagination-active-color: #FFF;
    --bs-pagination-active-bg: #515151;
    --bs-pagination-active-border-color: #515151;
}

.pagination .page-item .page-link{
    text-decoration: none;
}

/* Bootstrap overload */

.btn-primary {
    background-color: var(--inovasens-color-3) !important;
    border-color: var(--inovasens-color-3) !important;
}
.btn-primary:hover {
    background-color: var(--inovasens-color-5) !important;
    border-color: var(--inovasens-color-5) !important;
}

.btn-outline-primary {
    background-color: var(--inovasens-color-3) !important;
    border-color: var(--inovasens-color-3) !important;
    color: #fff !important;
}
.btn-outline-primary:hover {
    background-color: var(--inovasens-color-5) !important;
    border-color: var(--inovasens-color-5) !important;
}

.form-check-input:checked {
    background-color: var(--inovasens-color-4) !important;
    border-color: var(--inovasens-color-4) !important;
}

/* Subdomain-specific resources overload */

.app-footer-odorescola {
    background-color: #f2efeb !important;
}

.navbar-background-odorescola {
    background-image: url('../img/navbar/odorescola_navbar.jpg');
}

body.subdomain-odorescola .btn-primary {
    background-color: #96262C !important;
    border-color: #96262C !important;
}
body.subdomain-odorescola .btn-primary:hover {
    background-color: #B52B33 !important;
    border-color: #B52B33 !important;
}

body.subdomain-odorescola .btn-outline-primary {
    background-color: #96262C !important;
    border-color: #96262C !important;
}
body.subdomain-odorescola .btn-outline-primary:hover {
    background-color: #B52B33 !important;
    border-color: #B52B33 !important;
}

body.subdomain-odorescola .btn-success {
    background-color: #d13d44 !important;
    border-color: #d13d44 !important;
}
body.subdomain-odorescola .btn-success:hover {
    background-color: #f0424b !important;
    border-color: #f0424b !important;
}

body.subdomain-odorescola .form-check-input:checked {
    background-color: #f0424b !important;
    border-color: #f0424b !important;
}