/* CSS Document */

@import url("colores.css?v2.35");
@import url("size.css");
/*@import url("../_fonts/droidsans_regular_spanish/stylesheet.css");*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400i,300,600|Indie+Flower);


@import url("../fuentes/droidsans_bold_spanish/stylesheet.css");
@import url("../fuentes/foundation-icons/foundation-icons.css");
@import url("../fuentes/iconmoon/style.css");
@import url("../fuentes/mk/style.css?v21");



html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}body {	line-height: 1;}ol, ul {	list-style: none;}blockquote, q {	quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}table {	border-collapse: collapse;	border-spacing: 0;}
body, html{
	min-width:100%;
	min-height:100%;
	color:#2B2B2B;
overflow-x: hidden;
}

#loadMoreNews{
	height:1px;
}	
i, .italica, em{
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
}
.font_indie{
	font-family: 'Indie Flower', cursive;	
}
.textField.readonly {
    border: 1px solid rgba(0,0,0,.1);
    background-color: transparent;
}
.hideAllTopBar {
    background-color: #f5f5f7;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 8px 43px 8px 8px;    
}
.borderBottomBlue {
	border-bottom: 2px solid #1A84F2 !important;
}
.tipoGastoWindow{
    background-color: #fff;
    top: 0;
	
    box-sizing: border-box;
    height: 100%;
    overflow: auto;
  
    position: fixed;
    right: -100%;
    width: 100%;
	max-width:495px;
    z-index: 10;
	border-left:1px solid #CCC;
}
.tipoGastoWindow .tiposGastosContainer{
 
    box-sizing: border-box;
    height: 90%;
	height:calc(100% - 100px);
    overflow: auto;
    
    width: 100%;

}

.tipoGastoWindow .busqueda {
    background-color: #fff;
    box-sizing: border-box;
    padding: 10px;
    text-align: center;

}
.tipoGastoWindow .gastos {

	
}
.tipoGastoWindow .gasto {
	width:100%;
	display:inline-block;
	padding:1.1vh 2vw;
	cursor:default;
	box-sizing:border-box;
	text-align:left;
	line-height:normal;
	vertical-align:top;
}
.tipoGastoWindow .gasto.hidden{
	display:none;	
}
.tipoGastoWindow .gasto hr{
	margin-bottom:-1.1vh;	
	width:98%;
}
.tipoGastoWindow .gasto:hover{
	background-color:#F5F5F5;	
}
.tipoGastoWindow .titulo{
	width:100%;
	padding:6px;
	text-align:center;	
	box-sizing: border-box;		
}

/* FECHA ESTILO CALENDARIO */
.dateCalendar{
    border: 1px solid #4ca1ff;
    border-radius: 1px;
    display: inline-block;
    text-align: center;
    width: 50px;
	line-height:16px;
}

.dateCalendar .top{
    background-color: #4ca1ff;
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;	
}

.dateCalendar .middle {
    font-size: 22px;
    margin-top: 3px;
}

.dateCalendar .bottom  {
    font-size: 9px;
}
.
/* FIN FECHA ESTILO CALENDARIO */
/*FOLLOW BAR */
	.sticky {
	    display: block;	
		position: sticky;
		z-index: 1;
		top:48px;
		border-bottom:1px solid #7B7B7B;
	}


/* EN FOLLOW */

/* NOTICIAS */
.noticiaUpdate{
	max-width: 1000px;
	padding: 0px;	
}
.noticiaUpdate .textoNoticia{
	padding: 4vh 2vw 6vh;
}
.noticiaUpdate .textoNoticia, .noticiaUpdate .imagenNoticia{
	width:50%; 
	min-width:300px;
	box-sizing:border-box;
}
.imagenNoticia img{
	width: 114%;
		
}
.noticiaUpdate hr{
	float:left;
}
/* FIN NOTICIAS */

.newMenu{
    display: inline-block;
    margin-left: -10px;
    margin-right: -8px;
    position: relative;
    -ms-transform: rotate(-15deg); /* IE 9 */
    -webkit-transform: rotate(-15deg); /* Chrome, Safari, Opera */
    transform: rotate(-15deg);
}
.menuPrincipalVertical .textoAccion {
	width:auto;	
}
.newMenu.noIco{
	 margin-left: 4px;
}
.newMenu .icoNew{
    font-size: 26px !important;
    left: 50%;
    margin-left: -10px;
    margin-top: -11px;
    position: absolute;
    top: 50%;	
}
.newMenu .textNew{
	z-index:1;
	font-size:9px;
	
	position:relative;
   -webkit-text-stroke: 1px #0b9a49;
   color: #FFF;
   text-shadow:
       1px 1px 0 #0b9a49,
     -1px -1px 0 #0b9a49,  
      1px -1px 0 #0b9a49,
      -1px 1px 0 #0b9a49,
       1px 1px 0 #0b9a49;	
}
*{
	font-size:13px ;	
}

.botonPeriodo:hover{
	background-color:#F7F5FA !important;	
}
div.botonPeriodo{
	padding: 5px;
	padding-left:1%;
	padding-right:1%;
	border-right: 2px solid #F0EFF4;
	width: 8.3333%;
	width: calc( 100% / 13 );
	border-bottom: 2px solid transparent;
	box-sizing: border-box;
	margin-bottom: 2px;
	background-color: #FFF;
}
div.botonPeriodo.ultima{
	border-right: none;
}
div.botonPeriodo.disabled{
	background-color:#E1E1E1; 
	opacity:.3;
}
div.botonPeriodo.actual{
	background-color:#D0E1FF;
	border-bottom:3px;
	 border-bottom: 2px solid #1a84f2;
}
.pointer{
	cursor:pointer;	
}
.borderRad{
	border-radius:6px;	
}
ul.simpleList{
	list-style:none; 
	padding:0; 
	margin:0; 
}

ul.simpleList li{
	padding-left:24px; 
	position:relative;
	margin-bottom:15px;
}

ul.simpleList li:before{
	content:"•"; 
	color:#1A84F2;
	position:absolute; 
	left:0em; 
	font-size:28px;
}

#linkTipoCambio{
	font-size:30px;
	position:absolute;
	right:-13px;
	top:-21px;	
}
.ignore{
	position:relative;	
	padding:0px !important;
}
.ignore div{
	width:44px;
	overflow:hidden;
	text-align:center;	
}
.ignore.hide div{	
	width:0px;
}

.ignore label{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;	
}
.lines {
   	border:1px solid #464646;
   	border-left:none;
    box-sizing: border-box;
    height: 56px;
    padding-top: 3px;
    position: absolute;
    top: 0;
    width: 10px;
	cursor:default;
}
.lines span{
	background-color:#FFFFFF;
	display: inline-block;
	line-height:0px;	
	margin-top:9px;
}
.lines .fi-unlink{
	font-size:28px;	
    line-height: 30px;
}
#tipoCambioContainer{
	position:relative;	
}
.aMayusculas{
	text-transform:uppercase;	
}
.logoHome{
	height:78vh;
	background-image:url(../_imgs/logo-miskuentas.svg);
	background-position:center center;
	background-attachment:local;
	background-repeat:no-repeat;	
	opacity:1;
	background-size:20vw;
}
.addenda{
	box-sizing:border-box;
	margin:2%;
	padding:2%;
}
.complementoConcepto{
	margin-left:4%;
	margin-right:4%;
	padding-left:2%;
	padding-right:2%;	
	font-size:11px;
}
.complementoConcepto td{
	background-color:inherit !important;
}
.addenda legend{
	font-size: 14px;	
}
.addenda input{
	padding:2%;
	padding-left:4px;
	padding-right:4px;
	margin:0px;
	box-sizing:border-box;	
	border:0px solid;
}
.al100{
	width:100%;
	box-sizing:border-box;
		
}
.al100sinPadding{
	width:104.3%;
	margin-left:-2.2%;

}
button.al100sinPadding{
	text-align:center;	
}
.al25{
	width:25%;
	box-sizing:border-box;	
}
.al30{
	width:30%;
	box-sizing:border-box;	
}
.al33{
	width:33.333%;
	box-sizing:border-box;	
}
.al50{
	width:50%;
	
	box-sizing:border-box;	
}
.transparent{
	opacity:0;	
}
.frameAdd.actual:hover .actionBTN::before{
  color:#a52922;
  content: "\e6fa" !important;
}
.frameAdd{
	width:148px;
	height:110px;
	background-position:center center;
	background-size:contain;	
	background-repeat:no-repeat;
	cursor:default;
}
.frameAdd .actionBTN{
	position:absolute;
	right:5px;
	top:5px;
	opacity:0;	
}

.frameAdd:hover .actionBTN {
	opacity:1;	
}
.frameAdd.actual .actionBTN{
	opacity:1;	
}
.frameAdd:hover .name{
	background-color:rgba(26,132,242,0.93);	
	color:#FFF;
}

.frameAdd .name{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	padding:4px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;	
	background-color:#F7F7F7;
	background-color:rgba(247,247,247,0.84);
	color:#131313;	
	box-sizing:border-box;
}
.frameAdd.actual .name{
	background-color:rgba(26,132,242,0.93);		
	color:#FFF;
}
.dashed, .addenda input.dashed{
	border:1px dashed #A6A6A6;	
}
.addenda .headerTable td{
	margin:2%;
	padding:2px;		
}
.separadorWhite{
	border-right:1px solid #E7E7E7;
	display:inline-block;
	*display:inline;
	*zoom:1;
	height:5px;	
}
.verticalMiddle{
	vertical-align:middle;	
}
.miBlur{
	-webkit-filter: blur(6px);
	-moz-filter: blur(6px);
	-o-filter: blur(6px);
	-ms-filter: blur(6px);
	filter: blur(6px);	
}
/*PERM CONT */
.opcionesParaContador{
	text-align:center;	
}
.opcionesParaContador label{
	display:inline-block;
	*display:inline;
	*zoom:1;
	max-width:79px;
	height:auto;
	position:relative;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:10px;
	vertical-align:top;
}

.opcionesParaContador label div{
	position:absolute;
	bottom:0px;
	width:100%;
	text-align:center;
	
}
.opcionesParaContador label img{
	width:100%;	
	margin-bottom:36px;
	-webkit-border-radius:41px;
	border-radius:41px;
	border:2px solid #B7B7B7;

}

