@charset "UTF-8";

/* RESPONSIVE STYLE */


/* DESKTOP 1024 - 1920 DESKTOP */

@media screen and (min-width : 1024px) {


}

/* TABLET 760 - 1023 TABLET */
@media screen and (min-width : 760px) { 

}

@media screen and (max-width : 1023px) {
	
			
	.main-menu {
		height: 100%;
		width: 100%;
	}	
		
	.dialog-box-content,
	.dialog-box-content-big, 
	.dialog-box-content-scroll {
		width: 450px;		
	}
	
/* 	.page_box_login {
		background-image: none;				
	}	 */
	
	.details_table,
	.details_table_wide {	
		display: block;
	}
	
	
	#logo-text {
	 	margin-left: 0;
    	margin-top: 0;
    }
	
	#main-menu ul {
		display: inline-block;
	}
		
	#main-menu ul li {
		height: 35px;
	}
		
	.playgroundPicture {
		display: block;
		float: none;
		margin: 5px auto;
	}
	
	.device_list_element_box3 {
		margin-left: 0;
	} 
	
	
	.inspection_device_list_table {
		width: 170px;
	}
	
	.login-box {
		margin-top: 40px;
	}
	
	
}

/* MOBILE 480 - 759 MOBILE */
@media screen and (max-width : 759px) {
	
}

/* MOBILE 320 - 479 MOBILE */
@media screen and (max-width : 479px) {

			
	.dialog-box-content,
	.dialog-box-content-big, 
	.dialog-box-content-scroll {
		width: 100%;		
	}

	.ui-question-dialog {
		width: 100% !important;
	}

	.overview-info-box {
		width: 100%;
		margin-top: 0px;
	}

	.overview-info-box-left-top, 	
	.overview-info-box-right-top,	
	.overview-info-box-right-middle, 
	.overview-info-box-left-middle {
		margin: 0px;
	}

	.page_box_clean, .page_box, .page_box_small {
		padding: 0px 5px;
	}
	
	#geoposform-accept-button, #geoposform-delete-button, #geoposform-cancel-button {
		width: 100px;
	}

	.but-center-3 {
		width: 100%;
		margin-top: 10px;
	}

	.edit_inspection_devices_table td {
		padding: 5px 5px;
	}


	.inspection_device_list_table {
		
		width: 100%;
		
	}	  

	.fileinputs-small img {
		height: 50px;
		width: 45px;
	}	

	.page-title-modal {
		padding: 5px 0;
	}

	.dialog-box-content, .dialog-box-content-big, .dialog-box-content-scroll {		
		padding: 2px;		
	  }	

	  .playground_list_element_box1, .playground_list_element_box2 {
		width: 100%;
		height: 119px;
		margin-right: 0px;
	}

	.playground_list_element_table {
		font-size: 13px;
		margin-top: 7px;
	}	
	
	.playground_list_element_image_box img {	
		max-height: 100px;
		max-width: 100px;	
	}	

	
	/* wylaczam narazie male rozdzielczosci - przegladarki poza Firefoxem sobie radza z oddaleniem, potem dopasowac to ewentualnie natywnie */
	/*
	.wrapper {
		width: 300px;
	}
			
	.main-menu {
		height: 100%
	}	

	.logo {
		width: 140px;
	}
	
	#logo-text {
		font-size: 12px;
		
	}
	
	.details_table,
	.details_table_wide {
		width: 500px;
		display: block;
	}
	
	
	#logo-text {
	 	margin-left: 0;
    	margin-top: 0;
    }
    
    #header {
    	height: 180px;
    }
	
	.page_box_clean {		
	
	}
	
	.header-user-box {
		border-radius: 7px;
    	float: left;
	}
	
	#main-menu ul {
		display: inline-block;
	}
		
	#main-menu ul li {
		height: 35px;
	}
		
	.playgroundPicture {
		display: block;
		float: none;
		margin: 5px auto;
	}
	
	.device_list_element_box3 {
		margin-left: 0;
	} 
	
	
	.inspection_device_list_table {
		width: 170px;
	}
	
	.page_box_login {
		background-image: none;
		height: 300px;						
	}	
	
	.login-box {
		margin-top: 10px;
		width: 100%;
	}
	
	#login-table {
		width: 100%;
	}
	
	.edit-input-login {
		width: 100%;
	}
	
	#header {
		
	}
	*/
	
}