:root {	
	--av-color-blue: #007bff;
    --av-color-indigo: #6610f2; 
    --av-color-purple: #6f42c1;
	--av-color-pink: pink;
    --av-color-pinkred: #e83e8c;
    --av-color-red: #dc3545;
    --av-color-orange: #fd7e14;
    --av-color-yellow: #ffc107;
    --av-color-green: #28a745;
    --av-color-teal: #20c997;
    --av-color-cyan: #17a2b8;
    --av-color-white: #fff;
    --av-color-gray: #6c757d;
    --av-color-gray-dark: #343a40;
    --av-color-primary: #007bff;
    --av-color-secondary: #6c757d;
    --av-color-success: #28a745;
    --av-color-info: #17a2b8;
    --av-color-warning: #ffc107;
    --av-color-danger: #dc3545;
    --av-color-light: #f8f9fa;
    --av-color-dark: #343a40;
	--av-color-black: black;
	--av-color-greenyellow: greenyellow;
	--av-color-skyblue: skyblue;
	--av-color-deepskyblue: deepskyblue;
	--av-color-orangered: orangered;
	--av-color-lightblue: lightblue;
	/* componentes */	
	--av-color-appCore: #0a4da7;
	--av-color-appRelationChild: #d6cbd3;
	
	/* tema #1*/	
	--av-color-theme001a: #e9b2b6;
	--av-color-theme001b: #bdcebe;
	--av-color-theme001c: #ded8cd;
	--av-color-theme001d: #d6cbd3;

	/* tema #1*/
	--av-color-theme002a: #e4d1d1;
	--av-color-theme002b: #b9b0b0;
	--av-color-theme002c: #d9ecd0;
	--av-color-theme002d: #77a8a8;

	--qa-color-blue1-01: #e3f2fd;
	--qa-color-blue1-02: #bbdefb;
	--qa-color-blue1-03: #90caf9;
	--qa-color-blue1-04: #64b5f6;
	--qa-color-blue1-05: #42a5f5;
	--qa-color-blue1-06: #2196f3;
	--qa-color-blue1-07: #1e88e5;
	--qa-color-blue1-08: #1e88e5;
	--qa-color-blue1-09: #1976d2;	

	--qa-color-field-hover: #7859ff;
	--qa-color-field-focus: #7859ff;

	--qa-color-theme003a: #b7faad;
	--qa-color-theme003b: #99f4f1;
	--qa-color-theme003c: #fdf5c8;
	--qa-color-theme003d: #d5d2ff;
	--qa-color-theme003e: #fabab9;
	--qa-color-theme003f: #c7e2ff;

	--qa-color-theme004a: #5ed3e7;
	--qa-color-theme004b: #5ee8bf;
	--qa-color-theme004c: #a5e960;
	--qa-color-theme004d: #f0a335;
	--qa-color-theme004e: #ee6c6a;
	--qa-color-theme004f: #be5191;
	--qa-color-theme004g: #594f8b;

	--qa-color-text-001: #fcc400;
	--qa-color-text-002: #26a0db;
	--qa-color-text-003: #eb792c;
	--qa-color-text-004: #5850ec;
	

}

/* Colores de Avantico*/
.av-color-black {color: var(--av-color-black);}
.av-color-white {color: var(--av-color-white);}
.av-color-red {color: var(--av-color-red);}
.av-color-green {color: var(--av-color-green);}
.av-color-greenyellow {color: var(--av-color-greenyellow);}
.av-color-blue {color: var(--av-color-blue);}
.av-color-skyblue {color: var(--av-color-skyblue);}
.av-color-yellow {color: var(--av-color-yellow);}
.av-color-orange {color: var(--av-color-orange);}
.av-color-orangered {color: var(--av-color-orangered);}
.av-color-lightblue {color: var(--av-color-lightblue);}
.av-color-pink {color: var(--av-color-pink);}
.av-color-pinkred {color: var(--av-color-pinkred);}
.av-color-purple {color: var(--av-color-purple);}

/* componentes */
.av-color-appCore {color: var(--av-color-appCore);}
.av-color-appRelationChild{color: var(--av-color-appRelationChild);}
.av-color-bg-app {background-color: var(--av-color-appCore);}