/* FIN PERM CONT */
.ui-dialog {
	background:none  #006AA4 !important;
	
}
.ui-dialog .ui-dialog-content{
	color:#FFF !important;
}
.ui-dialog.ui-widget {
	font-family: 'droid_sansregular', sans-serif !important;
	font-size:16px !important;	
}
.ui-widget-overlay {
 	background-image:url(../_imgs/transBlanco.png) !important;	
}
.no-close .ui-dialog-titlebar  {
display: none;
}
.cell{
  border:1px solid transparent;
}
.cell:hover{
	border:1px solid #A8A8A8;
}
.borderDashed{
	border:2px dashed #ABABAB; 
}
.botonSlot, button.botonSlot{
	border:2px dashed #ABABAB; 
	margin-bottom:10px; 
	color:#ABABAB; 
	background-color:transparent; 
	box-shadow:none;	
	width:100%;
}
.widthAuto{
	width:auto !important;	
}
.botonSlot:hover, button.botonSlot:hover{
	border:2px dashed #1a84f2; 
	color:#1a84f2; 
	background-color: transparent !important;
}
.globo{
	-webkit-border-radius:23px 10px 20px 10px;
    border-radius: 23px 10px 20px 10px;
    box-shadow: 0 0 12px -6px #000, 0 0 100px -63px #000 inset;
    line-height: 200%;
    padding: 2%;
	position:relative;
	box-sizing:border-box;
	
}
.globo.simple{
	line-height:normal;
	/* box-shadow:0 0 12px -6px #000, 0 0 2px 0px #000 inset; */
	box-shadow:none;
	/* padding-top:0px; 
	 padding-bottom:13px;*/
	 -webkit-border-radius:4px; 
	 border-radius:4px;	
	 margin-bottom:20px;
	 /*border:2px dashed #CFCFCF;*/
}
.globo .botones{
	position:absolute;
	right:10px;
	bottom:10px;	
}
.globo .botones button{
	-webkit-border-radius:15px 15px 15px 15px;
	border-radius:15px 15px 15px 15px;	
}

table.globo.simple, table.globo.simple table {
    background-color: transparent;
    border-spacing: 2px;
	padding:0px;
}
table.globo.simple td{
    background-color: #FFF;
  
}
table.globo.simple table{
	width:98%;
	margin-left:auto;
	margin-right:auto;	
}
table.globo.simple tfoot td{
    background-color: transparent;
	font-weight:600;
  
}
.botonMenu{
    box-shadow: 0 -1px 10px 0 rgba(0, 0, 0, 0.1) inset;
    cursor: pointer;
    display: block;
    max-width: 300px;
    padding: 12px 20px 10px;
	border:none solid;
}
body {
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;	
	/*background-size:cover;
	background-attachment:fixed;
	background-image:url("../_imgs/bgTiles.png");*/
	background-color:#f0eff4 !important;
	
}
 button, .grid tr, .grid tbody tr, .grid td, .grid tbody td, .animado, .cell, .botonMenu, .button, #devB, .tableLayout,.hoverDefault, .menuPrincipalVerticalContainer, .ani, .ani *, .tipoGastoWindow, .tipoGastoWindow * {
	-webkit-transition: all 300ms ease-in-out 0s;
	-moz-transition: all 300ms ease-in-out 0s;
	-ms-transition: all 300ms ease-in-out 0s;
	-o-transition: all 300ms ease-in-out 0s;
	transition: all 300ms ease-in-out 0s;	
}
.combo.base ul li,  .actionBTN, .name, .ignore *{
	-webkit-transition: all 150ms ease-in-out 0s;
	-moz-transition: all 150ms ease-in-out 0s;
	-ms-transition: all 150ms ease-in-out 0s;
	-o-transition: all 150ms ease-in-out 0s;
	transition: all 150ms ease-in-out 0s;		
}
#pinDev{
	position:absolute;
	left:-26px;
	top:-33px;	
	cursor:default;
	font-size:18px;
}
#pinDev.pinned{
	top:-30px;
	left:-30px;
	font-size:16px;	
	clip:rect(0px, 20px, 13px, 4px)
}
#pinDev:hover{
	transform:scale(1.1,1.1);	
}
/*-----------------------------------*/
/*COMBOUI*/
.barraContador .custom-combobox .custom-combobox-input {
    font-size: 13px !important;

	
}
.custom-combobox-toggle, .custom-combobox-input {
   border:0px solid  transparent !important;
   -webkit-border-radius:0px !important;
   border-radius:0px !important;
  	background-color:#939393  !important;
	background-color:rgba(255, 255, 255, 0.2); !important;
	background-image:none !important;
	color:#fff !important; 
}
.barraContador{
	/*padding:10px;	*/
	background-color:#F8F8F8;
    width:100%;
	box-sizing:border-box;
	position:relative;
	z-index:1;
	padding-top:10px;
	padding-bottom:10px;
	min-height:47px;
}
.barraContador .custom-combobox-input, .custom-combobox-input {
	padding-left:10px;	
	box-sizing:border-box;
	color:#19191b !important; 
	background-color:#fcfcfc  !important;
	border:1px solid  #c9c9ce !important;
	border-right:0px solid !important;
	font-size:13px !important;
}
input::-webkit-input-placeholder {
   color: #818182;
   opacity:.5;
}

input:-moz-placeholder { /* Firefox 18- */
   color: #818182;
   opacity:.5;
}

input::-moz-placeholder {  /* Firefox 19+ */
   color: #818182;
   opacity:.5;
}

input:-ms-input-placeholder {  
   color: #818182; 
   opacity:.5;
}
input:-o-input-placeholder { 
   color: #818182; 
   opacity:.5;
}
.barraContador .custom-combobox-input::-webkit-input-placeholder{
	color:#1a84f2 !important;
	opacity:.8 !important;
}
.barraContador .custom-combobox-input:-moz-placeholder{ /* Firefox 18- */
	color:#1a84f2 !important;
	opacity:.8 !important;
}

.barraContador .custom-combobox-input::-moz-placeholder{  /* Firefox 19+ */
	color:#1a84f2 !important; 
	opacity:.8 !important;
}

.barraContador .custom-combobox-input:-ms-input-placeholder{  
	color:#1a84f2 !important; 
	opacity:.8 !important;
}
.helperBar .ui-autocomplete-input::-webkit-input-placeholder{
	color:#1a84f2 !important;
	opacity:.8 !important;
}
.helperBar .ui-autocomplete-input:-moz-placeholder { /* Firefox 18- */
	color:#1a84f2 !important;
	opacity:.8 !important;
}

.helperBar .ui-autocomplete-input::-moz-placeholder {  /* Firefox 19+ */
	color:#1a4f2 !important; 
	opacity:.8 !important;
}

.helperBar .ui-autocomplete-input:-ms-input-placeholder  {  
	color:#1a84f2 !important; 
	opacity:.8 !important;
}
.barraContador .custom-combobox-toggle,  .custom-combobox-toggle{
	top:0px !important;
	background-color:#fcfcfc  !important;
	border:1px solid  #c9c9ce !important;
	border-left:0px solid !important;	
}
.barraContador .custom-combobox, .custom-combobox {
    width: 100%;
	
}
.collapsed{
	float:left;
	overflow:hidden;
	height:0px;	
}
.barraContador .custom-combobox{
	
	width:90%;	
}

 .custom-combobox {
	position: relative;
	display: inline-block;
	/*width:112%;*/
}
.custom-combobox-toggle {
	position: absolute !important;
	top: 0px !important;
	height:25px;
	font-size:14px !important;
	bottom: 0;
	right: 0px;
	padding: 0;
}
.menuPrincipalVerticalContainer .custom-combobox-toggle {
	height:auto;
	width:10%;
}
.ui-autocomplete {
    max-height: 400px;
    max-width: 680px;
    overflow-y: auto;   /* prevent horizontal scrollbar */
    overflow-x: hidden; /* add padding to account for vertical scrollbar */
    z-index:1002 !important;
	/*max-width: 400px;*/
	-webkit-border-radius:4px !important;
	border-radius:4px !important;	
	border:1px solid #c7c6cb !important;
	padding:0px !important;
}

.ui-autocomplete li {
    border-bottom: 1px solid #d9d9dc;
	font-size:12px !important;
	color:#121212 !important;
  	background-color:#fafafa !important;
	background-image:none !important; 	
}
.ui-autocomplete li.estaSeleccionado{
	background-color: #F0F0F0  !important;

}

.ui-autocomplete li a{
	padding-top:3px !important;
	padding-bottom:4px !important;
	color:#121212 !important;		
}
.ui-autocomplete li a .limited{
	width:86%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;  
    -o-text-overflow: ellipsis;
	display:inline-block;
	*display:inline;
	*zoom:1;	
	vertical-align:middle;	
}
.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;  // IE 6+, FF 7+, Op 11+, Saf 1.3+, Chr 1+
    -o-text-overflow: ellipsis;  // for Opera 9 & 10
}
.ui-autocomplete li .ui-state-focus{
	-webkit-border-radius:0px !important;
	border-radius:0px !important;
	 border: 1px solid #d9d9dc !important;
	background-color:#efefef !important;
	background-image:none !important;
	color:#121212 !important;
			
}
.custom-combobox-input {
	margin: 0;
	padding: 0.3em;
	width:100%;
	/*color:#FFF !important;*/
	/*font-size:12px !important;*/
	font-weight:400 !important;
	-webkit-border-radius:4px !important;
	border-radius:4px !important;		
}
/*FIN COMBOUI */
/*-----------NAV ----*/
.numeroNav{
	padding:3px;
	padding-left:5px;
	padding-right:5px;
}

.botonNav{
	padding-top:3px;
	padding-bottom:3px;
	text-align:center;	
	width:23px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	*padding: 3px;
}

