body {
	color: #444444;
	font-family: 'Source Sans Pro',sans-serif;
    font-size: 14px/20px;
    margin: 0;
}


#principal {
    padding: 0px 0px 0px 0px;
    min-width: 1031px;
    min-height: 500px;
    margin: 0 auto;
    display: table;
    width: 90%;
}

/****
 *
 *	Estilos copiados de 
 *		http://www.grupo-arelance.com/templates/tk_gen_free_ii/css/I.base.css.pagespeed.cf.kiK7FzV7wc.css
 *		http://www.grupo-arelance.com/templates/tk_gen_free_ii/css/I.modules.css.pagespeed.cf.VhCZ2UAoXe.css
 *		http://www.grupo-arelance.com/templates/tk_gen_free_ii/css/I.system.css+extensions.css+custom.css+font1,,_trebuchet.css+font2,,_trebuchet.css+font3,,_trebuchet.css+style.css,Mcc.3C2N3KwBQU.css.pagespeed.cf.03KJbqt0D2.css
 *
***/
table {
    border-collapse: collapse;
    border-spacing: 0;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    padding: 2px 3px;
}

form.box button, form.box input[type="button"], button, input[type="button"], input[type="submit"] [type="reset"] {
/*     background: url("../images/submitbutton_02.png") repeat-x scroll 0 0 #265C91; */
/*     border: 1px solid transparent; */
/*     border-radius: 6px 6px 6px 6px; */
     border-radius: 3px; 
    background-color: #015282 !important;
    background-image: linear-gradient(90deg, rgba(1,82,130,1) 0%, rgba(1,82,130,1) 100%, rgba(1,82,130,1) 100%) !important;
    border-color: #015282 !important;
    color: #FFFFFF !important;
    padding: 4px 6px;
}

textarea, input[type="text"], input[type="password"], select {
    padding: 3px;
}
select, input, textarea, button {
    font-size: 12px;
}
input, select {
    vertical-align: middle;
}
legend, fieldset, input {
    padding: 0;
}

a {
    color: #4488BB;
}
a, a:hover {
    text-decoration: none;
}

*::-moz-selection {
    background: none repeat scroll 0 0 #3399FF;
    color: #FFFFFF;
}

select {
    line-height: 19px;
}

/****
 *
 *	Estilos copiados de http://www.grupo-arelance.com/templates/tk_gen_free_ii/css/I.modules.css.pagespeed.cf.VhCZ2UAoXe.css
 *
***/

.mod-box {
    border: 1px solid #DDDDDD;
    padding: 15px;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 1px 1px 3px #ECECEC;
    
}
.module {
    position: relative;
}
.module, #header, #breadcrumbs, #content, #footer {
    margin: 15px;
}

textarea, input {
    border: 1px solid #DDDDDD;
    border-radius: 3px 3px 3px 3px;
}


/****
 *
 *	FIN Estilos copiados de http://www.grupo-arelance.com/templates/tk_gen_free_ii/css/I.modules.css.pagespeed.cf.VhCZ2UAoXe.css
 *
***/



#tablaCabeceraTitulo {
	width: 100%;
}

#tdCabeceraTitulo {
	margin: 0;
	padding: 0;
	border: 0 none;
	background: none;
	width: 70%;
}

#tdBotonVolver {
	text-align: right;
}

form.box button,form.box input[type="button"],button,input[type="button"]{
	padding: 4px 10px;
}

.botonInfoFacturable {
    background: url("../images/submitbutton_03.png") repeat-x scroll 0 0 #265C91 !important;
}

.botonNacional {
    background: url("../images/submitbutton_04.png") repeat-x scroll 0 0 #e13146 !important;
}

.botonAutonomico {
    background: url("../images/submitbutton_05.png") repeat-x scroll 0 0 #5fbf34 !important;
}

.botonLocal {
    background: url("../images/submitbutton_02.png") repeat-x scroll 0 0 #265C91;
}

.celda02 {
	padding: 7px;
	text-align: center;
}

.select02 {
	min-width: 360px;
	margin-left: -5px;
  	width: 100%  !important; 
}
.select03 {
	width: 215px;
}
.colorTotalOk {
	background-color: #DFF5CA !important;
	color: #4F953A !important;
	border: #b2bfd6 1px solid;
	width: 35px;
	font-weight: bold;
	text-align: center;
}

.colorOk {
	background-color: #DFF5CA;
	color: #4F953A;
}

.colorTotalDesvio {
	color: #FFFFFF !important;
	background-color: #F63636 !important;
	border: 1px solid #F60000;
	width: 35px;
	font-weight: bold;
	text-align: center;
}

.colorDesvio {
	color: #F63636;
	background-color: #B2BFD6;
}

#menu_adm {
	width: 520px;
	height: 350px;
	margin: 0 auto;
	margin-top: 100px;
	border: 1px #002c76 solid;
	padding: 20px 0px 20px 50px;
	color: #fff;
	/*background: url(../images/simbolo.jpg) no-repeat top right;*/
	background-color: #F6F6F6;
	border: 1px #002c76 solid;
}

#menu_perfil_alto *{
	text-align:center
}

#menu_perfil_alto {
	width: 620px;
	height: 350px;
	margin: 0 auto;
	margin-top: 100px;
	border: 1px #002c76 solid;
	padding: 20px;
	color: #fff;
	/*background: url(../images/simbolo.jpg) no-repeat top right;*/
	background-color: #F6F6F6;
	border: 1px #002c76 solid;
}

#menu_perfil_alto input {
	width: 200px;
	height: 32px;
	float: left;
	/*	background: url(../images/boton.jpg) no-repeat top left;*/
	margin: 3px;
	border: none;
	color: #fff;
	font-size: 11pt;
	font-family: 'Source Sans Pro',sans-serif;
}

#menu_adm input a:active {
	width: 131px;
	height: 32px;
	float: left;
	background: url(images/boton02.jpg) no-repeat top left;
	margin: 3px;
	border: none;
	color: #fff;
}

#menu_adm02 {
	width: 460px;
	height: 50px;
	margin: 0 auto;
	padding: 20px 0px 20px 0px;
	color: #fff;
}

