@charset "utf-8";

/* -------------------------------------------- */
/* @Autor: 		Jorge Duarte - www.jorged.com 	*/
/* @Cliente: 	Colef - www.colef.mx  			*/
/* @Proyecto: 	OCEF - www.colef.mx/ocef 		*/
/* @Date: 		Octubre 2016 					*/
/* -------------------------------------------- */

/*********
- IMPORT -
*********/

@import url(mediaqueries-custom.css);
/* @import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css); */

/**********************/
/* START CUSTOM STYLE */
/**********************/

/* CUSTOM CSS JORGED */
/* MARGIN & PADDING */
/*-----------------------------------------------------*/
/*---------------*/
.ma0 { margin: 0 !important; }
.ma05 { margin: 5px !important; }
.ma10 { margin: 10px !important; }
.ma15 { margin: 15px !important; }
.ma20 { margin: 20px !important; }
.ma25 { margin: 25px !important; }
.ma30 { margin: 30px !important; }
.ma40 { margin: 40px !important; }
.ma50 { margin: 50px !important; }
.ma60 { margin: 60px !important; }
.ma70 { margin: 70px !important; }
.ma80 { margin: 80px !important; }
.ma90 { margin: 90px !important; }
.ma100 { margin: 100px !important; }
/*---------------*/
.mt0 { margin-top: 0 !important; }
.mt05 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 40px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mt80 { margin-top: 80px !important; }
.mt90 { margin-top: 90px !important; }
.mt100 { margin-top: 100px !important; }
/*---------------*/
.mb0 { margin-bottom: 0 !important; }
.mb05 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb100 { margin-bottom: 100px !important; }
/*---------------*/
.ml0 { margin-left: 0 !important; }
.ml05 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }
.ml60 { margin-left: 60px !important; }
.ml70 { margin-left: 70px !important; }
.ml80 { margin-left: 80px !important; }
.ml90 { margin-left: 90px !important; }
.ml100 { margin-left: 100px !important; }
/*---------------*/
.mr0 { margin-right: 0 !important; }
.mr05 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !important; }
.mr60 { margin-right: 60px !important; }
.mr70 { margin-right: 70px !important; }
.mr80 { margin-right: 80px !important; }
.mr90 { margin-right: 90px !important; }
.mr100 { margin-right: 100px !important; }
/*---------------*/
.pa0 { padding: 0 !important; }
.pa05 { padding: 5px !important; }
.pa10 { padding: 10px !important; }
.pa15 { padding: 15px !important; }
.pa20 { padding: 20px !important; }
.pa25 { padding: 25px !important; }
.pa30 { padding: 30px !important; }
.pa40 { padding: 40px !important; }
.pa50 { padding: 50px !important; }
.pa60 { padding: 60px !important; }
.pa70 { padding: 70px !important; }
.pa80 { padding: 80px !important; }
.pa90 { padding: 90px !important; }
.pa100 { padding: 100px !important; }
/*---------------*/
.pt0 { padding-top: 0 !important; }
.pt05 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }
.pt50 { padding-top: 50px !important; }
.pt60 { padding-top: 60px !important; }
.pt70 { padding-top: 70px !important; }
.pt80 { padding-top: 80px !important; }
.pt90 { padding-top: 90px !important; }
.pt100 { padding-top: 100px !important; }
/*---------------*/
.pb0 { padding-bottom: 0 !important; }
.pb05 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb70 { padding-bottom: 70px !important; }
.pb80 { padding-bottom: 80px !important; }
.pb90 { padding-bottom: 90px !important; }
.pb100 { padding-bottom: 100px !important; }
/*---------------*/
.pl0 { padding-left: 0 !important; }
.pl05 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl40 { padding-left: 40px !important; }
.pl50 { padding-left: 50px !important; }
.pl60 { padding-left: 60px !important; }
.pl70 { padding-left: 70px !important; }
.pl80 { padding-left: 80px !important; }
.pl90 { padding-left: 90px !important; }
.pl100 { padding-left: 100px !important; }
/*---------------*/
.pr0 { padding-right: 0 !important; }
.pr05 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr40 { padding-right: 40px !important; }
.pr50 { padding-right: 50px !important; }
.pr60 { padding-right: 60px !important; }
.pr70 { padding-right: 70px !important; }
.pr80 { padding-right: 80px !important; }
.pr90 { padding-right: 90px !important; }
.pr100 { padding-right: 100px !important; }
/*=======================================*/