.nav{
	padding:8px;
	text-align:center;	
	margin-bottom:20px;	
}
.baseMenu .helpIco{
	margin-top:13px;
}
.helpIco img{
	width:100%;
	height:auto;	
}
.textShadow{
	text-shadow:1px 1px 0px #0F0F0F;	
}
.textBorder{
   text-shadow:
      2px 1px 0 #000,
      -1px -1px 0 #000,  
       1px -1px 0 #000,
      -1px  1px 0 #000,
       1px  1px 0 #000;
}
.textBorderWithShadow{
   text-shadow:
		3px 3px 0 #000,
      -1px -1px 0 #000,  
       1px -1px 0 #000,
      -1px  1px 0 #000,
       1px  1px 0 #000;
}
.nav div{
	padding:10px;
	color:#FFF;
	text-decoration:none;
	font-size:14px;
	text-shadow:none;
	min-width:18px;	
	text-align:center;
	margin-left:1px;
	margin-right:3px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	*padding: 10px;	
	cursor:pointer;
	border:1px solid #333;
}
.nav div.actual{
	background-color:#FFF !important;
	color:#333;
	border-color:#333;
}
/* FIN NAV */
/*HEADER */
.header{
	border-bottom:0px solid #D4332B;	
}
.baseMenu .logos{
	float:left;
	height:100%;
	width:auto;	
}
.statusHelper{
	height: auto;
    margin-bottom: 3px;
    margin-top: 3px;
    width: 45px;	
}
.baseMenu span{
	float:left;
	padding-left:1.6%;
	padding-right:1.6%;
	padding-top:25px;
	padding-bottom:20px;
	display:block;
	cursor:pointer;
	max-width:300px;
	*width:auto;
	*max-width:auto;
	border-left:1px solid #EDEDED;
	border-bottom:2px solid transparent;
	box-shadow: inset 0 -1px 10px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset 0 -1px 10px 0 rgba(0, 0, 0, 0.1);		
	
}
.baseMenu span.comoUsar{
   padding-bottom: 11px;
    padding-top: 4px;	
}
.baseMenu span.last{
	border-right:1px solid #24F17C;	
}
.baseMenu span:hover{
	border-bottom:2px solid #FFF;
}
.baseMenu span:active{
	background-image:url(../_imgs/transNegro.png);
}
.baseMenu span.usuario, .baseMenu span.usuario:hover{
	border:none;
	cursor:default;
}
.baseMenu span.usuario{
    line-height: 13px;
    padding-bottom: 0;
    padding-left: 5px;
    padding-top: 10px;
    text-align: right;
	font-size:11px;
	box-shadow: none;
	-webkit-box-shadow: none;		
}
.baseMenu span.logo{
    width: 55px;

    padding-bottom: 0;
    padding-top: 11px;
    
}
.baseMenu span.logoMin{
		
}
.baseMenu span.logo img, .baseMenu span.logoMin img{
    height: auto;
    max-width: 144px;
    width: 100%;
}
.baseMenu span.logo{
	display:none;
	border-left:none !important;
}
/*
.baseMenu span.logoMin{
	padding-bottom: 6px;
	padding-top: 11px;
	width: 29px;
	display:block;
}
*/
.baseMenu span.logoMin {
    display: block;
    padding-bottom: 9px;
    padding-top: 11px;
	border-left:none !important;
}
.baseMenu span.salirMin{
	display:none;	
}
.baseMenu .tools img{
	height:40px;
	width:auto;	
	/*border-radius:50%;
	border:0px solid #B7B7B7;*/
	/*box-shadow:0 0 13px -2px #000000;*/
	/*box-shadow:0 0 10px -5px #000000;*/
	
}
.baseMenu .tools .tool:hover img{

	border:0px solid #009232;
	
}

.smallNum{
	display:block;
	position:absolute;
	right:20px;
	top:50%;
	margin-top:-10px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:4px;
	padding-right:4px;
	font-weight:400;
	font-size:14px;
	
}
.badge_notificaciones{
	color: #7B7B7B !important;
	
}
.baseMenu .tools .tool.firts{
	margin-left:1%;
}
.baseMenu .tools .tool, .MainContentGeneral .tools .tool{
	float:left;
	position:relative;
    padding-left: 2.0%;
    padding-right: 2.0%;
	padding-bottom:12px;
	cursor:pointer;
	padding-top:5px;
	
}
.baseMenu .tools .tool:hover,.baseMenu .tools .tool.actual {
	/*background-color:#484848;*/
	background-image: url("../_imgs/transNegro.png");
	color:#fff;
}
.baseMenu .tools .tool:active{
	/*background-color:#484848;*/
	background-image: url("../_imgs/transNegro.png");
}
.MainContent{
	padding:15px;
		
}
.MainContentGeneral .tools{
	text-align:center;	
	max-width: 984px;
	*width:980px;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
}
.blockTools{
	width: 40%;
	height: auto;
	margin-left: 2.5%;
	margin-right: 2.5%;
	display: inline-block;
	*display:inline;
	*zoom:1;
	min-width: 320px;
	-webkit-border-radius:0px 0px 20px 20px;
	border-radius: 0px 0px 20px 20px;	
	padding-bottom:5px;
	vertical-align:text-top;
	margin-bottom:30px;
	min-height:305px;
}
.blockTools .titulo{
	position:relative;	
	border-bottom:4px solid #fff;
	min-height:38px;
	margin-bottom:15px;
	overflow:hidden;
}
.blockTools .titulo .tituloTexto{
	margin-left:38px;
	margin-top:9px;	
	letter-spacing:-1px;
}
.blockTools .titulo .paqueteTexto{
	width:212px;
	padding-top:10px;
	padding-bottom:10px;
	border-left:5px solid #fff;	
}
.blockTools .titulo .triangulo{
	transform:rotate(45deg);
	-ms-transform:rotate(45deg); /* IE 9 */
	-webkit-transform:rotate(45deg); /* Opera, Chrome, and Safari */
    border-bottom: 24px solid transparent;
    border-right: 24px solid;
    height: 0;
    left: -12px;
    position: absolute;
    top: 6px;
    width: 0;
    box-shadow: 0 -5px 0 #fff, 5px 0 #fff, 5px -5px #fff, 5px 5px #fff, -2px -5px #fff;
}

.MainContentGeneral .tools .tool{
	float:none;
	display:inline-block;
	*display:inline;
	*z-indez:1;
	width:26%;
	vertical-align:top;
	max-width: 225px;
	padding-bottom:22px;
	margin-bottom:15px;
}
.MainContentGeneral .tools .tool:hover img,.MainContentGeneral .tools .tool:active img{
	
	
}

.MainContentGeneral .tools .tool img, .iconoMenuGeneral{
	width:88%;
	height:auto;
	max-width:80px;
	*width:140px;
	border-radius:50%;
	border:1px solid transparent;
	-webkit-transition: all 100ms ease-out 0s;
	-moz-transition: all 100ms ease-out 0s;
	-ms-transition: all 100ms ease-out 0s;
	-o-transition: all 100ms ease-out 0s;
	transition: all 100ms ease-out 0s;		
}
.iconoMenuGeneral{
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding-top:24%;
	padding-bottom:25%;
}
.MainContentGeneral .tools .tool:hover img,.MainContentGeneral .tools .tool:hover .iconoMenuGeneral{
	border:1px solid #fff;	
}
.baseMenu .tools .tool div, .MainContentGeneral .tools .tool div{
	position:absolute;
	left:0px;
	margin-top:5px;
	text-align:center;
	width:100%;
}
.baseMenu .tools .tool div{
	bottom: 4px;
}
.baseMenu .tools .tool div{
	/*text-shadow:1px 1px 0px #FFF;*/
	font-size:10px;
}

.MainContentGeneral .tools .tool div{
	font-size:12px;
	line-height:14px;	
}
.fondoBaseMenuLeft{
		
}
/* FIN HEADER */
/** ALERT **/
#alert{
    display: none;
    height: auto;
    left: 0px;
	bottom:0px;
    min-height: 10%;
    position: fixed;
    width: 100%;
    z-index: 1002;
	padding-bottom:20px;
	cursor:default;
}
#alert .texto{

    line-height: 21px;
    margin-left: auto;
    margin-right: auto;
    max-width: 680px;
    padding: 10px;
    text-align: left;	
		
}
.shadowBottom{
		box-shadow:0 11px 17px -17px #000000;
}
.shadowTop{
		box-shadow:0 0px 7px 0px #000;
}
/** FIN ALERT **/
#cargandoAviso{
	padding:18px;
	padding-right:60px;
	position:fixed;
	right:0px;
	top:30%;
	z-index:1000;
	display:none;
	font-size: x-large;
	z-index:1002;
}
#sesionAbierta{
	padding:18px;
	width:324px;
	height:150px;
	z-index:1003;
	display:none;
	font-size:large;
	left:50%;
	margin-left:-162px;
	top:50%;
	margin-top:-75px;	
	position:fixed;
}
#blockAll{
	position:fixed;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	z-index:1001;	
	display:none;
}
#blockAllB{
	position:fixed;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	z-index:1002;	
	display:none;
	overflow:auto;
}
/*-----------------------------------*/
/* HOME */

.MainContent{
	position:relative;
		
}
/* FIN HOME */
/*-----------------------------------*/
/* FOOTER */

.footer{
	width:100%;	
	/*height:10px;*/
	    margin-top: 30px;
		padding-bottom:13px;
}
#banner .owl-item img{
	display: block;
	width: 100%;
	height: auto;
}

/* FIN FOOTER */
/*-----------------------------------*/
.clear{
	clear:both;	
	height:0px;
}
.clearLeft{
	clear:left;	
}
.clearRight{
	clear:right;	
}

.right{
	float:right !important;	
}
.left{
	float:left !important;	
}
/*
.container{
	min-width:733px;
	float:left;
	width:80%;
	box-sizing:border-box;
	text-shadow:1px 1px 0px #0A0A0A;
	color:#EDEDED;
	text-align:left;
	vertical-align:top;
	margin-left:20%;
		padding:1%;
	box-sizing:0px;
}
*/
.container{
	box-sizing:border-box;
	color:#2B2B2B;
	margin-left:auto;
	margin-right:auto;
	max-width:1024px;
	
}
.contenedorContenidoPrincipal{
	display:table-cell;
	width:80%;	
	padding-top:48px;
}
/*
.container:after {
    content:'';
    display:block;
    clear: both;
}*/
/*
.container .container{
	width:100%;
	min-width:none;
	max-width:none;	
	float:none;
	margin-left:auto;
	margin-right:auto;

}*/
.noBorder{
	border:none !important;	
}
.innerShadow{
	box-shadow: inset 0 -1px 10px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset 0 -1px 10px 0 rgba(0, 0, 0, 0.1);	
}
.al49{
	width:49%;
	box-sizing:border-box;
	vertical-align:top;	
}
.primera, .ultima{
	
}
.al49.primera{
	margin-right:.8%;	
}
.al49.ultima{
	margin-right:.8%;	
}
/*-----------------------------------*/
/*BEGIN-----------------------------------------------------MENU V E R T I C A L --------------------------------BEGIN*/
.helperBar{
	background-color:#F5F5F7;
	border-bottom:2px solid #e5e5e6;
	min-height:49px;
	box-sizing:border-box;
	padding:8px;

	width:inherit;
	position:fixed;
	top:0px;
	right:0px;	
	z-index:2;
	text-align:center;
	padding-right:43px;	
}
.helperBar button, .helperBar .button{
	padding-top:3px;
	padding-bottom:3px;	
}
.helperBar .helpIco.right{
	position: absolute;
	right: 0px;
	top: 0px;
	font-size: 28px;
}
.helperBar button.icono{
	margin-top: -9px;
	margin-bottom: -9px;
	font-size: 28px;
	letter-spacing: 0px;
}
.tableLayout{
	display:table;
	width:100%;	
	
}

