/* SMALL CSS */



/* LOGIN */

#login_image_large {
	display:none !important;	
}
#login_image_medium {
	display:none !important;	
}
#login_image_smalls {
	display:block !important;	
}

/* MENU */
#state_bar {
	width:100%;
	height:20px;
	z-index:10000;
	
	background : -moz-linear-gradient(0% 50% 0deg, rgba(202, 76, 59, 1) 0%, rgba(106, 81, 142, 1) 35%, rgba(137, 182, 85, 1) 65%, rgba(104, 181, 199, 1) 100%);
	background : -webkit-linear-gradient(0% 50% 0deg, rgba(202, 76, 59, 1) 0%, rgba(106, 81, 142, 1) 35%, rgba(137, 182, 85, 1) 65%, rgba(104, 181, 199, 1) 100%);
	background : -webkit-gradient(linear, 0 0, 100% 0, from(rgba(202, 76, 59, 1)), color-stop(0.35, rgba(106, 81, 142, 1)), color-stop(0.65, rgba(137, 182, 85, 1)), to(rgba(104, 181, 199, 1)));
	background : -o-linear-gradient(0% 50% 0deg, rgba(202, 76, 59, 1) 0%, rgba(106, 81, 142, 1) 35%, rgba(137, 182, 85, 1) 65%, rgba(104, 181, 199, 1) 100%);
	background : linear-gradient(0% 50% 0deg, rgba(202, 76, 59, 1) 0%, rgba(106, 81, 142, 1) 35%, rgba(137, 182, 85, 1) 65%, rgba(104, 181, 199, 1) 100%);
	  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#CA4C3B', endColorstr='#68B5C7' ,GradientType=0)";
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CA4C3B',endColorstr='#68B5C7' , GradientType=1);
	
}
	#state_bar div { display:block; width:100%; height:inherit; background-color:rgba(0,0,0,.5); }
header { z-index:106; top:0px; height:auto; position:relative; transition:all .5s ease;}
	header.closed { top:-100px; }
	header.fixed { position:fixed;}
header #basic_controls {
	width:180px;		
}
	#small_main { display:inline-block !important; float:left; background-color: rgba(0,0,0,.2); padding:0px 15px; }

header #sub_controls {
  
  position:relative;
  display:block;
  top:0px;
  left:0;
  height:auto;
  width:100%;
  background-color:transparent;
  
}

	header .header_content, header #sub_controls span {
		height:50px;	
	}
	
	header #sub_controls span p {
		display:none;		
	}
	.list_filter, .upbar_search {
		background-color: rgba(255,255,255,.1);
		box-sizing:border-box;
	}
		.list_filter select {
			color:rgba(255,255,255,.5);
		}
		
		.upbar_search::-webkit-input-placeholder {
		   color: rgba(255,255,255,.5);
		   padding-left:10px;
		}
		
		.upbar_filter .upbar_search {
			width:120px;	
		}
		
		.list_filter {
			height:30px !important;
			width: 80px;	
		}
		
header #user_controls {
	width: -webkit-calc(100% - 180px);
	width: -moz-calc(100% - 180px);
	width: -o-calc(100% - 180px);
	width: calc(100% - 180px);
  
  
  letter-spacing: -4px;
  position: relative;
}

#user_controls { position:static !important; }

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


#menu_toggle { display:none; }

	#user_info { 
		width:100%;
		background-color: rgba(0,0,0,.2);
	}
		#user_info.opened { background-color:rgba(255,255,255,.95); }
	#user_name { display:none; }
	#user_controls #user_notifications { width:50%; 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:100%;
		background-color:#444242;
		z-index: 106;
		border:none;
		top:50px;
		
		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: -100%;
	}
	
		#main_menu.closed .group_title {
			background-color:transparent;	
		}
		
	#menu_content { border:none; }
	
	#main_login img { max-width:300px; margin:0px auto; display:block; }
	
	#main_logo {
		display:none;
	}
	
		.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;
	}
	
	.group_title .nav_title_icon {
	  margin-left: 8px;
	}
	.nav_title_icon {
	  color: rgba(255,255,255,.5);
	}
	
	#info_container {
		max-height: 100vh;
		overflow: auto;
	}
	
	#info_container.closed, #info_container {	
		width:100%;
		margin:0px;
	    padding:0px;
	}
	
		#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_table_container{ 
	text-align:center;
	width:98%;
}

.sudi_table_row { 
	display:block;
	width:auto;
	background-color:transparent;
}

	.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;
		right:auto;
		width:100%;	
	}
		
/* MANAGE */


.input_1x,
.input_2x,
.input_3x,
.input_4x,
.input_5x,
.input_6x
 { width:100%; }
 
 .form_manage { margin:20px 0px 0px 0px; max-width:none; }
 
 
 .curtain {
	overflow-x: hidden;
    overflow-y: auto;
}	 


.form_title {
	font-size:1em;	
}


/* R_PANEL */

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

	#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 : -moz-linear-gradient(0% 50% 0deg, rgba(202, 76, 59, 1) 0%, rgba(106, 81, 142, 1) 35%, rgba(137, 182, 85, 1) 65%, rgba(104, 181, 199, 1) 100%);
	background : -webkit-linear-gradient(0% 50% 0deg, rgba(202, 76, 59, 1) 0%, rgba(106, 81, 142, 1) 35%, rgba(137, 182, 85, 1) 65%, rgba(104, 181, 199, 1) 100%);
	background : -webkit-gradient(linear, 0 0, 100% 0, from(rgba(202, 76, 59, 1)), color-stop(0.35, rgba(106, 81, 142, 1)), color-stop(0.65, rgba(137, 182, 85, 1)), to(rgba(104, 181, 199, 1)));
	background : -o-linear-gradient(0% 50% 0deg, rgba(202, 76, 59, 1) 0%, rgba(106, 81, 142, 1) 35%, rgba(137, 182, 85, 1) 65%, rgba(104, 181, 199, 1) 100%);
	background : linear-gradient(0% 50% 0deg, rgba(202, 76, 59, 1) 0%, rgba(106, 81, 142, 1) 35%, rgba(137, 182, 85, 1) 65%, rgba(104, 181, 199, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#CA4C3B', endColorstr='#68B5C7' ,GradientType=0)";
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CA4C3B',endColorstr='#68B5C7' , GradientType=1);
	}

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

.contBtns button { font-size: .9em; }

.signShow { margin-bottom: 53px !important; }