/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *

 * Stylesheet/Hoja de Estilos: styles
 * Project/Projecto: Marzo 2014 - Eministry App - Colombia
 * Autor / Author: Nestor Goyes - nestorgoyes@gmail.com - www.nestorgoyes.com

 *  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 @import url(//fonts.googleapis.com/css?family=Lato:400,700,900,400italic);

a
{
	color:inherit;
}
body
{
	
	font-family:'Lato';
	font-weight:400;
}
html
{
background:#0E1D2A;
	}

.centrado{text-align: center!important;}

#contenedor{
	width:100%;
}
.outter
{
	margin:0 auto;
	box-sizing:border-box;
	width:100%;
}
.replaced_text
{
	display:block;
	text-indent:-9999px;
}
/*
header
{
	background:#FFF;
	box-shadow: 0 2px 2px #666666;
	padding:15px 35px;
	position: relative;
}
header .first_block
{
	
	font-size:1.1em;
	overflow: hidden;
}
header .first_block .logo
{
	float:left;
}
header .first_block h3
{
	color:#99C349;
	float:left;
	padding:14px 0;
	margin-left:20px;
}
header .first_block h3 strong,  header .first_block h3 span, header .first_block h3 em
{
	color:#111F2C;
}
header .sec_block
{
	color: #333;
	font-size: 1.2em;
	font-weight: 700;
	padding: 8px 0;
	position: absolute;
	right: 20px;
	top: 20px;
}
header .sec_block li:first-child
{
	border-left:0;
	color:#98C54D;
}
header .sec_block li:first-child a
{
	display:inline-block;
	 background:url(/static/img/assets_arr_config.png) no-repeat right 12px;
	 padding-right:15px;
}
header .sec_block li
{
	display:inline-block;
	border-left:1px dotted #111F2C;
	padding-left:10px;
	margin:0 10px;
	position:relative;
}
header .sec_block li a
{
	padding: 5px 0;
}
header .sec_block li a:hover
{
	opacity:0.8;
}
header .sec_block li.config a
{
	display:inline-block;
	padding-left:25px;
	padding-right:15px;
	background:url(/static/img/assets_config.png) no-repeat 0 2px, url(/static/img/assets_arr_config.png) no-repeat right -19px;
}
header .sec_block li.logout a
{
	display:inline-block;
	padding-left:20px;
	background:url(/static/img/assets_config.png) no-repeat 0 -21px;
}

header .sec_block li ul{
	box-shadow:1px 3px 3px #666;
	display:none;
	position: absolute;
	background: #FFF;
	padding: 10px;
	left:0;
	width:100%;
	z-index:100;
	
}
header .sec_block li ul.open{
	
	display:block;
	
}
header .sec_block li ul li{
	border:0;
	border-bottom:1px dotted #CCC;
	display:block;
	margin:0;
	padding:0;
	width:100%;
	
}
header .sec_block li ul li a{
	color:#333 !important;
	background:none !important;
	padding: 5px 0 !important;
	font-weight:400;
}

*/
.content_area
{
	padding:20px 30px 0 30px;
    box-sizing: border-box;
}
.content_area
{
	overflow:hidden;
}
.content_area .profile_picture
{
	border:5px solid #CCC;
	box-shadow:2px 2px 2px #000;
	height:250px;
	overflow:hidden;
	margin:40px 0;
	transform:rotate(-5deg);
	width:250px;
}
.content_area .profile_picture img
{
	height:100%;
}
.query hr {
    border-top: 1px solid #CCCCCC;
	margin-bottom:10px;
}
.desktop hr {
    border-top: 1px solid #3B5D7C;
	margin-bottom:10px;
}
.content_area .hierachy
{
	cursor: pointer !important;
    font-size: 1.2em;
    font-weight: 700;
    margin-left: 40px;
}
.content_area .hierachy li ul
{
	display:none;
	margin-left:20px;
	overflow:hidden;
}
.content_area .hierachy li
{
	margin:20px 0;
}
.content_area .hierachy li p:hover a
{
	color:#A3C951;
	text-decoration:none;
}
.content_area .hierachy li p
{
	margin:0;
}
.content_area .hierachy li p a
{
	color:#FFF;
}
.content_area .hierachy li.parent p
{
	display:inline-block;
}
.content_area .hierachy li.parent p span
{
	background:url(/static/img/dashboard_menu_bull.png) right center no-repeat;
	display:inline-block;
	height:10px;
	margin-left: 5px;
	width:10px;
}
.content_area .hierachy li.parent 
{
	
	padding-right:20px;
	width:auto;
}
.content_area .hierachy li ul.open
{
	color:#FFF;
	display:block;
}

.desktop
{
	background:#254B6D;
}
.desktop.visible
{
	overflow:visible;
}
.query
{
	background:#F8F8F8;
}
.content_area .top_detail
{
	display:block;
	height:3px;
	width:28px;	
}
.content_area .top_detail.green
{
	background:#A3C951;
}
.content_area .top_detail.whte
{
	background:#FFF;
}
.content_area .top_detail.blue
{
	background:#1A3750;
}
.content_area .breadcrumb
{
	display:inline-block;
	font-size:1.1em;
	font-weight: bold;
	padding:5px 10px;
}
.content_area .breadcrumb li
{
	background:url(/static/img/breadcrumb_bullet.png) left center no-repeat;
	cursor:default;
	display:inline-block;
	padding-left:15px;
	margin:0 10px 0 0 ;
}
.content_area .breadcrumb li:first-child
{
	background:none;
	padding-left:0;
}
.content_area .breadcrumb li a:hover
{
	text-decoration:underline;
}
.desktop .breadcrumb
{
	color:#FFF;
}
.query .breadcrumb
{
	color:#333;
	border:#A3C951 1px solid;
}

.desktop .main_menu{
	border-bottom:#1A3750 1px solid;
	margin:0 auto;
	text-align:center;
	padding-bottom:50px;
	width:90%;

}
.desktop .main_menu li {
	display:inline-block;
	border-left:1px solid #1A3750;
	position:relative;
}
.desktop .main_menu li:first-child {
	border-left:0;
}
.desktop .main_menu li:first-child a{
	border-left:0;
	width:192px;
}
.desktop .main_menu li a{
	background:url(/static/img/asset_desktop_icons.png) no-repeat 53px 50px;
	box-sizing:border-box;
	border-left:1px solid #3B5D7C;
	color:#FFF;
	display:table-cell;
	font-size:1.3em;
	height:205px;
	padding:20px;
	width:190px;
	text-transform:uppercase;
	vertical-align:bottom;
	
	transition:background-color 0.5s ease-out, color 0.5s, background-position 0.3s;
}
.desktop .main_menu li a:hover{
	background:url(/static/img/asset_desktop_icons.png) no-repeat 53px -156px #5C7892;
	color:#1A3750;
	
	transition:background-color 0.5s ease-out, color 0.5s, background-position 0.3s;
}

.desktop .main_menu li.iglesias a
{
	background-position:53px 50px;

}
.desktop .main_menu li.iglesias a:hover
{
	background-position:53px -156px;

}
.desktop .main_menu li.miembros a
{
	background-position:-165px 50px;

}
.desktop .main_menu li.miembros a:hover
{
	background-position:-165px -156px;

}
.desktop .main_menu li.gobierno a
{
	background-position:-385px 50px;

}
.desktop .main_menu li.gobierno a:hover
{
	background-position:-385px -156px;

}
.desktop .main_menu li.grupo a
{
	background-position:-597px 50px;

}
.desktop .main_menu li.grupo a:hover
{
	background-position:-597px -156px;

}
.desktop .main_menu li.ministerio a
{
	background-position:-815px 50px;

}
.desktop .main_menu li.ministerio a:hover
{
	background-position:-815px -156px;

}
.desktop .main_menu li.escuela a
{
	background-position:-1030px 50px;

}
.desktop .main_menu li.escuela a:hover
{
	background-position:-1030px -156px;

}


.desktop .main_menu li ul {
		display:none;
      position: absolute;
      width: 180px;
      height: auto;
      line-height: 20px;
      padding: 10px;
      font-size: 1.1em;
	  font-weight:700;
      text-align: center;
      color: rgb(113, 157, 171);
      background: #93C247;
	  left: 50px;
	  top: 100%;
	  z-index:20;
}

.desktop .main_menu li ul:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-width: 10px;
      border-style: solid;
      border-color: transparent transparent #93C247 transparent;
      top: -20px;
      left: 20%;
}
.desktop .main_menu li ul.open
{
	display:block;
}
.desktop .main_menu li ul li, .desktop .main_menu li ul li:hover{
	border-left:0;
	margin:0;
}
.desktop .main_menu li ul li a, .desktop .main_menu li ul li a:hover{
	background:none;
	box-sizing:border-box;
	border-left:0;
	color:#1A3750;
	display:block;
	font-size:1.3em;
	height:auto;
	padding:5px 0;
	text-align:left;
	width:100%;
	text-transform:uppercase;


}
.desktop .main_menu li ul li a:hover
{
	color:#5C7892;
}
.desktop .main_menu li ul li
{
	display:block;
	width:100%;
}
.desktop .top_info
{
	box-sizing:border-box;
	border-bottom:#3B5D7C 1px solid;
	margin:0 auto 20px auto;
	padding-bottom:20px;
	width:90%;
}
.desktop .top_info li
{
	display:inline-block;
	list-style:none;
	margin:10px 20px;
}
.desktop .top_info li p
{
	margin:0;
}
/*
.sec_menu
{
	background:#254B6D;
	padding:0 30px 0;
}
.sec_menu ul
{
	border-top:1px solid #3B5D7C;
	margin:0 auto;
	padding:50px 0;
	text-align:center;
	width:90%;
}
.sec_menu ul li 
{
	
	display:inline-block;
	 margin: 12px;
}
.sec_menu ul li a
{

	background:#1A3750 url(/static/img/label_module_bg_sh.png) -6px center no-repeat;
	box-sizing:border-box;
	border-left:6px solid #93C247;
    color: #FFFFFF;
    display: block;
    font-size: 1.2em;
    max-width: 230px;
	padding: 12px 20px;
	transition:background-color 0.4s, color 0.4s;
}
.sec_menu ul li a:hover
{
	background:#5C7892 url(/static/img/label_module_bg.png) -6px center no-repeat;
	
	color:#1A3750;
	transition:background-color 0.4s, color 0.4s;
}

footer
{
	background:#0E1D2A;
	padding:20px 35px;
	overflow:hidden;
}
footer p
{
	color:#FFF;
	font-size:1.1em;
}
footer  ul
{
	float:right;
}
footer  ul li
{
	display:inline-block;
}
footer  ul li a
{
	background:url(/static/img/footer_logos.png) no-repeat;
	display:inline-block;
	height:32px;
	width:116px;
}
footer  ul li.logo_2 a
{
	background-position:-120px 0;
}
*/
.desktop .instructions
{
	border-bottom:1px solid #1A3750;
	color:#FFF;
	font-size:1.3em;
	padding-left:10px;
	padding-bottom:20px;
}
.query .instructions
{
	border-bottom:1px solid #1A3750;
	color:#333;
	font-size:1.3em;
}
.content_area .list_3
{
	margin:0 auto;
	text-align:center;
	padding:30px 0;
	width:90%;
}

