#encabezado{
	/*Primera opción background:-webkit-linear-gradient(top, black, #1162ac);*/
	/*background:-webkit-linear-gradient(top, black, #1162ac);*/
	
	/*Segunda opción* #0B0B61*/
	background: radial-gradient(#1162ac, #190707);
	
	/*background:radial-gradient(center center, circle, #020109, #1162ac);*/
	/*background:linear-gradient(top, red, gold);*/
	/*background:-moz-linear-gradient(top, red, gold);*/
	/*background:-o-linear-gradient(top, red, gold);*/
	/*background:-ms-linear-gradient(top, red, gold);*/
}

#tituloencabezado{
	color: #FFFFFF;	
}

.nopadding{
	padding: 0px;
}

.marg-top-5 {
	margin-top: 5px;
}

#contenido{
	margin-top: 185px;
}
#menuInicio{
	padding-left: 2px;	
	padding-right: 2px;
	font-size: 12px;
}
#usuario{
	color: #AEAB8B;
	font-size: 12px;
}

.textoBlanco{
	color: #AEAB8B;
	font-weight: bold;
}	

.textarea{
	resize:vertical;
}

.centrar{
	text-align: center;
}

/* ---------------------------------------   Reporte Final de Visita   ---------------------------------------------*/
.wellInf{
color: #ffffff;
	/*#0044cc;*/
	background-color: #1162ac;
	text-align: justify;
	font-weight: bold;
	padding: 0px 5px 0px 5px;
}

/* ---------------------------------------   Final Individual   ---------------------------------------------*/
.CFI{
	border: 2px solid #1162ac; 
	border-radius: 25px;
	padding: 10px 0px 10px 0px;
	margin-bottom: 10px;
}
.CFIR1{
	font-size: 10px;
	color: #fff;
	text-align: center;
	border: solid; 
	border-width: 1px;
	background-color: #1162ac;
}
.CFIR2{
	font-size: 10px;
	text-align: center;
	border: solid; 
	border-width: 1px;
	border-color: #fff;
}
/* ---------------------------------------   Final Individual   ---------------------------------------------*/
.CFGR1{
	font-size: 12px;
	color: #fff;
	text-align: center;
	border: solid; 
	border-width: 1px;
	background-color: #1162ac;
}

/* ---------------------------------------   ToolTip's   ---------------------------------------------*/
.description {
	max-height: 0;
	overflow: hidden;
	transition: max-height 1.2s;
	/*Tened en cuenta que es el tiempo que tardará en animar a los 400px*/
}

/*Change the size here*/
div.tooltip-inner {
    max-width: 600px;
	text-align: justify;
	/*color: #000;
	background-color: #D5E1E1;*/
}

textarea{
	resize:vertical;
}

/* ---------------------------------------   Border Final Individual   ---------------------------------------------*/
.sResp{
	border-color: #d9534f;
}

.cResp{
	border-color: #5cb85c;
}

/* ---------------------------------------   Mensajes   ---------------------------------------------*/
.fieldset3{padding-left:10px;background:#E2F0D9;border:2px;border-color:#70AD47;border-style:solid;width: 100%;}
.legend3{width:80%;margin:20px;font-weight:bold;color:#404040;border:2px;background:#FFFFFF;border-color:#70AD47;border-style:solid;}h4{font-family: arial;text-align: center; font-size: 12px;}h5{font-family: arial;text-align: left;}
#wrap{margin:0 auto 0 auto; width:100%;}

/* ---------------------------------------   Color Nuevo   ---------------------------------------------*/

.btn-color1{color:#fff;background-color:#FC5806;border-color:#FE0505}

/* ---------------------------------------   Modal de PDF's   ---------------------------------------------*/
.iframe-container {    
    padding-bottom: 60%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.iframe-container iframe,
.iframe-container object,
.iframe-container embed{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.modal.in .modal-dialog {
  transform: none; /*translate(0px, 0px);*/
}


/*Estilos para los backgroun de las Rúbricas (0,1,2 y 3)*/
.bckg0{
	height: 25px;
	text-align: center;
	color: #7a4e14;
	background-color: #F34138;
	border: 1px solid #000;
	padding-left: 2px;
    padding-right: 2px;
	font-size: 16px;
}

.bckg1{
	height: 25px;
	text-align: center;
	color: #8a6d3b;
	background-color: #EEF050;
	border: 1px solid #000;
	padding-left: 2px;
    padding-right: 2px;
	font-size: 16px;
}
.bckg2{
	height: 25px;
	text-align: center;
	color: #8a6d3b;
	background-color: #50F086;
	border: 1px solid #000;
	padding-left: 2px;
    padding-right: 2px;
	font-size: 16px;
}
.bckg3{
	height: 25px;
	text-align: center;
	color: #d6e9c6;
	background-color: #2BB559;
	border: 1px solid #000;
	padding-left: 2px;
    padding-right: 2px;
	font-size: 16px;
}
.bckgLine{
	height: 25px;
	text-align: center;
	color: #000;
	background-color: #FFF;
	border: 1px solid #000;
	font-size: 16px;
}
.bckgLine1{
	height: 25px;
	text-align: left;
	color: #000;
	background-color: #FFF;
	border: 1px solid #000;
	font-size: 12px;
}
.bckgTitle{
	padding: 5px 0px 5px 0px;
	margin: 0px;
	height: 50px;
	text-align: center;
	color: #fff;
	background-color: #428bca;
	border: 1px solid #000;
	font-size: 15px;
}

/* Estilos para Finales */
.boxInd{
    padding-left: 2px;
    padding-right: 2px;
}
.boxInd div.panel-heading{
    text-align: center;
    padding: 0px 15px 0px 15px;
}
.pEst{
    text-align: justify;
    padding: 5px 10px 5px 10px;
    margin-bottom: 0px;
    font-size: 11px;
}
.boxInd div.panel-body{
    text-align: justify;
    font-size: 11px;
    padding: 3px 5px 3px 5px;
    height: 300px;
    overflow-y: auto;
}

.boxCI{
    border: solid #5cb85c;
    border-width: 2px 0px 0px 0px;
}

.boxCI_Left{
    border: solid #5cb85c;
    border-width: 0px 2px 0px 0px;
    padding-top: 10px;
}

.divVIM{
    padding: 2px;
}

/*Estilos para los encabezados de individual y grupal */
.panel-default > .panel0{background: #f34138; text-align: center; font-weight: bold;}
.panel-default > .panel1{background: #eef050; text-align: center; font-weight: bold;}
.panel-default > .panel2{background: #50f086; text-align: center; font-weight: bold;}
.panel-default > .panel3{background: #2bb559; text-align: center; font-weight: bold;}
.panel-default > .panel-1{text-align: center; font-weight: bold;}

/* Estilos del mensaje de Guardando */
#msgSaving {
	width: 150px;
	height: 100px;
	border: 2px solid silver;
	display: flex;
	flex-direction: column;		
	justify-content: center;
	align-items: center;
	background-color: rgba(0,0,0,0.3);
	position: fixed;
	top: 50%;
	left: 50%;
	color: #fff;
}

/* Estilos para Loader */
.loader {
	display: block;
	border: 10px solid #f3f3f3;
	border-radius: 50%;
	border-top: 10px solid #3498db;
	border-bottom: 10px solid #3498db;
	width: 40px;
	height: 40px;
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

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