.celdaVac {
	height:17px;  
	font-size:x-small; 
	vertical-align:middle; 
	font-family:"Arial" !important; 
}

.celdaTitVac {
	height:17px;  
	font-size:x-small; 
	font-weight:bold;  
	vertical-align:middle; 
	text-align:center;  
	font-family:"Arial" !important;
	color:white; 
	background-color:#007eb2;  
}

.indrow
{
	height:80px;  
	width:100%; 
	flex-align:center !important;  
}
.control-label {
    height:21px;  
	font-size:x-small; 
	left: 0px;
    vertical-align:middle; 
	margin-top: 0px;
	font-family:"Open Sans" !important; 
}

.imgRedonda {
    width:32px;
    height:32px;
    border-radius:150px;
}

.imgRedondaMain {
    width:72px;
    height:92px;
    border-radius:150px;
	float:left;
	vertical-align:top;  
}

.MenuPortal
{
	        vertical-align:middle; 
            border:none;  
            font-size:16px; 
            background-color:#F78119;
            margin-top:2px; 
			text-align:center;
}

.iconCrm
        {
            vertical-align:middle; 
            border:none;  
            font-size:16px; 
            margin-top:5px; 
        }

.featureIconGrilla
       {
            vertical-align:middle; 
            border:none;  
            font-size:12px; 
            margin-top:2px; 
			background-color:#7F9830;
			color:white;
			border-radius:150px; 
        }

.featureIcon
       {
            vertical-align:middle; 
            border:none;  
            font-size:18px; 
            margin-top:5px; 
			color:#B6C4CF;
        }


.featureIconApp24
       {
			padding:2px; 
            vertical-align:middle;  
            border:none;  
            font-size:20px; 
            margin-top:2px; 
			color:#fff;
			background-color:#7F9830;
		    border-radius:360px;
        }

.featureIconApp
       {
			padding:2px; 
            vertical-align:middle;  
            border:none;  
            font-size:22px; 
            margin-top:5px; 
			color:#B6C4CF;
			background-color:white;
        }
		
.featureIconApp:hover 
       {
			color:#A5C63A;
			background-color:white;
        }

.featureIconLogin
       {
			padding:2px; 
            vertical-align:middle;  
            border:none;  
            font-size:22px; 
            margin-top:3px; 
			color:white;
			background-color:transparent;
			float:left;
			margin-left:2px;    
        }

.control-texto {
font-size:x-small !important;
margin-top: 0px;
font-family:"Open Sans" !important; 
height:21px; 
border-radius: 3px !important;
color:#003399;
}

.botonHome {
font-size:14px;
margin-top: 0px;
border-radius: 3px !important;
color:#fff; 
background-color:#253F56;
height:28px; 
width:120px; 
text-align:center;
vertical-align:middle;  
vertical-align:bottom;    
}


.dx-label-MetropolisBlue {
font-size:12px !important;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
padding-top:0px;   
font-family:"Open Sans" !important; 
height:18px !important; 
background-color:white; 
color:#171717;
}

.dx-texto-MetropolisBlue {
background-color:white; 
color:#2a2929;
border-color:#C1C1C1;
border-style:solid; 
border-width:1px;  
}

.headerTop
{
	height:35px; 
	color:#ffffff; 
	background:#7CA5D5;
	vertical-align:middle;  
}

.headerMenu
{
	font-size:15px; 
	color:#ffffff; 
	background-color:transparent; 
	vertical-align:middle; 
	display:inline-block;
	margin-top:2px;   
}

.campo-texto {
	height:21px !important; 
	font-size:small; 
	border-color:aliceblue;
	border-style:solid;
	border-width:1px;
	font-family:"Open Sans" !important; 
	background-color:white;
	border-color:aliceblue;
	border-style:solid;
	border-width:1px;
}

.control-texto-a {
	height:21px; 
	font-weight:normal;
	text-decoration:none;
	vertical-align:middle;
	font-style:normal;
	font-size:x-small; 
	color:salmon;
	font-family:Arial;
	background-color:white;
	border-color:aliceblue;
	border-style:solid;
	border-width:1px;
	font-family:"Open Sans"; 
}