.content_area .list_3 li
{
	display: inline-block;
    margin: 12px;
	text-align:left;
}
.content_area .list_3 li a
{
	background:#1A3750 url(/static/img/iglesia_list_icon.png) no-repeat 10px center;
	box-sizing:border-box;
    color: #FFFFFF;
    display: block;
    font-size: 1.2em;
    max-width: 240px;
    padding: 25px 60px;
	transition:background-color 0.4s, color 0.4s;
	text-transform:uppercase;
}
.content_area .list_3 li a:hover
{
	background:#5C7892 url(/static/img/iglesia_list_icon.png) no-repeat 10px center;
	
	color:#1A3750;
	transition:background-color 0.4s, color 0.4s;
}
.content_area .list_3 li a span
{
	display:block;
	text-transform:none;
}

.content_area .tool_bar
{
	margin:0;
	text-align:center;
	width:100%;
}

.content_area .tool_barder
{
	float:right;
	margin-right:35px;
	text-align:right;
	width:70%;
	display:inline-block;
	margin-top: -25px;
}

.content_area .tool_barder li
{
	display:inline-block;
	margin:0 2%;
}

.content_area .der
{
	text-align:right;
}
.content_area .tool_bar li
{
	display:inline-block;
	margin:0 2%;
}

.content_area .list_1
{
	margin:0 auto;
	width:100%;
}

.content_area .list_1 table
{
	width:100%;
}
.content_area .list_1 table tr
{
	border-top:1px dotted #CCC;
}
.content_area .list_1 table tr.head_row
{
	border-top:0;
	border-bottom:1px solid #CCC;
}
.content_area .list_1 table th
{
	border-left:1px solid #CCC;
	color:#333;
	font-size:1.2em;
	font-weight:700;
	padding:10px;
}
.content_area .list_1 table td
{
	border-left:1px solid #CCC;
	color:#333;
	font-size:1.1em;
	padding:10px;
}
.content_area .list_1 table .first_cell
{
	border-left:0;
}

.content_area .list_1 table .last_cell
{
	border-right: 1px solid #CCC;
}

.content_area .list_1 table input[type="checkbox"]
{
	display:inline-block;
	margin:0 4px;
}
.content_area .list_1 .even
{
	background:#EDEFF1;
}

.content_area .list_2
{
	margin:0 auto;
	width:90%;
}
.content_area .list_2 article
{
	max-height:50px;
	margin:10px 20px;
	overflow:hidden;
	width:100%;
}
.content_area .list_2 article.opened
{
	max-height:1000px;
	overflow:hidden;
	width:100%;
	/*transition:max-height 1s ease-out;*/
}
.content_area .list_2 article .entry_title
{
	background:#FFF;
	border:1px solid #CCC;
	border-radius:5px;
	box-sizing:border-box;
	color:#333;
	font-size:1.3em;
	padding:2px 20px 2px 10px;
	overflow:hidden;
	width:100%;
}
.content_area .list_2 article .entry_title figure
{
	float:left;
	margin-top: 2px;
	height:40px;
	overflow:hidden;
	width:40px;
}

.content_area .list_2 article .entry_title figure img
{
	float:left;
	width:100%;
}
.content_area .list_2 article .entry_title h2
{
	border-right:#789A3F 1px solid;
	float:left;
	font-size: 1em;
	font-weight:700;
	margin:12px 20px;
	padding: 0 20px 0 0;
}
.content_area .list_2 article .entry_title ul
{
	float:left;
	margin:10px 0;
}
.content_area .list_2 article .entry_title ul li
{
	display:inline-block;
}
.content_area .list_2 article .entry_title ul li a
{
	background:url(/static/img/assets_item_options.png) no-repeat;
	display:block;
	height:19px;
	opacity:0.8;
	width:24px;
}
.content_area .list_2 article .entry_title ul li a:hover
{
	opacity:1;
}
.content_area .list_2 article .entry_title ul li.edit a
{
	background-position:0 0;
}
.content_area .list_2 article .entry_title ul li.delete a
{
	background-position:-22px 0;
}
.content_area .list_2 article .entry_title ul li.notes a
{
	background-position:-51px 0;
	margin-left:5px;
}
.content_area .list_2 article .entry_title ul li.shedule a
{
	background-position:-87px 0;
	margin-left:5px;
}
.content_area .list_2 article .entry_title .collapse
{
	background:url(/static/img/assets_collapse.png) no-repeat 0 -22px;
	display:block;
	float:right;
	height:12px;
	margin:16px 0;
	width:12px;
}
.content_area .list_2 article .entry_title .collapse.open
{
	background-position: 0 0;
}
.content_area .list_2 article .collapsable_info
{
	background:#D5E4BD;
	box-sizing:border-box;
	column-count:3;
	column-rule:1px dotted #CCC;
	column-gap:80px;
	margin:0 auto;
	padding:20px;
	width:97%;
}
.content_area .list_2 article .collapsable_info p
{
	color:#333;
	font-size:1.3em;
	margin:10px 0;
}
.content_area .pager{
    margin: 20px auto;
	text-align:center;
    width: 100%;
}
.content_area .pager li{
	color:#333;
	display:inline-block;
	font-style:italic;
	font-weight:400;
	font-size:1.4em;
	margin-right: 10px;
}
.content_area .pager li:first-child{
	margin-left: 20px;
}
.content_area .pager li.active{
	color:#78993F;
}
/*Diagramación por columnas*/
.cols_1 .right_col
{
	margin:0 auto;
	width:98%;
    box-sizing: border-box;
}
.cols_2 .right_col
{
	float:right;
	width:70%;
    box-sizing: border-box;
}
.cols_2 .left_col
{
	float:left;
	width:28%;
    box-sizing: border-box;
}

/*Formularios*/

.modify
{
	margin:50px auto 50px auto;
	overflow:hidden;
	width:100%;
}

.modify fieldset
{
	border-left:1px dotted #CCC;
	box-sizing:border-box;
	float:left;
	min-width:300px;
	margin:40px 0;
	padding:0 40px;
	width:23%;
}
.modify.col_1 fieldset
{
	float: none;
    margin: 0 auto;
    width: 50%;
}
.modify.col_2 fieldset
{
	width:45%;
}
.modify.col_3 fieldset
{
	width:30%;
}

.modify fieldset.first_set
{
	border-left:0;
}
.modify fieldset p
{
	color:#333;
	display:inline-block;
	font-size:1.5em;
	margin:10px 0;
	width:100%;
}
.modify fieldset p.w_50
{
	margin:10px 0;
	width:49%;
}
.modify fieldset p label
{
	display:block;
	margin-bottom:6px;
}
.modify fieldset p label.radio_lab
{
	display:inline-block;
	font-size:0.9em;
	line-height:20px;
	margin-left:10px;
}
.modify fieldset p input[type="radio"], .modify fieldset p input[type="checkbox"]
{
	display:inline-block;
	margin:0 6px;
	width:auto;
}
.modify fieldset p input, .modify fieldset p textarea
{
	box-sizing:border-box;
	border:1px solid #DDD;
	color:#666;
	padding:6px;
	width:100%;
}
.modify fieldset p textarea
{
	height:200px;
}
.modify fieldset p small
{
	color:#333;
	display:block;
	font-size:12px;
	font-style:italic;
	margin:10px 0 10px 10px;
}
.modify fieldset p .calendar
{
	margin-right:10px;
	width:80%;
}
.modify fieldset .ui-datepicker-trigger
{
	cursor:pointer;
	position:relative;
	top:10px;
	opacity:1;
}
.modify fieldset .ui-datepicker-trigger:hover
{
	opacity:0.8;
}

.frm_emin
{
	margin:10px auto;
	width:100%!important;
}

.frm_emin fieldset
{
	border-left:1px dotted #CCC;
	box-sizing:border-box;
	float:left;
	min-width:300px;
	margin:0;
	padding:0 20px;
	width:30%;
}

.frm_emin.col_1 fieldset
{
	float: none;
    margin: 0 auto;
    width: 50%!important;
}
.frm_emin.col_2 fieldset
{
	width:40%!important;
}
.frm_emin.col_3 fieldset
{
	width:30%!important;
}

.frm_emin fieldset.first_set
{
	border-left:0;
}

.frm_emin p
{
	color:#333;
	display:inline-block;
	font-size:1.5em!important;
	margin:10px 0!important;
	width:100%!important;
}

.frm_emin p.w_50
{
	width:49%!important;
}

.frm_emin span, .frm_emin table span
{
	display:inline-block;
	margin-right:10px;
}

.frm_emin label, .frm_emin table label
{
	display:block;
	margin-bottom:6px;
}

.frm_emin label.radio_lab, .frm_emin table label.radio_lab
{
	display:inline-block;
	font-size:0.9em;
	line-height:20px;
	margin-left:10px;
}

.frm_emin input[type="radio"], .frm_emin input[type="checkbox"], .frm_emin table input[type="radio"], .frm_emin table input[type="checkbox"]
{
	display:inline-block;
	margin:0 6px;
	width:auto;
}

.frm_emin input, .frm_emin textarea, .frm_emin table input, .frm_emin table textarea
{
	box-sizing:border-box;
	border:1px solid #6c6c6c;
    border-radius:4px;
	color:#333;
	padding:6px;

}

.frm_emin .negr{
    font-weight: bold;
}

.frm_emin p textarea, .frm_emin table textarea
{
    width: 90%;
	height:200px;
}

.frm_emin p small
{
	color:#333;
	display:block;
	font-size:12px;
	font-style:italic;
	margin:10px 0 10px 10px;
}
.frm_emin p .calendar
{
	margin-right:10px;
	width:80%;
}

.frm_emin table .calendar
{
	padding: 3px 10px;
}

.frm_emin .ui-datepicker-trigger
{
	cursor:pointer;
	position:relative;
	top:10px;
	opacity:1;
}
.frm_emin .ui-datepicker-trigger:hover
{
	opacity:0.8;
}

.label_emin{
	box-sizing:border-box;
	border:none;
	color:#333;
	padding:6px 10px;
	width:120px;
    font-size: 1.4em;
    text-align: center;
    margin: 0 5px;
    font-weight: 800;
}

.calendar_em
{
	box-sizing:border-box;
	border:1px solid #DDD;
	color:#333;
	padding:6px 10px;
	width:100px;
    font-size: 1.4em;
    font-weight: bold;
    text-align: center;
    margin: 0 5px;
}

label .calendar_em
{
    margin-left:5px;
    font-weight: 800;
    color:#333;
    font-size: 1.4em;
}
.ui-datepicker-trigger_em
{
	cursor:pointer;
	position:relative;
	top:10px;
	opacity:1;
}
.ui-datepicker-trigger_em:hover
{
	opacity:0.8;
}

