@charset "utf-8";
/* CSS Document */

::-webkit-scrollbar { height: 5px; width: 5px; }/* height width */
::-webkit-scrollbar-track { background:  rgba(200, 227, 248, 1); }/* Track */
::-webkit-scrollbar-thumb { background:  rgba(66, 146, 198, 1); }/* Handle */
::-webkit-scrollbar-thumb:hover { background:  rgba(49, 101, 156, 1); }/* Handle on hover */

fieldset,textarea {border:solid 1px  rgba(66, 146, 198, 1); margin:2px; padding:3px;}
fieldset {border-color: black; }
html, body {
	margin:0px; padding:0px; border:0px; height: 100%;
		 
}

div.ui-tooltip {max-width: 700px; white-space: pre-line;}
.ui-tooltip, .arrow:after {
	background: black;
	border: 1px solid white;
}
.ui-tooltip {
	padding: 10px 20px;
	color: white;
	border-radius: 10px;
	font: bold 13px "Helvetica Neue", Sans-Serif;
	text-transform: none;
	box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.5);
}
.arrow {
	width: 70px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -35px;
	bottom: -16px;
}
.arrow.top {
	top: -16px;
	bottom: auto;
}
.arrow.left {
	left: 20%;
}
.arrow:after {
	content: "";
	position: absolute;
	left: 20px;
	top: -20px;
	width: 25px;
	height: 25px;
	box-shadow: 6px 5px 9px -9px black;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.arrow.top:after {
	bottom: -20px;
	top: auto;
}

textarea, .botones {border-radius:7px;}
a:link { color:  rgba(49, 101, 156, 1);}
a:link { color:  rgba(40, 40, 40, 1);}

select option {height: 15px; padding: 1px; margin: 1px; color:  rgba(40, 40, 40, 1); background-color: rgba(129, 193, 242, 1);}
select optgroup {line-height: 35px;height: 10px; padding: 1px; margin: 1px; color:  rgba(40, 40, 40, 1); background-color: rgba(173, 215, 247, 1);}
select option:hover {background-color: rgba(66, 146, 198, 1);}
select:hover,[type="file"]:hover {margin:1px; border: 1px  color:  rgba(255, 170, 170, 1); color:  rgba(40, 40, 40, 1); background: -webkit-linear-gradient(top,  rgba(255, 255, 255, 1),  rgba(255, 255, 255, 1));}

//table.dataTable.hover > tbody > tr:hover > *, table.dataTable.display > tbody > tr:hover > * {background-color:  rgba(49, 180, 4, 1); color: white;} /* color tr seleccionado datatable */
thead tr td { color:white; background-color: rgba(66, 146, 198, 1)}
thead tr th { color:white; background-color: rgba(66, 146, 198, 1)}
tfoot tr td { color:white; background-color: rgba(66, 146, 198, 1)}
tbody td { padding-left: 3px; padding-right: 3px;}

[type="date"],[type="time"],[type="datetime"],[type="datetime-local"]{display:inline-block;height: 20px;}
[type="password"],[type="date"],[type="time"],[type="datetime"],[type="datetime-local"],[type="number"] {padding-left:0px; padding-right:0px;text-align: right;}
[type="password"] {text-align: left;}
[type="datetime"],[type="time"] {text-align: center;}
[type="text"],[type="email"],[type="number"],[type="tel"] {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;o-box-sizing: border-box;box-sizing: border-box;}
[type="text"],[type="password"],[type="email"],[type="number"],[type="date"],[type="time"],[type="datetime"],[type="datetime-local"],[type="file"],[type="tel"],[type="search"],select,textarea,.campo {box-shadow: inset 0px 1px 1px rgba(0,0,0,0.6), 0px 1px 0px rgba(255,255,255,0.3); }
input:focus,textarea:focus {background:  rgba(255, 255, 255, 1); border: 0px solid red;}
input:hover,textarea:hover {background:  rgba(255, 255, 255, 1); border: 0px solid red;}

[type="file"] {color: transparent;}
[type="file"]::-webkit-file-upload-button { visibility: hidden;}
[type="file"]::before {vertical-align:bottom; background-image: url();background-repeat: no-repeat; background-size: 14px; content: ' Subir Archivo'; color:  rgba(40, 40, 40, 1); padding: 0px 20px; outline: none; white-space: nowrap; -webkit-user-select: none; cursor: pointer; width:90px; margin:0px;}
[type="file"]:hover::before {color:  rgba(40, 40, 40, 1);}
[type="file"]:active {outline: 0;}
[type="file"] {padding-left:7px; padding-right:0px; align-content: center;}

[type="checkbox"] {
	position: relative;
	appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
	width: 22px;
	height: 12px;
	border: 1px solid  rgba(66, 146, 198, 1);
	border-radius: 6px;
	border-color:  rgba(49, 101, 156, 1);
	background-color:  rgba(255, 255, 255, 1);
	//box-shadow: inset 0px 1px 1px rgba(0,0,0,0.6), 0px 1px 0px rgba(255,255,255,0.3);   
	transition: all 0.3s linear;
	outline: none;
	vertical-align:middle;
}
[type="checkbox"]:before {
	position: absolute;
	background-color:  rgba(255, 255, 255, 1);
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 4px;
	border-color:  rgba(49, 101, 156, 1);
	left: 1px;
	top: 1px;
	//box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35);
	transition: all 0.5s linear;
	background-color:  rgba(66, 146, 198, 1);
}
[type="checkbox"]:checked {
	background-color:  rgba(49, 101, 156, 1);
}
[type="checkbox"]:checked:before {
	left: 11px !important;
}
/* Mantiene el borde y centra la clavija al pasar el mouse */
[type="checkbox"]:hover,
[type="checkbox"]:checked:hover {
	border: 1px solid  rgba(66, 146, 198, 1); /* Asegura que el borde no desaparezca al hacer hover */
}
[type="checkbox"]:hover:before,
[type="checkbox"]:checked:hover:before {
	top: 1px; /* Mantiene la clavija centrada verticalmente al hacer hover (ajustado a 2px) */
}
[type="checkbox"]:not(:hover) {
	border: 1px solid  rgba(66, 146, 198, 1); /* Mantiene el borde de la clavija al hacer hover */
}

input,select,button,textarea,[type="search"],.campo,.dt-input,#dt-search-0 {font-size: 12px; margin:1px; background:  rgba(173, 215, 247, 1); border: 0px solid  rgba(66, 146, 198, 1); outline: none; color:  rgba(40, 40, 40, 1); border-radius:7px; display:inline-block; height: 20px; padding-left:7px; padding-right:5px;}
.dt-search {float: right; margin-right: 10px;}

img:not(.logo_emp) {width:20px; height:20px;vertical-align:middle;}
img:not(.always_visible, .logo_emp) {}

.img {width: 20px; height: 20px; padding: 0px; display: inline-block; vertical-align: bottom; background-repeat: no-repeat; background-size: 20px;}
.img_copy {background-image: url();}
.img_contab {background-image: url();}
.img_edit {background-image: url();}
.img_empty {background-image: url();}
.img_error {background-image: url();}
.img_help {background-image: url();}
.img_info {background-image: url();}
.img_lock {background-image: url();}
.img_pago {background-image: url();}
.img_paste {background-image: url();}
.img_sale {background-image: url();}
.img_suma {background-image: url();}
.img_stop {background-image: url();}
.img_ver {background-image: url();}

.pyme_button, .bu_a, .bu_i, .bu_green, .boton, .b_for {margin:1px; border: 0px  color:  rgba(49, 101, 156, 1); color:  rgba(40, 40, 40, 1); background: -webkit-linear-gradient(top,  rgba(200, 227, 248, 1),  rgba(129, 193, 242, 1)); box-shadow: 0px 1px 1px rgba(0,0,0,0.6), 0px 1px 0px rgba(255,255,255,0.3); }
.pyme_button:hover, .bu_a:hover, .bu_i:hover, .bu_green:hover, .b_for:hover {margin:1px; border: 0px  color:  rgba(200, 227, 248, 1); color:  rgba(200, 227, 248, 1); background: -webkit-linear-gradient(top,  rgba(129, 193, 242, 1),  rgba(49, 101, 156, 1));}
.bu_e, .bu_red {margin:1px; border: 0px  color:  rgba(200, 227, 248, 1); color:  rgba(200, 227, 248, 1); background: -webkit-linear-gradient(top,  rgba(255, 170, 170, 1),  rgba(255, 48, 48, 1)); box-shadow: 0px 1px 1px rgba(0,0,0,0.6), 0px 1px 0px rgba(255,255,255,0.3);}
.bu_e:hover, .bu_red:hover {margin:1px; border: 0px  color:  rgba(40, 40, 40, 1); color:  rgba(255, 255, 255, 1); background: -webkit-linear-gradient(top,  rgba(255, 48, 48, 1),  rgba(166, 0, 0, 1));}
.pyme_button:disabled, .bu_e:disabled, .bu_a:disabled, .bu_i:disabled, .bu_red:disabled, .bu_green:disabled	{opacity:50%;}

.sub_body{ background: linear-gradient(180deg,  rgba(66, 146, 198, 1) 50%,  rgba(173, 215, 247, 1));}
.sub_head{ background-color:  rgba(129, 193, 242, 1);}
.sub_body, .sub_head, .sombra { box-shadow: 1px 12px 33px rgba(0, 0, 0, 0.5);}
.table_list tbody tr:nth-child(odd) {background:  rgba(200, 227, 248, 1);}
.table_list tbody tr:nth-child(even) {background:  rgba(233, 244, 252, 1);}
.table_list2 tbody tr:nth-child(odd)  {background:  rgba(42, 88, 86, 1); color:  rgba(255, 255, 255, 1);}
.table_list2 tbody tr:nth-child(even) {background:  rgba(40, 40, 40, 1);  color:  rgba(255, 255, 255, 1);}
.table_list2 tbody tr a {color:  rgba(200, 227, 248, 1); text-decoration: none;}
.table_list2 tbody tr:hover a {color:  rgba(40, 40, 40, 1); text-decoration: none;}
.table_list  tbody tr:hover td {background:  rgba(66, 198, 180, 1); color: black; } /* color tr seleccionado tabla */
.table_list2 tbody tr:hover td {background:  rgba(66, 198, 180, 1); color: black; } /* color tr seleccionado tabla */
.table_list3 tbody tr:hover td {background:  rgba(66, 198, 180, 1); color: black; } /* color tr seleccionado tabla */
.top_head { background-color: rgba(66, 146, 198, 1); color:white;}

#crono   {position: fixed; bottom: 0; right: 0; margin-bottom: 10px; margin-right: 45px; background-color:   rgba(49, 101, 156, 1); border:solid 1px #FFF; padding: 5px; margin-top: 5p; box-shadow: 1px 12px 33px rgba(0, 0, 0, 0.5);}
#crono01 {position: fixed; bottom: 0; right: 0; margin-bottom: 10px; margin-right: 5px; background-color:   rgba(49, 101, 156, 1); border:solid 1px #FFF; padding: 3px; margin-top: 5p; box-shadow: 1px 12px 33px rgba(0, 0, 0, 0.5);}

.datos td { 
    padding-left: 10px;
}