p{ text-align: justify;margin: 10px 0 20px 0; }

@media(min-width:1370px){
	
	.dynfont{ font-size: 1rem !important; }
}
@media(min-width:991px){
	
	.dynfont{ font-size: 0.9rem !important; }
	.saveworkbtn{ text-align: right;margin-bottom: 20px;padding-right: 20px; }
	.saveworkbtn input{ width: 150px !important; }
	.ui-dialog{ width: 50% !important; }
	.colrow{ justify-content: center !important; }
}
@media(max-width:990px){
	
	.dynfont{ font-size: 0.8rem !important; }
	img{ max-width: 100% !important;margin: auto; }
	
	.colrow{ flex-direction: column !important; }
	.stickyheader{ position: relative !important;top: 0 !important; }
	.saveworkbtn{ text-align: center;margin-bottom: 20px; }
	.saveworkbtn input{ width: 80% !important; }
	.ui-dialog{ width: 95% !important; }
	/*calendar begin*/
	.calempcontainer{ width: 700px !important; }
	.calemp{ width: 412px !important; }
	.calemp ul.label li, .calemp ul.dates li{ width: 54px !important; }
	.calhrznt{ width:700px !important; }
	.calhrznt ul.label li, .calhrznt ul.dates li,.calhrznt ul.employee li{ width: 16px !important;height: 16px !important;line-height: 16px !important;font-size: 11px !important; }
	.calhrznt ul.label li.namelabel,.calhrznt ul.dates li.namelabel,.calhrznt ul.employee li.namelabel{ width: 130px !important;font-size: 10px !important;margin-left: 1px !important; }
	/*calendar end*/
}
@media print{
	body{ margin: 0;padding: 0;color: #000;background-color: #fff; }
	div{ visibility: hidden; }
	.printarea,.printarea *{ visibility: visible;margin: 0; }
	table{ max-width: 2480px !important;width: 100% !important;margin: 0;padding: 0; }
	.noprint,.noprint *{ visibility: hidden;display: none; }
}