.scroller {
    padding-left: 10px;
}

.wrapper {
    display: table;
    width: 100%;
    padding-left: 375px;
}

.wrapper>div {
    float: none;
    display: table-cell;
}

.wrapper>div li {
    list-style-type: none;
}

.wrapper>div:first-child>ul>ul li:nth-child(2) {
    padding: 5px 0;
}

.wrapper>div>ul li:nth-child(2) {
    border: 2px solid #000;
    border-left: 0;
    text-align: center;
    font-weight: bold;
}

.wrapper>div>ul>li:nth-child(2) {
    padding: 40px 0;
}

.wrapper>div:not(:first-child) ul li:nth-child(2)::before {
    position: absolute;
    content: "";
    width: 25px;
    height: 2px;
    background-color: #000;
    right: 100%;
    top: -2px;
}

.wrapper>div:not(:first-child) ul li:nth-child(2)::after {
    position: absolute;
    content: "";
    width: 25px;
    height: 2px;
    background-color: #000;
    right: 100%;
    bottom: -2px;
}

.wrapper>div:nth-child(4):not(.winner):not(.consolation) ul {
    transform: translateY(125px);
}

.wrapper>div:nth-child(4):not(.winner):not(.consolation) ul li:nth-child(2) {
    padding: 150px 0;
}

.wrapper>div:nth-child(4):not(.winner):not(.consolation) ul+ul {
    padding-top: 268px;
}

.wrapper>div:nth-child(5):not(.winner):not(.consolation) ul {
    transform: translateY(285px);
}

.wrapper>div:nth-child(5):not(.winner):not(.consolatoion) ul li:nth-child(2) {
    padding: 315px 0;
}

.wrapper>div.winner {
    vertical-align: middle;
}

.wrapper {
    box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
}

.wrapper>div>ul {
    position: relative;
}

.wrapper>div ul li {
    font-size: 12px;
    padding-left: 10px;
}

.wrapper>div>ul>ul {
    min-width: 275px;
}


/*will be  removing it later*/

.wrapper>div:first-child>ul+ul {
    margin-top: 73px;
    padding-top: 0;
}

.wrapper ul {
    padding-left: 0;
}

.wrapper>div:not(:first-child) ul li:nth-child(2) {
    padding: 102px 0;
}

.wrapper>div:not(:first-child) ul li:nth-child(2)::before,
.wrapper>div:not(:first-child) ul li:nth-child(2)::after {
    display: none
}


/*recent changes*/

.wrapper {
    margin-bottom: 50px;
}