#menu_adm input {
	width: 150px;
	height: 32px;
	float: left;
	/*	background: url(../images/boton.jpg) no-repeat top left;*/
	margin: 3px;
	border: none;
	color: #fff;
	font-size: 11pt;
	font-family: 'Source Sans Pro',sans-serif;
}

#todos_partes a:link {
	text-decoration: none;
	color: #333;
}

#todos_partes a:visited {
	text-decoration: none;
	color: #333;
}

#todos_partes a:hover {
	text-decoration: none;
	color: #333;
}

#todos_partes a:active {
	text-decoration: none;
	color: #333;
}

/* Login */
.rebordeLogin {
	border: 1px solid #B2BFD6;
	overflow: auto;
	margin: 0px;
	padding: 1%;
	width: 430px;
	vertical-align: middle;
	horizontal-align: center;
}

#loginCapa {
    background-color: #F6F6F6;
    width: 60%;
    top: 10% !important;
    max-width: 350px;
    margin: 0 auto;
    margin-top: 10%;
   	padding-bottom: 0;
}

#tdLogin {
	padding: 10px;
}

.botonEstiloPequenyo {
	float: none;
	width: 16%;
	border: #b2bfd6 2px solid;
	background-color: #fff;
	color: white;
	font-weight: bold;
	min-width: 150px;
}

.botonEstiloPequenyo {
    float: none;
    width: 100px;
    border: #b2bfd6 2px solid;
    background-color: #fff;
    color: white;
    font-weight: bold;

}

#botonInicioJornada {
	background-color: #288201 !important;
	background-image: linear-gradient(90deg, rgba(40,130,1,1) 0%, rgba(40,130,1,1) 0%, rgba(40,130,1,1) 0%) !important;
	border: 1px solid #246509 !important;
}

#botonFinJornada {
	background-color: #c71212 !important;
	background-image: linear-gradient(90deg, rgba(199,18,18,1) 0%, rgba(199,18,18,1) 0%, rgba(199,18,18,1) 0%) !important;
	border: 1px solid #840c0c !important;	
}


.top {
	vertical-align: top;
}

.g-recaptcha {
    margin: 25px;
    margin-bottom: 30px;
}

.botonEstiloPequenyoSinMargen {
	float: none;
	width: 100px;
	border: #b2bfd6 2px solid;
	background-color: #fff;
	color: #002c76;
	font-weight: bold;
}

.botonEstiloPequenyoSinMargen2 {
	float: none;
	width: 400px;
/* 	width: 300px; */
	border: #b2bfd6 2px solid;
	background-color: #fff;
	color: white;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}

.botonEliminar {
	border: #b50a0a 2px solid !important;
	background-color: #c50a0a !important;
	color: #002c76;
	font-weight: bold;
	font-size: 8pt;
}

.botonEstilo {
	float: none;
	width: 120px;
	border: #b2bfd6 2px solid;
	background-color: #fff;
	color: #002c76;
	font-weight: bold;
}

.botonEstiloPequenyo2 {
	float: none;
	width: 120px;
	border: #b2bfd6 2px solid;
	background-color: #fff;
	color: #002c76;
	font-weight: bold;
}

.botonEstiloPequenyoDerecha {
	float: right;
	width: 16%;
	border: #b2bfd6 2px solid;
	background-color: #fff;
	color: white;
	font-weight: bold;
	min-width: 150px;
}

.botonEstiloMediano {
	float: none;
	width: 170px;
	border: #b2bfd6 2px solid;
	background-color: #fff;
	color: white;
	font-weight: bold;
}

.botonEstiloMedianoDerecha {
	float: right;
	width: 170px;
	border: #b2bfd6 2px solid;
	background-color: #fff;
	color: #002c76;
	font-weight: bold;
}

.botonEstiloGrande {
	float: none;
	width: 270px;
	border: #b2bfd6 2px solid;
	background-color: #fff;
	color: #002c76;
	font-weight: bold;
}

.botonEstiloGrandeDerecha {
	float: right;
	width: 270px;
	border: #b2bfd6 2px solid;
	background-color: #fff;
	color: #002c76;
	font-weight: bold;
}

.botonSalir {
	float: right;
	margin: 10px 10px 0 0;
	width: 200px;
}

.inputPequenyo2 {
	border: 1px solid #B2BFD6;
	color: black;
	font-size: 11px;
	width: 150px;
	border: #b2bfd6 1px solid;
	font-family: 'Source Sans Pro',sans-serif;
}

.inputLoginM {
	border: 1px solid #B2BFD6;
	color: black;
	font-size: 11px;
	width: 200px;
	position: relative;
	background: none repeat scroll 0 0 #FFFFFF;
}

.labelCand {
	float: left;
	vertical-align: top;
	text-align: right;
}

.row {
	clear: both;
	padding: 5px;
}

.error {
	color: red;
	font-weight: bold;
	font-size: 15px;
	clear: both;
	padding: 5px;
}

.errorDetalles {
	color: #000;
	font-weight: bold;
	font-size: 10px;
	clear: both;
	padding: 5px;
}

.errorLogin {
	color: red;
	font-weight: bold;
	font-size: 12px;
	clear: both;
	padding: 5px;
	float: right;
	padding-right: 10%;
	width: 100%;
    text-align: right;
}

.correcto {
	color: green;
	font-weight: bold;
	font-size: 15px;
	clear: both;
	padding: 5px;
}

/*Fin Login*/ /*Capas*/
#formAdminBusqueda {
	float: none;
}

#adminCapa {
	margin-top: 30px;
	margin-left: 40px;
}

/*Fin Capas*/
.oculto {
	display: none !important;
}

.checkboxEstilo {
	float: left;
	width: 15px;
}

.radioEstilo {
	width: 15px;
}

.checkboxEstiloNone {
	float: none;
	width: 15px;
}

.infoSemana {
	color: #405060;
}

.inputMinimo {
	width: 200px;
	border: #b2bfd6 1px solid;
	font-family: 'Source Sans Pro',sans-serif;
}

.inputPequenyo {
	width: 276px;
	border: #b2bfd6 1px solid;
	font-family: 'Source Sans Pro',sans-serif;
}