.menuPrincipalVerticalSpacer{
	width:20%;
	min-width:170px;
	height:10px;
	display:table-cell;
}
.menuPrincipalVerticalContainer{
	min-width:170px;
	/*box-shadow:1px 0 15px -8px #000000;	*/
	border-right:2px solid #E5E5E6;
	width:20%;
	height:100%;
	z-index:10;
	background-color:#FFF;
	position:fixed;
	left:0px;
	top:0px;
	overflow:hidden;
}
.menuPrincipalVertical{
	position:absolute;
	overflow-y:scroll;
	overflow-x:hidden;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	/*min-width:180px;*/
	height:100%;
	padding-top:46px;
	padding-bottom:25px;
	box-sizing:border-box;	
	
}
.submenuPlegable{
	
	/*box-shadow:inset 0px 0px 6px -5px #000000;	*/
	background-color:#F8F8F8;
	display:none;
	border-top:1px solid #c9c9ce;
	border-bottom:1px solid #c9c9ce;
	/*padding-left: 18px;*/
}
.submenuPlegable.c{
	background-color:#EFEFEF;	
	/*padding-left: 32px;*/
	/*margin-left:-18px;*/
}
.submenuPlegable.d{
	background-color:#EBEBEB;	
	/*padding-left: 32px;*/
	/*margin-left:-18px;*/
}
.iconoMenu{
	font-size:18px;	
}
.ui-menu-item .badge{
    
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0.4px;
    line-height: 20px;
    margin-right: 0px;
    min-width: 25px;
    text-align: center;
	color: #A52922;
}
.badge{
   
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.4px;
 	margin-right:-12px;
	margin-left:10px;
    
    min-width: 25px;
    text-align: center;
	
}
.badge.izq{
	margin-right:8px;
	padding-left:0px;
	text-align:right;	
}
.menuPrincipalVertical .textoAccion{
	padding-left:12px;	
	font-size:14px;
	font-weight:400;
	letter-spacing:.4px;
	width:auto;		
}
.textoAccion.al100{
	width:100%;	
}
.option-b .textoAccion{
	padding-left:5px;	
	font-size:14px;
	font-weight:400;		
}
.submenuPlegable.c .opcionMenuVertical.c,.submenuPlegable.d .opcionMenuVertical.d{
	/*padding-right:15px;	*/
}

 .option-c .textoAccion, .option-c .badge, .light,
  .option-d .textoAccion, .option-d .badge{	
	font-weight:300;
	
}
 .option-c .textoAccion, .option-d .textoAccion{
	padding-left:0px;	 
 }
.option-c{
	text-align:right;
}
.option-d{
	text-align:right;
}
.opcionMenuVertical{
	text-align:left;
	box-sizing:border-box;
	position:relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;	
	cursor:pointer;
}
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
hr{
	background-color:#F3F3F4;
	border:0px solid;
	height:1px;
	width:86%;	
	
}
.opcionMenuVertical hr{
	position:absolute;
	bottom:0px;
	right:0%;
	width:88%;	
	margin:0px;
	padding:0px;
}
.opcionMenuVertical.b hr{
	background-color:#DBDBDE;
	width:94%;	

}
.opcionMenuVertical.c hr{
	background-color:#D9D9DC;
	width:88%;	

}

.option-a .textoAccion, 
.option-b .textoAccion,
.option-c .textoAccion,
.option-d .textoAccion{
	-webkit-transition: all 300ms  0s;
	-moz-transition: all 300ms 0s;
	-ms-transition: all 300ms 0s;
	-o-transition: all 300ms  0s;
	transition: all 300ms 0s;		
}
.option-a .iconoMenu, 
.option-b .iconoMenu,
.option-c .iconoMenu,
.option-d .iconoMenu{
	-webkit-transition: transform 300ms 0s, left 300ms 0s;	
	-moz-transition: transform 300ms 0s, left 300ms 0s;	
	-ms-transition: transform 300ms 0s, left 300ms 0s;	
	-o-transition: transform 300ms 0s, left 300ms 0s;	
	transition: transform 300ms 0s, left 300ms 0s;		
}
.option-a, .option-b, .option-c, .option-d{
	padding:14px;
 	padding-left:20px;
	padding-left:1.3vw;
	position:relative;
}
.option-c{
	padding-right:29px;
}
.option-d{
	padding-right:40px;
}
.option-c .iconoMenu, .option-d .iconoMenu{
	position:absolute;
	left:10px;
	top:14px;	
}
.option-a:hover  .iconoMenu, 
.option-b:hover  .iconoMenu,
.opcionMenuVertical.actual .option-a .iconoMenu,
.opcionMenuVertical.actual .option-b .iconoMenu
{
	-ms-transform-origin:left center;
	-webkit-transform-origin:left center;
	transform-origin:left center;	
    
	-ms-transform: scale(1.3,1.3); /* IE 9 */
    -webkit-transform: scale(1.3,1.3); /* Safari */
    transform: scale(1.3,1.3);
	display:inline-block;	

}
.option-a .textoAccion, 
.option-b .textoAccion
{
    -ms-transform: translate(0px,0px); /* IE 9 */
    -webkit-transform: translate(0px,0px); /* Safari */
    transform: translate(0px,0px);	
	display:inline-block;
}
.option-a:hover .textoAccion, 
.opcionMenuVertical.actual .option-a .textoAccion,
.opcionMenuVertical.actual .option-b .textoAccion,
.option-b:hover .textoAccion
{
    -ms-transform: translate(10px,0px); /* IE 9 */
    -webkit-transform: translate(10px,0px); /* Safari */
    transform: translate(10px,0px);	
}
.option-c .textoAccion,
.option-d .textoAccion{
    -ms-transform: translate(0px,0px); /* IE 9 */
    -webkit-transform: translate(0px,0px); /* Safari */
    transform: translate(0px,0px);
	display:inline-block;		
}
.option-c:hover .textoAccion,
.opcionMenuVertical.actual .option-c .textoAccion,
.option-d:hover .textoAccion,
.opcionMenuVertical.actual .option-d .textoAccion{
    -ms-transform: translate(-10px,0px); /* IE 9 */
    -webkit-transform: translate(-10px,0px); /* Safari */
    transform: translate(-10px,0px);		
}


/*END-----------------------------------------------------END MENU V E R T I C A L --------------------------------END*/
/* VENTAS GASTOS */

.menu.menuVertical button{
	width:100%;
}
.ventas_gastos.menu{
	text-align:center;	
}
.ventas_gastos.menu button{
	width:30%;
	margin-left:.5%;
	margin-right:.5%;
	position:relative;
	height:43px;

}
.ventas_gastos.menu button .icono{
	position:absolute;
	right:0px;
	top:0px;
	height:100%;
	width:50px;	
	display:table;
	table-layout:fixed;
	
}
.ventas_gastos.menu button .icono div{
	display: table-cell; 
  	vertical-align: middle; 
  	text-align: center; 
}
.subMenuHeader{
	margin-top:-27px;	
}
.subMenuHeader button{
	display:inline-block;
	*display:inline;
	*zoom:1;
	font-size:12px;	
	border-right:1px solid #565656;
	
}
.ventas_gastos.menu.configMenu button{
	width: 49.46%;
	margin-left:0%;
	margin-right:0%;
}
.btn_ventas{
	background-image:url(../_imgs/ventas.png);	
}
.btn_gastos{
	background-image:url(../_imgs/gastos.png);	
}
.btn_enviar{
	background-image:url(../_imgs/Iconos/Message_01.png);
	background-size:contain;
	width:100px;	
	background-position:right top;
	background-repeat:no-repeat;
}
.btn_ventas, .btn_gastos{
	background-position:right center;
	background-repeat:no-repeat;	
}
button.bg_light_blue.actual{
	font-weight:bold;
}
.upDown{
	float:right;
	display:block;
	vertical-align:text-bottom;	
	margin-top:0px;
	margin-right:-15px;

}
button:disabled{
	opacity:.2;	
}
.grid td.icon{
	width:55px;
	height:55px;
	*width:30px;
	
}
.nowrap, .noWrap{
	white-space:nowrap;	
}
.grid td.date{
	width:114px;
	*width:114px;
}
.grid.default th{
	border-bottom:2px solid #008AD6;
	font-family: 'droid_sansbold';
	font-weight:normal;	
}
.grid.default td{
	background-color:#EDEDED;	
	background-color:rgba(236,236,236,0.60);
	padding-top:6px;
	padding-bottom:6px;
	
}

.grid.default tfoot td{
	background-color:transparent;
	border-top:2px solid #008AD6;	
	font-family: 'droid_sansbold';
	font-weight:normal;		
}
.grid td.amount{
	width:98px;
	*width:98px;
	text-align:right;
	letter-spacing:1px;
	white-space: nowrap;
}
.grid td.concept div.date, .grid td.concept div.amount, .grid td.concept span.date{ 
	display:none;
	letter-spacing:1px;
	 padding-top:3px;
	 padding-bottom:3px;
}

.grid td.concept div.date{
	font-size:9px;	
}
.grid td.concept div.amount{
	text-align:right;	
}
.slider{
	width:200%;	
}
.slide{
	width:50%;
	float:left;
}
.slider.tres{
	width:300%;	
}
.slider.tres .slide{
	width:33.333333%;
	float:left;
}
.slider.cuatro{
	width:400%;	
}
.slider.cuatro .slide{
	width:25%;
	float:left;
}
.slider.cinco{
	width:500%;	
}
.slider.cinco .slide{
	width:20%;
	float:left;
}
.slider.seis{
	width:600%;	
}
.slider.seis .slide{
	width:16.16.6666666666666%;
	float:left;
}
.slider.siete{
	width:700%;	
}
.slider.siete .slide{
	width:14.28571428571429%;
	float:left;
}
.slide.b{
	height:100px;
}
.slide.c{
	height:100px;
}
.slide.d{
	height:100px;
}
.slide.e{
	height:100px;
}
.slide.f{
	height:100px;
}
.slide.g{
	height:100px;
}
.invoice, .stats{
 
	margin-bottom: 15px;
    margin-top: 15px;
	margin-left:auto;
	margin-right:auto;
}

.invoice .basics, .invoice .controls, .stats .basics{
	/*padding: 1.2%;*/	
}
.invoice .controls{
	margin-top:5px;
	margin-bottom:14px;	
}
.invoice .basics .a, .invoice .basics .b{
	line-height:16px;
}
.invoice .basics .a{
	width:45%;
}
.invoice .basics .a .textField{
	max-width:414px;
}
.invoice .basics .b .textField{
	max-width:324px;
}
.invoice .basics .a{
	width:45%;
	max-width:416px;
	
}
.invoice .basics .b{
	width:50%;	
	max-width:500px;
}
.invoice .basics .a.nom{
	width:30%;
	line-height:inherit;
}

