/*  styles.css
 * Author: Tony
 * Website: vwave
 * Date: 20/11/2016 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, fore, q:after {
  content: "";
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

body {
  font-family: "Oswald", sans-serif; }

.main-wrapper {
  box-sizing: border-box;
  padding: 0 10px;
  max-width: 1280px;
  margin: 0 auto; }

.vertical-support {
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

#header {
  font-size: 16px;
  line-height: 21px;
  color: #A3A3A3; }
  #header #top-header {
    height: 32px;
    border-bottom: 1px solid #EDEDED; }
    #header #top-header .top-button {
      padding: 6px 30px;
      border-right: 1px solid #EDEDED;
      border-left: 1px solid #EDEDED;
      float: right;
      cursor: pointer;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      text-align: center; }
      #header #top-header .top-button a {
        text-decoration: none;
        color: #A3A3A3; }
    #header #top-header .top-button:hover {
      color: #f3f3f3;
      background-color: #6E6E6E;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      #header #top-header .top-button:hover a {
        color: #f3f3f3;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
  #header #main-header {
    text-align: center;
    padding-top: 15px; }
    #header #main-header #main-menu ul {
      background: url(../images/bg-mainmenu.png) top center no-repeat;
      text-align: center;
      font-size: 18px;
      margin-top: 15px; }
      #header #main-header #main-menu ul li {
        display: inline-block;
        margin: 0 20px;
        padding-top: 32px;
        padding-bottom: 20px;
        text-align: center; }
        #header #main-header #main-menu ul li a {
          text-decoration: none;
          color: #A3A3A3;
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; }
        #header #main-header #main-menu ul li a:hover {
          color: #6E6E6E;
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; }
      #header #main-header #main-menu ul li:last-child {
        margin: 0; }
      #header #main-header #main-menu ul li:first-child {
        margin: 0; }

#main-body .content-wrapper {
  background-color: #E9E9E9;
  padding: 20px 7%;
  color: #515151; }
  #main-body .content-wrapper .text-content {
    font-size: 18px;
    line-height: 31px;
    color: #787878; }
    #main-body .content-wrapper .text-content p, #main-body .content-wrapper .text-content li {
      font-size: 18px;
      line-height: 31px;
      font-weight: 400;
      color: #787878; }
    #main-body .content-wrapper .text-content strong {
      font-weight: 500; }
    #main-body .content-wrapper .text-content p > strong, #main-body .content-wrapper .text-content li > strong {
      color: #515151; }
    #main-body .content-wrapper .text-content h2 strong {
      font-size: 30px;
      color: #515151;
      font-weight: 500; }
    #main-body .content-wrapper .text-content table tbody tr td {
      padding: 10px; }
#main-body .title-wrapper {
  background: url(../images/title-bg.png) no-repeat center center;
  background-size: cover;
  font-size: 50px;
  padding: 60px 10px;
  color: #F7F7F7;
  text-align: center;
  font-weight: 500; }
#main-body .fullwide-banner {
  height: 393px;
  background-color: #eee;
  background: url(../images/banner-homepage.png) no-repeat center center;
  background-size: cover;
  position: relative;
  margin-bottom: 30px; }
#main-body .text-input {
  background-color: #F0F0F0;
  border: 1px solid #CACACA;
  box-sizing: border-box;
  height: 42px;
  font-size: 16px;
  color: #515151;
  display: block; }
#main-body .next-tournament-info-box {
  max-width: 1140px;
  background: rgba(255, 255, 255, 0.82);
  left: 0;
  right: 0;
  width: 90%;
  margin: 0 auto;
  top: calc(50% - 130px);
  position: absolute;
  min-height: 260px;
  text-align: center;
  padding: 12px;
  text-transform: uppercase; }
  #main-body .next-tournament-info-box p {
    font-size: 30px;
    font-weight: 500;
    line-height: 41px;
    color: #7D7D7D;
    margin-bottom: 14px; }
    #main-body .next-tournament-info-box p span {
      font-size: 20px; }
  #main-body .next-tournament-info-box p.tournament-name, #main-body .next-tournament-info-box p.selected-player {
    color: #10427B; }
#main-body .available-player {
  min-height: 300px; }
  #main-body .available-player .title {
    text-transform: uppercase;
    font-size: 30px;
    text-align: center;
    line-height: 41px;
    margin-bottom: 24px;
    color: #10427B; }
#main-body .login-box {
  position: absolute;
  width: 90%;
  margin: 0 auto;
  max-width: 821px;
  height: 133px;
  top: calc(50% - 66px);
  left: 0;
  right: 0;
  height: 133px;
  background-color: rgba(118, 118, 118, 0.64);
  color: #fff; }
  #main-body .login-box #user-greeding {
    text-align: center;
    font-size: 26px;
    font-weight: 500;
    padding: 5px;
    line-height: 31px;
    text-transform: capitalize; }
    #main-body .login-box #user-greeding a {
      padding: 10px 25px;
      color: #fff;
      font-size: 18px;
      line-height: 25px;
      background: #1E5391;
      border: 1px solid #2862A6;
      text-decoration: none;
      margin: 10px 10px;
      display: inline-block;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all0 0.3s ease;
      transition: all 0.3s ease; }
    #main-body .login-box #user-greeding a:hover {
      background: #19406D;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all0 0.3s ease;
      transition: all 0.3s ease; }
  #main-body .login-box .left-col {
    width: 688px;
    height: 100%;
    box-sizing: border-box;
    padding: 25px 50px;
    display: inline-block;
    vertical-align: top; }
  #main-body .login-box .right-col {
    display: inline-block;
    width: calc(100% - 688px);
    height: 133px;
    vertical-align: top; }
  #main-body .login-box .group-login-field {
    display: inline-block;
    width: 50%;
    vertical-align: top; }
  #main-body .login-box p.lable {
    font-size: 18px;
    line-height: 25px; }
  #main-body .login-box .text-input {
    width: 250px;
    margin-bottom: 10px; }
  #main-body .login-box .login-button {
    background-color: rgba(84, 84, 84, 0.86);
    font-size: 24px;
    color: #fff;
    width: 100%;
    cursor: pointer;
    height: 100%;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    border: none;
    -webkit-appearance: none;
    border-radius: 0; }
  #main-body .login-box .login-button:hover {
    background-color: rgba(40, 40, 40, 0.86);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all0 0.3s ease;
    transition: all 0.3s ease; }
  #main-body .login-box a.link-button {
    color: #fff; }
#main-body .col-2 {
  width: 50%;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top; }
#main-body .leaderboard {
  padding-left: 7px; }
  #main-body .leaderboard .leaderboard-table {
    background-color: #eee;
    width: 100%;
    height: calc(100% - 38px); }
#main-body .nextcoming, #main-body .leaderboard {
  height: 453px; }
  #main-body .nextcoming .group-title, #main-body .leaderboard .group-title {
    color: #10427B;
    margin-bottom: 9px;
    font-size: 22px;
    line-height: 30px;
    text-transform: uppercase; }
  #main-body .nextcoming #nexttour-thumb, #main-body .leaderboard #nexttour-thumb {
    background-color: #eee;
    width: 100%;
    height: 414px;
    background: url("../images/sample-tournament-thumb.png") no-repeat center;
    background-size: content;
    position: relative; }
    #main-body .nextcoming #nexttour-thumb .overlay, #main-body .leaderboard #nexttour-thumb .overlay {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(28, 28, 28, 0.7); }
    #main-body .nextcoming #nexttour-thumb .next-tour-info, #main-body .leaderboard #nexttour-thumb .next-tour-info {
      position: absolute;
      left: 0;
      right: 0;
      width: 100%;
      height: 100%;
      text-align: center;
      color: #fff;
      padding: 35px;
      box-sizing: border-box; }
      #main-body .nextcoming #nexttour-thumb .next-tour-info p, #main-body .nextcoming #nexttour-thumb .next-tour-info a, #main-body .leaderboard #nexttour-thumb .next-tour-info p, #main-body .leaderboard #nexttour-thumb .next-tour-info a {
        font-size: 40px;
        line-height: 55px;
        text-transform: uppercase; }
      #main-body .nextcoming #nexttour-thumb .next-tour-info p.remain-time, #main-body .leaderboard #nexttour-thumb .next-tour-info p.remain-time {
        margin: 62px 0px; }
        #main-body .nextcoming #nexttour-thumb .next-tour-info p.remain-time span, #main-body .leaderboard #nexttour-thumb .next-tour-info p.remain-time span {
          font-size: 23px; }
      #main-body .nextcoming #nexttour-thumb .next-tour-info img, #main-body .leaderboard #nexttour-thumb .next-tour-info img {
        display: block;
        margin: 5px auto; }
      #main-body .nextcoming #nexttour-thumb .next-tour-info a, #main-body .leaderboard #nexttour-thumb .next-tour-info a {
        font-size: 20px;
        text-decoration: none;
        color: #fff;
        cursor: pointer; }
      #main-body .nextcoming #nexttour-thumb .next-tour-info a:hover, #main-body .leaderboard #nexttour-thumb .next-tour-info a:hover {
        color: #FFD005;
        cursor: pointer;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all0 0.3s ease;
        transition: all 0.3s ease;
        display: block; }
        
#logo-minicomp{
	float: right;
    margin-top: -58px;
    margin-right: 20px;
 
 }
#main-body #current-selection {
  color: #515151;
  margin-top: 80px;
  min-height: 443px;
  background: url(../images/currentselection-bg.png) center 0px no-repeat;
  background-size: cover; }
  #main-body #current-selection .title {
    text-transform: uppercase;
    font-size: 30px;
    text-align: center;
    line-height: 41px;
    margin-bottom: 24px; }
  #main-body #current-selection #current-selection-table {
    width: 965px;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, 0.86);
    min-height: 290px; }

#footer {
  height: 149px;
  background-color: #EFEFEF;
  color: #818181;
  font-size: 16px; }
  #footer .main-wrapper {
    height: 100%; }
  #footer img {
    vertical-align: middle;
    display: inline-block; }
  #footer ul.footer-menu {
    float: right;
    vertical-align: middle;
    height: 100%; }
    #footer ul.footer-menu li {
      display: inline-block;
      margin-right: 40px; }
      #footer ul.footer-menu li a {
        text-decoration: none;
        color: #818181; }
      #footer ul.footer-menu li a:hover {
        color: #515151;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all0 0.4s ease;
        transition: all 0.4s ease; }

@media only screen and (max-width: 1188px) {
  #main-body .nextcoming #nexttour-thumb .next-tour-info p {
    font-size: 30px; } }
@media only screen and (max-width: 1042px) {
  #main-body #current-selection #current-selection-table {
    width: 90%; } }
@media only screen and (max-width: 990px) {
  #main-body .nextcoming #nexttour-thumb .next-tour-info p {
    font-size: 30px; }
  #main-body .nextcoming #nexttour-thumb .next-tour-info p.remain-time {
    margin: 30px 0px; } }
@media only screen and (max-width: 850px) {
  #header #main-header #main-logo {
    width: 45px; }

  #main-body .login-box .left-col {
    width: 100%;
    padding: 25px 30px; }
  #main-body .login-box .right-col {
    width: 100%;
    height: 50px; }
  #main-body .login-box .group-login-field a.link-button {
    float: right; }
  #main-body .next-tournament-info-box {
    min-height: 200px; }
    #main-body .next-tournament-info-box p {
      font-size: 22px;
      font-weight: 500;
      line-height: 41px;
      color: #7D7D7D;
      margin-bottom: 14px; }
      #main-body .next-tournament-info-box p span {
        font-size: 16px; }
    #main-body .next-tournament-info-box p.tournament-name, #main-body .next-tournament-info-box p.selected-player {
      color: #10427B; } }
@media only screen and (max-width: 770px) {
  #main-body .nextcoming p.group-title {
    text-align: center; }
  #logo-minicomp {
	  float: none;
	  display: block;
	  margin: 0 auto;
  }
  div.col-2.nextcoming {
	  text-align: center;
  }
  #main-body .nextcoming #nexttour-thumb .next-tour-info p {
    font-size: 30px; }
  #main-body .nextcoming #nexttour-thumb .next-tour-info p.remain-time {
    margin: 30px 0px; }
  #main-body .leaderboard p.group-title {
    margin-top: 20px;
    text-align: center; }
  #main-body .col-2 {
    width: 100%; }
  #main-body .login-box {
    height: auto;
    width: 90%;
    top: calc(50% - 125px); }
    #main-body .login-box .group-login-field {
      width: 100%; }
    #main-body .login-box .text-input {
      width: 100%; }
    #main-body .login-box .left-col {
      padding: 10px 30px; } }
@media only screen and (max-width: 500px) {
    .sponsor-wrapper ul{
        justify-content: center;
    }
    .sponsor-wrapper ul li{
        flex: 0;
        flex-basis: 20%;
    }
  #main-body .leaderboard {
    padding-left: 0; }
  #main-body #current-selection .title {
    font-size: 23px; }
  #main-body .nextcoming p.group-title {
    text-align: center; }
  #main-body .nextcoming #nexttour-thumb .next-tour-info p {
    font-size: 25px;
    line-height: 32px; }
  #main-body .nextcoming #nexttour-thumb .next-tour-info p.remain-time {
    margin: 15px 0px;
    line-height: 32px; }
  #main-body .login-box #user-greeding {
    font-size: 22px; }
    #main-body .login-box #user-greeding a {
      padding: 10px; }
  #main-body .login-box .right-col {
    width: 100%;
    height: 50px; }
  #main-body .login-box .login-button {
    font-size: 21px; }
  #main-body .next-tournament-info-box {
    min-height: 180px; }
    #main-body .next-tournament-info-box p {
      font-size: 22px;
      font-weight: 500;
      line-height: 41px;
      color: #7D7D7D;
      margin-bottom: 0px; }
      #main-body .next-tournament-info-box p span {
        font-size: 16px; }
    #main-body .next-tournament-info-box p.tournament-name, #main-body .next-tournament-info-box p.selected-player {
      color: #10427B; }

  #main-body .fullwide-banner {
    height: 293px; }
    
    

  #header {
    font-size: 16px;
    line-height: 21px;
    color: #A3A3A3; }
    #header #top-header .top-button {
      padding: 6px 15px; }
    #header #main-header #main-menu ul {
      font-size: 16px; }
      #header #main-header #main-menu ul li {
        margin: 0 5px; }
      #header #main-header #main-menu ul li:last-child {
        margin: 0; }
      #header #main-header #main-menu ul li:first-child {
        margin: 0; } }

    

.last-tournament-point thead
{
  background-color: #A5A5A5;
  color: #fff;
  border: none;
}
table.dataTable thead th, table.dataTable thead td
{
  border: none;
}
table.dataTable.no-footer
{
  border-color: #dedddd;
}
table.dataTable tbody tr.odd
{
  background-color: #f7f7f7;
}
table.dataTable tbody tr.even
{
  background-color: #ececec; 
}
.dataTables_wrapper .dataTables_filter
{
  float: left;
}
input[type=search] {
  background-color: #F3F3F3;
  height: 35px;
  border: 1px solid #CFCFCF;
  margin: 9px;
}
.dataTables_wrapper {
  padding:  0px 10px;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border: none;
}

.table-select-player table.dataTable tbody th, table.dataTable tbody td
{
  padding: 15px 10px
}
table.dataTable tbody tr:hover
{
  background-color: #27476b;
  color: #fff;
}
.table-select-player table.dataTable tbody th,.table-select-player table.dataTable tbody td:hover
{
  background-color: #27476b;
  color: #fff;
  cursor: pointer;
}
.table-select-player {
  position: relative;
}
.block-selection
{
  text-align: center;
  font-size: 30px;
  border: 1px solid #ddd;
  position: absolute;
  z-index: 999;
  left:0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.82);
  padding: 10%;
}
.block-selection p{
  font-size: 18px;
  margin: 20px
}
.block-selection a {
  background: #ddd;
  padding: 15px;
  margin-top: 30px;
}
.block-selection a:hover {
  background: #515151;
  color: #fff;
  text-decoration: none
}
.block-selection p.selected-player {
  font-size: 30px;
  color: #27476b;
  margin-bottom: 30px;
}


/*Style for sponsor logo*/

.sponsor-wrapper{
  padding: 0 20px;
  margin: 0 auto;
}
.sponsor-wrapper p{
  color: #3e3e3e;
    font-size: 20px;
    padding-left: 20px;
}
.sponsor-wrapper ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: middle;
      -ms-flex-pack: middle;
          justify-content: middle;
  padding: 0;
}
.sponsor-wrapper ul li{
  padding: 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.sponsor-wrapper ul li img{
  width: 100%;
}

@media only screen and (max-width: 500px) {
    .sponsor-wrapper ul{
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .sponsor-wrapper ul li{
        -webkit-box-flex: 0;
            -ms-flex: 0;
                flex: 0;
        -ms-flex-preferred-size: 20%;
            flex-basis: 20%;
    }
}