/* Main Content Inicio */

#Main
{
	border: none;
	height: auto;
	position: static;
	width: 100%;
}

#MainLeft
{
	/*background-color: Black; 	border: none;*/
	border: none;
	display: inline-block;
	height: auto;
	vertical-align: top;
	width: 20%;
	z-index: 100;
}

#MainRight
{
	border: none;
	display: inline-block;
	height: 100%;	
	max-height:900px;
	overflow:auto;
	vertical-align: top;
	width: 79.5%;
}

#MainContent
{
	background-color: White;
	border: none;
	height: auto;
	padding-top:1px;
	min-height: 400px;
	width: 100%;
}

#NavigationRoute
{
	/*background-color: #201D21;*/
	border: none;
	/*border-bottom: 5px solid #535353;*/
	height: 10px;
	margin: 0;
	min-height: 15px;
	padding: 4px;
	text-align: center;
	width: auto;
}

.lblResultsArtCodi {
	font-size: 10px;
	font-weight: bold;
}

.lblResultsArtCodiTiny {
	font-size: 9px;
	font-weight: bold;
}

.lblResultsArtDesc {
	font-size: 12px;
}

.lblResultsArtDescTiny {
	font-size: 9px;
}

.lblCartDetailTitle{
	font-size: 25px;
	font-weight: bold;
	color: #0066cc;
}

.lblCategory {
	font-size: 30px;
	font-weight: bold;
}

.btnLogin {
  display: inline-block;
  padding: 8px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #ffffff;
  background-color: #0066cc;
  border-color: #004d99;
}

.btnLogin:hover
{
    opacity: 0.80;
}

.btnLoginPushed {
  display: inline-block;
  padding: 8px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #ffffff;
  background-color: #0066cc;
  border-color: #004d99;
	opacity: 0.45; 
	cursor: not-allowed;
}

.btn2MpgHole {
  display: inline-block;
  padding: 8px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #004d99;
  background-color: transparent;
  border-color: #0066cc;
}


.btn2Mpg {
  display: inline-block;
  padding: 8px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  
  color: #ffffff;
  background-color: #0066cc;
  border-color: #004d99;
}

.btn2MpgDisabled {
	color: #ffffff;
	font-weight: bold;
	background-color: #99ccff;
	border-color: #99ccff;
	border: 1px solid #99ccff;
	-webkit-border-radius: 5px;
	-moz-border-radius  : 5px;
	margin-left: 5px; 
	margin-right: 5px;
	width: 120px;
	height: 30px;
	cursor: none;
}

.btn2Mpg:hover
{
    opacity: 0.80;
}

.btnOrder {
  display: inline-block;
  padding: 3px 3px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  
  color: #ffffff;
  background-color: #57c007;
  border-color: #46a002;
}

.btnOrangeLittle {
  display: inline-block;
  padding: 3px 3px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  
  color: #ffffff;
  background-color: #ffa500;
  border-color: #ce590d;
}

.separatorGreen
{
	border-top: #00823F 1px dotted;
	background-repeat: no-repeat;
	height: 1px;
}

.textBienvenida1 {
	/*font-family: Verdana, Geneva, sans-serif;*/
	font-size: 30px;
	font-weight: Bold;
	color: #0066cc;
	text-decoration: none;
	text-align: right;
}

.textBienvenida2 {
	/*font-family: Verdana, Geneva, sans-serif;*/
	font-size: 40px;
	font-weight: Bold;
	color: #0066cc;
	text-decoration: none;
	text-align: right;
}

.contenedor-filtros {
	background: #e6ffcc;
	overflow: hidden;

	padding-top: 10px;
	padding-bottom: 10px;
	position:relative;
	margin-left:auto; 
	margin-right:auto;
	margin-bottom: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius  : 5px;
	width:95%;    
}

.contenedor-login {
	/*background: #EEE;*/
	background-image: linear-gradient(to right, rgba(168,245,168,0), rgba(230,255,204,1)); 
	overflow: hidden;
	
	padding-top: 10px;
	padding-bottom: 10px;
	position:relative;
	margin-left:auto; 
	margin-right:auto;
	margin-bottom: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius  : 5px;
	width:60%;    
}