/*Login*/
.login_cover
{
	background:url(/static/img/sky_colors-wide.jpg) no-repeat;
	background-size:cover;
	width:100%;
}
.login_box
{
	background:#FFF;
	box-sizing:border-box;
	box-shadow:3px 3px 3px #666;
	border-radius:10px;
	left:50%;
	padding:20px;
	top:50%;
	transform:translate(-50%,-50%);
	position:absolute;
	width:380px;
}
.login_box h1
{
	margin:20px 0;
}
.login_box h1 a
{
	background:url(/static/img/login_logo.jpg) no-repeat;
	height:53px;
	margin:0 auto;
	width:242px;
}
.login_box form p
{
	margin:20px auto;
}
.login_box form p input
{
	background:#EEE;
	border:0;
	box-sizing:border-box;
	color:#666;
	font-size:1.6em;
	padding:10px;
	width:100%;
}
.login_box a.remember_pass
{
	color:#254B6D;
	display:block;
	font-size:1.3em;
	margin:20px 0;
}
.login_box a.remember_pass:hover
{
	text-decoration:underline;
}

.login_box .submit_container
{
	text-align:center;
	width:100%;
}
.login_box ul
{
	margin-top:20px;
	text-align:center;
}
.login_box ul li:first-child
{
	border-left:0;
}
.login_box ul li
{
	border-left:#A6CE3A 1px solid;
	color:#00599D;
	font-size:1.3em;
	display:inline-block;
	padding:0 0 0 6px;
	margin:0 6px 0 0;
	
}
.login_box ul li a:hover
{
	text-decoration:underline;
}

/*Dashboard*/
.dashboard
{
	box-sizing:border-box;
	padding:0 30px;
	overflow:hidden;
}
.dashboard .dash_menu
{
	background:#5C7892;
	float:left;
	font-size:1.3em;
	margin-right:2%;
	width:20%;
}

.dashboard .dash_menu h4
{
	background:#1B3751;
	box-sizing:border-box;
	color:#FFF;
	font-size: 1.1em;
	font-weight:700;
	margin:0;
	padding:10px;
	text-transform:uppercase;
	width:100%;
}
.dashboard .dash_menu ul
{
	box-sizing:border-box;
	color:#FFF;
	font-weight:700;
	padding:20px;
	width:100%;
}
.dashboard .dash_menu ul li
{
	background:url(/static/img/dashboard_menu_bull.png) 95% center no-repeat;
	border-bottom:1px dotted #FFF;
	display:block;
	padding:8px 0;
	position:relative;
	transition:background-position 0.3s ease-in-out;
}
.dashboard .dash_menu ul li:hover
{
	background-position:100% center;
color:#9DC756;
	transition:background-position 0.3s ease-in-out;
}
.dashboard .dash_menu ul li a
{
	display:block;
	padding:8px 0;
}
.dashboard .dash_menu ul li ul
{
	background:#FFF;
	border-radius:5px;
	width:80%;
	display:none;
	position:absolute;
	left:99%;
	top:0;
	z-index:9000;
}
.dashboard .dash_menu ul li:hover ul
{
	display:block;
	width:80%;
}
.dashboard .dash_menu li ul:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-width: 10px;
      border-style: solid;
      border-color: transparent #FFF transparent  transparent;
      top: 16px;
      left: -20px;
}
.dashboard .dash_menu ul li ul li:first-child
{
	border-top:0;	
}
.dashboard .dash_menu ul li ul li
{
	color:#1A3750;
	border-top:1px #CCC dotted;
	display:block;
	font-size:0.9em;
}
.dashboard article
{
	float:left;
	text-align:center;
	overflow:hidden;
	width:78%;
}
.dashboard .article2
{
	float:left;
	text-align:center;
	overflow:hidden;
	width:100%;
}
.dmodulo
	{
	background:#EEE;
	/*display:inline-block;*/
	padding: 0!important;
	float:left;
	text-align:left;
	min-height: 430px;
	max-height: 430px;
    margin:20px 0.5%;
	width:98%;
}

.dashboard article .module, .dashboard .article2 .module, .dashboard .module
{
	background:#EEE;
	/*display:inline-block;*/
	float:left;
	text-align:left;
	min-width:250px;
	width:100%;
    margin:0 0.5% 20px 0.5%;
}
.dashboard article .module.w_30, .dashboard .article2 .module.w_30, .dashboard .module.w_30, .dmodulo.w_30
{
	width:32%;
}

.dashboard article .module.w_45, .dashboard .article2 .module.w_45, .dashboard .module.w_45, .dmodulo.w_45
{
	width:47.5%;
}

.dashboard article .module.w_50, .dashboard .article2 .module.w_50, .dashboard .module.w_50, .dmodulo.w_50
{
	width:48.5%;
}

.dashboard article .module.w_60, .dashboard .article2 .module.w_60, .dashboard .module.w_60, .dmodulo.w_60
{
	width:62%;
}

.dashboard article .module.w_90, .dashboard .article2 .module.w_90, .dashboard .module.w_90, .dmodulo.w_90
{
	width:97%;
}

.dashboard article .module.w_95, .dashboard .article2 .module.w_95, .dashboard .module.w_95, .dmodulo.w_95
{
	width:95%;
}

.dashboard article .module.w_65, .dashboard .article2 .module.w_65, .dashboard .module.w_65, .dmodulo.w_65
{
	width:64%;
}

.dashboard article .module.w_66, .dashboard .article2 .module.w_66, .dashboard .module.w_66, .dmodulo.w_66
{
	width:65%;
}
.dashboard article .module h3, .dashboard .article2 .module h3, .dmodulo h3, .dashboard .module h3
{
	background:#333;
	box-sizing:border-box;
	color:#FFF;
	font-size:1.4em;
	font-weight:700;
	margin: 0!important;
	padding:10px 20px;
	text-transform:uppercase;
	width:100%;
}

.dashboard article .module .content, .dashboard .article2 .module .content, .dmodulo .content, .dashboard .module .content
{
	background:#EEE;
	box-sizing:border-box;
	color:#333;
	height:250px;
	font-size:1.2em;
	font-weight:400;
	overflow: hidden;
	padding:20px;
	width:100%;
}
.info-semanal{
	padding:0px !important;
	font-size:1.2em !important;
}
.dashboard article .module .content .grafica, .dashboard .article2 .module .content .grafica, .dmodulo .content .grafica, .dashboard .module .grafica
{
	margin:0 auto;
	height:200px;
	width:98%;
    text-align:center!important;
}

.dashboard article .module .content .grafica svg, .dashboard .article2 .module .content .grafica, .dmodulo .content .grafica svg, .dashboard .module .grafica svg
{
	display: block;
}

.dashboard .doble_alt
{
	height:400px!important;
}

.dmodulo .contenido_scrv
{
	min-width: 100%;
	max-width: 100%;
	min-height: 310px;
	max-height: 310px;
	overflow-x: hidden;
	overflow-y: auto;
}

.dmodulo .contenido_scrvdash
{
	min-width: 100%;
	max-width: 100%;
	min-height: 180px;
	max-height: 180px;
	overflow-x: hidden;
	overflow-y: auto;
}

.rep_bar_info{
	background: #333;
	padding-left: 25px;
	color: white;
	font-weight: bold;
	font-size:1.2em;
}

.tform
{
	margin: 0;
	border-collapse: collapse;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
}

.tform tr{
	background: inherit;
    border: none!important;
}

.tform td
{
	padding: 4px 0;
    border: none!important;
}

.tform  input[type="checkbox"] {
	cursor: pointer;
    margin-top:2px;
	margin-left:10px;
}


.tazul{
	/*width: 80%;*/
	margin: 20px;
	border-collapse: collapse;
    box-sizing: border-box;
    max-width: 98%;
    background: #FFF;
}

.tazul tr:nth-of-type(even){
	background: #E0E3E4!important;
}
.tazul tr:nth-of-type(odd){
	background: #FFF!important;
}

.tazul th{
	background-color: #fff;
	color:#000!important;
	font-weight: bold;
	font-size:1.3em;
	border: #A3C951 1px solid!important;
}

.tazul.min {
	font-size:0.9em;
}

.tazul td, .tazul th {
	padding: 10px 15px;
	text-align: left;
	font-size:1.2em;
}

.tazul.min td {
	padding: 4px 6px;
	text-align: left;
	font-size:1.2em;
}

.tazul.min th {
	padding: 8px 16px 8px 8px;
	text-align: left;
	font-size:1.2em;
}

.tazul td {
	border: 1px solid #ccc!important;
}

.tazul .filatot{
	background-color: #A4A4A4!important;
}

td.centrado{
	text-align: center!important;
}

td.ader{
	text-align: right!important;
}

td.aizq{
	text-align: left!important;
}

td.no_borde, th.no_borde {
	border-left: none!important;
    border-right: none!important;
}

td.no_bordeizq, th.no_bordeizq {
	border-left: none!important;
}

td.no_bordeder, th.no_bordeder {
    border-right: none!important;
}

.tazul .negr{
	font-size:1.3em;
	font-weight: bold;
}

.tazul .inic{
	min-width: 150px!important;
    max-width: 150px!important;
}

.tazul .repoico {
    min-width: 50px!important;
    max-width: 50px!important;
}

.scrollr .inich{
	min-width: 96px!important;
	max-width: 96px!important;
}

.tazul .header{
	background-image: url(/static/img/bg.gif);
	cursor: pointer;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: center right;
	padding-right: 20px;
	margin-right: -1px;
	}

.tazul .headerSortUp {
    background-image: url(/static/img/asc.gif);
    background-color: #DBE4C6;
}

.tazul .headerSortDown {
    background-image: url(/static/img/desc.gif);
    background-color: #DBE4C6;

}

.tazul .noback
{
	background: #FFF!important;
}

.tazul .btrans
{
	background: inherit!important;
}

input[type="radio"]{
	cursor: pointer;
	font-size: 1.1em;
    vertical-align: middle;
    position: relative;
    bottom: 0;
}

input[type="radio"]+label {
	cursor: pointer;
    margin-top:4px;
	padding-left:4px;
}

input[type="radio"]:checked+label{
	font-weight: bold;
	color:#000;
}

input[type="checkbox"]{
	cursor: pointer;
	font-size: 1.1em;
    vertical-align: middle;
    position: relative;
    bottom: 0;
    /*margin-top:4px!important;*/
}

input[type="checkbox"]+label {
	cursor: pointer;
    margin-top:4px;
	padding-left:4px;
    vertical-align: text-bottom;
}

input[type="checkbox"]:checked+label{
	font-weight: bold;
	color:#000;
}


