@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 1280px) { /* screen 1280px SHOW MENU */
	.app { min-width:1000px; width:1000px; position: absolute; top:0px; left:205px; }
	.dayBar { width:980px; }
	.listBox { width:980px; }
	.listBox:hover { width:990px; }
	.listContainer { width:980px; }
	.listBox .lineBox { width:820px; }
	.listBox.fullView { width:990px; }
	.fullBox textarea { width:900px; }	
	.fullBox .tinyColDescription { width:460px;  }		
			
	.menu { width:300px; }
	.menu .lv1 { width:270px; }	

	
	/* CONTACTS LIST */
/*	.conLine .conCol { width:18%; border:solid 1px #FF0000; }  */

	
}

@media only screen and (max-width: 1366px) and (min-width: 1270px) { /* SHOW ONLY MAIN ELEMENT - NOT MENU */
	.menu { width:300px; }
	.menu .lv1 { width:270px; }		
	.h1_contacts_title { font-size:14px !important;}	
}


@media only screen and (max-width: 1270px) and (min-width: 1101px) { /* SHOW ONLY MAIN ELEMENT - NOT MENU */
	.menu { width:300px; }
	.menu .lv1 { width:270px; }
	.h1_contacts_title { font-size:14px !important; position:absolute; left:170px; }	
}

@media only screen and (max-width: 1240px) and (min-width: 1101px) { /* SHOW ONLY MAIN ELEMENT - NOT MENU */
	.menu { width:300px; }
	.menu .lv1 { width:270px; }	
	
	.app { min-width:920px; width:920px; }
	.dayBar { width:910px; }
	.listBox { width:900px; }
	.listBox:hover { width:900px; }
	.listContainer { width:900px; }
	.listBox .lineBox { width:740px; }
	.listBox.fullView { width:910px; }
	.fullBox textarea { width:850px; }	
	.fullBox .tinyColDescription { width:390px; height:155px;  }
	.h1_contacts_title { font-size:14px !important; position:absolute; left:170px; }
	
	/* CONTACTS LIST */	
/*	.conLine .conCol { width:210px; border:solid 1px #0C0; } 	 */


}

@media only screen and (max-width: 1100px) { /* SHOW ONLY MAIN ELEMENT - NOT MENU */
/*	.menu { width:200px; display:none;  } 
	.menu .lv1 { width:190px; }	*/
	
	.menu { position:fixed; display:none; width:300px; z-index:9999; max-height:600px; overflow:auto; }
	.menu .lv1 { width:270px; }
	
	.menuBtn { display:block; }
	.logo img { width:50%; height:auto; margin-left:55px; margin-top:8px; }	
	.h1_contacts_title { font-size:14px !important; position:absolute; left:170px; }
	.app { position: relative; top:auto; left:auto; }
	
	
}


@media screen and (min-width: 1640px) {
		#line-chart-labels { display:none; }
}