@font-face{
	font-family: 'eurostile'; src:url('../fonts/Eurostile.ttf');
}
@font-face{
	font-family: 'arial'; src:url('../fonts/ariblk.ttf');
}
@font-face{
	font-family: moolboran; src:url('../fonts/moolboran.ttf');
}

*{padding: 0px; margin: 0px;}

body{
	background: url('../img/background.jpg');
	background-position: 0px 0px;
}
	#main{
		
	}
		section{

		}
		footer{
			width: 100%;
			display: flex;	
			padding: 10px 0px 10px;
			box-sizing: border-box;
			background: rgb(255, 133, 0);
			font-size: 1.3em;
			font-family: moolboran;
			line-height: 0.9em;


		}
			footer>div:first-child{
				cursor: pointer;
			}
			footer>div{
				width: 30%;
				margin: auto;
				text-align: center;
				color: black!important;
			}
			
			footer>div div{
				margin: auto;
				text-align: center;

			}
			
			footer>div div div{
				margin: auto;
				text-align: center;
			}

			.btn {
				background: #000000;
				background-image: -webkit-linear-gradient(top, #000000, #000000);
				background-image: -moz-linear-gradient(top, #000000, #000000);
				background-image: -ms-linear-gradient(top, #000000, #000000);
				background-image: -o-linear-gradient(top, #000000, #000000);
				background-image: linear-gradient(to bottom, #000000, #000000);
				font-family: Arial;
				color: #ffffff;
				font-size: 20px;
				text-decoration: none;
				border: 0px;
			}

				.btn:hover {
				background: #333333;
				background-image: -webkit-linear-gradient(top, #333333, #333333);
				background-image: -moz-linear-gradient(top, #333333, #333333);
				background-image: -ms-linear-gradient(top, #333333, #333333);
				background-image: -o-linear-gradient(top, #333333, #333333);
				background-image: linear-gradient(to bottom, #333333, #333333);
				text-decoration: none;
				border: 0px;
				}


			.datagrid table { border-collapse: collapse; text-align: left; width: 100%; } 
			.datagrid {font: normal 12px/150% Arial, Helvetica, sans-serif;  overflow: hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
			.datagrid table td, .datagrid table th { padding: 3px 10px; background: #fff; border: 1px solid #000000;}
			.datagrid table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #000000) );background:-moz-linear-gradient( center top, #000000 5%, #000000 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000');background-color:#000000; color:#FFFFFF; font-size: 15px; font-weight: bold; border-left: 1px solid #000000; } 
			.datagrid table thead th:first-child { border: none; }.datagrid table tbody td { color: #000000; border-left: 1px solid #D9CFB8;font-size: 12px;font-weight: normal; }
			.datagrid table tbody .alt td { background: #F0E5CC; color: #000000; }
			.datagrid table tbody td:first-child { border-left: none; }.datagrid table tbody tr:last-child td { border-bottom: none; }
			.datagrid table tfoot td div { border-top: 1px solid #000000;background: #F0E5CC;} 
			.datagrid table tfoot td { padding: 0; font-size: 12px } .datagrid table tfoot td div{ padding: 2px; }
			.datagrid table tfoot td ul { margin: 0; padding:0; list-style: none; text-align: right; }
			.datagrid table tfoot  li { display: inline; }
			.datagrid table tfoot li a { text-decoration: none; display: inline-block;  padding: 2px 8px; margin: 1px;color: #FFFFFF;border: 1px solid #000000;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #000000) );background:-moz-linear-gradient( center top, #000000 5%, #000000 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000');background-color:#000000; }
			.datagrid table tfoot ul.active, .datagrid table tfoot ul a:hover { text-decoration: none;border-color: #000000; color: #FFFFFF; background: none; background-color:#000000;}div.dhtmlx_window_active, div.dhx_modal_cover_dv { position: fixed !important; }




			.pagination {
  display: inline-block;
  padding-left: 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #000000;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #000000;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #000000;
  border-color: #000000;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}