.inputMediano {
	width: 500px;
	border: #b2bfd6 1px solid;
	font-family: 'Source Sans Pro',sans-serif;
}

.inputGrande {
	width: 750px;
	border: #b2bfd6 1px solid;
	font-family: 'Source Sans Pro',sans-serif;
}

.empleadoSemanaDatos {
	width: 950px;
}

.tdProyecto {
	width: 200px;
}

.errorMensaje {
	color: red;
	font-weight: bold;
	font-size: 15px;
	clear: both;
	padding: 5px;
	padding-right: 10%;
	/*	width: 500px;*/
	margin-bottom: 10px;
}

.neutroMensaje {
	color: black;
	font-weight: bold;
	font-size: 13px;
	clear: both;
	padding: 5px;
	/*	width: 500px;*/
	margin-top: 20px;
	margin-bottom: 20px;
	height: 30px;
}

.successMensaje {
	color: green;
	font-weight: bold;
	font-size: 15px;
	clear: both;
	padding: 5px;
	/*	width: 500px;*/
	margin-top: 20px;
	margin-bottom: 20px;
	height: 30px;
}

.successMensajeValidado {
    color: green;
    clear: both;
    padding-top: 0;
    margin-left: -200px;
    text-align: end;
    width: 314px;
}

.mensajeAzul {
	color: blue;
	clear: both;
	padding: 5px;
	height: 20px;
	width: 130px;
	margin-bottom: 10px;
	height: 30px;
}
.errorMensajeRechazado {
	color: red;
	clear: both;
	padding: 5px;
	height: 20px;
	width: 130px;
	margin-bottom: 10px;
	height: 30px;
}

.lista_desplegable {
	width: 450px;
}

/*Capa mensaje desvío*/
.correctoDesvio {
	color: green;
	font-weight: bold;
	font-size: 10px;
	clear: both;
	padding: 5px;
}

.errorDesvio {
	color: red;
	font-weight: bold;
	font-size: 10px;
	clear: both;
	padding: 5px;
}

h3 {
	color: #555555;
}

.infoValidar {
	background-color: #DEDEDE;
	color: #405060;
	width: 1000px;
    padding: 10px;
    height: 75px;
}

#capa_ldap_scroll {
	overflow-y: auto;
	height: 518px;
	width: 100%;
}

.boton {
	border: #b2bfd6 2px solid;
	background-color: #fff;
	color: #002c76;
	font-weight: bold;
	width: 80px;
}

/******** para las listas dobles ******************/
.countLabel {
	color: Gray;
	font-style: normal;
}

.storageBox {
	display: none;
}

.copiedOption {
	background-color: Yellow;
}

.tdMiddle {
	vertical-align: middle;
}

.cajaBusqueda {
	border: 1px solid #B2BFD6;
	height: 160px;
	width: 185px;
	margin: 2px; /* margen exterior*/
	padding: 5px; /*margen interior*/
	font-family: 'Source Sans Pro',sans-serif;
	font-size: 9pt;
}
.cajaBusquedaEmpleados {
	border: 1px solid #B2BFD6;
	height: 400px;
	width: 250px;
	margin: 2px; /* margen exterior*/
	padding: 5px; /*margen interior*/
	font-family: 'Source Sans Pro',sans-serif;
	font-size: 9pt;
}
.tdTop {
	vertical-align: top;
}

.cajaBusqueda {
	height: 100px;
	width: 185px;
	margin: 2px; /* margen exterior*/
	padding: 5px; /*margen interior*/
}

.cajaBusquedaTareas {
	border: 1px solid #B2BFD6;
	height: 300px;
	width: 250px;
	margin: 2px; /* margen exterior*/
	padding: 5px; /*margen interior*/
	font-family: 'Source Sans Pro',sans-serif;
	font-size: 9pt;
}

#ANTIGUOS









 









@import url('http://fonts.googleapis.com/css?family=Myriad+Pro');

table {
	border-spacing: 0;
}

textarea {
	background-color: #FcFcFc;
}

li,ol,ul {
	list-style: none;
}

#container_principal {
	width: 95%;
	margin: 10px 0px;
}

.destacado {
	color: #002c76;
	margin-top: 10px;
	margin-left: 5px;
	font-weight: bold;
	text-align: left;
}

.borde {
	background-color: #002c76;
	color: #fff;
	text-align: center;
	font-size: 9pt;
}
textarea { resize: none; }
#tabla {
	border: 1px solid #002c76;
	margin: 20px 0 20px 0;
}

#tPrincipalColor {
	background-color: #F6F6F6;
}

#cabecera_tablaTodos {
	padding: 4px 0px 4px 10px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
}

#cabecera_tablaTodos2 {
	background-color: #E1E1E1;
}

#tPrincipal {
	width: 90%;
    padding: 10px 10px 0px 10px;
	margin: 0px 5% 30px 5%;
	background-color: #F3F3F3;
	border-collapse: inherit;
	border: 1px solid #B2BFD6;
	border-spacing: 1px;
	border-radius: 0px 0px 6px 6px;
}

#tPrincipal_cabecera {
    width: 90%;
    padding: 0px 20px 0px 20px;
    margin: 10px 5% 0px 5%;
    border-collapse: inherit;
    border: 1px solid #173D63;
    border-spacing: 1px;
    border-radius: 6px 6px 0px 0px;
    border: 1px solid #B2BFD6;
    border-bottom: 0;
    height: 30px;
}

.observaciones {
    width: 90%;
    padding: 0px 20px 0px 20px;
    margin: 10px 5% 0px 5%;
/*     border-collapse: inherit; */
    border: 1px solid #173D63;
    border-spacing: 1px;
    border-radius: 6px 6px 0px 0px;
    border: 1px solid #B2BFD6;
    height: 30px;
}


.observaciones .lista_deplegable {
	padding-left: 20px;
}

.observaciones #motRechazoArea {
	width: 97%;
	border: 1px solid #b2bfd6;
}

.observaciones-tr-botonera {
    border: 1px solid #b2bfd6;
}

#btValidar {
	margin-right: 30px;
}

