.dropdown{
  float:right;
  
  }
  .btn{
  border:0px;
  margin:10px 0px;
  box-shadow:none !important;
  }
  .dropdown .dropdown-menu{
  padding:20px;
  top:30px !important;
  width:350px !important;
  left:-180px !important;
  box-shadow:0px 5px 30px black;
  }

  html {
  position: relative;
  height: 100%;
  }

  
  header{
  position: static;
  top: 0;
  width: 100%;
  }

  header nav{
    font-family: 'Lato', sans-serif;
    background-color:#0067A2;
  }

  body {
    margin: 0;
    height: 100%;
  }

  section{
    min-height: 90%;
    
  }

 footer{
      
      right: 0;
      left: 0;
      padding: 1rem;
      bottom: 0;
      width: 100%;
      background-color:#0067A2;
  }

  /*table{
    width: 100%;
    position: static;
    /*box-sizing: border-box !important;

  }*/

.tabla {
  width: 100%;
  position: static;
}

.tableproducto{
  width: 100%;
  height: 100%;
  position: static;
}

  /*menu lateral*/

  .sidebar {
    margin: 0;
    padding: 0;
    width: 200px;
    background-color: #f1f1f1;
    position:absolute;
    height: 100%;
    overflow: auto;
  }
  
  .sidebar a {
    display: block;
    color: black;
    padding: 16px;
    text-decoration: none;
  }
   
  .sidebar a.active {
    background-color: #4CAF50;
    color: white;
  }
  
  .sidebar a:hover:not(.active) {
    background-color: #555;
    color: white;
  }
  
  div.content {
    margin-left: 200px;
    padding: 1px 16px;
    height: 100%;
  }

  @media screen and (max-width: 700px) {
    .sidebar {
      width: 100%;
      height: auto;
      position: relative;
    }
    .sidebar a {float: left;}
    div.content {margin-left: 0;}
  }
  
  @media screen and (max-width: 400px) {
    .sidebar a {
      text-align: center;
      float: none;
    }
  }

    /**/
    .dt-producto{
       width: 150px;
    }
  /*********/
 .card-deckk{
   font-size: 15px;

 }

 .card-bodyy{
   font-size: 15px;
   width: 270px;
 }
 .navbar-productt {
  margin-left: 20px;
 
}
/*menu productos*/
.menuproductos{
height: 100%;

}

/*cuadricula productos*/
.productoo{
margin-left: 60px;

}

/* sidebar productos con doble rr*/
.sidebarr {
width: 0; /* 0 width - change this with JavaScript */
z-index: 0; /* Stay on top */
left: 0;
background-color: #000000b9; /* Black*/
overflow-x: hidden; /* Disable horizontal scroll */
padding-top: 40px; /* Place content 60px from the top */
transition: 0.5s; /* 0.5 second transition effect to slide in the sidebar */
/*opacity: 0.7;*/
position: absolute;
margin-top:6px;
min-height:99%;
}

/* The sidebar links */
.sidebarr a {
padding: 8px 8px 8px 32px;
text-decoration: none;
color:#F1F1F1;
display: block;
transition: 0.3s;
font-size: 13px;

}

.sidebarr a:hover {
color: #f1f1f1;
}


.sidebarr .closebtn {
position: absolute;
top: 0;
right: 25px;
font-size: 20px;
margin-left: 50px;

}

.openbtn {
font-size: 20px;
cursor: pointer;
background-color: #111;
color: white;
padding: 10px 15px;
border: none;
border-radius: 15px;

}
.sidebarr .linkproduct:hover{
background: rgb(54, 54, 156);
}
.openbtn:hover {
background-color: rgb(207, 30, 30);
}

#main {
transition: margin-left .5s; /* If you want a transition effect */
padding: 20px;
}

@media screen and (max-height: 450px) {
.sidebarr {padding-top: 15px;}
.sidebarr a {font-size: 18px;}
}

/*fin sidebar productos*/


/*Estilo del efecto particulas en el fondo del footer*/

/*Estilos del mensaje error de los input
input:invalid {
border-color: red;
}



input,
input:valid {
border-color: #fff;
}
*/

/*Estilo para esconder y mostrar el Footer*/
.contenedor-icono{
 font-size: 25px;
  animation: bajar-subir 1s ease infinite;
  
  border-bottom-left-radius: 28px;
  border-bottom-right-radius: 20px;

}

@keyframes bajar-subir{

  0% { transform: translateY(20px);}
  25% { transform: translateY(0px);}
  100% { transform: translateY(20px);}

}

/*Foto de perfil*/

.foto-perfil{

  border: 5px solid #151517;
  width: 120px ;
  height: 120px;


}
@media  screen and (min-width:1790px){
  .margi{
    margin-right: 35%;
  }
  }
  @media  screen and (max-width:1790px){
  .margi{
    margin-right: 35%;
  }
  }
  @media  screen and (max-width:1760px){
    .margi{
      margin-right: 30%;
    }
    }
  @media  screen and (max-width:1740px){
  .margi{
    margin-right: 28%;
  }
  }
  @media  screen and (max-width:1756px){
    .margi{
      margin-right: 25%;
    }
    }
  @media  screen and (max-width:1670px){
  .margi{
    margin-right: 20%;
  }
  }
  @media  screen and (max-width:1552px){
    .margi{
      margin-right: 17%;
    }
  }
  @media  screen and (max-width:1500px){
    .margi{
      margin-right: 15%;
    }
  }
  @media  screen and (max-width:1438px){
    .margi{
      margin-right: 10%;
    }
  }
  @media  screen and (max-width:1213px){
    .margi{
      margin-right: 5%;
    }
  }
  @media  screen and (max-width:1090px){
    .margi{
      margin-right: 2%;
    }
  }
  @media  screen and (max-width:1112px){
    .margi{
      font-size: 100%;
    }
  }
  @media  screen and (max-width:1060px){
    .margi{
      font-size: 85%;
    }
  }