.av-info {
	margin-left: 4px;
	cursor: pointer;
	font-size: 1.25em;
	font-weight: 300;
	color: blue;
}
.av-info:hover {
	font-weight: 400;
}
.av-info:active {
	font-weight: 600;
}

@import "jquery.datepick.css";

@font-face {
    font-family: "Source Sans Pro";
    src: url('font/SourceSansPro/SourceSansPro-Regular.ttf');
}

@font-face {
    font-family: "Source Sans Pro SemiBold";
    src: url('font/SourceSansPro/SourceSansPro-SemiBold.ttf');
    font-weight: bold;
}

@font-face {
    font-family: "Source Sans Pro Bold";
    src: url('font/SourceSansPro/SourceSansPro-Bold.ttf');
    font-weight: bold;
}

*, ::after, ::before {
	box-sizing:content-box;
}

#printheader {display: none; } /* Makes the print header not visible */

h1,h2,h3,h4,h5,h6{
	padding:0;
	margin:0;
}
#cont_botones{
	position:relative;
	margin-top:5px;
	padding:5px;
	background-image: linear-gradient(top, rgb(230,230,230), rgb(200,200,200));
	background-image: -moz-linear-gradient(top, rgb(230,230,230), rgb(200,200,200));
	background-image: -webkit-linear-gradient(top, rgb(230,230,230), rgb(200,200,200));
	background-image: -o-linear-gradient(top, rgb(230,230,230), rgb(200,200,200));
	background-image: -ms-linear-gradient(top, rgb(230,230,230), rgb(200,200,200));
}

/* Para Borrar Luego */
#cont_botones > button {padding:3px 10px;}
#BTN_OK{ width:80px;	height:25px}

*.transparente, *.transparente:disabled,
*.transparente.boton.combobox,
*.transparente.boton.combobox:active,
*.transparente.boton.combobox:hover{
	-webkit-appearance: none;
	-moz-appearance: none;
	background:transparent;
	border-color:transparent;

	box-shadow: 0 0;
	cursor:auto;
}
textarea.transparente{
	background:white;
}

/*
*[requerido] {
	background-color: lightyellow;
}
*/

.required-icon {
	display: none;
	font-size: 0.6em;
}

seccCamposDatos .opcion div[name="contCampo"].requerido {
	/*background-color: lightyellow;*/
	& .required-icon {
		display: block;
		color: var(--av-color-red);
	}
}



input[type='checkbox'].transparente{
	/*background:#BABABA;*/
	cursor:auto;
}
input[type='checkbox'].transparente:checked::before{ 
	color: gray;
	/*content: url(img/checkmark.png);*/
	font-size: 16px;
	height: 16px;
	width: 16px;
	position: absolute;
	top: 1px;
	left: 2px;
}

.link{}
.link:hover{text-decoration:underline}

*.transparente:hover{box-shadow: 0 0}
*.transparente::before,
*.transparente::after{content:'';background:none}

.float_der{float:right;}
.float_izq{float:left;}
.nuevo_grupo{margin-left:5px;}
.boton.agrupado{margin:0px;/*margin-right:-1px;*/}
.boton.agrupado:last-child{margin-right:0px;}
.boton.ajustado{padding:4px 2px}
.boton.registro{padding:1px 4px}
.boton.block{display:block}
.boton.b16{
	padding:1px 5px;
	width:16px;
	height:18px;
	display:inline-block;
	margin-left:4px;
}
.boton.pre{
	font-family:"Arial Narrow";
	font-size:16px;
	padding-top:0px;
}

.ml1px{margin-left:1px}
.ml2px{margin-left:2px}
.ml3px{margin-left:3px}
.ml4px{margin-left:4px}
.ml5px{margin-left:5px}
.mr1px{margin-right:1px}
.mr2px{margin-right:2px}
.mr3px{margin-right:3px}
.mr4px{margin-right:4px}
.mr5px{margin-right:5px}
.alignH_izq{text-align:left}
.alignH_der{text-align:right}
.alignH_cen{text-align:center}
.alignH_jus{text-align:justify}
.alignV_arr{vertical-align:top}
.alignV_aba{vertical-align:bottom}
.alignV_cen{vertical-align:middle}

