/*
	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
		C) Main Menu
		D) List 
		E) DiaLog UI 
		F) Loader
		G) Generales
*/

/* FONDO */

/* A) Login */

#main_login img { display: block; width: 250px; }

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


#forget_pass {
	background-color:#2ecc71;
}

input[type="checkbox"] + label span, 
input[type="radio"] + label span { box-shadow: rgba(0, 0, 0, 1) 0px 0px 2px 2px; }
input[type="checkbox"] + label, input[type="radio"] + label { color: #000; }

.error_msg { color: #ff6b6b !important; }

/* B) Header */

header { background: #CE8729; }

header #basic_controls {
  background-color: #2ecc71;
}

header span:hover { color: #bcd0f0 !important; }

#user_info {
	  background-color: #CE8729;
	} 
	#user_name { color: #FFFFFF; }
	#user_info.opened #user_name { color: #CE8729; }
		#user_options li i, #user_info.opened #user_name { color: #CE8729; }

#main_logo { 
	background-image: url(../../_themes/_img/jomar.png);
	background-position: center;
	height: 150px;
    width: 150px;
}

#main_sep {
		background-color: #fff;
		border: none;
		height: 2px;
		width: 100%;
	}

/* header btns */

header span:hover {
    	color: #b18600 !important;
	}

header .loadContent:hover { color: #2ecc71 !important; }

/* C) MAIN MENU */

#menu_toggle { 
		background-color: #2ecc71 !important;
    	border: #2ecc71 solid 6px;
		right: -15px; 
		height: 30px;    
   		width: 30px; 
	}
	#menu_toggle:hover { background-color: #CE8729 !important; border-color: #CE8729; }
	#menu_toggle i { margin-top: 4px; }

.nav_group.opened .group_title span { color: #CE8729; }
	.nav_group.opened .group_title span i { color: #616161; }

.nav_group::after { border: none; }

#menu_content { border-right: none; }

.nav_item span, .group_title span, .nav_alone span { color: #616161; }
   .nav_item:hover { background-color: #2ecc71; }
   .nav_item:hover span { color: #fff; }
   
   .nav_icon {
	  		margin-left: 0px !important;
			margin-top: -4px !important;
			margin-right: 20px;
			color: #CE8729;
			float: right; 
	   }
   .nav_item:hover .nav_icon { color: #FFFFFF; }

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

	.group_title { color: #616161; }
	.nav_title_icon { color: #2ecc71; }
	
	.nav_alone:hover { background-color: #2ecc71; }
		.nav_alone:hover .nav_title_icon { color: #fff; }
		.nav_alone:hover span { color: #fff; }
	
		.nav_alone span { color: #616161; }
	
	#r_upgrade { color: #616161; }

/* D) LIST */

#list_row_options li:hover {
    background-color: #CE8729;
}

.sudi_table_title { font-family: 'eausans_bold'; color: #CE8729; }

.upbar_search { font-size: .8em; color: #fff; }
	.upbar_search::-webkit-input-placeholder { color: #fff; }
	.upbar_search:-moz-placeholder { color: #fff; }
	.upbar_search::-moz-placeholder { color: #fff; }
	
.list_filter select { color: #fff; }

/* E) DIALOG UI */

.ui-widget {
		background: rgba(242,242,242,.95) !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-button {
			background: #CE8729 !important;
			font-family: 'eausans_book';
			box-shadow: none;
			color: #fff;
		}

/* F) loader */

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

/* G) Generales Manage */

.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 {
		font-family: 'eausans_bold';
		background: #CE8729;
	}

.main_input_container { position: relative; padding: 0px; }
	.multiple_tb_btn { background-color: #ce8729; }
	.recordb_delete { position: absolute; right: 0px;}
	
.input_3x, .input_2x { margin-left: 10px; }
.input_4x, .input_5x, .input_6x { margin-right: 10px; }

.this_close {
		background-color: #fff;
    	color: #ce8729;
	}
	.this_close:hover { color: #fff; background-color: transparent; }

.form_manage {
		margin: 50px auto;
		padding: 0px;
	}
	
	.form_submit { background-color: #59d68e; }
		.form_submit:hover { background-color: rgba(90, 215, 143, 0.66); }
	
div.upload { background-color: #ce8729; }
	.upload_text { color: #fff; }
	
.vide_list {
		font-family: 'eausans_bold';
		letter-spacing: 0px;
    	text-align: center;
		margin-top: 50px;
    	color: #5a5a5a;
	}
	
.tooltipQuestion:hover { color: #2ecc71; }

/* 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: #CE8729; }
		
		
.sudi_fondo {
    background-color: rgba(197, 197, 197, 0.5);
    background-blend-mode: color;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    height: 100%;
    z-index: -1;
    width: 100%;
    left: 0px;
    top: 0px;
}
		
#home_container { padding:20px;	}
		#home_container h1 {
				color: #444444;
				font-size: 1.6em;	
			}	
		
.sibtitle_manage {
		background-color: rgba(206, 135, 41, 0.66);
		text-align: center;
		padding: 5px 10px;
		color: #fff;
		width: 200px;
	}
		
.vide_list {
		font-family: 'eausans_bold';
		letter-spacing: 0px;
		text-align: center;
		margin-top: 50px;
		color: #8A8888;
	}
	
#main_menu.closed .group_title { background-color: #FFFFFF; }

@media (min-width:100px) and (max-width:1090px) {
	#info_container { margin-top: 100px; }
}
		
@media (min-width:600px) and (max-width:1480px) {
	.sep_filter {     
			display: block !important;
			padding: 0px !important;
			height: 0px;
		}

	.upbar_filter { display: inline-block; float: initial; }
	.upbar_search { background-color: rgba(62, 62, 62, 0.3); }
	.list_filter { background-color: rgba(62, 62, 62, 0.3); }
}