#btNoValidar {
	margin-left: 30px;
}

.observaciones-botonera {
    padding: 20px;
    text-align: center;
}

.ie-no-soportado {
	margin: 200px;
	text-align: center;	
}

.ie-no-funciona {
    font-size: x-small;
    text-align: center;
	margin-top: 25px;
}

.destacado_cabecera {
	color: #FFFFFF;
	margin-top: 10px;
	margin-left: 5px;
	font-weight: bold;
	text-align: left;
	padding-bottom: 0px;
}

.color-negro {
	color: #444;
}

#tTodo {
	width: 991px;
}

#miTableMain {
	width: 100%;
	height: 100%;
	margin: 0px0px0px0px;
	padding: 0px 0px 0px 0px;
}

#tPrincipal_empleado {
	width: 440px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-collapse: separate;
	background-color: #F3F3F3;
	border: 1px solid #B2BFD6;
	border-spacing: 0px;
	border-radius: 0px 0px 6px 6px;
	text-align: left;
	font-family: 'Source Sans Pro',sans-serif;
	font-size: 9pt;
}

#tPrincipal tr {
    vertical-align: top;
}

#tPrincipal_empleado .td-botones-presencia {
	text-align: center;
	height: 25px;
}

.neutroMensajeControlPresencia {
  display: table;
  width: 100%;
  text-align: center;
  padding: 0;
  margin: 0;
}

#texto-botones-presencia {
	color: #067319;
    font-size: initial;
    font-weight: 700;
}

.neutroMensajeControlPresencia span {
    display: table-cell !important;
    vertical-align: middle;
}

.neutroMensajeControlPresencia p {
	text-align: center;
	margin-top: 0;
}

 .mensajes-control-presencia {
    height: 45px;
    max-height: 45px;
    overflow: auto;
    padding: 5px 0;
    line-height: 20px;
 }

.tabla-index-empleado-top {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 50px 0px;
}

.tabla-index-empleado-down {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.destacado_cabecera_empleado div {
	width: 100%;
	color: #444;
    padding: 10px 5px;
}

#capa_presencia_mensajes #mensaje {
    margin: 10px 0 0 0;
}

#capa_presencia_mensajes #successMensaje {
    margin: 0;
}

#tPrincipal_empleado {
	padding: 25px 15px 5px;
}
    

#mitabla002 {
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
}

#lbSemana {
	padding: 0px 0px 10px 0px;
}

#mitd001 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#tPrincipal_cabecera_empleado {
	width: 438px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #FFF !important;		
	border: 1px solid #B2BFD6;
	border-spacing: 0px;
	border-radius: 6px 6px 0px 0px;
	display: inline-block;
}

.destacado_cabecera_empleado {
	color: #FFFFFF;
	margin-top: 10px;
	margin-left: 5px;
	font-weight: bold;
	text-align: left;
	padding: 4px 0px 4px 10px;
}

.destacado_cabecera_empleado_total_width {
	width: 100%;
}

.destacado_sub_cabecera_empleado {
	color: #FFFFFF;
	margin: 20px auto;
	width: 90%;
	font-weight: bold;
	text-align: left;
	padding: 4px 0px 4px 10px;
	background-color: #173D63;
}

.tabla1 {
	border: 1px solid #002c76;
	margin: 5px 5px 5px 5px;
}

.cabecera_tabla {
	background:
		url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAyCAMAAABxnuuaAAAAe1BMVEUXPWMYPmQYPmUYP2UYP2YZP2YZQGcZQWgZQWkaQWkaQmoaQ2sbQ2wbRG0bRW4cRW8cRm8cRnAcR3EdR3EdSHIdSHMdSXQeSXQeSnUeSnYeS3YfS3cfS3gfTHkgTXogTnsgTnwhTnwhT30hT34hUH4hUH8iUH8iUX8iUYDyAzBGAAAALElEQVQ4y2NgIBUwMuKQYGIgVYKFcQAlBtRV9LB8cAb7qAQVImrYp10qSgAA8PkA1mCsiSMAAAAASUVORK5CYII=")
		repeat-x scroll 0 0 #3175BA;
	background-size: 100% 100%;
	border: 1px solid #002C76;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}

.tr {
	padding-bottom: 10px;
}

td {
	text-align: left;
	font-family: 'Source Sans Pro',sans-serif;
	font-size: 9pt;
}

.celda {
	border: 1px solid #002c76;
	padding: 8px;
}

.celda_b {
	border: 1px solid #002c76;
	padding: 8px;
	font-weight: 700;
    font-size: initial;
    color: blue;
}

.celda ul{
	-webkit-padding-start: 0;
	-webkit-margin-after: 0;
	-webkit-margin-before: 0;
}

.celdaAcciones {
	border: 1px solid #002c76;
	text-align: center;
	padding-top: 5px;
	min-width: 100px;
}

.celdaEstrecha {
	border: 1px solid #002c76;
	padding: 4px 8px;
}

.tdDia {
	min-width: 55px;
	width: 5%;
	text-align: center;
}

.tdDiaDisabled {
	min-width: 55px;
	width: 5%;
	color: #999999;
}

.celdaTotales {
	padding: 5px 0px;
	vertical-align: middle;
	horizontal-align: center;
	border: 1px solid #B2BFD6;
	background-color: #E6E6E6;
	min-width: 55px !important;
	width: 5%;
}

.celdaTotalesTotal {
	padding: 5px 0px;
	vertical-align: middle;
	horizontal-align: center;
	border: 1px solid #B2BFD6;
	background-color: #D0D0D0;
	min-width: 55px !important;
	width: 5%;
}

.celdaDesvios {
	padding: 5px 0px;
	vertical-align: middle;
	horizontal-align: center;
	border: 1px solid #B2BFD6;
	min-width: 55px !important;
	width: 5%;
}

.tdDiaIzquierda {
	width: 50%;
}

.celdaTotalesIzquierda {
	padding: 5px 0px;
	vertical-align: middle;
	horizontal-align: center;
	border: 1px solid #B2BFD6;
	border-radius: 15px 0px 0px 15px;
	border-collapse: inherit;
	background-color: #E6E6E6;
}

.celdaTotalesInferiorIzquierda {
	padding: 5px 0px;
	vertical-align: middle;
	horizontal-align: center;
	border: 1px solid #B2BFD6;
	border-radius: 0px 0px 0px 6px;
	border-collapse: inherit;
	background-color: #E6E6E6;
}

.celdaTotalesSuperiorIzquierda {
	padding: 5px 0px;
	vertical-align: middle;
	horizontal-align: center;
	border: 1px solid #B2BFD6;
	border-radius: 6px 0px 0px 0px;
	border-collapse: inherit;
	background-color: #E6E6E6;
	padding: 5px 0px;
}

.celdaTotalesSuperiorIzquierda:first-child{
	text-align:center;
}

.colorCeldasDesvios {
	background-color: #E6b6b6;
	color: #FFFFFF;
	text-align: center;
}

.tdDiaDerecha {
	min-width: 100px;
	width: 10%;
}

.celdaTotalesDerecha {
	padding: 5px 0px;
	vertical-align: middle;
	horizontal-align: center;
	border: 1px solid #B2BFD6;
	border-radius: 0px 15px 15px 0px;
	border-collapse: inherit;
	background-color: #E6E6E6;
	min-width: 100px;
	width: 10%;
}

.celdaTotalesSuperiorDerecha {
	padding: 5px 0px;
	vertical-align: middle;
	horizontal-align: center;
	border: 1px solid #B2BFD6;
	border-radius: 0px 6px 0px 0px;
	border-collapse: inherit;
	background-color: #E6E6E6;
	padding: 5px 0px;
}

.celdaTotalesInferiorDerecha {
	padding: 5px 0px;
	vertical-align: middle;
	horizontal-align: center;
	border: 1px solid #B2BFD6;
	border-radius: 0px 0px 6px 0px;
	border-collapse: inherit;
	background-color: #E6E6E6;
}

.celda02Izquierda {
	padding: 7px;
	text-align: center;
	display: inline-table;
 	width: 97%; 
}

.celda02Derecha {
	padding: 0px;
	text-align: center;
	min-width: 120px;
}

.celda02Derecha > img {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 6px;
}

.celda02Derecha > .botonEliminar {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 6px;
}

#tablaDesvios {
	border-spacing: 1px;
	border-collapse: inherit;
	margin-left: -2px;
	width: 100.5%;
	height: 100%;
	padding: 0;
	top: 0px;
	left: 0px;
	border: 0;
}