.invoice .basics .b {
    text-align: right;
}

.stats .basics{
	line-height:16px;	
	width:96%;
	max-width:none;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
.stats .basics div.control{
	margin-bottom:10px;
	margin-right:5px;
	float:left;
}
.controls .icon{
	width:34px;	
}
.controls .column{
	padding-left:4px;
	padding-right:4px;	
	vertical-align:middle;
	display:inline-block;
	*zoom:1;
	*display:inline;
}
.disabled{
	opacity: 0.1;
}
.ventas_gastos label.radioVLO{
	padding-left:1.8%;
	padding-right:1.8%;
}

.ventas_gastos #_rfc, .ventas_gastos #_rfcSearch{
	width:25%;
	margin-right:1%;
	vertical-align:text-bottom;	
}
.info{
	cursor:default;	
}
.centerDiv{
	margin-left:auto;
	margin-right:auto;
	display:block;
}
/* FIN VENTAS GASTO */
/*-------------------*/
/* CONFIGURACION */
.config{
	width:97%;
	margin-left:auto;
	margin-right:auto;
	padding:1%;
}
.files{
	width:98%;
	
	
}
#regimenes .flecha .radio{
	overflow:hidden;	
	position:absolute;
	left:-100%;
}
#regimenes .flecha .radio input{
	position:absolute;
	left:-100px;	
}
#regimenes .flecha{
	opacity:.2;
	filter:alpha(opacity=20);
}
#regimenes .flecha.actual{
	 opacity:1;
	filter:alpha(opacity=100);
	
}
.alpha50{
	opacity:.5;	
}
.alpha80{
	opacity:.8;	
}
.alpha40{
	opacity:.4;	
}
.alpha20{
	opacity:.2;	
}
/* FIN CONFIGURACION */
/* IMPUESTOS */
.impuestos .concepto, .impuestos .valor {
    float: left;
	margin-top:3px;
	margin-bottom:3px;		
}
.impuestos .concepto {
    width: 65%;
	padding-right:2%;
    border-bottom: 1px dotted #008AD6;
    border-right: 1px dotted #008AD6;	
}
.impuestos .valor{
    width: 10%;
	padding-left: 2%;
	text-align:right;
}
.impuestos h2{
	margin-top: 15px;
	margin-bottom:5px;	
}
.impuestos h3{
    margin-bottom: 6px;
    margin-top: 15px;	
}
/* FIN IMPUESTOS */
/*-------------------*/
.MainContentGeneral{
	padding-bottom:80px;
	padding-left:15px;
	padding-right:15px;
	padding-top:10px;	

}
#MainContent{
		
	background-color:#F0EFF4;
	position:relative;
	width:100%;
	box-sizing:border-box;
	min-height: 86vh;
    min-height: calc(100vh - 60px);
	
}
.grid, .grid table{
	width:100%;
	margin-left:auto;
	margin-right:auto;	
	border:none;
	border-spacing:6px;
	border-collapse:separate;
	cursor:default;
}
.grid.totales{
	width: auto;
	text-align:right;	
	margin-right:15px;
	line-height:normal;
}
.grid.totales div.edit{
	
	padding-top:3px;
	padding-bottom:4px;

}
.grid .borderTop{
	margin-top:5px;
	padding-top:5px;
}
.grid td, .grid th{
	padding:5px 15px;
	vertical-align:middle;
	color:#262628;
}
.grid.paddingXtra td, .extraPadding{
	padding:12px 10px;	
}
.grid td{
		line-height:14px;	
}
.grid.totales td{
	
	vertical-align:middle;
}
.grid.totales td.value{
	min-width:80px;
}
.grid th{
	font-weight:600;	
	font-size:12px;

	position:relative;
	
}
.grid td img, .controls img{
	width:100%;
	height:auto;
	*width:45px;
}
.grid.noIcons td{
	padding:15px 10px;
	vertical-align:middle;
	cursor:pointer;

}
.grid .combo{
	max-width:100px;	
}
.grid select{
	width:100% !important;	
	border:none;
	font-size:12px;
}
.noMargin{
	padding:0px !important;
	margin:0px !important;	
}
.combo.base.noMargin .actual {
	margin:0px !important;		
}
.showBorder{
	border:1px solid #EAEAEA;	
}
button.showBorder{
	border:1px solid #68AEF6;	
}
.comboMin select{
	font-size:11px;	
}
b, strong, .bold{
	font-weight:600;	
}

.overHidden{
	overflow:hidden;	
}
/* FORMAS */

.formaSimple{
	padding-top:15px;
	padding-bottom:15px;
}
.formaSimple label:not(.ui-widget){
	display:block;
	margin-top:5px;
	padding-top:2px;
	padding-bottom:2px;	
	line-height:18px;
	max-width:460px;
	margin-left:auto;
	margin-right:auto;
}

.formaConEspacios label.checkbox,.textField{
	margin-top:4px;
	margin-bottom:5px;
	line-height:18px;
}
.helperBar .textField{
    border: 2px solid #4ca1ff;
    margin-bottom: -1px;
    margin-top: 0;
    font-family: "foundation-icons",'Open Sans';
}
.formaConEspacios input.textField.readOnly{
	background-color:transparent;
	margin: 0;
    padding: 2px;
}
.formaModal input.textField, .formaModal textarea.textField{
	width:96%;
	display:block;
	padding-left:2%;
	padding-top:5px;
	padding-bottom:1px;
	border:none;
	border-bottom:1px solid #AFAEAE;
	font-family: 'droid_sansregular', sans-serif !important;
}
.formaModal textarea.textField{
	min-height:180px;
	border:none;	
}
.formaModal label{
	margin-top:15px;	
}
.block{
	display:block;	
}
.formaSimple input.textField, .formaSimple textarea.textField, .formaSimple select, .formaSimple textArea{
	width:100%;
	box-sizing:border-box;
	
}
.formaSimple input.textField, .formaSimple textarea, .forma input.textField, .formaConEspacios input.textField,.formaConEspacios textarea, label.checkbox, input.textField, textarea.textField{
	padding:5px;
	border:1px solid #c7c6cb;
	background-color:#fafafa;
	-webkit-border-radius:4px;
	border-radius:4px;
	vertical-align:middle;
	box-sizing:border-box;
	color:#19191b;
}
button.toTopBar, .button.toTopBar, .toTopBar.label{
	box-shadow:none;
	background-color:transparent;
	cursor:pointer;
	font-size:16px;
	padding:3px 12px;
}
.toTopBar.label{
	display:inline-block;
	cursor:default;
	padding:7px 12px;
	*display:inline;
	*zoom: 1;	
}
.outOfSight{
	position:fixed !important;
	left:-200%;	
}