.text-bold, .text-strong { font-weight: bold !important; }
.inline-block { display: inline-block !important; }
.text-white { color: white !important; }
div.img-responsive img {
	display: block;
	max-width: 100%;
	height: auto !important;
}
.fs14 p, p.fs14 { font-size:14px; line-height:1.75em; padding-top:5px; padding-bottom:5px; }
.fs15 p, p.fs15 { font-size:15px !important; line-height:1.75em; padding-top:7px; padding-bottom:7px; }
.fs16 p { font-size:16px !important; line-height:1.75em; padding-top:7px; padding-bottom:7px; }
/*---------------------------------------*/

/* FLIP IMAGE */
/* entire container, keeps perspective */
.flip-container { perspective: 1000px; }
/* flip the pane when hovered */
.flip-container:hover .flipper, .flip-container.hover .flipper { transform: rotateY(180deg); }
.flip-container, .front, .back {
	width: 400px;
	height: 200px;
}
/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
}
/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
}
/* back, initially hidden pane */
.back { transform: rotateY(180deg); }
/* Bounce In */
.hvr-bounce-in {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
	transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
/*---------------------------------------*/

/* TABLA */
#tabla-para-graficar .checkbox label { margin-right:0; }

/* FLIPPER */
.flip-container .map-selected {
	border:3px #DD4D00 solid;
}

/* HEADER */
.brand-text {
	padding-top:5px;
	margin-left:114px;
	margin-top:0;
	/*font-size:19px !important;*/
	color:#DD4D00;
	/*letter-spacing:.02em !important;*/
}
.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height:35px; }

/* NOTICIAS */
#seccion-noticias .news-headlines h4 a, #seccion-noticias .news-headlines h4 { 
	color:#dd4d00; 
	font-size:17px;
	margin-top:1px;
	margin-bottom:1px;
}
#seccion-noticias h4 a:focus, #seccion-noticias h4 a:hover, #seccion-noticias h4 a:active, #seccion-noticias h4:focus, #seccion-noticias h4:hover, #seccion-noticias h4:active { color:#ea9466; text-decoration:none; }
.row-noticia {
	/*margin-top:25px;
	margin-bottom:25px;*/
	padding-top:5px;
	margin-left:-17px !important;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	background-color:#DD4D00;
	border-color:#DD4D00;
}
.pagination>li>a, .pagination>li>span { color:#b03d00; }
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { color:#842e00; }
.news-headlines li { padding:1px 10px 1px 15px !important; }
.news-headlines li:before { content:none; }
.news-headlines li:hover { text-decoration:none !important; }
.news-headlines { width:60%; }
.news-preview { width:40%; }
.news-content { padding:15px; }
.selected, .news-headlines .highlight, .news-preview, .news-content { background-color: #fbede5; }
.news-headlines .highlight, .news-preview { border-color: #fbede5; }
.news-preview img { max-width:100%; max-height:220px; }
.list-noticias li { margin-bottom:5px; }


/* LISTAS */
ul li, ol li { font-size:16px !important; line-height:1.7em; }

/* MIEMBROS */
.seccion-miembros .row { margin-top:20px; margin-bottom:40px; }
.seccion-miembros img { width:140px; height:140px; }

/* MENÚ */
.icon-thumbnail.icon-ocef {
	background:transparent !important;
	}
body.sidebar-visible .page-sidebar .icon-thumbnail.icon-ocef {
	/*-webkit-transform: translate3d(-15px, 0, 0);
	transform: translate3d(-15px, 0, 0);
	-ms-transform: translate(-15px, 0);*/
	/*display:none;*/
	opacity: 0;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}

/* HIGHCHARTS */
#container-highchart {
	width:300px;
	height:180px;
}
/* LISTA DIV */
.listado-link{
  	text-shadow: none !important;
  	color: #3a8fc8 !important;
  	transition: color 0.1s linear 0s, background-color 0.1s linear 0s, opacity 0.2s linear 0s !important;
  	outline: 0 !important;
  	text-decoration: none !important;
    font-size: 16px !important;
	line-height: 1.9em !important;
}
#listado{
	 list-style-type: none;
	 padding: 0;
}
.image-covid{
	flex:1;
	display: flex;
	justify-content: center;
	width: 100%;
}
.image-covid img{
	display: block;
	width: 100%;
	height: auto;
	max-width:100%;
	max-height:100%;
}