#btn-mas{
    display: none;
}
.menu-flotante{
    position: fixed;
    bottom: 20px;
    right: 20px;
}
.redes a, .btn-mas label{
    display: block;
    text-decoration: none;
    background: #cc2b2b;
    color: #fff;
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0px 1px 10px rgba(0,0,0,0.4);
    transition: all 500ms ease;
}
.redes a:hover{
    background: #fff;
    color: #cc2b2b;
}
.redes a{
    margin-bottom: -15px;
    opacity: 0;
    visibility: hidden;
}
#btn-mas:checked~ .redes a{
    margin-bottom: 10px;
    opacity: 1;
    visibility: visible;
}
.btn-mas label{
    cursor: pointer;
    background: #f44141;
    font-size: 23px;
}
#btn-mas:checked ~ .btn-mas label{
    transform: rotate(135deg);
    font-size: 25px;
}

.btn-red{
    color: #fff;
    cursor: pointer;
    background: #354558;
}

.neon {
  color: red;
  background-color: red;
}

@media all and (max-width:720px) {
  .btn-red {
    font-size: 0;
  }
  
  .btn-red ::before {
    font-size: 2rem;
  }
}


.easy-autocomplete{
  width:100% !important
}

.easy-autocomplete input{
  width: 100%;
}

.form-wrapper{
  width: 500px;
}

.titulo-modal{
  color: white; 
  background: #7367f0; 
  border-radius: 0px;
  text-align: center;
}

.btn-purple{
  background: #7367f0; 
}

.leyendaStock{
  color: gray;
  font-kerning: 8px;
  margin: 0px;
  padding: 0px,
}

.flex {
 display: flex;
 align-items: center;
 justify-content: center;
}

 .mdi-36px {
     font-size: 40px;
     margin-right: 10px
 }

.sticky {
  position: sticky;
  top: 0;
}

.dark-header{
    background-color: #354558;
    color: #ffff;
}

/*modificar el alto de las talblas*/

table.dataTable tbody th, table.dataTable tbody td {
    padding: 3px 10px; 
}

table.table tbody th, table.table tbody td {
    padding: 3px 10px; 
}

.total-prepend {
     min-width: 120px;
     max-width: 120px;
     text-align: right;
     color: #fff;
     background-color:#29a6ff;
}

.resaltar{

    background-color: rgb(255 95.359 0); 

}

.fila-total{

    background-color: lightgray;
    font-size: 14px; 

}

/*CUSTOM UPLOAD*/

.file-wrapper{
     width:100%;
     margin:auto;
     display: flex;
     align-items: center;
     justify-content: center;
 }
 .upload-btn-wrapper{
     position: relative;
     overflow: hidden;
     display: inline-block;
     cursor: pointer;
 }
 .upload-file{
     border:2px dashed #eee;
     color:#9b9b9b;
     background-color: white;
     width:400px;
     height:250px;
     border-radius: 8px;
     font-size:15px;
     cursor: pointer;
 }
 .upload-btn-wrapper input[type=file]{
     width:100%;
     position: absolute;
     left:0;
     right:0;
     top:0;
     opacity: 0;
     cursor: pointer;
     min-height: 300px;
 }
 .success{
     display:none;
 }
 .success i{
     font-size:22px;
     margin-left:6px;
     margin-top:10px;
     color:#00b665;
 }
 .font-50{
     font-size:50px;
 }
 .d-block{
     display: block;
 }
 .btn .upload-file{
     font-size:13px;
 }
 .upload-btn{
     display: block;
     font-size:18px;
     color:#00b665;
 }