.absolute{position:absolute}
.relative{position:relative}
.inlineblock{display:inline-block}
.top{top:0px}
.bottom{bottom:0px}
.left{left:0px}
.right{right:0px}

/* Para Safari */
/*::selection {background: #99C;}*/
/* Para Firefox */
::-moz-selection {background: yellow; border-left-color: var(--av-color-danger);}
::-webkit-selection {background: yellow; border-left-color: var(--av-color-danger);}

 .mandatory_field::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: var(--av-color-danger);
	font-family: FontAwesome;
	font-variant: normal;
}
  
.mandatory_field::-moz-placeholder {
	/* Firefox 19+ */
	color: var(--av-color-danger);
	font-family: FontAwesome;
	font-variant: normal;
}
  
.mandatory_field:-ms-input-placeholder {
	/* IE 10+ */
	color: var(--av-color-danger);
	font-family: FontAwesome;
	font-variant: normal;
}

input.error,
textarea.error,
select.error,
.boton.combobox.error {
	/*background:#FF9;
	border:1px #F30 solid;*/
}

input, textarea, select,
.boton.combobox  {
	position:relative;
	margin:0px;
	padding:0px 10px;
	font-family: Source Sans Pro;
	font-size: 16px;
	font-weight: 100;
	/*border: 1px solid #ced4da;*/
	border:none;
	background-clip: padding-box;
	border-radius: 4px;
	box-sizing: border-box;
	background-color: inherit;
}

input[type="color"]{
	padding:0;
	width:50px;
}

select, .boton.combobox, .boton.combobox:active  {
	-webkit-appearance: button;
	-moz-appearance: tooltip;
	-webkit-padding-end: 20px;
	-webkit-padding-start: 8px;
	/*user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;*/
	background-image: url("img/select.png"); /*, -webkit-linear-gradient(#F5F5F5, #F0F0F0 50%, #EAEAEA);*/
	background-color: inherit;
	background-position: center right;
	background-repeat: no-repeat;
	font-size: 16px;
	font-weight: 100;
	margin: 0;
	/*overflow: hidden;*/
	/*padding-top: 2px;
	padding-left:2px;
	padding-bottom: 2px;*/
	text-overflow: ellipsis;
	white-space: nowrap;
	/*height:22px;*/
	/*line-height:18px;*/
	/*border: 1px solid white;*/
	background-clip: padding-box;
}

input:disabled, textarea:disabled, select:disabled, 
.boton.combobox.disabled, .boton.combobox.disabled:active{
	/*-webkit-appearance: none;
	-moz-appearance: none;*/
	resize: none;
}
.disabled {
	opacity:0.4;
}/*
.disabled .label > label,
.disabled .campo > input,
.disabled .campo > textarea,
.disabled .campo > select,
.disabled > [name='label'] ,
.disabled > [name='campo'] > input,
.disabled > [name='campo'] > textarea,
.disabled > [name='campo'] > select{
	opacity:0.2;
}*/

.boton.combobox{
	-webkit-appearance:listbox;
	-moz-appearance:listbox;
}

option.relacionado{
	color:#C63;
	background:#F8F8F8;
}
option.relacionado::after{
	content: url('img/check_green_16.png');
	font-size: 16px;
	width: 16px;
	height: 16px;
	position: absolute;	
}

span.select16,
a.select16{
	position:relative;
	padding-right:16px;
}
span.ocupado32{
	position:relative;
	padding-right:36px;
}

a.select16::before,
span.select16::before{
	position: absolute;
	content: ' ';
	background: url(img/select.png) no-repeat center center;
	height: 16px;
	width: 16px;
	right: 2px;
	top: 0px;
}
span.ocupado32::before{
	position: absolute;
	content: ' ';
	background: url(../img/Ani/Load05_32.gif) no-repeat center center;
	height: 32px;
	width: 32px;
	right: 2px;
	top: 0px;
}

