/* Botones redondos*/
.btn-circle.btn-xl {
    width: 40px;
    height: 40px;
    padding: 5px ;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
 
}

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 0px 0px;
    border-radius: 15px;
    text-align: center;
    font-size: 20px;
    line-height: 1.42857;
}

.btn-circle-sm {
    width: 24px;
    height: 24px;
    padding: 0px 0px;
    border-radius: 15px;
    text-align: center;
    font-size: 15px;
    line-height: 1.42857;
    
}
/* Botones redondos*/

/*scrollbar para tablas*/
.table-wrapper-scroll-y {
  display: block;
  max-height: 200px;
  overflow-y: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.table-wrapper-scroll-y-lg {
  display: block;
  max-height: 650px;
  overflow-y: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.table-wrapper-scroll-y-sm {
  display: block;
  max-height: 100px;
  overflow-y: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.scrolli{
overflow-y:hidden;
}
/*scrollbar para tablas*/

/*nombre usuario*/
.usuario{
  border: solid 1px #0059b3; 
  padding: 4px; 
  padding-bottom: 8px; 
  border-radius: 20px;
}

.usuario:hover{
     box-shadow: 5px 10px 18px #0059b3;
     border: solid 1px #0059b3; 
     font-weight: bold;
}
/*LOGIN*/

.sombra_login{
         transition: 2s;
         background-color: white;
         opacity: 0.9;
         margin-top: 10%;
        width: 400px;
         border-radius: 25px;
         box-shadow: 0px 0px 40px #000033, 0px 0px 80px white;

         padding-bottom: 30px;
         padding-left: 30px;
         padding-right:  30px;
}

.sombra_cambiar_contraseña{
transition: 2s;
         background-color: white;
         opacity: 0.9;
         margin-left: 30%;
        width: 40%;
         border-radius: 25px;
         box-shadow: 0px 0px 10px  grey, 0px 0px 80px white;
         padding: 30px;
}



/*Borde izquierdo y derecho en nav*/
.borde_izquierdo{
  border-left: 1px solid  #e6e6e6; 
 
}
@media screen and (max-width:750px) {
        .sombra_login{
            transition: 1s;
            width: 95%;
        }
        .sombra_cambiar_contraseña{
          margin-left: 2%;
        width: 95%;
        }
    }
/*LOGIN*/


.footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   /*background-color: #003300;*/
   background-color: #00cc99;
   color: white;
   text-align: center;
}