.control-texto-b {
    height:21px !important; 
	font-weight:normal;
	text-decoration:none;
	vertical-align:middle;
	font-style:normal;
	font-size:8px;
	color: #3b4960;
	font-family: arial;
	background-color:#DDE7F3;
	border-color:black;
	border-style:solid;
	border-width:1px;
	font-family:"Open Sans"; 
	/*color: #3b4960; */
}

.botonlogingrh {
    background-color: #B6C4CF;
    background-image: none;
    filter: none;
    border-width: 1px;
    text-shadow: none;
    font-size: 12px;  	
	font-weight:normal;  
    cursor: pointer;
    outline: none;
	float:none !important; 
 }

.headerfooter
{
    background-color: #1e2a32;
    background-image: none;
    filter: none;
    border: 0;
    box-shadow: none;
    padding: 0px; 
    text-shadow: none;
    font-family: "Open Sans";
    font-size: 10px;  	
    color: #ffffff;
    cursor: pointer;
    outline: none;
    border-radius: 0px !important;
    enable-background:new; 
}
.headerlogin
{
    background-color: #1e2a32;
    background-image: none;
    filter: none;
    border: 0;
    box-shadow: none;
    padding: 0px; 
    text-shadow: none;
    font-family: "Open Sans";
    font-size: 10px;  	
    color: #ffffff;
    cursor: pointer;
    outline: none;
    border-radius: 0px !important;
    enable-background:new; 
	height:50px; 
}

.control-texto-movil {
width: 80px;
height:28px;
font-size:small;
}

.control-combo {
width: 80px;
height:21px;
color:#003399;
font-size:x-small; 
background-color:#D6E7FB;
border-radius: 3px !important;
}

.control-combo-movil {
font-size:small; 
}

.fila-grilla {
height:23px;
}

.fila-grilla-movil {
height:26px;
}

.fila-grilla-movil_enc {
height:26px;
width:110px; 
}

.fila-header-grilla {
height:20px;
background-color:#7CA5D5;

color:#fff;
text-decoration-color:white;  
font-size:small;  
}

.fila-header-grilla-detalle {
height:20px;
background-color:#3382e2;
color:#fff;
text-decoration-color:white;  
font-size:small;  
}

.NodeExpandedStyle{
  border-radius: 5px;
  border: 1px solid #007eb2;
  padding: 10px; 
  width: 300px;
  height: 50px;  
  text-align:center;
  text-shadow:inherit;  
  vertical-align:middle;    
  margin:5px; 
 }

.NodeMainStyle{
  background-color: #007eb2;
  color:white;
  font-weight:bold;    
  border-radius: 5px;
  border: 1px solid #007eb2;
  padding: 10px; 
  width: 300px;
  height: 20px;  
  text-align:center;
  vertical-align:middle;    
  margin:5px; 
}
.NodeCollapsedStyle{
    background-color:inherit; 
}



.dxpControl {
        background-color: #FF9419;
		color:white; 
    }


.dxgvTable caption
        {
            color:white;
            background-color:#B6C4CF;
        }

.dxgvTable footer 
		{
            color:white;
            background-color:#B6C4CF;
        }
.enc-grilla-movil {
height:23px;
background-color:  #afd7f2;
color:#000;
font-size:x-small;
font-weight:bold;   
}

.titimg { 
        margin: 0 auto;
        float: left !important;
        display: table;
        width:25px !important;
        vertical-align:central;  
        }
.tittxt { 
        margin: 0 auto;
        float:left !important;
        display: table;
        width: 100px !important;
        vertical-align:central;  
        }

