/*!
 * Start Bootstrap - Stylish Portfolio Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html,
body {
    width: 100%;
    height: 100%;
}

body {
    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.text-vertical-center {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.text-vertical-center h1 {
    margin: 0;
    padding: 0;
    font-size: 4.5em;
    font-weight: 700;
}

/* Custom Button Styles */

.btn-dark {
    border-radius: 0;
    color: #fff;
    background-color: rgba(0,0,0,0.4);
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
    color: #fff;
    background-color: rgba(0,0,0,0.7);
}

.btn-light {
    border-radius: 0;
    color: #333;
    background-color: rgb(255,255,255);
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active {
    color: #333;
    background-color: rgba(255,255,255,0.8);
}

/* Custom Horizontal Rule */

hr.small {
    max-width: 100px;
}

/* Header */

.header {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
    height: 100vh;
    background: url(/tourny-floor-wc.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    color: #000;
}

.fullheight{
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
    height: 100vh;
    color: #444;
}

.competeBackground {
    background: url(/tourny-floor-wc.jpg) repeat-y center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.fullWidth{
    width: 100%;
}

.header a{
  margin: 10px;
}

/* About */

.about {
    padding: 50px 0;
    /* background-color: #fafafa; */
    border-top: 1px #bbb solid;
    border-bottom: 1px #bbb solid;
}

.testimonials {
    /* background: url(/graybackground.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;     */
    background-color: #fafafa;
    color: #444;
    border-top:1px #ccc solid;
    font-size: 1.1em;
}

.testimonial {
    margin-bottom:40px;
    font-size: 1.2em;
    color: #444;
}

.testimonial:before {
    color: #222;
    font-size: 24px;
    line-height: 0.5em;
    margin-right: 0.27em;
    content: "\f10d";
    font-family: FontAwesome;
    float:left;
}

.testimonial p {
    font-style: italic;
    color: #666;
    margin-top: 7px;
}

.services {
    padding: 50px 0;
}

.service-item {
    margin-bottom: 30px;
}

.service-item p {
    font-size: 120%;
}

/* Callout */

.callout {
    display: table;
    width: 100%;
    height: 400px;
    color: #444;
    background: url(/headshot.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.callout a{
  margin: 10px;
}

.learntitle {
    color: #222; /*E6D9A8*/
    font-style: italic;
    font-size: 1.15em;
    white-space: nowrap;
    width: 100%;
    display: block;
    height: 12px;
    margin-top: 40px;
    font-size: 1.2em;
    font-family: Arial, Helvetica, sans-serif;
}

.learntitle .fa {
    font-size: 1.5em;
    color: #222;
}

.learnpara {
    color: #444;
    line-height: 175%;
    font-family: Arial, Helvetica, sans-serif

}

ol.carousel-indicators li,
ol.carousel-indicators li.active {
    background-color: #aaa;
}

/* Portfolio */

.portfolio {
    background-color: #cc975b;
}


.portfolio-item {
    margin-bottom: 30px;
}

.img-portfolio {
    margin: 0 auto;
}

.img-portfolio:hover {
    opacity: 0.8;
}

/* Call to Action */

.call-to-action {
    padding: 50px 0;
}

.call-to-action .btn {
    margin: 10px;
}

.parallax {
    /* The image used */
    background-image: url(/kidgroup.jpg);

    /* Set a specific height */
    min-height: 200px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax1 {
    /* The image used */
    background-image: url(/champs.jpg);

    /* Set a specific height */
    min-height: 150px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax2 {
    /* The image used */
    background-image: url(/sidekick.jpg);

    /* Set a specific height */
    min-height: 300px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax3 {
    /* The image used */
    background-image: url(/medals.jpg);

    /* Set a specific height */
    min-height: 250px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Map */

.map {
    height: 500px;
}

@media(max-width:768px) {
    .map {
        height: 75%;
    }
}

/* Footer */

footer {
    padding: 100px 0;
}

.text-white{
  color: #fff;
}

.radius-1{
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}


.radius-3{
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.radius-5 {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.radius5 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.radius-7{
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

.btn-register{
  width: 200px;
  margin-bottom: 7px;
}

label{
  color: #aaa;
}

.lead-bold {
  font-size: 1.5em;
  font-weight: bold;
}

.formlabelleft label{
  text-align: left;
  width: 100%;
}

.panel-transparent {
  background: rgba(255,255,255,0.75);
}

.modal-header-success {
  color:#fff;
  padding:9px 15px;
  border-bottom:1px solid #eee;
  background-color: #5cb85c;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.modal-header-warning {
  color:#fff;
  padding:9px 15px;
  border-bottom:1px solid #eee;
  background-color: #f0ad4e;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.modal-header-danger {
  color:#fff;
  padding:9px 15px;
  border-bottom:1px solid #eee;
  background-color: #d9534f;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.modal-header-info {
  color:#fff;
  padding:9px 15px;
  border-bottom:1px solid #eee;
  background-color: #5bc0de;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.modal-header-primary {
  color:#fff;
  padding:9px 15px;
  border-bottom:1px solid #eee;
  background-color: #428bca;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.fullscreen-modal .modal-dialog {
  margin: 0;
  margin-right: auto;
  margin-left: auto;
  margin-top: auto;
  margin-bottom: auto;
  width: 85%;
  height: 85vh
}

.fullscreen-modal-body {
    margin: 0;
    margin-right: auto;
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
    width: 85%;
    height: 65vh

}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.form-inline .form-group{
    margin-right: 12px;
    margin-top: 7px;
}
.form-inline .checkbox{
    margin-right: 12px;
    margin-top: 7px;
}

.tournamentSearchBox{
    box-shadow: 2px 2px 9px #ccc;
    border: 0;
    height: 30px;
    width: 250px;
    font-size: 1.2em;
    background: #fff;
    margin-right: 7px;
    padding-left: 7px;
    padding-right: 7px;
}

.tournamentCard{
    width: 95%;
    min-width: 250px;
    height: 275px;
    margin: 12px;
    border: 1px solid #ccc;
    padding: 12px;
    box-shadow: 2px 2px 9px #ccc;
    background: #fff;
    opacity: 0.85;
}

.tournament-image {
    width: 120px;
    height: 120px;
    background-color: #efefef;
    margin-bottom: 7px;
    background-repeat: none;
    background-clip: content-box;
    border: 1px solid #fff;
}
.tournament-image-sm{
    width: 32px;
    height: 32px;
    background-color: #efefef;
    margin-bottom: 0px;
}

.dummy-image{
    width: 120px;
    height: 120px;
    border: 1px solid #ccc;
    background-color: #fff;
    margin-bottom: 7px;
    background: url(/eventPlaceholder.png) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.dummy-image-sm{
    width: 32px;
    height: 32px;
    border: 1px solid #ccc;
    background-color: #efefef;
    margin-bottom: 0px;
}
.loading{
    height: 70px;
    width: 70px;
    position: relative;
    margin: 0 auto;
}

.panel-default .panel-heading {
    background: rgb(238,238,238); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
    text-shadow: 1px 1px 1px rgba(250, 250, 250, 1);
    /*
     background-color: #C2EDF7 !important;*/
}

.panel > .panel-tiu{
    border: 1px solid #444  !important;
}

.panel-tiu > .panel-heading {
    border-top: 1px solid #dfdfdf !important;
    border-left: 1px solid #dfdfdf !important;
    border-right: 1px solid #dfdfdf !important;
    background: #efefef; color: #444;
    text-shadow: 1px 1px 1px rgba(250, 250, 250, 1);
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
}

.panel-tiu > .panel-body{
    border: 1px solid #dfdfdf !important;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
}

.btn-default {
  background-color: #eee !important;
  /*background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f2f2f2", endColorstr="#d3d3d3");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#f2f2f2), to(#d3d3d3));
  background-image: -moz-linear-gradient(top, #f2f2f2, #d3d3d3);
  background-image: -ms-linear-gradient(top, #f2f2f2, #d3d3d3);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, #d3d3d3));
  background-image: -webkit-linear-gradient(top, #f2f2f2, #d3d3d3);
  background-image: -o-linear-gradient(top, #f2f2f2, #d3d3d3);
  background-image: linear-gradient(#f2f2f2, #d3d3d3);
  border-color: #d3d3d3 #d3d3d3 hsl(79, 0%, 80%);*/
  color: #444 !important;
  /*text-shadow: 0 1px 1px rgba(255, 255, 255, 0.19);*/
  -webkit-font-smoothing: antialiased;
}

.btn-default:hover {
  background: #ddd !important;
  background-color: #eee;
  color: #000 !important;
  -webkit-font-smoothing: antialiased;
  border: 1px solid #aaa;
}

.map-container {
  width: 100%;
  max-width: 800px;
  height: 500px;
}

.alert-dismissable {
    text-align: center;
}

.inactive-text{
    color: #bbb;
}

h4 {
    color: #c97506;
}

h4.modal-title {
    color: #fff;
}

p {
    line-height: 150%;
    font-size: 12pt;
    color: #444;
}

p.small {
    line-height: 90%;
    color: #bbb;
}

p ul li {
    font-size: 12pt;
    color: #444;
}

fieldset div.form-group {
    padding-left: 7px;
}

fieldset div.panel {
    position: relative;
    left: 7px;
}

fieldset.af-fieldGroup div.form-group{
    padding-left: 7px;
}
fieldset.af-fieldGroup legend.af-fieldGroup-heading {
    color: #444; /*#0066cc;*/
    font-weight: normal;
    border-bottom: 1px solid #aaa; /*#0066cc;*/
}

.avatar-frame {
    border: 1px solid #CCC;
}
.avatar-frame, .avatar-frame img{
	width: 50px;
	height: 50px;
	-webkit-border-radius: 30px; /* Saf3+, Chrome */
	border-radius: 30px; /* Opera 10.5, IE 9 */
	/*-moz-border-radius: 30px;  Disabled for FF1+ */
}

.male-gender {
    color: #4393FA;
}
.female-gender {
    color: #FA4848;
}
.mixed-gender {
    color: #B36BFA;
}

.bracketItemActive{
    background-color: #428bca;
}

.bracketItemActiveSelected{
    background-color: #fff !important;
}

.bracketItem {
    margin-bottom: 7px;
    padding: 5px;
    border: 1px solid #ccc;
    background-color: #fafafa;
    min-height: 60px;
    width:90%;
    min-width: 300px;
    margin-left: auto;
    margin-right: auto;
    overflow-x: hidden;
    -webkit-animation-duration:0.25s;
    -moz-animation-duration:0.25s;
    -ms-animation-duration:0.25s;
    -o-animation-duration:0.25s;
    animation-duration:0.25s;
}

.bracketItem:hover {
    margin-bottom: 7px;
    padding: 5px;
    border: 1px solid #999;
    background-color: #f6f6f6;
    min-height: 60px;
    width:90%;
    min-width: 300px;
    margin-left: auto;
    margin-right: auto;
    overflow-x: hidden;
}

.bracketItemComplete{
    color: #aaa;
}

.bracketCloneText {
    font-style: italic;
    color: #ccc;
    width: 100%;
    text-align: center;
    font-size: 80%;
}

.icon-Gray{
    color: #666;
}

.highlighted-row {
    background-color: #428bca !important;
    /*background-color: #EBB065 !important;*/
    color: #fff !important;
    border: 1px solid #666;
}
.highlighted-row label{
    color: #efefef;
}

.highlighted-row i.fa {
    color: #fff !important;
}

.highlighted-row span.badge{
    background-color: #fff !important;
    color: #428bca !important;
}

.highlighted-darkrow {
    background-color: #eee !important;
    /*background-color: #EBB065 !important;*/
    color: #444 !important;
    border: 1px solid #666;
}

.highlighted-darkrow label{
    color: #666;
}

.highlighted-darkrow i.fa {
    color: #444 !important;
}

.highlighted-darkrow span.badge{
    background-color: #000 !important;
    color: #eee !important;
}

label.checkbox-inline {
    color: #444;
}

div.checkbox label{
    color: #444;
}

img.rankIcon {
    width: 16px;
    margin-left: 5px;
    margin-bottom: 3px;
}

div.floorContainer {
    padding: 5px;
    position: relative;
    width: 100%;
}

div.floorTitleRow {
    width: 100%;
    height: 40px;
    display: fixed;
}

div.floorBodyRow {
    height: 100%;
    width: 100%;
    overflow-x: scroll;
}

div.floorLayout {
    padding: 5px;
    width: 3500px;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
}

div.floorBodyRow::-webkit-scrollbar {
    display: none;
}

div.floorColumn {
    width: 321px;
    float: left;
    margin: 2px;
    border: 1px #ccc dashed;
    -webkit-animation-duration:0.25s;
    -moz-animation-duration:0.25s;
    -ms-animation-duration:0.25s;
    -o-animation-duration:0.25s;
    animation-duration:0.25s;
}

span.columnHeaderTitle {
    text-decoration: underline;
    font-weight: bold;
    color: #444;
    cursor:pointer;
}

small.columnHeaderTitle {
    text-decoration: underline;
    cursor:pointer;
}

div.floorColumnSelected {
    border: #00cc00 2px solid !important;
}

.lightGrayBackground {
    background-color: #f4f4f4;
    border-color: #999 !important;
}

div.redBorder {
    border: 2px #cc0000 solid !important;
}

div.yellowBG {
    background-color: #FFCC00 !important;
}

div.pinkBG {
    background-color: #ffdddd !important;
}

div.greenBG {
    background-color: #ddffdd !important;
}

div.componentErrorMessage {
    width: 100%;
    text-align: center;
    margin: 7px 0px 7px 0px;
    color: #dd0000;
}

a.notify-white{
    color: #aaa;
}
a.notify-white:hover{
    color: #fff;
}
a.notify-red{
    color: #cc0000;
}
a.notify-red:hover{
    color: #ff0000;
}

div.messageItem{
    border-top: 1px solid #ccc;
    margin-bottom: 12px;
}

button.spin-icon-padding {
    padding: 5px 9px 5px 9px;
}

span.empty-icon {
    display: block;
    min-width: 6px;
    min-height: 18px;
}

.controls.readonly
{
  padding-top: 5px;
}

.carousel-inner .item {
    font-size: 1.3em;
}

a.whiteLink {
    color: #dfdfdf;
    text-decoration: underline;
}

a.whiteLink:hover {
    color: #fff;
}

.badge:hover {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
  }
  .badge-error {
    background-color: #b94a48;
  }
  .badge-error:hover {
    background-color: #953b39;
  }
  .badge-warning {
    background-color: #f89406;
  }
  .badge-warning:hover {
    background-color: #c67605;
  }
  .badge-success {
    background-color: #468847;
  }
  .badge-success:hover {
    background-color: #356635;
  }
  .badge-info {
    background-color: #3a87ad;
  }
  .badge-info:hover {
    background-color: #2d6987;
  }
  .badge-inverse {
    background-color: #333333;
  }
  .badge-inverse:hover {
    background-color: #1a1a1a;
  }

.app-title {
    font-size: 2.5em;
    font-style: normal;
    font-weight: 500;
    white-space: nowrap;
    font-family: arial, helvetica;
    margin-top: 12px;
}

.app-title img {
    position: relative;
    width: 48px;
    top: -5px;
    margin-right: 0;
}

.nav-title {
    font-size: 1.5em;
    font-style: italic;
    font-weight: 400;
    white-space: nowrap;
    font-family: arial, helvetica;
}

.nav-title img {
    position: relative;
    width: 28px;
    top: -3px;
    margin-right: 0;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #ccc;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #ccc;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #ccc;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #ccc;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #ccc;
}

::placeholder { /* Most modern browsers support this now. */
   color:    #ccc;
}

.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
  }
  .overlay:target {
    visibility: visible;
    opacity: 1;
  }
  
  .popup {
    margin: auto;
    padding: 20px;
    background: #fff;
    width: 30%;
    position: relative;
    transition: all 5s ease-in-out;
  }

  .boxshadow {
    -webkit-box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.75);
  }
  
  .popup h2 {
    margin-top: 0;
    color: #333;
    font-family: Tahoma, Arial, sans-serif;
  }
  .popup .close {
    position: absolute;
    top: 20px;
    right: 30px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
  }
  .popup .close:hover {
    color: #06D85F;
  }
  .popup .content {
    max-height: 30%;
    overflow: auto;
  }