.contenedor-trasparente {
	overflow: hidden;

	padding-top: 10px;
	padding-bottom: 10px;
	position:relative;
	margin-left:auto; 
	margin-right:auto;
	margin-bottom: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius  : 5px;
	width:95%;    
}

.filtros_titular
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-color: #DAE3F1;
	text-align: left;
}

#stepOneWrapper 
{
  /*width: 100%;
  height: 400px;
  border: 1px solid black;
  display: flex;
  align-items: center;
  justify-content: center;
 */
 display: flex;
  align-items: center;
  justify-content: center;
  
	background: #EEE;
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 10px;
	position:relative;
	margin-top: 40px;
	margin-left:auto; 
	margin-right:auto;
	margin-bottom: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius  : 5px;
	width:50%;
}

#stepTwoWrapper 
{
  /*width: 100%;
  height: 400px;
  border: 1px solid black;
  display: flex;
  align-items: center;
  justify-content: center;
 */
	background: #EEE;
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 10px;
	position:relative;
	margin-top: 40px;
	margin-left:auto; 
	margin-right:auto;
	margin-bottom: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius  : 5px;
	width:70%;
}

#stepThreeWrapper 
{
  display:block;
  position: relative; 
  clear:both;
  margin:             3px 0 0 0;   
  border:             1px solid #CCC;
  padding:            10px;    
  color:              #5A5655;   
  background-color:   #F8F8F8;
  text-align:left;
  overflow:auto;    
  z-index:88; 
  -webkit-border-radius: 5px;
  -moz-border-radius  : 5px;
  left:0;
}

