.pt-8, .py-8 {
    padding-top: 6rem!important;
}
.pt-9, .py-9 {
    padding-top: 7rem!important;
}
.pt-10, .py-10 {
    padding-top: 8rem!important;
}
.pt-11, .py-11 {
    padding-top: 9rem!important;
}
.pt-12, .py-12 {
    padding-top: 10rem!important;
}
.pt-13, .py-13 {
     padding-top: 11rem!important;
}
.pt-14, .py-14 {
    padding-top: 12rem!important;
}
.pt-15, .py-15 {
    padding-top: 13rem!important;
}
@media only screen and (max-width: 768px){
    .pt-8, .py-8 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important;
    }
    .pt-15, .py-15 {
        padding-top: 0rem!important;
    }
}
.fundoHome{
    background-image: url("../images/home/fundo.png");
    background-repeat: no-repeat;
    background-size: 100%;
    height: 97vh;
}
@media only screen and (max-width: 1300px){
    .fundoHome{
        background-size: cover;
        height: unset;
    }
}
.q1{
    background-color: #bad0db;
    padding: 50px;
}
.q1:hover{
    background-color: #a4bbc6;
    transition: linear .2s;
    cursor: pointer;
}
.q2{
    background-color: #aec4d1;
    padding: 50px;
}
.q2:hover{
    background-color: #a0b5c2;
    transition: linear .2s;
    cursor: pointer;
}
.q3{
    background-color: #9eb3bc;
    padding: 50px;
}
.q3:hover{
    background-color: #8fa4ad;
    transition: linear .2s;
    cursor: pointer;
}
.q4{
    background-color: #ccd6da;
    padding: 50px;
}
.q4:hover{
    background-color: #bdc7cb;
    transition: linear .2s;
    cursor: pointer;
}
.quadrado{
    top: -14px;
    left: 50px;
    content: " ";
    background-color: antiquewhite;
    width: 10px;
    height: 10px;
    display: block;
    position: relative;
    transform: rotate(45deg);
}
.barraTopo{
    height: 20vh;
    background-image: url("../images/home/fundo.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
@media only screen and (max-width: 1300px){
    .barraTopo{
        background-size: cover;
        height: unset;
    }
}
.barraLateral{
    background-color: #053d54;
}
.inputSearch{
    background-color: transparent;
}
.itensBL{
    border-bottom-style: solid;
    border-bottom-color: #d5dde1;
    border-width: 1px;
    box-sizing: border-box;
    color: white;
    height: 100px;
}
.itensBL:hover{
    cursor: pointer;
}
.itenAtivo{
    background-color: #d5dde1!important;
    color: #053d54!important;
}
.itenAtivo::after{
    top: -97px;
    right: 50px;
    content: " ";
    background-color: #d5dde1;
    width: 70px;
    height: 70px;
    display: block;
    position: relative;
    transform: rotate(45deg);
}
.loginPage{
    background: url("../admin/images/bglogin.png") no-repeat;
    background-size: 100vw 100vh;
}
.loginForm{
    background: rgba(255,255,255,0.51);
    padding: 30px 50px;
    border: 1px #81003b solid;
    border-radius: 15px;
}
.loginInput{
    margin: 10px 0px;
    border-radius: 15px;
    padding: 25px;
    padding-left: 55px;
}
#inputUsuario {
    background-repeat: no-repeat;
    background-image: url(../images/new/userlogin.png);
    background-position: 18px 11px;
}
#inputSenha {
    background-repeat: no-repeat;
    background-image: url(../images/new/senha.png);
    background-position: 18px 11px;
}
#login2 {
    background-color: rgb(209, 30, 87);
    font-weight: bolder;
    font-size: 30px;
    color: white;
    height: auto;
    border: none;
    border-radius: 15px;
    width: 100%;
}
.direitos{
    text-align: center;
    width: 80%;
    border-width: 2px;
    margin-left: 40%;
}
@media only screen and (max-width: 768px){
    .direitos{
        margin-left: 11%;
    }
}
.sidebar-dark{
    background-color: #053d54;
}
.sidebar-dark .nav-divider{
    color: white;
}
.sidebar-dark.nav-left-sidebar .navbar-nav .nav-link:focus, .sidebar-dark.nav-left-sidebar .navbar-nav .nav-link.active{
    background-color: #1871a2;
    color: white;
}
.sidebar-dark.nav-left-sidebar .nav-link i{
    color: white;
}
.sidebar-dark.nav-left-sidebar .navbar-nav .nav-link{
    color: white;
}
.nav-left-sidebar .submenu{
    background: #125173;
}
.sidebar-dark.nav-left-sidebar .navbar-nav .nav-link:focus, .sidebar-dark.nav-left-sidebar .navbar-nav .nav-link:hover{
    background-color: #1871a2;
    color: white;
}
.sidebar-dark.nav-left-sidebar .submenu .nav .nav-item .nav-link:hover{
    background-color: #0d3a50;
    color: white;
}
.sidebar-dark.nav-left-sidebar .submenu .nav .nav-item .nav-link:hover{
    cursor: pointer;
}
.tituloPag{
    margin-top: 20px;
}
.pdf{
    width: 100%;
    height: 30ch;
}
.barraResponsivo{
    display: none;
}
.itensBL{
    background-color: #053d54;
    color: white;
}
@media only screen and (max-width: 768px){
    .barraLateral{
        display: none;
    }
    .barraResponsivo{
        display: block;
    }
    .lista{
        display: none;
    }
    .itensBL::after{
        display: none;
    }
}
.itenBB{
    background-color: #053d54;
    color: white;
    height: 100px;
    padding: 1px;
    border-right-style: solid;
    border-right-color: white;
    border-right-width: 1px;
    padding-top: 30px;
}
.itenBBAtivo{
    background-color: #d5dde1;
    color: #053d54;
}
/*.itenBBAtivo:after{*/
/*    top: -73px;*/
/*    right: -10px;*/
/*    content: " ";*/
/*    background-color: #474a4d;*/
/*    width: 70px;*/
/*    height: 70px;*/
/*    display: block;*/
/*    position: relative;*/
/*    transform: rotate(45deg);*/
/*}*/