/* SMALL CSS */



/* LOGIN */

#main_blur_container {
	height: 100%;
}


/* MENU */
#state_bar {
	width:100%;
	height:20px;
	z-index:10000;
	background-color:#323232;
}
	#state_bar div { display:block; width:100%; height:inherit; background-color:rgba(0,0,0,.5); }
header { z-index:106; top:0px; height:65px; box-sizing:border-box; position:relative; transition:all .5s ease; background-color: #FFF; border: none; border-bottom: #eaedef solid thin; }
	header.closed { top:-100px; }
	header.fixed { /*position:fixed;*/ }
header #basic_controls {
	width:65px;
	background-color: transparent;
}
header #basic_controls .main_logo { display: none; }

	#small_main { display:inline-block !important; float:left; background-color: rgba(0,0,0,.2); padding:0px 15px; }

header #sub_controls {
  
    position: relative;
    width: -webkit-calc(100% - 115px);
    width: -moz-calc(100% - 115px);
    width: -o-calc(100% - 115px);
    width: calc(100% - 115px);
    margin: 0px;
    height: 65px;
    padding: 0px 2px;
  
}
	header .header_content {
		background-color: transparent;
	}
	
	header .header_content, header #sub_controls span {
		height:65px;	
	}
	
	header #sub_controls span p {
		display:none;		
	}
	.list_filter, .upbar_search {
		background-color: rgba(255,255,255,.1);
		box-sizing:border-box;
	}
				
		.upbar_search::-webkit-input-placeholder {
		   padding-left:10px;
		}
		
		.upbar_filter .upbar_search {
			width:120px;	
		}
		
		.list_filter {
			width: 100px;	
		}
		

	.list_search_options_container { border-bottom: #eef0f2 solid thin; padding-right: 25px; }
		.close_search_container { font-size: 1.7em; top: 17px; right: 2px; }

header #user_controls {
	width: 50px;
	display:inline-flex;
	align-items: center;
	justify-content: center;
}

header #user_controls #sudi_submenu {
	display: block;
	height: inherit;
	width:100%;
}

#user_options {
  width: 100%;
  height: auto;
  position: absolute;
  top: 65px;
  left: 0px;
  background-color: rgba(255,255,255,.95);
  z-index:1;
}


#menu_toggle { 
	position: relative;
	left: 0;
	width: 65px;
    background-color: transparent;
	background-image: url(../_img/themes/logos/iso.svg);
	background-size: cover;
	background-position: center;
    
}

	#menu_toggle i { display: none;}
	#user_info { 
		display: none;
	}
		#user_info.opened { background-color:rgba(255,255,255,.95); }
	#user_name { display:none; }
	
	#user_options li { height:45px; }
	#user_options li:hover {
	  background-color: #323232;
	}
		#user_options li i { color:#e84b37; left:10px; }
	
	/* NAV */
	
	menu#main_menu {
		width:90%;
		background-color:#563d7a;
		border:none;
		top:65px;

		height: -webkit-calc(100% - 0px);
		height: -moz-calc(100% - 0px);
		height: -o-calc(100% - 0px);
		height: calc(100% - 0px);
	}
	
	#main_menu.hidden, #main_menu.closed {
		left: -90%;
	}
	
		#main_menu.closed .group_title {
			background-color:transparent;	
		}
		
	#menu_content { border:none; }

	#main_btn_container {
		width: 100%;
	}
	
#menu_content .main_content_btn { margin: 0px; padding: 20px 20px; height: 30px; }

	

		.nav_item span, .group_title span, .nav_alone span {
			color:rgba(255,255,255,.9);	
		}
		
		.nav_icon {
			color:#FFF;	
		}
		
			.nav_item:hover {
				background:none;
			}
	
	/* CELULAR */
				
	#mobile_control {
		/*display:block;*/
	}
	
		#mobile_control p {
			color:#FFF;
			text-align:left;
			margin:5px;	
		}	
	
	.nav_item {
	  height: 45px;
	}
	
	.nav_title_icon {
	  color: rgba(255,255,255,.5);
	}
	
	#info_container.hidden { margin-top: -65px; }
	#info_container {
		overflow: auto;
		width:100%;
		height: calc(100% - 70px);
	}

		#info_container.info_show {
			width:100% !important;
		}
		
			.list_item_blur {
					
					-webkit-filter: blur(0px);
					-moz-filter: blur(0px);
					-o-filter: blur(0px);
					-ms-filter: blur(0px);
					filter: blur(0px);
					opacity: 1;
					
				}

	#info_container.closed, #info_container {	
		width:100%;
		margin:0px;
	    padding:0px;
		margin-left: 90%;
	}
	
		#info_container.closed {
		 	margin:0px;
			padding:0px;
		}
		
		
		/* momentum Scroll */
		
		body {
			 overflow-y: scroll; /* has to be scroll, not auto */
  			-webkit-overflow-scrolling: touch;
		}
		
		
/* LIST */