.claro {
	color: #999999;
}

h1 {
	color: #002c76;
	font-size: 14pt;
	margin-bottom: 20px;
	font-weight: normal;
	margin: 0 0 10px 0;
}

.blanco {
	color: #fff;
}

.naranja{
	color: #e65106
}

.ancho01 {
	width: 930px;
	text-align: left;
	font-family: 'Source Sans Pro',sans-serif;
	font-size: 9pt;
}

.ancho02 {
	width: 280px;
	margin: 10px 100% 0 0;
	/*	margin: 10px;*/
	float: left;
	text-align: left;
	font-family: 'Source Sans Pro',sans-serif;
	font-size: 9pt;
}

.ancho03 {
	width: 900px;
	margin-top: 20px;
	text-align: left;
	font-family: 'Source Sans Pro',sans-serif;
	font-size: 9pt;
}

.ancho04 {
	width: 700px;
	margin: 10px 100% 0 0;
	float: left;
	text-align: left;
	font-family: 'Source Sans Pro',sans-serif;
	font-size: 9pt;
}

.ancho05 {
	margin:20px auto;
	width:70%;
	text-align: center;
	font-family: 'Source Sans Pro',sans-serif;
	font-size: 9pt;
}

.ancho05 th{
	font-size: 10pt;
	color: white;
	background-color: #173D63;
	font-family: 'Source Sans Pro',sans-serif;
	width: 150px;
}

.ancho05 td{
	font-weight: bold;
	text-align: center;
	font-size: 10pt;
	font-family: 'Source Sans Pro',sans-serif;
}

.ancho100 {
	width: 100%;
	margin: 10px 100% 0 0;
	float: left;
	text-align: left;
	font-family: 'Source Sans Pro',sans-serif;
	font-size: 9pt;
}

.anchoPerfiles {
	margin:20px auto;
	width: 100%;
	float: left;
	text-align: center;
	font-family: 'Source Sans Pro',sans-serif;
	font-size: 9pt;
}

.tablaPerfiles {
	width: 900px;
	margin-top: 20px;
	text-align: left;
	font-family: 'Source Sans Pro',sans-serif;
	font-size: 9pt;
}

.tablaPerfiles tr{
	border-top: 1px solid black;
}

.tablaPerfiles td{
	width: 50%;
	padding: 15px;
	vertical-align: top;
}

.tablaPerfiles label{
	font-size: 15px;
}


#tablaTodosPartes2 {
	width: 94%;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background:
		url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAyCAMAAABxnuuaAAAAe1BMVEUXPWMYPmQYPmUYP2UYP2YZP2YZQGcZQWgZQWkaQWkaQmoaQ2sbQ2wbRG0bRW4cRW8cRm8cRnAcR3EdR3EdSHIdSHMdSXQeSXQeSnUeSnYeS3YfS3cfS3gfTHkgTXogTnsgTnwhTnwhT30hT34hUH4hUH8iUH8iUX8iUYDyAzBGAAAALElEQVQ4y2NgIBUwMuKQYGIgVYKFcQAlBtRV9LB8cAb7qAQVImrYp10qSgAA8PkA1mCsiSMAAAAASUVORK5CYII=")
		repeat-x scroll 0 0 #3175BA;
	border: 0px solid #173D63;
	border-spacing: 0px;
	border-radius: 6px 6px 0px 0px;
	display: inline-block;
}

#tablaTodosPartes {
	width: 94%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/**	border-collapse: separate; **/
	border: 1px solid #B2BFD6;
	border-spacing: 0px;
	border-radius: 0px 0px 6px 6px;
	text-align: left;
	font-family: 'Source Sans Pro',sans-serif;
	font-size: 9pt;
}

