@import"https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,400&display=swap";
html{
    scroll-behavior:smooth
}
body{
    font-family:"Source Sans Pro",sans-serif
}
.bg-accent{
    background-color:var(--primary-color);
    color:#ffffff
}
.bg-accent:hover{
    background-color:var(--sidebar-accent);
    color:#ffffff
}
::-webkit-scrollbar{
    width:8px
}
::-webkit-scrollbar-track{
    background:#f1f1f1
}
::-webkit-scrollbar-thumb{
    background-color:#ff5722
}
::-webkit-scrollbar-thumb:hover{
    background:#219ebc
}
.wrapper{
    width:100%;
    height:100%;
    position:relative;
    display:flex;
    min-height:100vh
}
.wrapper .content{
    width:100%
}
.wrapper .sidebar{
    width:250px;
    transition:width .3s ease;
    white-space:nowrap;
    overflow-x:hidden;
    overflow-y:auto;
    background-color:#263238;
    z-index:1040;
    display:flex;
    flex-direction:column;
    min-height:100vh
}
/* ul.nav ocupa todo o espaço disponível para mt-auto funcionar */
.wrapper .sidebar ul.nav{
    flex:1;
    display:flex;
    flex-direction:column
}
/* Navbar: acima do conteúdo mas abaixo do backdrop do modal Bootstrap (1050) */
.content > .navbar{
    position:relative;
    z-index:100
}
/* Dropdown acima do navbar mas abaixo do modal */
.navbar .dropdown-menu{
    z-index:200
}
.wrapper .sidebar #close_sidebar i{
    color:var(--sidebar-brand)
}
.wrapper .sidebar #close_sidebar i:hover{
    color:var(--sidebar-active)
}
.wrapper .sidebar .admin_brand{
    padding:16px;
    color:#f1f1f1;
    border-bottom:1px solid #455a64
}
.wrapper .sidebar .admin_brand>div:hover{
    color:#ff5722
}
.wrapper .sidebar .icon{
    padding-right:10px
}
.wrapper .sidebar .nav-item .nav-link{
    border-radius:0 !important;
    color:#b0bec5;
    padding:10px 18px
}
.wrapper .sidebar .nav-item:hover .nav-link{
    color:#ff5722
}
.wrapper .sidebar .nav-item.active .nav-link{
    background-color:#ff5722;
    color:#f1f1f1;
    border-left:8px solid #219ebc
}
.wrapper .sidebar .nav-item.logout-item .nav-link{
    color:#ffcdd2;
    background:rgba(244,67,54,0.08);
    border-left:8px solid #f44336;
}
.wrapper .sidebar .nav-item.logout-item .nav-link:hover{
    color:#ffffff;
    background:rgba(244,67,54,0.16);
}
.wrapper .sidebar .nav-item.logout-item .icon i{
    color:#f44336;
}
.wrapper .sidebar .nav-item.logout-item .menu{
    font-weight:600;
}
.custom-card{
    overflow:hidden;
    cursor:pointer
}
.custom-card h1{
    font-size:3rem
}
.custom-card h1 i{
    transition:color .2s ease-in-out
}
canvas{
    width:100% !important
}


[data-bs-toggle=collapse]:after{
    /* display:inline-block; */
    display:none;
    position:absolute;
    right:15px;
    color:#b0bec5;
    top:17px;
    font:normal normal normal 14px/1 FontAwesome;
    font-size:inherit;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    content:"";
    transition:all linear .25s
}
[data-bs-toggle=collapse].collapsed:after{
    transform:rotate(-90deg)
}

@media(min-width: 768px){
    .wrapper.show_pc .sidebar{
        width:55px;
        overflow:hidden
    }
    .wrapper.show_pc .sidebar .nav-item.active .nav-link{
        border-left:0
    }
    .wrapper.show_pc .sidebar [data-bs-toggle=collapse]:after{
        display:none
    }
    .wrapper.show_pc .icon{
        padding:0
    }
    .wrapper.show_pc .menu{
        display:none;
        overflow:hidden
    }
    .wrapper .content{
        flex:1
    }
}
@media(max-width: 768px){
    .wrapper #overlay{
        display:none;
        position:absolute;
        width:100%;
        height:100%;
        background-color:rgba(0,0,0,.5);
        z-index:1
    }
    .wrapper .sidebar{
        width:0;
        position:absolute;
        min-height:100%;
        overflow:hidden;
        z-index:1045
    }
    .wrapper.show{
        display:block
    }
    .wrapper.show .sidebar{
        width:250px
    }
    .wrapper.show #overlay{
        display:block
    }
}