/*WD-679*/
/*Bracket Edit Page*/
/*#icon-exclamation-south,#icon-exclamation-west,#icon-exclamation-east,#icon-exclamation-midwest,#icon-exclamation-finals{
  color:#F9690E;
  display:none;
}*/
@import url('https://fonts.googleapis.com/css?family=Oswald');

/* This is to hide the signup button - uncomment this when the brackets are locked and comment when bracket signup is open */
.bracket-signup-login .btn-signup {display:none!important}

#icon-check-south,#icon-check-west,#icon-check-east,#icon-check-midwest,#icon-check-finals{
  color:#2ECC71;
  margin-left:3px;
}
.check-on{
display:inline-block;
}
.check-off{
display:none;
}
#bracket-submit{
  color:#fff!important;
  background-color: #008D03!important;
  border-color: #4cae4c;
  /*margin-left: 35px;
  margin-top: 5px;
  font-size: 17px;*/
}
#bracket-submit .menu-toggle, button, input[type="submit"], input[type="button"], input[type="reset"] {
}
#combined_score_id{
  height:30px;
}
#bracket-submit .menu-toggle, button, input[type="submit"], input[type="button"], input[type="reset"]{
color:#fff!important;
}
/*#view_brackets_a{
  font-size:16px;
}*/
#bracket_edit_logout{
  /*width:105px;*/
  color:#fff!important;
  background-color: #446CB3;
  border-color: #446CB3;
/*  float: right;
  margin-top:-40px;*/
}
#edit_bracket_leaderboard_id{
  /*width:105px;*/
  color:#000!important;
  background-color:#ECECEC;
  border-color: #ECECEC;
  /*margin-top: 10px;*/
  /*margin-left: 48px;*/
}
#edit_bracket_leaderboard_id{
  color:#000;
}
#view_your_bracket_id{
  background-color:#F9690E;
  border-color: #F9690E;
  /*margin-left: 42px;*/
}
#view_your_bracket_id{
  color:#fff!important;
}
#edit_block_2_div{
  margin-top:-10px;
}
#edit_block_3_div{
  margin-top: 8px;
}
#bracket-submit{
padding: 6px 12px;
text-transform: capitalize;
}
#edit_bracket_master_reset_id,#edit_bracket_user_reset_id {
  color: #fff;
  background-color: #d9534f!important;
  border-color: #d43f3a;
  text-transform: capitalize;
  margin-top:0px;
}
#success-msg-div-bracketpress,#warning-msg-div-bracketpress,#warning-msg-div-bracketpress-1{
  padding: 5px;
  margin: 10px;
}
#combined_score_id{
  width:75px;
}
/*Bracket Display Page*/
#edit_your_bracket_id{
    color:#fff!important;

}
#view_bracket_leaderboard_id{
    color: #fff !important;
    background-color: #F0AD4E;
    border-color: #F0AD4E;
}
#edit_your_bracket_id{
   background-color: #428BCA;
    border-color: #428BCA;
}
#view_bracket_leaderboard_id{
    color:#000;
}
.ui-tooltip-content {
    font-size:10px;
    font-weight: bold;
}
/*Bracket Logout*/
#bracket_view_logout{
  background-color: #446CB3;
  border-color: #446CB3;
}

#bracket_view_logout .menu-toggle, button, input[type="submit"], input[type="button"], input[type="reset"]{
    color: #fff!important;
}
#bracket_view_logout{
    color:#fff!important;
}
.profile-buttons a{margin-left:10px;}

#edit_bracket_master_reset_id {display:none;}

div[aria-describedby="member_sign_up_dialog"] button {
    background-color: #363636;
    border-color: #363636;
}

div[aria-describedby="member_login_dialog"] button {
    background-color: #363636;
    border-color: #363636;
}
/*Bracket Get Started Page*/
/*#bracket_intro_footer_image_signup,#bracket_intro_footer_image_login{
  margin-top: 10px;
}*/

/*
.____                      .___          ___.                          .___
|    |    ____ _____     __| _/__________\_ |__   _________ _______  __| _/
|    |  _/ __ \\__  \   / __ |/ __ \_  __ \ __ \ /  _ \__  \\_  __ \/ __ |
|    |__\  ___/ / __ \_/ /_/ \  ___/|  | \/ \_\ (  <_> ) __ \|  | \/ /_/ |
|_______ \___  >____  /\____ |\___  >__|  |___  /\____(____  /__|  \____ |
        \/   \/     \/      \/    \/          \/           \/           \/
*/

.leaderboard-header {margin-bottom:20px;}

