@charset "utf-8";
/* CSS Document */
body {
    background-color: #e7e7e7;
}
.main-bg{
  background: #fff;
}
/*.title-bg{
	width: 100%;
  height: auto;
	background:url(../images/header-bg.jpg) no-repeat;
	background-size: 100%;
	padding: 4% 0;
}*/
header{
  width: 100%;
  height: 100%;
  background:url(../images/header-bg.jpg) no-repeat;
  background-size: cover;
}
header h3{
  color: #fff;
  padding: 12% 0 5% 0;
  vertical-align: middle;
  text-transform: capitalize;
}
.title-bg h3{
	color: #fff;
	/*margin: 13% 0 5% 0;*/
	vertical-align: middle;
	text-transform: capitalize;
}
i.fa {
  display: inline-block;
  border-radius: 50px;
  box-shadow: 0 0 7px #fff;
  padding: 0.5em;
  margin: 0 10px;

}
.form-control {
	border-radius: 0rem;
}
.form-outline {
    border: 1px solid #ccc;
      border-radius: 5px
}
.form-outline .form-control~.form-label {
   
    background: #fff;
    padding: 5px;
}
.btn-primary {
    color: #fff;
    background-color: #499c4a;
    border-color: #499c4a;
}

.btn-primary:hover, .btn-primary:focus {
    color: #fff;
    background-color: #57aa50;
    border-color: #57aa50;
}
.pagination li:hover{
    cursor: pointer;
}
.local {
  display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}
.local li {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
}
.local li.active {
  background-color: #499c4a;
  color: white;
}
.page {
  align-content : left;
}
.dat{
    line-height: 40px;
    margin-bottom: 0;
    padding:0 10px;
}
.table-bg{
  width: auto;
  overflow-x: auto;

}

th.sorted[data-order="1"],
th.sorted[data-order="-1"] {
    position: relative;
}

th.sorted[data-order="1"]::after,
th.sorted[data-order="-1"]::after {
    right: 8px;
    position: absolute;
}

th.sorted[data-order="-1"]::after {
    content: "▼"
}

th.sorted[data-order="1"]::after {
    content: "▲"
}