@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import "main/allowed_colors.css";
@import "main/attributes.css";
@import "main/buttons.css";
/*@import "main/buttons_from_bootstrap.css";*/
@import "main/forms.css";
@import "main/grid_filter.css";
@import "main/grid_list.css";
@import "main/help.css";
@import "main/jquery_ui.css";
@import "main/master_modules.css";
@import "main/password_change.css";
@import "main/pms.css";
@import "main/search.css";
@import "main/tabs.css";
@import "main/titles.css";
@import "main/warnings.css";

/** ----------------------- GENERAL ------------------- */

.div_confirmation{
	max-width: 98%;
	max-height: 250px;
}

.det_ta{font-size:11px;text-align:right}
.det_ta_sup{font-size:11px;text-align:left}

.div_personal_card{-moz-border-radius:7px;background-color:var(--COLOR_ORANGE_LIGHT_15)!important;border:2px solid var(--COLOR_BLUE_2_LIGHT_3);font-size:11px;padding:5px;width:300px}

.request_iframe{height:0;width:0}
.read_more{background:url(../images/ce_cms/button.gif);border:none;color:#fff;cursor:pointer;height:22px;line-height:22px;margin:2px 0 0;text-align:center;vertical-align:middle;width:100px}
.download{border:none;cursor:pointer;height:30px;vertical-align:middle;width:30px}

.loading_layer{background-color: rgba(254, 254, 254, 0.8);font-size:11px;font-weight:700;height:100%;left:0;line-height:300px;position:absolute;text-align:center;top:0;vertical-align:middle;width:100%;z-index:10000}
.dcl_comm{font-family:var(--APP_FONT_FAMILY);font-size:13px;text-align:center;color:#666666 !important;}

div.table{border-spacing:5px;display:table}
div.row{display:table-row}
div.column{display:table-cell}

div.please_wait{
	width 	: 400px;
	height 	: 250px;
	position: fixed;
	top 	: calc(50% - 125px);
	left 	: calc(50% - 200px);
	text-align: center;
	z-index: 5000;
	background-color: #ffffff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-size: 16px;
}

/** ------------------------ LOADING ------------------------ */

.loading1{background:url(../images/loadings/educa_city/loading_1_500.gif) no-repeat center; height:125px; background-size:108px 125px; margin:20px; line-height:125px; padding:10px;text-align:center;vertical-align:middle;}
.loading3{background:url(../images/loadings/loading3.gif) no-repeat center;height:62px;line-height:62px;padding:10px;text-align:center;vertical-align:middle;width:62px}
.loading4{background:url(../images/loadings/loading4.gif) no-repeat center;height:6px;width:123px}

/** ----------------- DASHBOARD AND MAINFRAME ------------------------- **/

.ad_message{
	width:100%;
	color:#ffffff;
}

.div_slider_messages{
	width:100% !important;
	height:100px !important;
	clear: both;
	overflow:hidden;
	color:#ffffff;
}

.td_powered_by{background-color:#333333;color:#fff;height:16px;line-height:16px;vertical-align:top}
.td_powered_by a{color:#fff}
.rate_it_over{background:url(../images/icons/estrella_llena.png);height:20px;width:20px}
.rate_it_out{background:url(../images/icons/estrella_vacia.png);height:20px;width:20px}
.branch_name{color:#039;font:12px 14pt;padding-left:10px}
.special_news{background-color:#ffffff;border: 1px solid #aaaaaa;}
.special_news_div img{cursor: pointer;}

/** ----------------- REPORTS ------------------------- **/

.div_generate_report{
	margin:10px;
}

.div_generate_report_button{
	width: 180px;
	height: 100px;
	float:left;
}

.div_available_reports_to_download{
	width: 70%;
	height: 100px;
	margin-left:10px;
	float: left;
}

.div_generate_report_iframe{
	width:500px;
	height:300px;
	clear: both;
}

/** ------------------- USER PHOTO --------------------- */

.user_current_photo{
	position 	: relative;
	width 		: 100px;
	height 		: 100px;
	max-height 	: 100px;
	min-height 	: 100px;
	& img{
		overflow: hidden;
	}
	& .change_image_link{
		width 		: 20px;
		height 		: 20px;
		position 	: absolute;
		bottom 		: 5px;
		right  		: 5px;
		z-index 	: 3;
	}

	&:hover{
		& img{
			border 	: 5px solid var(--NS_COLOR_17_B);
		}
		& .change_image_link span{
			color : var(--NS_COLOR_17_B);
		}
	}
}

.user_img_cnt{
	position 				: relative;
	width  					: 100px;
	height 					: 100px;
	-webkit-border-radius 	: 50px;
	-moz-border-radius 		: 50px;
	border-radius 			: 50px;
	overflow 	 			: hidden;
	text-align 				: center;
	vertical-align:  		: middle;
	align 					: center;

}

/** ------------------- SCROLLING BARS --------------------- */

.scrolling_area{
	overflow-y: scroll;
	max-height: 100%;
	&::-webkit-scrollbar {
		width: 9px;
		height:9px;
	}

	&::-webkit-scrollbar-track {
		background: #ffffff; 
	}

	&::-webkit-scrollbar-thumb {
		background: #ddd; 
	}

	&::-webkit-scrollbar-thumb:hover {
		background: #555; 
	}
}

body#body_grid_list{
	&::-webkit-scrollbar {
		width: 12px;
		height:9px;
	}

	&::-webkit-scrollbar-track {
		background: #ffffff; 
	}

	&::-webkit-scrollbar-thumb {
		background: #ddd; 
	}

	&::-webkit-scrollbar-thumb:hover {
		background: #555; 
	}
}

/** -------------------- RESPONSIVENESS ------------------------ */

@media only screen and (max-width: 1920px) {
	.vis_7{display:none !important;}
}

@media only screen and (max-width: 1600px) {
	.vis_7{display:none !important;}
}

@media only screen and (max-width: 1300px) {
	.vis_7{display:none !important;}
}

@media only screen and (max-width: 1200px) {
	.vis_6, .vis_7{display:none !important;}
	#cssmenu > ul > li > a {padding: 12px 18px 10px 2px !important;}
}

@media only screen and (max-width: 1050px) {
	.vis_5, .vis_6, .vis_7{display:none !important;}
}

@media only screen and (max-width: 800px) {
	.vis_4, .vis_5, .vis_6, .vis_7{display:none !important;}
	#tr_footer{display:none !important;}
	#span_title > .action {display:none !important;}
	.fs_4 {font-size:12px !important;}
	.upper_keypad{position:relative;}
}

@media only screen and (max-width: 600px) {
	.vis_3, .vis_4, .vis_5, .vis_6, .vis_7{display:none !important;}
	#span_title {font-size:12px !important;}
	.fs_3 {font-size:10px !important;}

	div[class*="div_alert_"] {
		max-width: 500px !important;
	}
}

@media only screen and (max-width: 400px) {
    .vis_2, .vis_3, .vis_4, .vis_5, .vis_6, .vis_7{display:none !important;}
    .fs_2 {font-size:9px !important;}
	div[class*="div_alert_"] {
		max-width: 350px !important;
	}
}

@media only screen and (max-width: 250px) {
	.vis_1, .vis_2, .vis_3, .vis_4, .vis_5, .vis_6, .vis_7{display:none !important;}
}

@media only screen and (min-width: 1900px){
	.welcome_user_img{
		zoom: 70%
	}

	#slider-range{
		zoom: 77%;
	}
}

@media only screen and (min-width: 1700px) and (max-width: 1899px){
	.welcome_user_img{
		zoom: 70%
	}

	#slider-range{
		zoom: 100%;
	}
}

@media only screen and (min-width: 1590px) and (max-width: 1699px){
	.welcome_user_img, .td_slider_messages{
		zoom: 70%
	}

	.welcome_message{
		zoom: 90%
	}

	#slider-range{
		zoom: 77%;
	}
}

@media only screen and (max-width: 1589px){
	.welcome_user_img, .td_slider_messages{
		zoom: 70%
	}
}