@charset "utf-8";
/* Diseñado por BDO PLR */
* { margin:0; padding:0; box-sizing: border-box;}
body {
	background-color: rgb(243, 242, 241);
	/* background-image:url(../img/bg.gif); */
	color: #786860;
	font-size: .85em;
	font-family: "Trebuchet MS", sans-serif;
}

/*****************************
* tipografia
*****************************/
a:link {
	color: #000;
}
a:visited, a:active {
	color: #786860;
}
a:hover {
	color: #62cae3;
}
img {
	border: 0;
}

.principal h2, #privacidad h2{
	color: #ed1a3b;
	font-size: 1.4em;
	font-weight: bold;
	margin: 0;
}
#principal h2 .h2sub {
	font-weight: normal;
	font-style: italic;
}
#principal h2.mega {
	margin-bottom: 1.25em;
}
.principal h2 a {
    color: #ed1a3b !important;
}
.principal h3 {
	font-size: 1.1em;
	font-style: normal;
	font-weight: normal;
	margin: 0;
	color: #ed1a3b;
	text-align:left;
}
#principal .articleimage {
	float: left;
	margin: 0 15px 15px 0;
}
#principal ul {
	/*list-style-image: url('/images/dash.gif');*/
	list-style: none;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 1em;
	padding-left: 0;
}
#principal li {

	list-style-image:url(../img/vineta.png); margin-left:10px; margin-bottom:3px;  

}
#principal li ul {
	margin-bottom: 0;
	margin-top: 0;
}
#principal table {
	margin-bottom: 1.25em;
}

#principal hr {
	background-color: #d0d0d0;
	color: #d0d0d0;
	border: 0 none;
	height: 1px;
	width: 40%;
	text-align: center;
	margin: 0 auto 10px auto;
}

.red {
	color: red;
}

.white {
	color: white;
}

/*****************************
* cabecera
*****************************/

.main-header {
	width: 100%;
    min-height: 50px;
	background-color: rgb(0, 120, 212);
	color: white;
	display: flex;
	justify-content: center;
}

.main-header .container {
	width: 90%;
	display: flex;
	align-items: center;
	min-height: inherit;
}

.main-header a {
	text-decoration: none;
	color: inherit;
	font-size: 1.3rem;
}

.logo {
	flex-basis: 15%;
	display: flex;
}

.header-title {
	flex-basis: 80%;
	font-size: 1.1rem;
	color: white;
}

.user-menu {
	flex-basis: 5%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	position: relative;
	min-height: inherit;
}

.user-initials {
	width: 100%;
	min-height: inherit;
	display: flex;
	justify-content: center;
	align-items: center;
}

.user-menu h2 {
	font-size: 1rem;
	border-radius: 50%;
	background-color: rgb(30, 113, 69);
	padding: 0.5rem;
	font-weight: 500;
}

.user-menu .user-submenu {
	display: none;
	z-index: 1;
	background-color: rgb(0, 120, 212);
	border: 0.5px solid #9999;
	border-top: none;
	position: absolute;
	width: 400%;
	min-height: 180px;
	top: 50px;
	font-size: 1.1rem;
	padding: 0.5rem 1rem;
}

.user-menu:hover .user-initials {
	background-color: #171627;
	cursor: pointer;
}

.user-menu .user-welcome-msg {
	margin-bottom: 1.2rem;
}

.user-menu h4 {
	margin-bottom: 0.8rem;
	font-weight: 400;
}

.user-menu .logout h4 {
	font-size: 0.9rem;
	cursor: pointer;
}

.user-menu .user-options a {
	font-size: 0.9rem;
}

.user-menu .logout {
	justify-self: flex-end;
}

.user-menu .logout a {
	font-size: 0.9rem;

}

.detalle .tbl-access {
	margin: 0;
}

.detalle .tbl-access td {
	border-bottom: none;
}

/*****************************
* menubar y menu
*****************************/

.header-menu {
	position: fixed;
	width: 100%;
	z-index: 1;
}

.menubar {
	width: 100%;
	border-bottom: 1px solid rgb(224, 224, 224);
	display: flex;
	justify-content: center;
	align-content: center;
	background-color: #fff;
	min-height: 60px;
}

.menu {
	width: 90%;
	display: flex;
	align-items: center;
}

.menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;
}

.menu .main-menu {
	height: 100%;
}

.menu .main-menu > li {
	height: calc(100% - 1px);
	display: flex;
	align-items: center;
	color: black;
	font-size: 0.8rem;
	list-style-type: none;
	margin: 0 1.5rem;
	position: relative;
	box-sizing: unset;
}

.menu a {
	text-decoration: none;
	text-align: center;
}

.menu .main-menu > li > a {
	width: 100%;
	display: flex;
	justify-content: center;
}

