/* ************************************************************************************** */
@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}

@font-face {
    font-family: "Brandon_bld";
    src: url("../fonts/Brandon_bld.otf");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Brandon_reg";
    src: url("../fonts/Brandon_reg.otf");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Proxima_Nova";
    src: url("../fonts/Proxima_Nova_Regular.ttf");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "PT_Sans-Narrow-Web";
    src: url("../fonts/PT_Sans-Narrow-Web-Regular.ttf");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "PT_Sans-Narrow-Web-Bold";
    src: url("../fonts/PT_Sans-Narrow-Web-Bold.ttf");
    font-weight: normal;
    font-style: normal;
}
/* ************************************************************************************** */

body{
  background-color: #FFFFFF!important;
}

strong{
  font-family: "Brandon_bld";
}

.font-size-icon-segs{
  font-size: 1.2em!important;
}

.ocultaElementos{
  display: none;
}

.font-family-arial{
  font-family: "Arial"!important;
}

input{
  font-family: Brandon_reg!important;
}

.site-header{
  background-color: #f3fafa!important;
  -webkit-box-shadow: 0 2px 6px 1px rgba(134,134,134,0.1);
  box-shadow: 0 2px 6px 1px rgba(134,134,134,0.1);
}

.page-content{
  background-color: #FFFFFF!important;
}

.login-logo-style{
  margin: 0.5em auto 1em!important;
}

.login-logo-style img{
  height: auto;
  width: 17.5em;
}

#contentLogo{
  margin: 5em auto 0em;
  text-align: center;
}

#contentLogo img{
  height: auto;
  width: 80%;
}

#contentLeyenda{
  font-size: 2.5em!important;
  color:#5D2E79!important;
  margin:0 auto;
  text-align: center;;
}

#contentLeyenda .style-nombre-usuario-home{
  display: block;
  font-size: 1em!important;
  font-weight: normal;
  margin-top: -0.55em!important;
  text-transform: uppercase!important;
}

.estilo_titulo_inturb{
  color:#a6a6a6!important;
  font-size: 1.7em!important;
  font-weight: lighter!important;
  margin-top: 1em!important;
}

.side-menu{
  background-color: #f3fafa!important;
  border:none!important;
}

.stylePointer{
  cursor: pointer;
}

.concliudoAtiempo{
  color: #8C8CFF;
}

.concliudoFueraDetiempo{
  color: red;
}

.border-element{
  border: 1px solid #E9E9E9;
  border-radius: 0.3em;
  margin: 0.2em auto;
  width: 98%;
}

/* *************************************************************************** */
.modal{
  background: rgba(0, 0, 0, 0.60);
  display: none;
  height: 100%;
  margin:0px;
  position:fixed;
  width: 100%;
  z-index: 9999;
}

div.modal div.modalFrame{
  background-color: #f6f5ff;
  border:5px solid #ccc;
  border-radius: 5px;
  /*color:#4a8cca;
  font-family:calibri;*/
  font-size:0.95em;
  overflow:auto;
  position:absolute;
  padding: 10px;

  height: 70%;

  top:15%;
  left:50%;
  margin-left:-40%;
  width:80%;
}

div.modal div.modalFrame div.wrapCloseModalBtn{
  font-size: 1.7em;
  margin-top: -5px;
  text-align: right;
  width: 100%;
}

.btnCloseModal{
  border-radius: 0.3em;
  color: red;
  cursor: pointer;
  font-weight: bold;
  margin-bottom: 0.3em;
}
/* *************************************************************** */

.container-fluid-main {
	background: #FFF;
	/*border:1px solid #E9E9E9;*/
	border-radius: 0.5em;
	margin: 0.5em auto;
	width: 100%;
}

.header_title{
	background: #F9F8FE;
	border-bottom: 1px solid #E9E9E9;
	border-top-left-radius:  0.5em ;
	border-top-right-radius: 0.5em ;
	font-weight: bold;
	font-size: 1.3em;
	padding: 0.5em 0.8em;
	width: 100%;
}

.form{
	margin-top: 1em;
}

.fieldset{
	margin-top: 1em;
}

.fieldset-legend{
  border-left: 0.4em solid #FF6501!important;
  border-bottom: 1px solid #e8e8e8!important;
	background: transparent!important;
  color: #FF6501!important;
	font-size: 1.2em;
  font-weight: bold!important;
  margin-top: 1em!important;
	padding: 0.1em 0.6em;
  text-transform: uppercase!important;
	width: 100%;
}

.fieldForm{
	padding: 0.5em 0.8em;
	width: 100%;
}

.centerElements{
	text-align: center;
}

/* ****************************************************** */
div#spinner{
  display: none;
}

div#spinner img{
  height: auto;
  width: 80px;
}
/* ****************************************************** */
div#contentExiste{
	display: none;
}

