EVOLUTION-MANAGER

Edit File: general.css

@import "global.css.php";
/*@import "tables.css";*/
.tx14 .buscador, .element-text .buscador {
    vertical-align: middle;
    text-align: center;
}
.tx14 #idsocio, .element-text #idsocio, .element-text #idsolicitud, .tx14 #idsolicitud, .element-text #idparcialidad, .tx14 #idparcialidad, .tx14 #idgrupo,
.element-text #idcuenta, .tx14 #idcuenta, .tx14 #idcuentarelacionada, .tx34 #iddocumento , .tx34 #idgrupo, .tx14 #idcuentainteres, .tx14 #idsocio2, .tx14 #idsocio3,
.tx14 #idsocio4, .tx14 #idsocio5, .tx14 #idsocio6, .tx14 #idsocio7, .tx14 #idsocio8, .tx14 #idsocio9, .tx14 #idsocio10, .tx14 #idsocio11,
.element-text #idsocio2, .element-text #idsocio3, .tx14 #idsocio1, .tx14 #idsocio0,
.tx14 #idpersonaasociada, .element-text #idpersonaasociada, .tx4 #iddocumento, .tx14 #idactividad, .tx14 #idactividadscian,
.tx13 #idsocio, .element-text #idsocio, .element-text #idsolicitud, .tx13 #idsolicitud, .element-text #idparcialidad, .tx13 #idparcialidad, .tx13 #idgrupo,
.element-text #idcuenta, .tx13 #idcuenta, .tx13 #idcuentarelacionada, .tx34 #iddocumento , .tx34 #idgrupo, .tx13 #idcuentainteres, .tx13 #idsocio2, .tx13 #idsocio3,
.tx13 #idsocio4, .tx13 #idsocio5, .tx13 #idsocio6, .tx13 #idsocio7, .tx13 #idsocio8, .tx13 #idsocio9, .tx13 #idsocio10, .tx13 #idsocio11, .tx13 #tipo_aeconomica, .tx13 #clave_scian,
.element-text #idsocio2, .element-text #idsocio3, .tx13 #idsocio1, .tx13 #idsocio0,
.tx13 #idpersonaasociada, .element-text #idpersonaasociada, .tx4 #iddocumento, .tx13 #idactividad, .tx13 #idactividadscian, .tx4 #nombrearchivo,
.tx14 #idrecibo, .element-text #idrecibo, .tx13 #idrecibo
{
	width : calc(98% - 26px);
}
#idformapago, .formoid-default, .element-title {
	max-width: 100%;
}
.ui-tooltip .picker__footer, .picker__footer { width: 100%; }
.ui-tooltip .picker__footer button, .picker__footer button { min-width: 45%; width: 45%; height: 100%; }
.ui-corner-bottom fieldset, .ui-tooltip .formoid-default>div, .ui-tooltip li, .ui-tooltip p,
.ui-tooltip .formoid-default, .ui-tooltip .formoid-default div,
.ui-tooltip .formoid-default .element-text label, .ui-tooltip .formoid-default .tx4 label
{
	padding: 0;
	margin: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tx4 { margin: 0; margin-left: 0px;}

th input[type="text"][disabled], td input[type="text"][disabled]
{ background-color: rgb(255, 255, 204); border-color: rgb(204, 204, 0);
width: 98%;  }

/*tooltip th button*/
.ui-tooltip th input[type=button], .ui-tooltip th input[type=submit], .ui-tooltip th .button, .ui-tooltip th .boton,.ui-tooltip th button,
.ui-tooltip td input[type=button], .ui-tooltip td input[type=submit], .ui-tooltip td .button, .ui-tooltip td .boton,.ui-tooltip td button
{ min-width: 90%; width: 98%;}

.ui-tooltip .formoid-default .element-text,.ui-tooltip  .formoid-default .element-select,.ui-tooltip  .formoid-default .element-input,
.ui-tooltip  .tx4, .ui-tooltip .formoid-default .tx4, .ui-tooltip .formoid-default .tx1, .ui-tooltip textarea
{	width: 98%; display: inline-block; margin-bottom: 2px; }

.ui-tooltip .formoid-default input[type=button], .ui-tooltip .formoid-default input[type=submit],
.ui-tooltip .formoid-default .button,
.ui-tooltip .formoid-default .boton,
.ui-tooltip .formoid-default button { min-width: 40%; width: 48%; max-width: 95%; display: inline-block; }
.ui-tooltip ul{ text-align: left; }

input, select, textarea { border-radius: 5px 0 5px 0; }

input:required:valid { background-color: #CAED9E; }
.fieldform{
	max-width:1108px; /*text-align: center;*/	margin: 0 auto;
}
.fieldform h1, .fieldform h2, .fieldform h3, .fieldform h4, .fieldform h5, .fieldform label{
	text-align: center;
}
input[type="text"], input[type="number"], input[type="email"], input[type="tel"] {
	border: 1px solid #ccc;
    border-top: 1px solid #444;
    border-left: 1px solid #444;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif !important;
    font-size:0.9em;
    letter-spacing:0.15em;
    padding:3px 2px 3px 2px;
}

input:focus,select:focus,textarea:focus { font-weight: bolder; padding: 2px; }
input[type="password"]{ background-color: #ffecec; }

th input[type=button], th input[type=submit], th .button, th .boton,th button,
td input[type=button], td input[type=submit], td .button, td .boton,td button
{
	min-width: 70%; width: 95%;
}
input[type="button"], input[type="submit"], .button, .boton, button, a.button, a.boton,
.formoid-default .button, .formoid-default button, .formoid-default a.button, .formoid-default input[type="button"],
th button, th .button, th .boton, td button, td .button, td .boton, td input[type="button"],
.key .button, .key .boton, .key button, .key input[type="button"]
{
background-color: #f5f5f5;
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
background-repeat: repeat-x;

border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
color: #333;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
display: inline-block;

border-radius: 3px;

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
/* dimensions */
margin: 0;
height: 2.4em;
/* text & cursor */
font-size: 1em; /* normalize */
white-space: nowrap;
cursor: pointer;

padding: 4px 2px 4px 2px;
text-align: center;
vertical-align: center;
min-height: 2em;
overflow: hidden;
line-height: 1.4em;
max-height: 3.2em;
overflow: hidden;
}
input[type="button"]:hover, input[type="button"]:focus,
input[type="submit"]:hover, input[type="submit"]:focus,
.button:hover, .button:focus,
.boton:hover,.boton:focus,
button:hover,button:focus,
a.button:hover, a.button:focus,
a.boton:hover,a.boton:focus,
.formoid-default .button:hover, .formoid-default .button:focus,
.formoid-default button:hover,.formoid-default button:focus,
.formoid-default a.button:hover,.formoid-default a.button:focus,
.formoid-default input[type="button"]:hover,.formoid-default input[type="button"]:focus,
th button:focus,th button:focus,
th .button:hover,th .button:focus,
th .boton:hover,th .boton:focus,
td button:hover,td button:focus,
td .button:hover,td .button:focus,
td .boton:hover,td .boton:focus,
td input[type="button"]:hover,td input[type="button"]:focus,
.key .button:hover,.key .button:focus,
.key .boton:hover,.key .boton:focus,
.key button:hover,.key button:focus,
.key input[type="button"]:hover, .key input[type="button"]:focus
{
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	background-color: #333333;
	background-image: none;
	color: #e6e6e6;
	text-shadow: none;
}

input[type="button"] img, input[type="submit"] img, .button img, .toolnav li a img,
input[type="button"] i, input[type="submit"] i, .button i, .toolnav li a i
{
	max-height: 90%;max-width: 20%;float: left;padding-left: 5px;padding-right: 2px;height: 22px;
}
.toolnav li a img, .toolnav li a i { padding-top: 5px; }
tr.trOdd {
	background-color: #DBDBDB;
}
.trOdd .key {
	background-color: #C1D7E9;
}
/* ------------------------------------------------------------------------------ */
th select, td select {
	width: 95%;
	height: 100%;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #2F75D8;
	border-top-style: ridge;
	border-left-style: ridge;
	border-right-style: ridge;
}
.x25s100 { max-width: 25%; margin-left: 3px;}
.x20s100 { max-width: 20%; margin-right: 3px;}
.x50s100 { max-width: 45%;}
.x10s100{ max-width: 10%;width: 10%;}
.x90s100{max-width: 90%;width: 90%;}
.docto{
	max-width: 400px;
	width: 90%;
	max-height: 200px;
}
select {font: .9em "Trebuchet MS", Arial, Helvetica, sans-serif !important;}
/* ------------------------------------------------------------------------------ */

fieldset {
    background-color: #F9F9F9;
    border:1px solid #888;
    border-radius:3px;
    padding: 2px; margin: 1px;
}
caption, legend, .ui-tooltip h3, .ui-tooltip-title {
    margin:0px;border:1px solid #888;
    -webkit-text-shadow: 0 1px 0 #666666;
    text-shadow: 0 1px 0 #666666;
    color: #fff;
    background: #ffa366;
    background: -moz-linear-gradient(top, #ffa366 0%, #da5700 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa366), color-stop(100%, #da5700));
    background: -webkit-linear-gradient(top, #ffa366 0%, #da5700 100%);
    background: -o-linear-gradient(top, #ffa366 0%, #da5700 100%);
    background: -ms-linear-gradient(top, #ffa366 0%, #da5700 100%);
    background: linear-gradient(to bottom, #ffa366 0%, #da5700 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa366', endColorstr='#da5700', GradientType=0);
    border-color: #804620;
    line-height: 1.8em;
    font-size: .95em;
    text-align: center;
    border-radius: 4px;
}
label { /*font-family: monospace;*/ font-weight: normal;text-overflow: clip; }
devnull {
	height: 0px;
	visibility: hidden;
	width: 0px; }

/* ------------------------------------------------------------------------------ */
td {
	/*color: #000000;*/
	font-size: .9em !important;
	height: 2em;
}
/*td:hover {	border: 2px #0C9816 groove; }*/
td.center {
	border-color: #FF0000;
	border-style: dashed;
	border-width: 1px;
	color: #800000;
	cursor: pointer;
	margin: 4px;
	padding: 4px;
	text-align: center; }

td.free {
	border-color: #ff0000;
	border-width: 1px;
	color: #000000;
	cursor: pointer;
	font-weight: bold;
	margin: 4px;
	padding: 4px;
	text-align: justify; }

td.ligth {
	border-bottom: 1px #0C9816 dotted;
	color: #000000;
	font-size: .9em;
	font-weight: bold;
	text-align: left; }

td.number {
	background-color: #C0E0FF;
	border-bottom: 1px #0C9816 dotted;
	color: #000000;
	font-size: .9em;
	font-weight: bold;
	text-align: right; }
td.row_1 {
	background-color: #FFFFB9;
	border-width: thin;
	color: #8B0000;
	font-weight: normal;
	}

td.row_2 {
	background-color: #FFEC80;
	border-width: thin;
	color: #8B0000;
	font-weight: normal; }

td.nombrecuenta {
	color: Blue;
	font-weight: lighter;

}

td.cal_1 {
	background-color: rgb(255, 255, 204);
	text-align: center;
	vertical-align: middle; }

td.cal_2 {
	background-color: rgb(255, 255, 153);
	text-align: center;
	vertical-align: middle; }

td.day_1 {
	background-color: #FFFFC8;
	margin: 0px;
	text-indent: 0px;
	vertical-align: middle;
	word-spacing: 0px; }

td.day_2 {
	background-color: #FFF1E3;
	margin: 0px;
	text-indent: 0px;
	vertical-align: middle;
	word-spacing: 0px; }

td.mark { background-color: #AAC3F0; }

td.cPanel {
	background: #ffffe0;
	border-color: #C8C8C8;
	border-style: solid;
	border-width: 1px;
}
td.strech {
	background-color: transparent;
	font-stretch: condensed;
	font-weight: bold;
	letter-spacing: 0px;
	text-align: left;
	text-indent: 0px; }
/* ------------------------------------------------------------------------------ */
td {
	border-bottom-color: #C8C8C8;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
th, table, table.ficha {
	border-color: #C8C8C8;
	border-style: solid;
	border-width: 1px;
}
th {
	background-color: #ffffe0;
}
th, .title {
	font-weight: bold;
	text-align: center;
	min-height:1.8em;;
}

th.alft { text-align: left; }

th.izq { text-align: left; }

th.compact {
	border-bottom: 1px #0C9816 dotted;
	color: #000000;
	font-size: .9em;
	font-weight: bold;
	text-align: left; }
th.cal_1 {
	border-bottom: 1px #0C9816 dotted;
	color: #000000;
	font-weight: bold;
	text-align: left; }
/* ------------------------------------------------------------------------------ */
tr.ligth {
	border-bottom: 1px #0C9816 dotted;
	color: #000000;
	font-size: .9em;
	font-weight: bold;
	text-align: center; }
tr.cPanel {
	background: #FFF8DC;
	border: medium inset Navy; }
th.strech {
	background-color: transparent;
	font-stretch: condensed;
	font-weight: bold;
	letter-spacing: 0px;
	text-align: center;
	text-indent: 0px; }
/* ------------------------------------------------------------------------------ */
li { font-size: .95em; }

li:hover {
	color: blue;
	font-weight: bold;
	text-decoration: none;
}

/* ------------------------------------------------------------------------------ */

p.frmTitle , h1, h2, h3, h3 a {
	text-shadow: 0px 1px 1px #4d4d4d;
	color: #FFF;
	visibility: inherit;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3F3F3F), color-stop(0.5, #383838), color-stop(0.51, #434343), color-stop(1, #555555));
    background-image: -moz-linear-gradient(center bottom, #3F3F3F 0%, #383838 50%, #434343 51%, #555555 100% );
    background-color:#383838;
	width: 100%;
	font-family: "Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
	font-weight: normal;
	letter-spacing: 3px;
	margin: 0;
}
h1{ font-size: 1.5em; }
h2{ font-size: 1.4em; }
h3{ font-size: 1.3em; min-height: 1.6em; }
h3 a {
	text-decoration: none;
}
p.aviso,#avisos,.aviso {
	background-color: #FFFFE0;
	border-color: #FF0000;
	border-style: ridge;
	border-width: 1px;
	color: #8F1D1D;
	font-size: .9em;
	font-weight: bold;
	text-align: center;
	min-height: 3em;
	/*text-indent: 0.5em;*/
	margin: 0;

}

select.warn,._error,p.kill,.warn,._warn,p.warn,.wk, p.aviso:hover,#avisos:hover,.aviso:hover {
	background-color: #FFFF00;
	border-style: solid;
	border-width: 2px;
	color:#8a1f11;
	font-weight: bold;
	text-align: center;
}

/* ------------------------------------------------------------------------------ */

table.calendar_day {
	border: thin solid Blue;
	height: 481px;
	text-align: left;
	width: 100%; }

table.calendar_week {
	background-position: center;
	border: medium groove Red;
	height: 64px;
	text-align: center;
	width: 500px; }
table.micro_cal {
	background-position: center;
	border: thin solid Blue; /* height: 481px;*/
	text-align: center;
	width: 35%; }
table.cal {
	height: 225px;
	width: 225px; }

.ui-tooltip table, table {
	border-collapse: collapse;
	border-spacing: 0px;

color: #000000;
	font-weight: lighter;
	border-radius: 5px;
	width: 100% !important;
	}

.ui-tooltip table {
	font-weight: normal;
	font-stretch: condensed;
	font-size: 90%;
}

table.ficha {
	background-color: #ffffff;
	border-collapse: collapse;
	border-spacing: 0px;
	}

/* ------------------------------------------------------------------------------ */
.x24{
	max-height: 1.5em;
	max-width: 1.5em;
}
.tcalendar_task { }

.tcalendar_task td:hover { background-color: #FFF8DC; }

.td-back,.td-back:focus,.td-back:hover { background-color: transparent; }
.novisible {
	visibility: hidden;
}
input[type=number]{
	-moz-appearance: textfield;
	-webkit-appearance: none;
}
.imny,.mnym,.number,.mny,.real,.int,.float, input[type=number] {
	background-color: #FEF0D1;
	background-position: right;
	color: #0800FF !important;
	text-align: right; }

.-mny {
	background-color: #FEF0D1;
	background-position: right;
	color: Red;
	text-align: right; }

.iAlert {
	background-color: #e5000f;
	border: thin inset #FF0000;
	color: White;
	font-weight: bold; }

.imgsize {
	margin: 0px;
	text-indent: 0px; /*	width: 16px;

height: 16px; */ }

.compromisos {
	font-size: .9em;
	font-weight: lighter;
	margin: 0px;
	text-indent: 0px; }

.gencenter {
	background-position: center;
	margin: 0px;
	text-align: center; }

a.sinsubraya {
	color: #ff0000;
	font-weight: bold;
	text-decoration: none; }

.sNeos {
	height: 64px;
	position: absolute;
	width: 100%; }

.csTxtGiant {
	color: Red;
	font-size: 2.1em;
	font-weight: bold;
	text-align: right; }

.waith { text-align: center; }

.rwMvtoG {
	height: 15px;
	padding: 0px;
	width: 35px; }
.izq {
	text-align: right;
	vertical-align: middle; }
.der {
	text-align: left;
	vertical-align: middle; }
.class_menu {
	background-color: #F5DEB3;
	background-position: center;
	font-size: .9em; }
.ui-tabs-panel .ui-widget-content .ui-corner-bottom  {
	padding: 0 !important;
}
.ui-tabs li a {

}

ol.rounded-list {
	counter-reset: li; /* Initiate a counter */
	list-style: none; /* Remove default numbering */
	*list-style: decimal; /* Keep using default numbering for IE6/7 */
	padding: 0;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

/*ol.rounded-list {
	margin: 0 0 0 2em;
}*/
td ol.rounded-list , th ol.rounded-list {
	margin: 0 !important; padding: 0 !important; max-width: 98%;
}
ol.rounded-list a{
	position: relative;
	display: block;
	padding: .3em .2em .2em 2.1em;
	margin: .2em 0;
	/**padding: .4em;*/
	/*background: #ddd;*/
	color: #444;
	text-decoration: none;
	border-radius: .3em;
	transition: all .3s ease-out;
	text-align: left;
	text-indent: .1em;
}
.key ol.rounded-list a{
	background: #dff0d8;
	color: #468847;
	margin: 0 !important;
	text-align: center;
}
/*.ui-tooltip li,*/
ol.rounded-list a img{
	right: 0;
	float: right;
}
ol.rounded-list a:hover{
	background: #eee;
}

ol.rounded-list a:hover:before{
    transform: rotate(360deg);
}
/*.ui-tooltip li { margin-left: -3em; }*/

ol.rounded-list a:before{
	content: counter(li);
	counter-increment: li;
	position: absolute;
	left: .3em;
	top: 50%;
	margin-top: -0.9em;
	background: #87ceeb;
	height: 1.4em;
	width: 1.4em;
	line-height: 1.5em;
	border: .2em solid #fff;
	text-align: center;
	border-radius: 1em;
	transition: all .3s ease-out;
}
.inv {
    text-align: center; display: none; min-width: 10em !important; max-width: 99.9%;
    position : relative;
}
#jsrs1, #jsrs2 { display: none; }
.x16 { max-width: 1.25em; max-height: 1.25em;}
.tx4 label, .tx4 title, .tx4 input, .tx4 select, .tx4 label.title {
	width: 99%;
	max-width: 99%;
}
.toolbar-24{ display: inline-flex; width: 98%; }
.toolbar-24:hover{ border: 1px #0C9816 dotted !important;  }

.toolbar-24 img {
	padding: 1px;
	margin: 1px;
	border-style: ridge;
	border-width: 1px;
	border-color: #808080;
	background-color: #20252F !important;
}
.toolbar-24 img:hover {
	border-style: outset;
	border-width: 2px;
	cursor: pointer;
	background-color: #808080;
}
.ui-tooltip .formoid-default .element-text,.ui-tooltip .formoid-default .element-select,.ui-tooltip .formoid-default .element-input,
.ui-tooltip .formoid-default .tx4, .ui-tooltip .formoid-default .element-text,
	.ui-tooltip.tx4 { width: 98%; display: inline-block; max-width: 98%}

.coolCheck input[type=checkbox] {
	display: none !important;
}
.medio { width:48%; display:inline-flex; vertical-align: top !important; }
.medio label.button {width:100%}
.tx1.medmed { width:48% !important; }

.med-spec { display: table-cell !important;}
.medio .tx14 { width: 23% !important;}
.tx4 .tx13, .tx13, .medio .tx13 {
	width: 32%;
	max-width: 32%;
	display: inline-block;
}
.tx4 .tx23, .tx23, .medio .tx23 {
	width: 65%;
	max-width: 65%;
	display: inline-block;
}
.tx4 .tx12, .medio .tx12 {
	width: 48%;
	max-width: 48%;
	display: inline-block;
}
.tx1 {
	width: 98% !important;
	display: inline-flex;
	text-align: center;
}
.tx2, .tx24 {
	width: 49% !important;
}
.tx34, .medio .tx34 { width: 73%; max-width: 73%; }
.tx44 {	width: 98%; }
.tx14 {	width: 23%; }
.coolCheck {
	width: 4.3em;
	height: 1.85em;
	color: #000;
	margin: 1.43em auto;

-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	position: relative;

-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}
td .coolCheck {
	margin:0;
}
.coolCheck:after {
	content: 'No';
	color: #FA0009;
	position: absolute;
	right: .4em;
	z-index: 0;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255,255,255,.15);
}

.coolCheck:before {
	content: 'Si';
	color: #4875DF;
	position: absolute;
	left: .6em;
	z-index: 0;
	font-weight: bold;
}

.coolCheck label {
	display: block;
	width: 1.83em;
	height: 1.43em;

-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;

-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
	cursor: pointer;
	position: absolute;
	top: 2px;
	left: 2px;
	z-index: 1;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);

background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
}
.coolCheck input[type=checkbox]:checked + label {
	left: 2.3em;
}

.ui-tabs-panel .txm, .txm { max-width: 99%;	width: 98%;}
#tab{
	max-width: 99% !important;
	min-width: 99% !important;
	width: 99.5%;
}
.txm .tx4, .formoid-default .txm .tx4{
	width: 50%;
	max-width: 50%;
	display: inline-flex;
	text-align: center;
	margin: 0;
	border: 0;
	padding: 0;
}
.txm .tx4 input, .txm .tx4 label, .formoid-default .txm .tx4 input, .formoid-default .txm .tx4 label{
	max-width: 49%;
	width: 49%;
}
.ui-tabs {
	padding: 0;
}
footer {width: 100%; }
.txm .tx1 input, .formoid-default .txm .tx1 {
	max-width: 99%;
	width: 99%;
}

.tx4 table.chk td, .tx24 table.chk td {
	background-color: transparent;
	border: 0;
	text-align: left;
}
#idlistado, #movimientocontables { width: 100% !important; max-width: 100% !important; margin: 0; padding: 0; }
#movimientocontables thead td input{ max-width: 100% !important;   }
#movimientocontables .movimiento { max-width: 5% !important; width: 5% !important; }
#movimientocontables .cuenta{ max-width: 10% !important; width: 10% !important; }
#movimientocontables .nombrecuenta{ max-width: 35% !important; width: 35% !important; text-align: left; }
#movimientocontables .cargos{ max-width: 10% !important;  width: 10% !important; }
#movimientocontables .abonos{ max-width: 10% !important; width: 10% !important; }
#movimientocontables .referencia{ max-width: 10% !important; width: 10% !important; }
#movimientocontables .concepto{ max-width: 20% !important; width: 20% !important; }

.jPanelMenu {-moz-box-shadow:0 0 25px #222;-webkit-box-shadow:0 0 25px #222;box-shadow:0 0 25px #222;}

#idagregados, .mvtoscontables { width: 100% !important; max-width: 100% !important; margin: 0; padding: 0; }
.mvtoscontables thead td input{ max-width: 100% !important;   }
.mvtoscontables .cuenta{ max-width: 20% !important; width: 20% !important; }
.mvtoscontables .nombrecuenta{ max-width: 20% !important; width: 20% !important; }
.mvtoscontables .cargos{ max-width: 10% !important;  width: 10% !important; }
.mvtoscontables .abonos{ max-width: 10% !important; width: 10% !important; }
.mvtoscontables .referencia{ max-width: 10% !important; width: 10% !important; }
.mvtoscontables .concepto{ max-width: 20% !important; width: 20% !important; }
iframe { width:99%; width: calc(100% - 8px); padding: 0; margin: 0; }

#totaldocumentos, #totalmonedas, #diferenciacorte {
	float: right !important;
}
.total {
	border-top-style: double; font-weight: bold;
}
.noticon {
    position: relative;
    width: 24px;
    height: 24px;
    top: 2px;
    left: 2px;
    i {
        color: #fff;
    }
}
.noticount {
    position: absolute;
    top: -2px;
    left: 12px;

background-color: rgba(212, 19, 13, 1);
    color: #fff;
    border-radius: 3px;
    padding: 1px 3px;
    font: 8px Verdana;
}

.alert-box {
    color:#555;
    border-radius:10px;
    /*font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;*/
    padding:10px 10px 10px 36px;
    margin:10px;
}
td .alert-box {
    margin:0px;
}
.alert-box span.close-tip {
	content: "";
	float: right;
	top: -1.5em;
	right: -1.5em;
	width: 1.4em;
	height: 1.4em;
	background-color: #FFBF00;
	position: relative;
	border-radius: .7em;
	border-style: solid;
	border-width: 1px;
	color : rgb(18, 52, 86);
	cursor: pointer;
	font-weight: bolder;
}
.alert-box  span.close-tip:hover { text-shadow: 1px 1px 1px rgba(0, 0, 0, 1); color: white;	border-color: rgb(18, 52, 86);}
div.alert-error {
    background:#ffecec url('../images/notification/error.png') no-repeat 10px 50%;
    border:1px solid #f5aca6;
	color:#8a1f11;
}
div.success {
    background:#e9ffd9 url('../images/notification/success.png') no-repeat 10px 50%;
    border:1px solid #a6ca8a;
}
div.warning {
    background:#fff8c4 url('../images/notification/warning.png') no-repeat 10px 50%;
    border:1px solid #f2c779;
}
div.notice {
    background:#e3f7fc url('../images/notification/notice.png') no-repeat 10px 50%;
	border:1px solid #8ed9f6;
}

.error, .unhappy, .unhappyMessage, .tr-error, .tr-error td, .tr-error th, .mny .hunhappy {
    background: #ffecec !important;
	background-color: #ffecec !important;
    border:1px solid #f5aca6 !important;
	color:#8a1f11 !important;
}
.success, .tr-pagar, .tr-pagar td, .tr-pagar th {
    background: #e9ffd9;
	background-color: #e9ffd9;
    border:1px solid #a6ca8a;
}
.warning, .warning td {
    background:#fff8c4;
	background-color:#fff8c4;
    border:1px solid #f2c779;
}
.notice, .notice td, .tr-plan td {
    background:#e3f7fc;
	background-color:#e3f7fc;
	border:1px solid #8ed9f6;
}
.unhappyMessage { color:#8a1f11; width: 100% }

.credito-estado-20, .vencido { background:#ffecec; border:1px solid #f5aca6;}
.cantidad-moneda, .credito-estado-10, .efectuado { background:#e9ffd9; border:1px solid #a6ca8a;}
.credito-estado-30, .cancelado { background:#fff8c4; border:1px solid #f2c779; }
.cantidad-letras, .pendiente { background:#e3f7fc;  border:1px solid #8ed9f6;}
.cantidad-letras, .cantidad-moneda, .cantidad-titulo {
	margin-bottom: 2px;
	border-radius: 3px;
	height: 1.8em;
}
nav ul li a span, #jMenu li a span {
	font-size: 0.7em;
	top:0;
	float: right;
}
/*======================================================== Table ==================================== */
table td.int, table td.real,table td.float {	background-color: #FFFFFF; }
td.key.int, td.key.real { color:#ffffff !important;  }
table tr.trOdd td.int, table tr.trOdd td.real,table tr.trOdd td.float {	background-color: #DBDBDB; }
.trOdd td.key, td.key, ._key {
	color: white;
	font-weight: bold;
	text-align: center;
}
.trOdd td.key a.button, td.key a.button, ._key {
	clear: both;
}
td.key, ._key {
	background-color: #20252F !important;
}
.trOdd td.key {
	background-color: #000000 !important;
}
.footer-bar {
	position:fixed;
	left:0px;
	bottom:0px;
	min-height:1em;
	height: 5%;
	max-height:15%;
	width:100%;
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 15px;
	font-size: 0.7em !important;
	font-family: monospace !important;
	z-index:99;
}
/*======================================================== TAGS ==================================== */
.toolbar-24 ul{padding-left: 0 !important;padding-top: 0 !important;margin-top: 0 !important;}
.tags { zoom: 1; list-style: none;}
.tags:before, .tags:after {content: '';display:inline-block !important;}
.tags:after {clear: both;}
.tags li:first-child {margin-left: -2px;}
.tags li {position: relative;float: left;margin: 0; margin-right:1px}
.tags li:active {margin-top: 0px; margin-bottom: 0px;}
.tags li:after {content:'';z-index:3;position:absolute;top:10px;right:-2px;width:5px;height:6px;opacity:.95;background:#eb6b22;border-radius:3px 0 0 3px; -webkit-box-shadow:inset 1px 0 #99400e; box-shadow:inset 1px 0 #99400e;}
.tags a, .tags span{display: block; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
.tags a {
height: 28px;
line-height: 25px;
padding: 0px 6px 0 6px;
font-size: 12px;
color: #232B2B;
width: 26px;
margin-left: 2px;
text-decoration: none;
text-shadow: 0 1px white;
background: #fafafa;
border-width: 1px 0 1px 1px;
border-style: solid;
border-color: #dadada #d2d2d2 #c5c5c5;
border-radius: 3px 0 0 3px;
background-image: -webkit-linear-gradient(top, #fcfcfc, #f0f0f0);
background-image: -moz-linear-gradient(top, #fcfcfc, #f0f0f0);
background-image: -o-linear-gradient(top, #fcfcfc, #f0f0f0);
background-image: linear-gradient(to bottom, #fcfcfc, #f0f0f0);
-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.tags a:hover span {
	padding:0 7px 0 6px;
	max-width:80px;
	width:80px;
	-webkit-box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.15), 1px 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.15), 1px 1px 2px rgba(0, 0, 0, 0.2);
	z-index:10;
}
.tags span {
  position: absolute;
  top: 1px;
  left: 100%;
  z-index: 4;
  overflow: hidden;
  max-width: 0;
  height: 26px;
  line-height: 23px;
  padding: 0 0 0 2px;
  color: white;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
  background: #eb6b22;
  border: 1px solid;
  border-color: #d15813 #c85412 #bf5011;
  border-radius: 0 2px 2px 0;
  opacity: .95;
  background-image: -webkit-linear-gradient(top, #ed7b39, #df5e14);
  background-image: -moz-linear-gradient(top, #ed7b39, #df5e14);
  background-image: -o-linear-gradient(top, #ed7b39, #df5e14);
  background-image: linear-gradient(to bottom, #ed7b39, #df5e14);
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  -webkit-transition-property: padding, max-width;
  -moz-transition-property: padding, max-width;
  -o-transition-property: padding, max-width;
  transition-property: padding, max-width;
}
.green li:after {background: #65bb34;-webkit-box-shadow: inset 1px 0 #3a6b1e;box-shadow: inset 1px 0 #3a6b1e;}
.green span {background: #65bb34;border-color: #549b2b #4f9329 #4b8b27;background-image: -webkit-linear-gradient(top, #71ca3f, #5aa72e);background-image: -moz-linear-gradient(top, #71ca3f, #5aa72e);background-image: -o-linear-gradient(top, #71ca3f, #5aa72e);background-image: linear-gradient(to bottom, #71ca3f, #5aa72e);}
.blue li:after {background: #56a3d5;-webkit-box-shadow: inset 1px 0 #276f9e;box-shadow: inset 1px 0 #276f9e;}
.blue span {background: #56a3d5;border-color: #3591cd #318cc7 #2f86be;background-image: -webkit-linear-gradient(top, #6aaeda, #4298d0);background-image: -moz-linear-gradient(top, #6aaeda, #4298d0);background-image: -o-linear-gradient(top, #6aaeda, #4298d0);background-image: linear-gradient(to bottom, #6aaeda, #4298d0);}

.amaran.awesome.blue span{ background-image: none; background-color: transparent; background: none; }
.frmpanel {	max-width: 580px !important;}

.sigmacontent { width:100%;min-height:400px;margin:auto;text-align:left;}
.sigmacontent canvas {margin-left:0  !important;}
input:disabled { color: #B84DB8 !important; }
.key .button { width: 90%; max-width: 90%;}
.tx1 .txmon { width: 60%;}
.tx1 .txmon label {	width: 58%;	display: inline-block;}
.tx1 .txmon input , .tx1 .txmon input[type=number], .tx1 .txmon select{	width: 40%;	display: inline-block;}
.fc-toolbar button{
	min-width: 4.5em;
}
.solo { max-width:1108px; text-align: center;	margin: 0 auto; }
.solo .solo-izq, .solo .solo-der {
	max-width: 50%;width: 49%;
	display:inline-table;
	min-height: 300px;
}
.title-frm{
	width: 99%;
	left: 0% !important;
	text-align: right;
	border-radius: 0;
	text-transform: none; background-color: transparent;
}

.dash {
	color:white;
	border-radius: 8px;
	min-height: 100px;
	font-family: "Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
	font-weight: lighter;
}
.dash-error{
    background: var(--danger);
	background-color:var(--danger);
    
	color: #fff;
}
.dash-success {
    background: #468847;
	background-color: #468847;
    
}
.dash-warning {
    background: #F7B21D;
	background-color:#F7B21D;
    
}
.dash-notice {
    background:#6FB8CF;
	background-color:#6FB8CF;
	
}
.dash-info {
    background: var(--info);
	background-color: var(--info);
	
}
.dash-default {
    color: #fff;
    background-color: #999999;
    border-color: #999999;
    -webkit-box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
            box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
}
.dash i{ padding-top: .33em; height: 100%; }			
.dash-title{ font-size: 1.3em; background-color: transparent; font-stretch: condensed; padding-top: .33em; }
.dash-info { font-size: 1.8em; background-color: transparent; padding-top: .2em; }
.dash .ct-label {
	color:white;
	fill:white;
}
output{ width:18%;

}

.toolbar-24{ min-height: 2.5em; padding-top:.32em;}
.formoid-default h3 .noticon {float:right;border-style:solid;border-width:1px;border-radius:5px;padding-left:3px;margin-right:4px;}
.formoid-default h3 .noticon:hover { background: #fff;color:#800080;}
.ct-series-a .ct-barlabel,.ct-barlabel {	fill: rgba(0,0,0,.4);color: rgba(0,0,0,.4);font-size: .75rem; line-height: 1;}
/*The Common CSS*/
.switch, .chk label.switch {
	position: relative;
	display: block;
	vertical-align: top;
	max-width: 6em;
	height: 2.1em;
	/*padding: 1px;*/
	/*margin: 0 1px 1px 0;*/
	background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
	background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);
	border-radius: 18px;
	box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
	cursor: pointer;
}
.switch-input {
	position: absolute !important;
	top: 0;
	left: 0;
	opacity: 0;
}
.switch-label {
	position: relative;
	display: block;
	height: inherit;
	/*font-size: 10px;*/
	text-transform: uppercase;
	background: #eceeef;
	border-radius: inherit;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
}
.switch-label:before, .switch-label:after {
	position: absolute;
	top: 50%;
	margin-top: -.5em;
	line-height: 1;
	-webkit-transition: inherit;
	-moz-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
}
.switch-label:before {
	content: attr(data-off);
	right: 11px;
	color: #aaaaaa;
	text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after {
	content: attr(data-on);
	left: 11px;
	color: #FFFFFF;
	text-shadow: 0 1px rgba(0, 0, 0, 0.2);
	opacity: 0;
}
.switch-input:checked ~ .switch-label {
	background: #E1B42B;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {
	opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
	opacity: 1;
}
.switch-handle {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 28px;
	height: 28px;
	background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
	background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
	border-radius: 100%;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
.switch-handle:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -6px;
	width: 12px;
	height: 12px;
	background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
	background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
	border-radius: 6px;
	box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}
.switch-input:checked ~ .switch-handle {
	left: 74px;
	box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

/* Transition
========================== */
.switch-label, .switch-handle {
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
}
/* Switch Yes No
==========================*/

.switch-yes-no {
	padding: 0;
	/*margin: 1px 0 0;*/
	background: #FFF;
	border-radius: 6px;
	background-image: none;
}
.switch-yes-no .switch-label {
	box-shadow: none;
	background: none;
}
.switch-yes-no .switch-label:after, .switch-yes-no .switch-label:before {
	width: 100%;
	height: 90%;
	top: 7px;
	left: 0;
	text-align: center;
	padding-top: 18%;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2), inset 0 0 3px rgba(0, 0, 0, 0.1);
	border-radius: 6px;
}
.switch-yes-no .switch-label:after {
	color: #FFFFFF;
	background: #26A95E;
	backface-visibility: hidden;
	transform: rotateY(180deg);
}
.switch-yes-no .switch-label:before {
	background: #eceeef;
	backface-visibility: hidden;
}
.switch-yes-no .switch-handle {
	display: none;
}
.switch-yes-no .switch-input:checked ~ .switch-label {
	background: #FFF;
	border-color: #0088cc;
}
.switch-yes-no .switch-input:checked ~ .switch-label:before {
	transform: rotateY(180deg)
}
.switch-yes-no .switch-input:checked ~ .switch-label:after {
	transform: rotateY(0)
}
.chk-lbl { text-align: right;}
/*----------- Nuevos controles -----------------*/
.progress {
  height: 20px;
  background: #ebebeb;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-radius: 10px;
  border: 1px solid;
  border-color: #7C7C7C #b3b3b3 #9e9e9e;
}
.progress > span {
  position: relative;
  float: left;
  margin: 0 -1px;
  min-width: 30px;
  height: 18px;
  line-height: 16px;
  text-align: right;
  background: #cccccc;
  border: 1px solid;
  border-color: #bfbfbf #b3b3b3 #9e9e9e;
  border-radius: 10px;
  background-image: -webkit-linear-gradient(top, #f0f0f0, #dbdbdb 70%, #cccccc);
  background-image: -moz-linear-gradient(top, #f0f0f0, #dbdbdb 70%, #cccccc);
  background-image: -o-linear-gradient(top, #f0f0f0, #dbdbdb 70%, #cccccc);
  background-image: linear-gradient(to bottom, #f0f0f0, #dbdbdb 70%, #cccccc);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);
}
.progress > span > span {
  padding: 0 8px;
  font-size: .8em;
  font-weight: bold;
  color: #404040;
  color: rgba(0, 0, 0, 0.7);
  text-shadow: 0 1px rgba(255, 255, 255, 0.4);
  background: none;
}
.progress > span:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  height: 18px;
  background: url("../images/progress.png") 0 0 repeat-x;
  border-radius: 10px;
}
.progress .green, div.green {
  background: #85c440;
  border-color: #78b337 #6ba031 #568128;
  background-image: -webkit-linear-gradient(top, #b7dc8e, #99ce5f 70%, #85c440);
  background-image: -moz-linear-gradient(top, #b7dc8e, #99ce5f 70%, #85c440);
  background-image: -o-linear-gradient(top, #b7dc8e, #99ce5f 70%, #85c440);
  background-image: linear-gradient(to bottom, #b7dc8e, #99ce5f 70%, #85c440);
}
.progress .red, div.red {
  background: #db3a27;
  border-color: #c73321 #b12d1e #8e2418;
  background-image: -webkit-linear-gradient(top, #ea8a7e, #e15a4a 70%, #db3a27);
  background-image: -moz-linear-gradient(top, #ea8a7e, #e15a4a 70%, #db3a27);
  background-image: -o-linear-gradient(top, #ea8a7e, #e15a4a 70%, #db3a27);
  background-image: linear-gradient(to bottom, #ea8a7e, #e15a4a 70%, #db3a27);
}
.progress .orange, div.orange {
  background: #f2b63c;
  border-color: #f0ad24 #eba310 #c5880d;
  background-image: -webkit-linear-gradient(top, #f8da9c, #f5c462 70%, #f2b63c);
  background-image: -moz-linear-gradient(top, #f8da9c, #f5c462 70%, #f2b63c);
  background-image: -o-linear-gradient(top, #f8da9c, #f5c462 70%, #f2b63c);
  background-image: linear-gradient(to bottom, #f8da9c, #f5c462 70%, #f2b63c);
}
.progress .blue, div.blue {
  background: #5aaadb;
  border-color: #459fd6 #3094d2 #277db2;
  background-image: -webkit-linear-gradient(top, #aed5ed, #7bbbe2 70%, #5aaadb);
  background-image: -moz-linear-gradient(top, #aed5ed, #7bbbe2 70%, #5aaadb);
  background-image: -o-linear-gradient(top, #aed5ed, #7bbbe2 70%, #5aaadb);
  background-image: linear-gradient(to bottom, #aed5ed, #7bbbe2 70%, #5aaadb);
}
div.green label,div.red label, div.orange label,div.blue label {
	background-color:  inherit;
}
details {
	font-family: monospace;
	font-style: normal;
	font-stretch: condensed;
	font-weight: normal;
	font-size: 0.9em;
	text-align: left;
}
summary{ text-align: left;}
.jtable td input {
	font-size: 1em;
}
span.jtable-page-size-change,span.jtable-goto-page {
	display: inline-flex;
	line-height: 1em;
}
input[type=file]{
	color: #1D1838;
}
@media only screen
and (max-width : 480px) {
	.medio, .solo { width: 98%; display: inline-flex; }
	
	.formoid-default .element-text, .formoid-default .element-select, .formoid-default .element-input, .formoid-default .tx4,
	.tx4 { width: 98%; display: inline-block; }
	
	input[type=button], input[type=submit], .button, .boton, button { min-width: 70%; width: 98%; display: block; }
	fieldset, legend,
	td, th{ overflow: hidden; }
	.frmpanel .formoid-default .tx4{ max-width: 100%; width: 99%;}
	.tx18 { width: 33% !important; display: inline-block; }
	.tx18 label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

#jPanelMenu-menu { font-size: 1.4em; }
	.toolnav li { width:32% !important; max-width:32%; }
}

/*and (min-width : 768px) */
@media only screen
and (min-width : 481px)
and (max-width : 767px) {
	.medio, .solo { width: 98%; display: inline-flex; }
	.formoid-default .element-text, .formoid-default .element-select, .formoid-default .element-input, .formoid-default .tx4,
	.tx4 {	width: 48%;	display: inline-block; }
	input[type=button], input[type=submit], .button, .boton, button { min-width: 40%; width: 45%; max-width: 95%; }
	.frmpanel .formoid-default .tx4{ max-width: 100%; width: 99%;}
	.tx18 { width: 24% !important; display: inline-block; }
	.tx18 label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

#jPanelMenu-menu { font-size: 1.3em; }
	.toolnav li { width:17.4% !important; }
}

@media only screen
and (min-width : 768px)
and (max-width : 1024px) {
	.medio { width: 64%; display: inline-flex; }
	.formoid-default .element-text, .formoid-default .element-select, .formoid-default .element-input, .formoid-default .tx4,
	.tx4 { width: 32%; display: inline-block; }
	input[type=button], input[type=submit], .button, .boton, button { min-width: 24%; width: 24%;}
	.frmpanel .formoid-default .tx4{ max-width: 50%; width: 49%;}
	.tx18 { width: 19.5% !important; display: inline-block; }
	.tx18 label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

#jPanelMenu-menu { font-size: 1.2em; }
	.toolnav li { width:13.5% !important; min-width: 6.5em; }

}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1025px)
and (max-width : 1560px){
	.formoid-default .element-text, .formoid-default .element-select, .formoid-default .element-input, .formoid-default .tx4,
	.tx4 { max-width: 32%; width: 32%; display: inline-block; }
	input[type=button], input[type=submit], .button, .boton, button { min-width: 15%; width: 25%; max-width: 25%; }
	.frmpanel .formoid-default .tx4{ max-width: 50%; width: 49%;}
	.tx18 { width: 19.5% !important; display: inline-block; }
	#jPanelMenu-menu { font-size: 1.1em; /*padding:0.5em 5%tamannio boton*/ }

}

/* Large screens ----------- */
@media only screen
and (min-width : 1561px) {
	.formoid-default .element-text, .formoid-default .element-select, .formoid-default .element-input, .formoid-default .tx4,
	.tx4 { width: 24%; display: inline-block; }

input[type=button], input[type=submit], .button, .boton, button { min-width: 10%; width: 20%; max-width: 20%; }
	.solo-medio .tx4 { width: 49%; display: inline-block; }
	.frmpanel .formoid-default .tx4{ max-width: 50%; width: 49%;}

.tx18 { width: 12.2% !important; display: inline-block; }
	.frmpanel .tx18 { width: 19.5% !important; display: inline-block; }

}

#frameless .tclose {
	right: 6px !important;
}

.listado tr:hover td,.listado .trOdd:hover td,.listado .trOdd:hover .mny,.listado .trOdd:hover .float,.listado .trOdd:hover int {
color: #FFFFFF !important;
transition: background-color 0.3s ease;
background-color: #38495A;
}

.cke_dialog { max-width: 75% !important; }

.form_tag {
	padding: 2px 2px 2px 36px;
	width: 20%;
	display: inline-block;
}
#btn_confirm_si, #btn_confirm_no, #btn_alert_ok, #btn_diag_aceptar,#btn_diag_cancelar,#btn_diag_si,#btn_diag_no  {
    min-width: 4em;
}
.btn_mini {
	max-width: 28px;
	min-height: 28px;
}

.button-mini {
  background-color: #65656533;
  padding: 2px;
  border-radius: 3px;
}
.button-mini:hover {
  background-color: #C8C8C8;
}

/**------------- Range ------------------------ */
.range-slider,.range-slider-int {
  margin: 60px 0 0 0%;
}

.range-slider,.range-slider-int {
  width: 100%;
  text-align: right;
}

.range-slider__range, .range-slider-int__range {
  -webkit-appearance: none;
  width: calc(100% - (3px));
  height: 10px;
  border-radius: 5px;
  background: #d7dcdf;
  outline: none;
  padding: 0;
  margin: 0;
}
.range-slider__range::-webkit-slider-thumb, .range-slider-int__range::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #2c3e50;
  cursor: pointer;
  transition: background 0.15s ease-in-out;
}
.range-slider__range::-webkit-slider-thumb:hover,.range-slider-int__range::-webkit-slider-thumb:hover {
  background: #1abc9c;
}
.range-slider__range:active::-webkit-slider-thumb,.range-slider-int__range:active::-webkit-slider-thumb {
  background: #1abc9c;
}
.range-slider__range::-moz-range-thumb,.range-slider-int__range::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 50%;
  background: #2c3e50;
  cursor: pointer;
  transition: background 0.15s ease-in-out;
}
.range-slider__range::-moz-range-thumb:hover,.range-slider-int__range::-moz-range-thumb:hover {
  background: #1abc9c;
}
.range-slider__range:active::-moz-range-thumb,.range-slider-int__range:active::-moz-range-thumb {
  background: #1abc9c;
}
.range-slider__range:focus::-webkit-slider-thumb,.range-slider-int__range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 3px #fff, 0 0 0 6px #1abc9c;
}

.range-slider__value,.range-slider-int__value {
  display: inline-block;
  position: relative;
  width: 80px;
  color: #fff;
  line-height: 25px;
  text-align: center;
  border-radius: 3px;
  background: #2c3e50;
  padding: 5px 10px;
  margin-left: 8px;
  font-weight: 600;
}
.range-slider__value:after,.range-slider-int__value:after {
  position: absolute;
  top: 8px;
  left: -7px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-right: 7px solid #2c3e50;
  border-bottom: 7px solid transparent;
  content: "";
}

::-moz-range-track {
  background: #d7dcdf;
  border: 0;
}

.inajax {
	border: 1px solid #26A95E !important;
	/*background: transparent url(../images/null.png) left no-repeat !important;*/
}
nav label.chk-lbl, nav div.coolCheck:after, nav div.coolCheck:before {
	background-color: inherit;
	color: rgb(255,255,255);
	text-shadow: rgb(32, 32, 32) 0px -1px 3px;
}
.dash {
	text-align: center;
}
table.chk {
	border:1px solid #e7e7e7;
	padding:0;
}
table .chk {
	border:none;
	padding:0;
	height: auto;
}
.ribbon {
  background-color: #a00;
  box-shadow: 0 0 10px #888;
  left: -3.5em;
  moz-box-shadow: 0 0 10px #888;
  moz-transform: rotate(-45deg);
  ms-transform: rotate(-45deg);
  o-transform: rotate(-45deg);
  overflow: hidden;
  position: absolute;
  top: 30px;
  transform: rotate(-45deg);
  webkit-box-shadow: 0 0 10px #888;
  webkit-transform: rotate(-45deg);
  white-space: nowrap;
  width: 15em;
  z-index: 9999;
  pointer-events: none; }
  .ribbon a {
    border: 1px solid #faa;
    color: #fff;
    display: block;
    font: bold 81.25% 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin: 1px 0;
    padding: 10px 50px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 0 5px #444;
    pointer-events: none;
}
.ct-series-a .ct-bar, .ct-series-a .ct-line, .ct-series-a .ct-point, .ct-series-a .ct-slice-donut {
    stroke: var(--gray-dark) !important;
}
.ct-series-b .ct-bar, .ct-series-b .ct-line, .ct-series-b .ct-point, .ct-series-b .ct-slice-donut {
    stroke: var(--primary) !important;
}