button.toTopBar:hover, .button.toTopBar:hover{
	-ms-transform-origin:center center;
	-webkit-transform-origin:center center;
	transform-origin:center center;	
	
	-ms-transform: scale(1.05,1.05); 
    -webkit-transform: scale(1.05,1.05); 
    transform: scale(1.05,1.05);		
}
button, .button, .buttonB{
	font-family:"Open Sans",sans-serif;
	font-weight:400;	
	display: inline-block;
	*display:inline;
	*zoom:1;	
	vertical-align: top;
	border: none;
	/*box-shadow: inset 0 -1px 10px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset 0 -1px 10px 0 rgba(0, 0, 0, 0.1);*/
	text-align: left;
	padding: 8px;

	font-size:16px;
	letter-spacing:1px;
	cursor:default;
	background-color:transparent;

}
#XMLList button, #XMLList .button, #XMLList .buttonB{
	font-size:14px;
}
.button, .buttonB{
	border:1px solid #1a84f2;
	border-radius:5px;	
}
.buttonB{
	padding:4px;	
	border:1px solid #1a84f2;
	background-color:#008ad6;
	color:#FFFFFF;
	color:rgba(255,255,255,0.80);
	border-radius:3px;
}
.buttonB:hover{
	padding:4px;	
	border:1px solid #1a84f2;
	background-color:#005381;
	color:#FFFFFF;
	color:rgba(255,255,255,0.90);
	border-radius:3px;
}
.scaleYtoHide{
	-webkit-transition: all 600ms ease-in-out 0s !important;
	-moz-transition: all 600ms ease-in-out 0s !important;
	-ms-transition: all 600ms ease-in-out 0s !important;
	-o-transition: all 600ms ease-in-out 0s !important;
	transition: all 600ms ease-in-out 0s !important;	
	transform-origin:top;
	transform:scale(1,0);	
}
/*.ui-button{
	background-color:#008AD6 !important;
	background-image:none !important;
	color:#FFF !important;	
	border:1px solid transparent !important;	
}*/
button, .button{
	cursor:pointer;
		
}
button:hover, .button:hover, button.actual, .button.actual{
background-color:#DBECFD;	
}
button.field,.button.field{
	height: 27px;
    padding-top: 5px;
    vertical-align: middle;

}
button:active, .button:active{
	/*padding-top:12.5px;
	padding-bottom:9.5px;		*/
}
table.strike td{
	
}
/*
.ui-button:active{
	padding-top:0px !important;
	padding-bottom:0px !important;	

}
.ui-button:hover{
	color:#006AA4 !important;	
	background-color:#fff !important;
	border:1px solid  #006AA4 !important;		
}*/
.fields .textField{
	text-transform:uppercase;	
}
.fields .textField.minuscula{
	text-transform:none;	
}
.fieldsN .textField{
	text-transform:uppercase;	
}
.fieldsN .textField.minuscula{
	text-transform:none;	
}
label.radioVLO{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:bottom;
	position:relative;
	color:#F7F7F7;
}
.filtrosAplicados{
	-webkit-border-radius:12px;
	border-radius:12px;	
	padding:5px;
	padding-left:12px;
	padding-right:6px;
	font-size:13px;
	cursor: pointer;
}
.hiddenImportant{
	display:none !important;	
}
.filtrosAplicados .icono{
	margin-left:10px;
	font-size:16px;
	vertical-align:text-bottom;
	
}
label.radioVLO.actual{
		
}
label.radioVLO img{
	width:45px;
	height:auto;
	margin-top:3px;
	margin-bottom:3px;
}
div.radioVLO{
	position:relative;	
	cursor:pointer;
	margin-right:10px;
}
div.radioVLO span.ico{
	width:45px;
	height:auto;
	margin-top:3px;
	margin-bottom:3px;
}
div.radioVLO span.subico{
	position:absolute;
	left:0px;
	width:100%;
	bottom:-9px;
}
label.radioVLO div{
	position:absolute;
	bottom:-11px;
	left:0px;
	width:100%;
	text-align:center;
	font-size:10px;
	line-height:122%;
	text-overflow:ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
label.radioVLO:hover div{
	bottom:-10px;	
}
input.radioVLO:checked + label.radioVLO, label.radioVLO.checked{
	box-shadow:inset 0px 0px 3px 0px #333333;
}

input.radioVLO{
	clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute;
}
label.checkbox{
		
}

/* IOS CHECKBOX */
.checkboxesIOS input[type=checkbox] {
	visibility: hidden;
}

.checkboxesIOS input[type="checkbox"] {
    position: absolute;
    margin: 8px 0 0 16px;    
}

.checkboxesIOS input[type="checkbox"] + label {
    position: relative;
    padding: 5px 0 0 50px;
    line-height: 2.0em;
}
.checkboxesIOS input[type="checkbox"] + label:before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 40px; /* x*5 */
    height: 24px; /* x*3 */
    border-radius: 16px; /* x*2 */
    background: #fff;
    border: 1px solid #d9d9d9;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.checkboxesIOS input[type="checkbox"] + label:after {
    content: "";
    position: absolute;
    display: block;
    left: 0px;
    top: 0px;
    width: 24px; /* x*3 */
    height: 24px; /* x*3 */
    border-radius: 16px; /* x*2 */
    background: #fff;
    border: 1px solid #d9d9d9;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.checkboxesIOS input[type="checkbox"] + label:hover:after {
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
.checkboxesIOS input[type="checkbox"]:checked + label:after {
    margin-left: 16px;
}
.checkboxesIOS input[type="checkbox"]:checked + label:before {
    background: #55D069;
}

/* SMALL */

input[type="checkbox"].ios8-switch-sm {
    margin: 5px 0 0 10px;
}
input[type="checkbox"].ios8-switch-sm + label {
    position: relative;
    padding: 0 0 0 32px;
    line-height: 1.3em;
}
input[type="checkbox"].ios8-switch-sm + label:before {
    width: 25px; /* x*5 */
    height: 15px; /* x*3 */
    border-radius: 10px; /* x*2 */
}
input[type="checkbox"].ios8-switch-sm + label:after {
    width: 15px; /* x*3 */
    height: 15px; /* x*3 */
    border-radius: 10px; /* x*2 */
}
input[type="checkbox"].ios8-switch-sm + label:hover:after {
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
}
input[type="checkbox"].ios8-switch-sm:checked + label:after {
    margin-left: 10px; /* x*2 */
}

/* LARGE */

input[type="checkbox"].ios8-switch-lg {
    margin: 10px 0 0 20px;
}
input[type="checkbox"].ios8-switch-lg + label {
    position: relative;
    padding: 7px 0 0 60px;
    line-height: 2.3em;
}
input[type="checkbox"].ios8-switch-lg + label:before {
    width: 50px; /* x*5 */
    height: 30px; /* x*3 */
    border-radius: 20px; /* x*2 */
}
input[type="checkbox"].ios8-switch-lg + label:after {
    width: 30px; /* x*3 */
    height: 30px; /* x*3 */
    border-radius: 20px; /* x*2 */
}
input[type="checkbox"].ios8-switch-lg + label:hover:after {
    box-shadow: 0 0 8px rgba(0,0,0,0.3);
}
input[type="checkbox"].ios8-switch-lg:checked + label:after {
    margin-left: 20px; /* x*2 */
}
/* END IOS CHECK BOX */
.combo.base .label{
	width:auto;
	
}

.comboMovil{
 	padding:3px;
	padding-right:15px;	
	font-size:inherit;
	background-image:url(../_imgs/flechaCombo.png);
	background-position:right center;
	background-repeat:no-repeat;
	border:1px solid #c7c6cb;
	background-color:#939393;
	background-color:#fafafa;
	border-radius:4px;
}


.combo.base{
	position:relative;
	max-width:none;
	vertical-align:middle;
	line-height:normal;
	margin-top:4px;
	margin-bottom:5px;
	font-size:13px;
} 
.combo.base.inline{
	position:relative;
	max-width:none;
	display:inline-block;
	*diplay:inline;
	*zoom:1;
} 
.inline{
	position:relative;
	display:inline-block;
	*diplay:inline;
	*zoom:1;
}
.combo.base .actual{
	position:relative;
	background-color:#fafafa;
	padding:5px;
	padding-right:14px;
	box-sizing:border-box;
	font-size:inherit;
	background-image:url(../_imgs/flechaCombo.png);
	background-position:right center;
	background-repeat:no-repeat;
	cursor:default;
	border:1px solid #c7c6cb;
	margin-left:0px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
.combo.base.menuCool .actual{
	margin-left:0px;
	background-color:#008AD6;
	padding:4px 10px 4px 10px;
}
.textField.asButton{

}
.combo.base.menuCool.asButton .actual,.textField.asButton{
	font-size: 16px;
    background-color: transparent;
    border: medium none;
    font-size: 14px;
    padding-right: 15px;	
    cursor:pointer;	
    font-weight: 400;
    letter-spacing: .8px;
    padding: 8px;

}
.combo.base.menuCool.asButton{
	margin-bottom: 0px;
	margin-top:0px;

}
.combo.base.menuCool.asButton .label,.textField.asButton{
	color: #1a84f2;
}
.combo.base.menuCool.asButton .helper.selected,.combo.base.menuCool.asButton .helper{
	color: #1a84f2;
	opacity: 1;
	
}
.combo.base.menuCool.asButton .actual{
	background-image: none;
	padding-top: 6px; 
	padding-bottom: 6px;
}
button.asButton{
	padding-top: 11px;
}
.combo.base.menuCool .label{
	color:#FFF;
}
.combo.base .helper{
	color:#818182;
	opacity:.5;
}
.combo.base.menuCool .helper{
	color:#FFF;
	opacity:.5;
}
.combo.base .helper.selected{
	
	opacity:1;
}
.combo.base.buttonSize .actual{
	padding:6px;
}
.combo.base.textoDer .actual{
	margin-left:0px;
}
input.asButton::-webkit-input-placeholder {
   color: #1a84f2;
   opacity:1;
}

input.asButton:-moz-placeholder { /* Firefox 18- */
   color: #1a84f2;
   opacity:1;
}

input.asButton::-moz-placeholder {  /* Firefox 19+ */
   color: #1a84f2;
   opacity:1;
}

input.asButton:-ms-input-placeholder {  
   color: #1a84f2; 
   opacity:1;
}
input.asButton:-o-input-placeholder { 
   color: #1a84f2; 
   opacity:1;
}
/*.combo.base .actual:hover{
	border:0px solid #CCC !important;
	
}*/

.combo.base ul{
	background-image:none !important;	
    max-height: 205px;
    overflow: auto;	
	position:absolute;
	z-index:3;
	top:-14px;	
	display:block;
	left:-1px;
	background-color:#fafafa;
	
	-webkit-border-radius:4px;
    border-radius:4px;

	border:1px solid #c7c6cb;
	
	cursor:default;
	display:none;
	width:100%;
	/*-webkit-box-shadow:  10px 10px 0px 0px rgba(0,0,0,0.7);  
    box-shadow:  10px 10px 0px 0px rgba(0,0,0,0.7);  */

}
.helperBar .combo.base ul{
	top:-1px;
	max-height:380px;	
}
.helperBar .combo.base{
	margin-top:1px;
	margin-bottom:0px;	
}
.combo.base.menuCool ul {
	border:0px solid;
	box-sizing:border-box;
	left:0px;
	top:26px;
	max-height:260px;
}
.combo.base .label{
	width:auto !important;
	white-space:nowrap;	
}
.combo.base .label{
	width:100px;
	overflow:hidden;	
}
.combo.base .actual .label{
	white-space:nowrap;
	overflow:hidden;
	
	box-sizing:border-box;
}
.combo.base ul li{
	display:block;
	position:relative;
	padding:6px;
	position:relative;
	-webkit-border-radius:0px 0px 3px 3px;
    border-radius:0px 0px 3px 3px;	
   /*behavior: url(PIE.htc);*/
	cursor:default;
	overflow:hidden;
	border-top:1px solid #d9d9dc;
}
.combo.base ul li:first-child{
	border:none;	
}
.combo.base ul li:hover{
	background-color:#efefef;

}
.combo.base ul li.noHover:hover{
	background-color:transparent;	
}

.combo.base.menuCool ul li{
	padding:6px;
	border-top:0px solid #13469B;
	
	margin: 2px;
}
.combo.base.menuCool ul li:hover{
	-webkit-border-radius:5px;
	border-radius:5px;
	background-color:#00aeef;
	color:#FFF;
}

/* FIN FORMAS */

h1, h2, h3{
	margin-bottom:4px;
	margin-top:4px;	
	font-weight:400;
}
h1{
	font-size:16px;	
	line-height:18px;
}

h2{
	font-size:14px;	
	line-height:16px;
}
h3{
	font-size:12px;	
	line-height:14px;	
}
.lectura{
	line-height:16px;
	letter-spacing:1px;
	padding:20px !important;
	margin-top:16px;
	margin-bottom:14px;
		
}
.onlySmall, .hideBig, .only500, .onlyMed, .onlyBig, .show840px_td, .show840px_inline, .show840px_inlineBlock, .show840px_block{
	display:none;	
}
.hidden{
	display:none;	
}
.noPadding{
	padding:0px !important;	
}
.topRightAbs{
	position:absolute;
	top:0px;
	right:0px;
	display:block;
	z-index:0;
}
.verticalTop{
	vertical-align:top !important;	
}
.verticalBottom{
	vertical-align:bottom !important;	
}

/*-----------------------------------*/
.triangle-left { width: 0; height: 0; border-top: 13px solid; border-right: 13px solid; border-bottom: 13px solid transparent; position:absolute; left:-13px; top:50%; *display:none;
margin-top:-13px; }

.bannerRight {
    float: right;
    padding-right: 2%;
    padding-top: 4px;
    text-align: right;
    width: 48%;
	position:relative;
}
.bannerRight img{
    height: auto;
    margin-top: 1%;
    width: 9%;
}
.bannerLeft {
    float: left;
    padding-left: 2%;
    padding-top: 4px;
    text-align: left;
    width: 48%;
	position:relative;
}
.bannerLeft img{
    height: auto;
	width:100%;
	max-width:322px;
}
.grid td.concept{
	width:395px;	
}
	.show870px{
		display:none !important;	
	}
	
.closeX{
	position:absolute;
    font-family: Verdana, Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", sans-serif;
	background-color: #C75050;
    display: block;
    font-size: 16px;
    font-weight: bold;
    height: 15px;
    line-height: 14px;
    padding: 5px;
    right: 0px;
    text-align: center;
    top: 0px;
    width: 15px;
	cursor:pointer;
	color:#FFF;

}
.closeX:hover{
	background-color: #E04343;
}
.inferiorDerecha{
	position:absolute;
	right:8px;
	bottom:8px;	
}
.textoCentrado{
	text-align:center !important;	
}
th.textoCentrado{
	text-align:center !important;
}
.textoIzquierda{
	text-align:left;	
}
.textoDerecha{
	text-align:right;	
}

/*MODAL PARA GASTOS */
.blockWindow{
    background-color: rgba(0, 0, 0, 0.3);
    height: 100%;
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 11;
	display:none;
}
.detailWindow300x300Centrado{
	width: 300px;
    height: 159px;
	position:absolute;
    left: 50%;
	top: 50%;
    margin-left: -150px;
    margin-top: -70px;
	background-color:#F8F8F8;
	padding:20px;
	-webkit-box-shadow:  2px 2px 10px 2px #999999;
	 box-shadow:  2px 2px 10px 2px #999999;

}
/*END MODAL PARA GASTOS */
/* DEV */
#dev,#devB{
	z-index:10000;
	position:fixed;
	bottom:0px;

	width:60%;
	height:100%;
	padding:2%;
	background-color:rgba(0,0,0,0.88);
	color:rgba(0,255,92,1.00);
	box-sizing:border-box;
	border-right:1px solid #000000;
	overflow:auto;
	font-size:12px;
	font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	resize:horizontal;
	
}
#dev{
	-webkit-transition: left 300ms ease-in-out 0s;
	-moz-transition: left 300ms ease-in-out 0s;
	-ms-transition: left 300ms ease-in-out 0s;
	-o-transition: left 300ms ease-in-out 0s;
	transition: left 300ms ease-in-out 0s;		
}
#devB{
	left:auto;
	right:-59%;	
}
#devContent, #devB{
white-space:pre-wrap;	
}

