.custom_navbar
{
    height          : var(--navbar_height);
    padding-top     : 10px;
    padding-bottom  : 10px;
    /*box-sizing      : border-box;   /* Include padding in the element's total width and height ;*/
    user-select     : none;
}


.navbrand_logo {

    background-color:   white;
    height:             45px;
    width:              auto;
    border-radius:      9px;
    object-fit:         contain;


}

.navbrand_text {
    margin-left: 10px;
}


.nav_button {
    opacity: 1;
}

@media (max-width: 768px)
{
    .custom_navbar {
        height          : auto;                     /* permitir navbar se adaptar à quantidade de botões verticais */
        min-height      : var(--navbar_height);     /* evitar que navbar encolha */

        z-index         : 2700;                     /* evitar que a sidebar fique na frente da navbar*/

    }

    .custom_navbar .navbar {
        padding-left    : 0; /* Remove padding for smaller screens */
        padding-right   : 0; /* Remove padding for smaller screens */
    }

    /* diminui o texto em telas menores, pra evitar que o toggler fique embaixo do logo, em tela pequena*/
    .navbrand_text {
        font-size  : medium;
    }

    .navbar-collapse.show .ms-auto {
        padding-top     : 1%;
        justify-content : flex-start !important;
      }




    .navbar_toggler  {
        max-height: var(--navbar_height) !important;
    }


}