#bracket_learboard_content {
  /*background: url(http://dehayf5mhw1h7.cloudfront.net/wp-content/uploads/sites/459/2014/09/29193601/Bracket-Background.jpg) !important;
  margin-top: 15px;
  background-repeat: no-repeat;
  height: 1000px;
  position: relative;*/
 /* -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
    background: url("http://d2isblg909whrf.cloudfront.net/themes/brackets/basketball-leaderboard-bg.jpg") ;
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#bracket_leaderboard_table, #bracket_leaderboard_station_table{
  color:#fff!important;
  margin-top: 20px;
  border:0px;
}
#bracket_leaderboard_table tr, #bracket_leaderboard_station_table tr{
  font-size: 14px;
  border:0px;
}
#bracket_leaderboard_table th{
  font-size: 16px;
  border:0px;
}
#bracket_leaderboard_station_table th {border:0px;}
#bracket_leaderboard_table td, #bracket_leaderboard_station_table td{
  border:0px;
}

.bracket_leaderboard_station_tbody .leader-image img, #bracket_leaderboard_station_table .leader-image img{
      float: none;
    border-radius: 50%;
    margin-right: 7px;
}
.station_bracket_header{
      font-size: 20px;
    text-align: center;
}
.leaderbannerbox {
  width:234px;
  height:60px;
  margin: auto;
  margin-top: 20px;
}
.leaderboard-container {
    background-color: #fff;
    border-radius: 5px;
    height: 60px;
    overflow: hidden;
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    display:flex;
    align-items:center;
}
.leaderboard-container h2 {
    display: block;
    margin: 0;
    font-size: 16px;
    line-height: 16px;
    font-weight: 300;
    flex-grow:2;
    padding-right:15px;
  }

.leaderboard-container h2 .number {
    float: right;
    font-weight: bold;
    color: rgba(0,0,0, 0.65);
    transition: color 0.3s;
}



.leaderboard-container h2 a {
  color:#333;
  max-width:220px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display:inline-block;
}
.leaderboard-container h2 a:hover {color:#F9690E;}
.left-leader-board {
  display:flex;
  align-items:center;
  width:100%;
  }
.leader-right-div{
    padding:0px;
}
.leader-left-div{
    margin-left: -11px;
}
.leader-star{
  color: #F57900;
  margin-left: 5px;
}
.leader-sno{
    line-height: 40px;
    font-size: 18px;
    color: rgba(0, 0, 0, 0.65);
    font-weight: bold;
    text-align: center;
    margin-left: 10px;
    min-width:31px;
}
.bracket_leaderboard_tbody {border:0px;}
.bracket_leaderboard_tbody .leader-image, #bracket_leaderboard_station_table .leader-image{
  width:60px;
  text-align:center;
}
.bracket_leaderboard_tbody .leader-image img, #bracket_leaderboard_station_table .leader-image img{
    width: 40px;
    height: 40px;
    border-radius: 100%;
}

/* first place */
.leaderboard-container[data-id="1"] {background-color: rgba(162, 222, 208,1);}
.leaderboard-container[data-id="1"] .leader-sno {color:#049372;}
.leaderboard-container[data-id="1"] h2 .number {color:#049372;}
/*****************************/
.ui-dialog-titlebar{
    background-color: #000;
    color: #fff;
}
.ui-button{
  background-color: #000!important;
}
#current-bracket-score{
  font-size: 26px;
}
#final-combined-score{
  font-size: 18px;
}
.bp-pagination>.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    background-color: #333;
    border-color: #333;
}
.bp-pagination>.pagination {
  margin:0px;
  padding: 0px;
  padding-bottom: 15px;
}
#progress-msg-span-bracket{
  font-weight: bold;
  font-size: 14px;
}
.leaderboard-header>.col-md-8 {
    display: flex;
    align-items: center;
    height: 100px;
}

.leaderboard-header>.col-md-8 .entry-title{
    font-family: "Oswald", Sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 60px;
    display:block!important;
    color:inherit;
    padding-left:20px
}