#tablaTodosPartes td {
	padding: 8px;
}

.textoBienvenido {
	font-size: 10pt;
	text-align: center;
	letter-spacing: .2px;
	color: #666;
}

.input {
	border: #b2bfd6 1px solid;
	width: 190px;
	font-family: 'Source Sans Pro',sans-serif;
}

.input2 {
	border: #b2bfd6 1px solid;
	width: 40px;
	font-family: 'Source Sans Pro',sans-serif;
}

.input60 {
	border: #b2bfd6 1px solid;
	width: 60px;
	font-family: 'Source Sans Pro',sans-serif;
}

.input70 {
	border: #b2bfd6 1px solid;
	width: 70px;
	font-family: 'Source Sans Pro',sans-serif;
}

.input350 {
	border: #b2bfd6 1px solid;
	width: 350px;
	font-family: 'Source Sans Pro',sans-serif;
}

.inputDia {
	border: #b2bfd6 1px solid;
	font-family: 'Source Sans Pro',sans-serif;
	width: 35px;
	text-align: center;
}

.colorAdministracion {
	background-color: #FFDDAA !important;
}

.colorAdministracionTdDefecto {
	/*	background-color: #FFEEAA !important;*/
	
}

.colorAdministracionTdDesvioHorasAdministrativas {
	background-color: #FF7F50 !important;
}

.colorAdministracionTdDesvioDistribucion {
	background-color: #C4a0f0 !important;
	color: #ffffff !important;
}

#botonDescargaManual {
    background: #ca5d28 !important;
    border: 1px solid #ba4d18 !important;	
}

#botonDescargaManualProyectos {
    background: #ca5d28 !important;
    border: 1px solid #ba4d18 !important;	
    width: 10%;
    min-width: 173px;
}

#botonDescargaManualLaboral {
    background: #ca5d28 !important;
    border: 1px solid #ba4d18 !important;
    width: 10%;
    min-width: 173px;	
}

.inputDiaTotal {
	border: #b2bfd6 1px solid;
	font-family: 'Source Sans Pro',sans-serif;
	width: 35px;
	text-align: center;
	background-color: #E5E5E5;
}

.inputDiaDefecto {
	border: #b2bfd6 1px solid;
	font-family: 'Source Sans Pro',sans-serif;
	width: 35px;
	text-align: center;
	background-color: #F9F1FD;
	color: #555555;
}

.input11 {
	border: #b2bfd6 1px solid;
	font-family: 'Source Sans Pro',sans-serif;
	font-size: 11pt;
	padding: 5px;
}

.caja-fondo {
	width: 560px;
	background-color: #7f95ba;
	padding: 20px 20px 20px 20px;
	margin-top: 20px;
	color: #fff;
	text-align: left;
}

.caja-fondo01 {
	width: 750px;
	background-color: #7f95ba;
	padding: 20px 20px 20px 20px;
	margin-top: 20px;
	color: #fff;
	text-align: left;
}

.caja-fondo02 {
	width: 340px;
	background-color: #7f95ba;
	padding: 20px 20px 20px 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: 100%;
	color: #fff;
	float: left;
	text-align: left;
}

p {
	text-align: left;
}

.letra {
	font-family: 'Source Sans Pro',sans-serif;
	font-size: 9pt;
}

.flota {
	float: left;
}

#fechaGestion {
	padding: 4px;
	vertical-align: top;
	height: 16px;
}

.mensajesPartesSemanal {
	height: 50px;
	min-width: 400px;
	max-width: 400px;
	margin-left: 70px;
	text-align: center;
	top: -235px;
	left: 360px;
}

.inputMyriad {
	font-family: 'Source Sans Pro',sans-serif;
	font-size: 9pt;
	border: 0
}

.inputMyriadCompleto {
	font-family: 'Source Sans Pro',sans-serif;
	font-size: 9pt;
	border: 0;
	width: 100%
}

.inputMyriadEnlace {
	font-family: 'Source Sans Pro',sans-serif;
	font-size: 9pt;
	border: 0;
	color: #FFFFFF
}

.inputJornadaDefecto {
	border: #b2bfd6 1px solid;
	text-align: center;
	width: 22.5px;
	font-family: 'Source Sans Pro',sans-serif;
}
.inputFormacionVacaciones {
	border: #b2bfd6 1px solid;
	text-align: center;
	width: 35px;
	font-family: 'Source Sans Pro',sans-serif;
}
.labelJornadaDefecto {
	background-color: #EEEEEE;
	text-align: center;
	width: 22.5px;
	font-family: 'Source Sans Pro',sans-serif;
}

ul.tabs {
	margin: 0 0 -3px;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--altura de la pestaña --*/
	/*--	border-bottom: 1px solid #999;
	border-left: 1px solid #999;--*/
	width: 100%;
}

ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	/*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}

ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff;
	/*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}

#menuCliente ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 8px;
	border: 1px solid #fff;
	/*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}

#menuCliente h1 {
	color: #002c76;
	font-size: 12pt;
	font-weight: normal;
	margin: 0 0 10px 0;
}

ul.tabs li a:hover {
	background: #CAC0C0;
}

.tabSeleccionado {
	background: #B8B8B8;
}

html ul.tabs li.active,html ul.tabs li.active a:hover {
	background: #fff;
	border-bottom: 1px solid #fff;
	/*--Makes the active tab look like it's connected with
its content--*/
}

.tabla_subproyectos_empleados {
	float: left;
	margin-right: 20px;
	width: 930px;
}

#menu_empleado { 
    width: 100%;
    padding: 20px 20px 0px 20px;
    margin: 0px 0px 0px 0px;
    border-collapse: inherit;
    display: inline-block;
}

.tab_container {
	border: 1px solid #999;
	overflow: hidden;
	clear: both;
	/*float: left;*/
	width: 100%;
	background: #fff;
}

.tab_content {
	padding: 20px;
	font-size: 1.2em;
}

.tab_contentCliente {
	font-size: 1.2em;
	padding: 0 20px 20px;
}

.ancho02Asignacion {
	float: left;
	text-align: left;
	font-family: 'Source Sans Pro',sans-serif;
	font-size: 9pt;
}

