@charset "utf-8";
@import url("flickr/flickr.css");
@import url("nanogallery/nanogallery.min.css");

.required::before {
    content: "*";
    font-weight: bold;
    color: red;
}

.sponsorsGallery {
    background: #fff;
}

.sponsorsSidebar {
    max-height: 664px;
    overflow-y: auto;
}

.sponsor-item {
    padding: 10px;
    margin: 20px;
    width: 150px;
    height: 120px;
}

.sponsor-item-side {
    /*padding-top: 2px;*/
    /*padding-bottom: 2px;*/
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px;
    /*width: 245px;*/
    width: 100%;
}

.sponsor-item-large {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    min-width: 300px;
}

.col-centered {
    float: none;
    margin: 0 auto;
}

.inline-player {
    /*padding-top: 10px;*/
    padding-bottom: 20px;
    max-height: 450px;
    max-width: 800px;
}

.side-bar-panel {
    padding-bottom: 20px;
    padding-top: 20px;
}

.item-padding {
    padding: 15px;
}

/*D3 Bracket Style*/
.node circle {
    cursor: pointer;
    fill: #fff;
    stroke: steelblue;
    stroke-width: 1.5px;
}

.node text {
    font-size: 10px;
}

path.link {
    fill: none;
    stroke: #ccc;
    stroke-width: 1.5px;
}

.borderless {
    border: 0;
}

.division-panel-heading-MO {
    background-image: linear-gradient(to bottom, rgba(246, 246, 246, 0.3), rgba(246, 246, 246, 0));
}

.division-panel-heading-WO {
    background-image: linear-gradient(to bottom, rgba(230, 184, 184, 0.3),rgba(230, 184, 184, 0));
}

.division-panel-heading-MO30 {
    background-image: linear-gradient(to bottom, rgba(216, 228, 188, 0.3), rgba(216, 228, 188, 0));
}

.division-panel-heading-WO30 {
    background-image: linear-gradient(to bottom, rgba(204, 182, 59, 0.3), rgba(204, 182, 59, 0));
}

.division-panel-heading-MO38 {
    background-image: linear-gradient(to bottom, rgba(184, 204, 228, 0.3), rgba(184, 204, 228, 0));
}

.division-panel-heading-MO45 {
    background-image: linear-gradient(to bottom, rgba(252, 213, 180, 0.3), rgba(252, 213, 180, 0));
}

.division-panel-heading-MO52 {
    background-image: linear-gradient(to bottom, rgba(216, 218, 217, 0.3), rgba(216, 218, 217, 0));
}

.division-panel-heading-MO59 {
    background-image: linear-gradient(to bottom, rgba(175, 150, 196, 0.3), rgba(175, 150, 196, 0));
}

