.screen3-skin8 {
    margin-top: 10px;
}

    .screen3-skin8 .header {
        box-shadow: 0px 2px 2px grey;
    }

    .screen3-skin8 .header-right .hour-topright {
        color: white;
        background: #2F3290;
        position: absolute;
        right: 0;
        padding: 0 20px;
        font-size: 25px;
        margin-right: 20px;
    }

    .screen3-skin8 .header-right .logo {
        padding-top: 50px;
        padding-bottom: 20px;
        text-align: center;
    }

        .screen3-skin8 .header-right .logo img {
            max-height: 120px;
        }

    .screen3-skin8 .tanda-circle {
        color: white;
        text-align: center;
        width: 100%;
        height: 35px;
        position: relative;
        z-index: 9999;
        -webkit-box-shadow: 2px 4px 2px 1px rgba(158,155,158,1);
        -moz-box-shadow: 2px 4px 2px 1px rgba(158,155,158,1);
        box-shadow: 2px 4px 2px 1px rgba(158,155,158,1);
        font-size: 22px;
        border-radius: 5px 5px;
        background: #001F2C;
        font-weight: 500;
    }

.margin-bottom-10 {
    margin-bottom: 10px;
}
.margin-bottom-20 {
    margin-bottom: 10px;
}
.padding-right-5 {
    padding-right: 5px;
}

.cardlot {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.6rem 0;
}

    .cardlot .hour-topright {
        color: white;
        background: #008C69;
        position: absolute;
        right: 0;
        padding: 0 10px;
    }

    .cardlot .logo {
        padding: 10px 0px 10px 40px;
    }

        .cardlot .logo img {
            max-height: 80px;
        }

.cardlot-green {
    background: #64FFD9;
}

.cardlot .bolas {
    text-align: center;
}

.cardlot .bola-sm {
    width: 60px;
    height: 60px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #008C69;
    margin: 0 5px;
    box-shadow: 0px 4px 4px grey;
}

.cardlot .number-sm {
    font-size: 30px;
    line-height: 55px;
    color: white;
}