.tdAsignacion {
	min-width: 80px;
}

.h1ClienteFacturacion {
	width: 230px;
}

#capaDesvio {
	margin: 0;
	padding: 0;
	top: 0px;
	left: 0px;
}

.celdaFestivo {
	border: 1px solid #002c76;
	padding: 8px;
	background-color: #F6F6F6;
}

#overlay {
	visibility: hidden;
	width: 100%;
	height: 100%;
	z-index: 1000;
	position: fixed;
	top: 0%;
    left: 0%;
}

#overlay div {
	width: 600px;
	background-color: #ffffff;
}

.capaOverlay {
	margin: 10px;
}
	
.cabeceraOverlay {
	text-align: left;
	padding: 8px 0px;
}

.botonesOverlay {
	text-align: right;
	padding: 8px 0px;
}

#overlay2 {
	visibility: hidden;
	width: 100%;
	height: 100%;
	z-index: 1000;
	position: fixed;
	top: 0%;
    left: 0%;
}

#overlay2 div {
	width: 600px;
	background-color: #ffffff;
}

.cabeceraSub {
	background-color: #99CCFF;
}

.tablaSub {
	border: 1px solid #000000;
	background-color: #FFFFFF;
}

#btCambiarSubproyecto {
	float: none;
	width: 31px;
	border: #b2bfd6 2px solid;
	background-color: #fff;
	font-weight: bold;
	position: absolute;
	margin-left: -30px;
	margin-top: -2px;
}

.tdEmpleadosSituacion {
	padding: 10px;
}

.tablaSelSubproyecto {
	width: 96%;
	margin-top: 4px;
	margin-left: 2%;
	margin-right: 2%;
	left: 50%;
	background-color: 99CCFF;
	opacity: 1.0;
}

.tituloSelProyecto {
	font-size: 14px;
}

.padding2 {
	padding: 2px;
}

.contacto {
	color: #002c76;
	font-size: 9pt;
	font-weight: normal;
	margin-left: 11px;
	cursor: pointer;
	float: right;
}

input[readonly="readonly"] {
	background-color: #eeeeee;
}

.buscadorJTree {
	background-color: #ffffff;
	text-align: right;
	padding-right: 16px;
}

#textoBusqueda {
	color: gray;
}

.wait,.wait * {
	cursor: wait !important;
}


#tablaCabeceraTitulo {
	width: 100%;
}

#tdCabeceraTitulo {
	margin: 0;
	padding: 0;
	border: 0 none;
	background: none;
	width: 70%;
}

#tdBotonVolver {
	text-align: right;
}

.botonInfoFacturable {
    background: url("../images/submitbutton_03.png") repeat-x scroll 0 0 #265C91 !important;
}

#btEmitir {
	margin-left: 10px;
}

.comentarios {
	background-color: lightyellow;
}

/** Inicio Estilos Calendario Laboral **/
.HighlightedRed a {
   background-color : Red !important;
   background-image :none !important;
   color: White !important;
   font-weight:bold !important;
   font-size: 12pt;
   border: 0px solid #AAAAAA;
}

.HighlightedRedGuard a {
   background-color : Red !important;
   background-image :none !important;
   color: White !important;
   font-weight:bold !important;
   font-size: 12pt;
   border: 2px solid #000000 !important;
}

.HighlightedBlue a {
   background-color : #2da4e0 !important;
   background-image :none !important;
   color: White !important;
   font-weight:bold !important;
   font-size: 12pt;
   border: 0px solid #AAAAAA;
}

.HighlightedGreen a {
   background-color : Green !important;
   background-image :none !important;
   color: White !important;
   font-weight:bold !important;
   font-size: 12pt;
   border: 0px solid #AAAAAA;
}

.HighlightedGreenGuard a {
   background-color : Green !important;
   background-image :none !important;
   color: White !important;
   font-weight:bold !important;
   font-size: 12pt;
   border: 2px solid #000000 !important;
}

.HighlightedOrange a {
   background-color : Orange !important;
   background-image :none !important;
   color: White !important;
   font-weight:bold !important;
   font-size: 12pt;
   border: 0px solid #AAAAAA;
}

.HighlightedPurple a {
   background-color : Purple !important;
   background-image :none !important;
   color: White !important;
   font-weight:bold !important;
   font-size: 12pt;
   border: 0px solid #AAAAAA;
}

.HighlightedPurpleGuard a {
   background-color : Purple !important;
   background-image :none !important;
   color: White !important;
   font-weight:bold !important;
   font-size: 12pt;
   border: 2px solid #000000 !important;
}

.HighlightedPink a {
	background-color : #fb4c9f73 !important;
   /*background-color : #fb4c9f !important;*/
   background-image :none !important;
   color: black !important;
   /*color: White !important;*/
   font-weight:bold !important;
   font-size: 12pt;
   border: 0px solid #AAAAAA;
}

.HighlightedGuard a{
   background-color : White !important;
   background-image :none !important;
   color: Black !important;
   font-weight:bold !important;
   font-size: 12pt;
   border: 2px solid #000000 !important;
}

.NotHighlighted a {
   background-color : White !important;
   background-image :none !important;
   color: Black !important;
   font-weight:bold !important;
   font-size: 12pt;
   border-color: White !important;
}

#tablaLeyenda {
	width: 600px;
}

.tdLeyenda {
	text-align: left; 
	width: 20px;
	padding-left: 10px; 
}

.tdLeyendaLabel {
	text-align: left;
	padding-left: 7px; 
}	

/** Fin Estilos Calendario Laboral **/

/** HORARIO LABORAL **/

.tablaHorarios{
	margin: 5px;
	width: 98.5%;
}

.contadorHorarioLaboral{
	margin: 5px;
	width: 10%;
	text-align: center;
}




/** Estilos para la Tabla de Tareas del Wizar de Proyecto **/


.tablaTareasWizard {
	border : 1px solid black;
	width: 100%
}

.tablaTareasWizard *{
	text-align: center;
}

.tablaTareasWizard thead td{
	border : 1px solid black;
	font-weight : bold;
	background-color : #265C91;
	color : white;
}

