:root {
    --border-color: #d9d9d9;
    --border-radius-default: 0.375rem;
    --border-color-vttu: #680102;
}

.breadcrumb .breadcrumb-item:last-child {
    color: rgba(33, 37, 41, 0.75);;
}

.bg-default-vttu {
    background-color: #680102;
}
.text-default-vttu {
    color: #e7c612 !important;
}

body {
    height: 100vh !important;
    width: 100vw;
    display: grid;
    grid-template-rows: 55px 41px calc(100% - 151px) 55px;
}
body.swal2-height-auto {
    height: 100vh !important;
}
header {
    grid-row: 1 / 2;
}
.box-breadcrumb {
    grid-row: 2 / 3;
}
main {
    grid-row: 3 / 4;
    width: inherit;
}
footer {
    grid-row-start: 4;
}
.footer-container {
    border-top: 1px solid var(--border-color);
    color: #6f7479;
}

/* Navbar */
.navbar-container {
    display: grid;
    grid-template-columns: max-content auto;
    grid-template-rows: 100%;
}
.navbar-logo {
    padding: 0.5rem;
    height: 100%;
    grid-column: 1 / 2;
    max-width: 207px;
}
.navbar-logo img {
    height: 100%;
}
.navbar-content {
    border-bottom: 3px solid var(--border-color-vttu);
    grid-column-start: 2;
}
.navbar-controls .control:hover {
    background-color: #ebebeb;
}
.navbar-controls .divider {
    border-right: 2px solid #d9d9d9;
}
.navbar-controls .dropdown-menu .dropdown-divider-container:last-child {
    display: none;
}
.navbar-controls .dropdown-menu .dropdown-item:active span {
    color: #fff !important;
}
#btnLogout:active span {
    color: #fff !important;
}

.breadcrumb-container {
    border-bottom: 1px solid var(--border-color);
}

.content-container {
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

#btn-logout {
    color: rgb(220,53,69);
}

#btn-logout:active {
    color: #fff;
}