/*
	Estilos de tema para SUDI V3
	Tema: Pimsa - Maqsa
	Elaborado por: Natsumi Franco Torres
	Fecha: Julio 2016
	Edición: Julio 2016
	
		A) Login
		B) Header y Main Menu
		C) List 
		D) DiaLog UI 
		E) Loader
		F) Generales
*/

/* A) Login */

#login_bg { background: #e9eaea; }
	
#login_form_container { margin: -190px auto 0px auto; }

#main_logo { margin: 20px auto; }

.login_buttons a { background-color:#CE8729; }
#forget_pass { color: #CE8729; }

input[type="checkbox"] + label span, 
input[type="radio"] + label span { box-shadow: rgb(70, 70, 70) 0px 0px 2px 2px; }
input[type="checkbox"] + label, input[type="radio"] + label { color: #47474F; }

.error_msg { color: #ff6b6b !important; }

/* B) Header y main menu */

header { background-color: #f2f5f8; color: #384e69; }
	header #basic_controls { background-color: #f2f5f8; }
	
	header span { color: #384e69; }
	header .loadContent:hover, header .loadRContent:hover { color: #0081c6; }

	.main_logo { background-image: url(https://app.jomarverifica.com.mx/_themes/_img/jomar.svg); }
	
	@media (min-width:100px) and (max-width:750px) {
		#menu_toggle { 
				background-image: url(https://app.jomarverifica.com.mx/_themes/_img/jomar.svg) !important; 
			    background-repeat: no-repeat;
   				background-size: 30px;
			}
	}
	
	#menu_toggle { color: #0081c6; }
	
	#welcome_txt { color: #0081c6; }
	
	#user_info.opened #user_name { color: #0081c6; }
	#user_options li i { color: #0081c6; }

	menu#main_menu { background-color: #d38c30; }

	#menu_content .main_content_btn { color: #413a3a; }
	#menu_content .main_content_btn hover { color: #fffd76; }
	
		.nav_alone span { color: #ffffff; }
		.nav_title_icon { color: #413a3a; }
							
		.nav_alone:hover span { color:#fffd76; }
		.nav_alone:hover .nav_title_icon { color:#fffd76; }
		
		.group_title { color: #ffffff; }
		.nav_group.opened { background-color: #05f0d0;} 
			.nav_group.opened .group_title { color: #e8e8e8; }
			.nav_group.opened .group_title i { color: #e8e8e8; }
	
	#r_upgrade { color: #ffffff; }

/* C) LIST */

#info_container { height: max-content; }

#nav_list { background-color: #d38c2f; }

.manage_add { 
		font-family: 'montserratregular';
		background-color: #d38c2f;
		border-radius: 10px;
		text-align: center;
		cursor: pointer;
		font-size: .9em;
		color: #ffffff;
		padding: 10px;
		display: none;
		width: 200px; 
	}
	.manage_add i { vertical-align: middle; }
	
	@media (min-width:100px) and (max-width:1180px) {
		header #sub_controls span:first-child { display: none; }
		
		.manage_add { display: block !important; margin: 30px auto; }
	}
	
	.crumb_nav_btn { color: #b7d1f1; }
	.crumb_nav_icon { color: #d3d9e7; }
	.crumb_nav_txt { color: #b7d1f1; }
	
.sudi_tb_container { border-radius: 10px; }
	.sudi_tb_container .st_head { border-radius: 10px 10px 0px 0px; }
	.sudi_tb_item_container { border-radius: 0px 0px 10px 10px; }

.sudi_tb_container .st_head .st_item { font-family: 'montserratregular'; color:#384e69; }

#nav_list { color: #ffffff; }
.nav_list_btn.disabled { color: #ffffff; }
#page_info { color: #ffffff; }
	
.st_head .st_item i { color: #0081c6; }

/* D) DIALOG UI */

.ui-widget {
		background: #efefef !important;
		box-shadow: rgba(0,0,0,.4) 2px 2px 5px;
		border-radius: 0px !important;
		border: none !important;
		padding: 0px;
	}
	.ui-widget-header {
		background: #CE8729;;
		border-radius: 0px; 
	}
	.ui-dialog .ui-dialog-content {
			font-family: 'montserratregular';
			text-align: center;
		}
	.ui-button {
			background: #9ac7c3 !important;
			box-shadow: none;
			color: #fff;
		}

/* E) loader */

.cssload-loader:before, .cssload-loader:after { border: #CE8729; solid thin; }

/* F) Generales Manage */
.this_close { color: #FFFFFF; }

.h2_mange {
		font-family: 'eausans_bold';
		background-color: #CE8729;;
		box-sizing: border-box;
		margin-bottom: 50px;
		padding: 20px 50px;
		text-align: left;
		font-size: 1.5em;
		color: #fff;
		width: 100%;
	}
	
.form_title { background: #CE8729; color: #fff; }

	.multiple_tb_btn { background-color: #e8c260; }
	.recordb_delete { position: absolute; right: 0px;}

	.this_close:hover { color: #AE0000; }
	
	.form_submit { background-color: #e8c260; }
		.form_submit:hover { background-color: rgba(177,134,0,0.75); }
	
div.upload { background-color: #0081c6; }
	.upload_text { color: #fff; }
	
.vide_list {
		font-family: 'montserratregular';
		text-align: center !important;
		letter-spacing: 0px;
		margin-top: 50px;
    	color: #30303c;
	}
	
.tooltipQuestion:hover { color: #0081c6; }

.span_submit { background-color: #0081c6; }

/* Border para separ los multiple tables cuando son muy grandes */
.multile_containers {
		border: 1px dashed rgba(177,134,0,0.75);
		box-sizing: content-box;
		margin-bottom: 20px;
		padding: 0px 20px;
	}
		
.fecha_img:after { content: "\e027"; }
		
.recordb_delete { color: #312e2e; }
	.recordb_delete:hover {
			color: #AE0000;
			opacity: 1;
		}
		
		
input[type="checkbox"]:checked + label span, input[type="radio"]:checked + label span { background-color: #0081c6; }
			
#home_container { padding:20px;	}
		#home_container h1 {
				color: #FFFFFF;
				font-size: 1.6em;	
			}	
		
.sibtitle_manage {
		background-color: #CE8729;;
		text-align: center;
		padding: 5px 10px;
		margin-top: 20px;
		color: #ffffff;
		width: 350px;
	}
	
.close_pdf {
		background-color: transparent;
		color: #ffffff !important;
		margin-right: 10px;
		margin-top: 10px;
		font-size: 1.2em;
	}
		
#main_menu.closed .group_title { background-color: #FFFFFF; }
		
.curtain { background-color: rgba(103, 103, 103, 0.48); }	
		
#information_csv { min-height: 500px; overflow: auto; }