.fila-titulo-sec {
height:38px;
background-color:#D9DBDC;
vertical-align:central;
color:black;
font-weight:bold;  
text-align:left;
font-family:'Arial Rounded MT'; 
}
.fila-titulo-Azul {
width: 150px;
height:38px;
background-color:#D9DBDC;
background-image: url("../images/EtiquetaAzul.png");
background-repeat:no-repeat;  
vertical-align:central;
color:white;
font-weight:bold;  
text-align:center;  
font-family:'Arial Rounded MT'; 
}
.fila-titulo-Naranjo {
width: 150px !important;
height:40px !important;
background-color:silver;
background-image: url("../images/EtiquetaNarajo.png");  
background-repeat:no-repeat;   
color:black; 
font-weight:bold;  
text-align:center;  
font-family:'Arial Rounded MT'; 
}
.fila-titulo-Verde {
width: 150px !important;
height:40px !important;
background-color:white;
background-image: url("../images/Etiquetaverde.png");   
vertical-align:central;
background-repeat:no-repeat;  
color:white;
font-weight:bold;  
text-align:center;  
font-family:'Arial Rounded MT'; 
}

.celda-opera {
font-size:x-small !important;
margin-top: 0px;
font-family:"Open Sans" !important; 
height:26px; 
width:60px; 
border-radius: 5px !important;
color:#003399;
}


.loadpic {
	width:24px; 
	height:24px; 
	background-image:url("../images/loadingajax.gif");
	background-size:24px;
	background-color:transparent;
	vertical-align:central;     
}

.backgroudPro {
    position: fixed;
    top: 0px;
    bottom:0px;
    left:0px;
    right :0px;
    overflow :hidden;
    padding :0;
    margin :0;
    background-color :#F0F0F0;
    filter :alpha(opacity=80);
    opacity: 0.8;
    z-index :100000;   
}

.ProgressPn {
    position: fixed;
    top:  40%;
    left:40%;
    height :10%;
    width :10%;
    z-index :100001;
    background-color :transparent; 
    border :0px none;
    background-image :url('../images/ajax-loader1.gif');
    background-repeat :no-repeat ;
    background-position :center;
    background-size :24px;
}

.CeldaCorte
{
	height:9px !important; 
	font-weight:bold; 
	text-decoration:none;
	vertical-align:middle;
	font-style:normal;
	font-size: 8pt;
	color: black;
	font-family:  Courier New;
	background-color:#DCE0E6;
	border-color:black ;
	border-style:solid;
	border-width:1px;
}
.subtotal
{
	background-color:#CBDDF4;
	font-size:x-small;
    height:21px;
    font-weight:bold;   
}
.total
{
	background-color:#AACCF7;
	font-size:x-small;
    height:21px;
    font-weight:bold;   
}
.titgrilla
{
	display:block;
	height:22px !important;
	font-weight:bold; 
	text-decoration:none;
	vertical-align:middle;
	font-style:normal;
	font-size: 10pt;
	color:#3F6282;
	font-family: Calibri;
	background-color:#AACCF7;
	border-color:white;
	border-style:none;
	border-width:0px;
}

.botonPos {
    background-color: #394C81;
    background-image: none;
	height:25px;
	width:180px;  
    filter: none;
    border: 0;
    box-shadow: none;
    padding: 0px; 
    text-shadow: none;
    font-family: "Open Sans";
    font-size: 12px;  	
    color: #ffffff;
    cursor: pointer;
    outline: none;
    border-radius: 3px !important;
    vertical-align:top;  
    enable-background:new; 
   }

.botonPos:hover, 
.botonPos:focus, 
.botonPos:active,
.botonPos.active,
.botonPos[disabled],
.botonPos.disabled {  
  font-family: "Open Sans";
  color: #333333;
  box-shadow: none;
  background-color: #d8d8d8;
}

 .boton {
    background-color: #394C81;
    background-image: none;
    filter: none;
    border: 0;
    box-shadow: none;
    padding: 0px; 
    text-shadow: none;
    font-family: "Open Sans";
    font-size: 12px;  	
    color: #ffffff;
    cursor: pointer;
    outline: none;
    border-radius: 0px !important;
    vertical-align:top;
    enable-background:new; 
 }
  
.boton:hover, 
.boton:focus, 
.boton:active,
.boton.active,
.boton[disabled],
.boton.disabled {  
font-family: "Open Sans";
  color: #333333;
  box-shadow: none;
  background-color: #d8d8d8;
}

.boton.red-stripe
{
	border-left: 3px solid #d84a38;
}

.boton.blue-stripe
{
	border-left: 3px solid #4d90fe;
}