.menu .main-menu > li:hover {
	border-bottom: 2px solid red;
}

.menu .menu li:hover > a {
	transition: 0.2s;
	color: #ed1a3b;
}

.menu .main-menu li:hover .sub-menu {
	display: flex;
	flex-direction: column;
}

.menu .sub-menu {
	padding-inline-start: 0;
	top: 61px;
	display: none;
	position: absolute;
	min-width: 150px;
	z-index: 1;
	background-color: #fff;
	border: 0.5px solid #9999;
	border-top: none;
}

.menu .sub-menu li {
	margin: 0.3rem 0;
	padding-left: 0.3rem;
}

/***** Links BDO *****/

.links {
	display: flex;
	flex-direction: column;
}

.link-display,
.graphs {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	border: 0.5px solid rgb(224, 224, 224);
	padding: 0 0 1.8rem;
}

.link-header {
	flex-basis: 100%;
	background-color: #fff;
	margin: 0 0.8em 1.3em;
	padding: 0.8rem 0.8rem 0.8rem 1.9rem;
	/* text-transform: uppercase; */
	color: black;
}

.link-box {
	min-height: 200px;
	flex-basis: 18%;
	display: flex;
	flex-direction: column;
	/* align-items: center; */
}

.link-icon {
	width: 100%;
	min-height: 45%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 8px 8px 0 0;
}

