/* -- custom -- */

    body {
        font-family: 'Open Sans', sans-serif;
    }

    h2 {
        font-family: 'Passion One', cursive;
        font-size: 50px;
    }

    body.megasena  { background-color:#e8f6f1; }
    body.lotofacil { background-color:#ffedf5; }

     body .navbar  {
         box-shadow:none;
         -webkit-box-shadow:none;
         border-radius:0px;
         -webkit-border-radius:0px;
     }
        body.megasena .navbar {
            color: #fff;
            background: #41b792;
            border-color: #41b792;
        }
        body.lotofacil .navbar {
            color: #fff;
            background: #b74195;
            border-color: #b74195;
        }
            body.megasena  .navbar a,
            body.lotofacil .navbar a {
                color: #fff;
            }

    ul.navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        display: flex;
        flex-direction: row;
    }   
    
    .navbar.navbar-dark .breadcrumb a, .navbar.navbar-dark .navbar-nav .nav-item a {
        padding-right: .5rem;
        padding-left: .5rem;
    }         

        .page-title {
            padding-top: 30px;
        }
    
        .page-title h1 {
            font-size:20px;
        }

            .megasena .page-title {
                background-color:#019f6e; color:#fff; 
            }
            .lotofacil .page-title {
                background-color:#9f0172; color:#fff; 
            }
        

        .triangle-down { box-sizing: content-box; width: 50%; height: 0; padding-left: 50%; padding-top: 5%; overflow: hidden; margin-bottom:30px; }
            .triangle-down div { width: 0; height: 0; margin-left: -1000px; margin-top: -100px; border-left: 1000px solid transparent; border-right: 1000px solid transparent; border-top: 100px solid; }
            .triangle-down.megasena  div { border-top-color: #019f6e; }
            .triangle-down.lotofacil div { border-top-color: #9f0172; }

            .triangle-down.triangle-white div { border-top-color: #fff; }

        .section { font-size:18px; }
            .section .section-content { padding-bottom:50px;}
                .section .section-content label { font-size:1.2rem; }
                .section .section-content label { font-weight:normal; }

            .section.header { color:#fff; }
                .section.header.megasena a,
                .section.header.lotofacil a { color:#fff; }
                .section.header.megasena  input[type='text'],
                .section.header.lotofacil input[type='text'] { color:#fff; border-bottom-color:#fff; }
                .section.header.megasena  .form-control:focus { border-color: #9fdbc9; }
                .section.header.lotofacil .form-control:focus { border-color: #9f0172; }
                .section.header.megasena  .section-content { background-color:#019f6e; }
                .section.header.lotofacil .section-content { background-color:#9f0172; }


                .section.header h3.tipo-jogo-nome { padding-top:25px; padding-bottom:25px; font-weight:bolder; }

    .btn-lotofacil {
            background-color: #780944;
            color: #fff;
            text-transform: uppercase;
        }

    /*-- */
        .box-shadow {
            margin-bottom:50px;
        }
        .box-shadow .box-shadow-content {
            width: auto;
            display: inline-block;
            /*float: left;*/
            padding: 1em 2em;
            color: #000;
            background: #fff;
            position: relative;
            box-shadow: 10px 10px 0 rgba(255,255,255,.5), 20px 20px 0 rgba(255,255,255,.25);/*, 30px 30px 0 rgba(255,255,255,.15);*/
        }
        .box-shadow .box-shadow-content.box-white {
            background: #fff;
            box-shadow: 10px 10px 0 rgba(255,255,255,.5), 20px 20px 0 rgba(255,255,255,.25); /*, 30px 30px 0 rgba(255,255,255,.15);*/
        }
            .megasena .box-shadow .box-shadow-content.box-white {
                color: #03583e;
            }
            .lotofacil .box-shadow .box-shadow-content.box-white {
                color: #673d5b;
            }

        .box-shadow .box-shadow-content.box-green {
            color: #fff;
            background: #019f6e;
            box-shadow: 10px 10px 0 rgba(1,159,110,.5), 20px 20px 0 rgba(1,159,110,.25); /*, 30px 30px 0 rgba(1,159,110,.15);*/
        }

    
        /* .btn-white */
        .btn-white { color: #03583e !important; background-color: #fff !important; border-color: #fff; }
            .btn-white:hover { color: #03583e !important; background-color: #d2eee5; border-color: #d2eee5; }
            .btn-white:focus, .btn-white.focus {
                -webkit-box-shadow: 0 0 0 2px rgba(210, 238, 229, 0.5);
                box-shadow: 0 0 0 2px rgba(210, 238, 229, 0.5);
            }
            .btn-white.disabled, .btn-white:disabled { background-color: #e3e3e3; border-color: #e3e3e3; }
            .btn-white:active, .btn-white.active,
            .show > .btn-white.dropdown-toggle { color: #03583e; background-color: #64c4a6; background-image: none; border-color: #64c4a6; }

            .lotofacil .btn-white { color:#9f0172 !important; }
                .lotofacil .btn-white:hover { color: #9f0172 !important; background-color: #ffedf5 !important; }
                .lotofacil .btn-white:active { color: #fff !important; background-color: #ff98e2 !important; border-color: #ff98e2 !important; }
     
        .btn-circle {
            width: 30px;
            height: 30px;
            text-align: center;
            padding: 6px 0;
            font-size: 12px;
            line-height: 1.428571429;
            border-radius: 15px;
        }

        .btn-circle.btn-lg {
            width: 60px;
            height: 60px;
            padding: 15px 16px;
            font-size: 22px !important;
            line-height: 1.33;
            border-radius: 30px;
        }
        .btn-circle.btn-xl {
          width: 70px;
          height: 70px;
          padding: 10px 16px;
          font-size: 24px;
          line-height: 1.33;
          border-radius: 35px;
        }

        /* .number_container */
        .number_container {
            display:inline-block;
            width:80px;
            height:80px;
            background:#fff;
            border-radius:50%;
            padding-top:24px;
            margin-right:15px;
            margin-bottom:15px;
        }
        .number_container input[type='text'],
        .number_container input[type='number']
            {
            border:none;
            color:#03583e !important;
            font-size: 36px;
            font-weight: bold;
            text-align:center;
            width:60px;
        }


        #vmStatsNumeros { 
            margin-bottom:30px;
        }

        #divInstrucoesNumerosDaSorte { margin-bottom: 30px;}
        #divListaNumerosMaisSorteados { }

        @media(max-width:768px) {
            #divListaNumerosMaisSorteados {                    
            }
        }
        .roundedBarContainer {
            width:100%;
            display:inline-block;
            position:relative;
            margin-bottom:10px;
        }
            .megasena .roundedBarContainer {
                background-color:#9fdbc9;
            }
            .lotofacil .roundedBarContainer {
                background-color:#e2d4da;
            }

            .roundedBarContainer.s50 {
                height:50px;
                border-radius:25px;
            }

            .roundedNumber { 
                display:inline-block;
                background:#fff;
                color:#000;
                font-weight:bold;
                position:absolute;
                top:0px;
                left:0px;
                text-align:center;
                z-index:10;
            }
                body.megasena .roundedNumber {
                    color:#03583e !important;
                }
                body.lotofacil .roundedNumber {
                    color:#750655 !important;
                }

                .roundedNumber.s50 {
                    width:50px;
                    height:50px;
                    border-radius:50%;
                    padding-top:7px;
                    font-size:24px;                
                }            
            
            .roundedBarContainerFill {
                position:absolute;
                top:0px;
                left:0px;
                height:100%;                
            }
                .megasena .roundedBarContainerFill {
                    background-color:#019f6e;
                }
                .lotofacil .roundedBarContainerFill {
                    background-color:#9f0172;
                }
            
            .roundedBarContainerFill.s50 {
                border-radius:25px;
                min-width:50px;
            }
            .roundedBarContainerLabel {
                position:absolute;
                z-index:20;
                color:#fff;
                top:13px;
                left:60px;
            }

            .h3GroupTitles {
                margin-bottom:20px;
                font-size: 1.5rem;
            }
            .hidden {
                display:none;
            }
            .megasena  .number_container .inputNumber { border-bottom:1px solid #019f6e !important; }
            .lotofacil .number_container .inputNumber { border-bottom:1px solid #9f0172 !important; }

            .displayResultadoSimulacao { }
                .displayResultadoSimulacao-body { margin:15px; }

            .acertosItem {
                background:#fff;
                padding:10px;
                margin-bottom:30px;
            }
                .acertosItem h3 {
                    margin-bottom:10px;
                }
                .acertosItem-sorteio {
                    margin-bottom:10px;
                    padding:15px;
                    background-color:#e1f1ec;
                }
                .acertosItem-sorteio-title {
                    margin-bottom:15px;
                }

                .statContainer {
                    font-size:18px;
                }
                    .statContainer strong {
                        font-weight:bolder;
                        font-size:24px;
                    }
                    .statContainer .statItem {
                        padding: 15px;
                        background-color: #ffffff;
                        border-radius: 11px;
                        margin-bottom: 20px;
                    }


    .numeros-cartela-lotofacil {
        margin-bottom:30px;
    }
        .numeros-cartela-lotofacil .btn-circle.active{
            background-color: #b74195 !important;
            color: #fff !important;
            box-shadow: inset 6px 1px 7px -1px rgba(0, 0, 0, 0.33), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        }

    .my-progress-bar {
        display:flex;
        justify-content:center;
    }
    .my-progress-bar-item {
        height:5px; 
        width:15px;
        border:1px dashed #fffb85;
        margin-right:5px;
    }
        .my-progress-bar-item.filled { background-color:#fffb85; }
        .my-progress-bar-item.required { border-style:solid; border-color:#7fffd4; }
        .my-progress-bar-item.required.filled { background-color:#0db97f; border-color:#7fffd4; }


    .ad-container { display:flex; align-items:center; justify-content:center; max-width:1024px; margin:0px auto; }
        .ad-container-body { width:100%; margin-right:15px; margin-left:15px; }

    
       
        @media(min-width:1024px) {
            .quadro-enquete-corpo { min-width:990px; }
        }
        @media(max-width:1024px) {
            .quadro-enquete-corpo { min-width:100%; }
        }
    
    .quadro-enquete {
        color:#808080; 
        text-align:center;
    }
        .quadro-enquete-corpo {
            background:#fff; border-radius:25px;
            padding:30px;
        }
            .quadro-enquete-corpo.enquete-2-botoes {
                text-align:center; 
                display:inline-block;
            }
            .quadro-enquete-corpo .titulo-quadro {
                margin-bottom:20px;
            }
            .quadro-enquete-corpo .pergunta-enquete {
                margin-bottom:20px;
            }
                .quadro-enquete-corpo.enquete-2-botoes .enquete-botao {
                    display:inline-block;
                }

                .opcao-enquete {
                    margin-bottom:15px;
                }
                .opcao-enquete .opcao-texto-container  {
                    margin-bottom:5px;
                }
                .quadro-resultado-enquete .pergunta-enquete {
                    margin-bottom:5px;
                }
                .opcao-barra {
                    height:30px; background-color:#45526e;
                }
/* -- custom -- */