.multisel .ui-selecting { background: #FFF; }
.multisel .ui-selected { background: #A3C951; color: white; font-weight: 600;}
.multisel { margin: 0; padding: 0; }
.multisel li { list-style-type: none; margin-left:-30px; padding: 8px 12px; cursor: pointer}

.dmodulo table, .dashboard article .module table{
	width: 98%;
	margin: 5px 0 10px 15px;
	border-collapse: collapse;
	border-bottom: 1px solid #6E6E6E;
}
.col_01{
	width: 20%!important;
}
.col_02{
	width: 8%!important;
}
.col_03, .col_04, .col_05, .col_06{
	width: 18%!important;
}

.dmodulo table tr:nth-of-type(odd), .dashboard article .module table tr:nth-of-type(odd) {
	background: #DFE1E4;
}

.totales {
	border: 0!important;
	padding: 0!important;
	background: none!important;
	color: #000!important;;
}

.dmodulo table th, .dashboard article .module table th {
	background: #789a3e ;
	color: white;
	font-weight: bold;
}
.dmodulo table td, .dmodulo table th, .dashboard article .module table td, .dashboard article .module table th {
	padding: 3px 6px;
	border-right: 1px solid #6E6E6E;
	text-align: center;
	font-size:1.4em;
}
.dmodulo .bor_izq{
	border-left: 1px solid #6E6E6E;
}

.div_marco{
	border-bottom: solid 1px #789A3F!important;
}

.titmarco{
	display: block;
	margin-left:20px;
	padding: 10px 20px;
	font-weight: 900;
    font-size: 1.2em;
	color:#333;
	border: solid 1px #789A3F;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	max-width: fit-content;
}

.titmarco.gr{
	font-weight: bold!important;
	font-size: 1.5em!important;
}

.titform{
	display: block;
	margin-left:20px;
	padding: 10px 20px;
	font-weight: 900;
    font-size: 1.2em;
	color:#333;
}

.titmarco.min{
	min-width: 10%;
}

.tit_div
{
	clear: both;
	display: block;
	margin-left:20px;
	width:auto;
	padding: 20px 10px;
	font-weight: 900;
    font-size: 1.5em;
	color:#333;
	border: solid 1px #789A3F;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.tit_tabl
{
	clear: both;
	display: block;
	padding: 20px 10px;
	font-weight: 900;
    font-size: 1.5em;
	color:#333;
	border: solid 1px #789A3F;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.tit_repo
{
	clear: both;
	display: block;
	min-width:80%;
	margin:80px 0 20px 20px;
	padding: 20px 10px;
	box-sizing: border-box;
	font-weight: bold;
    font-size: 1.5em;
	color:#333;
	border: solid 1px #789A3F;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

}


.tit_repo_s
{
	clear: both;
	display: block;
	min-width:85%;
	margin:0 0 20px 0;
	padding: 20px 10px;
	box-sizing: border-box;
	font-weight: 900;
    font-size: 1.5em;
	color:#333;
	border: solid 1px #789A3F;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


.marco_simp
{
	clear: both;
	display: block;
	min-width:85%;
	margin:0 0 20px 0;
	padding: 20px 10px;
	box-sizing: border-box;
	color:#333;
	border: solid 1px #789A3F;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.bt_bottom{
	display: block;
	margin-left:20px;
}

.btnrep_gen{
	width:150px;
	height:17px;
	padding-top:9px;
	padding-left:20px;
	margin-right:20px;
	display: inline-block;
	text-align: left;
}

.btnrep_dib{
	width:17px;
	height:17px;
	display: inline-block;
}
.btrep_si{
	background: url(/static/img/repo_si.png) left center no-repeat;
}

.btrep_si_centrado{
    background: url(/static/img/repo_si.png) center center no-repeat;
}

.btrep_no{
	background: url(/static/img/repo_no.png) left center no-repeat;
}

.btrep_no_centrado{
	background: url(/static/img/repo_no.png) center center no-repeat;
}

.btrep_contact{
	background: url(/static/img/repo_nm.png) left center no-repeat;
}

.btrep_contact_centrado{
	background: url(/static/img/repo_nm.png) center center no-repeat;
}

.btrep_asis{
	background: url(/static/img/repo_asis.png) left center no-repeat;
}
.btrep_nc{
	background: url(/static/img/repo_nc.png) left center no-repeat;
}
.btrep_diez{
	background: url(/static/img/repo_diez.png) left center no-repeat;
}
.btrep_incidente{
    background: url(/static/img/repo_incidentes.png) left center no-repeat;
}
.btrep_abandono{
    background: url(/static/img/repo_abandono.png) left center no-repeat;
}
.btrep_reprobo{
    background: url(/static/img/repo_reprobo.png) left center no-repeat;
}
.btrep_reprobo_centrado{
    background: url(/static/img/repo_reprobo.png) center center no-repeat;
}

.btrep_cursando{
    background: url(/static/img/repo_cursando.png) left center no-repeat;
}
.btrep_add{
    background: url(/static/img/repo_add.png) left center no-repeat;
}

.c_hand{
    cursor: pointer!important;
}

.btnrep_conv{
	width:140px;
	height:34px;
	padding-top:20px;
    padding-left:38px;
	color: #000;
	font-weight: bold;
	font-size:1em;
	display: inline-block;
}

.btnrep{
	width:34px;
	height:34px;
	padding-top:22px;
	text-align: center;
	color: #000;
	font-weight: bold;
	font-size:.8em;
	display: inline-block;
}

.btnrep_t{
	width:34px;
	height:34px;
	padding-top:21px;
	text-align: center;
	color: #000;
	font-weight: bold;
	font-size:.9em;
	display: inline-block;
}

.btnrepbl{
	height:32px;
	padding-top:18px;
	padding-left:40px;
	margin-right: 40px;
	display: inline-block;
	text-align: left;
}

.bt_v{
	background: url(/static/img/b_green.png) left center no-repeat;
}
.bt_b{
	background: url(/static/img/b_blue.png) left center no-repeat;
}
.bt_g{
	background: url(/static/img/b_grey.png) left center no-repeat;
}
.bt_a{
	background: url(/static/img/b_yell.png) left center no-repeat;
}
.bt_w{
	background: url(/static/img/b_white.png) left center no-repeat;
}

.bt_vio{
	background: url(/static/img/b_viol.png) left center no-repeat;
}

.bt_si{
	background: url(/static/img/b_si.png) left center no-repeat;
}
.bt_no{
	background: url(/static/img/b_no.png) left center no-repeat;
}

.bt_diez{
	background: url(/static/img/b_diez.png) left center no-repeat;
}

.bt_anotacion{
    background: url(/static/img/b_anotation.png) left center no-repeat;
}

.bt_red{
    background: url(/static/img/b_red.png) left center no-repeat;
}

.dashboard article .module .events ul li, .dashboard .article2 .module .events ul li, .dmodulo .events ul li
{
	border-top:#9DC756 1px solid;
	color:#333;
	padding:5px 0;
	overflow:hidden;
	width:100%;
}
.dashboard article .module .events ul li:first-child, .dashboard .article2 .module .events ul li:first-child, .dmodulo .events ul li:first-child
{
	border-top:0;
}
.dashboard article .module .events ul li p, .dashboard .article2 .module .events ul li p, .dmodulo .events ul li p
{
	float:right;
	font-size:1em;
	margin: 5px 0 5px 3%;
	width:80%;
	
}
.dashboard article .module .events ul li p a:hover, .dashboard .article2 .module .events ul li p a:hover, .dmodulo .events ul li p a:hover
{
	text-decoration:underline;
}
.dashboard article .module .events ul li time .dashboard .article2 .module .events ul li time, .dmodulo .events ul li time
{
	background:url(/static/img/dashboard_menu_bull.png) right center no-repeat;
	color:#666;
	display:block;
	float:left;
	font-weight:400;
	text-align:center;
	padding-right:2%;
	width:15%;
	
}
.dashboard article .module .events ul li time span, .dashboard .article2 .module .events ul li time span, .dmodulo .events ul li time span
{
	color:#333;
	display:block;	
	font-weight:700;
}
.dashboard article .module .numeric ul li:first-child, .dashboard .article2 .module .numeric ul li:first-child, .dmodulo .numeric ul li:first-child
{
	border-top:0;
}
.dashboard article .module .numeric ul li, .dashboard .article2 .module .numeric ul li, .dmodulo .numeric ul li
{
	border-top:#9DC756 1px solid;
	color:#333;
	padding:5px 0;
	text-align:center;
	width:100%;
}
.dashboard article .module .numeric ul li span, .dashboard .article2 .module .numeric ul li span, .dmodulo .numeric ul li span
{
	color:#9DC756;
	display:block;
	font-size:3em;
	font-weight:700;
	line-height:50px;
}
.dashboard article .module .entries ul li:first-child, .dashboard article .module .groups ul li:first-child, .dashboard .article2 .module .entries ul li:first-child, .dashboard article .module2 .groups ul li:first-child
{
	border-top:0;
}
.dashboard article .module .entries ul li, .dashboard article .module .groups ul li, .dashboard .article2 .module .entries ul li, .dashboard .article2 .module .groups ul li
{
	border-top:#9DC756 1px dotted;
	box-sizing:border-box;
	color:#333;
	padding:5px 10px;
	font-size:1.1em;
	width:100%;
}
.dashboard article .module .entries ul li.even, .dashboard article .module .groups ul li.even, .dashboard .article2 .module .entries ul li.even, .dashboard .article2 .module .groups ul li.even
{
	background:#DADDE1;
}
.dashboard article .module .groups ul li, .dashboard .article2 .module .groups ul li
{
	color:#9DC756;
	text-transform:uppercase;
}
/*Botones, inputs, selects y otros componentes*/
.e_alert .alert-warning
{
	background:url(/static/img/assets_alert_icon.png) no-repeat -42px 0 ;
	display:block;
	height:40px;
	float:left;
	margin-right: 20px;
	width:40px;
}
.e_alert .alert-ok
{
	background:url(/static/img/assets_alert_icon.png) no-repeat 0 0;
	display:block;
	height:40px;
	float:left;
	margin-right: 20px;
	width:40px;
}

input[type="search"]
{
	border:0;
	background:url(/static/img/search_icon.png) 97% center no-repeat #BBB;
	color:#FFF;
	font-size:1.4em;
	padding:8px 30px 8px 5px;
	width:190px;
}
button
{
	border:1px #DDD solid;
	color:#FFF;
	font-size:0.9em;
	font-weight:600;
	padding:6px 12px;
	text-align:center;
	text-transform:uppercase;
}
button.submit
{
	border:0;
	background:#A6CE3A;
	display:inline-block;
	color:#003F70;
}

button.submit:hover
{
	cursor:pointer;
	color:#007EE6;
}
button.green
{
	background-color:#789A3F;
}
button.green:hover
{
	background-color:#9BC84F;
}
button.green:active
{
	background-color:#537A12;
}

button.greenmed
{
	font-size:1.1em;
	font-weight:500;
	padding:5px 8px;
	text-align:center;
	text-transform:uppercase;
}

button.greenmed:hover
{
	background-color:#9BC84F;
}

button.greensmall
{
	background-color:#789A3F;
	font-size:0.8em;
	font-weight:500;
	padding:5px 8px;
	text-align:center;
	text-transform:uppercase;
}
button.greensmall:hover
{
	background-color:#9BC84F;
}
button.greensmall:active
{
	background-color:#537A12;
}

button.greensmaller
{
	background-color:#789A3F;
	font-size:0.9em!important;
	font-weight:500;
	padding:4px 8px;
	text-align:center;
	text-transform:none!important;
}
button.greensmaller:hover
{
	background-color:#9BC84F;
}
button.greensmaller:active
{
	background-color:#537A12;
}

button.greendel
{
	margin-left: 75px;
	font-size:0.7em;
	font-weight:500;
	background-color:#789A3F;
}
button.greendel:hover
{
	background-color:#9BC84F;
}
button.greendel:active
{
	background-color:#537A12;
}

button.add
{
	background-image:url(/static/img/add_icon.png);
	background-repeat:no-repeat;
	background-position:95% 12px;
	padding:6px 18px 6px 12px;
}

button.lnk
{
    background: none;
    border: none;
    color: #292929;
    font-weight: bold;
    cursor: pointer;
    text-align: left;
}

.select_container .green_select
{
	box-sizing:border-box;
	font-size:1em;
	width:100%;
}


.green_select {
	background-color:#789A3F;
	background-image: url(/static/img/select_arrpw.png);
	background-repeat: no-repeat!important;
	background-position: 94% 12px!important;
	border:1px #DDD solid;
	cursor:pointer;
	color:#FFF;
	font-weight:700;
	font-size:1.0em;
	padding:3px 5px;
	text-align:center;
	text-transform:uppercase;
}

.green_select option{
	padding:2px 0;
	background-image: none;
}

.green_select option:checked{
	 display:none;
}

.green_selectOpen
{
	 background:#789A3F url(/static/img/select_arrpw.png) no-repeat 95% 12px;
	}


.green_selectHover {
	background-color:#9BC84F;
}

.selector_emin
{
	box-sizing:border-box;
	font-size:1em;
	background-color:#789A3F;
	border:1px #DDD solid;
	cursor:pointer;
	color:#FFF;
	font-weight:700;
	padding:3px 5px;
	text-align:center;
	text-transform:uppercase;
}

.selector_emin option{
	padding:2px 0;
	background-image: none;
}


.green_label
{
	color:#789A3F;
	font-size:1.2em;
	font-weight:700;
	margin:0 10px;
}

.desktop h1, .desktop h2, .desktop h3, .desktop h4, .desktop h5, .desktop h6, .desktop p, .desktop blockquote, .desktop ol, .desktop .grl_list
{
	color:#FFF;
	margin:25px 0;
}

.query h1, .query h2, .query h3, .query h4, .query h5, .query h6, .query p, .query blockquote, .query ol, .query .grl_list
{
	color:#333;
	margin:15px 0;
}
.content_area
{
	min-height:780px;
}
.content_area p a
{
	color:#A3C951;
}
.content_area p a:hover
{
	text-decoration:underline;
}
.content_area h1
{
	font-weight:900;
	font-size:1.8em;
	text-transform:uppercase;
}
.content_area h2
{
	font-weight:900;
	font-size:1.6em;
	text-transform:uppercase;
}
.content_area h3
{
	font-weight:900;
	font-size:1.5em;
}
.content_area h4
{
	font-weight:700;
	font-size:1.5em;
	text-transform:uppercase;
}
.content_area h5
{
	font-weight:700;
	font-size:1.4em;
	text-transform:uppercase;
}
.content_area h6
{
	font-weight:700;
	font-size:1.4em;
}
.content_area blockquote
{
	font-weight:400;
	padding-left:30px;
	font-size:1.5em;
	margin:30px 0;
}
.content_area p
{
	font-size:1.4em;
	line-height:20px;
	margin:20px 0;
}

.content_area ul.grl_list
{
	list-style:disc;
	margin:20px 0 20px 30px;
}
.content_area ol
{
	margin:20px 0 20px 30px;
}

.convertidos{
	position:relative;
	left: 50%;
	margin-left: -15px;
	height: 32px;
	width: 30px;
	color: white;
	font-size: 17px;
	background-color: #205CA8;
	border-radius: 15px;
}
.texto-conv{
	position:relative;
	color: white;
	top:5px;
}
.titulo-dash{
		float: inherit;
		width:100% !important;
		text-align: center;
	}


@media screen and (max-width:1100px)
{
	header .first_block
	{
		margin:0 auto;
		text-align:center;
		width:100%;
	}
	header .first_block .logo, header .first_block h3
	{
		display:inline-block;
		float:none;;
		width:100%;
	}
	header .sec_block
	{
		margin:0 auto;
		position:inherit;
		width:100%;
		text-align:center;
	}
	
}

@media screen and (max-width:1150px)
{
	.dashboard
	{
		padding:0;
	}
	.desktop
	{
		padding:20px 5px 0 5px;
	}
	.dashboard .dash_menu {
		float: none;
		font-size: 1.3em;
		margin-right: 2%;
		margin:20px auto;
		width: 60%;
	}
	.dashboard article, .dashboard .article2
	{
		float:none;
		margin: 0 auto;
	}
	.dashboard article .module, .dashboard article .module2
	{
		width:45% !important;	
	}
	.dashboard article .modulo-tipo2, .dashboard .article2 .modulo-tipo2
	{
		width:95% !important;
	}
	.dashboard article, .dashboard .article2 {
		width: 90%;
	}	
	.titulo-dash{
		float: inherit;
		width:100% !important;
		text-align: center;
	}
}
@media screen and (max-width:650px), screen and (orientation:portrait)
{
	.dashboard
	{
		padding:0;
	}
	.desktop
	{
		padding:20px 5px 0 5px;
	}
	.dashboard .dash_menu {
		float: none;
		font-size: 1.3em;
		margin-right: 2%;
		margin:20px auto;
		width: 60%;
	}
	.dashboard article, .dashboard .article2
	{
		float:none;
		margin: 0 auto;
	}
	.dashboard article .module, .dashboard .article2 .module
	{
		width:100% !important;	
	}
	
}
@media screen and (max-width:480px)
{
	header .sec_block
	{
		text-align:left;
	}
	header .sec_block li
	{
		border-left:0;
		border-top: 1px dotted #111F2C;
		display:block;
		margin:10px 0;
		padding:10px 0 6px 0;
	}

    /* Sub Menus */
    header .sec_block li ul {
        position: absolute;
        display: none;
        width: inherit;
      }

    header .sec_block li:hover ul {
        display: block;
      }

    header .sec_block li ul li {
        display: block;
      }
}

.advertencia{
	position:relative;
	text-align: center; 
	width: 70%; 
	left:50%; 
	margin-left:-35%;
	-webkit-border-radius: 5px 10px;
	-moz-border-radius: 5px 10px;
	background-color:#789A3F; 
	color:#FFFFFF; 
	font-size:14px;
}
.resumen_escuela .verde{
	color:#98C54D;
}
.resumen_escuela .renglon{
	width: 100%;
	text-align: center;
}
.text-center{
	text-align: center;
}
.resumen-clases{
	width: 70%;
	float: left;
}
.calendario-escuela{
	width: 25%;
	float: right;
}

.detalle-evento{
	text-align: center;
	border-style: solid;
	border-color: #98C54D;
	border-radius: 15px;
	border-width: 1px;
	background-color: white;
	min-height: 80px;
	visibility: hidden;
}
.detalle-evento .header{
	position: relative;
	top: 0px;
	border-color: #98C54D;
	background-color: #98C54D;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
}
.detalle-evento .logo-evento{
	float: left;
	font-size: 3em;
	margin-left: 15px;
	color: white;
}
.detalle-evento .logo-cerrar{
	float: right;
	font-size: 3em;
	margin-right: 15px;
	color: white;
}

.detalle-evento h2{
	color: white;
	margin-top: 0px;
	margin-bottom: 5px;
}
.detalle-evento .fecha-evento{
	font-size: 12px;
}
.detalle-evento .descripcion-evento{
	font-size: 14px;
	text-align: justify !important;
	padding: 15px;
}


/* añadidos por nuevo diseño duvan */

.menusecun{
	float:left;
	clear: left;
	width:100%;
    box-sizing: border-box;
	background:#ffffff;
	padding:5px 25px;
	overflow:visible;
	font-weight: 800;
    -moz-box-shadow:    0px 4px 4px #666;
    -webkit-box-shadow: 0px 4px 4px #666;
	box-shadow: 0px 4px 4px #666;
    font-size: 1.2em;
}

.menupri{
	float:left;
	clear: left;
    box-sizing: border-box;
	width:100%;
	background:#ffffff;
	padding:5px 25px;
	overflow:hidden;
	font-size: 1.0em;
	font-weight: 800;
    -moz-box-shadow:    0px 4px 4px #666;
    -webkit-box-shadow: 0px 4px 4px #666;
	box-shadow: 0px 4px 4px #666;
}

#contenedor, .logo-header, .menupri, .menusecun, header .ul, header h3 {float: left; display:block;}

header .sec_block
{
	float:right;
	color: #333;
	padding: 8px 0;
	margin-right: 30px;

}

header .sec_block.izq
{
    float:left;
}

header h3{
	margin-left: 20px;
	padding-top:14px;
}

header .sec_block li:first-child
{
	border-left:0;
	/* color:#98C54D; */
}

header .sec_block li
{
	display:inline-block;
	border-left:1px dotted #111F2C;
	padding-left:10px;
	margin:0 10px;
	position:relative;
    width: auto;
}

header .sec_block li a
{
	padding: 5px 0;
}
header .sec_block li a:hover
{
	/*opacity:0.8;*/
	color:#98C54D;
}
header .sec_block li.config a
{
	display:inline-block;
	padding-left:25px;
	padding-right:15px;
	background:url(/static/img/assets_config.png) no-repeat 0 2px, url(/static/img/assets_arr_config.png) no-repeat right -19px;
}
header .sec_block li.logout a
{
	display:inline-block;
	padding-left:20px;
	background:url(/static/img/assets_config.png) no-repeat 0 -21px;
}

/* Sub Menus */
header .sec_block li ul {
   position: absolute;
   width: auto;
   display: none;
 }

header .sec_block li:hover ul {
    display: block;
 }

header .sec_block li ul li {
    width: auto;
    white-space: nowrap;
    display: block;
    border: none;
    background-color: #fff;
    padding: 8px 15px;
    margin-left:-2px;
    box-shadow: 2px 3px 3px #666;
    border: solid 1px #f6f6f6;
    z-index: 1000;
 }

header .sec_block li ul li:first-child {
    border: solid 1px #f6f6f6;
    padding: 16px 15px 8px 15px;
 }

.sec_menu{
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 2px;
    background:#5C7892;
    box-shadow: 0px 2px 2px #666;
}

.sec_menu ul
{
	margin:0 auto;
	text-align:center;
	width:90%;
}
.sec_menu ul li
{
	display:inline-block;
	margin: 8px;
}
.sec_menu ul li a
{
	/*background:#1A3750 url(/static/img/label_module_bg.png) -6px center no-repeat;*/
	background:#1A3750 url('/static/img/label_module_bg.png') -15px center no-repeat;
	box-sizing:border-box;
	border-left:6px solid #93C247;
    color: #FFFFFF;
    display: block;
    font-size: 1.2em;
    max-width: 260px;
	/*padding: 25px 60px;*/
	padding: 6px 16px;
	transition:background-color 0.4s, color 0.4s;
}
.sec_menu ul li a:hover
{
	background:#1A3750 url(/static/img/label_module_bg.png) -6px center no-repeat;
	color:#A3C951;
	transition:background-color 0.4s, color 0.4s;
}

/* Sub Menus */
    .sec_menu li ul {
        position: absolute;
        display: none;
        width: inherit;
        z-index: 5000;
      }

    .sec_menu li:hover ul {
        display: block;
      }

    .sec_menu li ul li {
        display: block;
        font-size: 1.1em;
        text-align: left;
        margin: 0 0.5em;
      }

footer
{
	background:#0E1D2A;
	padding:20px 35px;
	overflow:hidden;
}
footer p
{
	color:#FFF;
	font-size:1.1em;
}
footer  ul
{
	float:right;
}
footer  ul li
{
	display:inline-block;
}
footer  ul li a
{
	background:url(/static/img/footer_logos.png) no-repeat;
	display:inline-block;
	height:32px;
	width:116px;
}
footer  ul li.logo_2 a
{
	background-position:-120px 0;
}

.outter
{
	margin:0 auto;
	box-sizing:border-box;
	width:100%;
}

.content_area
{
    z-index:60;
	padding:20px 30px 0 30px;
}
.desktop
{
	background:#254B6D;
}
.desktop.visible
{
	overflow:visible;
}

.msgError{
    float:left;
    clear: left;
    margin:0px auto;
	box-sizing:border-box;
	width:100%;
    min-height: 450px;
    background:#254B6D;
    padding:10px 20px;
	overflow:hidden;
}

/* Menu lateral izquierdo con fondo azul */
.q-menu{
	float:left;
    background:#5C7892;
	margin-right:2%;
	width:200px;
    overflow: visible;
}


.q-menu h4{
    background:#1B3751;
	box-sizing:border-box;
	color:#FFF;
	font-size: 1.1em;
	font-weight:700;
	margin:0;
	padding:10px;
	text-transform:uppercase;
	width:100%;
}

.q-menu ul {
    box-sizing:border-box;
	color:#FFF;
	font-weight:700;
	padding:20px;
	width:100%;
}

.q-menu ul li {
    background:url(/static/img/dashboard_menu_bull.png) 95% center no-repeat;
	border-bottom:1px dotted #FFF;
	display:block;
	padding:8px 0;
	position:relative;
	transition:background-position 0.3s ease-in-out;
}

.q-menu ul li:hover {
    background-position:100% center;
    color:#9DC756;
	transition:background-position 0.3s ease-in-out;
}

.q-menu ul li a{
    display:block;
	padding:8px 0;
}

.q-menu ul li ul{
    background:#FFF;
	border-radius:5px;
	width:80%;
	display:none;
	position:absolute;
	left:99%;
	top:0;
	z-index:9000;
}

.q-menu ul li:hover ul{
    display:block;
	width:80%;
}

.q-menu li ul:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: transparent #FFF transparent  transparent;
    top: 16px;
    left: -20px;
}

.q-menu ul li ul li:first-child{
    border-top:0;
}

.q-menu  ul li ul li{
    color:#1A3750;
	border-top:1px #CCC dotted;
	display:block;
	font-size:0.9em;
}

.contenidos-gen
{
    z-index:40;
    background-color:#F8F8F8;
    float: left;
    clear:left;
    width:100%;
    min-height: 300px;
    display:block;
}

/* Tablas scroll */
.scroll {
  border: 0;
  border-collapse: collapse;
}

.scroll tr {
  display: flex;
}

.scroll td {
  display: block;
  flex: 1 auto;
}


.scroll thead tr:after {
  content: '';
  overflow-y: scroll;
  visibility: hidden;
  height: 0;
}

.scroll thead th {
  flex: 1 auto;
  display: block;
}

.scroll tbody {
  display: block;
  width: 100%;
  overflow-y: auto;
  height: 210px;
}

/* Tablas scroll reportes */
.scrollr {
  border: 0;
  border-collapse: collapse;
}

.scrollr tr {
  display: flex;
}

.scrollr td {
  display: block;
  flex: 1 auto;
}

.scrollr thead th {
  flex: 1 auto;
  display: block;
}

.scrollr tbody {
  display: block;
  width: 100%;
  overflow-y: auto;
  height: 440px;
}

.scrollr thead tr:after {
  content: '';
  overflow-y: scroll;
  visibility: hidden;
  height: 0;
}

/* Tablas scrolltest */
.scrollt {
  border: 0;
  border-collapse: collapse;
}

.scrollt tr {
  display: block;
  overflow: hidden;
}


/* Tablas scroll dialogos */
.scrolldiag {
  border: 0;
  border-collapse: collapse;
}

.scrolldiag tr {
  display: flex;
}

.scrolldiag td {
  display: block;
  flex: 1 auto;
}

.scrolldiag thead th {
  flex: 1 auto;
  display: block;
}

.scrolldiag tbody {
  display: block;
  width: 100%;
  overflow-y: auto;
  height: 360px;
}

.scrolldiag thead tr:after {
  content: '';
  overflow-y: scroll;
  visibility: hidden;
  height: 0;
}

/* Tablas scrolltest */
.scrollt {
  border: 0;
  border-collapse: collapse;
}

.scrollt tr {
  display: block;
  overflow: hidden;
}


.scrollt tbody {
  display: block;
  width: 100%;
  height: 210px;
  min-height: 200px;
  overflow-Y: scroll;
}

.no_bor
{
 border: none!important;
}

.no_b{
	border: none!important;
}

.no_bl{
	border-left: none!important;
}
.no_br{
	border-right: none!important;
}
.no_pad{
	box-sizing: border-box;
	padding:0!important;
}

.f_ancho20{
	min-width: 20px!important;
	max-width: 20px!important;
}

.f_ancho30{
	min-width: 30px!important;
	max-width: 30px!important;
}

.f_ancho40{
	min-width: 40px!important;
	max-width: 40px!important;
}

.f_ancho50{
	min-width: 50px!important;
	max-width: 50px!important;
}
.f_ancho60{
	min-width: 60px!important;
	max-width: 60px!important;
}
.f_ancho70{
	min-width: 70px!important;
	max-width: 70px!important;
}
.f_ancho80{
	min-width: 80px!important;
	max-width: 80px!important;
}
.f_ancho90{
	min-width: 90px!important;
	max-width: 90px!important;
}
.f_ancho100{
	min-width: 100px!important;
	max-width: 100px!important;
}
.f_ancho110{
	min-width: 110px!important;
	max-width: 110px!important;
}
.f_ancho120{
	min-width: 120px!important;
	max-width: 120px!important;
}
.f_ancho130{
	min-width: 130px!important;
	max-width: 130px!important;
}
.f_ancho140{
	min-width: 140px!important;
	max-width: 140px!important;
}
.f_ancho150{
	min-width: 150px!important;
	max-width: 150px!important;
}
.f_ancho160{
	min-width: 160px!important;
	max-width: 160px!important;
}
.f_ancho170{
	min-width: 170px!important;
	max-width: 170px!important;
}.f_ancho180{
	min-width: 180px!important;
	max-width: 180px!important;
}.f_ancho190{
	min-width: 190px!important;
	max-width: 190px!important;
}
 .f_ancho200{
	min-width: 200px!important;
	max-width: 200px!important;
}
 .f_ancho210{
	min-width: 210px!important;
	max-width: 210px!important;
}

 .f_ancho15{
	min-width: 15px!important;
	max-width: 15px!important;
}

 .f_ancho25{
	min-width: 25px!important;
	max-width: 25px!important;
}

.f_ancho35{
	min-width: 35px!important;
	max-width: 35px!important;
}

 .f_ancho45{
	min-width: 45px!important;
	max-width: 45px!important;
}

.f_ancho55{
	min-width: 55px!important;
	max-width: 55px!important;
}
.f_ancho65{
	min-width: 65px!important;
	max-width: 65px!important;
}
.f_ancho75{
	min-width: 75px!important;
	max-width: 75px!important;
}
.f_ancho85{
	min-width: 85px!important;
	max-width: 85px!important;
}
.f_ancho95{
	min-width: 95px!important;
	max-width: 95px!important;
}
.f_ancho105{
	min-width: 105px!important;
	max-width: 105px!important;
}
.f_ancho115{
	min-width: 115px!important;
	max-width: 115px!important;
}
.f_ancho125{
	min-width: 125px!important;
	max-width: 125px!important;
}
.f_ancho135{
	min-width: 135px!important;
	max-width: 135px!important;
}
.f_ancho145{
	min-width: 145px!important;
	max-width: 145px!important;
}

.f_ancho155{
	min-width: 155px!important;
	max-width: 155px!important;
}

.f_ancho165{
	min-width: 165px!important;
	max-width: 165px!important;
}
.f_ancho175{
	min-width: 175px!important;
	max-width: 175px!important;
}.f_ancho185{
	min-width: 185px!important;
	max-width: 185px!important;
}.f_ancho195{
	min-width: 195px!important;
	max-width: 195px!important;
}
 .f_ancho205{
	min-width: 205px!important;
	max-width: 205px!important;
}
 .f_ancho215{
	min-width: 215px!important;
	max-width: 215px!important;
}

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

#procesando{
	margin-left: 20px;
	display: inline-block;
}

#procesando_b{
	width: 100%;
	padding: 34px 20px 0 20px;
	background: url(/static/img/ajax_g2.gif) no-repeat center top;
    text-align: center;
    font-style: italic;
    font-weight: 600;
	display: none;
}

.query #procesando_b{
	width: 100%;
	padding: 34px 20px 0 20px;
	background: url(/static/img/ajax_g3.gif) no-repeat center top;
    text-align: center;
    font-style: italic;
    font-weight: 600;
	display: none;
}

.proc_ajax{
	padding: 20px;
	background: url(/static/img/ajax_g.gif) no-repeat center;
	display: none;
}

.proc_ajax_dash{
    width:100%;
    height:100%;
	background: url(/static/img/ajax_g_dash.gif) no-repeat center;
	display: none;
}

.query .proc_ajax{
	padding: 20px;
	background: url(/static/img/ajax_gq.gif) no-repeat center;
	display: none;
}

.pre_img{
	display: none;
}

#msg_ajax{
    width:100%;
    text-align: center;
    padding: 20px;
    font-size: 1.5em;
    font-style: italic;
    font-weight: bold;
    color:#333
}

