@font-face {
  font-family: 'Source Sans Pro';
  src: url('../../css/fonts/SourceSansPro-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url('../../css/fonts/SourceSansPro-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url('../../css/fonts/SourceSansPro-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

html,body {
    height: 100%;
    font-size:1.1em !important;
    line-height:1.2 !important;
    font-family: 'Source Sans Pro', sans-serif;
}
/*transform: scale(1.3) !important;   transform-origin: 0 0 !important;*/
@font-face {
  font-family: 'Righteous'; /* Un nombre que tú defines para usar en CSS */
  src: url('../../css/fonts/Righteous-Regular.ttf') format('truetype'); /* Ruta a tu archivo TTF */
  font-weight: normal; /* O el peso de la fuente (bold, etc.) */
  font-style: normal; /* O el estilo de la fuente (italic, etc.) */
}
table td, th {
  padding: 3px 5px !important;
}

.box-header {font-weight:bold;border:1px solid #aaa;background-color: #eee}
.box-body {border:1px solid #aaa !important;border-radius:4px}
.flash {color:white;padding:4px;width:100%;border-radius:3px}
.flash-error {background-color: red}
.flash-success {background-color: green}

.form-controlx { padding:2px }

.floatview {float:left;margin-right: 12px;margin-top:7px}
.floatview > label {margin:0px;font-size:0.9em}
.floatview > div {background-color:#e4e9ec;font-size:1em;padding:3px;}
.floatviewtd {background-color:#e4e9ec !important;font-size:1em;padding:3px;}
.anoacad {
	display:inline;font-size:1em;vertical-align:bottom;margin:auto !important;
  }
.nombrecentro{
	color:white;
	max-width:600px;
	max-height:40px;
	font-weight:bold;font-size:1.2em;
	float:left;
	padding:10px;
}
div.titulo
{
	background:#eee8ec;
	color:#6989c7;
	padding:5px;
	font-size:15px;
	font-weight :bold;
	border-radius:5px;
	border-color:#0000FF;
	box-shadow: 2px 2px 5px #999;
}
h11 {
  font-size:1.4em;line-height:1;margin-bottom:0.5em;margin-top:0px;
	border-radius:5px;
	box-shadow: 2px 2px 5px #999;background:#eeeeee;
  padding:3px 3px 3px 8px !important
}
h1 {
  font-size:1.4em;line-height:1;margin-bottom:0.5em;margin-top:0px;
	background:#fff;
	border-bottom:1px solid #ddd;
  padding:0px 3px 3px 0px !important
}
h2{
    margin-top: 0px;
}
/*Men de acciones*/
.acmenu {
    background: #eef}
.acciones {
	margin-right:14px;margin-bottom:5px;
}
.content {padding-top:4px}
.contentmob {padding: 2px}
.fotousu {
    box-shadow: 2px 2px 5px #999;
	margin-bottom:10px;max-width:80px;
	border-radius: 4px
}
.rowcol {
  margin-left:15px !important;
}
/*columna iconos grid*/
.grid-view .button-column {
    width: 75px !important;
}
.grid-view {
    padding-top:0px !important;
}
.table >tbody >tr:hover {
	background-color: #ffffbb !important;
}
.diasem {color:blue}
.truncate {
  width: 400px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-widget-content a.btn {
    color:white;
}
.navbar,.main-header,.logo,.logo-lg {
    background-color:#2fc9dd !important;

}
header .navbar .nav>li>a { /* textos cabecera */
  color:#eee !important;
}
.sidebar-menu>li>a{
	padding:0px 5px 7px 12px !important
}
.skin-blue-light .sidebar-menu>li>a {
	font-weight: normal;
}
.main-header li.user-header { /* foto usuario al abrir menú*/
  background-color:#2fc9dd !important;
}
.boxinfo {margin:10px 20px 10px;clear:left;padding-bottom:5px;border-radius:6px;width:60%;border:1px solid #00a65a;font-size:0.9em}
.boxinfo >div {background:#eee;padding:4px;border-radius:6px}
.boxinfo >li {margin-left:10px}
.search-form {background:#d8d8e7;padding:7px!important}

/* Menú acciones */
.acdropbtn {
  /*background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;*/
  border: none;
  cursor: pointer;
}

.acdropdown {
  position: relative;
  display: inline-block;
}

.acdropdown-content {
  display: none;
  position: absolute;
  right: 0;
  background-color: #e1e1e1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 911;
}

.acdropdown-content a {
  color:#333;
  padding: 8px 12px;
	font-size:0.9em;
  text-decoration: none;
  display: block;
}

.acdropdown-content a:hover {background-color: #f1f1f1;}
.acdropdown:hover .acdropdown-content {display: block;}
.acdropdown:hover .acdropbtn {background-color: #3e8e41;}

.longtext  {font-family: 'Open Sans Condensed', sans-serif !important;}


.loader {
	  color: #ffffff;
	   font-size: 90px;
	   text-indent: -9999em;
	   overflow: hidden;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	margin: 72px auto;
	position: relative;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
	animation: load6 1.7s infinite ease, round 1.7s infinite ease;
	}
	@-webkit-keyframes load6 {
	0% {
	box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
	5%,
	95% {
	box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
	10%,
	59% {
	box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
	}
	20% {
	box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
	}
	38% {
	box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
	}
	100% {
	box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
	}
	@keyframes load6 {
	0% {
	box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
	5%,
	95% {
	box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
	10%,
	59% {
	box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
	}
	20% {
	box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
	}
	38% {
	box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
	}
	100% {
	box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
	}
	@-webkit-keyframes round {
	0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	}
	100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
	}
	}
	@keyframes round {
	0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	}
	100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
	}
}
.sitA{background:green}
.sitB{background:red}
.sitM{background:blue}
.sitC{background:orange}
.loading  {
 position: fixed;
 left: 0px; top: 0px;    width: 100%;    height: 100%;    z-index: 9999;
 background: url('loading.gif') 50% 50% no-repeat rgb(249,249,249);
 opacity: .5;
 }
.box .box-body .fc {
  height: 100%;
}