/*
GERAIS      GERAIS      GERAIS      GERAIS      GERAIS      GERAIS      GERAIS
GERAIS      GERAIS      GERAIS      GERAIS      GERAIS      GERAIS      GERAIS
GERAIS      GERAIS      GERAIS      GERAIS      GERAIS      GERAIS      GERAIS
*/
body {
    font-family: OpenSans, serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.3em;
    color: #505050;
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: #e9e9e9;
    word-break: break-word;
}

a {
    color: #4040ff;
    text-decoration: none;
}
    a:hover, a:hover > div {
        text-decoration: none;
        opacity: 0.75
    }

.font_numero {
    font-family: RobotoSlab;
}

.font_ultimatum {
	font-family: CCUltimatum;
}

.font_small {
    font-size: 11px;
    line-height: 13px;
}

.font_big {
    font-size: 16px;
    line-height: 18px;
}

.font_tit {
    font-size: 16px;
    line-height: 16px;
    font-family: OpenSansExtraBold;
}

.font_huge {
    font-size: 38px;
    line-height: 42px;
}

.icon_tit {
    font-size: 16px;
    margin-bottom: 4px;
    margin-right: -4px;
}

.js_posicionausuario_btn {
    font-size: 45px;
    position: fixed;
    right: 5px;
    opacity: 0;
    z-index: 900;
}
    .js_posicionausuario_btn:hover {
        opacity: 0.8;
        cursor: pointer;
        color: #000000;
    }
    .js_posicionausuario_btn_celular {
        bottom: 5px;
    }

.js_btn_copy {
    font-size: 18px;
}
    .js_btn_copy:hover {
        cursor: pointer;
    }

.btn_modalfechar {
    position: absolute;
    right: 7px;
    top: 7px;
    font-size: 18px;
    line-height: 18px;
}





