body{
  /*background: url(FondoDurexportaWhite.jpg);*/
  background-size: cover; /*100% 100%*/
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  padding-top: 70px;
  height: 99%
}

/* Style the links inside the sidenav */
#mySidenav a {
  position: absolute; /* Position them relative to the browser window */
  left: -80px; /* Position them outside of the screen */
  transition: 0.3s; /* Add transition on hover */
  padding: 15px; /* 15px padding */
  width: 100px; /* Set a specific width */
  text-decoration: none; /* Remove underline */
  font-size: 20px; /* Increase font size */
  color: white; /* White text color */
  border-radius: 0 5px 5px 0;
  z-index: 100/* Rounded corners on the top right and bottom right side */
}

#mySidenav a:hover {
  left: 0; /* On mouse-over, make the elements appear as they should */
}

.navBarP{
  margin: 0%;
  padding: 0%;
  background-color: #D3B85E;
  border-color: #D3B85E;
}

.fright
{
  float:right;
}
.fleft
{
  float:left;
}
#userInfo
{
  position:absolute;
  top:0px;
}
.tmn-sm{
  width:50px;
  height:50px; 
  font-size: 25px;
  font-size-adjust: 0.4;
  /*alignment-adjust: central;*/
  align-content: center;
}
.tmn-md{
  width:80px;
  height:80px; 
  font-size: 50px;
  font-size-adjust: 0.4;
  /*alignment-adjust: central;*/
  align-content: center;
}
.tmn-lg{
  width:100px;
  height:100px; 
  font-size: 50px;
  font-size-adjust: 0.4;
  margin: 10px;
}
.tmn-lgx{
  width:300px;
  height:100px; 
  font-size: 50px;
  font-size-adjust: 0.4;
  margin: 10px;
}

.tmn-lgxn{
  width:500px;
  height:100px; 
  font-size: 50px;
  font-size-adjust: 0.4;
  margin: 10px;
}

.tmn-lgx1{
  width:200px;
  height:200px; 
  font-size: 50px;
  font-size-adjust: 0.4;
  margin: 10px;
}
.tmn-lgxx{
  width:350px;
  height:350px; 
  font-size: 50px;
  font-size-adjust: 0.4;
  margin: 10px;
}

.tmn-menu{
  width:500px;
  height:500px; 
  font-size: 180px;
  font-size-adjust: 0.4;
  margin: 10px;
}

.divFLotante{
  position: absolute;
  z-index: 100; /*Crea una capa nueva por encima, si tenemos una con valor 2 estará a una altura o por encima de una con 
                valor 1*/
  /*left:45%; /*Con este margen posicionamos el div donde queramos*/
  /*top: 25%;*/
  width: 350px;
}

.inputCalc{
  font-size: 25px;
}

.seleccionCalc{
  border: 3px solid #ff0000;
}

.square {
  position: relative;
  /*width: 50%;*/
}

.square:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

#thtBody button{
  height: 100px;
}

.f30{
  font-size: 30px;
}

.fullBorde{
  border: 2px solid #000;
}

.select2Contenedor input, .select2Contenedor span{
  font-size: 25px !important;
}

.select2-container {
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 25px;
}

.grillaJaula p
{
  font-size: 1.8em !important;
}

#page-wrapper{
  margin: 0 !important;
}

.text-size-md{
  font-size: 48px !important;
}
.text-size-lg{
  font-size: 60px !important;
}
.text-size-lgx{
  font-size: 80px !important;
}

.OrangeMate{
  background: #ef6c00;
}
.AzulMate{
  background: #0277bd;
}
.GreenMate{
  background: #8bc34a;
}

.Prueba{
  background-color: #01579b;

}
/*
.table-hover {
  tbody tr {
    background-color: #bad8f0;
  }
}*/

/*COLOR DEL DESPACHO CONTENEDOR DUREXPORTA*/
.panel-despacho-durex {
  border-color: #ef6c00;
}
.panel-despacho-durex > .panel-heading {
  color: white;
  background-color: #ef6c00;
  border-color: #ef6c00;
}
.panel-despacho-durex > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ef6c00;
}
.panel-despacho-durex > .panel-heading .badge {
  color: white;
  background-color: #ef6c00;
}
.panel-despacho-durex > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ef6c00;
}

/*COLOR DEL DESPACHO CONTENEDOR COPACKING*/
.panel-despacho-copacking {
  border-color: #8bc34a;
}
.panel-despacho-copacking > .panel-heading {
  color: white;
  background-color: #8bc34a;
  border-color: #8bc34a;
}
.panel-despacho-copacking > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #8bc34a;
}
.panel-despacho-copacking > .panel-heading .badge {
  color: white;
  background-color: #8bc34a;
}
.panel-despacho-copacking > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #8bc34a;
}
.table > tbody > tr.colorAmarillo > td, h3.colorAmarillo, td.colorAmarillo
{
  background-color: #fffd90;
}
.table > tbody > tr.colorPurpura > td, h3.colorPurpura, td.colorPurpura
{
  background-color: #aef2a5;
}
.table > tbody > tr.colorNaranja > td, h3.colorNaranja, td.colorNaranja
{
  background-color: #faaefd;
}