#wizardkeypad
{
	background: #e6ffcc;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}

.btn-wizardkeypadDisabled {
	color: #ffffff;
	font-weight: bold;
	background-color: #d9d9d9;
	border-color: #d9d9d9;
	border: 1px solid #d9d9d9;
	-webkit-border-radius: 5px;
	-moz-border-radius  : 5px;
	margin-left: 5px; 
	margin-right: 5px;
	width: 120px;
	height: 30px;
	cursor: none;
}

.btn-wizardkeypad {
	color: #ffffff;
	font-weight: bold;
	background-color: #7D7D7D;
	border-color: #7D7D7D;
	border: 1px solid #7D7D7D;
	-webkit-border-radius: 5px;
	-moz-border-radius  : 5px;
	margin-left: 5px; 
	margin-right: 5px;
	width: 120px;
	height: 30px;
}

.btn-wizardkeypad:hover,
.btn-wizardkeypad:focus,
.btn-wizardkeypad:active,
.btn-wizardkeypad.active {
	background-color: #4d4d4d;
	border-color: #4d4d4d;
}

.aspNetDisabled {
	opacity: 0.80;
}

.btn-wizard {
	color: #ffffff;
	background-color: #EA8511;
	border-color: #EA8511;
	border: 1px solid #EA8511;
	-webkit-border-radius: 5px;
	-moz-border-radius  : 5px;
}

.btn-wizard:hover,
.btn-wizard:focus,
.btn-wizard:active,
.btn-wizard.active {
	background-color: #be6c0e;
	border-color: #be6c0e;
}

.btn-wizardStpOne {
  color: #ffffff;
  background-color: #EA8511;
  border-color: #EA8511;
  border: 1px solid #EA8511;
  height: 100px;
  width: 200px;
  margin: 20px;
  font: bold 20px Verdana, Arial, Helvetica, sans-serif;
}

.btn-wizardStpOne:hover,
.btn-wizardStpOne:focus,
.btn-wizardStpOne:active,
.btn-wizardStpOne.active {
  background-color: #be6c0e;
  border-color: #be6c0e;
}

.modalNew
{
    background-color: White;        
    height: auto;
    position: relative;
	margin-left:auto; 
	margin-right:auto;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 90%;
	height: 70%;
	-webkit-border-radius: 5px;
	-moz-border-radius  : 5px;
}

.modalNewTwo
{
    background-color: White;        
    overflow: auto;
    height: auto;
    position: relative;
	margin-left:auto; 
	margin-right:auto;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 30%;
	-webkit-border-radius: 5px;
	-moz-border-radius  : 5px;
}

.modalNewStatus
{
    background-color: White;        
    height: auto;
    position: relative;
	margin-left:auto; 
	margin-right:auto;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 90%;
	height: 70%;
	-webkit-border-radius: 5px;
	-moz-border-radius  : 5px;
}

.menuLogo {
	display:inline-block;
	width: 40px;
	height: 38px;
	background-image: url('../../Resources/Icon.png');
}

.changePassBtn {
	display:inline-block;
	width: 40px;
	height: 38px;
	background-image: url('../../Resources/ChangePassword36.png');
}
.changePassBtn:hover {
   opacity: 0.80;
}

.roundBtn {
	display:inline-block;
	width: 40px;
	height: 38px;
}
.roundBtn:hover {
   opacity: 0.80;
}

.logoutBtn {
	display:inline-block;
	width: 35px;
	height: 36px;
	background-image: url('../../Resources/Logout.png');
}

.logoutBtn:hover {
   opacity: 0.80;
}

.myUsrBtn {
	display:inline-block;
	width: 24px;
	height: 26px;
	background-image: url('../../Resources/user.png');
	vertical-align:super;
}
.myUsrBtn:hover {
   opacity: 0.80;
}

.EmptyLine {
	height: 5px;
}

.TwoEmptyLine {
	height: 10px;
}

.TreeEmptyLine {
	height: 30px;
}

.control-sum {
  display: block;
  width: 100%;
  height: 38px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.control-sum:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

.control-sum[disabled],
.control-sum[readonly],
fieldset[disabled] .control-sum {
  cursor: not-allowed;
  background-color: #eeeeee;
}

/*--Begin Wait Section--*/
.fixed
{
	position: absolute;
	z-index: 999999999;
	margin: 0 auto;
	position: absolute;
	top: 140px;
	left: 25%; /* top: 20px; */
	horiz-align: center;
	padding: 55px;
	z-index: 100;
	display: none;
	text-align: center;
	padding-top: 35px;
	padding-bottom: 75px;
}
.darkClass
{
	background-color: white;
	filter: alpha(opacity=80); /* IE */
	opacity: 0.8; /* Safari, Opera */
	-moz-opacity: 0.8; /* FireFox */
	z-index: 80;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 0px;
	left: 0px;
}
/*--End Wait Section*/

.footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
	height: 45px;
   background-image: url(../../Resources/Footer.png);
   background-repeat:no-repeat;
	background-position: center;
   color: white;
   text-align: center;
}

.ac-list-item
{
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
}
.ac-list-item-selected
{
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	background: rgb(218,227,241);
	padding-top: 2px;
}

.frm-ctrlNum {
  display: block;
  width: 100%;
  height: 38px;
  padding: 8px 12px ;
  /*padding-top: 8px;
  padding-right: 10px;*/
  text-align: right;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.frm-ctrlNum:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

.frm-ctrlNum[disabled],
.frm-ctrlNum[readonly],
fieldset[disabled] .frm-ctrlNum {
  cursor: not-allowed;
  background-color: #eeeeee;
}

fieldset.scheduler-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
}

legend.scheduler-border {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
    width:auto; /* Or auto */
    padding:0 10px; /* To give a bit of padding on the left and right */
    border-bottom:none;
}

/* The sidepanel menu */
#mySidenav a {
  position: absolute;
  left: -80px;
  transition: 0.3s;
  padding: 15px;
  width: 100px;
  text-decoration: none;
  font-size: 20px;
  color: white;
  border-radius: 0 5px 5px 0;
}

#mySidenav a:hover {
  left: 0;
}

#marcas {
  top: 200px;
  background-color: #04AA6D;
}

#categorias {
  top: 280px;
  background-color: #2196F3;
}

/* Fullscreen Overlay  */

.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
  overflow-x: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}