.sudi_tb_path { padding-left: 0px; }
.sudi_tb_path .sudi_lpath { display:none; }
.sudi_tb_path .sudi_cpath { color:#adadc6; font-size:1.5em; font-family:'montserratsemi_bold'; } 

/* NEW SUDI TB */

	.sudi_tb_container { 
				width: 100%;
				max-width:none;
				margin: 0px;
				box-shadow: none;
				height:auto;
				
			}
			
			.sudi_tb_container .st_row {
				height: auto;
				padding: 20px 0px 10px 0px;
				display: block; 
				width: 90%;
				margin:10px auto;
				 
			}
			
			.sudi_tb_container .st_head .st_item, .sudi_tb_container .st_row .st_item {
				border: none;
				padding: 3px 0px;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				font-size: .8em;
			}
			
			.sudi_tb_container .st_row .st_item i { 
				display: inline-block;
				margin: 0px 5px;
			}
			
			.sudi_tb_container .st_head { display: none; }
						
			.st_row_title { 
				display: block !important;
				width: 100%;
				font-size: 1.1em !important; 
				text-align: left !important;
				padding: 10px;
				margin-bottom: 10px;
			}
			.st_row_option {
				display: block !important;
				width: 60%;
				color: #FFF !important;
				margin: 20px auto;
				border-radius: 20px;
				font-size: 1em!important; 
				padding: 10px 0px !important;
				background-color: #adacc6;
			}
	
				.st_row_option.st_row_option_btn { border-radius: 4px; width: 70px; margin: 10px auto; font-size: 1.5em !important; }

				.st_row_option.st_row_option_btn i { position: relative; top: 0; left: 0; color:rgba(255,255,255,.8); }
			
			.st_row_option i { position: absolute; left: 5px; top:10px; color: #FFF !important; }
			.st_row_option span { display: block; position: absolute; width: 100%; text-align: center; left: 0; bottom: 0px; color:rgba(255,255,255,.6); font-size: .6em; padding: 1px 0px; }
			.sudi_tb_container .st_row .st_item:not(.st_row_title):not(.st_row_option){
				display: inline-block;
				vertical-align: middle;
				width: 48%;
				padding-left: 20px;
				box-sizing: border-box;
				text-align: left;
			}
			
			
			
			.st_row:nth-child(even) {
				background-color:transparent;
			}



/* LIST OLD */
.sudi_table_container{ 
	text-align:center;
	width:98%;
}

.sudi_table_row { 
	display:block;
	width:auto;
	background: #FFF !important;
}

	.sudi_table_title{
		display:none;
		}
	
	.cell_title {
		display: block;
		letter-spacing: 0px;
		background-color: #FFF;
		color: #1f6697;
		padding: 4px 0px 2px 12px;
		text-align: left;
		font-size: .7em;
		border-bottom: #EAEAEA dotted thin;
	}

	.sudi_table_cell {
		display:block;	
		min-width:100%;
		margin:0px;
		padding:10px 5px;
		background-color:#FFF;
		box-sizing:border-box;
	}		
	
	#list_row_options {
		left: 0px;
		bottom: 0px;
		position: fixed;
		height: auto;
		top: auto;
		width: 100%;	
	}
	
	#nav_list {
		display:block;
		position:absolute;
		left:0px;
		bottom: 0px;
		border-radius: 0px;
		border-left: none;
		border-bottom: none;
		border-right: none;
		right:auto;
		width:100%;	
	}
		
/* MANAGE */


.input_1x,
.input_2x,
.input_3x,
.input_4x,
.input_5x,
.input_6x
 { width:100%; }
 
.form_manage { max-width:none; width: 100%; left: 0; margin-left: 0; }
.main_input_container { padding: 10px; }
.sudi_cc_container { padding: 0px; }
.sudi_cc_resume { column-count: 1; } 
.pros_st_options { width: 98%; }
.pros_st_options span { width: 75px; }



 .curtain {
	overflow-x: hidden;
    overflow-y: auto;
}	 

#curtain_container.r_panel_show .curtain{ width: 100%; }	

.form_title {
	font-size:1em;	
}


/* R_PANEL */

#r_panel {
	width: 100%;
	z-index:109;
	padding-top:0px;
    margin-right: -100%;
	font-size: 1.1em;
}

	#right_container h1 {
		color:#FFF;
		position: absolute;
		top: 0px;
		left: 0px;
		height: 44px;
		width: 100%;
		z-index: -1;
		line-height: 2.5;
		box-sizing: border-box;
		padding-left: 20px;
		background-color:#69508e;		

	}

	#close_comments {
		position:absolute;
		right: 0px;
		top: 0px;
		color: #323232;
		padding: 12px 14px;
	}

	#report_search_subtitle {
    letter-spacing: 0px;
    padding-left: 0px;
    padding-top: 0px;
    color: #13409c;
    width: 90%;
    margin: 0px auto;
}

#chartdiv {
    margin: 20px auto;
    display: block;
    height: auto;
    width: 600px;
    width: 100% !important;
    overflow: hidden;
}

#myChart{
	display: block;
    width: 400px;
    height: 400px;
}