.ventanas_dialogos{
    width:100%;
    padding: 20px;
    font-size: 1.5em;
    font-weight: 700;
    color:#333
}

.encab_repo{
	margin-left:20px!important;
	padding: 5px 20px!important;
	font-weight: bold!important;
	font-size: 1.5em!important;
	color: #fff!important;
	background-color: #789833;
}
.encab_repo_conv{
	margin:0!important;
	padding: 5px 20px!important;
	color: #000!important;
}

.sep_5{
	margin-left: 5px;
}

.sep_10{
	margin-left: 10px;
}

.sep_20{
	margin-left: 20px;
}

.sep_30{
	margin-left: 30px;
}

.sep_40{
	margin-left: 40px;
}

.sep_60{
	margin-left: 60px;
}

.sep_80{
	margin-left: 80px;
}

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

.sepv_5{
    display: block;
    margin-top: 5px!important;
}

.sepv_10{
    display: block;
    margin-top: 10px!important;
}

.sepv_15{
    display: block;
    margin-top: 15px!important;
}
.sepv_20{
    display: block;
    margin-top: 20px!important;
}
.sepv_25{
    display: block;
    margin-top: 25px!important;
}
.sepv_30{
    display: block;
    margin-top: 30px!important;
}
.sepv_35{
    display: block;
    margin-top: 35px!important;
}