.link-icon.green-link {
	background-image: -webkit-gradient(linear,left bottom,left top,from(#3fd5d0),to(#1f8f8b));
    background-image: linear-gradient(0deg,#3fd5d0,#1f8f8b);
}

.link-icon.red-link {
	background-image: -webkit-gradient(linear,left bottom,left top,from(#ed1a3b),to(#ad1931));
    background-image: linear-gradient(0deg,#ed1a3b,#ad1931);
}

.link-icon.black-link {
	background: #333!important;
}

.link-icon.blue-link {
    background-image: -webkit-gradient(linear,left bottom,left top,from(#657c91),to(#15a4de));
    background-image: linear-gradient(0deg,#657c91,#15a4de);
}

.link-icon i {
	font-size: 2rem;
	color: white;
}

.link-details {
	display: flex;
	flex-direction: column;
	height: 55%;
	padding: 0 0.8rem;
	border-radius: 0 0 8px 8px;
	border: 1px solid rgba(0,0,0,.12);
	background-color: #fff;
}

.link-title,
.link-ca {
	display: flex;
}

.link-title {
	padding-left: 0.5rem;
	height: 70%;
}

.link-title h4 {
	margin-top: 0.5rem;
	font-size: 1.2rem;
	font-weight: 400;
	color: black;
}

.link-ca {
	justify-content: flex-end;
}

.link-ca input,
.graphs input {
	background-color: rgb(237, 26, 59);
	border: none;
	font-weight: 600;
	color: #fff;
	font-size: 0.9rem;
	padding: 0.3rem 0.8rem;
	cursor: pointer;
	appearance: none;
	height: auto;
}

.graphs {
	margin-top: 1.3em;
}

.graph-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 1.3em ;
}

.graph-item .btn-box {
	display: flex;
}

.graph-item .btn-box input:last-of-type {
	margin-left: 0.8em;
}

.graph-item input {
	margin-top: 0.8em;
}

/*** Barra lateral ***/



/*****************************
* barra de menus desplegables
*****************************/

/* #menu li li a:link, #menu li li a:visited, #menu li li a:active {
	padding: 4px 10px 4px 4px;
	text-align: left;
}
#menu li ul {
	left: -999em;
	position: absolute;
	width: 170px;
}
#menu li li {
	background-color: transparent;
	border: 0 none;
	float: none;
	font-size: 1em;
	font-weight: normal;
	height: auto;
	margin-right: 0;
	width: auto;
}
#menu ul ul {
	background-color: #fff;
	border: 1px solid #b9aca5;
}
#menu ul ul ul {
}
#menu li:hover, #menu li.sfhover {
	/* background-color: #ed1a3b; */
/* }
#menu li:hover#search, #menu li.sfhover#search {
	background-color: transparent;
}
#menu li li a:link, #menu li li a:visited {
	color: #000;
}
#menu li li a:hover {
	color: #fff;
}
#menu li li:hover a:link, #menu li li:hover a:active, #menu li li:hover a:active,
#menu li li.sfhover a:link, #menu li li.sfhover a:visited, #menu li li.sfhover a:active {
	color: #fff;
}
#menu li li:hover li a:link, #menu li li:hover li a:active, #menu li li:hover li a:active,
#menu li li.sfhover li a:link, #menu li li.sfhover li a:visited, #menu li li.sfhover li a:active {
	color: #000;
}
#menu li li:hover li a:hover, #menu li li.sfhover li a:hover {
	color: #fff;
}
#menu li ul ul {
	margin: -1.9em 0 0 10em;
}
#menu li:hover ul ul, #menu li.sfhover ul ul {
	left: -999em;
}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul {
	left: auto;
}
ul ul .more {
	background: transparent url('/images/menuarrow.gif') center right no-repeat;
}
#menu li.first ul {} */

/*****************************
* barra de menu desplegable segunda optcion
*****************************/

/* #menujr li li a:link, #menujr li li a:visited, #menujr li li a:active {
	padding-right: 10px;
	text-align: left;
}
#menujr li ul {
	left: -999em;
	position: absolute;
	width: 144px;
}
#menujr li li {
	border: 0 none;
	float: none;
	font-size: 1em;
	font-weight: normal;
	height: auto;
	margin-right: 0;
	width: auto;
}
#menujr ul ul {
	background-image: url('/images/menubg.png');
	border: 1px solid #eee8e5;
	border-top-width: 0;
}
#menujr ul ul ul {
	border: 1px solid #eee8e5;
}
#menujr li:hover, #menujr li.sfhover {
	color: #000;
	background-color: #eee8e5;
}
#menujr li li a:link, #menujr li li a:visited {
	color: #000;
}
#menujr li li a:hover {
	color: #000;
}
#menujr li ul ul, #menujr li.first ul ul {
	margin: -1.5em 0 0 10em;
}
#menujr li:hover ul ul, #menujr li.sfhover ul ul {
	left: -999em;
}
#menujr li:hover ul, #menujr li li:hover ul, #menujr li.sfhover ul, #menujr li li.sfhover ul {
	left: auto;
}
#menujr li.first ul {} */


/*****************************
* contenido
*****************************/

.content {
		/* background: #fff url(../img/bottom.gif) 795px 100% repeat-y; */
		width: 100%;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		align-items: center;
		padding-top: 110px;
}

.wrapper {
	padding-top: 1.8em;
	width: 90%;
	display: flex;
	justify-content: space-between;
	min-height: 80vh;
	margin-bottom: 1.8em;
	/* background:#FFFFFF; */
}

.section_wrapper {
	width: 80%;
}
.main-display {
	flex-basis: 70%;
	flex-grow: 1;
}

.main-display h2{
	color: rgb(229, 20, 0);
    height: 50px;
    background: none;
    line-height:50px;
    padding-left: 0px;
    /* position: relative; */
    font-size: 1.5em;
    /*--Top right rounded corner--*/
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -khtml-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    /*--Top left rounded corner--*/
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -khtml-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    text-transform: uppercase;
    border-bottom: 1px solid rgb(229, 20, 0);
}
.welcome-msg {
	border: 1px solid rgb(224, 224, 224);
	background-color: #fff;
	padding-left: 1.3rem;
	display: flex;
	align-items: center;
	min-height: 3rem;
	margin-bottom: 1.7rem;
}

.user-welcome {
	text-transform: lowercase;
	text-transform: capitalize;
	/* text-transform: capitalize; */
}

.user-panel {
	background-color: rgb(243, 242, 241);
}

.lateral-bar {
	flex-basis: 25%;
	display: flex;
	flex-direction: column;
	align-items: center;
	/* background-color: #fff; */
	border: 1px solid rgb(224, 224, 224);
	margin-left: 1.8em;
}

.useful-links {
	width: 80%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;

}

.useful-links > h4 {
	flex-basis: 100%;
}

.useful-links a {
	flex-basis: 36%;
	/* background-color: rgb(237, 26, 59); */
	background-color: rgb(229, 20, 0);
	margin-bottom: 1.2rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-height: 80px;
	text-decoration: none;
	border-radius: 3px;

}

.useful-links a:hover {
	background-color: rgb(227, 17, 0);
}

.useful-links i {
	font-size: 1.3rem;
	color: white;
	margin-bottom: 0.5rem;
}

.useful-links h4 {
	color: white;
	font-weight: 400;
	text-align: center;
}

.lateral-menu {
	width: 80%;
	height: 210px;
}

.lateral-menu a {
	text-decoration: none;
}

.lateral-menu ul {
	display: flex;
	flex-direction: column;
}

.lateral-menu .main-menu {
	list-style: none;
}

.lateral-bar .main-menu li > h4,
.lateral-bar .useful-links > h4 {
	text-align: left;
	color: inherit;
	cursor: pointer;
	font-size: 1rem;
	font-weight: 400;
	margin-bottom: 0.4rem;
	border-bottom: 1px solid rgb(229, 20, 0);
	line-height: 2em;
}

.lateral-bar h4:nth-child(1) {
	margin-bottom: 0.8rem;
}

.lateral-menu .sub-menu {
	list-style-type: none;
}

.lateral-menu .main-menu > li {
	position: relative;
}

.lateral-menu .sub-menu {
	display: none;
	/* position: absolute; */
}

.lateral-menu .main-menu > li:hover .sub-menu {
	display: flex;
}

.lateral-menu .sub-menu li {
	margin-bottom: 0.4rem;
}



/*****************************
* tutotiales
*****************************/
/* #news {	font-size: .9em; width: 230px; background:#FFFFFF}
#news a {	color: #786860;	text-decoration: none;}
#news a:hover {    color: #62cae3;}
#news h2 {	background-color: #eee8e5;	border-bottom: 1px solid #ed1a3b;	color: #ed1a3b;	font-size: 1.3em;	margin-bottom: 0;	padding: 4px;}
#news h2 a {    color: #ed1a3b;}
#news ul {	list-style-type: none;	margin: 0 0 0 0;	padding: 0;}
#news li {	background: #eee8e5;	list-style-image: none;	padding: 4px;	margin-bottom: 1px;} */

/* #finlateral{
background:url(../img/locatorbottomcap.gif) 110px  no-repeat; height:5px; } */



/*****************************
* formularios
*****************************/

input, textarea {
    border: 1px solid #6C5E55;
    color: #F25E74;
    background: #fff;
	padding:0px 3px;
}

input:focus, text-area:focus {
    background: #eee;
}

#caja input, textarea {
    font-size: large;
    border: 1px solid #4543;
    color: #eee;
    background: #fff;
	padding:0px 3px;
}

#caja input:focus, textarea:focus {
    background: #rrr;
}

input[type=text].address {
	width: 70%;
}



/*Para login*/

.login-body {
	min-height: 100vh;
	background: url(../img/BDOLogin.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}

.login-body .body-layer {
	min-height: inherit;
	display: flex;
	justify-content: center;
	align-content: center;
	background-color: rgba(0,0,0,.45);
}

.login {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	min-height: 328px;
	width: 350px;
	margin: auto;
	padding: 1.9rem 2.2rem;
	-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

.logo-bdo {
	left: -8px;
	width: 160px;
	position: relative;
}

.login form {
	position: relative;
	height: inherit;
	display: flex;
	flex-direction: column;
}

.login form h3 {
	font-size: 1.2rem;
	margin-bottom: 1.2rem;
}

.login .credentials {
	display: flex;
	flex-direction: column;
	margin-bottom: 0.8rem;
}

.login .credentials input {
	border: none;
	border-bottom: 1px solid rgb(179, 179, 179);
	line-height: 2rem;
	font-size: small;
	margin-bottom: 0.4rem;
	width: auto;
	border-radius: initial;
	height: auto;
}

.login .select-division {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1.2rem;
}

.login .select-division p {
	flex-basis: 60%;
}

.login .select-division select {
	flex-basis: 30%;
}

.login .submit {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 1.4rem;
	
}

.login .submit input {
	color: #fff;
	background-color: #0067b8;
	border-color: #0067b8;
	font-size: small;
	padding: 0.3rem 1.3rem;
	cursor: pointer;
	height: auto;
	border-radius: initial;
}



#login p{ margin:5px 0px;}
#login{ background:#FFFFFF;}
/*****************************
* pie
*****************************/

#pie {
	/* clear: both; */
	text-align: center;
	font-size: .95em;
	width: 90%;
}
#pie a {
	color: #141111b7;
	text-decoration: none;
}
/*#pie a {
	color: #ED1A3B;
	text-decoration: none;
}*/
#pie p{
margin-top:5px;
}
#pie img.rss {
	margin-right: 3px;
	vertical-align: -1px;
}

#pie i {
	
	font-size: 1.8rem;
	
	margin-bottom: 0.5rem;
}

#principal hr {
	background-color: #d0d0d0;
	color: #d0d0d0;
	border: 0 none;
	height: 1px;
	width: 40%;
	text-align: center;
	margin: 0 auto 10px auto;
}








/*****************************
* slideshow de banners
*****************************/

#slideshow {
	margin-top:5px;
    position:relative;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    display: block;
    border: 0;
    margin-bottom:0px;
}

/* --------------------------------------------------- */
/* .hojatiempo table tr td:first-child {width:250px; text-align:left;}


.hojatiempo table {
	width:100%;
	border:1px solid #ddd;	
	font-size:.8em;
	
	
	}
.hojatiempo table td {
	text-align:center;
	width:35px;
	padding:2px 3px;
	border-right:1px solid #ddd;	
	border-bottom:1px solid #ddd;
}
.hojatiempo table tr:hover {
background:#F9F2E3;
}
.hojatiempo table th {
	padding: 1px 3px;
	text-transform: uppercase;
	color: #fff;
	background:#C4B9B3;
	font-weight:bold;
}

.hojatiempo input, textarea {
    font-size:small;
    border: 1px solid #6C5E55;
    color: #F25E74;
    background: #fff;
	padding:0px 1px;
}

.hojatiempo input:focus, text-area:focus {
    background: #eee;
}

.totales{
color:#000033;
font-weight:bold;
} */









/*   GRILLA  */
.grilla table{
	font-size:.9em;
	text-align:center;
	border:1px solid #C4B9B3;
}

.grilla table td {
	border: 1px solid #C4B9B3;

}

.grilla tr:hover { background:#E2DBCB; }

.grilla table th {
	padding:0px 0px;
	text-transform: uppercase;
	color: #fff;
	text-align:center;
	background:#C4B9B3;
	font-weight:bold;
}



/*   STAT */
.stat table {
	width:95%;

	}
.stat table td {
	font-size:.9em;
	padding:3px 5px;
	text-align:center;	
	border:1px solid #ddd;		
}
.stat table tr:hover {
background:#F9F2E3;
}
.stat table th {
background:#EEE8E5;
	font-size: .8em;
	padding: 2px 5px;
	text-transform: uppercase;
	font-style:italic;

	font-weight:bold;
}



/* .detalle table {
margin:10px 0;
}

.detalle table th {
	text-align:right;
	font-size: 1em;
	padding: 5px;
	font-weight:bold;
}

.detalle table td {
	font-size:1em;
	border-bottom:1px solid #ddd;
	padding:3px;
	text-align: left;

} 

*/





/*Paginacion*/
div.paginacion {
	font-size:.9em;
	padding:3px 8px;
	margin:5px 0px;
	width:97%;	
	background:#F9F2E3;
}

div.paginacion.margin-bottom {
	margin-bottom:  1.4em;
}

div.paginacion a {
	text-transform: uppercase;
	text-decoration: none;
	font-weight:bold;
	background:#B9ACA5;
	padding:0px 3px;
	color:#FFFFFF;
}
div.paginacion a:hover {
	background:#EC1B3C; 	
}



div.paginacion b {
	color:red;
}




.errolog { 	color: #ed1a3b;
font-style:italic; font-size:12px; }
.nombrepropio{ text-transform:capitalize;}
.mensajeverde{ background:#D7FDB5; padding:2px 5px; text-align:center; color:#333333;}
.mensajeazul{ background:#9ACBE9; padding:2px 5px; text-align:center; color:#333333;}
.mensajerojo{ background:#F0BEBD; padding:2px 5px; text-align:center; color:#333333;}
.mensajeverde, .mensajerojo , .mensajeazul a:hover{ color: #ed1a3b; }
.mensajeverde, .mensajerojo , .mensajeazul a{ color:#333333;}
/* campo requerido*/
.error { background:#F8E3E0; padding:2px 5px; color:#333333; font-style:italic; font-size:.9em; } 




#panel{

}
#modulo{
float:left;
width:200px;
margin:10px 3px;
display:block;
padding:5px;
}
.hoja { background:#FCDCDE url(../img/bg-tiempo.png) no-repeat 2px 5px;}
.gasto{ background:#D7F4F2 url(../img/bg-gastos.png) no-repeat;}
.servicios { background:#FFFBD2 url(../img/bg-servicios.png) no-repeat;}
.reportes{ background:#ECFFCE url(../img/bg-reportes.png) no-repeat;}
#panel li{ font-size:1em;}
#panel a{ text-decoration:none; border-bottom:dashed 1px #CCCCCC; padding:0 2px;}
#panel a:hover{ background:#333333; color:#FFFFFF;}
#panel h3 { font-size:1.3em; margin-left:65px; margin-right:5px; margin-bottom:5px;}
#panel li{ list-style-image:url(../img/vineta.png); margin-left:10px; margin-bottom:3px;  }
#panel p{ margin:0 0 5px 60px; font-size:.9em; font-style:italic; }

#moduloempleado{
float:left;
width:308px;
margin:10px 3px;
display:block;
padding:5px;
}

.mensaje { font-style:italic; font-size:.9em;}
.ipersonal { background:#B9ACA5; padding:1px 3px;}
a .ipersonal{ color:#FFFFFF; }

.submenu { padding:4px 8px; margin:0.8em 0; width:100%; background:#EEE8E5; } 
.submenu a {  text-decoration:none; padding:1px 5px; margin-right:5px; } /* background:#B9ACA5; color:#FFFFFF; */
.submenu a:hover { color:#EC1B3C; padding:0px 5px; } 

.ayuda { font-weight:normal; font-style:italic; font-size:1em; margin-bottom:0px;}
.ayuda a{ background:#F9F2E3; padding:0px 3px; }

.col { background:#EEE8E5; color:#EC1B3C; padding:0 20px; font-size:1.1em; }
.col2 { background:#EEE8E5; color:#EC1B3C; padding:0px; font-size:1.1em; }

/* Ficha de Personal */
.nombre{ font-family:Georgia, "Times New Roman", Times, serif; font-size:2.1em; color:#666666; }
.mail a { font-size:1.4em; color:#ed1a3b;}
.categoria{ font-size:1.2em;}
.fotopersonal { 
	border-left:3px solid #ed1a3b; 
	border-bottom:3px solid #1F4298; 
	margin-right:5px;
	object-fit: cover;
}




/* LIVE VALIDATION*/
.LV_validation_message{
font-style:italic;
margin:0 0 0 5px;
font-size:smaller;
/* display:block; */
}

.htiempo .LV_validation_message {
	display: block;
	margin: 0.2em 0 0;
}

.LV_valid {
    color:#595900;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
/*    border: 1px solid #00CC00;*/
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
	background:#FFF0F0;
}

select.LV_invalid_field {
	border: 1px solid #dadada;
}

select.LV_invalid_field:hover {
	background: transparent;
}
/*estilo para validacion 2*/
.LV_invalid_field2, 
input.LV_invalid_field2:hover, 
input.LV_invalid_field2:active,
textarea.LV_invalid_field2:hover, 
textarea.LV_invalid_field2:active {
    border: 1px solid #CC0000;
	background:#FFF0F0;
}

select.LV_invalid_field2 {
	border: 1px solid #dadada;
}

select.LV_invalid_field2:hover {
	background: transparent;
}




.title{
color:#FF0000;
}

#easyTooltip{
	padding:5px 10px;
	border:1px solid #FF8080;
	background:#FFF0F0;
	color:#333333;
	width:200px;
	font-size:smaller;
	}	
	
	
	







/*Tablasss con cuadro y pegadas a la derecha*/
.datacuadrod table {	width:100%;	border:1px solid #ddd;		}
.datacuadrod table td {
	font-size:.9em;
	padding:3px 5px;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;	
	text-align: right;
}
.datacuadrod table tr:hover { background:#F9F2E3; }
.datacuadrod table th {
	text-align: center;
	font-size: .9em;
	padding: 0px 2px;
	text-transform: uppercase;
	border-bottom:1px solid #ddd;		
	border-right:1px solid #ddd;		
	color: #fff;
	background:#C4B9B3;
	font-weight:bold;
}

.totales td {
	text-align: right;
	font-size: .9em;
	padding: 1px 2px;
	border-top:1px solid #000000;		
	border-right:1px solid #ddd;		
	color:#000000;
	background:#F9F2E3;
	font-weight:bold;
}
	
.fondomarron{	background:#F9F2E3;	}
.fondorojo{	background:#FFF0F0;	}
/* .sabdom{	background:#D7D0CC;	 padding:0 2px;} */
.sabdom{	color:black; font-weight:bold;	 padding:0 2px;}
.rojo{ color:#990000; font-weight:bold;}
.azul{ color:#000099; font-weight:bold;}
.negro{ color:#000000; font-weight:bold;}
.plomo{ color:#999999; font-style:italic;}
.blanco{ color:#fff;}
	
	
/*Cambios en Títulos, Tablas y Formularios*/
.table-display {
	display: flex;
	justify-content: center;
}

.table-display-column {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.section_wrapper {
	width: 80%;
}

.section_wrapper_wide {
	width: 100%;
}

.section_wrapper p:first-of-type {
	margin-top: 0.8em;
}

.section_wrapper p:not(:last-of-type) {
	margin-bottom: 0.8em;
}

.data table {
	width: 100%;
	/* border: 1px solid #ddd;	 */
}

.data table td,
.data table th {
	font-size:.9em;
	padding: 0.8em 1.1em;
	vertical-align: middle;
	border-bottom:1px solid #ddd;
	text-align: left;
}

.data table td.totales {
	text-align: left;
	border-bottom: 1px solid #ddd;
	/* color: #000000; */
	font-weight: bold;

}

.data.htiempo table td,
.data.htiempo table th {
	font-size:.8em;
	padding: 0.6em 0.7em;
	text-align: center;
	vertical-align: middle;
}

.data.htiempo table tr:last-child td {
	vertical-align: top;
}


.data.htiempo table td:first-child {
	text-align: left;
}

.data.htiempo table tr:first-child th:first-child {
	width: 230px;
}

.data.htiempo input {
	font-size: small;
	display: inline-block;
}

p.htiempo.mensaje,
p.htiempo {
	margin-top: 0;
	margin-bottom: 0.5em;
}

.data table td {
	background-color: rgba(255, 255, 255, 0.603);
}

.data table th {
	text-transform: uppercase;
	color: #fff;
	/* background: rgb(0, 120, 212); */
	/* background: #C4B9B3; */
	/* background: rgb(237, 26, 59); */
	background:rgb(229, 20, 0);
	font-weight: bold;
	border-bottom: 1px solid transparent;
	line-height: 1.2em;
}

.data table th:first-child {
	border: 1px transparent;
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -khtml-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
}

.data table th:last-child {
	border: 1px solid transparent;
	border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -khtml-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
}

.data table td:first-child {
	border-left: 1px solid #ddd;
}

.data table td:last-child {
	border-right: 1px solid #ddd;
}

.data table tr:hover {
background: #F9F2E3;
}

.data .sub-table tr:first-child {
	font-weight: bold;
}

.data .sub-table td:first-child{
	padding-left: 2.8em;
}

.data .sub-table tr:first-child td:first-child{
	padding-left: 4.6em;
}

.data table td span {
	margin-right: 1.3em;
	font-weight: bold;
}

.data.htiempo td span {
	margin-right: 0;
}

.data table.center td,
.data table.center th{
	text-align: center;
}

td a {
	text-decoration: none;
	
}
td a i {
	font-size: 1.15em;
	/* color: #786860; */
	/* color: hsl(20, 11%, 42%); */
}

td i.delete {
	color: rgb(229, 20, 0);
}
.toggle {
	padding-top: 1.5em;
}

.flex {
	display: flex;
}

.flex-col {
	display: flex;
	flex-direction: column;
}

.center-align {
	justify-content: center;
	align-items: center;
}

.align-items {
	align-items: center;
}

.align-start {
	align-items: flex-start;
}

.bottom-align {
	justify-content: center;
	align-items: flex-end;
}

.padding-left {
	padding: 0 1.4em;
}

.margin-left {
	margin-left: 1.4em;
}

.margin-bottom {
	margin-bottom: 1.4em;
}

.margin-top {
	margin-top: 0.8em;
}

.margin-top-small {
	margin-top: 0.4em;
}

.margin-bottom-small {
	margin-bottom: 0.8em;
}

.margin-right-small {
	margin-right: 0.3em;
}

form.flex,
form.flex-col {
	padding: 0 1.4em;
	margin-bottom: 1.4em;
}

.input-item {
	margin-bottom: 0.8em;
}

form.flex-col .input-item {
	margin-bottom: 0.8em;
}

form.flex.first-form,
.first-form {
	margin-bottom: 0;
}

.align-center {
	align-items: center;
}

.input-item.flex .main-btn{
	align-self: center;
}

.input-item {
	margin-right: 1.5em;
}

.last-input {
	padding: 0 1.4em;
	margin-bottom: 1.4em;
}

.margin-right {
	margin-right: 1.5em;
}

form input[type=text], form input[type=email], form input[type=url], form input[type=password] {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	-khtml-border-radius: 5px;
	height:25px;
	border:1px solid #dadada;
	padding: 1px 3px;
	width: 200px;
}

.data input[type=text].long-input{
	width: 100%;
}

.data table.center th:first-child {
	width: 400px;
}

.data:not(.htiempo) table th:nth-last-child(2) {
	width: 130px;
}

input, textarea {
	color: black;
	border:1px solid #dadada;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	-khtml-border-radius: 5px;
	padding: 1px 3px;
}

input {
	height: 25px;
}

select.servicio {
	width: 70%;
}



textarea {
	margin-top: 0.3em;
}

select {
	height: 25px;
	border:1px solid #dadada;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	-khtml-border-radius: 5px;
	padding: 1px 3px;
}

input[type=text].date-picker,
input.date-picker  {
	width: 90px;
	padding: 5px 5px;
	color: black;
	font-size: 1em;
	text-align: center;
	height: auto;
	margin-bottom: 0;
}

input[type=text].date-picker::selection,
input.date-picker::selection {
	color: rgb(229, 20, 0);
	background: transparent;
}

input[type=checkbox] {
	margin-left: 0.5em;
}

.main-btn {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius:20px;
	-khtml-border-radius: 20px;
	padding: 0.3em 1.3em;
	font-size: 1em;
	cursor: pointer;
	/* border: 1px solid rgb(229, 20, 0); */
	border-color: hsl(20, 11%, 62%);
	background: hsl(20, 11%, 62%);
	color: #fff;
	height: 1.9em;
}

.main-btn:hover,
.main-btn:focus:hover,
input[type=submit]:focus:hover {
	background: hsl(20, 11%, 42%);
	border-color:hsl(20, 11%, 42%);
}

.main-btn:focus {
	outline: none;
}

input[type=submit]:focus,
input[type=button]:focus {
	background: hsl(20, 11%, 62%);
}

.main-btn.right {
	margin-left: 1.2em;
}

.big-btn {
	padding: 0.8em 1em;
	height: auto;
}

.title_black {
	color: rgb(229, 20, 0);
	height: 50px;
	background: none;
	line-height:50px;
	padding-left: 0px;
	position: relative;
	font-size: 1.5em;
	/*--Top right rounded corner--*/
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	/*--Top left rounded corner--*/
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	text-transform: uppercase;
	border-bottom: 1px solid rgb(229, 20, 0);
}

.section_wrapper h3 {
	margin-bottom: 0.4em;
}

.padding-left-big {
	padding-left: 3em;
}

input[type=text].small {
	width: 5em;
}

input[type=text].long {
	width: 85%;
}

input[type=text].medium {
	width: 50%;
	font-size: unset;
}

form.wide {
	width: 100%;
}
select.medium {
	width: 50%;
}


.top-section {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	/* border: 0.5px solid rgb(224, 224, 224); */
	margin: 0;
	padding: 0 1.5em;
}

.max-width {
	width: 100%;
}

.input-item p.mensaje,
.input-item span.mensaje {
	margin-top: 0;
}

.input-item p.margin-top-small {
	margin-top: 0.4em;
}

.detalle h3 {
	color: rgb(229, 20, 0);
    /* height: 50px; */
    background: none;
    line-height: 2em;
    padding-left: 0.5em;
    position: relative;
    font-size: 1.1em;
    /*--Top right rounded corner--*/
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -khtml-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    /*--Top left rounded corner--*/
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -khtml-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    text-transform: uppercase;
    /* border-bottom: 1px solid rgb(229, 20, 0); */
}
	

.profile-wrapper {
	justify-content: space-around;
}

.profile-info {
	display: flex;
	flex-direction: column;
	/* align-items: center; */
	justify-content: center;
}

.page-link,
.page-link:visited {
	text-decoration: none;
	color: white;
}

.logout-wrapper,
.hcargadas-wrapper {
	display: flex;
	justify-content: center;
}

.hcargadas-panel {
	position: absolute;
	left: calc(100vw/3);
	top: calc(100vh/2 - 150px);
	min-height: 150px;
	border-radius: 5px;
	width: 400px;
	border: 1px solid rgb(224, 224, 224);
	background-color: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	box-shadow: 0 0 0 1600px rgba(0,0,0,0.65);/* dark around it */

}

.hcargadas-panel2 {
	position: absolute;
	left: calc(100vw/3);
	top: calc(100vh/2 - 150px);
	min-height: 150px;
	border-radius: 5px;
	width: 400px;
	border: 1px solid rgb(224, 224, 224);
	background-color: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	box-shadow: 0 0 0 1500px rgba(0,0,0,0.65);/* dark around it */

}

.logout-panel {
	position: absolute;
	top: calc(100vh/4);
	min-height: 150px;
	border-radius: 5px;
	width: 400px;
	border: 1px solid rgb(224, 224, 224);
	background-color: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.logout-panel p,
.hcargadas-panel p {
	margin: 1.3rem auto;
	text-align: center;
}


.logout-panel p,
.hcargadas-panel2 p {
	margin: 1.3rem auto;
	text-align: center;
}

.logout-menu button,
.logout-menu input[type="submit"] {
	width: 80px;
	padding: 8px;
	height: 35px;
	color: #fff;
    border: 1px solid #dadada;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	-khtml-border-radius: 5px;
	background: rgb(237, 26, 59);
	cursor: pointer;
}

.logout-menu {
	width: 250px;
	height: 60px;
	display: flex;
	justify-content: space-around;
	align-items: flex-end;
}

.logout-menu :focus {
	outline: none;
}

.logout-menu input[type="submit"]:hover {
	background: rgb(237, 26, 59);
}


.logout-menu button:active,
.logout-menu input[type="submit"]:active {
	background: #2d2d2d;

}

.access-title {
	flex-basis: 100%;
	margin-bottom: 0.8em;
}

.access-options {
	flex-basis: 45%;
	margin-right: 1.8em;
	margin-bottom: 1.5em;
}

fieldset {
	border-radius: 5px;
}

.wrap {
	flex-wrap: wrap;
}
.flex_vcenter {
	display: flex; 
	align-items: center;
}
#privacidad {
	border: 0.5px solid rgb(224, 224, 224);
	padding: 1rem 2rem;
}
/* #privacidad h2 {
	text-align: center;
} */
#privacidad h2, #privacidad p {
	margin-bottom: 1rem;
}