/* body {
            color: black;
            font-family: 'Open Sans', sans-serif;
        } */

    body {
        overflow-x: hidden !important;
    }

    html,
    body {
        height: 100%;
    }

    ::-webkit-scrollbar-track {
        width: 200px;
        height: 6px;
        background: #ffffff;
    }

    ::-webkit-scrollbar {
        height: 6px;
        background: #ffffff;
    }

    ::-webkit-scrollbar-thumb {
        height: 6px;
        width: 100px;
        background-color: #00FF03;
    }

    select {
        font-weight: 300;
    }

    select:focus {
        box-shadow: 0 0 0 0;
        border: 0 none;
        outline: 0;
        border: 0px solid white !important
    }

    select.btnCadastrar>option:hover {
        box-shadow: 0 0 10px 100px #00FF03 inset !important;
        border-radius: 8px;
        background: #00FF03 !important;
    }

    .input-field select>option:hover {
        background: #00FF03 !important;
    }

    .input-field select option:checked,
    .input-field select option:hover {
        background: #00FF03 !important;
        box-shadow: 0 0 10px 100px #000 inset;
    }

    option[value=""][disabled] {
        display: none;
    }

    option:hover {
        background-color: yellow !important;
    }

    td,
    th {
        padding-bottom: 2px;
        padding-top: 2px
    }

    tr {
        border-color: white;
        font-weight: bold
    }

    .nfooter img {
        display: inline-block;
        margin: 10px;
        width: 35%
    }

    .modalLogin {
        padding: 0;
    }

    .modalLogin label {
        font-weight: bold
    }

    input:not([type]),
    input[type=text]:not(.browser-default),
    input[type=password]:not(.browser-default),
    input[type=email]:not(.browser-default),
    input[type=url]:not(.browser-default),
    input[type=time]:not(.browser-default),
    input[type=date]:not(.browser-default),
    input[type=datetime]:not(.browser-default),
    input[type=datetime-local]:not(.browser-default),
    input[type=tel]:not(.browser-default),
    input[type=number]:not(.browser-default),
    input[type=search]:not(.browser-default),
    textarea.materialize-textarea {
        padding: 0 5px;
        background-color: #FFF !important;
        border-radius: 5px;
        height: 38px;
        margin: 10px;
    }

    /* label color */

    .input-field label {
        top: 6px;
        left: 1rem !important;
        font-size: 16px;
    }

    .sombraSwal {
        -webkit-box-shadow: 0px 0px 20px 4px rgba(255, 255, 255, 0.29);
        box-shadow: 0px 0px 20px 4px rgba(255, 255, 255, 0.29);
    }

    /* label focus color */

    .input-field input[type=text]:focus+label,
    .input-field input[type=password]:focus+label {
        color: rgb(255, 255, 255) !important;
    }

    /* label underline focus color */

    .input-field input[type=text]:focus,
    .input-field input[type=password]:focus {
        border-bottom: 1px solid #000 !important;
        box-shadow: 0 1px 0 0 #000 !important;
    }

    /* valid color */

    .input-field input[type=text].valid,
    .input-field input[type=password].valid {
        border-bottom: 2px solid #00FF03 !important;
        box-shadow: 0 1px 0 0 #00FF03 !important;
    }

    /* invalid color */

    .input-field input[type=text].invalid,
    .input-field input[type=password].invalid {
        border-bottom: 2px solid #fd0000 !important;
        box-shadow: 0 1px 0 0 #ff0000 !important;
    }

    /* icon prefix focus color */

    .input-field .prefix.active {
        color: #00FF03 !important;
    }

    .buttonLogin {
        color: #000 !important;
        margin-bottom: 20px;
    }

    .swal2-close {
        z-index: 999999
    }

    .loginFive,
    .textPiscante {
        color: #ff7f00;
        /* animation-duration: 1s; */
        animation-name: loginFive;
        animation-iteration-count: infinite;
        animation-direction: alternate;
        animation-timing-function: ease-in-out
    }

    @keyframes loginFive {
        from {
            opacity: 1;
        }

        to {
            opacity: 0.3;
        }
    }

    /* #certificados [alt="blindado"] */

    .nav>a>h1>img[alt=resultados] {
        animation-duration: 1s;
        animation-name: loginFive;
        animation-iteration-count: infinite;
        animation-direction: alternate;
        animation-timing-function: ease-in-out
    }

    .loginBets {
        font-weight: bold;
        font-style: italic;
        color: white;
    }

    .btnLogin {
        /* 
                                color: #000000;
                                padding: 0 20px;
                                height: 100%;
                                justify-content: center;
                                justify-items: center; */
        color: #000000;
        font-weight: 700;
        font-size: 16pt;
        border-radius: 15px;
        background-color: #00FF03;
        width: 120px;
        height: 30px;
        text-align: center;
        float: left;
        top: 50%;
        position: relative;
        border: 0px;
        /* flex para alinhar conteúdo*/
        display: flex;
        justify-content: center;
        align-items: center;
        /* margin: auto;
                                width: 100%;
                                border: 3px solid green;
                                padding: 20px; */
    }

    .btnLogin:hover {
        background-color: #00FF03;
        /* opacity: 0.9; */
        -webkit-box-shadow: 0px 0px 9px 1px #00FF03;
        box-shadow: 0px 0px 9px 1px #00FF03;
    }

    input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset !important;
        -webkit-text-fill-color: #4D90FE !important;
    }

    .btnBefore {
        width: 40px;
        border-radius: 10px;
        padding: 0;
        position: relative;
        right: 20%;
        background-color: rgb(27, 26, 26);
    }

    .btnBefore:hover {
        background-color: #00FF03;
        color: black;
    }

    .btnBefore>i:active {
        font-size: 12px;
    }

    .btnAfter {
        width: 40px;
        border-radius: 10px;
        padding: 0;
        position: relative;
        left: 20%;
        background-color: rgb(27, 26, 26);
    }

    .btnAfter:hover {
        background-color: #00FF03;
        color: black;
    }

    .btnAfter>i:active {
        font-size: 12px;
    }

    .tableBlack>tbody>tr,
    .tableBlack>thead>tr {
        border: 0px;
    }

    .tableBlack {
        width: 100%;
        /* background-color: #282828; */
        border-radius: 10px;
        padding-top: 10px;
    }

    .lotteryBtn {
        padding: 10px 20px 10px 20px;
        /* background-color: #282828; */
        color: rgb(190, 186, 186);
        /* border: 2px solid white; */
        font-weight: bold;
        border-radius: 5px;
    }

    .lotteryBtn:hover {
        cursor: pointer;
        opacity: 0.8;
        /* background-color: white; */
        /* border-color: #cfcfcf; */
        color: rgb(255, 255, 255);
    }

    .lotteryBtn.selected {
        /* background-color: #2AB7A9; */
        color: white;
    }

    /* .lotteryBtn.selected.hr {
                                color: #12A1A6;
                                background-color: #12A1A6;
                                margin-top: 0px;
                                margin-bottom: 0px;
                                height: 4px;
                                width: 300px;
                                margin-left: 0px;
                                border-top-width: 0px;
                            } */
    /* .swal2-close {
                                background-color: #ff7f00 
                            }
                            .swal2-close:hover {
                                background-color: #ff9000; 
                                color:white
                            } */

    .capa {
        /* The image used */
        background-image: url('../../../bets/img/ganhe10reais.png');
        position: fixed;
        /* Full height */
        /* Center and scale the image nicely */
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #000000;
    }

    #header {
        /* height: 100vh; */
        overflow-y: hidden;
        display: flex;
        flex-direction: column;
        background-color: #000;
    }

    #fundo-externo {
        overflow: hidden;
        /* para que não tenha rolagem se a imagem de fundo for maior que a tela */
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        /* position: absolute; */
        /* criamos um contexto para posicionamento */
    }

    #fundo {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: -webkit-center;
        /* padding-top: 20px; */
        background-color: #000000;
        /* position: absolute; */
        /* posição fixa para que a possível rolagem da tela não revele espaços em branco */
        width: 100%;
        /* height: 100vh; */
        /* height: 120% !important; */
    }

    #fundo img {
        /* margin-top: 20px; */
        width: 100%;
        /* com isso imagem ocupará toda a largura da tela. Se colocarmos height: 100% também, a imagem irá distorcer */
        position: relative;
    }

    img[alt=banner-principal] {
        display: flex;
        content: url('../../bets/img2020/ganhe50.png');
        width: 100%;
        margin: auto;
        object-fit: contain;
        max-height: -webkit-fill-available;
    }

    .resultados {
        border-radius: 20px;
        width: 100%;
        height: 65px;
        display: flex;
        /* flex-direction: row; */
        /* justify-content: space-around; */
        /* overflow: auto; */
        /* white-space: nowrap; */
        align-items: center;
        background-color: black;
    }

    .resultados>ul>li>a {
        cursor: pointer;
    }

    .resultados>ul {
        display: flex;
        margin: auto;
        padding: 0px 60px 0px 60px;
        justify-content: center;
        justify-content: space-between;
    }

    .resultados li {
        flex: 1;
        align-self: center;
    }

    .resultados li a {
        font-family: "Open Sans", sans-serif;
        font-weight: 700;
        color: rgb(151, 151, 151);
        text-transform: uppercase;
        font-size: 24px;
        padding: 5px 0;
        margin-bottom: 15px;
        position: relative;
        text-decoration: none;
    }

    .resultados li a:before {
        background: #00FF03;
        height: 3px;
        width: 100%;
        bottom: 4px;
        left: 0;
        content: "";
        position: absolute;
        width: 100%;
        visibility: hidden;
        opacity: 0;
        border-radius: 20px;
    }

    .resultados>ul>li a:hover,
    .resultados>ul>li a:focus {
        background: transparent;
        /* outline: none; */
        color: #00FF03;
        font-size: 35px;
    }

    .resultados .active a {
        color: #FFFFFF;
        font-size: 35px;
    }

    .resultados li.active a::before,
    .resultados>ul>li a:hover:before,
    .resultados li:focus a::before {
        visibility: visible;
        opacity: 1;
    }

    .resultados img:hover {
        height: 32px;
        width: auto;
    }

    .gif {
        /* height: 100px; */
        width: 600px;
        -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0)));
    }

    .logo {
        position: absolute;
        width: 30%;
    }

    .loader {
        background-color: black;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100vh;
        flex-direction: column;
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background-color: #000000;
        /* background: url('../../../bets/img/leao.gif') 50% 50% no-repeat black; */
    }

    .progress {
        height: 2px;
        width: 200px;
        background-color: #1d1c1c;
        position: relative;
    }

    .progress .progress-bar {
        position: absolute;
        height: 100%;
        background-color: #00FF03;
        animation: progress-animation 3s;
    }

    @keyframes progress-animation {
        0% {
            width: 0%;
        }

        100% {
            width: 100%;
        }
    }

    .child {
        flex: 1 0 33.33%;
        /* explanation below */
        margin: 0px;
        background-color: blue;
    }

    hr {
        margin: auto;
        border: 0px;
        height: 2.5px;
        border-radius: 20px;
        color: #00FF03;
        background-color: #00FF03;
        width: 300px;
        border-top-width: 0px;
    }

    .umaosete {
        background-color: #000000;
        width: 240px;
        /* height: 0%; */
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        text-align: center;
        vertical-align: middle;
        border-radius: 0px 0px 20px 20px;
    }

    .umaosete>ul>li>span {
        font-size: 20px;
        font-weight: 600;
    }

    .umaosete>ul {
        width: 100%;
        flex-wrap: wrap;
        margin-left: 20px;
        margin: 5px 20px 20px 20px;
    }

    .umaosete>ul>li {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .umaosete>ul>hr {
        width: 100%;
    }

    .parallax {
        /* The image used */
        background-image: url("../../../bets/img2020/leao_fundo.png");
        padding-bottom: 100px;
        margin-bottom: 0px;
        /* Create the parallax scrolling effect */
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        /* opacity: 0.5; */
    }

    .footer {
        background-image: url('../../../bets/img2020/footer-bg.png');
        /* background-attachment: fixed; */
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #000000;
    }

    .social {
        width: 40px;
        height: 40px;
        margin: 5px;
        border: 2px solid white;
        border-radius: 100%;
        background-color: transparent;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        font-size: 20px;
    }

    .social:hover {
        border-color: #00FF03;
        -webkit-box-shadow: 0px 0px 9px 1px #00FF03;
        box-shadow: 0px 0px 9px 1px #00FF03;
    }

    .quadros {
        display: flex;
        /* justify-content: space-between; */
        height: 100%;
        overflow-x: auto;
        cursor: grab;
        /* justify-content: center; */
    }

    #certificados {
        text-align: center;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    /* #fundo>img {
        background-image: url('../../../bets/img/ganhe10reais.png');
    } */

    .texto-desliza {
        animation-duration: 2s;
        animation-name: slidein;
        margin-left: 0%;
    }

    .texto-desliza>p {
        /* font-size: 20px; */
        font-weight: 650;
        position: absolute;
        z-index: 999;
        /* height: 100vh; */
    }

    @keyframes slidein {
        from {
            margin-left: 100%;
            width: 90%
        }

        to {
            margin-left: 0%;
            width: 100%;
        }
    }

    .btn-login2 {
        color: #FFF;
        min-width: 100px;
        line-height: 1.43;
        background: transparent;
        font-size: 18px;
        border-radius: 20px;
        border: 1px solid #FFF;
        padding: 0px 10px;
        line-height: 2;
        display: inline-flex;
        margin: 0 5px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .btn-login2:focus,
    .btn-login2:active {
        background-color: #00FF03;
    }

    .btn-login2:hover {
        animation-duration: 1.2s;
        animation-name: btnl;
        animation-fill-mode: forwards;
    }

    @keyframes btnl {
        0% {
            /* border-color: #00FF03; */
            border-bottom: 1px solid #00FF03;
            -webkit-box-shadow: 0px 7px 9px -3px #00FF03;
            box-shadow: 0px 7px 9px -3px #00FF03;
            /* -webkit-box-shadow: 0px 2px 2px 0px #00FF03;
               
                box-shadow: 0px 2px 2px 0px #00FF03; */
        }

        25% {
            border-right: 1px solid #00FF03;
            -webkit-box-shadow: 0px 7px 9px -3px #00FF03, 7px -2px 9px -3px #00FF03;
            box-shadow: 0px 7px 9px -3px #00FF03, 7px -2px 9px -3px #00FF03
                /* -webkit-box-shadow: 2px 0px 2px 0px #00FF03;
               
                box-shadow: 2px 0px 2px 0px #00FF03; */
        }

        50% {
            border-top: 1px solid #00FF03;
            -webkit-box-shadow: 0px 7px 9px -3px #00FF03, 7px -2px 9px -3px #00FF03, -4px -5px 9px -5px #00FF03;
            box-shadow: 0px 7px 9px -3px #00FF03, 7px -2px 9px -3px #00FF03, -4px -5px 9px -5px #00FF03;
            /* -webkit-box-shadow: 0px -2px 2px 0px #00FF03;
                -moz-box-shadow: 0px -2px 2px 0px #00FF03;
                box-shadow: 0px -2px 2px 0px #00FF03; */
        }

        75% {
            border-left: 1px solid #00FF03;
            -webkit-box-shadow: 0px 7px 9px -3px #00FF03, 7px -2px 9px -3px #00FF03, -4px -5px 9px -5px #00FF03, -7px 3px 9px -3px #00FF03;
            box-shadow: 0px 7px 9px -3px #00FF03, 7px -2px 9px -3px #00FF03, -4px -5px 9px -5px #00FF03, -7px 3px 9px -3px #00FF03;
        }

        100% {
            border: 1px solid #00FF03;
            -webkit-box-shadow: 0px 0px 9px 1px #00FF03;
            box-shadow: 0px 0px 9px 1px #00FF03;
        }
    }

    .btnRegister {
        min-width: 130px;
        background: #00FF03;
        font-size: 18px;
        border-radius: 20px;
        border: 0;
        color: #000;
        font-weight: 500;
        padding: 5px 10px;
        line-height: 1.5;
        white-space: nowrap;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .btnRegister:focus {
        background-color: #00FF03;
    }

    .btnLogin {
        /* 
                                color: #000000;
                                padding: 0 20px;
                                height: 100%;
                                justify-content: center;
                                justify-items: center; */
        color: #000000;
        font-weight: 700;
        font-size: 16pt;
        border-radius: 15px;
        background-color: #00FF03;
        width: 120px;
        height: 30px;
        text-align: center;
        float: left;
        top: 50%;
        position: relative;
        border: 0px;
        /* flex para alinhar conteúdo*/
        display: flex;
        justify-content: center;
        align-items: center;
        /* margin: auto;
                                width: 100%;
                                border: 3px solid green;
                                padding: 20px; */
    }

    .btnRegister:hover {
        background-color: #00FF03;
        /* opacity: 0.9; */
        -webkit-box-shadow: 0px 0px 9px 1px #00FF03;
        box-shadow: 0px 0px 9px 1px #00FF03;
    }

    /* Smaller than standard 960 (devices and browsers) */

    .example-text {
        cursor: pointer;
        height: 20px;
        position: absolute;
        right: 15px;
        top: 18px;
        color: #545454;
        background-color: #00FF03;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        font-weight: bold
    }

    .input-register {
        padding-right: 35px !important;
    }

    @keyframes go-back {
        from {
            transform: translateX(-30%);
        }

        to {
            transform: translateX(30%);
        }
    }

    .dragToSide {
        background-image: url(/assets/img/swipe.svg);
        background-size: contain;
        background-repeat: no-repeat;
        width: 100%;
        background-position: center;
        height: 30px;
        margin: 20px auto;
        animation: go-back 2.2s infinite alternate;
        transition: visibility 0s, opacity 0.5s linear;
    }

    @media only screen and (max-width: 959px) {
        .btn-login2 {
            min-width: 40px;
            line-height: 1.43;
            background: transparent;
            font-size: 12px !important;
            border-radius: 20px;
            border: 1px solid #00FF03;
            padding: 2px 10px;
            line-height: 1.6;
            display: inline-flex;
            margin: 0 5px;
        }

        .btnRegister {
            min-width: 40px;
            background: #00FF03;
            font-size: 12px !important;
            border-radius: 20px;
            border: 0;
            color: #000 !important;
            font-weight: 500;
            padding: 2px 10px;
            line-height: 1.6;
            display: inline-flex;
            white-space: nowrap;
        }

        #fundo {
            height: 100%;
            margin: 0 !important;
            width: auto;
        }

        .brand-logo>h5 {
            font-size: 12px;
        }

        .brand-logo>img {
            height: 15px !important;
            padding-bottom: 0px !important;
        }

        .nav {
            padding: 10px 40px !important;
        }

        /* .nav>div .btnLogin {
                width: 60px;
                height: 16px;
                font-size: 8pt !important;
            } */
        .nav>div>a>h1 {
            font-size: 9pt !important;
            /* margin: 20px 0 0 0 !important */
        }

        .nav>div>a>h1>img {
            margin-top: 2px !important;
            height: 12px;
        }

        .nav>div>div {
            margin: 0 !important;
        }

        .nav>div>img {
            height: 30px;
        }

        #logreg {
            flex-direction: row;
        }

        #logreg>div>label {
            margin-right: 10px;
            width: 100px !important;
            height: 10%;
        }

        .resultados>ul {
            padding: 0px 10px 0px 10px;
        }

        .resultados li a {
            font-family: "Open Sans", sans-serif;
            font-weight: 700;
            color: rgb(151, 151, 151);
            text-transform: uppercase;
            font-size: 17px;
            padding: 5px 0;
            margin-bottom: 15px;
            position: relative;
            text-decoration: none;
            white-space: nowrap;
        }

        .resultados .active a,
        .resultados>ul>li a:hover,
        .resultados>ul>li a:focus {
            background: transparent;
            /* outline: none; */
            color: #FFFFFF;
            font-size: 20px;
        }

        /* .resultados .active a {
                color: #FFFFFF;
                font-size: 20px;
            } */
        .resultados li.active a:before,
        .resultados>ul>li a:hover:before,
        .resultados li:focus a::before {
            visibility: visible;
            opacity: 1;
        }

        .btnBefore {
            background-color: #000000;
            /* color: #00FF03;  */
            right: 20px;
            height: 20px;
            width: 30px;
            padding: 0;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .btnAfter {
            left: 20px;
            height: 20px;
            width: 30px;
            padding: 0;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .cot-full {
            /* height: 100% !important; */
        }

        .quadros {
            width: 100%;
            overflow-y: hidden;
            justify-content: start;
            overflow-x: auto;
            align-items: center;
        }

        .quadros div div.table {
            border: 2px solid black !important;
            border-radius: 20px 20px 0px 0px !important;
        }

        .umaosete {
            /* width: 32vh !important; */
        }

        .umaosete>ul>hr {
            margin: 5px 0 !important
        }

        ::-webkit-scrollbar-track {
            width: 200px;
            height: 4px;
            background: #ffffff;
        }

        ::-webkit-scrollbar {
            height: 4px;
            background: #ffffff;
        }

        ::-webkit-scrollbar-thumb {
            height: 4px;
            width: 100px;
            background-color: #00FF03;
        }

        .nfooter [alt="logo-f"] {
            width: 200px !important;
            height: auto !important;
        }

        #certificados {
            text-align: center;
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 10px;
            position: relative;
        }

        #certificados [alt="blindado"] {
            width: 100px !important;
        }

        .input-field>p {
            font-size: 8pt !important;
        }

        #cot-full,
        #divresultados {
            height: 100vh;
        }

        #cotacao-full {
            padding-top: 0 !important;
        }

        #cot-full>h3 {
            display: none;
        }

        /* .footer {
            height: 100vh;
        } */
    }

    /* Tablet Portrait size to standard 960 (devices and browsers) */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .texto-desliza>p {
            font-size: 50px !important;
        }

        #cotacaoBody>tr>td,
        #cotacaoBody>tr>td>p {
            font-size: 20px !important;
        }

        img[alt=Star] {
            display: block !important;
        }
    }

    @media only screen and (max-width: 900px) and (max-height: 450px) {
        .nav {
            padding-bottom: 0px !important;
        }

        .cot-full {
            height: 100% !important;
        }

        img[alt=mobile],
        img[alt=blindado] {
            height: 90px !important;
            width: auto !important;
        }

        #footer {
            padding: 0 !important;
        }

        .page-footer .footer-copyright {
            min-height: 0 !important;
        }

        #cotacaoBody>tr>td,
        #cotacaoBody>tr>td>p,
        #cotacaoBody>tr>td>hr {
            font-size: 15px !important;
            padding: 0;
            margin: 0;
        }

        #cotacaoBody2>tr>td,
        #cotacaoBody>tr>td {
            height: 35px !important;
        }

        #cotacao2,
        #cotacao {
            padding: 10px !important;
        }

        .tableBlack>thead>tr>th {
            padding: 0 !important;
            font-size: 20px !important;
        }

        .tableBlack>thead>tr>th {
            padding: 5px !important;
        }

        #hrCotacao>hr {
            height: 90% !important;
        }

        #hrCotacao {
            display: flex;
            align-items: center;
            height: 100vh !important;
        }

        /* .umaosete {
            width: 100% !important;
        } */
        .umaosete>ul>li>span {
            font-size: 13px;
            font-weight: 600;
        }

        .umaosete>ul {
            width: 100%;
            flex-wrap: wrap;
            margin-left: 20px;
            margin: 5px 20px 20px 20px;
        }

        .umaosete>ul>hr {
            margin: 0 !important;
            height: 1px !important;
        }

        .table>h6 {
            font-size: 14px !important;
        }

        .table>img {
            height: 40px !important;
        }

        img[alt=logo-quadros] {
            margin: 0 !important;
            height: 25px !important;
        }

        .resultados {
            margin: 0 !important;
            height: 50px !important;
        }

        .quadros {
            height: 68vh !important;
            align-items: none !important;
        }

        #divresultados {
            height: 120vh !important;
        }
    }

    /* All Mobile Sizes (devices and browser) */

    @media only screen and (max-width: 1000px) {
        img[alt=banner-principal] {
            content: url('../../bets/img2020/ganhe50-tablet.png');
            height: inherit;
        }
    }

    @media only screen and (max-width: 767px) {
        .texto-desliza>p {
            font-size: 20% !important;
        }

        img[alt=mobile] {
            width: 3em !important;
            height: auto;
        }
    }

    /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */

    @media only screen and (max-width: 580px) {
        img[alt=banner-principal] {
            content: url('../../bets/img2020/ganhe50-mobile.png');
            width: auto !important;
            height: 100%;
        }
    }

    @media only screen and (max-width: 400px) {
        .resultados {
            margin: 0 !important;
            height: 40px !important;
            /* padding: 2% 0; */
        }

        .resultados>ul>li>a {
            font-size: 1em;
        }

        /* .texto-desliza>p {
            font-size: 30px !important;
        }
        #logo-2020>img {
            width: 8em !important;
            height: auto;
        }
        #mobile>img {
            width: 1em !important;
            height: auto;
        }
        #certificados>img {
            width: 1em !important;
            height: auto;
        }
        img[alt="mobile"] {
            height: 100px !important;
        } */
    }

    /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

    @media only screen and (max-width: 479px) {
        /* .tableBlack>thead>tr>th {
            font-size: 10px !important;
        } */
    }

    /* @media only screen and (max-width: 1150px) {} */

    .naoSelecionavel {
        -webkit-touch-callout: none;
        /* iPhone OS, Safari */
        -webkit-user-select: none;
        /* Chrome, Safari 3 */
        -khtml-user-select: none;
        /* Safari 2 */
        -moz-user-select: none;
        /* Firefox */
        -ms-user-select: none;
        /* IE10+ */
        user-select: none;
        /* Possível implementação no futuro */
        /* cursor: default; */
    }

    /* #cotacaoBody>tr>td {
                                display: flex;
                            } */