.mm_5{
    display: block;
    margin-top: -5px!important;
}

.mm_10{
    display: block;
    margin-top: -10px!important;
}

.mm_15{
    display: block;
    margin-top: -15px!important;
}
.mm_20{
    display: block;
    margin-top: -20px!important;
}
.mm_25{
    display: block;
    margin-top: -25px!important;
}
.mm_30{
    display: block;
    margin-top: -30px!important;
}
.mm_35{
    display: block;
    margin-top: -35px!important;
}



table.tablesorter tbody tr.even td {
  background-color: #FFF!important;
}
table.tablesorter tbody tr.odd td {
  background-color: #E0E3E4!important;
}
.btn_center{
	margin-left: auto;
	margin-right: auto;
}

.bt_min{
	border: none;
	cursor: pointer;
	width: 24px;
	height: 24px;
	margin-left: 10px;
}

.bt_min.editar{
	background: url("/static/img/ico_editar.png") center center no-repeat;
}


.bt_min.program{
	background: url("/static/img/ico_programacion.png") center center no-repeat;
}

.bt_min.comentar{
	background: url("/static/img/ico_coment.png") center center no-repeat;
}

.bt_min.recursos{
	background: url("/static/img/ico_personas.png") center center no-repeat;
}

.areatxt{
	min-width:300px;
	min-height:180px;
	padding: 10px;
}

