@import url('https://fonts.googleapis.com/css?family=Ubuntu');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
body{
	background-color:#eeeeee;
	font-family: 'Open Sans', sans-serif;	
}
p.ayuda{
	opacity: 0.2;
	-webkit-transition: opacity 100ms linear;
    -ms-transition: opacity 100ms linear;
    transition: opacity 100ms linear;
}
p.ayuda:hover{
	opacity:1;
}
.contenido{
	background-color: rgba(255,255,255,0.8);
	border-color: #CCC;
	border-width: 0.5px;
	border-style: solid;
	color: black;
	border-radius: 5px;
	text-shadow: none;
	margin:25px;
	padding:25px;
}
#loader{
	display:none;
}
#fondo_logo{
	background-image:url(../images/fondo.png);
	position: fixed;
	left: -35px;
	top: -35px;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 421.333px auto;
	z-index: -1;
}
@media (max-width:500px)  {
	#fondo_logo{
		background-position: center bottom 15px;
		left:0;
		top:0;
		background-size: calc(100% - 35px) auto;
	}
}
.bg-dark{
	color:#f7f7f7
}
.encabezado_tabla{
	margin-top:15px;
	margin-bottom: 15px;
}
.btn_tablaHighDuck{
	color:#808080;
	margin-left:3px;
}
.btn_tablaHighDuck:hover{
	opacity: 0.7;
	cursor: pointer;
}
.custom-file,.btn.dropdown-toggle,.custom-file label{
	border: 1px solid #ced4da;
	background: #fff;
	color: #495057;
}
.vista_semana table thead{
	background-color:#2E2E2E;
	color:#fff;
}
.vista_semana table thead th{
	padding:3px;
}
.vista_semana table tbody td{
	text-overflow: ellipsis;
	white-space: nowrap;
	padding:3px;
}
nav{
	background:#ccc;/*#2C89E7;*/
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2);
	color: #FBFBFB;
}
#sidebar{
	background-color: #F4F4F4;
	border-right: #ccc solid 1px;
}
#sidebar .list-group-item{
	color: #808080;
	background:transparent;
	border:none;
	padding: .75rem 2.25rem;
	-webkit-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
}
#sidebar .list-group-item:hover{
	background: #FFE600;
	color:#000;
}
.bg-red{
	background-color:#FFE0E0;
}
.bg-green{
	background-color:#E1FFDC;
}
#sidebar .bg-red .list-group-item:hover{
	background: #D40101;
	color:#f7f7f7;
}
#sidebar .bg-green .list-group-item:hover{
	background: #169E01;
	color:#f7f7f7;
}
#sidebar a.list-group-item{
	border-top:1px solid #ccc;
}
.dataTables_length{
	text-align:left;
}
table{
	font-size:0.8em;
}
table.tablaHighDuck tbody tr td:first-child i.fa-play-circle{
	color:#088A08;
}
table.tablaHighDuck tbody tr td:first-child i.fa-pause-circle{
	color:#B40404;
}
table.tablaHighDuck tbody tr td{
	padding:3px;
	vertical-align:middle;
	border:0;
}
table.tablaHighDuck tbody tr td{
	max-width: 100px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
table.tablaHighDuck tbody tr:nth-child(odd){
	background-color: #e8e8e8;
}
table.tablaHighDuck tbody tr:hover{
	background-color: #F2F5A9;
}
table.tablaHighDuck tbody tr.falta{
	background-color: #FCCDCD;
}
table.tablaHighDuck tbody tr.falta:hover{
	background-color: #FCA2A2;
}
table.tablaHighDuck tbody tr.selected{
	background:#bebebe;
	color:#545454;
}
table.tablaHighDuck tbody tr td.child{
	white-space: normal;
}
table.tablaHighDuck tbody tr td[type='img']{
	text-align: center;
}
table.tablaHighDuck tfoot tr th{
	padding-right:5px;
}
form.login input{
	border:none;
}
form.login input:focus{
	border:none;
	box-shadow:none;
}
#respuesta{
	position:fixed;
	bottom:0px;
	width:100%;
	left:0;
	z-index:1051;
}
.opciones_registros{
	padding-top:15px;
	padding-bottom:15px;
}
.opciones_registros a{
	color:#000;
}
.opciones_registros a:hover,.opciones_registros a:active{
	opacity: 0.7;
}
#modal_editar .cropit-preview, #modal_nuevo .cropit-preview {
	background-color: #f8f8f8;
	background-size: cover;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-top: 7px;
	width: 150px;
	height: 150px;
}
#modal_editar .cropit-preview-image-container, #modal_nuevo .cropit-preview-image-container {
	cursor: move;
}
#modal_editar .image-size-label, #modal_nuevo .image-size-label {
	margin-top: 10px;
}
#modal_editar #result, #modal_nuevo #result {
	margin-top: 10px;
	width: 150px;
}
#modal_editar #result-data, #modal_nuevo #result-data {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-wrap: break-word;
}
.hover_row{
	-webkit-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
    padding-top:25px;
    padding-bottom: 25px;
}
.hover_row:hover{
	background:#E6E6E6;
}
.unaNotificacion{
	-webkit-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
    cursor:pointer;
}
.unaNotificacion.alert-danger:hover{
	background:#ffbcbc;
}
.unaNotificacion.alert-success:hover{
	background:#AEF0AA;
}
#resumen_dia .row .col{
	background: #000;
	color:#f7f7f7;
}
.caja_tablero{	
	border-radius:3px;
	margin-bottom:10px;
}
.caja_tablero .col-2 i{
	padding:5px;
}
.caja_tablero .row:nth-child(2) .col{
	font-size:0.6em;
}
.caja_tablero .row:nth-child(1) .col div:nth-child(1){
	font-size:2.2em;
	line-height:1em;
}
.caja_tablero .row:nth-child(1) .col div:nth-child(2){
	font-size:0.7em;
	margin-right:3px;
}
.caja_tablero.caja-puesto{
	border:1px solid #535151;
}
.caja_tablero.caja-asistencia{
	border:1px solid #535151;
}
.caja_tablero.caja-asistencia .row:nth-child(1){
	background-color:#535151;
	padding:5px;
	color:#fff;
}
.caja_tablero.caja-asistencia .row:nth-child(2){
	background:#F5F5F5;
	padding:5px;
	color:#535151;
}
.caja_tablero.caja-puesto .row:nth-child(1) .col div:nth-child(1){
	font-size:1.5em;
}
.caja_tablero.caja-puesto .row:nth-child(1){
	background-color:#535151;
	padding:5px;
	color:#fff;
}
.caja_tablero.caja-puesto .row:nth-child(2){
	background:#F5F5F5;
	padding:5px;
	color:#535151;
}
.caja_tablero.caja-turnos{
	border:1px solid #337AB7;
}
.caja_tablero.caja-turnos .row:nth-child(1){
	background-color:#337AB7;
	padding:5px;
	color:#fff;
}
.caja_tablero.caja-turnos .row:nth-child(2){
	background:#F5F5F5;
	padding:5px;
	color:#337AB7;
}
.caja_tablero.caja-atendidos{
	border:1px solid #5CB85C;
}
.caja_tablero.caja-atendidos .row:nth-child(1){
	background-color:#5CB85C;
	padding:5px;
	color:#fff;
}
.caja_tablero.caja-atendidos .row:nth-child(2){
	background:#F5F5F5;
	padding:5px;
	color:#5CB85C;
}
.caja_tablero.caja-inasistencia{
	border:1px solid #D9534F;
}
.caja_tablero.caja-inasistencia .row:nth-child(1){
	background-color:#D9534F;
	padding:5px;
	color:#fff;
}
.caja_tablero.caja-inasistencia .row:nth-child(2){
	background:#F5F5F5;
	padding:5px;
	color:#D9534F;
}

.dash-lista{
	background: #F5F5F5;
	border:1px solid #ccc;
	border-radius: 5px;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2);
}
.dash-lista .row .col{
	font-size:1em;
	border-bottom:1px solid #ccc;
	padding:10px;
}
.dash-lista .row .col.header{
	font-weight: bold;
	font-size:1.3em;
	color:#fff;
	background-color: #535151;
}