.btn-shop {
  /*background-color: #999;*/
  background: #999; /* Old browsers */
  background: -moz-linear-gradient(left,  #999 0%, #999 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  #999 0%,#999 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #999 0%,#999 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999', endColorstr='#999',GradientType=1 ); /* IE6-9 */
  font-family: Verdana;
  color: whitesmoke;
}

.btn-shop:hover {
  background-color: #004aad;
  color: whitesmoke ;
}

.btn-cancel{
	background: #f35353; 
	background: -moz-linear-gradient(left,  #f35353 0%, #fd2e2e 100%); 
	background: -webkit-linear-gradient(left,  #f35353 0%,#fd2e2e 100%); 
	background: linear-gradient(to right,  #f35353 0%,#fd2e2e 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f35353', endColorstr='#fd2e2e',GradientType=1 );
	background-color: #fd2e2e;
	color: whitesmoke;
}
.btn-cancel:hover {
  background-color: #282828;
  color: whitesmoke ;
}

.newsName{
    text-transform: uppercase !important;
    font-weight: bold !important;
    font-size: 1.2em !important;
}

.newsHeader{
    font-size: 1em;
    text-align: justify;
}

.likes{
    color: grey;
}

.contGen {
	font-size: 0.7em;
	text-align: right;
}

.contGen .cuenta{
	font-weight: bold;
}

.marker {
    display: block;
    border: none;
    cursor: pointer;
    padding: 0;
}

.pList{
	border: solid 1px;
	border-radius: 3px;
	padding:5px;
	margin:2px;
}

.pListP{
	border: solid 1px;
	border-radius: 3px;
	padding:5px;
	margin:2px;
}

.izq {
    width: 70%;
    float:left; /* add this */
	/*border: solid 1px;*/
}

.der {
	width:30%;
    float: left; /* add this */
	min-height: 22px;
	/*border: solid 1px;*/
}

.nuevo{
	background-color:#004aad; 
	color:white;
	text-align: center;
	border-radius:0px;
	padding: 10px;
	margin-bottom: 10px;
	
}

.widgetBar{
	background-color:whitesmoke;
	text-align: center;
	padding: 10px;
	/*margin-bottom: 10px;*/
}

.widget{
	border:solid 1px #ddd; 
	border-radius: 3px;
	background-color: white;
	overflow-y: hidden;
}

.prvDiv{
	border: solid 1px;
	border-radius: 5px;
	text-align: center;
	width:30px;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 3px;
}

.manita{
	cursor: pointer;
	/*color: #3b1940;*/
}

.estAct{
	color: green;
}

.estInact{
	color: red;
}

.circulito{
	width: 15px;
	height: 15px;
	border-radius: 50%;
	border:solid 1px;
}

.azul{
	color: SkyBlue;
}

.rojo{
	color: red;
}

.verde{
	color: green;
}

.seleccionado{
	background-color: #b5b5b5;
}

.jqte{
	margin:0px;
}

.arrastra{
	cursor: ns-resize;
}

.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #393c3e;
  border-right: 16px solid #00a1cb;
  border-bottom: 16px solid #c1d32f;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

#overlay { 
   /*background-image: url(../overlay.png);*/
   opacity: 0.5;
   background-color: rgba(0,0,0,.6);
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1000;
}

.highcharts-container {
    width:100% !important;
    height:100% !important;
}

.trInf{
	height: 10px;
}

.negro{
	background-color: #004aad;
	color:#000;
	vertical-align: middle;
}

.NA{
	background-color: #000;
	color:#000;
}

.bloque{
	font-size: 1.5em;
	text-align: center;
}

.area{
	font-size: 1.1em;
	text-align: left;
}

.buena{
	text-align: center;
	background-color: #c7eecf;
	font-size: .9em;
}

.mala{
	text-align: center;
	background-color: #fec7ce;
	font-size: .9em;
}

.subArea{
	background-color: #d9d9d9;
	border-bottom: solid 1px;
}

.trTotBloque{
	background-color: #d9d9d9;
	font-weight: bold;
	font-size: 1.1em;
}
.trTotChk{
	background-color: black;
	color:white;
	font-weight: bold;
	font-size: 1.1em;

}

.tdArea{
	background-color: black;
	color:white;
}

.row.fix {
  display: flex;
  flex-wrap: wrap;
  /*width:100%; */
}

.revisada{
	background-color: #dff0d8;
}

.asignada{
	background-color: #f2dede;
}

.revision{
	background-color: #FAFAD2;
}

.bloques{
	background-color: grey;
	padding: 10px;
}

.areas{
	border:solid 1px #D3D3D3;
	border-radius: 2px;
	padding-top: 12px;
}

.nomSubArea{
	font-size: 1.7em;
	text-align: center;
	background-color: #004aad;
	padding: 5px;
	border-radius: 2px;
	margin-top: 10px;
	color:white;
}

.pregChk{
	font-size: 1.8em;
	text-align: center;
	padding: 5px;
	border-radius: 2px;
	margin-top: 15px;
}

.justif{
	position: relative;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top:10px;
	font-size: 1.5em;

}

.divVisita{
	width: 100%;
	max-height: 500px;
	overflow-y: auto;
}


img {
    image-orientation: from-image;
}

.numerote{
	text-align: center;
	font-size: 2em;
}

.datImp{
	height: 200px;
}

li.disabled a{
	cursor: not-allowed;
}

.mayusculas{
	text-transform: uppercase;
}

.tooltip.bs-tooltip-top .tooltip-inner {
	background:#006060 !important;
}

.tooltip .arrow:before {
	border-bottom-color:#006060 !important;
	border-top-color:#006060 !important;
}

/* ANALYSIS*/

.bloqueAnalysis{
	font-size: 1.2em;
	background-color: grey;
	padding: 8px;
	font-weight: bold;
	color:black;
}

.areaAnalysis{
	font-size: 1.2em;
	background-color: #CCC;
	padding: 8px;
	font-weight: bold;
	color:black;
}

.preguntaAnalysis{
	font-size: 1.2em;
	background-color: #EEE;
	padding: 8px;
	font-weight: bold;
	color:black;
}

.subpreguntaAnalysis{
	font-size: 1.2em;
	background-color: #DDD;
	padding: 8px;
	font-weight: bold;
	color:black;
}

.noticeName{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.2em;
}

.noticeHeader{
	font-size: 1em;
	text-align: justify;
}

.likes{
	color: grey;
}