div#contentExiste label{
	display: inline-block;
	font-style: italic;
}


/* ************************************************************************************ */
/* ESTILOS DEL DATA TABLE */


.styleGrid{
  font-family: Arial!important;
  margin: 0.3em auto;
  width: 100%;
}

.styleGrid thead th{
  background: transparent;
  border-bottom: 1px solid #E9E9E9;
  color: #e57937;
}

.styleGrid tbody tr td{
  background: transparent;
  border-bottom: 1px solid #E9E9E9;
}

.styleGrid tbody tr:hover{
  background: rgba(123, 210, 52, 0.2);
}

.font-size-dataTable{
  font-size: 0.94em;
}

.colorIconDtSeguim{
  color: #7E7EFF;
}
/*
.sectionLegend{
  background: #e57937;
  border-radius: 0.2em 0.2em 0 0;
  color: #FFF;
  font-size: 1.2em;
  font-weight: bold;
  margin-left: -1px;
  padding: 0.3em 0.6em;
  width: 97.95%;
}

.numberAlignCenter{
  text-align: center;
}

.textStyle{
  padding-left: 1em;
  text-align: left;
}

.actionStyle{
  font-size: 1.6em;
  text-align: center;
  width: 11%;
}
*/
/* ************************************************************************************ */
i.fa-map-marker{
  color: #FFF;
  font-size: 1.2em;
}

div.map-marker{
  background-color:#5cb85c;
  border-radius: 0.9em;
  cursor: pointer;
  height: 1.7em;
  padding-top: 0.25em;
  text-align: center;
  width: 1.7em;
}

.padding-right-1em{
  padding-right: 1em;
}

.margin-top-2em{
  margin-top: 2em;
}

.msjErrorLogin{
  color: red;
  font-size: 0.9em;
  margin: 0.2em auto;
  text-align: center;
  width: 100%;
}

/* ******************************************************************** */
/* ESTILO PARA EL CONTENEDOR DE LOS PERMISOS DEL MÓDULO USUARIO */

.bottom-margin-section-permisoPadre{
  margin-bottom: 0.5em;
}

.bottom-border-legend-permisoPadre{
  border-bottom: solid 1px #E9E9E9;
}


/*  ESTILO PARA EL DIV DE GOOGLE MAPS   */
div#google_canvas{
  border: solid 3px #E9E9E9;
  height:300px;
  margin-bottom: 0.5em;
  width:100%; 
}

.padding-05{
  padding: 0 0.5em 0 0.5em;
}

.paddin-left-05{
  padding-left: 0.5em;
}

.display-inline-block{
  display: inline-block!important;
}

.margin-top-05{
  margin-top: 0.5em;
}

.color-icon-seg{
  color: #f0ad4e;
  cursor: pointer;
}

.color-icon-visto{
  color: #0000FF;
}

.color-icon-no-visto{
  color: rgb(255,0,0);
}

.color-arch-adj{
  color: #7E7EFF;
  cursor: pointer;
}

.color-observ{
  cursor: pointer;
}

.color-folio-dt{
  color: #7E7EFF;
}

.size-icon-adjFile{
  font-size: 1.4em;
}

.contentTitleReportHome{
  display: inline-block;
  color: #663782;
  font-weight: bold;
}

.estilo-indicador-tot-reps{
  background-color: #663782!important;
  color:#FFFFFF!important;
  padding: 0.3em 0.5em!important;
}

.estilo-subtitulo-grafics{
  color:#f78130!important;
  font-size: 0.8em!important;
  margin-top: -0.3em!important;
}

.statistic-box1{
  border-bottom: 1em solid #646464!important;
  color:#FFF!important;
  height: 5.6em!important;
  margin-bottom: 0.5em!important;
  padding: 0.5em!important;
  text-align: center!important;
}

.number{
  font-size: 2.1em!important;
  font-weight: bold;
  margin-top: 0.3em!important;
}

.caption{
  font-size: 0.65em!important;
  font-weight: bold!important;
  margin-top: 1em!important;
  text-transform: uppercase!important;
}

.color1{
  background-color: #1f77b4!important;
}

.color2{
  background-color: #ff7f0e!important;
}

.color3{
  background-color: #2ca02c!important;
}

.color4{
  background-color: #d62728!important;
}

.color5{
  background-color: #ffa200!important;
}


.style-total-reportes{
  background: rgba(255, 255, 255, 0.8); 
  border-radius: 0.2em;
  color: #000; 
  display: inline-block;
  font-weight: bold;
  padding-left: 0.5em;
  width: 82%;
}

/* ******************************************************************************************************** */
.red{
  color: red!important;
}

.tituloprincipal{
  color:#3fcb3f;
  font-size: 1.2em;
  font-weight: bold;
}

.style-header-modal-seg-map{
  background: #E8E8E8;
  font-size: 1.2em;
  padding: 0.1em 0.6em;
  width: 100%;
}