.wrapper li {
    min-height: 24px;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

.wrapper>div:nth-child(4):not(.winner):not(.consolation) ul {
    transform: translateY(365px);
}

.wrapper>div:nth-child(4):not(.winner):not(.consolation) ul li:nth-child(2) {
    padding: 399px 0;
}

.wrapper>div>span {
    display: block;
    width: 80%;
    text-align: center;
    background-color: #c5d9f1;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 30px;
}

.wrapper {
    position: relative;
}

.wrapper>div>span {
    visibility: visible;
}

.wrapper>div>span.yes {
    visibility: visible;
}

.wrapper>div:first-child>span:nth-child(2) {
    position: absolute;
    left: 15px;
    top: 0;
    max-width: 275px;
}

.wrapper>div ul li,
.wrapper>div:first-child>ul>ul li:nth-child(2) {
    white-space: nowrap;
    padding-left: 5px;
}

.scroller {
    overflow-x: scroll;
    border: 1px solid #ccc;
}

.wrapper+div {
    margin-left: 25px;
}

.scroller .header-content {
    position: relative;
    padding: 20px;
}

.scroller .header-content img {
    width: 15%;
    min-width: 160px;
}

.scroller .header-content h3 {
    display: inline-block;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.scroller .consolation li {
    padding-left: 5px;
    padding-right: 5px;
}

.wrapper>div.consolation {
    vertical-align: middle;
    position: relative;
    padding-left: 30px;
}

.wrapper>div.consolation>span {
    position: absolute;
    top: 0;
}

.scroller .header-content h5 {
    text-align: center;
    font-weight: bold;
}

.scroller>a {
    position: absolute;
    background-image: url(/sites/all/modules/amerileague/images/print.png);
    display: block;
    width: 42px;
    height: 42px;
    font-size: 0;
    right: 15px;
    top: 15px;
    z-index: 99;
}

.dynamic-brackets-container {
    position: relative;
}

.scroller .wrapper>div.consolation {
    display: none;
}

.scroller .wrapper>div.consolation.yes {
    display: table-cell;
}

/* .scroller .wrapper>div>span {
    visibility: hidden;
} */

.scroller .wrapper>div>span.yes {
    visibility: visible;
}

.wrapper>div>ul li:nth-child(2) {
    position: relative;
    padding-right: 45px !important;
}

.wrapper>div>ul li:nth-child(2) span:not(.date-display-single) {
    position: absolute;
    right: 5px;
    color: #e44d04;
    top: 50%;
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}


/*for wrapping items within a scroller*/

.wrapper div ul li:nth-child(2) {
    padding-left: 45px !important;
}

.wrapper div ul li:nth-child(2) a {
    display: block;
}


/*css for recent fix*/

.wrapper>div:nth-child(2):not(.winner):not(.consolation) ul {
    -o-transform: translateY(66px);
    -ms-transform: translateY(66px);
    -moz-transform: translateY(66px);
    -webkit-transform: translateY(66px);
    transform: translateY(66px);
}

.wrapper>div:nth-child(2) ul+ul {
    margin-top: 202px;
    padding-top: 0;
}

.wrapper>div:nth-child(3):not(.winner):not(.consolation) ul {
    -o-transform: translateY(195px);
    -ms-transform: translateY(195px);
    -moz-transform: translateY(195px);
    -webkit-transform: translateY(195px);
    transform: translateY(195px);
}

.wrapper>div:nth-child(3):not(.winner):not(.consolation) ul li:nth-child(2) {
    padding: 228px 0;
}

.wrapper>div:nth-child(3):not(.winner):not(.consolation)>ul+ul {
    margin-top: 455px;
}

.wrapper>div:nth-child(4):not(.winner):not(.consolation) ul {
    -o-transform: translateY(449px);
    -ms-transform: translateY(449px);
    -moz-transform: translateY(449px);
    -webkit-transform: translateY(449px);
    transform: translateY(449px);
}

.wrapper>div:nth-child(4):not(.winner):not(.consolation) ul li:nth-child(2) {
    padding: 481px 0;
}


/* .wrapper.bye-brackets>div:first-child ul>ul:nth-child(5).bottom, */

.wrapper>div:first-child ul>ul:nth-child(4) {
    position: absolute;
    right: 100%;
    top: -28px;
    bottom: auto;
}


/* .wrapper.bye-brackets>div:first-child ul>ul:nth-child(4).top, */

.wrapper>div:first-child ul>ul:nth-child(4):last-child.bottom,
.wrapper>div:first-child ul>ul:nth-child(5) {
    position: absolute;
    right: 100%;
    bottom: -28px;
    top: auto;
}

.wrapper>div ul>li:nth-child(2) {
    min-height: 48px;
}

.wrapper>div.consolation ul li:nth-child(2) {
    padding: 102px 45px 102px 20px !important;
}

ul.top li:nth-child(2),
ul.bottom li:nth-child(2),
ul.nothing li:nth-child(2) {
    display: table-cell;
    height: 48px;
    vertical-align: middle;
}

.winner,
.consolation {
    padding-top: 63px;
}


/*.wrapper>div:first-child ul:last-child>ul:nth-child(4):last-child.bottom {
    position: absolute;
    right: 100%;
    top: -28px;
    bottom: auto;
}*/


/*media styling for print functionality*/

@media print {
    @page {
        margin: 0;
        size: legal;
    }
    body {
        margin: 0.5cm;
    }
    html body>div:not(.dexp-body-inner) {
        display: none;
    }
    .dexp-body-inner>div,
    .dexp-body-inner>section:not(#section-main-content) {
        display: none;
    }
    .dynamic-brackets-container~table,
    .view-filters {
        display: none;
    }
    /*#section-main-content .view-schedule>div:not(.view-header .view-display-id-page_9) {
        display: none;
    }
    #section-main-content .view-schedule>div.view-content>*:not(.view-display-id-page_9 .scroller) {
        display: none;
    }*/
    /*codes to display content in print*/
    #section-main-content .view-schedule .view-filters {
        display: none;
    }
    .view-display-id-page_9>.view-header,
    .view-display-id-page_7>.view-header>.view-content {
        display: none;
    }
    /*ends*/
    .scroller {
        display: block;
        width: auto;
        height: auto;
        overflow: visible;
        border: none;
        -o-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
    }
    .scroller.three {
        -o-transform: scale(.7);
        -ms-transform: scale(.7);
        -moz-transform: scale(.7);
        -webkit-transform: scale(.7);
        transform: scale(.7);
    }
    .scroller.four {
        -o-transform: scale(.6);
        -ms-transform: scale(.6);
        -moz-transform: scale(.6);
        -webkit-transform: scale(.6);
        transform: scale(.6);
    }
    .scroller.five {
        -o-transform: scale(.4);
        -ms-transform: scale(.4);
        -moz-transform: scale(.4);
        -webkit-transform: scale(.4);
        transform: scale(.4);
    }
    .scroller.six {
        -o-transform: scale(.3);
        -ms-transform: scale(.3);
        -moz-transform: scale(.3);
        -webkit-transform: scale(.3);
        transform: scale(.3);
    }
    a[href]:after {
        content: none !important;
    }
    div.winner {
        position: relative;
    }
    div.winner ul,
    .wrapper>div.consolation ul {
        position: absolute;
        top: 50%;
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .wrapper>div.consolation {
        padding-left: 300px;
    }
}