@import url('../../../xl/external/jquery-ui/slotmachine.css') only screen and (min-width: 1901px);
@import url('../../../l/external/jquery-ui/slotmachine.css') only screen and (min-width: 1010px) and (max-width: 1900px);
@import url('../../../m/external/jquery-ui/slotmachine.css') only screen and (min-width: 768px) and (max-width: 1009px);
@import url('../../../s/external/jquery-ui/slotmachine.css') only screen and (min-width: 480px) and (max-width: 767px);
@import url('../../../xs/external/jquery-ui/slotmachine.css') only screen and (max-width: 479px);

.slotMachineNoTransition {
    transition: none !important;
}

.slotMachineGradient {
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(25%, rgba(0, 0, 0, 1)), color-stop(75%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(0, 0, 0, 0)));
    mask: url("data:image/svg+xml;utf8,<svg version=" 1.1 " xmlns=" http:// www.w3.org/2000/svg " width=" 0 " height=" 0 "><mask id=" slotMachineFadeMask " maskUnits=" objectBoundingBox " maskContentUnits=" objectBoundingBox "><linearGradient id=" slotMachineFadeGradient " gradientUnits=" objectBoundingBox " x=" 0 " y=" 0 "><stop stop-color=" white " stop-opacity=" 0 " offset=" 0 "></stop><stop stop-color=" white " stop-opacity=" 1 " offset=" 0.25 "></stop><stop stop-color=" white " stop-opacity=" 1 " offset=" 0.75 "></stop><stop stop-color=" white " stop-opacity=" 0 " offset=" 1 "></stop></linearGradient><rect x=" 0 " y=" -1 " width=" 1 " height=" 1 " transform=" rotate(90) " fill=" url(#slotMachineFadeMask) "></rect></mask></svg>#slotMachineFadeMask");
}

/* CUSTOM STYLING */
.mnHolder .subnavi {
    z-index: 160;
}

.naviSerialProgram ul.menu, .naviSerialProgram .menueToggle {
    z-index: 150;
}

#smInfoModal p {
    margin: .5em 0;
}

#smInfoModal p b {
    display: block;
}

button.modalConfirmSlotmachine {
    background: #030377; /* Old browsers */
    background: -moz-linear-gradient(top, #030377 0%, #010141 101%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #030377), color-stop(100%, #010141)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #030377 0%, #010141 101%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #030377 0%, #010141 101%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #030377 0%, #010141 101%); /* IE10+ */
    background: linear-gradient(to bottom, #030377 0%, #010141 101%); /* W3C */
    outline: none;
    border: none;
    letter-spacing: 1px;
    text-transform: uppercase;
    float: left;
    margin: 0 2px 2px 0;
    padding: 7px 20px;
    color: #fff;
}

div.section.sectionA.slotmachine, #slotmachineContainer *:not(script) {
    display: block;
    position: relative;
}

div.section.sectionZ.slotmachine {
    margin-right: 0;
}

div.section.sectionC.slotmachine {
    margin-left: 0;
}

#slotmachineTeasertext {
    position: absolute;
    padding: 0 1em;
    top: 50%;
    left: 50%;
    width: calc(50% - 1em);

    color: white;
}

#slotmachineTeasertext h2 {
    font-size: 1.9em;
    margin-bottom: .5em;
}

#slotmachineContainer {
    position: absolute;
    z-index: 100;
    color: #f6f6f6;
}

#slotmachineContainer .slotmachine {
    width: 100%;
    background-color: #1e1e1e;
}

#slotmachineContainer .slot {
    height: 100%;
    float: left;
    overflow: hidden;
}

#slotmachineContainer .slotentry {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    color: #e6e6e6;
}

#slotmachineContainer .slotentry > div {
    line-height: 1;
    text-align: center;
    float: left;
    background-image: url('../../../../img/base/background/bg_clock_num.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

#slotmachineContainer .slotentry > div .overlay {
    position: absolute;
    background-color: #212121;
}

#slotmachineContainer button, #slotmachineContainer button:active, #slotmachineContainer button:hover, #slotmachineContainer button:focus {
    outline: none;
    border: none;
}

#slotmachineContainer button {
    margin: 0 auto;
    color: #f6f6f6;
    text-transform: uppercase;
    background-color: #1e1e1e;

    animation: blur 3s ease-out infinite;
}

#content .sectionA.slotmachine {
    margin-bottom: 0;
}

#content .sectionA.slotmachine .modSlotmachine:after {
    display: block;
    position: relative;
    width: 100%;
    height: 200px;
    margin-top: -200px;
    z-index: 50;
    content: '';
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#99000000', GradientType=0);
}

#content .sectionC.slotmachine .infoBroadcastDateList ul {
    border-top: 1px solid #bfc5d3;
}

#content .sectionC.slotmachine .infoBroadcastDateList ul li {
    border: none;
    line-height: 150%;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes blur {
    0% {
        text-shadow: 0px 0px 0px #fff;
    }
    50% {
        text-shadow: 0px 0px 20px #fff;
    }
    100% {
        text-shadow: 0px 0px 0px #fff;
    }
}

/* Standard Syntax */
@keyframes blur {
    0% {
        text-shadow: 0px 0px 0px #fff;
    }
    50% {
        text-shadow: 0px 0px 20px #fff;
    }
    100% {
        text-shadow: 0px 0px 0px #fff;
    }
}