@import url(variables.css);

html,
body {
	font-family: "Open Sans", sans-serif;
	color: #000;
}
textarea {
	font-family: "Open Sans", sans-serif;
	font-size: 0.9em;
}
button {
	font-family: "Open Sans", sans-serif;
}

#role_changer {
	background: transparent;
	/** color: var(--colorFont); */
	padding: 0.3em 0.5em 0.3em 0.5em;
	/** border: 1px solid #816b2a; */
}

/* login */
.login-body-color {
	color: #fff;
	background: var(--colorFondoLogin);
}
.login-reset-color a {
	color: #fff9da;
}
.login-reset-color a:hover {
	color: #ffffff;
}
/* icons colors*/

.im-color-header {
	color: #ffffff;
}
.im-color-sidenav {
	color: var(--colorFont);
}
.im-color-block {
	color: #d2cac8;
}
.im-color-logout {
	color: #fc5050;
}
.im-color-submenu {
	color: #4a260e;
}
.im-color-content {
	color: var(--colorFondoLogin);
}
.im-color-bulk {
	color: #4a260e;
}
.im-color-pager {
	color: #4a260e;
}
.im-color-rows {
	color: #4a260e;
}
.im-color-add {
	color: #6b7a87;
}
.im-color-yes {
	color: #72dd66;
}
.im-color-no {
	color: #fc5050;
}
.im-color-filter {
	color: #6b7a87;
}
.im-color-black {
	color: #000;
}
/* header */
.header-color {
	background: var(--colorFondoBar);
	border-bottom: 1px solid #3f2717;
}
.logo-bck {
	background: var(--colorFondoMenu);
	border-right: 1px solid #3f2717;
}

.header-color a {
	text-decoration: none;
}
.header-color a:hover {
	text-decoration: underline;
	color: #fff;
}
.admin-title-color {
	color: var(--colorFont);
}
.user-title {
	color: #b6d28e;
}
.user-title-strong {
	color: #2b8b2b;
	font-weight: 700;
}
.rol-color {
	color: var(--colorFont);
}

.author-color {
	color: #899e6b;
}

.header-menu-color .im-title {
	color: #b6d28e;
	font-weight: 600;
}
.header-menu-color a {
	color: #fff;
}
.submenu-color {
	color: #000000;
	background: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 0 5px #999;
	-webkit-box-shadow: 0 0 5px #999;
	box-shadow: 0 0 5px #999;
}

.submenu-color::after {
	content: "";
	position: absolute;
	top: -8px;
	right: 0;
	border-color: transparent;
	border-style: solid;
	border-radius: 0.4em;
	border-width: 1.3em;
	border-right-color: #fff;
}

.submenu-color li {
	border-bottom: 1px solid #e4e4e4;
}

.submenu-color .last {
	border-bottom: none;
}
.submenu-color li a {
	color: #555655;
}
.submenu-color li a:hover {
	color: #000;
}
#searchbox input {
	background-color: transparent;
	border-top: none;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 0.2em 0.3em 0 0.3em;
}
.cycle-input {
	font-weight: 700;
	font-size: 1em;
	background-color: transparent;
	border-top: none;
	border-left: 1px solid rgba(255, 255, 255, 0.5);
	border-right: 1px solid rgba(255, 255, 255, 0.5);
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	font-family: "Open Sans", sans-serif;
	padding-left: 0.3em;
	padding-bottom: 0.1em;
	height: 20px;
	margin: 1em 0.4em 0 0em;
	max-width: 63px;
}
/* content */
.body-color {
	color: #000;
	background: var(--colorFondo);
}

.data-table th {
	background: var(--colorFondoLogin);
	color: #ffffff;
}

.data-table th,
.data-table td {
	border-right: 1px solid var(--colorFondo);
}
.data-table .tr1 {
	background: #f3f1ee;
}
.data-table .tr2 {
	background: #ffffff;
}
.data-table .tr-marked td {
	/*border-bottom:1px solid #ccc;*/
}
.data-table .tr-marked .strong {
	font-weight: 700;
}

.tbl-header th a {
	color: #ffffff;
	background: url("../images/updown.png") no-repeat right top;
	background-size: 14px auto;
}
.tbl-header th a:hover {
	color: #ffffff;
	text-decoration: underline;
}

.data-table th {
	background: var(--colorFondoLogin);
	color: #ffffff;
}

.bulk-actions-color {
	background: #ffffff;
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
}
.positive {
	color: #4a9b47;
}
.negative {
	color: #c15355;
}
.referencia {
	font-size: 0.8em;
	color: #76787a;
}
.bold {
	font-weight: 900;
}
.block-color {
	background: #fff;
	border-radius: 6px;
	border: 1px solid #eae4d0;
}
.row-no {
	background: #c34741;
	color: #ffffff;
}
.row-yes {
	background: #7faf58;
	color: #ffffff;
}
.row-pend {
	background: #d29731;
	color: #ffffff;
}
.subject-color {
	color: #000;
}
.date-color {
	color: #a1a1a1;
}
.message-color {
	color: #676064;
}
.message-attach-color {
	padding: 1em 0 1em 0;
	border-top: 1px solid #eae4d0;
}
.message-attach-color a {
	text-decoration: none;
	color: #000;
}
.message-attach-color a:hover {
	text-decoration: underline;
	color: #000;
}
/* tabs */
.tabset > label::after {
	content: "";
	position: absolute;
	left: 15px;
	bottom: 10px;
	width: 22px;
	height: 4px;
	background: #a8a8a8;
}