/*
GERAIS: BOLAO PREMIADO DIV          BOLAO PREMIADO DIV          BOLAO PREMIADO DIV
GERAIS: BOLAO PREMIADO DIV          BOLAO PREMIADO DIV          BOLAO PREMIADO DIV
GERAIS: BOLAO PREMIADO DIV          BOLAO PREMIADO DIV          BOLAO PREMIADO DIV
*/
.bolaopremiado_img {
    flex: 0 0 100px;
    height: 100px;
    background-color: #004070;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

    .bolaopremiado_img > a > img {
        width: 100px;
        height: 100px
    }

.bolaopremiado_container {
    flex: 1 1 auto;
    height: 100px;
    padding-left: 5px;
    background-color: #004070;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.bolaopremiado_desc {
    display: flex;
    height: 70px;
}

    .bolaopremiado_desc_txt {
        display: flex;
        flex: 1 1 auto;
        flex-direction: column;
        height: 70px;
        justify-content: center;
        align-items: start
    }

    .bolaopremiado_desc_premio {
        display: flex;
        flex-direction: column;
        height: 70px;
        justify-content: center;
        align-items: center;
        text-align: center
    }

    .bolaopremiado_desc_premio_vl {
        font-family: RobotoSlab;
        font-weight: bold;
    }
        @media screen and (max-width: 1199px) {
            .bolaopremiado_desc_premio {
                flex: 0 0 85px;
            }
            .bolaopremiado_desc_premio_vl {
                font-size: 20px;
                line-height: 20px;
            }
        }

        @media screen and (min-width: 1200px) {
            .bolaopremiado_desc_premio {
                flex: 0 0 125px;
            }
            .bolaopremiado_desc_premio_vl {
                font-size: 34px;
                line-height: 34px;
            }
        }

.bolaopremiado_inscrever {
    height: 30px;
    text-align: center;
}





/*
GERAIS: BOLAO LISTA DIV			BOLAO LISTA DIV				BOLAO LISTA DIV				BOLAO LISTA DIV
GERAIS: BOLAO LISTA DIV			BOLAO LISTA DIV				BOLAO LISTA DIV				BOLAO LISTA DIV
GERAIS: BOLAO LISTA DIV			BOLAO LISTA DIV				BOLAO LISTA DIV				BOLAO LISTA DIV
*/
.bolaolista_div {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 0px 8px;
	align-items: center;
}
	@media screen and (max-width: 1199px) {
		.bolaolista_div {
			flex: 0 0 50%;
		}
	}
	@media screen and (min-width: 1200px) {
		.bolaolista_div {
			flex: 0 0 14.25%;
		}
	}

.bolaolista_img {
	width: 100%;
	height: 140px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

	.bolaolista_img img {
		width: 120px !important;
		height: 120px
	}

.bolaolista_img_txtpremio {
	position: absolute;
	right: 3px;
	bottom: 3px;
	font-size: 14px;
	line-height: 14px;
}

.bolaolista_tit {
	display: flex;
	width: 100%;
	height: 55px;
	justify-content: center;
	align-items: center;
	padding: 0px 5px 0px 5px;
	text-align: center;
	font-size: 22px;
	font-family: CCUltimatum;
	line-height: 24px;
	font-weight: bold;
	word-break: break-word;
	color: #ffffff;
}

.bolaolista_desc {
	display: flex;
	width: 100%;
	height: 25px;
	padding: 0px 5px;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-family: OpenSans;
	font-size: 11px;
	line-height: 13px;
	font-weight: normal;
}



/*
GERAIS: CADASTRO FOTO           CADASTRO FOTO           CADASTRO FOTO           CADASTRO FOTO
GERAIS: CADASTRO FOTO           CADASTRO FOTO           CADASTRO FOTO           CADASTRO FOTO
GERAIS: CADASTRO FOTO           CADASTRO FOTO           CADASTRO FOTO           CADASTRO FOTO
*/
.cadastrofoto {
    display: inline-block !important;
    background-color: #d8e0ee;
    color: #75808f;
    font-weight: bold;
    border-radius: 50%;
    text-align: center;
}

.cadastrofoto25 {
    width: 25px !important;
    height: 25px !important;
    position: relative;
    font-size: 9px;
}

.cadastrofoto30 {
    width: 30px !important;
    height: 30px !important;
    position: relative;
    font-size: 12px;
}

.cadastrofoto35 {
    width: 35px !important;
    height: 35px !important;
    position: relative;
    font-size: 14px;
}

.cadastrofoto40 {
    width: 40px !important;
    height: 40px !important;
    position: relative;
    font-size: 16px;
}

.cadastrofoto45 {
    width: 45px !important;
    height: 45px !important;
    position: relative;
    font-size: 18px;
}

.cadastrofoto50 {
    width: 50px !important;
    height: 50px !important;
    position: relative;
    font-size: 20px;
    line-height: 20px;
}

.cadastrofoto60 {
    width: 60px !important;
    height: 60px !important;
    position: relative;
    font-size: 24px;
}

.cadastrofoto70 {
    width: 70px !important;
    height: 70px !important;
    position: relative;
    font-size: 28px;
}


.cadastrofoto80 {
    width: 80px !important;
    height: 80px !important;
    position: relative;
    font-size: 40px;
}

.cadastrofoto90 {
    width: 90px !important;
    height: 90px !important;
    position: relative;
    font-size: 36px;
}

.cadastrofoto100 {
    width: 100px !important;
    height: 100px !important;
    position: relative;
    font-size: 40px;
}

.cadastrofoto110 {
    width: 110px !important;
    height: 110px !important;
    position: relative;
    font-size: 44px;
}

.cadastrofoto120 {
    width: 120px !important;
    height: 120px !important;
    position: relative;
    font-size: 48px;
}

.cadastrofoto170 {
    width: 170px !important;
    height: 170px !important;
    position: relative;
    font-size: 72px;
}

.cadastrofoto200 {
    width: 200px !important;
    height: 200px !important;
    position: relative;
    font-size: 84px;
}

    .cadastrofoto25 span, .cadastrofoto30 span, .cadastrofoto35 span, .cadastrofoto40 span,  .cadastrofoto45 span, .cadastrofoto50 span, .cadastrofoto60 span, .cadastrofoto70 span,
    .cadastrofoto80 span, .cadastrofoto90 span, .cadastrofoto100 span, .cadastrofoto110 span, .cadastrofoto120 span, .cadastrofoto170 span {
        display: block;
        position: absolute;
        width: 100%;
        text-align: center;
        top: 50%;
        transform: translateY(-50%);
    }





/*
GERAIS: CONTAINER       CONTAINER       CONTAINER       CONTAINER       CONTAINER       CONTAINER
GERAIS: CONTAINER       CONTAINER       CONTAINER       CONTAINER       CONTAINER       CONTAINER
GERAIS: CONTAINER       CONTAINER       CONTAINER       CONTAINER       CONTAINER       CONTAINER
*/
.maincontainer_blackbg {
    position: fixed;
    background: url('/asset/img/_black.png') repeat;
    height: 0px;
    width: 0px;
    top: 0px;
    left: 0px;
    opacity: 0;
    z-index: 1039;
}
    .maincontainer_blackbg_aberto {
        height: 100vh;
        width: 100%;
        opacity: 0.85;
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 0px;
    }

.maincontainer {
    min-height: 100vh;
    position: relative;
    padding-bottom: 50px;
}

    .maincontainer_aberto {
        filter: blur(2px);
        -o-filter: blur(2px);
        -ms-filter: blur(2px);
        -moz-filter: blur(2px);
        -webkit-filter: blur(2px);
    }





/*
GERAIS: CORES       CORES       CORES       CORES       CORES       CORES
GERAIS: CORES       CORES       CORES       CORES       CORES       CORES
GERAIS: CORES       CORES       CORES       CORES       CORES       CORES
*/
.bg_azul {
    background-color: #17a2b8;
}

.bg_verde {
    background-color: #06aa50;
}

.bg_branco {
    background-color: #ffffff;
}

.bg_cinza {
    background-color: #a0a0a0;
}

.bg_cinzaclaro {
    background-color: #f0f0f0;
}

.bg_preto {
    background-color: #000000;
}

.bg_verdeescuro {
    background-color: #005000;
}

.bg_vermelho {
    background-color: #cf2535;
}

.bg_ouro {
    background-color: #e0b000;
}

.bg_azulescuro {
    background-color: #052535;
}

.bg_azulmarinho {
	background-color: #004070;
}

.cor_verde {
    color: #06aa50;
}
	.cor_verde:hover {
		color: #06aa50;
	}

.cor_verdeneon {
	color: #35ea80;
}
	.cor_verdeneon:hover {
		color: #35ea80;
	}

.cor_cinza {
    color: #505050;
}
	.cor_cinza:hover {
		color: #505050;
	}

.cor_cinzaclaro {
    color: #b0b0b0;
}
	.cor_cinzaclaro:hover {
		color: #b0b0b0;
	}

.cor_azul {
    color: #17a2b8;
}
    .cor_azul:hover {
        color: #17a2b8;
    }

.cor_branco {
    color: #ffffff;
}
    .cor_branco:hover {
        color: #ffffff;
    }

.cor_ouro {
    color: #e0b000;
}
    .cor_ouro:hover {
        color: #e0b000;
    }

.cor_vermelho {
    color: #cf2535;
}
    .cor_vermelho:hover {
        color: #cf2535;
    }





/*
GERAIS: DIVCARD         DIVCARD         DIVCARD         DIVCARD         DIVCARD
GERAIS: DIVCARD         DIVCARD         DIVCARD         DIVCARD         DIVCARD
GERAIS: DIVCARD         DIVCARD         DIVCARD         DIVCARD         DIVCARD
*/
.divcard {
    background: #ffffff;
    width: 100%;
    border-radius: 7px;
    padding: 10px;
    border-bottom: 3px solid #d0d0d0;
}

    .divcard_noborder {
        border-bottom-width: 0px;
    }

    /*
    .divcardtitle {
        display: flex;
        flex-direction: row;
        align-items: center;
        color: #06aa50;
        margin-bottom: 10px;
    }
        .divcardtitle .fa-stack {
            font-size: 16px
        }
        .divcardtexto {
            flex: 1;
            font-size: 16px;
            font-weight: bold;
            letter-spacing: -0.3px;
            text-align: left;
            color: #06aa50;
        }
    */




/*
GERAIS: FORMULARIOS         GERAIS: FORMULARIOS         GERAIS: FORMULARIOS         GERAIS: FORMULARIOS
*/
input, select, textarea {
    font-size: 14px;
    border-left: 1px solid #f5f5f5;
    border-top: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5;
    border-bottom: 1px solid #c0c0c0;
    color: #505050;
    height: 40px;
    background-color: #f5f5f5;
}

    input:focus, select:focus, textarea:focus {
        background-color: #f5f5f5;
        border: 1px solid #c0c0c0;
        outline: none;
    }

input, textarea {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    padding-left: 5px;
}

select {
    padding-left: 8px;
    padding-right: 3px;
}

textarea {
    padding-top: 5px;
}

.inputtransparente {
    background-color: transparent !important;
    color: inherit !important;
    border: 0px !important;
    padding: 0px !important;
    margin: 0p !important;
    height: auto !important;
}

.inputestilo {
    position: relative;
    display: block;
    margin: 0px 0px 5px px;
    width: 100%;
}
    .inputestilo .icone {
        position: absolute;
        left: 0px;
        font-size: 18px;
        background-color: #b9c0cf;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
        .inputestilo .icone i {
            color: #ffffff;
        }

    .inputestilo input {
        -webkit-appearance: none;
        appearance: none;
        width: 100%;
        font-size: 14px;
        border: 1px solid #e9f0ff;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        padding-left: 45px;
        height: 40px;
        color: #505050;
        background-color: #f9f9f9;
        transition: all 150ms ease;
    }

        .inputestilo input:focus {
            border: 1px solid #b9c0cf;
            outline: none;
        }

.dropverde {
    display: inline-block;
    position: relative;
}
    .dropverde:hover, .dropverdeitens a:hover {
        cursor: pointer;
    }

    .dropverde span {
        color: #06aa50;
        display: block;
        padding: 0px 15px;
        background-color: #ffffff;
        font-weight: bold;
        text-align: center;
    }

        .dropverde span i {
            margin-left: 5px
        }

.dropverdeitens {
    position: absolute;
    width: 100%;
    top: 18px;
    background: #06aa50;
    padding: 0px;
    max-height: 1px;
    overflow-y: auto;
    z-index: 1030;
    transition: all 100ms linear;
    border-top: 1px solid #06aa50;
    border-bottom: 0px solid #06aa50;
}

    .dropverdeitens_aberto {
        max-height: 300px !important;
        border-top: 5px solid #06aa50 !important;
        border-bottom: 5px solid #06aa50 !important;
    }

    .dropverdeitens::-webkit-scrollbar {width: 10px;}
    .dropverdeitens::-webkit-scrollbar-track {background-color: #06aa50; border-radius: 0px}
    .dropverdeitens::-webkit-scrollbar-track-piece {background-color: #06aa50; border-radius: 0px}
    .dropverdeitens::-webkit-scrollbar-thumb {background-color: #40d090; border-radius: 0px}

    .dropverdeitens a {
        display: block;
        color: #ffffff;
        font-size: 13px;
        margin-bottom: 8px;
        padding-top: 8px;
        padding-left: 8px;
        border-top: 1px solid #40d090;
        font-weight: bold;
        text-align: left;
    }

        .dropverdeitens a i {
            margin-right: 5px;
        }

        .dropverdeitens a:nth-of-type(1) {
            border-width: 0px !important;
        }





/*
GERAIS: FOOTER      GERAIS: FOOTER      GERAIS: FOOTER      GERAIS: FOOTER      GERAIS: FOOTER
*/
.div_footer {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 50px;
    padding: 0px
}

.div_footer_claro {
    background-color: #d0d0d0;
}

.div_footer_escuro {
    background-color: #001525;
}

.div_footer_ajuda {
    margin-left: 10px;
    font-size: 11px !important;
    line-height: 11px !important;
}

    .div_footer_ajuda i {
        font-size: 13px !important;
        line-height: 13px !important;
    }

.div_footer_rs {
    margin-right: 5px;
}

    .div_footer_rs a {
        height: 40px;
        margin: 0px 5px;
    }





/*
GERAIS: LOGIN FORM          LOGIN FORM          LOGIN FORM          LOGIN FORM
GERAIS: LOGIN FORM          LOGIN FORM          LOGIN FORM          LOGIN FORM
GERAIS: LOGIN FORM          LOGIN FORM          LOGIN FORM          LOGIN FORM
*/
.login_entrecom {
    display: flex;
    color: #ffffff;
    font-size: 11px;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.login_entrecom::before {
    content: '';
    border-top: 1px solid #b0b0b0;
    margin: 0 10px 0 0;
    flex: 1 0 10px;
}

.login_entrecom:after {
    content: '';
    border-top: 1px solid #b0b0b0;
    margin: 0 0 0 10px;
    flex: 1 0 10px;
}

.login_termos {
    font-size: 10px;
    color: #ffffff;
}

.loginform_imgrs {
    width: 240px;
    height: 34px;
}

.js_loginform_btnvoltar {
    font-size: 30px;
    color: #c0c0c0
}





/*
GERAIS: MODAL_ALERTA            MODAL_ALERTA            MODAL_ALERTA
GERAIS: MODAL_ALERTA            MODAL_ALERTA            MODAL_ALERTA
GERAIS: MODAL_ALERTA            MODAL_ALERTA            MODAL_ALERTA
*/
.modal_fechar {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 24px;
    line-height: 24px;
    color: #000000;
}

    .modal_fechar:hover {
        cursor: pointer;
    }

.modal_icone {
    display: block;
    font-size: 60px;
    margin: 0px auto 20px auto;
}

.modal_subtitulo {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 20px !important;
}

.modal_img {
    display: block;
    margin: 0px auto;
    height: 100px;
}

.modal_img_fa {
    display: block;
    margin: 0px auto -5px 0px;
    font-size: 100px;
    color: #ffffff;
}

.modal_box {
    background-color: #ffffff;
    border-radius: 10px;
    padding: 8px;
    text-align: left;
}

.modal_titulo {
    text-align: center;
    margin-bottom: 10px !important;
    font-family: CCUltimatumHeavy !important;
}

    @media screen and (max-width: 1199px) {
        .modal_titulo {
            font-size: 34px !important;
            line-height:  34px !important;
        }
    }

    @media screen and (min-width: 1200px) {
        .modal_titulo {
            font-size: 44px !important;
            line-height:  44px !important;
        }
    }

.modal_nome {
    width: 150px;
    margin: 0px auto;
    padding: 10px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    border-radius: 10px;
}

.modal_badge {
    display: inline-block;
    padding: 5px;
    margin: 0px 5px;
    border-radius: 5px;
    background-color: #b0b0c0;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
}

.modal_proximo {
    display: none;
    position: absolute;
    bottom: 10px;
    font-size: 22px;
    left: 50%;
    z-index: 1150;
    transform: translateX(-50%);
}

.avisoancora {
    width: 100%;
    position: fixed;
    display: none;
    bottom: 0px;
    color: #ffffff;
    text-align: center;
    z-index: 2000;
}





/*
GERAIS: MENU BOLAO          MENU BOLAO          MENU BOLAO          MENU BOLAO
GERAIS: MENU BOLAO          MENU BOLAO          MENU BOLAO          MENU BOLAO
GERAIS: MENU BOLAO          MENU BOLAO          MENU BOLAO          MENU BOLAO
*/
.menubolao_div {
    position: relative;
    border-bottom: 4px solid #50e0a0;
}

.menubolao_logosite {
    height: 40px;
    margin-top: 5px;
}

.menubolao_usuario {
    position: relative;
    margin-top: 5px;
}

    .menubolao_usuario_seta {
        position: absolute;
        bottom: 0px;
        right: -5px;
        color: #007000
    }

.menubolao_img {
    height: 104px;
    width: 104px;
    background-color: #ffffff;
    margin-right: 5px;
    padding: 2px;
    border-radius: 52px;
}

    .menubolao_img img {
        width: 100px;
        height: 100px;
    }

.menubolao_nome {
    color: #ffffff;
    font-family: CCUltimatumHeavy;
    letter-spacing: -0.5px;
    word-break: break-word;
}

    @media screen and (max-width: 1199px) {
        .menubolao_nome {
            font-size: 32px;
            line-height: 34px;
        }
    }

    @media screen and (min-width: 1200px) {
        .menubolao_nome {
            font-size: 58px;
            line-height: 60px;
        }
    }

.menubolao_camp {
    font-size: 12px;
    line-height: 13px;
    color: #50e0a0;
}

.menubolao_menu_itens {
    display: flex;
    padding-left: 75px;
    padding-right: 75px;
}

    .menubolao_menu_itens a {
        display: block;
        flex-direction: column;
        flex: auto 1 1;
        text-align: center;
        font-size: 12px;
        line-height: 12px;
        color: #ffffff;
        font-weight: bold;
        padding-top: 5px;
        padding-bottom: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

        .menubolao_menu_itens a:hover {
            opacity: 1 !important;
            color: #007000;
        }

    .menubolao_menu_itens a i {
        margin-right: 5px;
    }

.menubolao_menu_itens_selecionado {
    background-color: #50e0a0 !important;
    color: #008a30 !important;
}

.menubolao_mobile {
    position: absolute;
    bottom: 7px;
    right: 10px;
    color: #50e0a0;
    font-size: 22px;
    font-weight: bold;
    z-index: 1040;
    display: flex;
    align-items: center;
}

    .menubolao_mobile span {
        font-size: 10px;
        line-height: 10px;
        margin-right: 5px;
    }

    .menubolao_mobile:hover {
        cursor: pointer;
    }


.menubolao_mobile_itens {
    z-index: 1040;
    position: fixed;
    top: 0px;
    right: -230px;
    width: 230px;
    max-width: 230px;
    text-align: right;
    padding: 0px;
    background-color: #06aa50;
    transition: right 250ms linear;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

    .menubolao_mobile_itens a {
        display: block;
        color: #ffffff;
        margin-bottom: 10px;
        padding-top: 10px;
        padding-right: 15px;
        border-top: 1px solid #40d090;
        font-size: 12px;
        font-weight: bold;
    }

        .menubolao_mobile_itens a:nth-of-type(1) {
            border-width: 0px !important;
        }

        .menubolao_mobile_itens i {
            font-size: 14px;
            margin-left: 3px;
        }

.menubolao_mobile_itens_aberto {
    right: 0px;
}





/*
GERAIS: MENU LOGADO         MENU LOGADO         MENU LOGADO         MENU LOGADO
GERAIS: MENU LOGADO         MENU LOGADO         MENU LOGADO         MENU LOGADO
GERAIS: MENU LOGADO         MENU LOGADO         MENU LOGADO         MENU LOGADO
*/
.menulogado_toggler:hover, .menulogado_div_logo span:hover {
    cursor: pointer;
    opacity: 0.6
}

.menulogado_div {
    position: fixed;
    top: 0px;
    opacity: 1;
    right: -200px;
	height: 108%;
    z-index: 1050;
    background-color: #e9e9e9;
    width: 200px;
    max-width: 200px;
    transition: right 250ms linear;
    flex-direction: column;
}
    .menulogado_div.ativo {
        right: 0px;
    }

    .menulogado_div_logo {
		position: relative;
        text-align: center;
        padding: 10px;
        background-color: #a0a0a0;
    }

	.menulogado_div_logo_sair {
		position: absolute;
		right: 8px;
		bottom: 12px;
		font-size: 18px;
	}

	.menulogado_div_logo_ajuda {
		position: absolute;
		right: 8px;
		top: 12px;
		font-size: 18px;
	}

    .menulogado_div_links > a {
        display: flex;
		flex-direction: row;
        margin-top: 7px;
        padding-bottom: 7px;
        border-bottom: 2px solid #f0f0f0;
        color: #a0a0a0;
		padding-right: 5px;
    }

	.menulogado_div_links > a > div:nth-child(1) {
		flex: 1 1 auto;
		display: flex;
		justify-content: end;
		align-items: center;
        font-size: 14px;
		line-height: 14px;
        font-weight: bold;
		letter-spacing: -0.2px;
	}

	.menulogado_div_links > a > div:nth-child(2) {
		flex: 0 0 35px;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 20px;
		line-height: 20px;
	}


.menulogado_boloes {
    margin-top: 10px;
    text-align: center;
    overflow-y: scroll;
	height: 200px;
}

    .menulogado_boloes::-webkit-scrollbar {width:0px;}

    .menulogado_boloes_box {
        height: 60px;
        width: 60px;
        margin: 10px;
    }

.menulogado_installapp {
    flex: 0 0 auto;
    text-align: center;
    padding: 8px 0px;
}

    .menulogado_installapp button {
        display: none;
    }





/*
GERAIS: MENUSUPERIOR        MENUSUPERIOR        MENUSUPERIOR        MENUSUPERIOR
GERAIS: MENUSUPERIOR        MENUSUPERIOR        MENUSUPERIOR        MENUSUPERIOR
GERAIS: MENUSUPERIOR        MENUSUPERIOR        MENUSUPERIOR        MENUSUPERIOR
*/
.menusuperior {
    width: 100%;
    height: 65px;
}

    .menusuperior a:hover {
        text-decoration: none;
    }

    .menusuperior_logotipo {
        float: left;
        height: 45px;
        margin-top: 10px;
        margin-left: 10px
    }

    .menusuperior_menu_usuario {
        position: relative;
        float: right;
        margin-top: 8px;
        margin-right: 10px;
    }

        .menusuperior_menu_usuario i {
            position: absolute;
            bottom: 0px;
            right: -3px;
            color: #007000
        }





/*
GERAIS: SANFONA         SANFONA         SANFONA         SANFONA
GERAIS: SANFONA         SANFONA         SANFONA         SANFONA
GERAIS: SANFONA         SANFONA         SANFONA         SANFONA
*/
.js_iconsanfona:hover {
    cursor: pointer;
}

.js_iconsanfona_seta {
    float: right;
    font-size: 20px;
}





/*
CONFIGURACOES BOLAO         CONFIGURACOES BOLAO         CONFIGURACOES BOLAO         CONFIGURACOES BOLAO
*/
.config_input {
    width: 45px;
    text-align: center;
}

.config_listauser {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    background-color: #f5f5f5;
    padding: 5px;
}

.config_listauser_foto {
    display: flex;
    flex: 0 0 70px;
    height: 70px;
}

.config_listauser_nome {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    justify-content: center;
    height: 100px;
    font-size: 16px;
    padding-left: 3px;
}

.config_listauser_nome td {
    width: 50%;
}

.config_listabtn {
    margin-bottom: 20px;
    height: 28px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    background-color: #e0e0e0;
    padding-top: 5px;
}





/*
HOME        HOME        HOME        HOME        HOME        HOME        HOME
HOME        HOME        HOME        HOME        HOME        HOME        HOME
HOME        HOME        HOME        HOME        HOME        HOME        HOME
*/
.home_bg {
    height: 400px;
    background: url('/asset/img/home_background.jpg') no-repeat center center;
}

.home_bg_mobile {
    background: url('/asset/img/home_background_mobile.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
}

.home_logoprincipal {
    height: 100px
}

.home_logoprincipal_mobile {
    height: 65px;
}

.home_banner_btn {
    font-size: 16px !important;
    line-height: 16px !important;
    padding: 10px !important;
    font-weight: bold !important;
}

.home_banner_tit {
    color: #ffffff;
    font-family: CCUltimatum;
}

.home_banner_txt {
    padding: 10px;
    border-radius: 5px;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.65)
}
    @media screen and (max-width: 1199px) {
        .home_banner_tit {
            font-size: 36px;
            line-height: 36px;
        }

        .home_banner_txt {
            font-size: 16px;
            line-height: 22px;
        }
    }

    @media screen and (min-width: 1200px) {
        .home_banner_tit {
            font-size: 48px;
            line-height: 48px;
        }

        .home_banner_txt {
            font-size: 18px;
            line-height: 24px;
        }
    }

.home_titulos {
    font-family: OpenSansExtraBold;
    font-size: 28px;
    line-height: 28px
}

.home_comofunc_div {
    width: 260px;
    margin: 0px auto;
}

.home_comofunc_txt {
    height: 100px;
    display: flex;
    color: #003000;
    font-weight: bold;
    text-align: center;
    align-items: center;
}

/*
.home_lista {
    display: flex;
	height: 100%;
	flex-direction: column;
	padding: 0px 10px;

}

    .home_lista_foto {
		display: flex;
		justify-content: center;
		align-items: center;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
		padding: 10px 10px 5px 10px;
    }

        .home_lista_foto img {
            width: 130px;
			height: 130px;
        }

    .home_lista_nome {
		display: flex;
		flex: 1 1 auto;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        padding: 0px 10px 10px 10px;
		justify-content: center;
		align-items: center;
        font-family: CCUltimatum;
        font-size: 22px;
        line-height: 24px;
        font-weight: bold;
        word-break: break-word;
    }
*/




/*
MATA MATA           MATA MATA           MATA MATA           MATA MATA           MATA MATA
*/
.mm_div_campeoes {
    background-color: #fff5df;
    padding: 10px 0px;
    width: 100%;
    text-align: center;
}

.mm_campeoes_tit {
    color: #e0b000;
    text-align: center;
    font-family: OpenSansExtraBold;
    font-size: 18px;
}

.mm_campeoes_foto {
    height: 90px;
}

.mm_campeoes_nome {
    height: 14px;
    font-family: OpenSans;
    font-size: 16px;
    font-weight: bold;
    color: #e0b000;
}

.mm_bg_vitoria_score {
    background-color: #06aa50 !important;
}
.mm_bg_vitoria_corpo {
    background-color: #e9f5e9 !important;
}

.mm_ajuda {
    float: right;
    display: block;
    font-size: 10px;
    margin-left: -35px;
}

    .mm_ajuda:hover {
        cursor: pointer
    }


.mm_geral {
    font-size: 0px;
    line-height: 0px;
}

.mm_links {
    display: flex;
}

.mm_links_div2 {
    flex-direction: column;
    width: 100%;
}

.mm_links_div3 {
    flex-direction: column;
    width: 50%;
}

.mm_links_div4 {
    flex-direction: column;
    width: 25%;
}

.mm_links_v {
    content: " ";
    font-size: 0px;
    width: 2px;
    height: 20px;
    margin: 0px auto;
    box-sizing: border-box;
    background-color: #e0e0e0;
}

.mm_links_h {
    content: " ";
    font-size: 0px;
    width: 50%;
    height: 20px;
    margin: 0px auto;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    box-sizing: border-box;
    border-bottom: 2px solid #e0e0e0;
    border-left: 2px solid #e0e0e0;
    border-right: 2px solid #e0e0e0;
}

.mm_apagado {
    opacity: 0.3;
}

.mm_container {
    display: flex;
}
	.mm_container:hover {
		cursor: pointer;
	}

.mm_container1 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0px;
    width: 100%;
    text-align: center;
}

.mm_container2 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0px;
    width: 50%;
    text-align: center;
}

.mm_container3 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0px;
    width: 25%;
    text-align: center;
}

.mm_div {
    flex-direction: column;
    width: 110px;
    text-align: center;
    min-height: 125px;
    font-size: 12px;
    line-height: 14px;
    background-color: #f0f0f0;
    color: #505050;
}

    .mm_div_e {
        border-right: 0px solid #c0c0c0
    }

    .mm_div_d {
        border-left: 0px solid #c0c0c0
    }

.mm_div_score {
    padding: 5px;
    height: 25px;
    text-align: center;
    font-size: 16px;
    font-family: RobotoSlab;
    font-weight: bold;
    background-color: #c0c0c0;
    margin-bottom: 5px;
    color: #ffffff;
}


.mm_container4 a, .mm_container3 a, .mm_container2 a, .mm_container1 a {
    display: inherit;
}

.mm_container4 {
    flex-direction: column;
    font-size: 0px;
    width: 12.5%;
    text-align: center;
}

.mm_up_div {
    position: relative;
    width: 120px;
    text-align: center;
    padding: 0px;
    margin: 0px auto;
    background-color: #f5f5f5;
    border-radius: 8px;
    color: #505050;
}

	.mm_up_div:hover {
		cursor: pointer;
	}

.mm_up_usuario1, .mm_up_usuario2 {
    height: 140px;
    width: 120px;
    text-align: center;
    font-size: 12px;
    line-height: 14px;
    padding-left: 5px;
    padding-right: 5px;
}

.mm_up_usuario1 {
    display: table-cell;
    vertical-align: bottom;
    padding-bottom: 40px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.mm_up_usuario2 {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding-top: 40px;
}

.mm_up_score {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background-color: #c0c0c0;
        color: #ffffff;
        text-align: center;
        font-weight: bold;
        font-size: 16px;
        font-family: RobotoSlab;
        line-height: 16px;
        border-radius: 4px;
    }

        .mm_up_score_placar1, .mm_up_score_placar2 {
            height: 33px;
            width: 50px;
            padding: 8px;
        }

        .mm_up_score_placar1 {
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
        }

        .mm_up_score_placar2 {
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
        }

        .mm_up_div i {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            font-size: 18px;
        }



.mm_cel_container {
    margin: 0px;
}
	.mm_cel_container:hover {
		cursor: pointer;
	}


.mm_cel_box {
    clear: both;
    display: block;
    height: 55px;
}


.mm_cel_nome_container {
    float: left;
    width: 100%;
}

    .mm_cel_nome_container_up {
        border-bottom: 1px solid #e0e0e0;
    }

.mm_cel_nome {
    background-color: #f5f5f5;
    margin-right: 50px;
    padding: 10px;
    height: 55px;
    color: #505050;
}

.mm_cel_score {
    float: left;
    width: 50px;
    height: 55px;
    padding-top: 18px;
    margin-left: -50px;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
    font-family: RobotoSlab;
    background-color: #c0c0c0;
}






/*
MEUS BOLOES         MEUS BOLOES         MEUS BOLOES         MEUS BOLOES
MEUS BOLOES         MEUS BOLOES         MEUS BOLOES         MEUS BOLOES
MEUS BOLOES         MEUS BOLOES         MEUS BOLOES         MEUS BOLOES
*/
/*
.meusboloes_lista {
    margin: 0px auto;
    padding: 0px 10px;
    width: 100%;
    max-width: 200px;
    text-align: center;
}

    .meusboloes_lista_foto {
        width: 100%;
        padding: 10px;
        background-color: #f0f0f0;
        text-align: center;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

        .meusboloes_lista_foto img {
            width: 100% !important;
            max-width: 150px !important;
            margin: 0px auto;
        }

    .meusboloes_lista_nome {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        min-height: 90px;
        padding: 5px 5px 0px 5px;
        text-align: center;
        font-size: 22px;
        font-family: CCUltimatum;
        line-height: 24px;
        font-weight: bold;
        word-break: break-word;
    }

        .meusboloes_lista_nome span {
            display: block;
            font-family: OpenSans;
            font-weight: normal;
        }
*/



/*
PREMIOS RECEBIDOS           PREMIOS RECEBIDOS           PREMIOS RECEBIDOS
PREMIOS RECEBIDOS           PREMIOS RECEBIDOS           PREMIOS RECEBIDOS
PREMIOS RECEBIDOS           PREMIOS RECEBIDOS           PREMIOS RECEBIDOS
*/
.premios_img {
    display: flex;
    flex: 0 0 100px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

    .premios_img a img {
        width: 100px;
        height: 100px;
    }

.premios_container {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.premios_mb_div {
    width: 120px;
    margin: 0px auto;
}

.premios_mb_img {
    border-top-left-radius: 65px;
    border-top-right-radius: 65px;
    height: 120px;
    width: 120px;
}

    .premios_mb_img a img {
        width: 120px;
        height: 120px;
    }





/*
MEUS BOLOES         MEUS BOLOES         MEUS BOLOES         MEUS BOLOES
MEUS BOLOES         MEUS BOLOES         MEUS BOLOES         MEUS BOLOES
MEUS BOLOES         MEUS BOLOES         MEUS BOLOES         MEUS BOLOES
*/
.criar_camplista {
    margin: 0px auto;
    padding: 10px 0px;
    text-align: center;
}
    .criar_camplista:hover {
        cursor: pointer;
        background-color: #f0f0f0;
    }

    .criar_camplista img {
        height: 80px;
        margin-bottom: 5px;
    }

@media screen and (max-width: 1199px) {
    .criarimagem {
        width: 60px;
    }

    .criarimagem img {
        height: 50px;
        width: 50px !important;
    }
}

@media screen and (min-width: 1200px) {
    .criarimagem {
        width: 90px;
    }

    .criarimagem img {
        height: 80px;
        width: 80px !important;
    }
}

.criarimagem {
    margin: 0px auto;
    padding: 5px;
    border-radius: 5px;
    text-align: center;
}

    .criarimagem:hover {
        cursor: pointer;
    }

    .criarimagem_ativo {
        background-color: #b9c0cf !important;
    }




/*
PALPITES            PALPITES            PALPITES            PALPITES            PALPITES
*/
.palpite_paginacao_div {
    display: flex;
}

.palpite_paginacao {
    flex: 1 1 auto;
}

.palpite_rodada {
    flex: 0 0 230px;
}

.palpite_paginacao .fa-caret-left, .palpite_paginacao .fa-caret-right {
    font-size: 24px;
    color: #06aa50;
}

.palpite_badge {
    background-color: #06aa50;
    display: inline-block;
    border-radius: 5px;
    padding: 7px;
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
    margin: 0px 5px;
}
    .palpite_badge:hover {
        cursor: pointer;
    }


.palpite_box {
    display: flex;
    position: relative;
    max-width: 450px;
    margin: 0px auto;
}

    .palpite_box_temporeal {
        position: absolute;
        top: 5px;
        right: 5px;
        font-size: 9px;
    }

    .palpite_box_time {
        position: relative;
        display: flex;
        flex: 1;
        flex-direction: column;
        font-size: 12px;
        line-height: 14px;
        font-weight: bold;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

        .palpite_box_time img {
            max-width: 75px;
        }

        .palpite_box_time_deuzebra {
            position: absolute;
            width: 45%;
            top: 0px;
            color: #c0c0c0;
            font-size: 10px;
            line-height: 10px;
            padding-bottom: 1px;
            border-bottom: 1px solid #c0c0c0;
            font-weight: normal;
        }

    .palpite_box_score {
        display: flex;
        flex-direction: column;
        flex: 130px 0 0;
        text-align: center;
        padding: 0px 5px;
        width: 130px;
    }

        .palpite_scorebox_data {
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            height: 15px;
            padding-top: 5px;
            font-size: 10px;
            line-height: 10px;
            font-weight: bold;
            text-align: center;
        }

        .palpite_scorebox_input {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            padding: 0px 5px;
            height: 65px;
        }

            .palpite_scorebox_input i {
                font-size: 14px;
            }

            .palpite_scorebox_input span {
                font-size: 36px;
                font-weight: bold;
                font-family: RobotoSlab;
            }

            .palpite_scorebox_input input {
                font-size: 18px;
                font-weight: bold;
                font-family: RobotoSlab;
                background-color: #ffffff;
                border: 2px solid #b0b0b0;
                border-radius: 5px;
                text-align: center;
                width: 40px;
            }

        .palpite_scorebox_btn {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 30px;
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
            font-size: 15px;
            line-height: 15px;
            font-weight: bold;
        }

            .palpite_scorebox_btn i {
                font-size: 8px;
                line-height: 8px;
            }

            .palpite_partida_bonus {
                display: block;
                opacity: 1 !important;
                font-weight: normal !important;
                font-size: 9px !important;
                line-height: 9px !important;
                letter-spacing: 0px !important;
                padding: 5px 5px !important;
                margin-bottom: 5px;
                margin-left: auto;
                margin-right: auto;
            }

            .palpite_scorebox_btn_pontos {
                position: absolute;
                font-size: 13px;
                line-height: 13px;
                right: 5px;
                top: 9px;
                font-weight: normal;
            }

.palpite_score_cores_data_verde {
    background-color: #40d090;
    color: #007000;
}

.palpite_score_cores_data_escuro {
    background-color: #507090;
    color: #ffffff;
}

.palpite_score_cores_data_claro {
    background-color: #e9e9e9;
    color: #909090;
}

.palpite_score_cores_score_verde {
    background-color: #40d090;
    color: #ffffff;
}

.palpite_score_cores_score_escuro {
    background-color: #507090;
    color: #ffffff;
}

.palpite_score_cores_score_claro {
    background-color: #e9e9e9;
    color: #909090;
}

.palpite_score_cores_btn_escuro {
    background-color: #205070;
    color: #ffffff;
}

.palpite_score_cores_btn_claro {
    background-color: #e9e9e9;
    color: #505050;
}

.palpite_score_cores_btn_verde {
    background-color: #06aa50;
    color: #ffffff;
}

.palpite_msgretorno {
    position: absolute;
    display: none;
    height: 0%;
    width: 100%;
    top: 0px;
    left: 0px;
    border-radius: 7px;
    opacity: 92%;
    display: flex;
    padding: 0px 5px;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    color: #ffffff;
    text-align: center;
}

    .palpite_msgretorno:hover {
        cursor: pointer;
    }

    .palpite_msgretorno_vermelho {
        background-color: red;
    }

    .palpite_msgretorno_verde {
        background-color: #06aa50;
    }




.palpitelista_data {
    color: #507090;
    font-weight: bold;
    font-size: 10px;
    line-height: 10px;
    text-align: center;
}

.palpitelista_timediv {
    display: flex;
    flex-direction: row;
}

    .palpitelista_time {
        flex: 1;
        font-size: 13px;
        font-weight: bold;
    }

    .palpitelista_score {
        color: #507090;
        display: flex;
        flex: 100px 0 0;
        text-align: center;
        width: 100px;
        font-size: 34px;
        align-items: center;
        justify-content: center;
        line-height: 34px;
        font-weight: bold;
        font-family: RobotoSlab;
    }

        .palpitelista_score i {
            font-size: 14px;
        }


.palpitelista_porcentagemdiv {
    display: flex;
    flex-direction: row;
}

    .palpitelista_porcentagemtime {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex: 1;
        font-size: 11px;
        line-height: 11px;
        color: #d0d0d0;
    }

    .palpitelista_porcentagemempate {
        display: flex;
        flex: 100px 0 0;
        height: 25px;
        justify-content: center;
        align-items: center;
        width: 100px;
        font-size: 11px;
        line-height: 11px;
        color: #d0d0d0;
    }

.palpitelista_deuzebra {
    color: #c0c0c0;
    font-size: 10px;
    line-height: 10px;
    text-align: center;
    padding: 4px;
    border: 1px solid #c0c0c0;
    border-radius: 4px;
    margin-top: 5px;
    font-weight: normal;
}

.palpitelista_user {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 5px;
}

    @media screen and (max-width: 1199px) {
        .palpitelista_posicao {
            flex: 0 0 25px;
            align-items: center;
            justify-content: center;
            text-align: center;
            font-size: 9px;
            line-height: 9px;
            font-weight: bold;
        }

        .palpitelista_foto {
            flex: 0 0 45px;
            height: 45px;
            align-items: center;
            justify-content: center;
            text-align: center;
        }

        .palpitelista_nome {
            font-size: 12px;
            line-height: 14px;
        }
    }

    @media screen and (min-width: 1200px) {
        .palpitelista_posicao {
            flex: 0 0 35px;
            align-items: center;
            justify-content: center;
            text-align: center;
            font-size: 11px;
            line-height: 11px;
            font-weight: bold;
        }

        .palpitelista_foto {
            flex: 0 0 60px;
            height: 60px;
            align-items: center;
            justify-content: center;
            text-align: center;
        }

        .palpitelista_nome {
            font-size: 13px;
            line-height: 13px;
        }
    }

    .palpitelista_nome {
        flex: 1 1 0px;
        padding-left: 5px;
        align-items: center;
        justify-content: center;
        word-break: break-word;
    }

        .palpitelista_nome span {
            font-size: 9px;
            position: absolute;
            top: 5px;
        }

    .palpitelista_infos {
        flex: 0 0 155px;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

        .palpitelista_placar_box {
            position: relative;
            text-align: right;
        }

            .palpitelista_placar_box span {
                font-size: 10px;
                line-height: 12px;
            }

            .palpitelista_placar_score {
                font-size: 13px;
                position: absolute;
                top: 0px;
                left: 10px;
            }

                .palpitelista_placar_score a {
                    color: #000;
                    font-weight: bold;
                }





/*
PALPITE USUARIO         PALPITE USUARIO         PALPITE USUARIO         PALPITE USUARIO
*/
.lista_logoclubes {
    height: 45px;
    padding: 3px;
    border-radius: 5px;
    margin: 10px;
    text-align: center;
}

    .lista_logoclubes:hover {
        cursor: pointer;
        background-color: #f0f0f0;
    }

    .lista_logoclubes_selecionado {
        background-color: #b9c0cf !important;
    }

.palpiteusuario_nomerodada {
    font-size: 18px;
    font-weight: bold;
}

.palpiteusuario_timediv {
    float: left;
    width: 50%;
    margin-right: -35px;
}

.palpiteusuario_timediv_nome {
    margin-right: 35px;
    font-size: 16px;
    font-weight: bold;
}

    .palpiteusuario_timediv_nome img {
        height: 45px;
    }

.palpiteusuario_placardiv {
    width: 70px;
    float: left;
    text-align: center;
    padding-top: 5px;
}

.palpiteusuario_placar {
    font-size: 22px;
    font-family: RobotoSlab;
    font-weight: bold;
}

@media screen and (max-width: 1199px) {
    .palpiteusuario_scoremobile {
        background-color: #e9e9e9;
    }
}
/*
@media screen and (min-width: 1200px) {

}
*/
.palpiteusuario_scoremobile {
    padding: 7px;
    border-radius: 5px;
    margin: 10px 0px;
}




/*
PALPITES CAMPEONATO         PALPITES CAMPEONATO         PALPITES CAMPEONATO         PALPITES CAMPEONATO
*/
.timeranking, .timenormal {
    display: inline-block;
    text-align: center;
    margin: 1px;
    padding: 5px 5px 5px 5px;
    border-radius: 5px;
    color: #000;
    font-size: 12px;
    font-weight: bold;
}

.timeranking {
    height: 70px;
}

.timenormal {
    height: 55px;
}

    .timeranking span {
        display: block;
    }

    .timeranking img, .timenormal img {
        height: 45px;
    }

    .timeranking:hover, .timenormal:hover {
        background-color: #f0f0f0;
        cursor: pointer;
    }

    .timeselected {
        background-color: #d8e0ee !important;
    }


/*
PENEIRA
*/
.peneiradiv {
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0px;
}
    .peneiradiv_branco {
        background-color: #ffffff;
        color: #505050;
    }

    .peneiradiv_vermelho {
        background-color: #f0d5d5;
        color: #505050;
    }

    .peneiradiv_preto {
        background-color: #606060;
        color: #b0b0b0;
    }

    .peneiradiv_ouro {
        background-color: #e0b000;
        color: #ffffff;
    }

.peneira_pos {
    flex: 0 0 50px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    font-family: RobotoSlab;
}

.peneira_foto {
    flex: 0 0 50px;
    height: 50px;
    text-align: center;
}

.peneira_nome {
    flex: 1 0 auto;
    font-size: 12px;
    padding-left: 5px;
}

.peneira_score {
    flex: 0 0 50px;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    font-family: RobotoSlab;
}


/*
SOBREVIVENTE
*/
.sobreviventediv {
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0px;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}

    .sobreviventediv_branco {
        background-color: #ffffff;
        color: #505050;
    }

    .sobreviventediv_ouro {
        background-color: #e0b000;
        color: #ffffff;
    }

.sobrevivente_foto {
    width: 50px;
    flex: 0 0 50px;
    height: 50px;
    text-align: center;
}

.sobrevivente_nome {
    flex: 1 0 auto;
    font-size: 12px;
    padding-left: 5px;
}

.sobrevivente_result {
    display: flex;
    justify-content: flex-end;
    padding-right: 5px;
    width: 60px;
    flex: 0 0 60px;
    font-size: 20px;
}


/*
RANKING         RANKING         RANKING         RANKING         RANKING
RANKING         RANKING         RANKING         RANKING         RANKING
RANKING         RANKING         RANKING         RANKING         RANKING
*/
.ranking_div {
    position: relative;
    padding: 10px;
}

    .ranking_div_desc {
        max-height: 200px;
        overflow-y: auto;
        text-align: justify;
        margin-bottom: 10px;
        padding-right: 5px;
    }

        .ranking_div_desc::-webkit-scrollbar {width:8px;}
        .ranking_div_desc::-webkit-scrollbar-track {background-color: #20b080; border-radius: 4px}
        .ranking_div_desc::-webkit-scrollbar-track-piece {background-color: #20b080; border-radius: 4px}
        .ranking_div_desc::-webkit-scrollbar-thumb {background-color: #50e0a0; border-radius:4px;}

.ranking_cv_fechar {
    position: absolute;
    top: 3px;
    right: 3px;
}

    .ranking_cv_fechar a {
        font-size: 14px;
        color: #d0a090
    }

.ranking_cv_title {
    text-align: center;
    font-size: 20px;
    font-family: RobotoSlab;
    font-weight: bold;
}

.ranking_mp_cor_melhor {
    color: #e0b000;
}

.ranking_mp_cor_pior {
    color: #992600;
}

.ranking_mp_bg {
    position: relative;
    max-width: 350px;
    margin: 0px auto;
    flex-wrap: nowrap;
    display: flex;
    height: 90px;
    padding: 0px;
    background-color: #ffffff;
    border-top-left-radius: 45px;
    border-bottom-left-radius: 45px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

.ranking_mp_foto {
    flex: 90px 0 0;
    height: 100%;
    padding: 0px;
}
    .ranking_mp_foto img {
        width: 100%;
        height: 100%;
    }


.ranking_mp_conteudo {
    flex: 1;
    height: 100%;
    padding: 3px;
}

    .ranking_mp_title {
        height: 15px;
        margin-left: -45px;
        font-size: 10px;
        line-height: 10px;
        text-align: center;
        font-weight: bold;
    }

    .ranking_mp_centro {
        display: flex;
        flex-direction: row;
        color: #505050;
        width: 100%;
        height: 100%;
        padding-bottom: 15px;
    }

        .ranking_mp_nome {
            display: flex;
            flex: auto 1 1;
            justify-content: center;
            flex-direction: column;
            padding-bottom: 15px;
            padding-left: 5px;
        }

            .ranking_mp_nome a {
                color: #505050;
                font-size: 12px;
                font-weight: bold;
            }

            .ranking_mp_msg {
                font-style: italic;
                font-size: 12px;
                font-weight: normal;
                line-height: 13px;
            }

        .ranking_mp_score {
            position: relative;
            display: flex;
            flex: 0 0 60px;
            justify-content: center;
            flex-direction: column;
            height: 100%;
            padding-right: 5px;
            text-align: right;
            font-size: 15px;
            font-weight: bold;
            padding-bottom: 15px;
        }

            .ranking_mp_editar {
                position: absolute;
                bottom: 0px;
                right: 5px;
                font-size: 10px;
                font-size: 10px;
                font-weight: normal;
                color: #b0b0b0
            }


.ranking_mm_bg {
    position: relative;
    max-width: 350px;
    margin: 0px auto;
    flex-wrap: nowrap;
    display: flex;
    flex-direction: row;
    height: 90px;
    padding: 0px;
}

    .ranking_mm_foto {
        flex: 90px 0 0;
    }

        .ranking_mm_foto_div_esq {
            /* margin-left: 15px; */
            /* padding-right: 15px; */
            height: 90px;
            background-color: #ffffff;
            border-top-left-radius: 45px;
            border-bottom-left-radius: 45px;
        }

        .ranking_mm_foto_div_dir {
            /* margin-right: 15px; */
            /* padding-left: 15px; */
            height: 90px;
            background-color: #ffffff;
            border-top-right-radius: 45px;
            border-bottom-right-radius: 45px;
        }

    .ranking_mm_centro {
        flex: auto 1 0;
        height: 90px;
        background-color: #ffffff;
        padding: 3px 0px;
        text-align: center;
    }


    .ranking_mm_title {
        color: #505050;
        width: 100%;
        font-size: 10px;
        line-height: 10px;
        text-align: center;
        font-weight: bold;
        height: 25px;
    }

    .ranking_mm_score {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        height: 40px;
        font-size: 32px;
        font-weight: bold;
        font-family: RobotoSlab;
        color: #505050;
    }

    .ranking_mm_resultado {
        height: 25px;
    }

.ranking_peneira_bg {
    position: relative;
    max-width: 350px;
    margin: 0px auto;
    flex-wrap: nowrap;
    display: flex;
    flex-direction: column;
    height: 90px;
    padding: 5px;
    background-color: #ffffff;
    border-radius: 7px;
}
    .ranking_peneira_title {
        color: #505050;
        display: flex;
        height: 15px;
        justify-content: center;
        font-size: 10px;
        line-height: 10px;
        text-align: center;
        font-weight: bold;
    }

.ranking_peneira_conteudo {
    height: 65px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .ranking_peneira_pessoa {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

        .ranking_peneira_pessoa_posicao {
            height: 25px;
            width: 25px;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #205070;
            font-size: 10px;
            line-height: 10px;
            font-weight: bold;
            color: #ffffff;
            margin-right: 5px;
            border-radius: 13px;

        }

        .ranking_peneira_pessoa_foto {
            width: 25px;
            height: 25px;
            margin-right: 5px;
        }

        .ranking_peneira_pessoa_nome {
            flex: 1;
            font-size: 12px;
            line-height: 12px;
            color: #505050;
        }

        .ranking_peneira_pessoa_pts {
            width: 50px;
            font-size: 15px;
            font-family: RobotoSlab;
            line-height: 15px;
            font-weight: bold;
            color: #205070;
        }


    .ranking_peneira_corte {
        display: flex;
        height: 15px;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

        .ranking_peneira_corte > i {
            font-size: 10px;
            line-height: 10px;
            color: #505050;
            margin-right: 2px;
        }

        .ranking_peneira_corte > hr {
            width: 95%;
            margin: 0px;
            border-top: 1px dashed #505050;
            opacity: 1;
        }

/*
.ranking_fotofixa {
    position: absolute;
    opacity: 0;
    top: 0px;
    left: 75px;
    transition: all 250ms ease;
    z-index: 1030;
}

.ranking_fotofixa_item {
    height: 70px;
    padding-top: 18px;
}
*/

.ranking_tabela_sticky {
	z-index: 100;
	position: sticky !important;
	left: 5px;
	width: 50px;
	min-width: 50px;
	max-width: 50px;
}

#ranking_tabela_container {
	overflow-y: hidden;
	overflow-x: auto;
	white-space: nowrap;
	margin: 0px;
	padding: 0px;
}

#ranking_tabela th {
    position: relative;
    white-space: nowrap;
    padding: 5px 10px;
    color: #495057;
    background-color: #efefef;
    border-bottom: 2px solid #dee2e6;
	padding-left: 0px;
	padding-right: 0px;
}

#ranking_tabela > tbody {
	border-top: none !important;
}

.rankingbusca_btn {
	height: 40px !important;
}

	.rankingbusca_btn > button {
		font-size: 12px !important;
	}

#ranking_tabela td {
    height: 70px;
    text-align: center;
    white-space: nowrap;
    position: relative;
}

.ranking_tabela_colinvisivel {
    background-color: #e9e9e9 !important;
    border-color: #e9e9e9 !important;
    padding: 0px !important;
    margin: 0px !important;
}

.ranking_tabela_colinvisivel_cinza {
    background-color: #e9ecef !important;
    border-color: #e9ecef !important;
    padding: 0px !important;
    margin: 0px !important;
}

.tab_headerlink {
    color: #505050;
}

    .tab_headerlink:hover {
        color: #505050;
    }

.tab_sorting {
    position: absolute;
    bottom: 1px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 10px;
}

.tab_header_rodadaatual {
    display: block;
    margin: 0px auto;
    width: 25px;
    border-radius: 5px;
    background-color: #17a2b8;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    font-size: 11px;
    line-height: 19px;
    padding: 1px 0px
}

    .tab_header_rodadaatual:hover {
        color: #ffffff;
    }

.tab_rowestilo {
    background-color: #f5f5f5;
    border-top: 0px solid #e9e9e9;
}

    .tab_rowestilo_claro {
        background-color: #ffffff;
        border-top: 0px solid #e9e9e9;
    }

.tab_tabzoeiranome  {
    padding-right: 2px !important;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    font-style: italic;
    word-break: break-word;
}

.tab_posicao {
    font-size: 16px;
    font-weight: bold
}

.rankingtabela_foto {
    display: block;
    height: 60px;
    margin: auto auto;
}

.tab_logotipo {
    position: absolute;
    display: flex;
    right: 0px;
    bottom: 5px;
    border-radius: 4px;
    justify-content: flex-end;
    align-items: center;
    z-index: 1010;
}

    .tab_logotipo img {
        z-index: 1010;
        height: 20px;
    }

.tab_evolucao {
    font-size: 10px;
    line-height: 8px;
    padding-left: 10px !important;
    padding-right: 5px !important;
}

    .tab_evolucao i {
        font-size: 16px;
    }

.tab_ultimasrodadas_badge {
    display: inline-block;
    color: #ffffff;
    width: 24px;
    height: 24px;
    margin-left: 4px;
    text-align: center;
    border-radius: 12px;
    font-size: 8px;
	line-height: 8px;
    padding-top: 8px;
}

.tab_detalhe_user {
    background-color: #dee2e6;
    margin: 0px 10px 10px 10px;
    padding: 10px 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.tab_detalhe_user_box {
    display: inline-block;
    padding: 5px 7px;
    background-color: #6B7A8F;
    border-radius: 5px;
    margin: 0px 5px;
}

.tab_detalhe_user_valor {
    display: inline-block;
    font-size: 30px;
    font-weight: bold
}

.tab_detalhe_user_desc {
    display: inline-block;
    margin-left: 5px;
    font-size: 10px;
    line-height: 14px
}

.tab_detalhe_user_chart {
    height: 300px;
    width: 950px;
    margin: 0px auto 10px auto;
    background-color: #e9e9e9
}

.tab_detalhe_user_chartfiltro select {
    background-color: #f0f0f0;
    border: 1px solid #e0e0e0;
    margin: 0px 3px;
    font-size: 11px;
}


.tab_chart_tab {
    padding: 0px;
    font-size: 0px;
}

.tab_chart_tab li {
    font-size: 12px;
}

    .tab_chart_tab_item {
        display: inline-block;
        width: 33%;
        padding: 5px 0px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        text-align: center;
    }

        .tab_chart_tab_selecionado {
            color: #505050;
            font-weight: bold;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            border-left: 1px solid #c0c0c0;
            border-top: 1px solid #c0c0c0;
            border-right: 1px solid #c0c0c0;
        }

        .tab_chart_tab_fechado {
            color: #909090;
            font-weight: normal;
            border-bottom: 1px solid #c0c0c0;
        }

        .tab_chart_tab_fechado:hover {
            cursor: pointer;
            color: #505050;
        }

.tab_legenda {
    font-size: 10px;
}

.tab_legenda_tabzueira {
    display: flex;
    align-items: center;
    font-size: 11px;
    font-weight: bold;
}

.tab_legenda_tabzueira_box {
    display: inline-block;
    margin-right: 5px;
    width: 25px;
    height: 15px;
}

/*
@media screen and (max-width: 1199px) {
    td.ranking_tabela:nth-child(1), th.ranking_tabela:nth-child(1) { width: 1px; }
    td.ranking_tabela_filtro:nth-child(1), th.ranking_tabela_filtro:nth-child(1) { width: 1px; }
}
@media screen and (min-width: 1200px) {
    td.ranking_tabela:nth-child(1), th.ranking_tabela:nth-child(1) { width: 75px; }
    td.ranking_tabela_filtro:nth-child(1), th.ranking_tabela_filtro:nth-child(1) { width: 140px; }
}

@media screen and (max-width: 1199px) {
    td.ranking_tabela:nth-child(2), th.ranking_tabela:nth-child(2) { width: 35px; }
    td.ranking_tabela_filtro:nth-child(2), th.ranking_tabela_filtro:nth-child(2) { width: 35px; }
}
@media screen and (min-width: 1200px) {
    td.ranking_tabela:nth-child(2), th.ranking_tabela:nth-child(2) { width: 40px; }
    td.ranking_tabela_filtro:nth-child(2), th.ranking_tabela_filtro:nth-child(2) { width: 40px; }
}

td.ranking_tabela:nth-child(3), th.ranking_tabela:nth-child(3) { position: relative; width: 65px; }
td.ranking_tabela_filtro:nth-child(3), th.ranking_tabela_filtro:nth-child(3) { position: relative; width: 65px; }

@media screen and (max-width: 1199px) {
    td.ranking_tabela:nth-child(4), th.ranking_tabela:nth-child(4) { width: 130px; }
    td.ranking_tabela_filtro:nth-child(4), th.ranking_tabela_filtro:nth-child(4) { width: 130px; }
}
@media screen and (min-width: 1200px) {
    td.ranking_tabela:nth-child(4), th.ranking_tabela:nth-child(4) { width: auto; }
    td.ranking_tabela_filtro:nth-child(4), th.ranking_tabela_filtro:nth-child(4) { width: auto; }
}

td.ranking_tabela:nth-child(5), th.ranking_tabela:nth-child(5) { width: 20px; }
td.ranking_tabela_filtro:nth-child(5), th.ranking_tabela_filtro:nth-child(5) { width: 0px; display:none }

@media screen and (max-width: 1199px) {
    td.ranking_tabela:nth-child(6), th.ranking_tabela:nth-child(6) { width: 37px; }
    td.ranking_tabela_filtro:nth-child(6), th.ranking_tabela_filtro:nth-child(6) { width: 37px; }
}
@media screen and (min-width: 1200px) {
    td.ranking_tabela:nth-child(6), th.ranking_tabela:nth-child(6) { width: 40px; }
    td.ranking_tabela_filtro:nth-child(6), th.ranking_tabela_filtro:nth-child(6) { width: 40px; }
}

@media screen and (max-width: 1199px) {
    td.ranking_tabela:nth-child(7), th.ranking_tabela:nth-child(7) { width: 35px; }
    td.ranking_tabela_filtro:nth-child(7), th.ranking_tabela_filtro:nth-child(7) { width: 35px; }
}
@media screen and (min-width: 1200px) {
    td.ranking_tabela:nth-child(7), th.ranking_tabela:nth-child(7) { width: 40px; }
    td.ranking_tabela_filtro:nth-child(7), th.ranking_tabela_filtro:nth-child(7) { width: 40px; }
}

@media screen and (max-width: 1199px) {
    td.ranking_tabela:nth-child(8), th.ranking_tabela:nth-child(8) { width: 35px; }
    td.ranking_tabela_filtro:nth-child(8), th.ranking_tabela_filtro:nth-child(8) { width: 35px; }
}
@media screen and (min-width: 1200px) {
    td.ranking_tabela:nth-child(8), th.ranking_tabela:nth-child(8) { width: 40px; }
    td.ranking_tabela_filtro:nth-child(8), th.ranking_tabela_filtro:nth-child(8) { width: 40px; }
}

td.ranking_tabela:nth-child(9), th.ranking_tabela:nth-child(9) { width: 35px; }
td.ranking_tabela_filtro:nth-child(9), th.ranking_tabela_filtro:nth-child(9) { width: 35px; }

td.ranking_tabela:nth-child(10), th.ranking_tabela:nth-child(10) { width: 35px; }
td.ranking_tabela_filtro:nth-child(10), th.ranking_tabela_filtro:nth-child(10) { width: 35px; }

td.ranking_tabela:nth-child(11), th.ranking_tabela:nth-child(11) { width: 35px; }
td.ranking_tabela_filtro:nth-child(11), th.ranking_tabela_filtro:nth-child(11) { width: 35px; }

td.ranking_tabela:nth-child(12), th.ranking_tabela:nth-child(12) { width: 35px; }
td.ranking_tabela_filtro:nth-child(12), th.ranking_tabela_filtro:nth-child(12) { width: 35px; }

td.ranking_tabela:nth-child(13), th.ranking_tabela:nth-child(13) { width: 35px; }
td.ranking_tabela_filtro:nth-child(13), th.ranking_tabela_filtro:nth-child(13) { width: 35px; }

td.ranking_tabela:nth-child(14), th.ranking_tabela:nth-child(14) { width: 35px; }
td.ranking_tabela_filtro:nth-child(14), th.ranking_tabela_filtro:nth-child(14) { width: 35px }

td.ranking_tabela:nth-child(15), th.ranking_tabela:nth-child(15) { width: 35px; }
td.ranking_tabela_filtro:nth-child(15), th.ranking_tabela_filtro:nth-child(15) { width: 35px }

td.ranking_tabela:nth-child(16), th.ranking_tabela:nth-child(16) { width: 35px; }
td.ranking_tabela_filtro:nth-child(16), th.ranking_tabela_filtro:nth-child(16) { width: 35px }

td.ranking_tabela:nth-child(17), th.ranking_tabela:nth-child(17) { width: 35px; }
td.ranking_tabela_filtro:nth-child(17), th.ranking_tabela_filtro:nth-child(17) { width: 0px; display: none  }

td.ranking_tabela:nth-child(18), th.ranking_tabela:nth-child(18) { width: 150px; }
td.ranking_tabela_filtro:nth-child(18), th.ranking_tabela_filtro:nth-child(18) { width: 150px; display: none }

td.ranking_tabela:nth-child(19), th.ranking_tabela:nth-child(19) { width: 20px; }
td.ranking_tabela_filtro:nth-child(19), th.ranking_tabela_filtro:nth-child(19) { width: 20px; }

@media screen and (max-width: 1199px) {
    td.ranking_tabela:nth-child(20), th.ranking_tabela:nth-child(20) { width: 1px; }
    td.ranking_tabela_filtro:nth-child(20), th.ranking_tabela_filtro:nth-child(20) { width: 1px; }
}
@media screen and (min-width: 1200px) {
    td.ranking_tabela:nth-child(20), th.ranking_tabela:nth-child(20) { width: 75px; }
    td.ranking_tabela_filtro:nth-child(20), th.ranking_tabela_filtro:nth-child(20) { width: 140px; }
}
*/

.ranking_msg_modal {
    background-color: #0f3d52;
}

.ranking_msg_div {
    position: relative;
    margin: 0px auto;
    flex-wrap: nowrap;
    display: flex;
    height: 80px;
    padding: 0px;
    background-color: #2f5d72;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

.ranking_msg_div_foto {
    flex: 80px 0 0;
    height: 100%;
    padding: 0px;
}
    .ranking_msg_div_foto img {
        width: 100%;
        height: 100%;
    }

.ranking_msg_div_conteudo {
    display: flex;
    flex: 1;
    height: 100%;
    padding: 5px;
    color: #ffffff;
    align-items: center;
}

.mpmsg_editicon {
    position: absolute;
    top: 4px;
    right: 4px;
    font-size: 11px;
    line-height: 11px;
    color: #0f3d52;
}

    .mpmsg_editicon:hover {
        cursor: pointer;
    }

.ranking_msg_infos {
    width: 100%;
    color: #4f7d92;
    padding-top: 2px;
    font-size: 10px;
    line-height: 10px;
    font-weight: bold;
}

.ranking_msg_form {
    background-color: #0f2f40;
    padding: 10px;
}

    .js_mpmsg_btn_goback:hover, .js_mpmsg_btn_delete:hover {
        cursor: pointer;
    }





/*
REGRAS BOLAO        REGRAS BOLAO        REGRAS BOLAO
REGRAS BOLAO        REGRAS BOLAO        REGRAS BOLAO
REGRAS BOLAO        REGRAS BOLAO        REGRAS BOLAO
*/
.regras_btn {
    margin: 5px 10px;
    width: 95%;
    height: calc(100% - 10px);
    max-width: 200px;
    font-size: 12px;
    white-space: normal !important;
}

    .regras_btn i {
            font-size: 18px;
    }





/*
QUIZ		QUIZ		QUIZ		QUIZ
QUIZ		QUIZ		QUIZ		QUIZ
QUIZ		QUIZ		QUIZ		QUIZ
*/
.quiz_resultadofinal_gif {
	width: 200px;
}