.tablaTareasWizard tbody td {
	border : 1px solid black;
}

.tablaTareasWizard tbody select *{
	text-align: left;
}

/** Estilos para la ventana emergente**/

#popup {
	left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1001;
}

.content-popup {
	margin:0px auto;
	margin-top:120px;
	position:relative;
	padding:10px;
	width: 85%;
	min-height:250px;
	border-radius:4px;
	background-color:#FFFFFF;
	box-shadow: 0 2px 5px #666666;
}

.content-popup h2 {
	color:#48484B;
	border-bottom: 1px solid #48484B;
    margin-top: 0;
    padding-bottom: 4px;
}

.popup-overlay {
	left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
	display:none;
	background-color: #777777;
    cursor: pointer;
    opacity: 0.7;
}

.close {
	position: absolute;
    right: 15px;
}




/** INCLUISION **/
.tinytable {
	width: 99.9%;
	border-left: 1px solid #c6d5e1;
	border-top: 1px solid #c6d5e1;
	border-bottom: none
}

.tinytable th {
	text-align: center;
	color: #cfdce7;
	border: 1px solid #fff;
}

.tinytable th h3 {
	font-size: 10px;
	padding: 6px 8px 8px
}

.tinytable td {
	padding: 2px 4px 4px;
	border-bottom: 1px solid #c6d5e1;
	border-right: 1px solid #c6d5e1
}

.tinytable tfoot {
	background: #fff;
	font-weight: bold
}

.tinytable tfoot td {
	padding: 6px 8px 8px
}

.tinytableTdCenter {
	border-bottom:1px solid #C6D5E1;
	border-right:1px solid #C6D5E1;
	padding:2px 4px 4px;
	text-align:center;
}

.partesPendientesScrollable{
	min-height: 350px;
	max-height: 350px;
	min-width: 100%;
	overflow: scroll;
	overflow-x: hidden;
	display: -moz-grid;
}

.tareasPendientesScrollable{
	min-height: 400px;
	max-height: 400px;
	min-width: 100%;
	overflow: scroll;
	overflow-x: hidden;
	display: -moz-grid;
}

.candidatoLegend {
	margin: 5; 
	padding: 5; 
	border: 5; 
	outline: 0; 
	font-weight: bold; 
	font-size:11px;
	color: white;
	vertical-align: baseline;
	width:40%;
	background-color:#07365C;
	margin:5px;
	text-align:center;
}

.center {
    margin: auto;
    width: 50%;
    padding: 10px;
}

#calendar {
	max-width: 900px;
    margin: 0 auto;
}

.fc-content{
	font-size: 12px;
}

/*:nth-child(odd)*/
.cuadroLeyenda td{
	/*border: 1px solid black;*/
	border-radius: 5px;
	padding:4px;
}

 .td-vacaciones {
 	padding-right: 10px;
 }

 .td-formacion {
 	padding-right: 10px;
}
 
 .td-otrainfo{
 }
 
 /* Estilos del popup Hist�rico de Vacaciones */
 
 #contenidoSeccionPopUp > h4 {
 	padding: 0 20px;
 }
 
 #formDetalleHistoricoVacaciones {
 	overflow: hidden;
 	padding: 10px 15px;
 }
 
 #formDetalleHistoricoVacaciones #detalleHistoricoVacaciones {
 	margin-bottom: 30px;
 }
 
 #formDetalleHistoricoVacaciones #detalleHistoricoVacaciones .editFieldVacaciones,
 #formDetalleHistoricoVacaciones #detalleHistoricoVacaciones .newFieldVacaciones
  {
 	text-align: center;
 } 
 
 #formDetalleHistoricoVacaciones #detalleHistoricoVacaciones #historicoVacacionesTramoBody td,
 #formDetalleHistoricoVacaciones #detalleHistoricoVacaciones thead th {
 	margin: 5px;
    width: 10%;
    text-align: center;
    height: 50px;
 }
 
 .swal2-container .swal2-confirm {
    background: url(../images/submitbutton_02.png) repeat-x scroll 0 0 #265C91;
    border: 1px solid transparent;
    border-radius: 6px 6px 6px 6px;
    color: #FFFFFF; 
 }
 
 .fa {
 	margin-right: 7px;
 }
 
 .fa-7 {
 	margin-right: 0 !important;
 }
 
 #detalleHistoricoVacaciones {
 	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: #FFF !important;
    border: 1px solid #B2BFD6;
    border-spacing: 0px;
    border-radius: 6px 6px 6px 6px;
    display: inline-block;
 }
 
 button.ui-datepicker-current {
 	color: white !important;
 	background: #015282 !important;
 }
 
 button.ui-datepicker-close {
 	color: white !important;
 	background: #015282 !important;
 }
 
 .ui-timepicker-div dl dd {
    margin: 0px 8px 10px 85px !important;
}
 
.w-100 {
	width: 100% !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

.fondo-boton-close-dialogo-fullcalendar {
    background-color: transparent !important;
    background-image: linear-gradient(90deg, rgba(1,82,130,1) 0%, rgba(1,82,130,1) 0%, rgba(1,82,130,0) 0%) !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

td>label#labelStartTime, td>label#labelEndTime {
    font-family: Verdana,Arial,sans-serif !important;
    font-size: 16px !important;
    font-weight: bold !important;
}

td>input#startTime, td>input#endTime {
    font-family: Verdana,Arial,sans-serif !important;
    font-size: 16px !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

#boton-editar-control-presencia-admin {
  color: #fff;
/*   background-color: #dc3545 !important; */
/*   border-color: #dc3545 !important; */
/*   background-image: linear-gradient(90deg, rgba(220,53,69,1) 0%, rgba(220,53,69,1) 0%, rgba(220,53,69,1) 0%) !important; */
  background-color: #c71212 !important;
  background-image: linear-gradient(90deg, rgba(199,18,18,1) 0%, rgba(199,18,18,1) 0%, rgba(199,18,18,1) 0%) !important;
  border: 1px solid #840c0c !important;
}

#boton-editar-control-presencia-admin:hover {
  color: #fff;
  background-color: #c82333 !important;
  border-color: #bd2130 !important;
}