.barra_sec{
	width: 100%;
}

.barra_sec h2{
	display: inline-block;
}

.barra_sec_izq{
	width: 30%;
	display: inline-block;
}

.barra_sec_der{
	width: 69%;
	text-align: right;
	display: inline-block;
}

.bt_ico{
	width: 28px;
	height: 28px;
	cursor: pointer;
	display: inline-block;
    border: none;
}

.bt_ico.adicionar{
	background: url(/static/img/add_icon.png) center center no-repeat;
}

.bt_ico.adicionar:hover{
	background: url(/static/img/add_icon_h.png) center center no-repeat;
}

.bt_ico.editar{
	background: url(/static/img/ico_editar.png) center center no-repeat;
}

.bt_ico.editar:hover{
	background: url(/static/img/ico_editar_h.png) center center no-repeat;
}

.bt_ico.borrar{
	background: url(/static/img/ico_papelera.png) center center no-repeat;
}

.bt_ico.borrar:hover{
	background: url(/static/img/ico_papelera_h.png) center center no-repeat;
}

.bt_ico.comentar{
	background: url(/static/img/ico_coment.png) center center no-repeat;
}

.bt_ico.comentar:hover{
	background: url(/static/img/ico_coment_h.png) center center no-repeat;
}

.bt_ico.deshacer{
	background: url(/static/img/ico_deshacer.png) center center no-repeat;
}

.bt_ico.deshacer:hover{
	background: url(/static/img/ico_deshacer_h.png) center center no-repeat;
}

.bt_ico.recursos{
	background: url(/static/img/ico_personas.png) center center no-repeat;
}

.bt_ico.recursos:hover{
	background: url(/static/img/ico_personas_h.png) center center no-repeat;
}

.bt_ico.clase{
	background: url(/static/img/ico_clase.png) center center no-repeat;
}

.bt_ico.clase:hover{
	background: url(/static/img/ico_clase_h.png) center center no-repeat;
}

.bt_ico.registra{
	background: url(/static/img/ico_registra.png) center center no-repeat;
}

.bt_ico.registra:hover{
	background: url(/static/img/ico_registra_h.png) center center no-repeat;
}

.bt_ico.programa{
	margin-left: 5px;
	margin-right: 1px;
	background: url(/static/img/ico_programacion.png) center center no-repeat;
}

.bt_ico.programa:hover{
	background: url(/static/img/ico_programacion_h.png) center center no-repeat;
}

.bt_ico.search{
	background: url(/static/img/ico_search.png) center center no-repeat;
}

.bt_ico.search:hover{
	background: url(/static/img/ico_search_h.png) center center no-repeat;
}

.bt_ico.requisito{
	background: url(/static/img/ico_requisito.png) center center no-repeat;
}

.bt_ico.requisito:hover{
	background: url(/static/img/ico_requisito_h.png) center center no-repeat;
}

.bt_ico.actividad{
	background: url(/static/img/ico_actividades.png) center center no-repeat;
}

.bt_ico.actividad:hover{
	background: url(/static/img/ico_actividades_h.png) center center no-repeat;
}

.bt_ico.barcode{
	background: url(/static/img/ico_barcode.png) center center no-repeat;
}

.bt_ico.barcode:hover{
	background: url(/static/img/ico_barcode_h.png) center center no-repeat;
}

.bt_ico.save{
	background: url(/static/img/ico_save.png) center center no-repeat;
}

.bt_ico.save:hover{
	background: url(/static/img/ico_save_h.png) center center no-repeat;
}

.bt_ico.califica{
	background: url(/static/img/ico_califica.png) center center no-repeat;
}

.bt_ico.califica:hover{
	background: url(/static/img/ico_califica_h.png) center center no-repeat;
}

.bt_ico.reloj{
	background: url(/static/img/ico_reloj.png) center center no-repeat;
}

.bt_ico.reloj:hover{
	background: url(/static/img/ico_reloj_h.png) center center no-repeat;
}

.bt_ico.bandera_fin{
    background: url(/static/img/ico_bandera_fin.png) center center no-repeat;
}

.bt_ico.bandera_fin:hover{
    background: url(/static/img/ico_bandera_fin_h.png) center center no-repeat;
}

.bt_ico.no_miembro{
    background: url(/static/img/ico_no_miembro.png) center center no-repeat;
}

.bt_ico.no_miembro:hover{
    background: url(/static/img/ico_no_miembro_h.png) center center no-repeat;
}

.bt_ico.vacaciones{
    background: url(/static/img/ico_vacaciones.png) center center no-repeat;
}

.bt_ico.vacaciones:hover{
    background: url(/static/img/ico_vacaciones_h.png) center center no-repeat;
}

.v_contenido{
	padding: 20px 25px!important;
}

.bt_ico.libro{
	background: url(/static/img/ico_libro.png) center center no-repeat;
}

.bt_ico.libro:hover{
	background: url(/static/img/ico_libro_h.png) center center no-repeat;
}

.bt_ico.salon{
    background: url(/static/img/ico_salon.png) center center no-repeat;
}

.bt_ico.salon:hover{
    background: url(/static/img/ico_salon_h.png) center center no-repeat;
}

.bt_ico.asistencia{
    background: url(/static/img/ico_asistencia.png) center center no-repeat;
}

.bt_ico.asistencia:hover{
    background: url(/static/img/ico_asistencia_h.png) center center no-repeat;
}

.bt_ico.enviar_email{
    background: url(/static/img/ico_enviar_email.png) center center no-repeat;
}

.bt_ico.enviar_email:hover{
    background: url(/static/img/ico_enviar_email_h.png) center center no-repeat;
}


.bt_ico.anotaciones_inscrito{
    background: url(/static/img/ico_info_inscrito.png) center center no-repeat;
}

.bt_ico.anotaciones_inscrito:hover{
    background: url(/static/img/ico_info_inscrito_h.png) center center no-repeat;
}

.bt_ico.imprecion{
    background: url(/static/img/ico_imprimir.png) center center no-repeat;
}

.bt_ico.imprecion:hover{
    background: url(/static/img/ico_imprimir_h.png) center center no-repeat;
}

.bt_ico.bono{
    background: url(/static/img/bono_ico.png) center center no-repeat;
}

.bt_ico.bono:hover{
    background: url(/static/img/bono_ico_h.png) center center no-repeat;
}

.bt_ico.birthday{
    background: url(/static/img/ico_birthday.png) center center no-repeat;
}

.bt_ico.birthday:hover{
    background: url(/static/img/ico_birthday_h.png) center center no-repeat;
}

.bt_ico.maleta{
    background: url(/static/img/ico_maleta.png) center center no-repeat;
}

.bt_ico.maleta:hover{
    background: url(/static/img/ico_maleta_h.png) center center no-repeat;
}

.bt_ico.tablas{
    background: url(/static/img/ico_tablas.png) center center no-repeat;
}

.bt_ico.tablas:hover{
    background: url(/static/img/ico_tablas_h.png) center center no-repeat;
}

.bt_ico.carnet{
    background: url(/static/img/ico_carnet.png) center center no-repeat;
}

.bt_ico.carnet:hover{
    background: url(/static/img/ico_carnet_h.png) center center no-repeat;
}

.bt_ico.enviar_notas{
    background: url(/static/img/ico_enviar_notas.png) center center no-repeat;
}

.bt_ico.enviar_notas:hover{
    background: url(/static/img/ico_enviar_notas_h.png) center center no-repeat;
}

.bt_ico.retirar_de_grupo{
    background: url(/static/img/ico_retirar_de_grupo.png) center center no-repeat;
}

.bt_ico.retirar_de_grupo:hover{
    background: url(/static/img/ico_retirar_de_grupo_h.png) center center no-repeat;
}

.bt_ico.acudiente{
    background: url(/static/img/ico_acudiente.png) center center no-repeat;
}

.bt_ico.acudiente:hover{
    background: url(/static/img/ico_acudiente_h.png) center center no-repeat;
}

.bt_ico.finalizar_cargo{
    background: url(/static/img/ico_finalizar.png) center center no-repeat;
}

.bt_ico.finalizar_cargo:hover{
    background: url(/static/img/ico_finalizar_h.png) center center no-repeat;
}

.bt_ico.reintegrar{
    background: url(/static/img/ico_reintegrar.png) center center no-repeat;
}

.bt_ico.reintegrar:hover{
    background: url(/static/img/ico_reintegrar_h.png) center center no-repeat;
}

.bt_ico.plus{
    background: url(/static/img/ico_plus.png) center center no-repeat;
}

.bt_ico.plus:hover{
    background: url(/static/img/ico_plus_h.png) center center no-repeat;
}

.bt_ico.minus{
    background: url(/static/img/ico_minus.png) center center no-repeat;
}

.bt_ico.minus:hover{
    background: url(/static/img/ico_minus_h.png) center center no-repeat;
}

.imprimir{
    background: url(/static/img/impresora_ico.png) center center no-repeat;
}

.imprimir:hover{
    background: url(/static/img/impresora_ico_h.png) center center no-repeat;
}

.txtpeq
{
	font-size:0.8em!important;
}

.calendario_emin{
	width: 98%;
    margin-top: 5px;
    margin-bottom: 20px;
	margin-left: auto;
    margin-right: auto;
    border-collapse: separate;
	border-spacing: 1px;
}