.panel > .panel-heading-mo {
    background-color: #FFFFFF;
    background-image: linear-gradient(to bottom, #EDEDED 0%, #FFFFFF 100%);
    text-align: center;
    font-weight: bold;
}

.panel > .panel-heading-wo {
    background-image: linear-gradient(to bottom, #E6B8B8 0%, #FFFFFF 100%);
    text-align: center;
    font-weight: bold;
}

.panel > .panel-heading-mo30 {
    background-image: linear-gradient(to bottom, #D8E4BC 0%, #FFFFFF 100%);
    text-align: center;
    font-weight: bold;
}

.panel > .panel-heading-wo30 {
    background-image: linear-gradient(to bottom, #CCB63B 0%, #FFFFFF 100%);
    text-align: center;
    font-weight: bold;
}

.panel > .panel-heading-mo38 {
    background-image: linear-gradient(to bottom, #B8CCE4 0%, #FFFFFF 100%);
    text-align: center;
    font-weight: bold;
}

.panel > .panel-heading-mo45 {
    background-image: linear-gradient(to bottom, #FCD5B4 0%, #FFFFFF 100%);
    text-align: center;
    font-weight: bold;
}

.panel > .panel-heading-mo52 {
    background-image: linear-gradient(to bottom, #D8DAD9 0%, #FFFFFF 100%);
    text-align: center;
    font-weight: bold;
}

.panel > .panel-heading-mo59 {
    background-image: linear-gradient(to bottom, #af96c4 0%, #FFFFFF 100%);
    text-align: center;
    font-weight: bold;
}

.card > .panel-heading-mo {
    background-color: #FFFFFF;
    background-image: linear-gradient(to bottom, #F6F6F6 0%, #FFFFFF 100%);
    text-align: center;
    font-weight: bold;
}

.card > .panel-heading-wo {
    background-image: linear-gradient(to bottom, #E6B8B8 0%, #FFFFFF 100%);
    text-align: center;
    font-weight: bold;
}

.card > .panel-heading-mo30 {
    background-image: linear-gradient(to bottom, #D8E4BC 0%, #FFFFFF 100%);
    text-align: center;
    font-weight: bold;
}

.card > .panel-heading-wo30 {
    background-image: linear-gradient(to bottom, #CCB63B 0%, #FFFFFF 100%);
    text-align: center;
    font-weight: bold;
}

.card > .panel-heading-mo38 {
    background-image: linear-gradient(to bottom, #B8CCE4 0%, #FFFFFF 100%);
    text-align: center;
    font-weight: bold;
}

.card > .panel-heading-mo45 {
    background-image: linear-gradient(to bottom, #FCD5B4 0%, #FFFFFF 100%);
    text-align: center;
    font-weight: bold;
}

.card > .panel-heading-mo52 {
    background-image: linear-gradient(to bottom, #D8DAD9 0%, #FFFFFF 100%);
    text-align: center;
    font-weight: bold;
}

.card > .panel-heading-mo59 {
    background-image: linear-gradient(to bottom, #af96c4 0%, #FFFFFF 100%);
    text-align: center;
    font-weight: bold;
}

.td-heading-mo {
    background-color: #FFFFFF;
    background-image: linear-gradient(to bottom, #F6F6F6 0%, #FFFFFF 100%);
}

.td-heading-wo {
    background-image: linear-gradient(to bottom, #E6B8B8 0%, #FFFFFF 100%);
}

.td-heading-mo30 {
    background-image: linear-gradient(to bottom, #D8E4BC 0%, #FFFFFF 100%);
}

.td-heading-wo30 {
    background-image: linear-gradient(to bottom, #CCB63B 0%, #FFFFFF 100%);
}

.td-heading-mo38 {
    background-image: linear-gradient(to bottom, #B8CCE4 0%, #FFFFFF 100%);
}

.td-heading-mo45 {
    background-image: linear-gradient(to bottom, #FCD5B4 0%, #FFFFFF 100%);
}

.td-heading-mo52 {
    background-image: linear-gradient(to bottom, #D8DAD9 0%, #FFFFFF 100%);
}

.td-heading-mo59 {
    background-image: linear-gradient(to bottom, #af96c4 0%, #FFFFFF 100%);
}

.table-heading-spanned {
    text-align: center;
}

.center {
    text-align: center;
    /*vertical-align: middle;*/
}

.schedule-finals-table {
    text-align: center;
    background-image: linear-gradient(to bottom, #4682b4 0%, #FFFFFF 100%);
    font-weight: bold;
}

.news-source-date {
    font-weight: lighter
}

.padding-top-bottom-right-small {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-right: 10px
}

.padding-right-small {
    padding-right: 10px
}

.padding-left-small {
    padding-left: 10px
}

.padding-left-right-xs {
    padding-left: 2px;
    padding-right: 2px
}

.padding-left-right-sm {
    padding-left: 4px;
    padding-right: 4px
}


.padding-all-xs {
    padding: 2px
}

.padding-all-sm {
    padding: 4px
}

.margin-all-xs {
    margin: 2px
}

.margin-all-sm {
    margin: 4px
}

/*.center td, th {
    padding: 5px;   
}
.center tr {
    height: 25px;   
}*/

.searchable-container {
    margin: 20px 0 0 0
}

    .searchable-container label.btn-default.active {
        background-color: #007ba7;
        color: #FFF
    }

    .searchable-container label.btn-default {
        width: 90%;
        border: 1px solid #efefef;
        margin: 5px;
        box-shadow: 5px 8px 8px 0 #ccc;
    }

    .searchable-container label .bizcontent {
        width: 100%;
    }

    .searchable-container .btn-group {
        width: 90%
    }

    .searchable-container .btn span.glyphicon {
        opacity: 0;
    }

    .searchable-container .btn.active span.glyphicon {
        opacity: 1;
    }

.grid-item {
    width: 25%;
}

.grid-item--width2 {
    width: 50%;
}

.button:active,
.button.is-checked {
    background-color: #28F;
    color: black
}

.button.is-checked {
    color: white;
    text-shadow: 0 -1px hsla(0, 0%, 0%, 0.8);
}

.button:active {
    box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8);
}

.tournament-teams-admin textarea {
    height: 100px;
}

.fa-green {
    color: green;
}

.fa-red {
    color: red;
}

.fa-yellow {
    color: yellow;
}

.tooltip-inner {
    white-space: pre-wrap;
    min-width: 100px;
}

.inline-td {
    display: flex;
}

.table-ellipsis td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vert-middle input, button {
    vertical-align: middle;
}

.control-hint {
    font-weight: normal;
    font-size: small;
}

.img-responsive-min {
    min-width: 25px !important;
}

.standings {
    width: 60%;
    margin: 0 auto;
}

.draw-card > div.card-body > div.col-12 > div.row > div.col-5 {
    padding-right: 2px;
    padding-left: 1px;
}

.draw-card > div.card-body > div.col-12 > div.row > div.col-7 {
    padding-left: 2px;
    padding-right: 2px;
}


.standings-table {
    float: none;
    vertical-align: middle;
}
    /*table > tbody > tr:nth-child(1) > td:nth-child(2)*/

    .standings-table > tbody, tr, td, span {
        vertical-align: middle;
        float: none;
    }

        .standings-table > tbody > tr > td, th {
            vertical-align: middle;
            text-align: center;
            padding: 1px;
        }

            .standings-table > tbody > tr > td > span > div, a {
                vertical-align: middle;
                padding: 1px;
                padding-left: 3px;
                margin: 1px;
                border: none;
            }

            .standings-table > tbody > tr > td > span > img {
                vertical-align: middle;
                padding: 1px;
                margin: 1px;
                border: none;
            }

.schedule-table > tbody > tr > td, th { 
    vertical-align: middle;
    text-align: center;
    font-size: 0.8rem;
}
    
        .schedule-table > tbody > tr > td > div > a > div > img {
            border: none;
            margin: 0;
            max-width: 100%;
        }

.schedule-table-fs > tbody > tr > td, th {
    vertical-align: middle;
    text-align: center;
    font-size: 0.6rem;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-left: 1px;
    margin-right: 1px;
}

.schedule-table-fs > tbody > tr > td > div, a {
    border: none;
        
}

.schedule-table-fs > tbody > tr > td > div > img {
    border: none;
    margin: 0;
    max-width: 100%;
}

#schedule-full_length > label > select {
    background: none;
    margin-left: 5px;
    margin-right: 5px;
}

.standings-team-cell {
    width: 30%;
    max-width: 30%;
    vertical-align: middle;
}

/*#layout > div.rendered-body-container > section > section > div > div > div > div > div > div > div:nth-child(4) > div > div:nth-child(2) > table > tbody > tr:nth-child(1) > td:nth-child(1) > span > img*/
.table.vertical-align > td, span, img {
    vertical-align: middle;
    border: none;
}

.tr.vertical-align > td {
    vertical-align: middle;
}

.table.vertical-align > tbody > tr > td {
    vertical-align: middle;
}

.table > tbody > tr > td.inline {
    display: inline;
}

.text-bigger-by-20 {
    font-size: 120%;
}

.sponsor-carousel {
    max-height: 100%;
}

.img-sponsor-carousel {
    max-height: 100px;
}

.img-sponsor {
    max-height: 170px;
    width: auto;
}

.img-sponsor-indexpage {
    max-height: 159px;
    max-width: 400px;
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
}

.img-sponsor-indexpage-top-row {
    max-height: 230px;
    max-width: 400px;    
    padding-right: 20px;
    padding-left: 20px;
}

.img-sponsor-indexpage-bottom-row {
    max-height:250px;
    max-width: 200px;
    padding-right: 20px;
    padding-left: 20px;
}

.img-sponsor-indexpage-bottom-row-large {
    max-height: 250px;
    max-width: 400px;
    padding-right: 20px;
    padding-left: 20px;
}

.page-title {
    padding-top: 30px;
    padding-bottom: inherit;
    font-weight: lighter;
}

@media screen and (max-width : 767px) {
    h1 {
        font-size: 4vw;
    }

    h2 {
        font-size: 3vw;
    }

    .page-title {
        padding-top: 20px;
        padding-bottom: inherit;
        font-weight: lighter;
    }

    .hero-header.hero-bg {
        height: 200px;
    }

    .schedule-table > tbody > tr > td, th {
        vertical-align: middle;
        text-align: center;
        font-size: 0.7rem;
    }
}

@media screen and (max-width : 576px) {
    h1 {
        font-size: 5vw;
    }

    h2 {
        font-size: 4vw;
    }

    .page-title {
        padding-top: 15px;
        padding-bottom: inherit;
        font-weight: lighter;
    }

    .schedule-table > tbody > tr > td, th {
        vertical-align: middle;
        text-align: center;
        font-size: 0.6rem;
    }
}

.home-column {
    height: 100%;
    width: 100%;
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.row.display-flex {
    display: flex;
    flex-wrap: wrap;
}

.title-back {
    filter: brightness(75%);
}

.home-title-back {
    filter: brightness(89%);
    padding-top: 110px;
    padding-bottom: 20px;
    color: white;
    text-shadow: dimgray;
}



.home-match-box {
    font-size: smaller;
}

.form-row-space {
    padding-bottom: 14px;
    justify-content: center;
}

.vertical-align-container {
    display: table;
    vertical-align: middle;
}

.zoom {
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

    .zoom:hover,
    .zoom:active,
    .zoom:focus {
        -ms-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
        position: relative;
        z-index: 100;
    }

.schedule-nav > a {
    /*max-height: 27px;*/
    padding-top: 2px;
    padding-bottom: 2px;
}

.schedule-nav > select {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
}

/*.nav-pills .nav-link.active, .show > .nav-pills .nav-link*/
.nav-pills > .nav-link.active {
    background-color: #515151;
}

.rendered-body-container {
    z-index: 0;
}

.list-diary > li > ul.club-logo > li > img {
    border: 0;
    max-width: 30px;
}

.list-diary > li > ul.club-logo > li {
    vertical-align: top;
}

    .list-diary > li > ul.club-logo > li:nth-child(2) {
        max-width: 25px;
    }

.results-scroll {
    height: 750px;
    margin-bottom: 30px;
    overflow: auto;
}

.flex-fixed-width-item {
    flex: 0 0 100px;
}

#upNextMatchesCarousel > a.carousel-control-next {
    width: 5%;
    padding-bottom: 2%;
}

#upNextMatchesCarousel > a.carousel-control-prev {
    width: 5%;
    padding-bottom: 2%;
}

.teams-all > img {
    width: 64px;
    max-width: 64px;
}

.tournament-results > tbody > tr > td > div > img {
    border: none;
    margin: 0;
    max-width: 100%;
}

.tournament-results > tbody > tr > td {
    border: none;
}

.tournament-results {
    float: none;
    vertical-align: middle;
}
/*table > tbody > tr:nth-child(1) > td:nth-child(2)*/

    .tournament-results > tbody, tr, td, span {
        vertical-align: middle;
        float: none;
    }

        .tournament-results > tbody > tr > td, th, h6, p {
            vertical-align: middle;
            padding: 1px;
            margin: 1px;
        }
        
.tournament-results > tbody > tr > td > h6 > span {
    vertical-align: middle;
    text-align: left;
    padding: 1px;
}
            .tournament-results > tbody > tr > td > div > img {
                vertical-align: middle;
                padding: 1px;
                margin: 1px;
                border: none;
            }

/*[data-toggle="collapse"]:after {
    display: inline-flex;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0da";
    transform: rotate(90deg);
    transition: all linear 0.25s;
    float: right;
}   
[data-toggle="collapse"].collapsed:after {
    transform: rotate(0deg) ;
}*/

/*.accordion-toggle:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0da";
    transform: rotate(90deg);
    transition: all linear 0.25s;
    float: right;
}
.accordion-toggle.collapsed:after {
    transform: rotate(0deg);
}*/