.boton.login-stripe
{
	border-left: 5px solid #4d90fe;
}

.boton.purple-stripe
{
	border-left: 3px solid #852b99;
}

.boton.green-stripe
{
	border-left: 3px solid #35aa47;
}

/*  Red */
.boton.red {
  color: white;  
  text-shadow: none;	
  background-color: #d84a38;
}

.boton.red:hover, 
.boton.red:focus, 
.boton.red:active, 
.boton.red.active,
.boton.red[disabled], 
.boton.red.disabled {    
  background-color: #bb2413 !important;
  color: #fff !important;
}

/*  Blue */
.boton.transparent   
{
  color: black;  
  text-shadow: none;  
  background-color: transparent;
}

.boton.blue   
{
  color: white;  
  text-shadow: none;	
  background-color: #497FBD;
}
.boton.blue:hover, 
.boton.blue:focus, 
.boton.blue:active,
.boton.blue.active,
.boton.blue[disabled],
.boton.blue.disabled {  
  background-color: #4d90fe !important;
  color: #fff !important;
}

/*  loign */
.boton.transparent   
{
  color: black;  
  text-shadow: none;  
  background-color: transparent;
}

.boton.login
{
  color: white;  
  text-shadow: none;	
  background-color: #0362fd;
}

.boton.login:hover, 
.boton.login:focus, 
.boton.login:active,
.boton.login.active,
.boton.login[disabled],
.boton.login.disabled {  
  background-color: #4d90fe !important;
  color: #fff !important;
}

/*  Green */
.boton.green {
  color: white;
  text-shadow: none;	 
  background-color: #89BA4B;
 }
.boton.green:hover, 
.boton.green:focus, 
.boton.green:active, 
.boton.green.active,
.boton.green.disabled, 
.boton.green[disabled]{ 
  background-color: #1d943b !important;
  color: #fff !important;
}

/*  Purple */
.boton.purple {
  color: white; 
  text-shadow: none;	
  background-color: #852b99;
}
.boton.purple:hover, 
.boton.purple:focus, 
.boton.purple:active, 
.boton.purple.active, 
.boton.purple.disabled,
.boton.purple[disabled] { 
  background-color: #6d1b81 !important;
  color: #fff !important;
}

.boton.yellow {
  color: white; 
  text-shadow: none;	
  background-color: #ffb848;
}
.boton.yellow:hover, 
.boton.yellow:focus, 
.boton.yellow:active, 
.boton.yellow.active, 
.boton.yellow.disabled,
.boton.yellow[disabled] { 
  background-color: #eca22e !important;
  color: #fff !important;
}

.boton.black {
  color: white; 
  text-shadow: none;	
  background-color: #555555;
}
.boton.black:hover, 
.boton.black:focus, 
.boton.black:active, 
.boton.black.active, 
.boton.black.disabled,
.boton.black[disabled] { 
  background-color: #222222 !important;
  color: #fff !important;
}


.botonPos.red-stripe
{
	border-left: 3px solid #d84a38;
}

.botonPos.blue-stripe
{
	border-left: 3px solid #4d90fe;
}

.botonPos.login-stripe
{
	border-left: 5px solid #4d90fe;
}

.botonPos.purple-stripe
{
	border-left: 3px solid #852b99;
}

.botonPos.green-stripe
{
	border-left: 3px solid #35aa47;
}

/*  Red */
.botonPos.red {
  color: white;  
  text-shadow: none;	
  background-color: #d84a38;
}

.botonPos.red:hover, 
.botonPos.red:focus, 
.botonPos.red:active, 
.botonPos.red.active,
.botonPos.red[disabled], 
.botonPos.red.disabled {    
  background-color: #bb2413 !important;
  color: #fff !important;
}

/*  Blue */
.botonPos.transparent   
{
  color: black;  
  text-shadow: none;  
  background-color: transparent;
}

.botonPos.blue   
{
  color: white;  
  text-shadow: none;	
  background-color: #0362fd;
}
.botonPos.blue:hover, 
.botonPos.blue:focus, 
.botonPos.blue:active,
.botonPos.blue.active,
.botonPos.blue[disabled],
.botonPos.blue.disabled {  
  background-color: #4d90fe !important;
  color: #fff !important;
}