.calendario_emin th{
	background: #1A3750;
	color:#fff!important;
	font-weight: bold;
	font-size:1.5em;
    padding: 15px;
    border: #5C7892 1px solid;
    text-align: center;
}

.calendario_emin td {
    width: 14%;
    vertical-align: top;
    background: #fff;
	border: 1px solid #ccc;
    text-align: right!important;
}

.calendario_emin td:hover {
    background: #F2F2F2;
}

.calendario_emin td hr {
    width:70%;
    margin-left: auto;
    margin-right: auto;
    color: #e0e5d6;
}

.calendario_emin td table td.tit {
    width:70%;
}

.calendario_emin th.nombre_dia{
    background: #1A3750;
	color:#fff!important;
	font-weight: bold;
    font-size:1.5em;
    padding: 8px 0;
    border: #5C7892 1px solid;
}

.calendario_emin .num_dia{
    height: 10%;
    padding: 6px 10px;
	color:#1A3750!important;
	font-weight: bold;
	font-size:1.7em;
	border: none;

}

.calendario_emin .cont_dia{
    text-align: right!important;
    height: 90%;
    padding: 6px 10px;
	color:#333;
}

.calendario_emin td table td.horario{
        padding:10px 10px 10px 0;
        font-weight: bold;
        font-size:1.3em;
    }


.calendario_emin thead tr:first-child th:first-child {
    -moz-border-top-left-radius:10px;
    -webkit-border-top-left-radius:10px;
    border-top-left-radius: 10px;
}

.calendario_emin thead tr:first-child th:last-child {
    -moz-border-top-right-radius:10px;
    -webkit-border-top-right-radius:10px;
    border-top-right-radius: 10px;
}

.calendario_emin tr:last-child td:first-child {
    -moz-border-bottom-left-radius:10px;
    -webkit-border-bottom-left-radius:10px;
    border-bottom-left-radius: 10px;
}

.calendario_emin tr:last-child td:last-child {
    -moz-border-bottom-right-radius:10px;
    -webkit-border-bottom-right-radius:10px;
    border-bottom-right-radius: 10px;
}

.calendario_emin .tit_celda {
    text-align: right;
    width: 80%;
    padding-top: 10px;
    font-weight: bold;
    font-size: 1.1em;
}

.calendario_emin td table{
    border-collapse: collapse!important;
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
}

.calendario_emin td table td{
    width: auto;
    border: none;
    background: inherit;
}

.calendario_emin td table td:hover{
    background: inherit;
}

table.display_info{
    width: 100%;
    font-size: 16px;
}

table.display_info td
{
    padding:5px;
    width:50%;
}

table.display_info td:nth-child(1)
{
    text-align:right;
}
table.display_info td:nth-child(2)
{
    text-align:left;
}


.barra_pag{
    width: 100%;
    padding-left:20px;
}

.barra_pag button{
    color:#333333;
    margin-right:5px;
	font-weight:600!important;
	padding:6px 8px!important;
    border-radius: 4px;
    font-size: 1.2em;
}

.barra_pag button.activo{
    color:#ffffff!important;
    background-color:#789A3F!important;
}

.barra_pag button.normal{
    background-color:#fff!important;
}

.barra_pag button.normal:hover{
    color:#ffffff!important;
    background-color:#9BC84F!important;
}

div.info_tablas{
    display: inline-flex;
    width: 100%;
}

div.info_tablas p{
    margin: 0;
    font-size: 0.9em!important;
}

div.info_tablas select{
    font-size: 0.9em!important;
}

div.calendario_clase_form{
    font-size: 1.2em;
    margin: 0;
}

div.calendario_clase_form p{
    margin: 0;
    margin-top: 1em;
    padding: 0;
}

div.calendario_clase_form label{
    padding: 0.2em;
    margin-right: 1em;
}

div.calendario_clase_form form{
    margin-bottom: 0;
    margin-top: 0;
}

table.email-table{
    width: 100%;
}

table.email-table td{
    padding: 0.4em;
    font-size: 1.5em;
}

table.email-table textarea, div.anotaciones textarea{
    width: 24em;
    height: 12em;
}

div.anotaciones{
    font-size: 1.3em;
    width: 100%;
}

div.anotaciones label{
    display: block;
}

div.anotaciones p{
    margin: 0;
    margin-top: 1em;
}

div.table_name_ico{
    display: inline-flex;
    margin: 0;
    padding: 0;
}

div.table_name_ico a{
    margin: 0;
    margin-left: 1em;
}

div.table_name_ico p{
    font-size: 1.2em;
    margin: 0;
    margin-top: 0.3em;
}

div.cambiar_datos_persona{
    display: inline-flex;
    width: 100%;
    padding-top: 1em;

}

div.cambiar_datos_persona p{
    margin: 0;
    margin-left: 0.5em;
    margin-right: auto;
    font-size: 1.2em;
}

div.cambiar_datos_persona label{
    font-size: 1.2em;
}

div.imprimir_certificado{
    width: 90%;
    border: 8px solid #78993F;
    margin-left: auto;
    margin-right: auto;
}

div.imprimir_certificado p{
    width: 100%;
    text-align: center;
    font-size: 2em;
}

@media print {
    body {

        max-width: 100%;
        max-height: 100%;
        font-size: 11px;
    }

    table {
        max-height: 100%;

    }

    a {
        display:none;
    }

    .calendario_emin {
        width: 98%;
        margin-top: 5px;
        margin-left: auto;
        margin-right: auto;
        border-collapse: separate;
        border-spacing: 1px;

    }

    .calendario_emin tr{
        /*page-break-inside: avoid;*/
    }

    .calendario_emin th {
        background: #1A3750;
        color: #fff !important;
        font-weight: bold;
        font-size: 12px;
        padding: 8px;
        border: #5C7892 1px solid;
        text-align: center;
        /*page-break-inside: avoid;*/
    }

    .calendario_emin td {
        width: auto;
        vertical-align: top;
        background: #fff;
        border: 1px solid #ccc;
        text-align: left !important;
        /*page-break-inside: avoid;*/
    }

    .calendario_emin td hr {
        display: none;
    }

    .calendario_emin td table td.tit {
        width: 70%;
        /*page-break-inside: avoid;*/
    }

    .calendario_emin th.nombre_dia {
        background: #1A3750;
        color: #fff !important;
        font-weight: bold;
        font-size: 12px;
        padding: 4px 0;
        border: #5C7892 1px solid;
    }

    .calendario_emin .num_dia {
        height: 8%;
        padding: 4px 10px;
        color: #1A3750 !important;
        font-weight: bold;
        font-size: 14px;
        border: none;
        /*page-break-inside: avoid;*/
    }

    .calendario_emin .cont_dia {
        text-align: right !important;
        height: 91%;
        padding: 4px 0 0 16px;
        color: #333;
        /*page-break-inside: avoid;*/
    }

    .calendario_emin thead tr:first-child th:first-child {
        -moz-border-top-left-radius: 10px;
        -webkit-border-top-left-radius: 10px;
        border-top-left-radius: 10px;
    }

    .calendario_emin thead tr:first-child th:last-child {
        -moz-border-top-right-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        border-top-right-radius: 10px;
    }

    .calendario_emin tr:last-child td:first-child {
        -moz-border-bottom-left-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    .calendario_emin tr:last-child td:last-child {
        -moz-border-bottom-right-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .calendario_emin td table {
        border-collapse: collapse !important;
        width: 100%;
        /* margin-bottom: 6px; */
    }

    .calendario_emin td table td {
        width: auto;
        border: none;
        background: inherit;
        /*page-break-inside: avoid;*/
    }

    .calendario_emin td table td.horario {
        padding: 4px 4px 4px 0;
        font-weight: bold;
        font-size: 11px;
       /*page-break-inside: avoid;*/
    }

    .calendario_emin .bt_ico{
        display:none;
    }

    .calendario_emin .tit_celda {
        text-align: right;
        width: 80%;
        padding-top: 6px;
        padding-left: 10px;
        font-weight: bold;
        font-size: 11px;
       /*page-break-inside: avoid;*/
    }

    .calendario_emin .nitem {
        padding-left: 20px;
    }

}

div.school_asistencia{
    display: inline-flex;
    padding-bottom: 1em;
}

div.school_asistencia label{
    font-size: 1.4em !important;
    padding-top: 0.5em;
    display: block;
}

div.school_asistencia input {
    font-size: 1.4em !important;
}

div.school_asistencia input {
    font-size: 1.4em!important;
}

.n_reng{
    width: 100%;
    display: block;
    clear: both;
}

.lpor_10{width: 10%!important;}
.lpor_15{width: 15%!important;}
.lpor_20{width: 20%!important;}
.lpor_25{width: 25%!important;}
.lpor_30{width: 30%!important;}
.lpor_35{width: 35%!important;}
.lpor_40{width: 40%!important;}
.lpor_45{width: 45%!important;}
.lpor_50{width: 50%!important;}
.lpor_55{width: 55%!important;}
.lpor_60{width: 60%!important;}
.lpor_65{width: 65%!important;}
.lpor_70{width: 70%!important;}
.lpor_75{width: 75%!important;}
.lpor_80{width: 80%!important;}
.lpor_85{width: 85%!important;}
.lpor_90{width: 90%!important;}
.lpor_95{width: 95%!important;}
.lpor_100{width: 100%!important;}

.lfij_10{width: 10px!important;}
.lfij_15{width: 15px!important;}
.lfij_20{width: 20px!important;}
.lfij_25{width: 25px!important;}
.lfij_30{width: 30px!important;}
.lfij_35{width: 35px!important;}
.lfij_40{width: 40px!important;}
.lfij_45{width: 45px!important;}
.lfij_50{width: 50px!important;}
.lfij_55{width: 55px!important;}
.lfij_60{width: 60px!important;}
.lfij_65{width: 65px!important;}
.lfij_70{width: 70px!important;}
.lfij_75{width: 75px!important;}
.lfij_80{width: 80px!important;}
.lfij_85{width: 85px!important;}
.lfij_90{width: 90px!important;}
.lfij_95{width: 95px!important;}
.lfij_100{width: 100px!important;}
.lfij_110{width: 110px!important;}
.lfij_115{width: 115px!important;}
.lfij_120{width: 120px!important;}
.lfij_125{width: 125px!important;}
.lfij_130{width: 130px!important;}
.lfij_135{width: 135px!important;}
.lfij_140{width: 140px!important;}
.lfij_145{width: 145px!important;}
.lfij_150{width: 150px!important;}
.lfij_155{width: 155px!important;}
.lfij_160{width: 160px!important;}
.lfij_165{width: 165px!important;}
.lfij_170{width: 170px!important;}
.lfij_175{width: 175px!important;}
.lfij_180{width: 180px!important;}
.lfij_185{width: 185px!important;}
.lfij_190{width: 190px!important;}
.lfij_195{width: 195px!important;}
.lfij_200{width: 200px!important;}

.ccell{
    cursor: cell;
}

.no_partir{
    white-space:nowrap;
}

.al_der{
    text-align: right!important;
}