html{font-family: "VIPHakmRegular-VIPHakm", sans-serif;height: 100%; min-height: 100% !important;}
		body {
			background-color: #ffffff;
			font-family: "VIPHakmRegular-VIPHakm", sans-serif;
			line-height:  1;
			font-size: 13px;
			color: #333333;
			overflow-x: hidden;
			margin: 0 !important;
			padding: 0 !important;	
			font-style: normal !important;
			text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
			-webkit-appearance: none;
			overflow: hidden;
			height: 100%;
			direction: rtl;
			background-color: #D4CFBD;
		}
		h1, h2, h3,
		h4, h5, h6 {
			font-family: "VIPHakmRegular-VIPHakm", sans-serif;
			font-weight: normal;
			margin:6px 0 6px;
		}
		div, p, span{
			font-family: "VIPHakmRegular-VIPHakm", sans-serif;
			font-weight: normal;
			line-height: 20px !important; 
		}
		#wrappingpages{
			position: absolute;
			top: 30px;
			left: 0;
			margin: 0 auto;
			padding: 10px 30px;
			width: 100%;
			height: 100% !important;
			overflow-x: hidden;
		}
		#table_contents{
			position: absolute;
			top: 0;
			left: 0;
			margin: 0 auto;
			padding: 10px;
			width: 100%;
			height: 100% !important;
			overflow-x: hidden;
		}
		* { box-sizing: border-box; }
		#progress_container {
			display: block;
			width: 100%;
			min-width: 300px;
			height: 100%;
			min-height: 300px;
			margin: 0 !important;
			padding: 10 !important;
		}
		#progress_container > svg {
			width: 300px;
			display: block;
		}
		#tables_style{overflow-x: hidden !important;}
		#tables_style td {
			text-align: center;
			vertical-align: middle !important;
		}
		#tables_style th {
			text-align: center;
			vertical-align: middle !important;
			background-color: #eeeeee;
		}

		#tables_style2 td {
			text-align: center;
			vertical-align: middle !important;
			padding: 0 !important;
		}
		#tables_style2 th {
			text-align: center;
			vertical-align: middle !important;
			background-color: #eeeeee;
			padding: 0 !important;
		}
		.table > tbody > tr > td {
			 vertical-align: middle !important;
		}
		#table_holder{
			font-size: 12px !important;
			padding:10px 20px;
			margin: 0px !important;
		}
		#table_holder2{
			font-size: 12px !important;
			padding: 0;
		}

		#donrs_list {
			overflow: hidden;
			width: 100%;
			height: 640px;
			padding: 0;
			margin: 0;
		}

		#donrs_list span {
			display: block;
			height: 50px;
			padding: 1px;
			margin-bottom: 4px;
					
		}
		
		.name_td{ width: 60%; font-size:16px;background: #eeeeee;}
		.amount_td{width: 40%; font-size:16px; font-weight: bold;background: #eeeeee;}
		
		.name_td2{ width: 60%; font-size:16px;background: #162747; color: #ffffff;}
		.amount_td2{width: 40%; font-size:16px; font-weight: bold;background: #162747; color: #ffffff;}
		
		.item:last-child {
			margin-bottom: 0px;
		}
		.td_big_font{font-size:24px;}
		.td_med_font{font-size:16px;}
				
		.td_font{font-size:16px; color: #ffffff;}
		.td_font_sm{font-size:12px; color: #ffffff;}
		
		.blue_bgcolor {background-color: #162747;}
		.green_color {background-color: #24F5B0;}
		.gen_card {padding: 0 0 0 0 !important; }
		.gen_card_body {padding: 10px 0 0 0 !important; border: none !important;}
		
		.col-md-6 {width: 50% !important; display: inline-block;}
		.circle_big_font{display: block; font-size:40px;}
		.circle_med_font{display: block; font-size:34px;}
		.circle_sm_font{display: block; font-size:24px;}
		
		.progressbar-text{top:46% !important;}
		
		@media screen and (max-width:1380px){
			.col-md-6 {width: 100% !important; display: inline-block;}
			.progressbar-text{top:42% !important; }
			.circle_big_font{display: block; font-size:30px;}
			.circle_med_font{display: block; font-size:24px;}
			.circle_sm_font{display: block; font-size:18px;}
		}
		@media screen and (max-width:1200px){
			.col-md-6 {width: 100% !important; display: inline-block;}
			.col-md-4 {width: 100% !important; display: inline-block;}
			.progressbar-text{top:36% !important; }
		}
		@media screen and (max-width:1100px){
			.col-md-6 {width: 100% !important; display: inline-block;}
			.col-md-4 {width: 100% !important; display: inline-block;}
			.progressbar-text{top:36% !important; }
		}
		@media screen and (max-width:992px){
			.col-md-6 {width: 100% !important; display: inline-block;}
			.col-md-4 {width: 100% !important; display: inline-block;}
			.progressbar-text{top:30% !important; }
		}
		@media screen and (max-width:769px){
			.col-md-6 {width: 100% !important;}
			.col-md-4 {width: 100% !important;}
			.progressbar-text{top:20% !important; }
		}
		@media screen and (max-width:479px){
			.col-md-6 {width: 100% !important; display: inline-block;}
			.col-md-4 {width: 100% !important; display: inline-block;}
			.progressbar-text{top:40% !important; }
		}
		@media only screen and (max-width: 360px) {
			#table_holder th{font-size: 11px !important; }
			#table_holder2 th{font-size: 11px !important; }
		}