#devB:hover, #devB:active{
	right:0px;	
	
}
#dev #buttonsDev button, #dev #buttonsDev button:hover,#selectDev{
	color:inherit;	
	padding:3px;
	border:1px solid #00FF5C;
	font-size:inherit;
	background-color:#000000;
}
#dev #buttonsDev button:hover{
	background-color:#00FF5C !important;
	color:#000000 !important;
}
#refreshDev{
    position: absolute;
    right: -20px;
    top: -40px;
}
#showErrorsDev{
    position: absolute;
    right: 50px;
    top: -40px;
}
#showDebugQuerys{
    position: absolute;
    right: 150px;
    top: -40px;		
}
#donwloadFileDebug{
    position: absolute;
    right: 275px;
    top: -40px;		
}
#selectDev{
    position: sticky;
    right: 80px;
    top: 10px;
	padding:2px;
}
#buttonsDev{
    position: sticky;
    left: 10px;
    top: 10px;
	padding:4px;		
}
.onlyPrint{
	display:none;	
}
.menuBurguer{
	display:none;	
}
.helpTopBTN{
	display:block;	
	cursor:pointer;
	position:absolute;
	right:0px;
	top:0px;
	padding-right:12px;
	padding-top:12px;
	padding-bottom:15px;
}
#blockAllB.min {
    bottom: 0;
    height: 600px;
    overflow: auto;
    position: fixed;
    right: 0;
	left:auto;
	top:auto;
    transform: scale(0.2)  translate(194%, 194%);

    width: 800px;

}

.modalMin #titles{
	display:none;	
}
.modalMin #opcionesParaContador{
	height:100% !important;	
}
#helpModalBlock{
	position:absolute;
	width:100%;
	height:100%;	
	left:0px;
	top:0px;	
}
body > #blockAllEmergente{
	position:fixed;
	width:100%;
	height:100%;
	height:100vh;	
	top:0px;	
	left:0px;
	overflow: auto;
	z-index: 10;
}
.contenedorContenidoPrincipal #blockAllEmergente{
	position:fixed;
	width:80%;
	height:100%;
	height:100vh;	
	top:0px;	
	margin-left:-15px;
	overflow: auto;
	z-index: 1;
}

#blockAllEmergente .window{
	width: 100%;
	max-width: 800px;
	position: absolute;
	left:50%;
	top:50%;
	

}
body > #blockAllEmergente .window.min{
	width: 100%;
	transform: none;
	position: absolute;
	top:40%;
	left:50%;
	width: 400px;
	min-height:200px;
	margin-left: -200px;
	margin-top: -100px;

}
/*FIN DEV*/
/*HECHO POR GABRIEL 2013 ???? POR BORRAR */
/*
.RightCorner{	
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	color:#FFF;
}

.LeftCorner{	
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	color:#FFF;
}

.MenuSelectedBlack{
	color:#FFF !important;
	font-weight:bold !important;
	background-color:#000 !important;
	border:#000000 1px solid !important;
}

.MenuSelectedRed{
	color:#FFF !important;
	font-weight:bold !important;
	background-color:#FF0000 !important;
	border:#FF0000 1px solid !important;
}
*/
/* FIN NO UBICO */
/*@media screen and (max-height: 715px){
	.tipoGastoWindow{
		height:86%;	
	}
}
@media screen and (max-height: 558px){
	.tipoGastoWindow{
		height:100%;	
	}
}*/
@media screen and (min-width: 2000px){
	.smallNum{
		font-size: 16px;
	}
}
@media screen and (min-width: 1200px){
	.iconoMenu {
    	font-size: 26px;
	}	
	.smallNum{
		font-size: 15px;
	}
}
@media screen and (max-width: 1200px){
	.barraContador .custom-combobox, .custom-combobox{
		/*margin-left:-4vw;*/
	}	
	.al100_en1200{
		width:100% !important;
		max-width:none !important;
		min-width:0px !important;
		margin-left:0px !important;
		margin-right:0px !important;	
	}		
}
@media screen and (max-width: 1004px){
	.hide1004px{
		diaply:none;
	}
}
@media screen and (max-width: 980px){
	.barraContador .custom-combobox .custom-combobox-input{
		font-size:1.1vw !important;		
	}
	.iconoMenu{
		font-size:1.8vw;	
	}
	.al100_en980{
		width:100% !important;
		max-width:none !important;
		min-width:0px !important;
		margin-left:0px !important;
		margin-right:0px !important;			
	}	
}

@media screen and (max-width: 944px){
	.menuPrincipalVertical .textoAccion,.option-b .textoAccion{
		font-size:13px;	
	}
	
	.smallNum{
		font-size:12px;	
		margin-top:-7px;	
	}
	.option-a, .option-b, .option-c, .option-d{
		/*padding-left:10px;	*/
	}
	.newMenu {
		display: block;
		left: -6px;
		top: 12px;
		position: absolute;
		transform: rotate(-15deg);
	}	
	.al100_en944{
		width:100% !important;
		max-width:none !important;
		min-width:0px !important;	
		margin-left:0px !important;
		margin-right:0px !important;		
	}	
}
@media screen and (max-width: 874px){
	.menuPrincipalVerticalContainer{
		width:100%;
		max-width:400px;
		left:-100%;	
	}
	/*.menuPrincipalVertical .textoAccion,.option-b .textoAccion{
		font-size:15px;	
	}	
	.iconoMenu{
		font-size:16px;
	}*/
	.menuPrincipalVerticalSpacer{
		display:none;	
	}
	.contenedorContenidoPrincipal{
		width:100%;	
	}
	.menuBurguer{
		display:block;	
		cursor:pointer;
		position:absolute;
		left:0px;
		top:0px;
		padding-left:2%;
		padding-top:8px;
		padding-bottom:15px;
	}	
	.helperBar{
		padding-left:43px;	
	}
.newMenu{
    display: inline-block;
    margin-left: -10px;
    margin-right: -8px;
    position: relative;
    -ms-transform: rotate(-15deg); /* IE 9 */
    -webkit-transform: rotate(-15deg); /* Chrome, Safari, Opera */
    transform: rotate(-15deg);
	top:auto;
	left:auto;
}		
}
@media screen and (max-width: 840px){
	.hide840px{
		display:none;	
	}
	.show840px_bloque{
		display:block;
	}
	.show840px_inline{
		display:inline;	
	}
	.show840px_inlineBlock{
		display:inline-block;	
	}
	.show840px_td{
		display:table-cell;	
	}
	.show840px_tr{
		display:table-row;	
	}
	.al100_en840{
		width:100% !important;
		max-width:none !important;
		min-width:0px !important;	
		margin-left:0px !important;
		margin-right:0px !important;		
	}
}
@media screen and (max-width: 790px){
	.barraContador .custom-combobox .custom-combobox-input{
		font-size:9px !important;		
	}
	.iconoMenu{
		font-size:14px;	
	}		
	.hide790px{
		display:none;	
	}
	.show790px_bloque{
		display:block;
	}
	.show790px_inline{
		display:inline;	
	}
	.show790px_inlineBlock{
		display:inline-block;	
	}
	.show790px_td{
		display:table-cell;	
	}
	.al100_en790{
		width:100% !important;
		max-width:none !important;
		min-width:0px !important;	
		margin-left:0px !important;
		margin-right:0px !important;		
	}	
}
/*-----------------------------------*/
@media screen and (max-width: 753px){
	.invoice .basics .a{
		width:auto;
		float:none !important;
		max-width:none;
		
	}
	.invoice .basics .b{
		width:auto;	
		text-align:left;
		float:none !important;
		max-width:none;
	}
	.invoice .basics .b .combo.base{
		width:100% !important;
		margin-left:inherit;
	}	
	.invoice .basics .a .textField{
		max-width:none;
	}
	.invoice .basics .b .textField{
		max-width:none;
	}	
	.al100_en753{
		width:100% !important;
		max-width:none !important;
		min-width:0px !important;	
		margin-left:0px !important;
		margin-right:0px !important;		
	}
		

}
/*-----------------------------------*/
@media screen and (max-width: 721px){
	.blockTools{
		width: 45%;
		height: auto;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom:30px;
		min-height:276px;
	}
	
	.blockTools .titulo .tituloTexto{
		font-size:16px;
	}

	.baseMenu .tools{
		clear:left;

	}
	.onlyFull{
		display:none !important;	
	}
.baseMenu .tools .tool{
		padding-left:2.5%;
		padding-right:2.5%;
		padding-top:5px;
		padding-bottom:10px;
	}
	.baseMenu .tools .tool div{
		bottom:3px;	
	}
	.baseMenu .tools .tool.firts {
		padding-left: 3%;
	}
	.baseMenu span.salir{
		display:none;
	}
	.baseMenu span.salirMin{
		display:block;
		border-left:none;
	}
	.baseMenu span {
		padding-left:3%;
		padding-right:3%;	
		padding-top:10px;
		padding-bottom:11px;
		box-shadow: none;
		-webkit-box-shadow: none;	
		background-color:transparent;
		border-left:none !important;
		border-right:none !important;
		
	}
	.fondoBaseMenuLeft{
		height:35px;		
	}
.baseMenu span.logoMin img {
	width:100%;
	min-width:0px;	
}
	.baseMenu span.usuario {
		line-height: 13px;
		padding-bottom:10px;
		padding-left: 5px;
		padding-top: 6px;
		text-align: right;
	}
	.baseMenu span.logo{
		display:none;
	}
	.baseMenu span.logoMin{
		padding-bottom: 2px;
		padding-top: 5px;
		width:100px;
		display:block;
	}
	#MainContent .tools .tool{
		padding-bottom:20px;
		margin-bottom:10px;
	}

	.InputField, select {
		border: medium none;
		font-family: 'droid_sansregular';
		padding: 2% !important;
		width: 96% !important;
		margin-left:0px !important;
	}
	#graphicContainer{
		position:relative;
	
	}
	.onlyBig{
		display:inline;
		line-height:0px;	
	}	
	
	.onlyBig.div{
		display:block;
		line-height:0px;	
	}	