/*  loign */
.botonPos.transparent   
{
  color: black;  
  text-shadow: none;  
  background-color: transparent;
}

.botonPos.login
{
  color: white;  
  text-shadow: none;	
  background-color: #0362fd;
}
.botonPos.login:hover, 
.botonPos.login:focus, 
.botonPos.login:active,
.botonPos.login.active,
.botonPos.login[disabled],
.botonPos.login.disabled {  
  background-color: #4d90fe !important;
  color: #fff !important;
}


/*  Green */
.botonPos.green {
  color: white;
  text-shadow: none;	 
  background-color: #89BA4B;
 }
.botonPos.green:hover, 
.botonPos.green:focus, 
.botonPos.green:active, 
.botonPos.green.active,
.botonPos.green.disabled, 
.botonPos.green[disabled]{ 
  background-color: #1d943b !important;
  color: #fff !important;
}

/*  Purple */
.botonPos.purple {
  color: white; 
  text-shadow: none;	
  background-color: #852b99;
}
.botonPos.purple:hover, 
.botonPos.purple:focus, 
.botonPos.purple:active, 
.botonPos.purple.active, 
.botonPos.purple.disabled,
.botonPos.purple[disabled] { 
  background-color: #6d1b81 !important;
  color: #fff !important;
}

.botonPos.yellow {
  color: white; 
  text-shadow: none;	
  background-color: #ffb848;
}

.botonPos.yellow:hover, 
.botonPos.yellow:focus, 
.botonPos.yellow:active, 
.botonPos.yellow.active, 
.botonPos.yellow.disabled,
.botonPos.yellow[disabled] { 
  background-color: #eca22e !important;
  color: #fff !important;
}

.botonPos.black {
  color: white; 
  text-shadow: none;	
  background-color: #555555;
}

.botonPos.black:hover, 
.botonPos.black:focus, 
.botonPos.black:active, 
.botonPos.black.active, 
.botonPos.black.disabled,
.botonPos.black[disabled] { 
  background-color: #222222 !important;
  color: #fff !important;
}