/*
__________                       __           __    __________
\______   \____________    ____ |  | __ _____/  |_  \______   \_____     ____   ____
 |    |  _/\_  __ \__  \ _/ ___\|  |/ // __ \   __\  |     ___/\__  \   / ___\_/ __ \
 |    |   \ |  | \// __ \\  \___|    <\  ___/|  |    |    |     / __ \_/ /_/  >  ___/
 |______  / |__|  (____  /\___  >__|_ \\___  >__|    |____|    (____  /\___  / \___  >
        \/             \/     \/     \/    \/                       \//_____/      \/
*/
.bracket-header-details {
  display:flex;
  align-items: center;
  margin-left:10px;
}
.header-score{
  background: #FDE3A7;
  /* padding: 20px 9px; */
  font-size: 16px;
  border-radius: 50% 50%;
  border: 3px solid #F9BF3B;
  color: #E67E22;
  height: 75px;
  width: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bracket-title{
    margin:0 10px;
    display:flex;
    align-items: center;
}
.final-score{
  font-size: 16px;
  font-family: 'Lato',Helvetica,Arial,sans-serif!important;
}
.bracket-title h1{
  padding:0px;
  margin:0px;
  display:block;
}
.bracket-header{
  margin-top:10px;
  margin-bottom: 50px;
}

#edit_bracket_leaderboard_id{
    color: #fff !important;
    background-color: #F0AD4E;
    border-color: #F0AD4E;
}
.profile-buttons button{margin-left: 10px;    padding: 5px 18px;    padding-bottom: 7px;}
.profile-buttons input[type="submit"]{margin-left: 10px;}
.bracket-avtar-heade{
    width: 96px;
    height: 96px;
}
.bracket-avtar-heade img{
    border-radius: 50% 50%;
    margin: auto;
    width: 96px;
    height: 96px;
    border: 1px solid rgba(0, 0, 0, .1);
    background-color: #efefef;
  }
.bracket-clearfix{
  clear: both;
}
.top_banner_div, .top_banner_div img, .top_banner_div iframe, .top_banner_div div{
  max-width: 300px;
  max-height: 100px;
  float: right;
}
.top_banner_div ins{margin: 0px;}
.bannerbox1,.bannerbox2{
  width:234px !important;
  height:60px !important;
  top: 442px !important;
}

#upload_avatar > input {
    display: none;
}

.image-upload img
{
    cursor: pointer;
}
#change_avtar {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 90px;
    height: 90px;
    animation: spin 2s linear infinite;
}

/* Signup and Login Modals*/

/* signup / login modals */
* [aria-describedby="member_sign_up_dialog"] {height:90vh!important;top:5vh!important}
#member_sign_up_dialog, #member_login_dialog {
    width:95%!important;
    height: 85%!important;
    overflow-x: hidden;
    overflow-y: scroll;}
#member_login_dialog  {overflow-y: hidden;}
* [aria-describedby="member_sign_up_dialog"] .ui-dialog-titlebar {padding:0 1em}
* [aria-describedby="member_login_dialog"] .ui-dialog-titlebar {padding:0 1em}
* [aria-describedby="member_sign_up_dialog"] .ui-dialog-title {font-size:12px}
* [aria-describedby="member_login_dialog"] .ui-dialog-title {font-size:12px}
#member_sign_up_dialog p, #member_login_dialog p{margin:0px;font-size:12px}
#member_sign_up_dialog input {margin-bottom:15px}
* [aria-describedby="member_sign_up_dialog"] .ui-widget-header .ui-state-default {background-color:#ffffff!important}
* [aria-describedby="member_login_dialog"] .ui-widget-header .ui-state-default {background-color:#ffffff!important}
* [aria-describedby="member_sign_up_dialog"] .ui-dialog-titlebar-close:before {display:none}
* [aria-describedby="member_login_dialog"] .ui-dialog-titlebar-close:before {display:none}
* [aria-describedby="member_sign_up_dialog"] .ui-state-active, .ui-state-active, .ui-widget-header .ui-state-active {
    background: #e6e6e6 url(images/ui-icons_222222_256x240.png) 50% 50% repeat-x;
}
* [aria-describedby="member_login_dialog"] .ui-state-active, .ui-state-active, .ui-widget-header .ui-state-active {
    background: #e6e6e6 url(images/ui-icons_222222_256x240.png) 50% 50% repeat-x;
}




/*print button*/
#print-bracket {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 13px;
}
#print-bracket input{
  background-color: #777;
  padding: 1px 4px;
  border-radius: 3px;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


@media screen and (max-width: 400px) {

.leaderboard-container {width:285px;}
.leaderboard-container h2 {
    font-size: 14px;
    line-height: 16px;
}
.leaderboard-container h2 a {max-width:140px;}
}

@media print {
  body.custom-background {background-image:none}
  .container.site-header, .site-header {display:none}
  nav.container.site-navigation, .nav-wrapper {display:none}
  div#bracket_view_div {display:none}
  header.entry-header.bracket-header {display:none}
  footer {display:none}
  .bracket.standings.light-blue {background-image: none!important;background-color: #fff!important;}
  .color-key {display:none}
  body h4 {
    color: #333;
    text-shadow: 0px 0px #000;
  }
  #bracket .match .seed {
      color: #333;
      text-shadow: 0px 0px #000000;
  }
  #bracket .match .team_ids {
      color: #333;
      text-shadow: 0px 0px #000000;
  }
  #bracket .match {
    border: 3px solid #333;
  }
  .widget_text {display:none}
  .sharify-container {display:none}
  #brandingbox1, #brandingbox2, #brandingbox3 {display:none}
  #print-bracket {display:none}
}