.btn-principal{
   color: #fff;
   background-color: #008300;
   border-color: #008300;
   box-shadow: none;
}

.btn-principal:hover {
   color: #fff;
   background-color: #00b600;
   border-color: #00b600;
   box-shadow: none;
}

.logo-container-menu{
   position: relative;
   width: 100px;
   height: 100px;
   display: grid;
   margin: 0 auto;
   justify-content: center;
   background-color: white;
   border-radius: 50%;
}

.helper-menu {
   display: inline-block;
   height: 100%;
   vertical-align: middle;
}

.logo-container-menu img {
   width: 100%;
   background-size: cover;
   vertical-align: middle;
   /* border-radius: 50%; */
   /* height: 100%; */
   /* max-width: 100px; */
   /* height: auto; */
}

.logo-containerjjj img{
   max-width: 100%;
   /* max-height: 100px; */
   background-color: white;
   background-size: cover;

   /* -webkit-filter: drop-shadow(0 0 0.75rem rgb(255, 255, 255)); */
  /* filter: drop-shadow(0 0 0.55rem rgb(255, 255, 255)); */
}

.logo-name-menu{
   position: relative;
   width: 100%;
   height: auto;
   display: flex;
   justify-content: center;
   text-align: center;      
}

.logo-name-menu p{
   color: rgb(255, 255, 255);
   font-size: 18px;
   white-space: pre-wrap;
   margin-bottom: 0;
   /* font-weight: bold; */
}


.sidebar-mini.sidebar-collapse .logo-container-menu{
   visibility: hidden;
}

.sidebar-mini.sidebar-collapse .logo-name-menu{
   visibility: hidden;
}

.sidebar-mini.sidebar-collapse .logo-name-menu p{
   white-space: nowrap;
   visibility: hidden;
}


@media only screen and (max-width: 600px), screen and (max-height: 600px) and (orientation: landscape) {
   .nav-link{
      font-size: 1em;
   }

   .hidden-mobile{
      visibility: hidden;
      display: none;
   }
   
}