/* Add here all your css styles (customizations) */




<style>

	.loader {
		position: fixed;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		z-index: 99999;
		background: url('../assets/img/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
	}

	.asenLoader {
		position: fixed;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		z-index: 9999;
		background: url('../../assets/img/loading4.gif') 50% 50% no-repeat rgba(244,244,244,0.5);
	}




	#cssload-wrapper {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		z-index: 15;
		overflow: hidden;
	}

	.cssload-loader {
		width: 146px;
		height: 146px;
		border: 1px rgb(0,0,0) solid;
		position: absolute;
		left: 57%;
		top: 50%;
		margin: -73px 0 0 -73px;
		border-radius: 50%;
			-o-border-radius: 50%;
			-ms-border-radius: 50%;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
	}

	.cssload-loader .cssload-loading {
		font-size: 12px;
		position: absolute;
		width: 100%;
		text-align: center;
		line-height: 14px;
		font-family: 'Century Gothic', sans-serif;
		font-style: italic;
		left: 0;
		top: 50%;
		margin-top: 19px;
		color: #003399; /*rgb(0,0,0);*/
		font-weight: bold;
		text-transform: uppercase;
			-o-text-transform: uppercase;
			-ms-text-transform: uppercase;
			-webkit-text-transform: uppercase;
			-moz-text-transform: uppercase;
	}

	.cssload-loading1 {
		font-size: 10px;
		position: absolute;
		width: 100%;
		text-align: center;
		line-height: 14px;
		font-family: 'Century Gothic', sans-serif;
		font-style: italic;
		left: 0;
		top: 50%;
		margin-top: 34px;
		color: #003399; /*rgb(0,0,0);*/
		font-weight: bold;
		text-transform: uppercase;
			-o-text-transform: uppercase;
			-ms-text-transform: uppercase;
			-webkit-text-transform: uppercase;
			-moz-text-transform: uppercase;
	}

	.cssload-loader-circle-1 {
		width: 135px;
		height: 135px;
		left: 5px;
		top: 5px;
		border: 1px rgb(0,0,0) solid;
		position: absolute;
		border-right-color: transparent;
		border-radius: 50%;
			-o-border-radius: 50%;
			-ms-border-radius: 50%;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
		animation: spin 3.45s linear infinite;
			-o-animation: spin 3.45s linear infinite;
			-ms-animation: spin 3.45s linear infinite;
			-webkit-animation: spin 3.45s linear infinite;
			-moz-animation: spin 3.45s linear infinite;
	}

	.cssload-loader-circle-2 {
		width: 123px;
		height: 123px;
		left: 5px;
		top: 5px;
		border: 1px transparent solid;
		position: absolute;
		border-right-color: rgb(232,21,18);
		border-radius: 50%;
			-o-border-radius: 50%;
			-ms-border-radius: 50%;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
		animation: spin 5.75s linear infinite;
			-o-animation: spin 5.75s linear infinite;
			-ms-animation: spin 5.75s linear infinite;
			-webkit-animation: spin 5.75s linear infinite;
			-moz-animation: spin 5.75s linear infinite;
	}

	.cssload-loader .cssload-line {
		width: 10px;
		height: 2px;
		background: rgb(0,0,0);
		position: absolute;
	}

	.cssload-loader .cssload-line:nth-child(1) {
		left: 16px;
		top: 50%;
		margin-top: -1px;
	}

	.cssload-loader .cssload-line:nth-child(2) {
		transform: rotate(45deg);
			-o-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			-webkit-transform: rotate(45deg);
			-moz-transform: rotate(45deg);
		left: 32px;
		top: 32px;
	}

	.cssload-loader .cssload-line:nth-child(3) {
		top: 16px;
		left: 50%;
		width: 2px;
		height: 10px;
	}

	.cssload-loader .cssload-line:nth-child(4) {
		transform: rotate(135deg);
			-o-transform: rotate(135deg);
			-ms-transform: rotate(135deg);
			-webkit-transform: rotate(135deg);
			-moz-transform: rotate(135deg);
		right: 32px;
		top: 32px;
	}

	.cssload-loader .cssload-line:nth-child(5) {
		right: 16px;
		top: 50%;
		margin-top: -1px;
	}

	.cssload-loader .cssload-line:nth-child(6) {
		transform: rotate(45deg);
			-o-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			-webkit-transform: rotate(45deg);
			-moz-transform: rotate(45deg);
		right: 32px;
		bottom: 32px;
		background: rgb(232,21,18);
	}

	.cssload-loader .cssload-subline {
		position: absolute;
		width: 3px;
		height: 2px;
		background: rgb(0,0,0);
	}

	.cssload-loader .cssload-subline:nth-child(7) {
		transform: rotate(22.5deg);
			-o-transform: rotate(22.5deg);
			-ms-transform: rotate(22.5deg);
			-webkit-transform: rotate(22.5deg);
			-moz-transform: rotate(22.5deg);
		left: 20px;
		top: 49px;
	}

	.cssload-loader .cssload-subline:nth-child(8) {
		transform: rotate(67.5deg);
			-o-transform: rotate(67.5deg);
			-ms-transform: rotate(67.5deg);
			-webkit-transform: rotate(67.5deg);
			-moz-transform: rotate(67.5deg);
		left: 49px;
		top: 20px;
	}

	.cssload-loader .cssload-subline:nth-child(9) {
		transform: rotate(112.5deg);
			-o-transform: rotate(112.5deg);
			-ms-transform: rotate(112.5deg);
			-webkit-transform: rotate(112.5deg);
			-moz-transform: rotate(112.5deg);
		right: 49px;
		top: 20px;
	}

	.cssload-loader .cssload-subline:nth-child(10) {
		transform: rotate(157.5deg);
			-o-transform: rotate(157.5deg);
			-ms-transform: rotate(157.5deg);
			-webkit-transform: rotate(157.5deg);
			-moz-transform: rotate(157.5deg);
		right: 20px;
		top: 49px;
	}

	.cssload-loader .cssload-subline:nth-child(11) {
		transform: rotate(22.5deg);
			-o-transform: rotate(22.5deg);
			-ms-transform: rotate(22.5deg);
			-webkit-transform: rotate(22.5deg);
			-moz-transform: rotate(22.5deg);
		right: 19px;
		bottom: 48px;
		background: rgb(232,21,18);
	}

	.cssload-loader .cssload-needle {
		width: 14px;
		height: 14px;
		border: 1px rgb(0,0,0) solid;
		position: absolute;
		left: 50%;
		top: 50%;
		margin: -8px 0 0 -8px;
		z-index: 1;
		border-radius: 50%;
			-o-border-radius: 50%;
			-ms-border-radius: 50%;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
		animation: pegIt 3.45s infinite ease-in-out;
			-o-animation: pegIt 3.45s infinite ease-in-out;
			-ms-animation: pegIt 3.45s infinite ease-in-out;
			-webkit-animation: pegIt 3.45s infinite ease-in-out;
			-moz-animation: pegIt 3.45s infinite ease-in-out;
	}

	.cssload-loader .cssload-needle:before {
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 3.5px 49px 3.5px 0;
		border-color: transparent rgb(232,21,18) transparent transparent;
		position: absolute;
		right: 50%;
		top: 50%;
		margin: -3.5px 0 0 0;
		border-radius: 0 50% 50% 0;
			-o-border-radius: 0 50% 50% 0;
			-ms-border-radius: 0 50% 50% 0;
			-webkit-border-radius: 0 50% 50% 0;
			-moz-border-radius: 0 50% 50% 0;
	}

	/*******This is for site table style***********/
	.asentablestyle{margin: 1em 0; min-width: 300px;overflow: hidden;border: 1px solid #CFD4EE; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
	.asentablestyle table {border-collapse: collapse;padding:0;cell-spacing:0;width: 100%;}
	.asentablestyle thead th { background:  #7A808E;
		font-size: 13px; font-weight: bold; border-left: 1px solid #0070A8;
		padding: 3px 5px;color:#fff;
	}
	.asentablestyle table thead th:first-child { border: none; }
	.asentablestyle thead th p{ color:#fff;}

	.asentablestyle tbody tr:nth-child(odd) { 
		background: #f2f2f2; 
	}

	.asentablestyle table, th, tr, td {
		    border: 1px solid #eee;
	}
	.asentablestyle table > thead > tr > th, table > thead > tr, table > thead > tr > td {
		    vertical-align: middle;
		    padding: 3px 5px;
		    font-size:12px;
	}
	.asentablestyle p{
	    font-size:12px;
	    margin: 0;
	    padding: 0;
	 }
	.asentablestyle p a, p a:hover{color:#003399;}
	 
	 .asentablestyle tbody tr:hover { background:#D0C7FF;}

	 /*.asentablestyle table thead tr:last-child > p a, .asentablestyle table thead tr:last-child > p a:hover{color:#003399;}*/

	/**********end site site table style*********/



	.tpl_1 .mWrap { margin:0;}
	.tpl_1 {
		/*background:#4576FF;*/ /*#01579B;*/
		/*border-bottom:1px solid rgba(255,255,255,0.3);
		border-top:1px solid rgba(0,0,0,0.1);*/
		line-height:14px; /*22px;*/
		
		font-size:13px; /*18px;*/
		/*font-family: 'Poiret One', cursive;*/
		font-family: "Open Sans", Arial, sans-serif;
		color:#323238;
		/*text-transform:uppercase;*/
	}
	
	.tpl_1 .strTools {
		float:left;
	}
	.tpl_1 .strTools .strPause {
		width:14px; 
		height:14px;
		position:relative;
		text-indent:-9999px;
		display:block;
		cursor:pointer;
	}
	.tpl_1 .strTools .strPause:after {
		content:'';
		height:14px;
		width:14px;
		border:5px solid #666;
		border-width:0 5px;
		position:absolute;
		top:50%;
		left:50%;
		margin:-7px 0 0 -8px;
	}
	.tpl_1 .strTools .strPlay {
		width:14px;
		height:14px;
		position:relative;
		text-indent:-9999px;
		display:none;
		cursor:pointer;
	}
	.tpl_1 .strTools .strPlay:after {
		content:'';
		border:8px solid transparent;
		border-left-color:#666;
		border-right:0;
		border-left-width:14px;
		position:absolute;
		top:50%;
		left:50%;
		margin:-7px 0 0 -8px;
	}
	.tpl_1 .strTools .strPlay:active,
	.tpl_1 .strTools .strPause:active {
		background-color:rgba(0,0,0,0.05);
	}

	.asen_heading {
	    /*background: #99AFFF;*/
	    line-height: 28px;
	    font-size: 20px;
	    margin-bottom: 5px;
	    font-weight: 600;
	    border-radius: 4px;
	}

	.hilight{
		background-color: #A4BCFF;
		font-weight: bold;
	}




	/*****start css for model by ashok*********/
	#mask {
	  position: fixed;
	  left: 0;
	  top: 0;
	  width: 100%;
	  height: 100%;
	  z-index: 9000;
	  background-color: rgba(0,0,0,0.7);
	  display: none;
	}

	#boxes .window {
	  position: fixed;
	  left: 0px;
	  top: 0px;
	  width: 100%;
	  height: 100%;
	  z-index: 9999;
	  display: none;
	  padding: 20px;
	  border-radius: 15px;
	  text-align: center;
	}

	#boxes #dialog {
	  width: 522px;/*935px;*/
	  height: 354px;/*80px;*/
	  padding: 10px;
	 border: 1px solid #FCFCFC;
      box-shadow: 0px 0px 4px #D8C5FF;
      background-color: #D6CAD7;
	  font-family: sans-serif;
	  font-size: 15pt;
	}

	#popupfoot {
	  font-size: 16pt;
	  position: absolute;
	  bottom: 0px;
	  width: 250px;
	  left: 250px;
	}
	/******end css for model by ashok*********/

	/*******Start Word Profile ***********/
	/*#word_box {	}
	#word_box img#ward1{
		border:0px solid blue;
		box-shadow: 0px 2px 10px #D8C5FF;
		background: url(assets/img/ward_bkp/ward-1.png);
		position: absolute;top: 0px;left: 415px;height: 291px;
	}
	#word_box img#ward1:hover{
		border:0px solid blue;
		box-shadow: 0px 2px 10px #D8C5FF;
		background: url(assets/img/ward_bkp/ward-1_1.png);
		position: absolute;top: 0px;left: 415px;height: 291px;
	}*/
	/*******End  Word Profile ***********/

	</style>