	.sky-bg {background-color:#83bcf4}
	.yellow-bg {background-color:#f7ec1c}
	
	.textEllipse {overflow: hidden;white-space: nowrap;text-overflow: ellipsis!important;max-width:225px;}
	.Completed-1 { color:#1ccb06; }
	.Completed-0 { color:#c0bf1e; }
	.Ongoing-1 { color:#000000; }
	.Ongoing-0 { color:#f4095c; }
	.Completed-bg1 { background-color:#70d127; color:#fff; }
	.Completed-bg0 { background-color:#c0bf1e; color:#fff;}
	.Ongoing-bg1 { background-color:#000000; color:#fff;}
	.Ongoing-bg0 { background-color:#f4095c; color:#fff;}
	.formLabel{ color:#000!important;font-size:12px; }
	.formData {color:#235689!important;font-size:15px;}
	.tabFilter{padding:2px 2px; width:100%;}
	.table {
		color: #858796!important;
	}
	div.dataTables_wrapper div.dataTables_length select {
    width: 100px!important;
    display: inline-block;
	}
	div.assets-images-div { display:block;padding-bottom:16px; }
	div.assetImgs a { text-decoration:none; }
	div.assets-images-div img { max-height:110px;width:auto; border:4px solid #dedede;}
	.color-info{padding:5px;}
	.info-color {display:inline-block; vertical-align: middle;width:12px!important;height:12px!important;padding:3px; }
	.info-color-text { vertical-align:middle;font-size:12px;color:#444;}
	 .remarks{
		padding-top:16px; 
	 }
	.remarksTitle { padding:8px 16px;color:#de2020;font-size:16px;border-left:5px solid #5690fe;}
	.remarksText { padding:1px 22px;color:#707070;font-size:16px;}
	.remarksDate { padding-bottom:8px;font-size:12px;color:#000000;}
	div.modal-imgview .modal-header { background-color:#dedede!important; }
	
	@media (min-width: 420px){
	.modal-lg {
		max-width: 420px!important;
	}
	.modal-imgview { max-width: 320px!important;}
	}
	@media (min-width: 992px){
	.modal-lg {
		max-width: 900px!important;
	}
	.modal-imgview { max-width: 500px!important;}
	}
	
	@media (min-width: 1200px){
	.modal-lg {
		max-width: 1100px!important;
	}
	.modal-imgview { max-width: 720px!important;}
	}
	@media (min-width: 1500px){
	.modal-lg {
		max-width: 1400px!important;
	}
	.modal-imgview { max-width: 720px!important;}
	}
	@media (min-width: 1800px){
	.modal-lg {
		max-width: 1700px!important;
	}
	.modal-imgview { max-width: 1080px!important;}
	}