body{
  padding: 0;
  margin: 0;
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

span.select2-container {
    /*z-index:10050;*/
    width: 100% !important;
    padding: 0;
}

.select2-dropdown{
    z-index: 3051;
}

.select2-container--open {
    z-index: 9999999
}
  main {
    flex: 1 0 auto;
  }
.table_align_center {
    text-align: center;
}
.ui-autocomplete-loading {
    background: white url("../image/loader.gif") right center no-repeat;
  }
  
a.noclick       {
  pointer-events: none;
}
.ui-dialog-titlebar-close {
  display: none !important;
}

.ui-dialog {
  z-index: 1035 !important;
}

.dataTables_filter {
   float: left !important;
  text-align: center;
  font-size: 17px; 
}
.dataTables_filter label { 
float: left;
width: 300px;
text-align: left;
font-size: 15px; 

 }
.modal_position{
  margin-top: 50px;
  max-height: 550px;
}
 .tag_fixed{
    position: fixed !important;
    z-index: 1020;
    margin-top: -125px;
    /*display: none;*/
 }
 
  .loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1033;
    opacity: 1;
}
/********************  Preloader Demo-7 *******************/
.loader7{width:100px;height:100px;margin:200px auto;position:relative}
.loader7 .loader-inner-1,.loader7 .loader-inner-2,.loader7 .loader-inner-3,.loader7 .loader-inner-4{display:block;width:20px;height:20px;border-radius:20px;position:absolute}
.loader7 .loader-inner-1:before,.loader7 .loader-inner-2:before,.loader7 .loader-inner-3:before,.loader7 .loader-inner-4:before{content:"";display:block;width:20px;height:20px;border-radius:20px;position:absolute;right:0;animation-name:loading-7;animation-iteration-count:infinite;animation-direction:normal;animation-duration:2s}
.loader7 .loader-inner-1{top:0;left:0;transform:rotate(70deg)}
.loader7 .loader-inner-1:before{background:#06aed5}
.loader7 .loader-inner-2{top:0;right:0;transform:rotate(160deg)}
.loader7 .loader-inner-2:before{background:#ec008c}
.loader7 .loader-inner-3{bottom:0;right:0;transform:rotate(-110deg)}
.loader7 .loader-inner-3:before{background:#ffbf00}
.loader7 .loader-inner-4{bottom:0;left:0;transform:rotate(-20deg)}
.loader7 .loader-inner-4:before{background:#079c00}
@keyframes loading-7{
    0%{width:20px;right:0}
    30%{width:120px;right:-100px}
    60%{width:20px;right:-100px}
}
  .menu{
    margin-top: 70px;
  }
.derecho{
  text-align: center; 
  padding-top: 15px; 
  font-size: 12px;
}
.myform{
 position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);

}
.form_login{
  margin-top: 25px;
  text-align: center;
  width: 350px;
  padding: 20px;
  border-radius: 15px;
  border: 1px solid;
  background: #f5f5f5;
  -webkit-box-shadow: -4px 9px 27px -2px rgba(0,0,0,0.75);
-moz-box-shadow: -4px 9px 27px -2px rgba(0,0,0,0.75);
box-shadow: -4px 9px 27px -2px rgba(0,0,0,0.75);

}
.input-field{
  text-align: center;
  padding: 25px;
  margin: 10px;
  border-radius: 8px;
}
.btnLogin{
  margin-bottom: 0px;
}
.buscar{
  border-bottom: none;
  margin-top: 85px;
  width: 20%;
  color: #000;
  border-radius: 5px;
  font-size: 14px;
  border-radius: 12px; 

}
.row_anulado{
  color: #e53935;
}
.nav{
  background: #3d4148;
  margin-top: 0;
  margin-bottom: 50px;
  color:#fff;
  top: 0;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 50px;
  border: 0;
  font-size: 18px;
  }
  .foot{
  background: #3d4148;
  bottom: 0;
  color:#fff;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 30px;
  font-size: 24px;
  border: 0;
  }
  center{
    margin-top: 15px;
    margin-left: auto; 
    margin-right: auto;
    width: 95%; 
  }
  header{
  background: #3d4148;
  margin-top: 0;
  margin-bottom: 50px;
  color:#fff;
  top: 0;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 50px;
  border: 0;
  font-size: 18px;
  }




#search{
  width: 200px;
  height: 37px;
  margin-right: 10px;
  text-align: center;
  border: 1px solid;
  background: white; 
  font-size: 17px; 
  border-radius: 12px; 
  font-style: black
}
#tabla{
  position:absolute;
  display:block;
  width:95%;
  margin:0;
  overflow-y:auto;
  overflow-x:auto;
}
.eliminar{
    text-decoration: none;
    font-weight: 300;
    color: #ffffff;
    background-color: #e57373;
    border-radius: 4px;
    width: 95%;
    height: 40px;
  }
  .eliminar:hover{
    background:#80cbc4;
    color: #000000;
  }
  .eliminar_reg{
    text-decoration: none;
    font-weight: 300;
    color: #ffffff;
    background-color: #e57373;
    border-radius: 4px;
    width: 95%;
    height: 40px;
  }

  .eliminar_reg:hover{
    background:#80cbc4;
    color: #000000;
  }
  .eliminar_reg_plab{
    text-decoration: none;
    font-weight: 300;
    color: #ffffff;
    background-color: #e57373;
    border-radius: 4px;
    width: 95%;
    height: 40px;
  }

  .eliminar_reg_plab:hover{
    background:#80cbc4;
    color: #000000;
  }
    .eliminar_reg_insumo{
    text-decoration: none;
    font-weight: 300;
    color: #ffffff;
    background-color: #e57373;
    border-radius: 4px;
    width: 95%;
    height: 40px;
  }
  .eliminar_reg_insumo:hover{
    background:#80cbc4;
    color: #000000;
  }
.editarIns{
    text-decoration: none;
    font-weight: 300;
    color: #ffffff;
    background-color: #009688;
    border-radius: 4px;
    width: 95%;
    height: 40px;
  }
  .editarIns:hover{
    background:#80cbc4;
    color: #000000;
  }
  .ver{
    text-decoration: none;
    font-weight: 300;
    color: #ffffff;
    background-color: #009688;
    border-radius: 4px;
    width: 95%;
    height: 40px;
  }
  .ver:hover{
    background:#80cbc4;
    color: #000000;
  }
  .verIns{
    text-decoration: none;
    font-weight: 300;
    color: #ffffff;
    background-color: #0277bd;
    border-radius: 4px;
    width: 95%;
    height: 40px;
  }
  .verIns:hover{
    background:#80cbc4;
    color: #000000;
  }
  .reg{
    text-decoration: none;
    font-weight: 300;
    color: #ffffff;
    background-color: #009688;
    border-radius: 4px;
    width: 95%;
    height: 40px;
  }
  .reg:hover{
    background:#80cbc4;
    color: #000000;
  }
  .salir{
    text-decoration: none;
    font-weight: 300;
    color: #ffffff;
    background-color: #009688;
    border-radius: 4px;
    width: 95%;
    height: 40px;
  }
  .salir:hover{
    background:#80cbc4;
    color: #000000;
  }

element.style {
    background-color: cornsilk !important;
}
  
* {box-sizing:border-box}
.container {
    width: 100%; /* Full width */
    background-color: #ddd; /* Grey background */
    border-radius: 3px;
}
.skills {
    text-align: center; /* Right-align text */
    padding-right: 1px; /* Add some right padding */
    line-height: 40px; /* Set the line-height to center the text inside the skill bar, and to expand the height of the container */
    color: black; /* White text color */
}
.container-fluid-myStyle
{
  margin-bottom: 70px !important;
}

@media screen {
  #printSection {
      display: none;
  }
}

@media print {
  body * {
    visibility:hidden;
  }
  #printSection, #printSection * {
    visibility:visible;
  }
  #printSection {
    position:absolute;
    left:0;
    top:0;
  }
}