.styled-select {
  background:none; 
  /*   url(http://i62.tinypic.com/15xvbd5.png) no-repeat 96% 0; */
  height: 21px;
  overflow: hidden;
  width: 300px;
  border-color:aliceblue; 
}
.styled-select select {
  background: transparent;
  border: none;
  font-size: 14px;
  height: 21px;
  padding: 5px;
  /* If you add too much padding here, the options won't show in IE */
  width: 300px;
}
.styled-select.slate {
  background: url(http://i62.tinypic.com/2e3ybe1.jpg) no-repeat right center;
  height: 21px;
  width: 300px;
}
.styled-select.slate select {
  border: 1px solid #ccc;
  font-size: 16px;
  height: 21px;
  width: 300px;
}
/* -------------------- Rounded Corners */
.rounded {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.semi-square {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* -------------------- Colors: Background */
.slate {
  background-color: #ddd;
}
.green {
  background-color: #89BA4B;
}
.blue {
  background-color: #3b8ec2;
}
.blueImg {
  background-color: #3b8ec2;
}
.yellow {
  background-color: #eec111;
}
.black {
  background-color: #000;
}
/* -------------------- Colors: Text */
.slate select {
  color: #000;
}
.green select {
  color: #fff;
}
.blue select {
  color: #fff;
}
.login select {
  color: #fff;
}
.yellow select {
  color: #000;
}
.black select {
  color: #fff;
}
/* -------------------- Select Box Styles: danielneumann.com Method */
/* -------------------- Source: http://danielneumann.com/blog/how-to-style-dropdown-with-css-only/ */
#mainselection select {
  border: 0;
  color: #EEE;
  background: transparent;
  font-size: 20px;
  font-weight: bold;
  padding: 2px 10px;
  width: 378px;
  *width: 350px;
  *background: #58B14C;
  -webkit-appearance: none;
}
#mainselection {
  overflow: hidden;
  width: 350px;
  -moz-border-radius: 9px 9px 9px 9px;
  -webkit-border-radius: 9px 9px 9px 9px;
  border-radius: 9px 9px 9px 9px;
  box-shadow: 1px 1px 11px #330033;
  background: #58B14C url("http://i62.tinypic.com/15xvbd5.png") no-repeat scroll 319px center;
}
/* -------------------- Select Box Styles: stackoverflow.com Method */
/* -------------------- Source: http://stackoverflow.com/a/5809186 */
select#soflow,
select#soflow-color {
  -webkit-appearance: button;
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-padding-end: 20px;
  -webkit-padding-start: 2px;
  -webkit-user-select: none;
  background-image: url(http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
  background-position: 97% center;
  background-repeat: no-repeat;
  border: 1px solid #AAA;
  color: #555;
  font-size: inherit;
  margin: 20px;
  overflow: hidden;
  padding: 5px 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 300px;
}
select#soflow-color {
  color: #fff;
  background-image: url(http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#779126, #779126 40%, #779126);
  background-color: #779126;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  padding-left: 15px;
}
.Grid
{
	border-radius: 5px !important;
}

.GridHeader

{
	color: white;
	position: relative;
	top: expression(this.offsetParent.scrollTop - 2);
	background-color: #3E8DC0;
	font-size: 11px;
	height:23px; 
}

.GridRow

{
	color: #000000;
	background-color: #FFFFFF;
	font-weight: normal;
	font-size: 10px;
	height:21px; 
}

.GridRow:hover {
      background-color: #AACCF7;
    }

.GridAlternateRow
{
	color: #000000;
	background-color: #FFFFCC;
	font-weight: normal;
	font-size: 10px;
	height:21px; 
}

.GridSelected
{
	color: #000000;
	background-color:#b0f3c8;
	font-weight: normal;
	font-size: 10px;
	height:21px; 
}

.Grid a:hover{
    background-color:#3E8DC0;
    color:#fff;
	height:21px; 
}


	/*Color de fondo para la paginación*/
.GridPaginacion
{
	height: 21px;
	width:100%; 
	background-color: #ffffff;
	border-radius: 0px !important;
	color: #969696;
	display:block;  
	font-size:small ;
}

.GridPaginacion a
    {
        
        height: 15px;
        width: 15px;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        background-color: #ffffff;
        color: #969696;
		border-radius: 0px !important;
    } 

.GridPaginacion span
    {
        background-color:  #d02525;
        color: #000;
		width:23px; 
		font-size:small;
		border-radius:0px !important;
		
    }

.Color00{ background:#808080; margin-top:2.5641%;}
.Color01{ background:#4aa5e4; margin-top:2.5641%;}
.Color02{ background:#169eab; margin-top:2.5641%;}
.Color03{ background:#189900; margin-top:2.5641%;}
.Color04{ background:#82ba1b; margin-top:2.5641%;}
.Color05{ background:#e2a600; margin-top:2.5641%;}
.Color06{ background:#e66b1b; margin-top:2.5641%;}
.Color07{ background:#B21A41; margin-top:2.5641%;}
.Color08{ background:#C71585; margin-top:2.5641%;}
.Color09{ background:#4650C2; margin-top:2.5641%;}
.Color10{ background:#4382C2; margin-top:2.5641%;}
.Color11{ background:#a12efb; margin-top:2.5641%;}
.Color12{ background:#b7d51b; margin-top:2.5641%;}
.Color13{ background:#6E7894; margin-top:2.5641%;}
.Color14{ background:#89BA4B; margin-top:2.5641%;}
.Color15{ background:#aaa; margin-top:2.5641%;}
.Color16{ background:#D6E7FB; margin-top:0%;}
.Color17{ background:#ffffff; margin-top:0%;}
.ColorErp{ background:#2FBC9C; margin-top:2.5641%;}
.ColorFoot{ background:#808080; margin-top:2.5641%;color:#ffffff;}


@font-face {
font-family: NeoTech;
src:  url(../font/NeoTech.otf) format('opentype');
}

@font-face {
font-family: OpenSans;
src:  url(../font/OpenSans-Regular.ttf) format('truetype');
}