.impuestos .valor{
    width: 15%;
	padding-left: 2%;
	text-align:right;
}	
	.hide870px{
		display:none !important;	
	}
	.show870px{
		display:block !important;	
	}
	.al100_en721{
		width:100% !important;
		max-width:none !important;
		min-width:0px !important;	
		margin-left:0px !important;
		margin-right:0px !important;		
	}	
}
@media screen and (max-width: 680px){

	.al100_en680{
		width:100% !important;
		max-width:none !important;
		min-width:0px !important;	
		margin-left:0px !important;
		margin-right:0px !important;		
	}
	.grid.paddingXtra td, .extraPadding {
		padding: 12px 4px;
	}	
	.grid td, .grid th {
    	padding: 5px 3px;
	}
	div.botonPeriodo{
		width: 16.6666%;
		width: calc( 100% / 7 );

	}
	.noticiaUpdate .textoNoticia, .noticiaUpdate .imagenNoticia{
		display: block;
		padding: 50px 8%;
		padding-bottom:20px;
		width: 100%;
	
	}
	.imagenNoticia img{
		width:100%;	
		padding-bottom:3vh;
	}
	.noticiaUpdate .tituloNoticia, .noticiaUpdate .contenidoNoticia{
		text-align:right;	
	}
	.noticiaUpdate hr{
		float:right;
	}
}
@media screen and (max-width: 600px){
	/*.barraContador{
		width:60%;
		padding-left:0px;
		padding-right:0px;
	}
	.barraContador select, .barraContador .combo{
		width:100% !important;	
	}*/
	.botonMenu span{
		margin:0px !important;	
	}
	.blockTools{
		width: 100%;
		height: auto;
		margin-left: 0%;
		margin-right: 0%;
		min-height:0px;
		border-radius:0px;
		padding-bottom:15px;
	}
	
	.blockTools .titulo .tituloTexto{
		font-size:inherit;
	}

	.baseMenu span{
		float:left;
		padding-left:3.1%;
		padding-right:3.1%;
		font-size:11px;	
		padding-top:10px;
		padding-bottom:10px;
		display:block;
		
		cursor:pointer;
		max-width:300px;
		border-left:1px solid transparent;
		border-bottom:2px solid transparent;
	}
	.fondoBaseMenuLeft{
		height:33px;		
	}
	.baseMenu span.logoMin{
		padding-bottom: 0;
		padding-top: 8px;
		width: 12px;
		display:block;
	}	
	
	.baseMenu span.usuario{
		display:none;	
	}
	.baseMenu .tools{
		height:auto;
		text-align:center;	
	}
	.baseMenu .tools .tool{
		margin-left:.05%;
		margin-right:.05%;
		float:none;
		display:inline-block;
		padding-bottom:16px;
		width:10%;
		max-width:40px;
	}
	.baseMenu .tools .tool div{
		bottom:8px;
		text-overflow:ellipsis;
		white-space: nowrap;
		font-size:9px;
	}
	.baseMenu .tools img {
		width:100%;
		height:auto;
		
	}
	.baseMenu .tools .tool.firts {
		margin-left: .5%;
	}
	.baseMenu span.logoMin{
		   display: block;
    width: 86px;
	}
	#MainContent .tools{
		padding-top:10px;
	}	
	#MainContent .tools .tool{
		width:28%;
	}
	#MainContent .tools .tool div{
		font-size:10px;	
	}
	#MainContent .tools .tool img{
		width:100%;
	}
	.btn_ventas, .btn_gastos{
		background-size:contain;	
	}	
	button{
		font-size:14px;	
		padding-top:8px;
		padding-bottom:6px;		
	}
	
	button:active{
		padding-top:8.5px;
		padding-bottom:5.5px;		
	}
	#MainContent{
		padding-top:5px;	
		padding-bottom:5px;
	}	
	.grid{
		font-size:10px;	
	}
	.grid td.date, .grid td.amount,.grid .optional{
		display:none;
	}
	td.important{
		display: table-cell !important;	
	}
	.grid td.concept div.date, .grid td.concept div.amount{
		 display:block;
	}	
	.grid td.concept span.date{
		display:inline;	
	}
	.invoice .basics .a, .invoice .basics .b{
		font-size:11px;
		line-height:14px;	
	}
	.controls .icon{
		width:25px;	
	}
	.controls .text.optional{
		display:none;	
	}
		
	.controls .column{
		padding-left:2px;
		padding-right:2px;
	}

	.owl-pagination {
		display:none;
	}
	.highcharts-axis-labels text{
		font-size:10px !important;	
	}
	.grid td.icon{
		width:25px;
	}	
	.onlyMed{
		display:inline;	
	}
	.onlyMed.div{
		display:block;	
	}	
	.hideMed{
		display:none;	
	}	
	label.radioVLO img{
		width:35px;
		height:auto;
	}		

	label.radioVLO {
		padding-left: 1.5%;
		padding-right: 1.5%;
	}	
.config{
	width:100%;
	float:none;
	margin-left:auto;
	margin-right:auto;
}
.files{
	width:100%;
	float:none;
	margin-left:auto;
	margin-right:auto;
}	
	
	.impuestos .valor{
    width: 30%;
	padding-left: 2%;
	text-align:right;
}
	.al100_en600{
		width:100% !important;
		max-width:none !important;
		min-width:0px !important;	
		margin-left:0px !important;
		margin-right:0px !important;		
	}
}
@media screen and (max-width: 500px){
	.only500{
		display:inline;	
	}
	.ventas_gastos #_rfc,.ventas_gastos #_rfcSearch{
		width:94%;
		margin-right:0px;
	}	

	.invoice.new .basics .a, .invoice.new .basics .b{
		max-width:none;
		width:100%;
	}
	.invoice.new .basics .b input.textField{
		width:32% !important;	
		
	}
	input.textField{
		padding:3px;
		font-size:90%;	
	}
	.invoice.new .basics .b{
		text-align:left !important;
	}
	.hide500px{
		display:none;	
	}
	.grid.default td{
		padding:3px 10px;
	}	
	.fechasFiltro {
		float:left !important;
		margin-bottom:8px; 
		margin-right:10px;
	}
	.al100_en500{
		width:100% !important;
		max-width:none !important;
		min-width:0px !important;	
		margin-left:0px !important;
		margin-right:0px !important;		
	}	
}
@media screen and (max-width: 480px){
	.hide480px{
		display:none !important;	
	}
	.baseMenu .tools .tool{
		margin-left:1px;
		margin-right:1px;
		float:none;
		display:inline-block;
		padding-bottom:16px;
		width:9%;
		max-width:35px;
	}	
/*	.barraContador .custom-combobox {
   	 width: 100%;
	}*/
	.hidden.only480px{
		display:block;	
	}
	.al100_en480{
		width:100% !important;
		max-width:none !important;
		min-width:0px !important;	
		margin-left:0px !important;
		margin-right:0px !important;		
	}	
	.al50_en480{
		width:50% !important;
		max-width:none !important;
		min-width:0px !important;	
		margin-left:0px !important;
		margin-right:0px !important;		
	}		
}
@media screen and (max-width: 435px){
	.baseMenu .tools .tool{
		padding-bottom:0px;
		width:12%;
		margin:1px;
		padding:2%;
		padding-top:4px;
		padding-bottom:13px;
		
	}
	.baseMenu .tools .tool div{
		bottom:2px;
		height:12px;
		
	}	
	.baseMenu span{
		padding-left:3%;
		padding-right:3%;
		font-size:10px;
		padding-bottom:10px;
	}
	.baseMenu .tools .tool.firts {
		margin-left: -8px;
	}	
	.hide435px{
		display:none !important;	
	}
	.al100_en435{
		width:100% !important;
		max-width:none !important;
		min-width:0px !important;	
		margin-left:0px !important;
		margin-right:0px !important;		
	}			
}
@media screen and (max-width: 400px){
	.baseMenu .tools .tool{
		padding:4px 1.2% 13px;	
	}	
	.baseMenu .tools .tool.firts {
		margin-left: 0px;
	}
	.al100_en400{
		width:100% !important;
		max-width:none !important;
		min-width:0px !important;	
		margin-left:0px !important;
		margin-right:0px !important;		
	}	
		
}

@media screen and (max-width: 320px){
	.baseMenu .tools .tool{
		padding:4px 3px 13px;;
	}
	.baseMenu .tools .tool.firts {
		margin-left: -8px;
	}	

	.fondoBaseMenuLeft{
		height:32px;		
	}
	/*#MainContent .tools .tool{
		width:28%;
	}
	#MainContent .tools .tool img{
		width:100%;
	}*/
	.controls .icon.optional{
		display:none;	
	}
	.controls button{
		font-size:10px !important;	
	}
	.highcharts-axis-labels text{
		font-size:8px !important;	
	}

	.onlySmall{
		display:inline;	
	}
	.onlySmall.div{
		display:block;	
	}
	.hideSmall{
		display:none !important;	
	}
	label.radioVLO {
		padding-left: 3%;
		padding-right: 3%;
	}	
	.formaSimple input.textField, .formaSimple textArea, .forma input.textField, .formaConEspacios input.textField {
		padding: 2px;
	}

}
/*FIN NEW*/