.tabset > label:hover,
.tabset > input:focus + label {
	color: #4a9b47;
}

.tabset > label:hover::after,
.tabset > input:focus + label::after,
.tabset > input:checked + label::after {
	background: #4a9b47;
}

.tabset > input:checked + label {
	border-color: #ccc;
	border-bottom: 1px solid var(--colorFondo);
	margin-bottom: -1px;
}

.tab-panel {
	padding: 30px 0;
	border-top: 1px solid #ccc;
}
/* sidebar */
.sidenav .im-title {
	color: #fff;
}
.sidenav-color {
	background-color: var(--colorFondoMenu);
	color: #ffffff;
}

.sidenav ul li a {
	color: #ffff;
}
.separator {
	clear: both;
	float: left;
	width: 100%;
	height: 1px;
	margin: 0.5em 0 0.5em 0;
	background-color: #816b2a;
}

/* footer */
.footer-color {
	color: #a2a4a1;
	background-color: #000;
}
/* forms */
.login-box-color {
	background: #f9f9f9;
	color: #555655;
	/*  
	-webkit-border-radius:3px; 
    border-radius:3px;  
    -webkit-box-shadow: 0px 2px 7px rgba(50, 50, 50, 0.35);
    -moz-box-shadow:    0px 2px 7px rgba(50, 50, 50, 0.35);
    box-shadow:         0px 2px 7px rgba(50, 50, 50, 0.35);
	*/
}

.form-input-color {
	font-family: "Open Sans", sans-serif;
	color: #4a260e;
	border: 1px solid #ccc;
	border-radius: 0;
}
.form-button-color {
	background: #e4862c;
	color: #ffffff;
	text-transform: uppercase;
	border: 1px solid #816b2a;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.form-button-color:hover {
	background: #f29b56;
	color: #ffffff;
	border: 1px solid #816b2a;
}
.small-button-color {
	background: #e4862c;
	color: #ffffff;
	text-transform: uppercase;
	border: 1px solid #816b2a;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.small-button-color:hover {
	background: #f29b56;
	color: #ffffff;
	border: 1px solid #816b2a;
}
.inputfile + label {
	font-size: 1.2em;
	padding: 1em;
	width: 100%;
	font-family: "Open Sans", sans-serif;
	color: #000;
	background: #fff;
	border: 1px solid #ccc;
	display: inline-block;
	border-radius: 5px;
	font-weight: 400;
}

.inputfile:focus + label,
.inputfile + label:hover {
	background-color: #e4862c;
	color: #fff;
}
.inputfile + label {
	cursor: pointer; /* "hand" cursor */
}
.inputfile:focus + label {
	outline: -webkit-focus-ring-color auto 5px;
}
.ficha {
	font-size: 0.95em;
}

/* alerts */
.alert {
	clear: both;
	float: left;
	width: 100%;
	padding: 0.5em;
	font-size: 0.8em;
	font-weight: 600;
	background: url("../images/alert-close.png") no-repeat right 4px;
	margin: 0.5em 0 0.5em 0;
}
.alert ul {
	list-style: none;
}
.alert-success {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}
.alert-success hr {
	border-top-color: #c9e2b3;
}
.alert-success .alert-link {
	color: #2b542c;
}
.alert-info {
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1;
}
.alert-info hr {
	border-top-color: #a6e1ec;
}
.alert-info .alert-link {
	color: #245269;
}
.alert-warning {
	background-color: #fff;
	border: 2px solid #5797d2;
	font-weight: 300;
}
.alert-warning hr {
	border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
	color: #66512c;
}
.alert-danger,
.alert-register {
	color: #fff;
	background-color: #d22724;
	border-color: #ebccd1;
}
.alert-danger hr {
	border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
	color: #245269;
}
.alert-noclose {
	background-image: none;
}

.alert-register::after {
	content: "";
	position: absolute;
	top: 0;
	left: -10px;
	border-color: transparent;
	border-style: solid;
	border-radius: 0.2em;
	border-width: 0.8em;
	z-index: 888;
	border-top-color: #f2dede;
}

.SI,
.asistencia-1 {
	color: #0c9e1a;
	font-weight: 700;
}
.NO,
.asistencia-2 {
	color: #d33124;
	font-weight: 700;
}
.PEND,
.asistencia-3,
.asistencia-4,
.asistencia-5 {
	color: #e68a00;
	font-weight: 700;
}
.hide-block {
	clear: both;
	float: left;
	width: 100%;
	display: none;
	border-bottom: 1px solid #f2dede;
	padding: 0.5em 0 0.5em 0;
}