.cardlot .date {
    height: 30px;
    background: #008C69;
    margin-top: 10px;
    text-align: center;
    border-radius: 0 0 0.6rem 0;
    border-right: 1px solid rgba(0, 0, 0, 0.125);
    border-left: 1px solid rgba(0, 0, 0, 0.125);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

    .cardlot .date .text {
        font-size: 16px;
        color: white;
    }

/*cardwhite-lg*/
.cardwhite-lg {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: none;
}

    .cardwhite-lg .logo {
        padding: 10px;
        text-align: center;
    }

        .cardwhite-lg .logo img {
            max-height: 100px;
            width: auto;
            max-width: 100%;
        }


    .cardwhite-lg .bolas {
        text-align: center;
    }

    .cardwhite-lg .bola-md {
        width: 75px;
        height: 75px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        margin: 0 5px;
    }

    .cardwhite-lg .bola-lg {
        width: 65px;
        height: 65px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        margin: 0 5px;
    }
    .cardwhite-lg .bola-uno {
        background: rgb(2,0,36);
        background: linear-gradient(90deg, rgba(0,212,255,1) 0%, rgba(5,108,187,1) 100%, rgba(9,9,121,1) 100%, rgba(2,0,36,1) 100%);
    }
    .cardwhite-lg .bola-dos {
        background: rgb(2,0,36);
        background: radial-gradient(circle, rgba(255,154,19,1) 0%, rgba(255,154,19,0.7371323529411764) 98%, rgba(255,153,19,0.7483368347338936) 100%);       
    }


    .cardwhite-lg .number-lg {
        font-size: 40px;
        line-height: 65px;
        color: black;
        font-weight: 500;
    }

    .cardwhite-lg .date {
        margin-top: 10px;
        text-align: center;
    }

        .cardwhite-lg .date .date-text {
            font-size: 18px;
            color: grey;
        }

        .cardwhite-lg .date .hour-text {
            background: #FF5A0D;
            font-size: 18px;
            color: #353535;
            height: 28px;
            font-weight: bold;
            display: inline-block;
            padding: 0px 10px;
        }

.cardgrey {
    filter: grayscale(1);
}

    .cardgrey .date .hour-text {
        background: grey !important;
    }
/*fin cardwhite-lg*/
/*cardwhite-md*/
.cardwhite-md {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: none;
}

    .cardwhite-md .logo {
        padding: 10px;
        text-align: center;
        height:100px;
    }

        .cardwhite-md .logo img {
            max-height: 100px;
            width: auto;
            max-width: 100%;
        }


    .cardwhite-md .bolas {
        text-align: center;
    }

    .cardwhite-md .bola-md {
        width: 75px;
        height: 75px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        margin: 0 5px;
    }

    .cardwhite-md .bola-lg {
        width: 42px;
        height: 42px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        margin: 0 5px;
    }

    .cardwhite-md .bola-uno {
        background: rgb(2,0,36);
        background: linear-gradient(90deg, rgba(0,212,255,1) 0%, rgba(5,108,187,1) 100%, rgba(9,9,121,1) 100%, rgba(2,0,36,1) 100%);
    }

    .cardwhite-md .bola-dos {
        background: rgb(2,0,36);
        background: radial-gradient(circle, rgba(255,154,19,1) 0%, rgba(255,154,19,0.7371323529411764) 98%, rgba(255,153,19,0.7483368347338936) 100%);
        
    }

    .cardwhite-md .number-lg {
        font-size: 22px;
        line-height: 40px;
        color: white;
        font-weight: 500;
    }

    .cardwhite-md .date {
        margin-top: 10px;
        text-align: center;
    }

        .cardwhite-md .date .date-text {
            font-size: 18px;
            color: grey;
        }

        .cardwhite-md .date .hour-text {
            background: #FF5A0D;
            font-size: 16px;
            color: white;
            height: 28px;
            font-weight: bold;
            display: inline-block;
            padding: 0px 10px;
        }

.cardgrey {
    filter: grayscale(1);
}

    .cardgrey .date .hour-text {
        background: grey !important;
    }
/*fin cardwhite-md*/
/*marquee*/
.marquee-ltone {
    width: 100%;
    height: 46px;
    position: fixed;
    bottom: 0;
}

    .marquee-ltone marquee {
        padding: 0px !important;
        font-size: 30px;
        color: white;
    }

    .marquee-ltone .c-1 {
        width: 5%;
        height: 100%;
        float: left;
        background: #4165AF;
        position: relative;
    }

    .marquee-ltone .c-2 {
        width: 70%;
        display: inline-block;
        padding: 0px 20px;
        height: 100%;
    }

    .marquee-ltone .c-3 {
        width: 20%;
        height: 100%;
        float: right;
        background: #2C307A;
        color: white;
        font-size: 24px;
        text-align: center;
        line-height: 45px;
    }

    .marquee-ltone .c-4 {
        width: 5%;
        height: 100%;
        float: right;
        background: #2C307A;
        position: relative;
    }


/*fin marquee*/
.bg-header {
    background-image: url('img/header-bg.png');
    background-repeat: no-repeat;
    overflow: hidden;
    background-size: cover;
}

.lineas .linea1 {
    height: 10px;
    background: #ACAEAD;
}

.lineas .linea2 {
    height: 40px;
}

.bg-sq-gradient-blue {
    background: rgba(65,101,175,1);
    background: -moz-linear-gradient(left, rgba(65,101,175,1) 0%, rgba(44,48,122,1) 22%, rgba(44,48,122,1) 39%, rgba(49,84,153,1) 54%, rgba(44,48,122,1) 65%, rgba(44,48,122,1) 80%, rgba(65,101,175,1) 88%, rgba(44,48,122,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(65,101,175,1)), color-stop(22%, rgba(44,48,122,1)), color-stop(39%, rgba(44,48,122,1)), color-stop(54%, rgba(49,84,153,1)), color-stop(65%, rgba(44,48,122,1)), color-stop(80%, rgba(44,48,122,1)), color-stop(88%, rgba(65,101,175,1)), color-stop(100%, rgba(44,48,122,1)));
    background: -webkit-linear-gradient(left, rgba(65,101,175,1) 0%, rgba(44,48,122,1) 22%, rgba(44,48,122,1) 39%, rgba(49,84,153,1) 54%, rgba(44,48,122,1) 65%, rgba(44,48,122,1) 80%, rgba(65,101,175,1) 88%, rgba(44,48,122,1) 100%);
    background: -o-linear-gradient(left, rgba(65,101,175,1) 0%, rgba(44,48,122,1) 22%, rgba(44,48,122,1) 39%, rgba(49,84,153,1) 54%, rgba(44,48,122,1) 65%, rgba(44,48,122,1) 80%, rgba(65,101,175,1) 88%, rgba(44,48,122,1) 100%);
    background: -ms-linear-gradient(left, rgba(65,101,175,1) 0%, rgba(44,48,122,1) 22%, rgba(44,48,122,1) 39%, rgba(49,84,153,1) 54%, rgba(44,48,122,1) 65%, rgba(44,48,122,1) 80%, rgba(65,101,175,1) 88%, rgba(44,48,122,1) 100%);
    background: linear-gradient(to right, rgba(65,101,175,1) 0%, rgba(44,48,122,1) 22%, rgba(44,48,122,1) 39%, rgba(49,84,153,1) 54%, rgba(44,48,122,1) 65%, rgba(44,48,122,1) 80%, rgba(65,101,175,1) 88%, rgba(44,48,122,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4165af', endColorstr='#2c307a', GradientType=1 );
}

.lineas .dt {
    color: white;
    text-align: right;
    padding-right: 20px;
    line-height: 40px;
}

.lineas .linea3 {
    height: 10px;
    background: #ED4225;
}



/*Media loteria*/
/*No aplica para mobil*/
/*Css personalizado mobile 600x800px ** Loteria*/
@media only screen and (min-width: 600px) and (max-width: 800px) {
     
}

@media only screen and (min-width: 600px) and (max-width: 800px) and (orientation: landscape) {
}

/*Css personalizado mobile 8001x1024px ** Loteria*/
@media only screen and (min-width: 801px) and (max-width: 1024px) {
    
}

@media only screen and (min-width: 801px) and (max-width: 1024px) and (orientation: landscape) {
}

/*Css personalizado mobile 8001x1024px ** Loteria*/
@media only screen and (min-width: 1025px) and (max-width: 1496px) {
     
}