.next_btn {bottom:20px;
			right:10px;
			background-color:rgba(0,0,0,0.55);
			box-shadow:1px 1px 19px 4px rgba(0,0,0,0.7);
			width:100px;
			padding:10px;
			font-size:20px;
			color:white;
			border-radius:5px;
			border:1px solid white;
			cursor:pointer;
			}

.back_btn {bottom:20px;
			left:10px;
			background-color:rgba(0,0,0,0.55);
			box-shadow:1px 1px 19px 4px rgba(0,0,0,0.7);
			width:100px;
			padding:10px;
			font-size:20px;
			color:white;
			cursor:pointer;
			border-radius:5px;
			border:1px solid white;
			}

			
.back_btn .fa {margin-right:5px}			
.next_btn .fa {margin-right:5px}			
			
/*inner display*/			
.inner_display {background-color:rgba(70, 130, 180,.6)
}							
#notification_modal,#notification_modal2,#notification_alert	 {z-index:+200}
.notification {color:navy;
				font-family:ral;
				font-variant:small-caps;
				min-height:60%;
				width:50%;
				background-color:white;

}			
				
				
.noti_logo {height:100px;
			width:100px;
			font-size:50px;
			border-radius:50%;
			margin-top:20px;
			margin-bottom:20px;
			}


.message {font-size:23px;
		font-weight:bold;
		padding:5px;
		text-align:center;}	
			
			
			
.modal_ok {
		background-color:;
		color:white;
		font-size:20px;
		border-radius:3px;
		border:2px solid white;
		cursor:pointer;
}
	
		
._10_perc {height:10%;
		width:100%;}				
		
._90_perc {width:100%;
			height:90%;}		
				
				
#success {bottom:-20px;
			left:50%;
			transform:translateX(-50%);
			width:150px;
			height:50px}			
				
				
.filter_text {width:100%;
				height:100%;
				display:flex;
				align-items:center;
				justify-content:center;}	
	
	
	
.close_normalizer {z-index:unset}	


.plus {height:30px;
		width:30px;
		border-radius:50%;
		background-color:;
		display:flex;
		align-items:center;
		justify-content:center;}
		
		
		
/*side panel */
			
.side_menu {height:100%;
			width:280px;
			background-color:white;
			right:0;
			z-index:+1000;
			box-shadow:1px 1px 19px rgba(0,0,0,0.5)}			
			
			
.side_hump {height:10%;
			width:100%;
			padding:7px;
			justify-content:flex-end;
			}			
					

.side_op {padding:5px 10px 7px 10px;
			color:black;
			cursor:pointer;
			font-family:comf}		

.side_op:hover {background-color:steelblue}
			
			
.side_main {height:90%;
			width:100%;
			}	


.close_side {height:30px;
			width:30px;
			border-radius:50%;
			background-color:white;}					
			
.main_panel {background-color:steelblue}	
.main_panel {height:100%;
			width:100%;
			background-color:;
			transition:1s;
			flex-wrap:wrap;}				

.tab {width:10%;}			
			
			
.bars {height:35px;
		width:35px;
		border-radius:50%;
		background-color:cornflowerblue;
		cursor:pointer;
		transition:0.5s;}			
		
.bars:hover {transform:scale(1.3)}		
			
.top_nav {height:10%;
		width:100%;
		background-color:;
		color:;
		border-bottom:1px solid white;}	
			
			
			
	
.resident_line {width:100%;
				background-color:white;
				color:cornflowerblue;
				font-family:comf;
				margin-top:8px;
				padding:4px;
				font-size:16px;
				cursor:pointer;}		


				
.resident_column {padding:4px;
					width:calc(100%/6);}				
	
				
			
/*side panel */		



/* loader */

.loader_tab {background-image:url("pictures/gpmatrix.jpg");
background-size:cover;}		
		
.loader_filter {background-color:rgba(255,255,255,0.85)}		
		
.loader {height:300px;
		width:300px;
		border-radius:50%;
		border:10px solid cornflowerblue;
		border-top:10px solid steelblue;
		background-color:;
		animation-name:rotation;
		animation-duration:2s;
		animation-timing-function:linear;
		animation-iteration-count:infinite;}		
		
		
 .loader_logo{
 animation-name:anti_rotation;
		animation-duration:2s;
		animation-timing-function:linear;
		animation-iteration-count:infinite;}		
		
@keyframes rotation{
0% {transform:rotate(0deg)}

100% {transform:rotate(360deg)}

}		

	
@keyframes anti_rotation{
0% {transform:rotate(0deg)}

100% {transform:rotate(-360deg)}

}		



	
.loading_phrase {left:50%;
				bottom:150px;
				color:steelblue;
				font-size:40px;
				font-weight:bold;
				text-align:center;
				font-family:ral2;
				transform:translateX(-50%);}

									
									
.gp {height:60px;
	width:60px;
	font-size:20px;
	font-family:ral3;
	background-color:steelblue;
	border:5px solid cornflowerblue;
	color:white;
	margin-right:4px;
	border-radius:50%;
	font-weight:bold;}					



.gp_load_phrase {font-size:19px;
								font-family:comf;}	
									
									
.gp_c {font-family:comf;
			font-weight:normal;
			font-variant:small-caps}									
.loading_strip {height:8px;
						width:220px;
						background-color:rgba(125,125,125,0.3);
						overflow:hidden;
						margin-top:10px}			
												
.inner_load_strip {
width:20%;
background-color:steelblue;
animation-name:move_load;
position:absolute;
animation-duration:3s;
animation-iteration-count:infinite;
animation-timing-function:linear;
}


@keyframes move_load {

0% {left:0%}

100% {left:100%}


}
			
/* loader */