@charset "utf-8";

/* CSS Document */

body {
  margin: 0px;
  padding: 0px;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
}


header {
  width: 100%;
  float: left;
  background: #fce6d0;
  border-bottom: #ef8b24 solid 1px;
  padding: 10px 60px;
  text-align: center;
}

.logo {
  float: left;
}

.logout_button {
  float: right;
}

.logout_button a {
  text-decoration: none;
  background:#c2680f;
  padding-top: 4px;
  color: #fff;
  margin-right:10px;
  padding:7px 15px;
  float: left;
  font-weight: 600;
  margin-top: 16px;
  border-radius:10px;
  font-size: 14px;
  border:#000 solid 2px;
}

.mid_logo {
  display: inline-block;
/*  width: 283px;*/
  margin-top: 9px;
}

.mid_logo figure {
  float: left;
  margin-bottom: 0px;
  width: 41px;
  height: 41px;
}

.mid_logo figure img {
  width: 41px;
  height: 41px;
  border-radius: 50%;
}

.mid_logo h1 {
  float: right;
  font-size: 10px;
  color: #000;
  font-size: 16px;
  margin: 10px;
  font-weight: 600;
  text-transform: uppercase;
}



section.middle_part {
  width: 100%;
  float: left;
  padding: 15px 60px;
}

.mid_bg {
  width: 100%;
  float: left;
  background: #f6f7ff;
  padding: 15px 15px;
  border-radius: 10px;
}

.team_content {
  width: 100%;
  float: left;
  background: #cdeafe;
  padding: 20px 0px 20px 20px;
  border-radius: 10px;
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
}

.team_content_pic {
  width: 100%;
  float: left;
}

.team_content_pic figure {
  width: 100%;
  float: left;
  margin-bottom: 0px;
}

.team_content_pic figure img {
  width: 100%;
  border-radius: 10px;
}

.team_content_pic h2 {
  width: 100%;
  float: left;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 16px;
  color: #000;
  font-weight: 600;
  text-transform: uppercase;
}

.team_content_right {
  width: 100%;
  float: left;
}

.team_content_pic span {
  float: left;
}

.team_content_pic h3 {
  float: left;
  margin-top: 14px;
  margin-bottom: 30px;
  font-size: 12px;
  color: #155228;
  margin-left: 10px;
}

.team_content_pic h4 {
  float: left;
  margin-top: 0px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #000;
  width: 100%;
  font-weight: 600;
}

.team_content_pic p {
  float: left;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 14px;
  color: #000;
  width: 100%;
  font-weight: 600;
}

.team_list {
  width: 100%;
  float: left;
  margin-top: 30px;
}

.team_list h4 {
  float: left;
  font-size: 22px;
  color: #c2680f;
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 0px;
  margin-bottom: 10px;
}

.team_list_content {
  width: 100%;
  float: left;
  background: #fff;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
  text-align: center;
  margin-bottom: 20px;
  position: relative;
  cursor: pointer;
}

.team_list_content figure {
  display: inline-block;
  margin-bottom: 4px;
  width: 56px;
  height: 56px;
}

.team_list_content figure img {
  width: 56px;
  height: 56px;
  border-radius: 50%;
}

.crose_icon{width:100%;height:100%;position:absolute;top:0px;left:0px;font-size:95px;color:#ff0101;background-color:rgba(204, 204, 204, 0.5);}

.team_list_content h2 {
  width: 100%;
  float: left;
  margin-top: 0px;
  margin-bottom: 8px;
  font-size: 16px;
  color: #000;
  font-weight: 600;
}

.team_list_content p {
  width: 100%;
  float: left;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 12px;
  color: #000;
}

.team_list_right_content {
  width: 100%;
  float: left;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
  margin-bottom: 20px;
}

.team_logo {
  width: 100%;
  float: left;
  padding: 20px;
}

.team_logo figure {
  width: 100%;
  float: left;
  margin-bottom: 0px;
}

.team_logo figure img {
  border-radius: 10px;
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
}

.team_logo h4 {
  width: 100%;
  float: left;
  text-align: center;
  margin-top: 55px;
  margin-bottom: 0px;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
}

.wallet {
  width: 143px;
  float: right;
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
  background: #fff;
  border-radius: 10px;
}

.wallet h3 {
  width: 100%;
  float: left;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  color: #d95006;
}


.wallet p {
  width: 100%;
  float: left;
  margin-top: 0px;
  margin-bottom: 8px;
  font-size: 14px;
  color: #000;
  text-align: center;
}

.wallet_bg {
  width: 100%;
  float: left;
  background: url(../xelgs/line-bg.png) no-repeat 100% 40%;
}

.wallet_bg h5 {
  float: left;
  font-size: 22px;
  color: #c2680f;
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 0px;
  margin-bottom: 10px;
  margin-left: 25px;
}

.goat_players {
  width: 100%;
  float: left;
  padding: 0px 20px;
}

.goat_players_content {
  width: 100%;
  float: left;
  background: #f1f1f1;
  border-radius: 10px;
  text-align: center;
  padding: 0px 20px 0px;
  margin-bottom: 10px;
}

.goat_players_content h5 {
  background: #560867;
  color: #fff;
  font-size: 14px;
  padding: 5px 25px;
  display: inline-block;
  text-transform: uppercase;
  transform: skew(-10deg);
  width: 160px;
}

.goat_players_pic {
  float: left;
}

.goat_players_pic figure {
  float: left;
  margin-bottom: 0px;
  width: 41px;
  height: 41px;
}

.goat_players_pic figure img {
  width: 100%;
  width: 41px;
  height: 41px;
  border-radius: 50%;
}

.goat_players_right_content {
  float: left;
  margin-left: 10px;
  width: 100%;
  margin-bottom: 15px;
}

.goat_players_right_content h2 {
  float: left;
  font-size: 14px;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 0px;
  width: 100%;
  text-align: left;
  color: #000;
}

.goat_players_right_content p {
  float: left;
  font-size: 14px;
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: left;
  width: 100%;
  color: #000;
}

.goat_list {
  width: 100%;
  float: left;
}

.green_color {
  background: #8f0857 !important;
}

.blue_color {
  background: #073c3a !important;
}


.counter_content {
  width: 100%;
  float: right;
  background: #39419e;
  margin-top: 0px;
  padding: 12px 3px;
  text-align: center;
  margin-bottom: 10px;
  margin-right: -2px;
}

.counter_content h2 {
  display: inline-block;
  font-size: 14px;
  color: #fff;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: 600;
  margin-right: 10px;
}

.counter_content_margin {
  margin-top: 20px !important;
}

.table_content {
  width: 100%;
  float: left;
  background: #fff;
  padding: 20px;
  border-radius: 10px;
}

.dataTables_wrapper .dataTables_length {
  float: left;
  display: none;
}

.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
  display: none;
}

.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 1.755em !important;
}

.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 1.25em !important;
}
.team_lists_content {
  width: 100%;
  float: left;
  background: #fff;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
  text-align: center;
  margin-bottom: 20px;
}

.team_lists_content figure {
  display: inline-block;
  margin-bottom: 4px;
  width:100px;
  height:100px;
}

.team_lists_content figure img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
}

.team_lists_content h2 {
  width: 100%;
  float: left;
  margin-top: 0px;
  margin-bottom: 8px;
  font-size: 16px;
  color: #000;
  font-weight: 600;
}

.team_lists_content p {
  width: 100%;
  float: left;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 12px;
  color: #000;
}

.data_table_heading{width:100%;float:left;margin-top:15px;}

.data_table_heading h2{
    float: left;
    font-size: 22px;
    color: #c2680f;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 10px;
}