﻿:root {
    --bs-link-color: #0d6efd;
}

.cliente img {
    height: 6em;
    margin-bottom: 0.5em;
}

@media (max-width: 992px) {
    .cliente img {
        height: 4em;
        margin-left: auto;
    }

    .cliente div {
        display: inline-block;
        margin-top: 1em;
    }
}

@media (max-width: 992px) {
    .cliente div {
        margin-top: 0;
    }
}

h1 {
    font-size: 1.8em !important;
}

h2 {
    font-size: 1.5em !important;
}

@media (max-width: 576px) {
    h1 {
        margin-top: 0.3em;
        font-size: 1.4em !important;
    }

    h2 {
        margin-top: 0.3em;
        font-size: 1.1em !important;
    }
}

@media (min-width: 768px) {
    main > .fixed-top {
        height: 3.3em !important;
    }

        main > .fixed-top + div {
            padding-top: 3.3em !important;
        }
}

.navbar ul.navbar-nav li.dropdown div.dropdown-menu {
    min-width: max-content;
}

.navbar.fixed-left .fa, .navbar.fixed-left .fa-regular, .navbar.fixed-left .fa-solid {
    width: 1.5em;
    padding: 0;
    text-align: center;
}

.fixed-left .navbar-brand {
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.4em;
}

.navbar.fixed-left {
    padding-left: 0;
    padding-right: 0;
}

.fixed-left .nav-item li {
    padding-left: 0.5em;
}

    .fixed-left .nav-item li .nav-item {
        padding-left: 1em;
    }

/*.navbar-dark.fixed-left .nav-item a.active,
.navbar-dark.fixed-left .nav-item button.active {
    background: #333c44 !important;
}

.navbar-light.fixed-left .nav-item a.active,
.navbar-light.fixed-left .nav-item button.active {
    background-color: #d8d9da !important;
}*/

.navbar.fixed-left .navbar-nav {
    padding-top: 0.5em;
}

.fixed-left .navbar-toggler {
    margin-right: 0.5em;
}

.fixed-left .dropdown-toggle::after {
    float: right;
    margin-top: 0.6em;
    margin-right: 0.5em;
}

.fixed-left .dropdown-toggle.collapsed::after {
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.fixed-left .dropdown-toggle::after {
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent;
}

.navbar.fixed-left .nav-item .navbar-nav {
    padding-top: 0 !important;
}

.navbar.fixed-left .nav-link-split a:first-child {
    float: left;
    width: 238px;
}

.navbar.fixed-left .nav-link-split a.dropdown-toggle {
    width: 37px;
    height: 38px;
    float: right;
    border-left: 1px solid #999;
    padding-bottom: 5px;
}

.navbar.fixed-left .nav-item .navbar-nav a,
.navbar.fixed-left .nav-item .navbar-nav button {
    padding-left: 2rem;
}

.d-flex-fill {
    position: fixed;
    top: 4em;
    bottom: 1em;
    right: 0;
    left: 0;
}

@media (min-width: 768px) {
    .navbar.fixed-left .navbar-nav {
        padding-top: 0.25em !important;
    }

    .navbar.fixed-left {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1030;
        bottom: 0;
        width: 100px;
        flex-flow: column nowrap;
        align-items: flex-start;
        overflow-y: auto;
    }

        .navbar.fixed-left .navbar-collapse {
            flex-grow: 0;
            flex-direction: column;
            width: 100%;
        }

            .navbar.fixed-left .navbar-collapse .navbar-nav {
                flex-direction: column;
                width: 100%;
            }

                .navbar.fixed-left .navbar-collapse .navbar-nav .nav-item {
                    width: 100%;
                }

    main {
        margin-left: 100px;
        /*margin-top: 4em;*/
    }

    .d-flex-fill {
        margin-left: 100px;
    }

    main .fixed-top,
    main .fixed-bottom {
        left: 100px;
    }

    .navbar.fixed-left .nav-item .navbar-nav a,
    .navbar.fixed-left .nav-item .navbar-nav button {
        padding-left: 1rem;
    }
}

@media (min-width: 992px) {
    .navbar.fixed-left {
        width: 275px;
    }

    main {
        margin-left: 275px;
    }

    .d-flex-fill {
        margin-left: 275px;
    }

    main .fixed-top,
    main .fixed-bottom {
        left: 275px;
    }
}

@media print {
    main {
        padding: 0;
        margin: 0;
    }

    .d-flex-fill {
        margin: 0;
    }

    .btn-toolbar, .btn-group {
        display: none;
    }
}

.notificacoes .list-group a {
    font-size: 0.75em;
    color: var(--bs-link-color);
    text-decoration: underline;
}

.min-w-50 {
    min-width: 50%;
}

.full ol {
    font-size: 0.85em !important;
}

.full .navbar.fixed-left {
    width: 400px;
}

.full main {
    margin-left: 400px !important;
}

.full .d-flex-fill {
    margin-left: 400px;
    position: fixed;
    top: 1em;
    bottom: 1em;
    right: 0;
    left: 0;
}

.full main .fixed-top, .full main .fixed-bottom {
    left: 400px;
}

ol {
    list-style-type: none;
    counter-reset: item;
    padding-left: 1em;
}

    ol > li > ul {
        list-style: none;
    }

    ol > li {
        display: table;
        counter-increment: item;
        margin-bottom: 0.3em;
    }

        ol > li:before {
            content: counters(item, ".") ". ";
            display: table-cell;
            padding-right: 0.3em;
            padding-top: 0.3em;
            font-size: 1.15em;
        }

li ol > li {
    margin: 0;
    list-style-position: inside;
}

    li ol > li a {
        width: 100%;
        /*display: block;*/
        font-size: 1.15em;
    }

    li ol > li:before {
        content: counters(item, ".") " ";
    }

.btn-group form {
    margin: 0;
}

    .btn-group form .btn {
        border-radius: 0;
    }

    .btn-group form:first-child .btn {
        border-top-left-radius: 0.375rem;
        border-bottom-left-radius: 0.375rem;
    }

    .btn-group form:last-child .btn {
        border-top-right-radius: 0.375rem;
        border-bottom-right-radius: 0.375rem;
    }

.form-label {
    margin-bottom: 0;
}


@media print {
    .flex-grow-1.overflow-auto {
        overflow: visible !important;
        height: auto !important;
        max-height: none !important;
    }
}