.style-header-panel-style{
  background: #EFEFFF;
  padding: 0.3em;
}

.border-content{
  background: #FFFFFF;
  border:1px solid #DBDBFF;
  border-radius: 0.3em;
  padding: 0.4em;
}

 
/* ******************************************************************************************************** */
.icon-style-nav{
  background-color: #e8e4e4!important;
  border-radius: 2em!important;
  display: inline!important;
  font-size: 1.2em!important;
  height: 4em!important;
  padding: 0.39em 0.5em !important;
  width: 4em!important;
}

.icon-style-nav-notif{
  background-color: #1da8a3!important;
  border-radius: 2em!important;
  color:#FFFFFF!important;
  display: inline!important;
  font-size: 1em!important;
  padding: 0.5em !important;
}

.icon-style-seguimiento{
  background-color: #464949!important;
  border-radius: 2em!important;
  color:#FFFFFF!important;
  display: inline!important;
  font-size: 1em!important;
  padding: 0.33em 0.4em !important;
}

.colorEditRep{
  background-color: #f78130!important;
}

.colorSegui{
  background-color: #5D2E79!important;
  font-size: 0.91em!important;
}

.colorArchAdj{
  background-color: #f78130!important;
  font-size: 0.91em!important;
}

.colorObserv{
  background-color: #8686ff!important;
  font-size: 0.91em!important;
}

.estilo-titulo-modulo-nav{
  color:#663782!important;
  font-size: 1.2em!important;
  font-weight: bold!important;
  text-transform: uppercase!important;
}

.estilo-subtitulo-modulo-nav{
  color:#f78130!important;
  display: block!important;
  font-size: 0.82em!important;
  font-weight: bold!important;
  margin-left: 3.3em!important;
  margin-top: -1em!important;
  text-transform: uppercase!important;
}

.icon-style-menu{
  background-color: #e8e4e4!important;
  border-radius: 2em!important; 
  display: inline!important;
  font-size: 1.2em!important;
  margin-top: -0.5em!important;
  padding: 0.39em!important;
}

.margin-left-nombre-element-menu{
  font-size: 0.78em!important;
  margin-left: 0.3em!important;
  text-transform: uppercase!important;
}

.text-uppercase{
  text-transform: uppercase!important;
}


.estilo-icono-permiso{
  border:none!important;
  border-radius: 1em!important;
  height: auto!important;
  padding: 0.2em!important;
  width: 30px!important;
}

.label-pill{
  font-family: "PT_Sans-Narrow-Web-Bold";
  font-size: 0.9em!important;
}

.form-label{
  color: #646464!important;
  font-family: "Arial";
  font-weight: bold!important;
}

.estilo-select, .form-control{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #f3fafa!important;
  background: #f3fafa url("../img/arrowdown.png") no-repeat 96% center;
  border:none;
  color:#663782!important;
  font-family: "Arial";
  font-size: 0.85em!important;
  font-weight: bold!important;
  overflow: hidden;
  padding: 0.6em!important;
  width: 100%!important;
}

input[type="text"]

.form-control, input[type="text"]{
  background: #f3fafa!important;
  font-family: "Arial"!important;
  font-size: 1em!important;
  font-weight: normal!important;
}

.estilo-boton-subir-archivo{
  background-color: #5D2E79!important;
  border:none!important;
  border-radius: 0em!important;
  color: #FFF!important;
  font-size: 0.85em!important;
  font-weight: bold!important;
}

.estilo-boton-guardar{
  background-color: #f7802f!important;
  border:none!important;
  border-radius: 0em!important;
  color: #FFF!important;
  font-size: 0.85em!important;
  font-weight: bold!important;
}

.estilo-boton-cancelar{
  background-color: #663782!important;
  border:none!important;
  border-radius: 0em!important;
  color: #FFF!important;
  font-size: 0.85em!important;
  font-weight: bold!important;
}

/* ***************************************************************************** */
.page-link{
  background-color: #a6a6a6!important;
  border-radius: 0.3em!important;
  color:#fff!important;
  font-size: 0.7em!important;
  font-weight: bold!important;
  margin: 0 0.1em!important;
}

ul.pagination li a:hover{
  background-color: #663782!important;
  color:#fff!important;
}
/* ***************************************************************************** */


.labels{
  border: 1px solid #CCC;
  border-radius: 0.4em;
  background:#fff;
  color: #666;
  display:none;
  font-weight:bold!important;
  font-size: 11px;
  padding:0.1em 0.5em;
  position:relative;
  text-align: center;
  width: auto;
  white-space: nowrap;
  z-index:9999999;
}



.styleLnk{
  color:#107de5!important;
}

.pdlft-1-em{
  padding-left: 1em!important;
}

.altura-linea-dt{
    line-height: 2.5em!important;
}