select,
input[type='text'],
input[type='password'],
input[type='date']{
	height:calc(1.75rem + 2px);
	width: 100%;
}

input[type='checkbox']{
	-webkit-margin-start: 0;	
	display: inline-block;
	padding:0;
	margin-bottom: 0;
	margin-top: 0;
	position: relative;
	vertical-align: baseline;
	width: 1.3em;
    height: 1.3em;
}
/*
input[type='checkbox']:checked::before {
	color: gray;
	content: url(img/checkmark.png);
	font-size: 16px;
	height: 16px;
	top: 0;
	left: 2px;
	position: absolute;
}
*/

input[type='radio'] {
	transition: border 500ms;
	background: inherit;
	background-image: linear-gradient(#FAFAFA, gainsboro);
	background-image: -webkit-linear-gradient(#FAFAFA, gainsboro);
	background-image: -moz-linear-gradient(#FAFAFA, gainsboro);
	background-image: -o-linear-gradient(#FAFAFA, gainsboro);
	background-image: -ms-linear-gradient(#FAFAFA, gainsboro);
	border-radius: 100%;
	border:none;
	-webkit-border-start: 1px solid #A0A0A0;
	-webkit-border-end: 1px solid #A0A0A0;
	-webkit-border-before: 1px solid #A0A0A0;
	-webkit-border-after: 1px solid #A0A0A0;
	/*display: inline-block;*/
	margin-bottom: 0;
	position: relative;
	/*vertical-align: baseline;*/
	width: 16px;
	height: 16px;
	cursor:pointer;
}
/*
input[type="radio"]::before {
    -webkit-margin-start: 2px;
    background-color: white;
    border-radius: 20px;
    content: '';
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    margin-top: 2px;
    opacity: 1;
    position: absolute;
    top: -2px;
    left: -2px;
    vertical-align: top;
    width: 15px;
    height: 15px;
}

input[type="radio"]:checked::before {
    -webkit-margin-start: 2px;
    background-color: #555;
    border-radius: 20px;
    content: '';
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    margin-top: 2px;
    opacity: 1;
    position: absolute;
    top: -3px;
    left: -3px;
    vertical-align: top;
    width: 12px;
    height: 12px;
    border: 2px solid #FFF;
}
*/
.boton.izq {border-top-left-radius:4px;border-bottom-left-radius:4px;}
.boton.der {border-top-right-radius:4px;border-bottom-right-radius:4px;}

.boton,
input[type='button'], 
input[type='submit'] {
	/*user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;*/
	border: 1px solid rgba(0,0,0,0.1);
	margin-bottom: 0;
	padding: 2px 6px;
	cursor:pointer;
	text-align:center;
	font-family: "Source Sans Pro";
	font-weight: 100;
}

.boton:focus,
input[type='button']:focus, 
input[type='submit']:focus {
	border-color: var(--qa-color-field-hover);
    box-shadow: inset 0 0 0 2px var(--qa-color-field-hover);
}

.boton:hover,
input[type='button']:hover,
input[type='submit']:hover {
	background-color: rgba(0,0,0,0.1);
    /* border: 1px solid rgba(0, 0, 0, 0.2); */
    /*color: white;*/
}


input[type='button'].cuidado, 
.boton.cuidado{
	/*background-image: linear-gradient(top, #FFF,#C00);
	background-image: -webkit-linear-gradient(top, #FFF,#C00);	
	background-image: -moz-linear-gradient(top, #FFF,#C00);
	background-image: -o-linear-gradient(top, #FFF,#C00);
	background-image: -ms-linear-gradient(top, #FFF,#C00);*/
	box-shadow: 0px 0px 0px 1px red;
	color:white;
	/*text-shadow: 0 1px 0 #505050;
	border:1px rgba(255,0,0,0.5) solid;*/
}

.boton.combobox,
.boton.combobox:hover{
	margin-left: 1px;
	/*border: 1px solid white;*/
	/*background-color: rgba(255, 255, 255, 0.9);*/
	/*color: #333;*/
	padding: 3px 20px 3px 4px;
}

input[type='button']:active, 
input[type='checkbox']:active, 
.boton.active{
	background:rgba(255, 255, 255, 0.3);
	box-shadow: 0px 0px 1px 1x rgba(0,0,0,0.3);
	/*border:1px #333 solid;*/
}

input[type='button']:active, 
.boton:active{
	background-color: cornflowerblue;
}

input[type='button']:hover.cuidado, 
.boton:hover.cuidado{
	box-shadow: 2px 2px 4px 0px white inset;
	border:1px rgba(255,0,0,0.5) solid;
}
input[type='button']:active.cuidado, 
.boton:active.cuidado{
	background-image: linear-gradient(top, #FFF,#C00);
	background-image: -webkit-linear-gradient(top, #FFF,#C00);	
	background-image: -moz-linear-gradient(top, #FFF,#C00);
	background-image: -o-linear-gradient(top, #FFF,#C00);
	background-image: -ms-linear-gradient(top, #FFF,#C00);
	box-shadow: 2px 2px 4px 0px white inset,
				0px 0px 3px 0px #C00;
	color:white;
	text-shadow: 0 1px 0 black;
	border:1px rgba(255,0,0,0.5) solid;
}

/* css que deve ir despues de las definiciones anteriores*/
*.eliminar{
	color: rgba(255, 255, 255, 0.9);
	font-family: "Source Sans Pro SemiBold";
	background-color: rgba(200,30,30,1);
}
*.eliminar:hover{
	background-color: rgba(240,30,30,1);
}

input:focus, select:focus, textarea:focus, .boton.combobox:focus,
input:hover, select:hover, textarea:hover, .boton.combobox:hover {
	/*outline-color: transparent;
	outline-offset: -1px;
	outline-style: solid;
	outline-width: 2px;	
	box-shadow: inset 0 0 0 transparent;*/
}

input:focus, select:focus, textarea:focus, .boton.combobox:focus {
	/*border-color: #80bdff;
	background-color: lightgoldenrodyellow;*/
}

input:hover:not(:focus), select:hover:not(:focus), textarea:hover:not(:focus), .boton.combobox:hover:not(:focus){
	/*border-color: #80bdff;
	background-color: rgb(235, 245, 255);*/
}

/*
input:focus, textarea:focus, select:focus, .boton.combobox:focus,
input:hover, textarea:hover, select:hover, .boton.combobox:hover {
    background-color: #fff;
    border-color: #80bdff;
    border-top-color: rgb(128, 189, 255);
    border-right-color: rgb(128, 189, 255);
    border-bottom-color: rgb(128, 189, 255);
    border-left-color: rgb(128, 189, 255);
    outline: 0;
    box-shadow: inset 0 0 0 transparent;
	background-color: lightgoldenrodyellow;
}
*/

tr[name='radio'] {
    display: flex;
    padding: 4px;
    border: 1px solid transparent;
    align-items: center;
    border-radius: 4px;
    overflow: hidden;
}

option{
	position:relative;
	display:block;
	height:20px;
	vertical-align:middle;
}

.av-cat-filter-date [name="contFechaHora"]{
	display: flex;
}

.ui-datepicker-trigger {
    min-width: 24px;
    cursor: pointer;
    width: 24px;
    height: 24px;
    padding: 2px 4px;
    font-size: 1.5em;
    position: relative;
	color: var(--av-color-appCore);
}

.ui-datepicker-trigger:hover,
.ui-datepicker-trigger:focus{
	font-weight:400;
}
.ui-datepicker-trigger:active{
	font-weight:900;
}

.ui-datepicker-calendar .ui-datepicker{
	font-size:18px;
}
.ui-datepicker-calendar .ui-datepicker-week-end > a{
	background-color: rgb(200, 0, 0);
	color: rgba(255, 255, 255, 0.85);
	border-color: rgba(0, 0, 0, 0);
}
.ui-datepicker-calendar .ui-datepicker-week-end > a.ui-state-active{
 	background-color: rgb(51, 153, 255);
 }
.ui-datepicker-week-end.ui-datepicker-other-month,
.ui-datepicker-week-end.ui-datepicker-unselectable,
.ui-datepicker-week-end.ui-state-disabled{
	background-color:none;
}
/**************************************************************/