@media only screen and (max-width: 8000px) and (min-width: 1024px) {
    body {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }
}

* {
    padding:0;
    margin:0;
}

body,html {
    height:100%;
}

/* ---------------------------------------------------------------- */

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.animate-bottom {
    position: relative;
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 1s;
    animation-name: animatebottom;
    animation-duration: 1s
}

@-webkit-keyframes animatebottom {
    from { bottom:-100px; opacity:0 } 
    to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
    from{ bottom:-100px; opacity:0 } 
    to{ bottom:0; opacity:1 }
}

/* mini barra com perguntas frequentes - capa */
.frontpage-mini-barra-row {
    width: 100%; flex-direction: row; position: relative; display: flex;
}

.frontpage-mini-barra-row-perguntas-box {
    width: 100%; 
    margin-left: 0px; 
    margin-right: 0px; 
    text-align: right; 
    padding-right: 15px; 
    margin-top: 10px;
}

.frontpage-mini-barra-row-perguntas-link {
    width: 100%;
    background-color: rgb(143, 101, 25);
    color: white;
    margin: 0px 0px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-family: Verdana;
    font-style: normal;
    font-size: 11px;
    padding: 5px 20px;
}

a.frontpage-mini-barra-row-perguntas-link:link {
    text-decoration: none;
}

a.frontpage-mini-barra-row-perguntas-link:visited {
    text-decoration: none;
    color:white;
}

a.frontpage-mini-barra-row-perguntas-link:hover {
    opacity: 0.9;
}

a.frontpage-mini-barra-row-perguntas-link:active {
    text-decoration: none;
}

/* mensagens de rifa encerrada */

.title-rifa_encerrada-rifa-page {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    color: red;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-top: 20px;
}

.title-rifa_encerrada-rifa-page-winner {
    text-align:center;text-transform:lowercase; font-size: 12px; color: green;
    padding-top: 10px;
    padding-bottom: 15px;
}

.title-rifa_encerrada-bilhetes-page-winner {
    text-align:center;text-transform:lowercase; font-size: 15px; color: green;
    padding-top: 0px;
    padding-bottom: 0px;
}

.title-rifa_encerrada {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    color: red;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 20px;
}

/* mensagens de sucesso */

.msg-sucesso {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    color: rgb(5, 92, 5);
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 20px;
}

.msg-sucesso-rifas {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    color: rgb(5, 92, 5);
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-top: 30px;
    margin-bottom: 20px;
}

.msg-sucesso-padding-top {
    padding-top: 30px;
}

.ro-col-centralizada {
    margin: 0;
    position: relative;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    justify-content: center;
}

/* images seguro */

.ro-seguro-row {
    flex-direction: row; 
    position: relative; 
    display: flex; 
    width: 100%; 
    margin-left: 0%; 
    margin-right: 0%; 
    text-align: center;
    padding-top: 15px;
}

.ro-seguro-col {
    width: 100%; 
    margin-left: 0%; 
    margin-right: 0%;
    text-align: center; 
}

/* colaboradores */

.ro-colaboradores-lista {
    width: 500px; 
    flex-direction: column; 
    position: relative; 
    display: flex;
}

.ro-colaboradores-lista-title {
    font-family: verdana;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    color: rgba(255, 168, 0, 1);
    text-align: right;
    margin-top: 0px;
    margin-right: 15px;
}

.colaboradores-title {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-top: 0px; 
    padding-top: 0px; 
    margin-bottom: 20px;
    color: blue
}

.ro-colaboradores-box-1 {
    margin: auto; 
    width: 450px; 
    padding-bottom: 20px; 
}

.ro-colaboradores-error {
    padding-top: 0px; 
    padding-bottom: 10px; 
    text-align: center; 
    font-family: Verdana, Geneva, Tahoma, sans-serif; 
    font-size: 13px; 
    color: red;
}

/* pagina fidelidade */

.ro-fidelidade-box {
    width: 400px; 
}

.ro-fidelidade-box-shadow {
    width: 100%; 
    padding-top: 25px; 
    margin-top: 15px; 
    margin-bottom: 15px;
    background: #FFFFFF;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
}

.ro-fidelidade-box-1 {
    margin: auto; 
    width: 361px; 
    padding-bottom: 20px; 
}

.ro-fidelidade-form-textitem {
    padding-top: 5px; 
    padding-bottom: 10px; 
    font-family: Verdana, Geneva, Tahoma, sans-serif; 
    font-size: 13px;
    text-align: center;
}

.ro-fidelidade-error {
    height: 100%; 
    padding-top: 10px; 
    padding-bottom: 10px; 
    text-align: center; 
    font-family: Verdana, Geneva, Tahoma, sans-serif; 
    font-size: 12px; 
    color: red;
}

.ro-fidelidade-box-results-right {
    width:100%; 
    padding-top: 20px; 
    padding-bottom: 0px; 
    text-align: center;
    color: black; 
}

.ro-fidelidade-buttons-valor {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    margin-top: 4px;
    letter-spacing: 0.03em;
    text-align: center;
    color: white;
    padding: 5px 10px;
    margin: 0px 0px;
    border: none;
    border-radius: 4px;
    font-size: 12px; 
    margin-right: 0px; 
    margin-bottom: 10px; 
    background-color: purple;
}

a.ro-fidelidade-buttons-valor:link {
	text-decoration: none;
}

a.ro-fidelidade-buttons-valor:visited {
	text-decoration: none;
    color:white;
}

a.ro-fidelidade-buttons-valor:hover {
	text-decoration: none;
    background-color: #16a340;
}

a.ro-fidelidade-buttons-valor:active {
	text-decoration: none
}

.ro-fidelidade-block {
    padding-bottom: 50px;
}

.ro-fidelidade-block-title {
    font-family: Verdana, Geneva, Tahoma, sans-serif; 
    font-size: 15px;
    text-align: center; 
    padding-top: 50px; 
    padding-bottom: 20px;
    color: #4d4b4b;
}

.ro-fidelidade-block-descr {
    font-family: Verdana, Geneva, Tahoma, sans-serif; 
    font-size: 12px;
    text-align: center; 
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    color: #4d4b4b;
}

.ro-fidelidade-block1 {
    padding-bottom: 50px;
}

.ro-fidelidade-block1-title {
    font-family: Verdana, Geneva, Tahoma, sans-serif; 
    font-size: 15px;
    text-align: center; 
    padding-top: 50px; 
    padding-bottom: 20px;
    color: #4d4b4b;
}

.ro-fidelidade-block1-descr {
    font-family: Verdana, Geneva, Tahoma, sans-serif; 
    font-size: 12px;
    text-align: center; 
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    color: #4d4b4b;
}

.ro-fidelidade-block-line {
    flex-direction: row; position: relative; display: flex;
}

.ro-fidelidade-block-line-col1 {
    font-family: Verdana, Geneva, Tahoma, sans-serif; 
    font-size: 13px;
    padding-left: 10px; 
    text-align: left; 
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 5px; 
    padding-bottom: 5px;
    width: 55%; 
    color: #4d4b4b;
}

.ro-fidelidade-block-line-col2 {
    font-family: Verdana, Geneva, Tahoma, sans-serif; 
    padding-left: 10px; 
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 5px; 
    padding-bottom: 5px;
    text-align: center; 
    font-size: 10px;
    width: 25%;
    color: #4d4b4b;
}

.ro-fidelidade-block-line-col3 {
    font-family: Verdana, Geneva, Tahoma, sans-serif; 
    padding-left: 10px; 
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 5px; 
    padding-bottom: 5px;
    text-align: center; 
    font-size: 10px;
    width: 20%;
    color: #4d4b4b;
}

.ro-fidelidade-ver-mais-button {
    width: 100%;
    color: white;
    margin: 0px 0px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-family: Montserrat;
    font-style: normal;
    padding: 3px 7px; 
    font-size: 10px; 
    text-transform: lowercase; 
    background-color: orange;
}

a.ro-fidelidade-ver-mais-button:link {
	text-decoration: none;
}

a.ro-fidelidade-ver-mais-button:visited {
	text-decoration: none;
    color:white;
}

a.ro-fidelidade-ver-mais-button:hover {
	text-decoration: none;
}

a.ro-fidelidade-ver-mais-button:active {
	text-decoration: none;
}

.ro-fidelidade-qrcode-leitor {
    padding-top: 25px;
    padding-bottom: 25px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 13px;
    color: white;
    text-align: center;
    text-transform: uppercase; 
   
}

.ro-fidelidade-qrcode-leitor-button {
    width: 100%;
    background-color: #38843C;
    color: white;
    padding: 10px 15px;
    margin: 0px 0px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-family: Montserrat;
    font-style: normal;
    font-size: 11px;
}

a.ro-fidelidade-qrcode-leitor-button:link {
	text-decoration: none;
}

a.ro-fidelidade-qrcode-leitor-button:visited {
	text-decoration: none;
    color:white;
}

a.ro-fidelidade-qrcode-leitor-button:hover {
	text-decoration: none;
    background-color: #16a340;
}

a.ro-fidelidade-qrcode-leitor-button:active {
	text-decoration: none;
}

.ro-fidelidade-row-box-numeros {
    width: 100%;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 15px;
    text-align: center;
}

.ro-fidelidade-row-box-numeros-borda {
    width: 100%; 
    text-align: center; 
    border: 1px solid rgb(241, 236, 236);
    padding-top: 10px; 
    padding-bottom: 10px;
}

.ro-fidelidade-row-box-numeros-valor {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.03em;
    text-align: center;
    background-color: #38843C;
    color: white;
    padding: 5px 10px;
    border: none;
    border-radius: 4px;
    font-size: 12px; 
    margin-top: 5px; 
    margin-bottom: 5px;
}

/* fim pagina fidelidade */

/* pagina de mensagem */

.message-page-title {
    padding-top: 5px; 
    padding-bottom: 5px; 
    font-family: Montserrat;
    font-size: 13px; 
    text-transform: uppercase; 
    text-align: center; 
    font-weight: 600;
    color: green;
}

.message-page-subtitle {
    padding-top: 5px; 
    padding-bottom: 5px; 
    font-family: Montserrat;
    font-size: 13px; 
    text-align: center; 
    color: rgb(44, 43, 43);
}

.message-page-descr {
    padding-top: 5px; 
    padding-bottom: 5px; 
    font-family: Montserrat; 
    font-size: 11px; 
    text-align: center; 
    color: gray;
}

.message-page-buttom {
    margin-top: 20px; 
    width: 100%; 
    margin-left: 0%; 
    margin-right: 0%; 
    text-align: center;
}

/* Error message para pagina de erro */

.page-error-msg {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    color: rgb(5, 92, 5);
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 20px;
}

.page-error-msg-buttom {
    margin-top: 20px; 
    width: 100%; 
    margin-left: 0%; 
    margin-right: 0%; 
    text-align: center;
}


/* Button voltar */

.ro-button-voltar {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    color:rgb(5, 5, 75);
}

.ro-button-voltar-item {
    width: 300px;
    background-color: rgba(255, 168, 0, 1);
    color: white;
    padding: 5px 10px;
    margin: 0px 0px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-family: Montserrat;
    font-style: normal;
    font-size: 11px;
}

/* borda sombreada */

.border-shadow {
    background: #FFFFFF;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
}

/* font padrao */

.font-padrao {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 13px;
}

/* Minhas rifas */

.minhas-rifas-row {  
    width: 97%;
    margin-right:auto;
    margin-left:auto;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 13px;
    color: white;
    flex-direction: row; 
    position: relative; 
    display: flex; 
}

.minhas-rifas-column1 {
    height: 100%;
}

.minhas-rifas-column2 {
    height: 100%;
    margin-bottom: 15px;
}

.minhas-rifas-row-70 {
    float: left;
    width: 900px;
    padding: 15px;
    background: #FFFFFF;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
    flex-direction: column; 
    position: relative; 
    display: flex; 
    height: 350px;
}

.minhas-rifas-row-30 {
    float: left;
    width: 385px;
    padding: 15px;
    background: #FFFFFF;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
    flex-direction: column; 
    position: relative; 
    display: flex; 
    height: 350px;
    margin-left: 20px;
    margin-bottom: 20px;
}

.minhas-rifas-row-2-70 {
    float: left;
    width: 900px;
    padding: 15px;
    background: #FFFFFF;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
    flex-direction: column; 
    position: relative; 
    display: flex; 
    height: 250px;
}

.minhas-rifas-row-2-30 {
    float: left;
    width: 385px;
    padding: 15px;
    background: #FFFFFF;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
    flex-direction: column; 
    position: relative; 
    display: flex; 
    height: 250px;
    margin-left: 20px;
    margin-bottom: 20px;
}

.minhas-rifas-box-results-left {
    width:62%;
}

.minhas-rifas-box-results-right {
    text-align: center;
    width:38%;    
}

.minhas-rifas-box-info-left {
    width:40%;
    border: 1px solid rgb(247, 241, 241);
}

.minhas-rifas-box-info-right {
    width:60%;
}

.minhas-rifas-box-results-left-button {
    background-color: rgba(255, 168, 0, 1);
    color: white;
    padding: 4px 8px;
    margin: 0px 0px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-family: Montserrat;
    font-style: normal;
    font-size: 9px;
}

.minhas-rifas-box-url-title {
    font-family: Montserrat;
    font-style: normal;
    font-size: 12px;
    text-align: left;
    margin-left: 25px;
    margin-top: 25px;
}

.minhas-rifas-box-url {
    font-family: Montserrat;
    font-style: normal;
    background: #FFFFFF; 
    border: 1px solid rgb(21, 145, 21);  
    margin: 10px 20px 0px 20px;
    border-radius: 14px;
}

.minhas-rifas-box-url-text {
    font-size: 14px; 
    text-align: center; 
    color: green; 
    padding-bottom: 10px; 
    padding-top: 10px;
    padding-left: 25px; 
    padding-right: 25px;
}

.minhas-rifas-menu-truncate {
   /* 
    width: 100px;
    max-width: 100px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    */
}

/* main page */

.ro-frontpage-title-titulo-rifa-link {
    color: rgb(9, 9, 100);
}

a.ro-frontpage-title-titulo-rifa-link:link {
	text-decoration: none;
}

a.ro-frontpage-title-titulo-rifa-link:visited {
	text-decoration: none;
}

a.ro-frontpage-title-titulo-rifa-link:hover {
	text-decoration: none;
    color: rgb(9, 9, 100);
}

a.ro-frontpage-title-titulo-rifa-link:active {
	text-decoration: none;
}

.ro-frontpage-title-titulo-rifa {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    color: rgb(9, 9, 100);
    font-size: 12px;  
    padding-left: 3px;
    text-align: left;
    line-height: 24px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding-bottom: 5px;
}

.ro-frontpage-title {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    color: rgb(5, 92, 5);
    padding-left: 3px;
    text-align: left;
    line-height: 24px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.ro-frontpage-row {
    width: 90%;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 13px;
    color: white;
    flex-direction: row; 
    position: relative; 
    display: flex; 
    margin-bottom: 20px;
}

.ro-frontpage-row-box {
    height: 700px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.ro-frontpage-row-box-30 {
    float: left;
    width: 360px;
    height: 700px;
    padding: 15px;
    background: #FFFFFF;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
    flex-direction: column; 
    position: relative; 
    display: flex; 
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
}

.ro-frontpage-row-box-30-value {
    color: black;
}

.ro-frontpage-row-box-30-foto {
    width: 100%;
    height: 173px;
    margin-right:auto;
    margin-left:auto;
    padding: 10px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 9px;
    text-align: center;
    color: black;
    border: 1px solid rgb(247, 241, 241);
}

.ro-frontpage-row-box-30-titulo {
    width: 100%;
    margin-right:auto;
    margin-left:auto;
    padding: 10px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 14px;
    text-align: left;
    color: blue;
    border: 1px solid rgb(247, 241, 241);
}

.ro-frontpage-row-box-30-titulo-truncate { 
    width: 100%;            
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ro-frontpage-row-box-30-premio {
    width: 100%;
    margin-right:auto;
    margin-left:auto;
    padding: 10px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 14px;
    text-align: left;
    color: green;
    border: 1px solid rgb(247, 241, 241);
}

.ro-frontpage-row-box-30-proprietario {
    width: 100%;
    margin-right:auto;
    margin-left:auto;
    padding: 10px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 14px;
    text-align: left;
    color: green;
    border: 1px solid rgb(247, 241, 241);
}

.ro-frontpage-row-box-30-beneficiado {
    width: 100%;
    margin-right:auto;
    margin-left:auto;
    padding: 10px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 14px;
    text-align: left;
    color: green;
    border: 1px solid rgb(247, 241, 241);
}

.ro-frontpage-row-box-30-arrecadado {
    width: 100%;
    margin-right:auto;
    margin-left:auto;
    padding: 10px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 14px;
    text-align: left;
    color: green;
    border: 1px solid rgb(247, 241, 241);
}

.ro-frontpage-row-box-30-arrecadado-progresso {
    width: 100%;
    margin-right:auto;
    margin-left:auto;
    padding: 10px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 12px;
    text-align: left;
    color: black;
   border: 1px solid rgb(247, 241, 241);
}

.ro-frontpage-row-box-30-meta {
    width: 100%;
    margin-right:auto;
    margin-left:auto;
    padding: 10px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size:14px;
    text-align: left;
    color: green;
    border: 1px solid rgb(247, 241, 241);
}

.ro-frontpage-row-box-30-valor {
    width: 100%;
    margin-right:auto;
    margin-left:auto;
    padding: 10px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 14px;
    text-align: left;
    color: black;
    border: 1px solid rgb(247, 241, 241);
}

.ro-frontpage-row-box-30-sorteio {
    width: 100%;
    margin-right:auto;
    margin-left:auto;
    padding: 10px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 13px;
    text-align: left;
    color: green;
    border: 1px solid rgb(247, 241, 241);
}

.ro-frontpage-row-box-30-apoiadores {
    width: 100%;
    margin-right:auto;
    margin-left:auto;
    padding: 10px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 14px;
    text-align: left;
    color: green;
    border: 1px solid rgb(247, 241, 241);
}

.ro-frontpage-row-box-30-compartilhe {
    width: 100%;
    margin-right:auto;
    margin-left:auto;
    padding: 10px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 9px;
    text-align: left;
    color: black;
    border: 1px solid rgb(247, 241, 241);
}

.ro-frontpage-row-box-30-compartilhe-box {
    flex-direction: row; 
    position: relative; 
    display: flex; 
    align-items: center; 
    justify-content: space-between; 
    width:100%;
}

.ro-frontpage-row-box-30-compartilhe-box-title {
    font-size: 13px;
    padding-bottom:3px;
}

.ro-frontpage-row-box-30-compartilhe-box-apps {
    /* border: 1px solid yellow; */
}

.ro-frontpage-row-box-30-comprar {
    padding-top: 25px;
    padding-bottom: 25px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 13px;
    color: white;
    text-align: center;
}

.ro-frontpage-row-box-30-comprar-button {
    width: 100%;
    background-color: #38843C; 
    color: white;
    padding: 10px 15px;
    margin: 0px 0px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-family: Montserrat;
    font-style: normal;
    font-size: 11px;
}

a.ro-frontpage-row-box-30-comprar-button:link {
	text-decoration: none;
}

a.ro-frontpage-row-box-30-comprar-button:visited {
	text-decoration: none;
    color:white;
}

a.ro-frontpage-row-box-30-comprar-button:hover {
	text-decoration: none;
    background-color: #16a340;
}

a.ro-frontpage-row-box-30-comprar-button:active {
	text-decoration: none;
}

/* finalizar cadastro */

.ro-createrifa-form-cadastro-button {
    width: 100%;
    background-color: #38843C; /*#4CAF50;*/
    color: white;
    padding: 7px 15px;
    margin: 10px 0px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-family: Montserrat;
    font-style: normal;
    font-size: 14px;
}

button.ro-createrifa-form-cadastro-button:disabled {
    color: white;
    background-color: rgb(204, 198, 198);
    cursor: wait;
}

a.ro-createrifa-form-cadastro-button:link {
	text-decoration: none;
}

a.ro-createrifa-form-cadastro-button:visited {
	text-decoration: none;
    color:white;
}

a.ro-createrifa-form-cadastro-button:hover {
	text-decoration: none;
    background-color: #16a340;
}

a.ro-createrifa-form-cadastro-button:active {
	text-decoration: none;
}

/* custo */

.ro-frontpage-custo-title {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    color: rgb(5, 92, 5);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-top: 0px;
}

.ro-frontpage-custo-title-h2 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    color: rgb(5, 92, 5);
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.ro-frontpage-custo {
    text-align: center; flex-direction: row; position: relative; display: flex;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 13px;
    margin-top: 15px;
    margin-bottom: 30px;
    border: 1px solid rgb(247, 241, 241);
}

.ro-frontpage-custo-items {
    padding: 25px; flex-direction: column; position: relative; display: flex;
}

.ro-frontpage-custo-items-desc {
    padding-bottom: 3px;
}

.ro-frontpage-custo-items-desc-h4 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 13px;
    text-align: center; 
    color: black;
}

.ro-frontpage-custo-items-title {
    padding-bottom: 10px; 
    color: green; 
    font-size: 16px;
    text-transform: uppercase;
}

.ro-frontpage-custo-items-title-h3 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    color: green; 
    font-size: 16px;
    text-transform: uppercase;
}

/* fim custo */

/* tipos de rifas */

.ro-tiposrifas-title {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    color: rgb(5, 92, 5);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-top: 0px;
}

.ro-tiposrifas-title-h1 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    color: rgb(5, 92, 5);
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.ro-tiposrifas-list {
    text-align: center; flex-direction: row; position: relative; display: flex;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 13px;
    border: 1px solid rgb(247, 241, 241);
    margin-top: 35px;
    margin-bottom: 50px;
    margin-left: 15px;
    margin-right: 15px;
}

.ro-tiposrifas-list-items {
    padding: 25px; flex-direction: column; position: relative; display: flex;
}

.ro-tiposrifas-list-items-desc {
    padding-top: 5px;
    padding-bottom: 5px;
}

.ro-tiposrifas-list-items-desc-h3 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 13px;
    text-align: center; 
    color: black;
}

.ro-tiposrifas-list-items-title {
    padding-bottom: 10px; 
    color: green; 
    font-size: 16px;
    text-transform: uppercase;
}

.ro-tiposrifas-list-items-title-h2 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    color: green; 
    font-size: 16px;
    text-transform: uppercase;
}

.ro-tiposrifas-link {
    color: rgb(41, 40, 40);
    cursor: pointer;
}

a.ro-tiposrifas-link:link {
	text-decoration: none;
}

a.ro-tiposrifas-link:visited {
	text-decoration: none;
}

a.ro-tiposrifas-link:hover {
	text-decoration: none;
}

a.ro-tiposrifas-link:active {
	text-decoration: none;
}

.ro-tiposrifas-obs-title {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    /* color: #757575; */
    color: rgb(218, 35, 35);
    font-size: 13px;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
}

.ro-tiposrifas-obs-desc {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    color: #757575; 
    font-size: 12px;
    font-style: italic;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;
}

/* fim tipo de rifas */

/* quadro ad pagina rifa */

.rifapage-square-ads {
    text-align: center; 
    flex-direction: row; 
    position: relative; 
    display: flex;
}

.rifapage-square-ads-1 {
    background: #FFFFFF; 
    border: 1px solid rgb(212, 212, 212);  
    margin: 10px 20px 30px 20px;
    border-radius: 14px;
    padding: 20px 50px;
    height: 140px;
}


/* frontpage quadros de ads */

.frontpage-square-ads {
    /*width: 100%;*/
    text-align: center; 
    flex-direction: row; 
    position: relative; 
    display: flex;
}

.frontpage-square-ads-1 {
    background: #FFFFFF; 
    border: 1px solid rgb(212, 212, 212);  
    margin: 10px 20px 30px 20px;
    border-radius: 14px;
    padding: 20px 50px;
    height: 140px;
}

.frontpage-square-ads-2 {
    background: #FFFFFF; 
    border: 1px solid rgb(212, 212, 212);  
    margin: 10px 20px 30px 20px;
    border-radius: 14px;
    padding: 20px 50px;
    height: 140px;
}

.frontpage-square-ads-3 {
    background: #FFFFFF; 
    border: 1px solid rgb(212, 212, 212);  
    margin: 10px 20px 40px 20px;
    border-radius: 14px;
    padding: 20px 50px;
    height: 140px;
}


.frontpage-square-ads-3-button { 
    color: white;
}

a.frontpage-square-ads-3-button:link {
    text-decoration: none;
}

a.frontpage-square-ads-3-button:visited {
    text-decoration: none;
    color:white;
}

a.frontpage-square-ads-3-button:hover {
    text-decoration: none;
}

a.frontpage-square-ads-3-button:active {
    text-decoration: none;
}

.ro-frontpage-motivos-title {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    color: rgb(5, 92, 5);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-top: 0px;
}

.ro-frontpage-motivos-title-h2 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    color: rgb(5, 92, 5);
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.ro-frontpage-motivos {
    text-align: center; flex-direction: row; position: relative; display: flex;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 13px;
    margin-top: 15px;
    margin-bottom: 30px;
    border: 1px solid rgb(247, 241, 241);
}

.ro-frontpage-motivos-items {
    padding: 25px; flex-direction: column; position: relative; display: flex;
}

.ro-frontpage-motivos-items-desc {
    padding-bottom: 3px;
}

.ro-frontpage-motivos-items-desc-h4 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 13px;
    text-align: center; 
    color: black;
}

.ro-frontpage-motivos-items-title {
    padding-bottom: 10px; 
    color: green; 
    font-size: 16px;
    text-transform: uppercase;
}

.ro-frontpage-motivos-items-title-h3 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    color: green; 
    font-size: 16px;
    text-transform: uppercase;
}

.ro-frontpage-processo-title {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    color: rgb(143, 101, 25);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding-left: 20px;
    text-align: left;
}

.ro-frontpage-processo-title-h2 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    color: rgb(143, 101, 25);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-align: left;
}

.ro-frontpage-processo {
    text-align: center; 
    flex-direction: row; 
    position: relative; 
    display: flex;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 13px;
    margin-top: 15px;
    margin-bottom: 50px;
    border: 1px solid rgb(247, 241, 241);
}

.ro-frontpage-processo-items {
    padding: 15px;
    padding-top: 25px;
    padding-bottom: 25px; 
    flex-direction: column; 
    position: relative; 
    display: flex;
}

.ro-frontpage-processo-items-title {
    font-family: Montserrat;
    font-style: normal;
    text-transform: uppercase;
    font-size: 14px;
    /* background-color: orange; */
    /* color: white; */
    color: orange;
    margin: 0px 0px;
    /* border: none; */
    border: 1px solid orange;
    border-radius: 4px;
    padding: 10px 15px;
    margin-bottom: 15px;
}

.ro-frontpage-processo-items-title-h3 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    /* color: orange; */
    color: rgb(161, 103, 7);
}

.ro-frontpage-processo-items-desc {
    padding-bottom: 3px;
    text-align: left;
}

.ro-frontpage-processo-items-desc-h4 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 13px;
    text-align: left; 
    color: black;
}

.ro-frontpage-criar-rifa-buttom {
    flex-direction: column; 
    position: relative; 
    display: flex;
    margin-top: 0px;
    margin-bottom: 50px; 
}

.ro-frontpage-mais-rifas-buttom {
    flex-direction: column; 
    position: relative; 
    display: flex;
    margin-top: 0px;
    margin-bottom: 50px; 
}

.ro-frontpage-criar-rifa-buttom-estilo {
    width: 100%;
    /* background-color: #4CAF50; */
    background-color: #348437;
    color: white;
    margin: 0px 0px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-family: Montserrat;
    font-style: normal;
    font-size: 15px;
    padding: 10px 25px;
}

a.ro-frontpage-criar-rifa-buttom-estilo:link {
text-decoration: none;
}

a.ro-frontpage-criar-rifa-buttom-estilo:visited {
    text-decoration: none;
    color:white;
}

a.ro-frontpage-criar-rifa-buttom-estilo:hover {
    text-decoration: none;
    background-color: #16a340;
}

a.ro-frontpage-criar-rifa-buttom-estilo:active {
    text-decoration: none;
}

/* influencer */

.ro-influencer-processo-title-1 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    color: rgb(143, 101, 25);
    letter-spacing: 0.1em;
    text-transform: uppercase;

    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 20px;
}

.ro-influencer-processo-title-h1 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    color: green;
    letter-spacing: 0.1em;
    text-transform: uppercase;

    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    text-align: center;
}

.ro-influencer-processo-title-h1-text {
    font-family: Montserrat;
    font-style: italic;
    font-weight: 400;
    font-size: 13px;
    color: gray;
    text-align: center;
    margin-bottom: 25px;
}

.ro-influencer-processo-title-2 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    color: rgb(143, 101, 25);
    letter-spacing: 0.1em;
    text-transform: uppercase;

    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 20px;
}

.ro-influencer-processo-title-h2 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: rgb(143, 101, 25);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-align: left;

    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    text-align: center;
}

.ro-influencer-processo {
    text-align: center; 
    flex-direction: row; 
    position: relative; 
    display: flex;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 13px;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    flex-direction: column; 
    position: relative; 
    display: flex;
    border: none;
    margin-top: 5px;
    margin-bottom: 0px;
}

.ro-influencer-processo-items {
    padding: 15px;
    padding-top: 20px;
    padding-bottom: 15px; 
    flex-direction: column; 
    position: relative; 
    display: flex;

    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
}

.ro-influencer-processo-items-title {
    font-family: Montserrat;
    font-style: normal;
    text-transform: uppercase;
    font-size: 14px;
    color: orange;
    margin: 0px 0px;
    border: 1px solid orange;
    border-radius: 4px;
    padding: 10px 15px;
    margin-bottom: 15px;

    width: 75%;
    margin-left: 0%;
    margin-right: 0%;
    text-align: center;
    margin: 0;
    position: relative;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    justify-content: center;
    padding: 10px 25px;
}

.ro-influencer-processo-items-title-h3 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    color: rgb(161, 103, 7);
}

.ro-influencer-processo-items-desc {
    padding-bottom: 3px;
    text-align: left;
    width: 95%;
    margin-left: 0%;
    margin-right: 0%;
    text-align: center;
    margin: 0;
    position: relative;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    justify-content: center;
}

.ro-influencer-processo-items-desc-h4 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    text-align: left; 
    color: rgb(90, 90, 90);
    font-size: 12px;
    text-align: center; 
}

.ro-influencer-form-textitem-center {
    padding-top: 5px; 
    padding-bottom: 5px; 
    font-family: Verdana, Geneva, Tahoma, sans-serif; 
    font-size: 13px;
    text-align: center;
}

.ro-influencer-url-box {
    border: 1px solid rgb(129, 252, 129);
    border-radius: 4px;
    width: 95%;
    margin: 0;
    position: relative;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    justify-content: center;
    padding: 10px 0px;
}

.ro-influencer-url-box-text {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    text-transform: lowercase;
    font-size: 13px;
    color: green;
}

.ro-influencer-perguntas-box-text {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 23px;
    color: green;
    text-align: left; 
}

.ro-influencer-perguntas-box {
    width: 80%;
    flex-direction: row; 
    position: relative; 
    display: flex; 
}

.ro-influencer-perguntas-box-col {
    width: 50%;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 70px;
    padding-right: 70px;
}

.ro-influencer-perguntas-box-col-title {
    padding-top: 5px;
    padding-bottom: 5px; 
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    text-align: left; 
    color: green; 
}

.ro-influencer-perguntas-box-col-descr {
    padding-top: 10px;
    padding-bottom: 10px; 
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-style: normal;
    color: rgb(88, 88, 88);
    font-size: 14px;
    font-weight: 300;
    text-align: left; 
}

.ro-influencer-buttom-participar {
    flex-direction: column; 
    position: relative; 
    display: flex;
    padding-top: 0px;
    padding-bottom: 50px;
    text-align: center;
}

.ro-influencer-box-descr {
    width: 70%;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 50px;
    padding-right: 50px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-style: normal;
    color: rgb(88, 88, 88);
    font-size: 14px;
    font-weight: 300;
    text-align: center; 
}

.ro-influencer-hr {
    width: 80%;
    padding-top: 0px;
    padding-bottom: 15px;
}

.ro-influencer-botton-box {
    width: 200px; 
    margin-left: auto; 
    margin-right: auto;
}

.ro-influencer-botton-box-estilo {
    padding: 5px 10px;
    border: 1px solid green;
    border-radius: 4px;
    color: green;
}

/* configurações */

.ro-config-row {
    width: 100%;
    flex-direction: row; 
    position: relative; 
    display: flex; 
}

.ro-config-row-item {
    padding-right: 10px;
}

/* pagina criar rifa */

.ro-colaboradores-box {
    width: 500px; 
    flex-direction: column; 
    position: relative; 
    display: flex;
}

.ro-colaboradores-box-shadow {
    width: 100%; 
    height: 100%; 
    padding-top: 25px; 
    margin-top: 15px; 
    margin-bottom: 15px;
    background: #FFFFFF;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
}

.ro-craterifa_steps {
    font-size: 38px; 
    color: rgb(228, 222, 222);
}

.ro-craterifa-box {
    width: 400px; 
    /*flex-direction: column; 
    position: relative; 
    display: flex;*/
}

.ro-createrifa-box-shadow {
    width: 100%; 
    height: 100%; 
    padding-top: 25px; 
    margin-top: 15px; 
    margin-bottom: 15px;
    background: #FFFFFF;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
}

.ro-createrifa-box-1 {
    margin: auto; 
    width: 361px; 
    padding-bottom: 20px; 
    /* border: 1px solid orange; */
}

.ro-createrifa-upload-box-1 {
    margin: auto; 
    width: 361px; 
    padding-bottom: 20px; 
    /* border: 1px solid orange; */
}

.ro-createrifa-box-1-1 {
    width: 361px; 
    padding-top: 10px; 
    padding-bottom: 20px; 
    flex-direction: column; 
    display: flex; 
    border: 1px solid blue;
}

.ro-createrifa-error {
    height: 100%; 
    padding-top: 10px; 
    padding-bottom: 10px; 
    text-align: center; 
    font-family: Verdana, Geneva, Tahoma, sans-serif; 
    font-size: 12px; 
    color: red;
    /* border: 1px solid cyan; */
}

.ro-createrifa-etapas {
    width:100%; 
    padding-top: 15px; 
    padding-bottom: 0px; 
    text-align: center; 
    font-family: Verdana, Geneva, Tahoma, sans-serif;  
    /* border: 1px solid green; */
}

.ro-createrifa-form-textitem {
    padding-top: 5px; 
    padding-bottom: 10px; 
    font-family: Verdana, Geneva, Tahoma, sans-serif; 
    font-size: 13px;
}

.ro-createrifa-form-textitem-email {
    padding-top: 5px; 
    font-family: Verdana, Geneva, Tahoma, sans-serif; 
    font-size: 14px; 
    margin-bottom: 10px; 
    text-align: center; 
    color: green;
}

.ro-createrifa-form-textitem-nome {
    padding-top: 5px; 
    font-family: Verdana, Geneva, Tahoma, sans-serif; 
    font-size: 14px; 
    margin-bottom: 10px; 
    text-align: center; 
    color: green;
    text-transform: capitalize;
}

.ro-createrifa-form-textitem-radio {
    padding-top: 4px; 
    padding-bottom: 4px; 
    font-family: Verdana, Geneva, Tahoma, sans-serif; 
    font-size: 12px;
}

.ro-createrifa-form-textitem-termos {
    padding-top: 0px; 
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px; 
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: gray;  
    font-size: 10px;
}

a.ro-createrifa-form-textitem-termos:link {
    color:rgb(107, 169, 240);
}

a.ro-createrifa-form-textitem-termos:visited {
    color:rgb(107, 169, 240);
}

a.ro-createrifa-form-textitem-termos:hover {
    text-decoration: none;
}

.ro-createrifa-form-block-radio {
    margin-bottom: 15px; 
    width: 100%; 
    text-align:center; 
    /*border: 1px solid green;*/
}

.ro-createrifa-form-textitem-obs-bottom {
    font-family: Verdana, Geneva, Tahoma, sans-serif; 
    padding-top: 0px;
    font-size: 10px; 
    margin-bottom: 15px; 
    width: 100%; 
    text-align: right; 
    /* border: 1px solid green; */
}

input.ro-createrifa-form[type=submit] {
    width: 100%;
    background-color: #38843C;
    color: white;
    padding: 5px 10px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

input.ro-createrifa-form[type=submit]:hover {
    background-color: #45a049;
}

input.ro-createrifa-form[type=text], input[type=password], [type=number] {
    width: 100%;
    padding: 10px 10px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    resize: none;
}

.ro-margin-bottom-zero {
    margin-bottom: 0px;
}

textarea {
    resize: none;
    width: 100%;
    padding: 10px 10px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    resize: none;
}

/* colaboradores */

.ro-colaboradores-list {
    width: 350px; 
    flex-direction: column; 
    position: relative; 
    display: flex;
}

.ro-colaboradores-list-shadow {
    width: 100%; 
    padding-top: 10px; 
    padding-bottom: 10px; 
    margin-top: 15px; 
    margin-bottom: 15px;
    background: #FFFFFF;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
}

.ro-colaboradores-list-box {
    width: 100%; 
    flex-direction: row; 
    position: relative; 
    display: flex;
    height: 100%;
}

.ro-colaboradores-list-box-1 {
    margin: auto; 
    width: 68%; 
    margin-left: 25px;
    height: 100%;
}

.ro-colaboradores-list-field-value {
    font-family: Verdana, Geneva, Tahoma, sans-serif; 
    font-size: 14px; 
    text-align: left; 
    color: green;
    margin-top: 20px;
    margin-bottom: 20px;
} 


/* meus dados */

.ro-meus-dados-troca-senha {
    width: 500px; 
    flex-direction: column; 
    position: relative; 
    display: flex;
}

.ro-meus-dados-troca-senha-title {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    color: rgb(5, 92, 5);
    text-align: left;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-top: 0px;
    margin-left: 15px;
}

.ro-meus-dados {
    width: 500px; 
    flex-direction: column; 
    position: relative; 
    display: flex;
}

.ro-meus-dados-box-shadow {
    width: 100%; 
    padding-top: 25px; 
    padding-bottom: 25px; 
    margin-top: 15px; 
    margin-bottom: 15px;
    background: #FFFFFF;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
}

.ro-meus-dados-box {
    width: 100%; 
    flex-direction: row; 
    position: relative; 
    display: flex;
    height: 200px;
}

.ro-meus-dados-box-1 {
    margin: auto; 
    width: 68%; 
    /* border: 1px solid orange; */
    margin-left: 25px;
    height: 100%;
}

.ro-meus-dados-box-2 {
    margin: auto; 
    width: 32%; 
    /*border: 1px solid blue;*/
    margin-right: 25px;
    height: 100%;
}

.ro-meus-dados-field-title {
    padding-top: 5px; 
    padding-bottom: 5px; 
    font-family: Verdana, Geneva, Tahoma, sans-serif; 
    font-size: 13px;
}

.ro-meus-dados-field-value {
    padding-top: 5px; 
    font-family: Verdana, Geneva, Tahoma, sans-serif; 
    font-size: 14px; 
    text-align: left; 
    color: green;
    margin-bottom: 20px;
} 

.ro-meus-dados-title {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    color: rgb(5, 92, 5);
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 20px;
}

/* upload de foto da rifa */


#loader {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    border: 16px solid #f3f3f3;
    border-top: 16px solid green;
    width: 120px;
    height: 120px;
    margin: -76px 0 0 -76px;
    border-radius: 50%;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.box {
    width: 100%;
    margin-bottom: 20px;
}

.box-after {
    width: 50%;
    margin-bottom: 20px;
    margin-left: 50%;
}

.box-2 {
    padding: 0.5em;
    width: 100%;
    height: 300px;
    border: 1px solid rgb(238, 237, 237);
}

/* page e-mail register */

.ro-page-email-box {
    margin: auto; 
    width: 361px;
}

.ro-page-email-box-line-1 {
    width: 361px; 
    padding-top: 35px; 
    padding-bottom: 15px; 
    flex-direction: row; 
    display: flex;
}

.ro-page-email-box-line-1-h1-text {
    width: 100%; 
    margin-left: 5px; 
    text-align: left; 
    font-family: Verdana, Geneva, Tahoma, sans-serif; 
    font-size: 17px; 
    font-style: normal;
    font-weight: 500;
}

.ro-page-email-box-line-2 {
    width: 361px; 
    flex-direction: column; 
    display: flex;
}

.ro-page-email-box-line-2-text-error {
    padding-bottom: 25px; 
    text-align: center; 
    font-family: Verdana, Geneva, Tahoma, sans-serif; 
    font-size: 12px; 
    color: red;
}

.ro-page-email-box-line-2-text-info-cadastro {
    padding-bottom: 10px; 
    font-family: Verdana, Geneva, Tahoma, sans-serif; 
    font-size: 13px;
}

input.ro-page-email-register-form[type=submit] {
    width: 100%;
    background-color: #38843C;
    color: white;
    padding: 5px 10px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

input.ro-page-email-register-form[type=submit]:hover {
    background-color: #45a049;
}

input.ro-page-email-register-form[type=text], input[type=password] {
    width: 100%;
    padding: 10px 10px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

/* reedem page */

.ro_gift_reedem_button {
    padding-left:10%; 
    padding-right:10%; 
    padding-bottom: 20px;
}

/* page login */

.ro-page-login-box {
    margin: auto; 
    width: 361px;
}

.ro-page-login-box-line-1 {
    width: 361px; 
    padding-top: 35px; 
    padding-bottom: 20px; 
    flex-direction: row; 
    display: flex;
}

.ro-page-login-box-line-1-text-acessar {
    width: 100%; 
    margin-left: 5px; 
    text-align: left; 
    font-family: Verdana, Geneva, Tahoma, sans-serif; 
    font-size: 17px;
}

.ro-page-login-box-line-1-text-criar-conta {
    width: 100%; 
    margin-right: 5px; 
    text-align: right; 
    font-family: Verdana, Geneva, Tahoma, sans-serif; 
    font-size: 12px;
}


.ro-page-login-recuperar-senha-text {
    font-family: Verdana, Geneva, Tahoma, sans-serif; 
    font-size: 12px;
    color:green;
}

.ro-page-login-box-line-2 {
    width: 361px; 
    padding-top: 10px; 
    padding-bottom: 20px; 
    flex-direction: column; 
    display: flex;
}

.ro-page-login-box-line-2-text-error {
    padding-bottom: 20px; 
    text-align: center; 
    font-family: Verdana, Geneva, Tahoma, sans-serif; 
    font-size: 12px; 
    color: red;
}

.ro-page-login-box-line-2-text-email {
    padding-bottom: 10px; 
    font-family: Verdana, Geneva, Tahoma, sans-serif; 
    font-size: 13px;
}

input.ro-page-login-form[type=text], input[type=password] {
    width: 100%;
    padding: 10px 10px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

input.ro-page-login-form[type=submit] {
    width: 100%;
    background-color: #38843C;
    color: white;
    padding: 5px 10px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

input.ro-page-login-form[type=submit]:hover {
    background-color: #45a049;
}

/* rifas compradas */

.ro-apoiadoresadm-row-box-30-arrecadado {
    width: 100%;
    margin-right:auto;
    margin-left:auto;
    padding: 10px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 15px;
    text-align: left;
    color: black;
    border: 1px solid rgb(241, 236, 236);
}

.ro-apoiadores-row-box-30-arrecadado {
    width: 100%;
    margin-right:auto;
    margin-left:auto;
    padding: 10px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 15px;
    text-align: left;
    color: black;
    border: 1px solid rgb(241, 236, 236);
    margin-top: 10px;
    margin-bottom: 10px;
}

/* bilhetes comprados */

.ro-billetes-page-row-box-30 {
    float: left;
    width: 100%;
    height: 100%;
    padding: 15px;
    background: #FFFFFF;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
    flex-direction: column; 
    position: relative; 
    display: flex; 
}

/* page rifa */

.ro-rifapage-title {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    color: rgb(5, 92, 5);
    padding-left: 3px;
    text-align: left;

    /* h2 capa */
    line-height: 24px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.ro-rifapage-row {
    width: 60%;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 13px;
    color: white;
    flex-direction: row; 
    position: relative; 
    display: flex; 
    margin-bottom: 20px;
    /* border: 1px solid red; */
}

.ro-rifapage-row-box {
    width: 100%;
    height: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}

.ro-rifapage-bill-row-box {
    width: 100%;
    height: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}

.ro-rifapage-row-box-30 {
    float: left;
    width: 100%;
    height: 100%;
    padding: 15px;
    background: #FFFFFF;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
    flex-direction: column; 
    position: relative; 
    display: flex; 
}

.ro-rifapage-row-box-30-first-line {
    flex-direction: row; position: relative; display: flex; width: 100%;
}

.ro-rifapage-row-box-30-first-line-col1 {
    width: 75%;
}

.ro-rifapage-row-box-30-first-line-col2 {
    width: 25%;
    text-align: right;
}

.ro-rifapage-row-box-30-first-line-col2-text {
    background-color: #348437;
    color: white; padding: 5px 10px;
    margin: 0px 0px;
    border: none;
    border-radius: 4px; font-size: 7px;
}

a.ro-rifapage-row-box-30-first-line-col2-text:link {
	text-decoration: none;
}

a.ro-rifapage-row-box-30-first-line-col2-text:visited {
	text-decoration: none;
    color:white;
}

a.ro-rifapage-row-box-30-first-line-col2-text:hover {
	text-decoration: none;
    background-color: #16a340;
}

a.ro-rifapage-row-box-30-first-line-col2-text:active {
	text-decoration: none
}

.ro-rifapage-bill-row-box-30 {
    float: left;
    width: 100%;
    height: 100%;
    padding: 15px;
    background: #FFFFFF;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
    flex-direction: column; 
    position: relative; 
    display: flex; 
}

.ro-rifapage-row-box-30-value {
    color: black;
}

.ro-rifapage-row-box-30-value-infobox-truncate {
     width: 100%;
     max-width: 98%;
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
     display: inline-block;
}
 
.ro-rifapage-seja-o-primeiro {
    color: rgb(233, 115, 36); 
}

/* primeira letra upper em texto */
.ro-firstUpperText {
    text-transform: lowercase;
}
.ro-firstUpperText::first-letter {
    text-transform: uppercase;
    /*color: red;*/
}

/* primeira letra upper em texto */
P {
    text-transform: lowercase;
}
p::first-letter {
    text-transform: uppercase;
}

.ro-captalize {
    text-transform: capitalize;
}

.ro-rifapage-row-box-30-field {
    color: green;
    padding-bottom: 7px;
}

.ro-rifapage-row-box-30-foto {
    width: 100%;
    margin-right:auto;
    margin-left:auto;
    padding: 10px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 9px;
    text-align: center;
    color: black;
    border: 1px solid rgb(247, 241, 241);
}

.ro-rifapage-row-box-30-foto-box {
    flex-direction: row; 
    position: relative; 
    display: flex;
}

.ro-rifapage-row-box-30-foto-box-left {
    width:50%;
}

.ro-rifapage-row-box-30-foto-box-right {
    width:50%;
}

.ro-rifapage-h1 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 15px;
    text-align: center;
    color: blue; 
    text-transform: uppercase;
}

.ro-rifapage-row-box-30-premio {
    width: 100%;
    margin-right:auto;
    margin-left:auto;
    padding: 10px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 16px;
    text-align: center;
    color: black;
    border: 1px solid rgb(247, 241, 241);
}

.ro-rifapage-row-box-30-titulo {
    width: 100%;
    margin-right:auto;
    margin-left:auto;
    padding: 10px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 16px;
    text-align: center;
    color: blue;
    text-transform: lowercase;
    border: 1px solid rgb(247, 241, 241);
}

.ro-rifapage-row-box-30-titulo::first-letter {
    text-transform: uppercase;
}

.ro-rifapage-row-box-30-descricao {
    width: 100%;
    margin-right:auto;
    margin-left:auto;
    padding: 10px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 15px;
    text-align: center;
    color: black;
    border: 1px solid rgb(247, 241, 241);
}

.ro-rifapage-row-box-30-proprietario {
    width: 100%;
    margin-right:auto;
    margin-left:auto;
    padding: 10px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 15px;
    text-align: center;
    color: black;
    border: 1px solid rgb(247, 241, 241);
}

.ro-rifapage-row-box-30-arrecadado {
    width: 100%;
    margin-right:auto;
    margin-left:auto;
    padding: 10px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 15px;
    text-align: left;
    color: black;
}

.ro-rifapage-row-box-30-arrecadado-saldo {
    width: 100%;
    margin-right:auto;
    margin-left:auto;
    padding: 10px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 15px;
    text-align: left;
    color: black;
    border: 1px solid rgb(247, 241, 241);
    margin-top: 15px;
}

.ro-rifapage-row-box-30-arrecadado-progresso {
    width: 100%;
    margin-right:auto;
    margin-left:auto;
    padding: 10px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 14px;
    text-align: left;
    color: black;
}

.progress-bar{
    --progress: 0; 
    height: 20px;
    padding: 1px;
    background-color: #ccc;
    display: flex;
    border-radius: 18px;
}

.progress-bar::before{
    content: "";
    width: calc(var(--progress) * 1%);
    /*background-color: hsl( calc(var(--progress) * 1.2) , 80%, 50%); /* vermelho a verde */
    background-color: hsl( calc(100) , 80%, 50%); /* toda verde */
    border-radius: 18px;
}

.ro-rifapage-row-box-30-meta {
    width: 100%;
    margin-right:auto;
    margin-left:auto;
    padding: 10px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 15px;
    text-align: left;
    color: black;
}

.ro-rifapage-row-box-30-valor {
    width: 100%;
    margin-right:auto;
    margin-left:auto;
    padding: 10px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 15px;
    text-align: center;
    color: black;
}

.ro-rifapage-row-box-30-sorteio {
    width: 100%;
    margin-right:auto;
    margin-left:auto;
    padding: 10px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 15px;
    text-align: center;
    color: black;
}

.ro-rifapage-row-box-30-apoiadores {
    width: 100%;
    margin-right:auto;
    margin-left:auto;
    padding: 10px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 15px;
    text-align: left;
    color: black;
}

.ro-rifapage-row-box-30-apoiadores-button {
    width: 100%;
    color: green;
    font-family: Montserrat;
    font-style: normal;
    font-size: 12px;
}

a.ro-rifapage-row-box-30-apoiadores-button:link {
	/* text-decoration: none; */
}

a.ro-rifapage-row-box-30-apoiadores-button:visited {
	text-decoration: none;
    /* color:white; */
}

a.ro-rifapage-row-box-30-apoiadores-button:hover {
	/*
    text-decoration: none;
    background-color: #16a340;
    */
}

a.ro-rifapage-row-box-30-apoiadores-button:active {
	/* text-decoration: none */
}

.ro-rifapage-row-box-30-compartilhe {
    width: 100%;
    margin-right:auto;
    margin-left:auto;
    padding: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.ro-rifapage-row-box-30-compartilhe-box {
    flex-direction: row; 
    position: relative; 
    display: flex; 
    align-items: center; 
    justify-content: space-between; 
    width: 100%;
    width: 270px;
}

.ro-rifapage-row-box-30-compartilhe-box-title {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 14px;
    text-align: left;
    color: black;
    padding-bottom:3px;
}

.ro-rifapage-row-box-30-compartilhe-box-apps {
    /* border: 1px solid yellow; */
}

.ro-rifapage-row-box-30-comprar {
    padding-top: 20px;
    padding-bottom: 20px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 13px;
    color: white;
    text-align: center;
}

.ro-rifapage-row-box-30-comprar-row {
    flex-direction: row; 
    position: relative; 
    display: flex;
}

.ro-rifapage-row-box-30-comprar-column {
    width:33%; 
    padding-top: 5px;
    padding-bottom:5px; 
    color: black; 
}

/* pagina apoiadores */

.ro-apoiadorespage-row {
    width: 300px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 13px;
    color: white;
    flex-direction: row; 
    position: relative; 
    display: flex; 
    margin-bottom: 20px;
}

/* increment decrement */

input[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}
  
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.number-input {
    border: 1px solid #ddd;
    display: inline-flex;
    border-radius: 4px;
  }
  
  .number-input,
  .number-input * {
    box-sizing: border-box;
  }
  
  .number-input button {
    outline:none;
    -webkit-appearance: none;
    border: none;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    height: 25px;
    cursor: pointer;
    margin: 0;
    position: relative;
    /* background-color: #4CAF50; */
    background-color: #348437;
    border: none;
    border-radius: 4px;
  }
  
  .number-input button:before,
  .number-input button:after {
    display: inline-block;
    position: absolute;
    content: '';
    width: 1rem;
    height: 2px;
    background-color: #212121;
    transform: translate(-50%, -50%);
    background-color: white;
  }
  .number-input button.plus:after {
    transform: translate(-50%, -50%) rotate(90deg);
  }
  
  .number-input input[type=number] {
    font-family: sans-serif;
    max-width: 5rem;
    padding: .5rem;
    border-width: 0 2px;
    font-size: 2rem;
    height: 3rem;
    height: 25px;
    font-weight: bold;
    text-align: center;
    font-size: 20px;

    /* estou tentando zerar esses valores */
    margin: 0px 0px;
    border: none;
    border-radius: none;
    box-sizing: none;
  }

.ro-rifapage-row-box-30-comprar-button-box-center { /* centraliza na coluna */
    margin: 0;
    position: relative;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    justify-content: center;
}

.ro-rifapage-row-box-30-comprar-button {
    width: 100%;
    background-color: #348437;
    color: white;
    padding: 10px 15px;
    margin: 0px 0px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-family: Montserrat;
    font-style: normal;
    font-size: 11px;
}

a.ro-rifapage-row-box-30-comprar-button:link {
	text-decoration: none;
}

a.ro-rifapage-row-box-30-comprar-button:visited {
	text-decoration: none;
    color:white;
}

a.ro-rifapage-row-box-30-comprar-button:hover {
	text-decoration: none;
    background-color: #16a340;
}

a.ro-rifapage-row-box-30-comprar-button:active {
	text-decoration: none
}

/* box tip */

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}
  
.tooltip .tooltiptext {
visibility: hidden;
width: 300px;
background-color: #555;
color: #fff;
text-align: left;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 125%;
left: 20%;
margin-left: -60px;
opacity: 0;
transition: opacity 0.3s;
padding-left: 10px;
padding-right: 10px;
}

.tooltip .tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 20%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
visibility: visible;
opacity: 1;
}

/* Página comprar rifa */

.ro-comprar-box {
    width: 450px; 
    flex-direction: column; 
    position: relative; 
    display: flex;
}

.ro-comprar-box-shadow {
    width: 100%; 
    height: 100%; 
    padding-top: 25px; 
    margin-top: 0px; 
    margin-bottom: 15px;
    background: #FFFFFF;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
}


.ro-buyrifa-box-1 {
    margin: auto; 
    width: 400px; 
    padding-bottom: 20px; 
    /* border: 1px solid orange; */
}

.ro-comprar-error {
    height: 40px; 
    padding-top: 10px; 
    padding-bottom: 10px; 
    text-align: center; 
    font-family: Verdana, Geneva, Tahoma, sans-serif; 
    font-size: 12px; 
    color: red;
    /* border: 1px solid cyan; */
}

.ro-buyrifa-error {
    height: 50px; 
    padding-top: 10px; 
    padding-bottom: 10px; 
    text-align: center; 
    font-family: Verdana, Geneva, Tahoma, sans-serif; 
    font-size: 12px; 
    color: red;
    /* border: 1px solid cyan; */
}

.ro-buyrifa-form-field-row {
    flex-direction: row; 
    position: relative; 
    display: flex;
    border: 1px solid rgb(247, 241, 241);
}
.ro-buyrifa-form-field-row-col1 {
    width:20%;
    /* border: 1px solid blue; */
}
.ro-buyrifa-form-field-row-col2 {
    width:80%;
    /* border: 1px solid gray; */
}

.ro-buyrifa-form-field-row-col1-middle {
    margin: 0;
    position: relative;
    top: 50%;
    left: 80%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    justify-content: center;
    /* border: 1px solid yellow; */

    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 14px;
    color: black;
}

.ro-buyrifa-form-textitem-qrcode {
    padding-top: 5px; 
    padding-bottom: 5px; 
    font-family: Verdana, Geneva, Tahoma, sans-serif; 
    font-size: 11px;
}

.ro-buyrifa-form-textitem {
    padding-top: 5px; 
    padding-bottom: 5px; 
    font-family: Verdana, Geneva, Tahoma, sans-serif; 
    font-size: 13px;
}

.ro-buyrifa-form-textitem-center {
    padding-top: 5px; 
    padding-bottom: 5px; 
    font-family: Verdana, Geneva, Tahoma, sans-serif; 
    font-size: 13px;
    text-align: center;
}

.ro-buyrifa-form-textitem-left {
    padding-top: 5px; 
    font-family: Verdana, Geneva, Tahoma, sans-serif; 
    font-size: 13px;
    text-align:left; 
    padding-left: 5px;
    padding-bottom: 10px; 
}

.ro-buyrifa-form-textitem-email {
    padding-top: 5px; 
    font-family: Verdana, Geneva, Tahoma, sans-serif; 
    font-size: 14px; 
    margin-bottom: 10px; 
    text-align: center; 
    color: green
}

.ro-buyrifa-form-textitem-filled {
    padding-top: 13px; 
    margin-bottom: 13px; 
    font-family: Verdana, Geneva, Tahoma, sans-serif; 
    font-size: 14px; 
    text-align: left; 
    color: green;
}

.ro-buyrifa-form-textitem-radio {
    padding-top: 4px; 
    padding-bottom: 4px; 
    font-family: Verdana, Geneva, Tahoma, sans-serif; 
    font-size: 12px;
}

.ro-buyrifa-form-textitem-termos {
    padding-top: 5px; 
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px; 
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: gray;  
    font-size: 10px;
}

a.ro-buyrifa-form-textitem-termos:link {
    color:rgb(107, 169, 240);
}

a.ro-buyrifa-form-textitem-termos:visited {
    color:rgb(107, 169, 240);
}

.ro-buyrifa-form-captcha {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    padding-left: 30px;
    padding-top: 15px;
    padding-bottom: 20px;
    /* border: 1px solid green; */
}

.ro-comprar-form-captcha {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    padding-left: 75px;
    padding-top: 15px;
    padding-bottom: 20px;
    /* border: 1px solid green; */
}

.ro-buyrifa-form-block-radio {
    margin-bottom: 15px; 
    width: 100%; 
    text-align:center; 
    border: 1px solid green;
}

.ro-buyrifa-form-textitem-obs-bottom {
    font-family: Verdana, Geneva, Tahoma, sans-serif; 
    padding-top: 0px;
    font-size: 10px; 
    margin-bottom: 15px; 
    width: 100%; 
    text-align: right; 
    border: 1px solid green;
}

.ro-comprar-rifa-form-captcha {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    padding-top: 15px;
    padding-bottom: 20px;
    padding-left: 48px
}

input.ro-buyrifa-form[type=submit] {
    width: 100%;
    background-color: #38843C;
    color: white;
    padding: 5px 10px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

input.ro-buyrifa-form[type=submit]:hover {
    background-color: #45a049;
}

input.ro-buyrifa-form[type=text], input[type=password], input[type=number] {
    width: 100%;
    padding: 10px 10px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    resize: none;
}

/* -----------------------------------------------------------------*/

/* Links padrão */

a:link { 
    text-decoration: none;
}
a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:active {
	text-decoration: none
}


/* Links rodapé  */

a.termos:link { 
    text-decoration: none;
    color: white;
}
a.termos:visited {
	text-decoration: none;
    color: white;
}

a.termos:hover {
	text-decoration: underline;
    color: white;
}

a.termos:active {
	text-decoration: none;
    color: white;
}

/* logo */
.logo-stocker-mobile {
    display: none;
}

.omite_web {
    display: none;
}

.omite_web_block {
    display: none; 
}

.omite_web_inline {
    display: none; 
}

.omite_mobile_block {
    display: block;
}

/* admin */

.ro-admin-menu {
    width: 100%; flex-direction: row; position: relative; display: flex;
}

.ro-admin-menu-item {
    padding-bottom: 25px; padding-left: 20px;
}

/* ad google */

.ad_google {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: auto;
    margin-bottom: auto;
} 


/* footer */

.footer-row1 {
    background-color: rgb(4, 4, 37);
    margin-top: 15px;
    padding-top: 35px;
    padding-bottom: 35px;
    width:100%;
    margin-right:auto;
    margin-left:auto;
    padding-left: 150px;
    padding-right: 150px;
    flex-direction: row; 
    display: flex; 
}

.footer-column {
    width:100%;
    margin-right:auto;
    margin-left:auto;
}

.footer-column-title {
    padding-bottom: 10px;
    text-align: left;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 550;
    font-size: 15px;
    color: white;
}

.footer-column-item {
   padding-bottom: 5px;
    text-align: left;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 13px;
    color: white;
}

.footer-hr {
    border-color: rgb(87, 86, 86);
    width: 100%;
}

.footer-logo {
    padding-top: 25px;
    padding-bottom: 25px;
    width:100%;
    margin-right:auto;
    margin-left:auto;
    background-color: rgb(4, 4, 37);
    text-align: center;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 20px;
    color: white;
    flex-direction: row; 
    display: flex;
    align-items: center;
    justify-content: space-between; 
}

.footer-logo-middle {
    align-items: center;
    justify-content: space-between; 
    width:100%;
    text-align: center; 
}

.footer-logo-left {
    align-items: center;
    justify-content: space-between; 
    /* width:54%; */ 
    width:62%;
    text-align: right; 
}

.footer-logo-right {
    align-items: center;
    justify-content: space-between; 
    width:38%;
}


.footer-row2 {
    background-color: rgb(3, 3, 7);
    padding-top: 10px;
    padding-bottom: 10px;
    width:100%;
    margin-right:auto;
    margin-left:auto;
    text-align: center;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 10px;
    color: white;
}

.footer-link {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 13px;
    color: white;
}

a.footer-link:link {
	text-decoration: none;
}    
a.footer-link:visited {
	text-decoration: none;
}

a.footer-link:hover {
	text-decoration: underline;
	color:white;
}

a.footer-link:active {
	text-decoration: none
}

/* Texto padrão */

.text_standard {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    color: blue;
    text-align: center;

    width: 100%;
    margin-right:auto;
    margin-left:auto;
}

/* Botões site */

.button-exclui-selected {
    background-color: rgb(247, 99, 14);
    width: 70%;
    color: white;
    padding: 5px 10px;
    margin: 0px 0px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-family: Montserrat;
    font-style: normal;
    font-size: 11px;
}

button.button-exclui-selected:hover {
    background-color: rgb(252, 111, 30);
}

/* novidade */

.novidade {
    background-color: rgba(255, 168, 0, 1);
    color: white;
    padding: 2px 7px;
    margin: 0px 0px;
    border: none;
    border-radius: 3px;
    font-family: Montserrat;
    font-style: normal;
    font-size: 10px;
    text-transform: none;
}

.button-add-challenge {
    width: 300px;
    background-color: rgba(255, 168, 0, 1);
    color: white;
    padding: 5px 10px;
    margin: 0px 0px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-family: Montserrat;
    font-style: normal;
    font-size: 11px;
    margin-top: 10px;
}

.exclui-rifa-row {
    margin-left: auto; 
    margin-right: auto; 
    width: 100%;
    text-align: right; 
    padding-right: 30px;
}

.button-exclui-rifa {
    width: 100px;
    background-color: white;
    color: gray;
    padding: 5px 10px;
    margin: 0px 0px;
    border: none;
    cursor: pointer;
    font-family: Montserrat;
    font-style: normal;
    font-size: 11px;
    margin-top: 0px;
    text-transform: none
}

/* Barra Login */

.header-bar-login-row {
    width:100%;
    margin-right:auto;
    margin-left:auto;
    background-color: rgb(9, 9, 100);
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 13px;
    color: white;
}

.header-bar-login-column1 {
    float: left;
    width: 20%;
    padding: 15px;
}

.header-bar-login-column2 {
    float: left;
    width: 60%;
    padding: 15px;
    text-align: center;
}

.header-bar-login-column3 {
    float: left;
    width: 20%;
    padding: 15px;
    text-align: center;
}

.header-bar-login-column1-item {
    font-size: 32px;
}

.header-bar-login-column2-item {
    /* border: 1px solid red; */
    /*float: right;*/
    /* flex-direction: row; */
    /* display: flex; */
}

.header-bar-login-column3-item {
}

/* Clear floats after the columns */
.header-bar-login-row:after {
    content: "";
    display: table;
    clear: both;
}

.link-header-mobile {
    display: none;
}

a.link-header:link {
	text-decoration: none;
    color:white;
}

a.link-header:visited {
	text-decoration: none;
    color:white;
}

a.link-header:hover {
	text-decoration: underline;
	color:white;
}

a.link-header:active {
	text-decoration: none
}

/* lupa da pesquisa */

.lupa-site {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450; 
    font-size: 11px;
    color: white;
    text-align: center;
}

.lupa-mobile {
    display: none;
}

/* link logout */

a.link-header-logout:link {
	text-decoration: none;
    color:white;
}

a.link-header-logout:visited {
	text-decoration: none;
    color:white;
}

a.link-header-logout:hover {
	text-decoration: underline;
	color:white;
}

a.link-header-logout:active {
	text-decoration: none
}

/* Barra Opções Site */

.menu-bar-site-left {
    width :40%;
}

.menu-bar-site-right {
    width: 60%;
}

.menu-bar-site-item-right {
    background-color: rgb(5, 5, 75);
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    text-align: right;
}

.menu-bar-site {
    background-color: rgb(5, 5, 75);
    margin-top: 0px; 
    margin-bottom: 0px; 
    flex-direction: row; 
    display: flex; 
    width:100%;
    margin-right:auto;
    margin-left:auto;
    padding-top: 10px;
    padding-bottom: 10px;
}

.menu-bar-site-itens-fixo {
    padding-left: 10px;
}

.menu-bar-site-itens {
    padding-left: 10px;
}

.menu-bar-site-item {
    width: 100%;
    padding: 5px 5px;
    margin: 0px 0px;
    line-height: 25px;
    border-radius: 4px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450; 
    font-size: 13px;
    color: white;
    text-align: center;
    background-color: rgb(5, 5, 75);
    border: 1px solid rgb(5, 5, 75);
}

a.menu-bar-site-item:link {
	text-decoration: none;
}

a.menu-bar-site-item:visited {
	text-decoration: none;
    color:white;
}

a.menu-bar-site-item:hover {
    border: 1px solid white;
	text-decoration: none;
}

a.menu-bar-site-item:active {
	text-decoration: none;
}

/* Barra Menu Mobile */

.menu-bar-site-mobile {
    display: none;
}

/* botoes google e face */

.btn {
    width: 341px;
    padding: 9px;
    border: none;
    border-radius: 4px;
    margin: 5px 0;
    opacity: 0.85;
    display: inline-block;
    font-size: 15px;
    line-height: 18px;
    text-decoration: none; 
    font-family: Arial, Helvetica, sans-serif;
}


/* Barra - h1 - home page */

.menu-bar-navegacao-h1 {
    flex-direction: row; 
    display: flex; 
    margin-right:auto;
    margin-left:auto;
    width:100%;
    margin-top: 5px; 
    margin-bottom: 20px; 
    padding-left: 20px;
    padding-right: 10px;
}

.menu-bar-navegacao-h1-text {
    width: 100%;
    padding: 5px 5px;
    margin: 0px 0px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    color: rgb(5, 5, 75);
    text-align: left;
}

/* Barra Navegação */

.menu-bar-navegacao {
    margin-top: 5px; 
    margin-bottom: 20px; 
    flex-direction: row; 
    display: flex; 
    width:100%;
    margin-right:auto;
    margin-left:auto;
    padding-left: 20px;
}

.menu-bar-navegacao-itens {
    padding-right: 10px;
}

.menu-bar-navegacao-item {
    width: 100%;
    padding: 5px 5px;
    margin: 0px 0px;
    border-radius: 4px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    color: rgb(5, 5, 75);
    text-align: center;
}

.menu-bar-navegacao-item-selected {
    width: 100%;
    padding: 5px 5px;
    margin: 0px 0px;
    border-radius: 4px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    color: #757575;
    text-align: center;
}

.menu-bar-navegacao-item-link {
    color: rgb(5, 5, 75);
}

a.menu-bar-navegacao-item-link:visited {
	text-decoration: none;
}

a.menu-bar-navegacao-item-link:active {
	text-decoration: none
}

.company-page-title-h1 {
    width: 100%;
    margin: auto;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    color: rgb(31, 177, 31);
    text-align: left;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 40px;
}
 
/* Barra - Títulos */

.box-titulo {
    margin-top: 25px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 95%;
}

.box-titulo-estilo {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
}

.box-titulo-itens {
    margin-top: 12px;
    display: flex;
}

.box-titulo-cor {
    color: rgb(31, 177, 31);
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
}

/* menu RF */

.rf-square-border-main {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 35px;
    padding-right: 35px;
    margin-left: 25px;
    margin-right: 25px;
    width: 50%;
}

.rf-square-content-block-row-text {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    text-align: center;
    padding: 10px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 550;
    font-size: 16px;
    text-align: center;
    color: rgb(31, 177, 31);
}

.rf-square-border {
    background: #FFFFFF;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
    padding-top: 35px;
    padding-bottom: 35px;
    padding-left: 35px;
    padding-right: 35px;
    margin-left: 25px;
    margin-right: 25px;
    width: 50%;
}

.rf-square-content-block {
    padding-right: 25px;
}

.rf-square-content-block-row {
    display: flex; 
    flex-direction: row; 
    position: relative; 
}

.rf-square-content {
    display: flex; 
    flex-direction: row; 
    position: relative; 
    align-items: center; 
    justify-content: space-between;
}

/* menu com opções de rifas */

.menu-rifas-title {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    color: rgb(5, 92, 5);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-top: 0px;
}

.menu-rifas-title-h1 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    color: rgb(5, 92, 5);
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.menu-config {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 180px;  /* para 3 itens, 25px - 2, 180px */
    padding-right: 180px; /* para 3 itens, 25px - 2, 180px */
    margin-left: 25px;
    margin-right: 25px;
}

.menu-config-list {
    display: flex; 
    flex-direction: row; 
    position: relative; 
    align-items: center; 
    justify-content: space-between;
}

.menu-config-list-item {
    background: #FFFFFF;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
    padding-top: 25px;
    padding-bottom: 35px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 25px;
    margin-right: 25px;
    width: 60%; 
    height: auto;
}

.menu-config-list-item-option {
    display: flex; 
    flex-direction: column; 
    position: relative; 
}

.menu-config-list-item-option-title {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    text-align: center;
    padding: 10px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 550;
    font-size: 16px;
    text-align: center;
    color:green;
    height: 80px;
}

.menu-config-link {
    color:green;
}

.menu-config-list-item-option-descr {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    text-align: center;
    padding: 10px; 
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    color:green;
    height: 110px;
}

.menu-config-list-item-option-comprar-one-buttom {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    text-align: center;
    padding: 10px;   
    height: 80px;
    padding-top: 20px;
}

.menu-config-saiba-button-comprar {
    width: 100%;
    background-color: #38843C;
    color: white;
    padding: 10px 15px;
    margin: 0px 0px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-family: Montserrat;
    font-style: normal;
    font-size: 11px;
}

a.menu-config-saiba-button-comprar:link {
	text-decoration: none;
}

a.menu-config-saiba-button-comprar:visited {
	text-decoration: none;
    color:white;
}

a.menu-config-saiba-button-comprar:hover {
	text-decoration: none;
    background-color: #16a340;
}

a.menu-config-saiba-button-comprar:active {
	text-decoration: none;
}

.menu-config-list-item-option-price-bilhete {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    text-align: center;
    padding: 10px;   
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    text-align: center;
    color:green;
    height: 50px;
}

.menu-rifas {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 180px;  /* para 3 itens, 25px - 2, 180px */
    padding-right: 180px; /* para 3 itens, 25px - 2, 180px */
    margin-left: 25px;
    margin-right: 25px;
}

.menu-rifas-list {
    display: flex; 
    flex-direction: row; 
    position: relative; 
    align-items: center; 
    justify-content: space-between;
}

.menu-rifas-list-item {
    background: #FFFFFF;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
    padding-top: 25px;
    padding-bottom: 35px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 25px;
    margin-right: 25px;
    width: 40%; /* para 3 itens, 50% */
    height: 420px;
}

.menu-rifas-list-item-option {
    display: flex; 
    flex-direction: column; 
    position: relative; 
}

.menu-rifas-list-item-option-title {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    text-align: center;
    padding: 10px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 550;
    font-size: 16px;
    text-align: center;
    color:green;
    height: 80px;
}

.menu-rifas-list-item-option-descr {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    text-align: center;
    padding: 10px; 
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    color:green;
    height: 110px;
}

.menu-rifas-list-item-option-saiba {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    text-align: center;
    padding: 10px;
    height: 80px;
}

.menu-rifas-list-item-option-price-title {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    text-align: center;
    padding: 10px; 
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    color:green;
    height: 30px;
}

.menu-rifas-list-item-option-price-valor {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    text-align: center;
    padding: 10px;   
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 19px;
    text-align: center;
    color:orange;
    /*color:rgb(46, 45, 45);*/
    height: 50px;
}

.menu-rifas-list-item-option-comprar {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    text-align: center;
    padding: 10px;   
    height: 80px;
    display: flex; 
    flex-direction: row; 
    position: relative; 
    align-items: center; 
    justify-content: space-between;
    padding-left: 50px;
    padding-right: 50px;
}

.menu-rifas-list-item-option-comprar-one-buttom {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    text-align: center;
    padding: 10px;   
    height: 80px;
    padding-top: 20px;
}

.menu-rifas-list-item-option-price-bilhete {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    text-align: center;
    padding: 10px;   
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    text-align: center;
    color:green;
    height: 50px;
}

.menu-rifas-link {
    color:green;
}

a.menu-rifas-link:link {
    color:green;
}

a.menu-rifas-link:visited {
	text-decoration: none;
    color:green;
}

a.menu-rifas-link:hover {
	text-decoration: none;
}

.menu-rifas-saiba-button-comprar {
    width: 100%;
    background-color: #38843C;
    color: white;
    padding: 10px 15px;
    margin: 0px 0px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-family: Montserrat;
    font-style: normal;
    font-size: 11px;
}

a.menu-rifas-saiba-button-comprar:link {
	text-decoration: none;
}

a.menu-rifas-saiba-button-comprar:visited {
	text-decoration: none;
    color:white;
}

a.menu-rifas-saiba-button-comprar:hover {
	text-decoration: none;
    background-color: #16a340;
}

a.menu-rifas-saiba-button-comprar:active {
	text-decoration: none;
}

.menu-rifas-recomendado-row {
    display: flex; 
    flex-direction: row; 
    position: relative; 
    align-items: center; 
    justify-content: space-between;
}

.menu-rifas-recomendado-box {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    text-align: center;
    padding: 5px 15px;
    border: 1px solid rgb(224, 221, 221);
    margin-bottom: 5px;
}
.menu-rifas-recomendado-box-text {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    font-family: Montserrat;
    font-style: normal;
    font-size: 9px;
    color: gray;
    font-weight: 600;
    text-align: center;
}

/* Simulator */

.simulator-square-border {
    background: #FFFFFF;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
    padding-top: 35px;
    padding-bottom: 35px;
    padding-left: 35px;
    padding-right: 35px;
}

.simulator-square-content {
    display: flex; 
    flex-direction: row; 
    position: relative; 
    align-items: center; 
    justify-content: space-between;
}

.simulator-square-content-block {
    padding-right: 25px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
}

.simulator-square-content-block-row {
    display: flex; 
    flex-direction: row; 
    position: relative; 
    align-items: center; 
    justify-content: space-between;
    padding-right: 5px;
}

.simulator-square-content-block-row-text {
    padding-right: 10px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 530;
    font-size: 13px;
    margin-bottom: 7px;
    text-align: right;
}

.simulator-square-content-block-row-radio-title {
    width:350px;
    text-align: left; 
    color:rgba(5, 60, 97, 0.6);
}

.simulator-square-content-block-row-radio {
    padding-right: 10px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    margin-bottom: 7px;
}

.simulator-square-content-block-row-radio-box1 {
    width: 95px;
    text-align: center;
}

.simulator-square-content-block-row-radio-box {
    width: 95px;
    text-align: center;
}

.simulator-text-ind {
    color: rgb(31, 177, 31);
}

a.simulator-text-ind:link {
    color:green;
}

a.simulator-text-ind:visited {
	text-decoration: none;
    color:green;
}

a.simulator-text-ind:hover {
    /* border: 1px solid white; */
	/*text-decoration: none;*/
}

a.simulator-text-ind:active {
	/*text-decoration: none*/
}

/* Quadro simulação => coluna ações e coluna selecinadas */ 

.simulacao-box-row {
    width: 97%;
    margin-right:auto;
    margin-left:auto;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 13px;
    color: white;
}

.simulacao-box-column1 {
    float: left;
    width: 65%;
    padding: 15px; 
}

.simulacao-box-column2 {
    float: left;
    width: 35%;
    padding: 15px;
    padding-left: 35px;
    text-align: center;
}

/* titulo pagina simulador */

.company-simulador-title {
    margin-top: 0px;
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-left: 20px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    color:rgb(5, 5, 75);
}

/* Barra Menu Carteiras */

.menu-bar-portfolio {
    width: 98%;
    margin-right:auto;
    margin-left:auto;
    margin-top: 0px; 
    margin-bottom: 0px;
    background-color: rgb(13, 112, 26);
    display:flex;
}

.menu-bar-portfolio-itens {
    flex-direction: row; 
    display: flex; 
    text-align: center;
    overflow: auto;
    white-space: nowrap;
    padding: 7px 7px;
}

.menu-bar-portfolio-itens::-webkit-scrollbar {
   height: 10px;
   background-color: rgb(169, 206, 169); /* or add it to the track */
}
  
.menu-bar-portfolio-itens::-webkit-scrollbar-thumb {
    background: rgb(105, 175, 112);
}

.menu-bar-portfolio-itens::-webkit-scrollbar-thumb:hover {
    background: rgb(92, 156, 99); 
}

.menu-bar-portfolio-item {
    width: 100%;
    margin-right: 10px;
    padding: 4px 4px;
    border-radius: 4px;
    display: flex; 
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: white;
    text-align: center;
    letter-spacing: 0.02em;
    background-color: rgb(13, 112, 26);
    border: 1px solid rgb(13, 112, 26);
    margin-left: 15px;
}

a.menu-bar-portfolio-item:link {
	text-decoration: none;
}

a.menu-bar-portfolio-item:visited {
	text-decoration: none;
    color:white;
}

a.menu-bar-portfolio-item:hover {
    border: 1px solid white;
	text-decoration: none;
}

a.menu-bar-portfolio-item:active {
	text-decoration: none;
}

.company-portfolio-title {
    margin-top: 25px;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-left: 20px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    color:rgb(5, 5, 75);
}

/* mensagens */

.message-info {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    color: blue;
}

.ro-billete-page-title {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    color: rgb(5, 92, 5);
    padding-left: 3px;
    text-align: left;
    line-height: 24px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

/* Main Page - bloco de indicadores */

.company-frontpage-title {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    color: rgb(5, 92, 5);
    padding-left: 3px;
    text-align: left;
    line-height: 24px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.company-frontpage-title-link {
    color: blue;
}

a.company-frontpage-title-link:link {
	text-decoration: none;
}

a.company-frontpage-title-link:visited {
	text-decoration: none;
}

a.company-frontpage-title-link:hover {
	text-decoration: none;
}

a.company-frontpage-title-link:active {
	text-decoration: none;
}

.frontpage-box-row {
    width: 97%;
    margin-right:auto;
    margin-left:auto;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 13px;
    color: white;
}

.frontpage-box-column1 {
    float: left;
    width: 800px;
    padding: 15px;
    background: #FFFFFF;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
    margin-bottom: 20px;
}

.frontpage-box-column2 {
    height: 600px;
}

/* box saiba o que procurar */

.box-dica {
    flex-direction: column; 
    position: relative; 
    display: flex;
}

.box-dica-item {
    margin-top: 25px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    color: black;
    text-align: left;
}

/* pagina organizador */

.ro-rifapage-organizador-box {
    width: 500px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 20px;
    margin-left: 200px;
    margin-right: 200px;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
    padding-top: 25px;
    padding-bottom: 20px;
}

.ro-rifapage-organizador {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 10px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 13px;
    text-align: center;
}

.ro-rifapage-organizador-photo {
    padding-top: 0px;
    padding-bottom: 10px;
}

.ro-rifapage-organizador-field {
    color: green;
    padding-top: 5px;
    padding-bottom: 5px;
}

.ro-rifapage-organizador-value {
    color: rgb(66, 65, 65);
    padding-top: 5px;
    padding-bottom: 5px;
    text-transform: capitalize;
    font-size: 15px;
}

.ro-rifapage-organizador-link {
    /*color:rgb(66, 65, 65);*/
    color: rgb(2, 2, 126);
}

a.ro-rifapage-organizador-link:link {
	text-decoration: none;
}

a.ro-rifapage-organizador-link:visited {
	text-decoration: none;
}

a.ro-rifapage-organizador-link:hover {
	text-decoration: none;
}

a.ro-rifapage-organizador-link:active {
	text-decoration: none;
}

/* box sobre indicadores */

.indicator-buttons {
    margin-top: 30px;
    margin-left: 10px;
    margin-right: 10px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 10px;
    color: green;
    text-align: center;
}

.indicator-buttons-valor {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 8px;
    margin-top: 4px;
    letter-spacing: 0.03em;
    text-align: center;
    background-color: #38843C;
    color: white;
    padding: 5px 10px;
    margin: 0px 0px;
    border: none;
    border-radius: 4px;
    margin-right: 10px;
}

a.indicator-buttons-valor:link {
	text-decoration: none;
}

a.indicator-buttons-valor:visited {
	text-decoration: none;
    color:white;
}

a.indicator-buttons-valor:hover {
	text-decoration: none;
    background-color: #16a340;
}

a.indicator-buttons-valor:active {
	text-decoration: none
}

/* logo stocker */

.logo-stocker {

}

a.logo-stocker:link {
	text-decoration: none;
    color:white;
}

a.logo-stocker:visited {
	text-decoration: none;
    color:white;
}

a.logo-stocker:hover {
	text-decoration: none;
    color:white;
}

a.logo-stocker:active {
	text-decoration: none;
    color: white;
}

.logo-stocker-footer {

}

a.logo-stocker-footer:link {
	text-decoration: none;
    color:white;
}

a.logo-stocker-footer:visited {
	text-decoration: none;
    color:white;
}

a.logo-stocker-footer:hover {
	text-decoration: none;
    color:white;
}

a.logo-stocker-footer:active {
	text-decoration: none;
    color: white;
}

.company-frontpage-bar-hr {
    border-color: rgb(253, 251, 251);
    width: 100%;
}

/* perguntas frequentes */

.ro-perguntas-box {
    width: 800px; 
    flex-direction: column; 
    position: relative; 
    display: flex;
}

.ro-perguntas-box-shadow {
    width: 100%; 
    height: 100%; 
    padding-top: 25px; 
    margin-top: 15px; 
    margin-bottom: 15px;
    background: #FFFFFF;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
}

.perguntas-title {
    width: 100%;
    padding-top: 25px;
    padding-left: 45px;
    padding-right: 45px;
}

.perguntas-title-h1 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    color: rgb(143, 101, 25);

    text-align: left;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.perguntas-subtitle {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 45px;
    padding-right: 45px;
}

.perguntas-subtitle-h2 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    color: green; 
    font-size: 16px;
    text-transform: uppercase;
    text-align: left;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 0px;
}

.perguntas-subtitle-h2-text {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 45px;
    padding-right: 45px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: rgb(80, 80, 80);
    text-align: left;
}

.perguntas-subtitle-h2-subtext {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 75px;
    padding-right: 75px;
    font-family: Montserrat;
    font-style: italic;
    font-weight: 400;
    font-size: 13px;
    color: rgb(80, 80, 80);
    text-align: justify;
}

/* O que nós fazemos */

.ro-fazemos-box {
    width: 850px; 
    flex-direction: column; 
    position: relative; 
    display: flex;
    padding-bottom: 10px;
}

.ro-fazemos-box-shadow {
    width: 100%; 
    height: 100%; 
    padding-top: 25px;
    padding-bottom: 25px;  
    margin-top: 25px; 
    margin-bottom: 25px;
    background: #FFFFFF;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
}

.ro-fazemos-box-line {
    flex-direction: row; position: relative; display: flex;
}

.ro-fazemos-box-line-col1 {
    width: 49%; flex-direction: column; position: relative; display: flex;
}

.ro-fazemos-box-line-col2 {
    width: 2%; flex-direction: column; position: relative; display: flex;
}

.ro-fazemos-box-line-col3 {
    width: 49%; flex-direction: column; position: relative; display: flex;
}

.fazemos-subtitle {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 45px;
    padding-right: 45px;
}

.fazemos-subtitle-h2 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 550;
    color: green; 
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 0px;
}

.fazemos-subtitle-h2-text {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 45px;
    padding-right: 45px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: green;
    text-align: left;
}

.fazemos-box-text {
    flex-direction: row; position: relative; display: flex;
}

.fazemos-box-text-check {
    width: 9%;
    color: green; font-size:18px;
}

.fazemos-box-text-desc {
    width: 91%;
}

/* politicas de uso */

.politica-title {
    width: 100%;
    padding-top: 25px;
    padding-left: 75px;
}

.politica-text { 
    width: 100%;
    padding-top: 20px;
    padding-left: 75px;
    padding-right: 75px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    text-align: justify;
}

.politica-h2 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: rgb(5, 92, 5);
    text-align: left;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

/* termos de uso completo */

.termos-title {
    width: 100%;
    padding-top: 25px;
    padding-left: 75px;
}

.termos-h2 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: rgb(5, 92, 5);
    text-align: left;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.termos-text {
    width: 100%;
    padding-top: 20px;
    padding-left: 75px;
    padding-right: 75px; 
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    text-align: justify;
}

/* ---------------------------------- MOBILE --------------------------------- */


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

@media only screen and (max-width: 768px) {


/* logo */
.logo-stocker {
    display: none;
}

.logo-stocker-mobile {
    display: flex;
    font-size: 18px;
    margin-top: 7px;
}

a.logo-stocker-mobile:link {
	text-decoration: none;
    color:white;
}

a.logo-stocker-mobile:visited {
	text-decoration: none;
    color:white;
}

a.logo-stocker-mobile:hover {
	text-decoration: none;
    color:white;
}

a.logo-stocker-mobile:active {
	text-decoration: none;
    color: white;
}

/* menu principal */

.menu-bar-site-itens-fixo {
    padding-left: 10px;
}

.menu-bar-site-itens {
    display: none;
}

.menu-bar-site-mobile {
    background-color: rgb(5, 5, 75);
    margin-top: 0px; 
    margin-bottom: 0px; 
    flex-direction: row; 
    display: flex; 
    padding-top: 10px; 
    padding-bottom: 10px;
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
}

.menu-bar-site-mobile-itens {
    flex-direction: row; 
    display: flex; 
    text-align: center;
    overflow: auto;
    white-space: nowrap;
    padding-left: 10px;
}

.menu-bar-site-mobile-itens::-webkit-scrollbar {
   height: 10px;
   background-color: rgb(98, 98, 119); /* or add it to the track */
}
  
.menu-bar-site-mobile-itens::-webkit-scrollbar-thumb {
    background: rgb(1, 1, 109);
}

.menu-bar-site-mobile-itens::-webkit-scrollbar-thumb:hover {
    background: rgb(41, 41, 146);
}

.menu-bar-site-mobile-item {
    width: 100%;
    padding: 5px 5px;
    margin: 0px 0px;
    line-height: 25px;
    border-radius: 4px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450; 
    font-size: 13px;
    color: white;
    text-align: center;
    background-color: rgb(5, 5, 75);
    border: 1px solid rgb(5, 5, 75);
}

a.menu-bar-site-mobile-item:link {
	text-decoration: none;
}

a.menu-bar-site-mobile-item:visited {
	text-decoration: none;
    color:white;
}

a.menu-bar-site-mobile-item:hover {
    border: 1px solid white;
	text-decoration: none;
}

a.menu-bar-site-mobile-item:active {
	text-decoration: none;
}

/* Barra Navegação */
.menu-bar-navegacao {
    display: none; 
}

/* Barra - Títulos */

.box-titulo-pl {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
}

.box-titulo {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
}

.box-titulo-estilo {
    padding-left: 10px;
}

.box-titulo-itens {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    flex-direction: column; 
}

.box-titulo-cor {
    color: rgb(31, 177, 31);
}

/* lista horizontal de empresas */

.lista-horizontal-item {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
}

.ro-billete-page-title {
    width: 100%;
    margin-left: 10px;
    margin-right: 10px;
}

/* Main Page - bloco de indicadores */

.company-frontpage-title {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
}

.frontpage-box-row {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    flex-direction: column;
}

.frontpage-box-column1 {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
}

.frontpage-box-column2 {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
}

.company-frontpage-bar-hr {
    border-color: rgb(253, 251, 251);
    width: 100%;
}

/* Barra maiores altas e baixas */

.footer-row1 {   
    display: none;
}

/* titulo pagina simulador */
.company-simulador-title {
    font-size: 15px;
    margin-top: 25px;
    margin-bottom: 15px;
}

/* Botões site */

.button-exclui-selected {
    width: 100%;
    padding: 5px 10px;
    font-size: 11px;
}

/* Botoes */

/* Barra Menu Carteiras */

.menu-bar-portfolio {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
}

/* Página da ação */

.company-page-title-h1 {
    display: none;
}

.box-titulo-pl {
    display: none;
}

/* Link login mobile */

.link-header {
    display: none;
}

.link-header-mobile {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450; 
    font-size: 12px;
    color: white;
    text-align: center;
    display: flex;
    padding-left: 3px;
}

a.link-header-mobile:link {
	text-decoration: none;
    color:white;
}

a.link-header-mobile:visited {
	text-decoration: none;
    color:white;
}

a.link-header-mobile:hover {
	text-decoration: underline;
	color:white;
}

a.link-header-mobile:active {
	text-decoration: none;
    color:white;
}

/* lupa da pesquisa */

.lupa-site {
    display: active;
}

.lupa-mobile {
   display: none;
}

.omite {
    display: none;
}

/* header */

.header-bar-login-row {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
}

/* Simulator */

.simulator-square-border {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    padding-top: 35px;
    padding-bottom: 35px;
    padding-left: 20px;
    padding-right: 20px;
}

.simulator-square-content {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    flex-direction: column;
}

.simulator-square-content-block {
    padding-bottom: 10px;
}

.simulator-square-content-block-row {
    display: flex; 
    flex-direction: row; 
    position: relative; 
    align-items: center; 
    justify-content: space-between;
    padding-right: 5px;
}

.simulator-square-content-block-row-text {
    font-weight: 500;
    font-size: 10px;
    color: 1px solid orangered;
    padding-right: 3px;
}

.simulator-square-content-block-row-radio-title {
    width:298px;
    text-align: left; 
    color:rgba(5, 60, 97, 0.6);
}

.simulator-square-content-block-row-radio {
    font-size: 10px;
    padding-right: 1px;
    padding-top: 15px;
}

.simulator-square-content-block-row-radio-box1 {
    width: 78px;
}

.simulator-square-content-block-row-radio-box {
    width: 78px;
}

.text_standard {
    padding-top: 15px;
}

.message-info {
    padding-top: 15px;
}

/* RF menu */

.rf-square-border-main {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 0px;
    margin-right: 0px;
}

.rf-square-border {
    background: #FFFFFF;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
    margin-left: 5px;
    margin-right: 5px;
    width: 80%;
    margin-bottom: 35px;
}

.rf-square-content {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    flex-direction: column;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* ----------------------------------------------------------------------------- */

/* main page - mobile */

.ro-frontpage-row {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    flex-direction: column;
    margin-bottom: 0px;
    padding-left:10px;
    padding-right: 10px;
}

.ro-frontpage-row-box {
    width: 100%;
    height: 100%;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 0px;
}

.ro-frontpage-row-box-30 {  
    width: 100%;
    height: 100%;
    margin-left: 0%;
    margin-right: 0%;
    box-shadow: 0px 4px 12px black;
}

.ro-frontpage-row-box-30-foto {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    font-size: 15px;
}

.ro-frontpage-row-box-30-titulo {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    font-size: 15px;
}

.ro-frontpage-row-box-30-proprietario {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    font-size: 15px;
}

.ro-frontpage-row-box-30-arrecadado {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    font-size: 15px;
}

.ro-apoiadoresadm-row-box-30-arrecadado {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    font-size: 15px;
}

.ro-apoiadores-row-box-30-arrecadado {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    font-size: 15px;
}

.ro-frontpage-row-box-30-arrecadado-progresso {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    font-size: 15px;
}

.ro-frontpage-row-box-30-meta {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    font-size: 15px;
}

.ro-frontpage-row-box-30-valor {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    font-size: 15px;
}

.ro-frontpage-row-box-30-sorteio {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    font-size: 15px;
}

.ro-frontpage-row-box-30-apoiadores {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    font-size: 15px;
}

.ro-frontpage-row-box-30-compartilhe {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    font-size: 15px;
}

.ro-frontpage-row-box-30-comprar {
    padding-bottom: 25px;
    padding-top: 25px;
}

/* finalizar cadastro */

.ro-createrifa-form-cadastro-button {
    padding-bottom: 15px;
    padding-top: 15px;
    margin: 20px 0px;
}

/* pagina apoiadores */

.ro-apoiadorespage-row {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    padding-left: 10px;
    padding-right: 10px;
}

/* pagina bilhetes comprados */

.ro-billetes-page-row-box-30 {  
    width: 100%;
    height: 100%;
    margin-left: 0%;
    margin-right: 0%;
    padding-left: 0px; /* novo */
    padding-right: 0px; /* novo */
}


/* Página da rifa */

.ro-rifapage-row {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    flex-direction: column;
    padding-left: 10px; 
    padding-right: 10px;
}

.ro-rifapage-row-box {
    width: 100%;
    height: 100%;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 20px;
    margin-bottom: 20px;
    box-shadow: 0px 4px 12px  black;
}

.ro-rifapage-bill-row-box {
    width: 100%;
    height: 100%;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 20px;
    margin-bottom: 20px;
    /*box-shadow: 0px 4px 12px  black;*/
}

.ro-rifapage-row-box-30-compartilhe-box {
    width:270px;
}

.ro-rifapage-row-box-30 {  
    width: 100%;
    height: 100%;
    margin-left: 0%;
    margin-right: 0%;
    padding-left: 0px; /* novo */
    padding-right: 0px; /* novo */
}


.ro-rifapage-bill-row-box-30 {  
    width: 100%;
    height: 100%;
    margin-left: 0%;
    margin-right: 0%;
    padding-left: 3px; /* novo */
    padding-right: 3px; /* novo */
}

.ro-rifapage-row-box-30-foto {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    font-size: 15px;
    height: 100%;
}

.ro-rifapage-row-box-30-foto-box {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    font-size: 15px;
    flex-direction: column; 
    position: relative; 
    display: flex;
}

.ro-rifapage-row-box-30-foto-box-left {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    font-size: 15px;
    padding-bottom: 20px;
}

.ro-rifapage-row-box-30-foto-box-right {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    font-size: 15px;
}

.ro-rifapage-row-box-30-titulo {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    font-size: 15px;
}

.ro-rifapage-row-box-30-descricao {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    font-size: 15px;
}

.ro-rifapage-row-box-30-proprietario {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    font-size: 15px;
}

.ro-rifapage-row-box-30-arrecadado {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    font-size: 14px;
}

.ro-rifapage-row-box-30-arrecadado-saldo {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    font-size: 14px;
}

.ro-rifapage-row-box-30-arrecadado-progresso {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    font-size: 14px;
}

.ro-rifapage-row-box-30-meta {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    font-size: 14px;
}

.ro-rifapage-row-box-30-valor {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    font-size: 15px;
}

.ro-rifapage-row-box-30-sorteio {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    font-size: 15px;
}

.ro-rifapage-row-box-30-apoiadores {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    font-size: 14px;
}

.ro-rifapage-row-box-30-compartilhe {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    font-size: 15px;
}

.ro-rifapage-row-box-30-comprar {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    font-size: 15px;
}

.ro-rifapage-row-box-30-comprar-row {
    flex-direction: column; /* novo */
    position: relative; 
    display: flex;
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    font-size: 15px;
    padding-left: 5px;
}

.ro-rifapage-row-box-30-comprar-column {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    padding-top: 10px;
    padding-bottom:10px; 
}

/* minhas rifas */

.minhas-rifas-row {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    flex-direction: column;
    margin-bottom: 0px;
    margin-top: 0px;
}

.minhas-rifas-column1 {
    width: 100%;
    height: 100%;
    margin-left: 0%;
    margin-right: 0%;
    margin-bottom: 20px;
}

.minhas-rifas-column2 {
    width: 100%;
    height: 100%;
    margin-left: 0%;
    margin-right: 0%;
    margin-bottom: 0px;
}

.minhas-rifas-row-70 {  
    width: 100%;
    height: 100%;
    margin-left: 0%;
    margin-right: 0%;
}

.minhas-rifas-row-30 {  
    width: 100%;
    height: 100%;
    margin-left: 0%;
    margin-right: 0%;
}

.minhas-rifas-row-2-70 {  
    width: 100%;
    height: 100%;
    margin-left: 0%;
    margin-right: 0%;
}

.minhas-rifas-row-2-30 {  
    width: 100%;
    height: 100%;
    margin-left: 0%;
    margin-right: 0%;
}

.minhas-rifas-box-info-left {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    font-size: 15px;
    margin-bottom: 10px;
    border: none;
}

.minhas-rifas-box-info-right {
    padding-top: 10px;
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    font-size: 15px;
}


/* botao voltar */

.ro-button-voltar {
    margin-top: 10px;
    margin-bottom: 25px;
}

/* Error message para pagina de erro */

.page-error-msg {
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 20px;
    margin-right: 20px;
}

/* msg de sucesso */

.msg-sucesso {
    margin-top: 30px;
    margin-bottom: 30px;
}

.msg-sucesso-rifas {
    margin-top: 30px;
    margin-bottom: 30px;
}

.msg-sucesso-padding-top {
    padding-top: 0px;
}


.ro-col-centralizada {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    font-size: 15px;
    margin: 0px;
    position: relative;
    top: 0px;
    left:0px;
    margin-right: 0px;
    transform: none;   
}


/* pagina criar rifa */


.ro-colaboradores-box-1 {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    font-size: 15px;
    padding-left: 10px;
    padding-right: 10px;
}

.colaboradores-title {
    margin-top: 20px; 
    margin-bottom: 20px;
}

/* header site */

.header-bar-login-column1 {
    width: 28%;
    padding-bottom: 20px;
}

.header-bar-login-column2 {
    width: 34%;
    padding-bottom: 20px;
    padding-left: 0px;
    padding-right: 0px;  
}

.header-bar-login-column3 {
    width: 38%;
    padding-left: 0px;
    padding-right: 5px;
    padding-bottom: 20px;
}

.ro-frontpage-processo-title {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 10px;
    padding-right: 10px;

    font-size: 15px;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 20px;
}

.ro-frontpage-processo-title-h2 {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    text-align: center;
}

.ro-frontpage-processo {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    flex-direction: column; 
    position: relative; 
    display: flex;
    margin-top: 5px;
    border: none;
    margin-bottom: 0px;
}

.fazemos-box-text-check {
    font-size:12px;
    padding-right: 5px;
}

.fazemos-subtitle {
    padding-left: 15px;
    padding-right: 15px;
}

.fazemos-subtitle-h2-text {
    padding-left: 15px;
    padding-right: 15px;
}

.ro-frontpage-processo-items {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
}

.ro-frontpage-processo-items-title {
    width: 75%;
    margin-left: 0%;
    margin-right: 0%;
    text-align: center;
    margin: 0;
    position: relative;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    justify-content: center;
    padding: 10px 25px;
}

.ro-frontpage-processo-items-desc {
    width: 95%;
    margin-left: 0%;
    margin-right: 0%;
    text-align: center;
    margin: 0;
    position: relative;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    justify-content: center;
}

/* quadro ad pagina rifa */

.rifapage-square-ads {
    width: 100%; flex-direction: column; position: relative; display: flex;
}

.rifapage-square-ads-1 {
    background: #FFFFFF; 
    border: 1px solid rgb(212, 212, 212);  
    margin: 20px 20px 5px 20px;
    border-radius: 14px;
    padding: 0px 0px;
    height: 100%;
}

.rifapage-square-ads-2 {
    background: #FFFFFF; 
    border: 1px solid rgb(212, 212, 212);  
    margin: 20px 2px 2px 2px;
    border-radius: 14px;
    padding: 0px 0px;
    height: 100%;
}

/* frontpage quadros de ads */

.frontpage-square-ads {
    width: 100%; flex-direction: column; position: relative; display: flex;
}

.frontpage-square-ads-1 {
    background: #FFFFFF; 
    border: 1px solid rgb(212, 212, 212);  
    margin: 10px 20px 20px 20px;
    border-radius: 14px;
    padding: 0px 0px;
    height: 100%;
}

.frontpage-square-ads-2 {
    background: #FFFFFF; 
    border: 1px solid rgb(212, 212, 212);  
    margin: 10px 20px 20px 20px;
    border-radius: 14px;
    padding: 0px 0px;
    height: 100%;
}

.frontpage-square-ads-3 {
    background: #FFFFFF; 
    border: 1px solid rgb(212, 212, 212);  
    margin: 10px 20px 0px 20px;
    border-radius: 14px;
    padding: 0px 0px;
    height: 100%;
}

.ro-frontpage-motivos-title {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;

    font-size: 15px;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 20px;
}

.ro-frontpage-motivos-title-h2 {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    text-align: center;
}

.ro-frontpage-motivos {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    flex-direction: column; 
    position: relative; 
    display: flex;
    margin-top: 5px;
    border: none;
    margin-bottom: 0px;
}

.ro-frontpage-motivos-items {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
}

.ro-frontpage-motivos-items-title {
    width: 70%;
    margin-left: 0%;
    margin-right: 0%;
    margin: 0;
    position: relative;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    justify-content: center;
}

.ro-frontpage-motivos-items-desc {
    width: 90%;
    margin-left: 0%;
    margin-right: 0%;
    margin: 0;
    position: relative;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    justify-content: center;
}

/* custo */

.ro-frontpage-custo-title {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;

    font-size: 15px;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 20px;
}

.ro-frontpage-custo {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    flex-direction: column; 
    position: relative; 
    display: flex;
    margin-top: 5px;
    border: none;
    margin-bottom: 0px;
}

.ro-frontpage-custo-items {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
}

.ro-frontpage-custo-items-title {
    width: 80%;
    margin-left: 0%;
    margin-right: 0%;
    margin: 0;
    position: relative;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    justify-content: center;
}

.ro-frontpage-custo-items-desc {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    margin: 0;
    position: relative;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    justify-content: center;
}

/* fim custo */

.ro-frontpage-mais-rifas-buttom {
    margin-top: 50px;
    text-align: center;
}

.ro-frontpage-criar-rifa-buttom {
    margin-top: 20px;
    text-align: center;
}

.ro-frontpage-criar-rifa-buttom-estilo {
    width: 70%;
    margin-left: 0%;
    margin-right: 0%;
    margin: 0;
    position: relative;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    justify-content: center;
    text-align: center;
}

/* create rifa */

.ro-craterifa_steps {
    font-size: 28px; 
    color: rgb(228, 222, 222);
}


.ro-craterifa-box {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    padding-left: 20px;
    padding-right: 20px;
}

.ro-createrifa-box-shadow {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    padding-left: 20px;
    padding-right: 20px;
}

.ro-createrifa-box-1 {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
}

.ro-createrifa-upload-box-1 {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    padding-left: 20px;
    padding-right: 20px;
}

.ro-createrifa-box-1-1 {
    width: 100%;
}

.ro-buyrifa-form-captcha {
    padding-left: 20px;
}

.ro-colaboradores-box {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

.ro-colaboradores-box-shadow {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    padding-left: 20px;
    padding-right: 20px;
}

/* comprar rifa */

.ro-buyrifa-box-1 {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
}

.ro-comprar-box {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

.ro-comprar-box-shadow {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 15px;
}

/* meus dados */

.ro-meus-dados {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

.ro-meus-dados-box {
    width: 100%;
    height: 100%;
}

.ro-meus-dados-box-1 {
    width: 80%; 
}

.ro-meus-dados-box-2 {
    width: 20%; 
}

.ro-meus-dados-title {
    margin-top: 30px;
    margin-bottom: 10px;
}

/* mensagens de rifa encerrada */

.title-rifa_encerrada {
    margin-top: 30px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.title-rifa_encerrada-rifa-page {
    margin-top: 10px;
}

/* upload de foto da rifa */

.box-2 {
    height: 280px;
}

.box {
    margin-bottom: 100px;
}

.result {
    width: 100%;
    height: 100%;
}

/* meus dados */

.ro-meus-dados-troca-senha {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
}

.ro-meus-dados-troca-senha-title {
    margin-left: 35px;
}

/* colaboradores */

.ro-colaboradores-lista {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
}

.ro-colaboradores-lista-title {
    margin-right: 35px;
}

/* colaboradores */


.ro-colaboradores-list {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    padding-left: 20px;
    padding-right: 20px;
}

/* Barra - h1 - home page */

.menu-bar-navegacao-h1 {
    padding-left: 10px;
}

/* form compra */
.ro-createrifa-form-textitem {
    padding-bottom: 5px; 
}

/* perguntas frequentes */

.ro-perguntas-box {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    padding-left: 10px;
    padding-right: 10px;
}

.ro-perguntas-box-shadow {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    padding-left: 10px;
    padding-right: 10px;
}

.perguntas-title { 
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

.perguntas-subtitle {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    padding-left: 10px;
    padding-right: 10px;
}

.perguntas-subtitle-h2-text {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    padding-left: 10px;
    padding-right: 10px;
}

.perguntas-subtitle-h2-subtext {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    padding-left: 20px;
    padding-right: 20px;
}

/* termos completo */

.termos-title {
    width: 100%;
    padding-left: 25px;
}

.termos-text {
    width: 100%;
    padding-left: 25px;
    padding-right: 25px; 
}

.ro-comprar-rifa-form-captcha {
    padding-left: 0px;
    margin-left: 0px;
    padding-top: 5px;
    padding-bottom: 10px;
    text-align: center;
}

.menu-bar-site-item {
    font-size: 12px;
}

.menu-bar-site-left {
    width :30%;
}

.menu-bar-site-right {
    width: 70%;
}

.ro-rifapage-row-box-30-comprar-button-box-center {
    padding-top: 5px;
    padding-bottom: 20px;
    position: relative;
    top: 0%;
    left: 0%;
    margin-left: 0%;
    margin-right: 0%;
    transform: none;
    justify-content: center;
}

.frontpage-mini-barra-row-perguntas-box {
    /* width: 100%; */ 
    margin-left: 0px; 
    margin-right: 0px; 
    text-align: center; 
    padding-right: 0px; 
    margin-top: 10px;
}

.ro-frontpage-processo-items-desc-h4 {
    text-align: center; 
}

.ro-rifapage-seja-o-primeiro {
    color: rgb(233, 115, 36); 
    font-size: 9px;
}

.omite_web {
    display: flex;
}

.omite_web_block {
    display: block;
}

.omite_mobile_block {
    display: none;
}

.omite_web_inline {
    display: inline;
}

/* botao mobile de submit - comprar rifa */

input.ro-buyrifa-form[type=submit] {
    padding: 15px 10px;
}

/* botao mobile de submit - criar rifa */

input.ro-createrifa-form[type=submit] {
    padding: 15px 10px;
}

/* politicas de uso */

.politica-title {
    padding-left: 20px;
}

.politica-text {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

/* page login */

input.ro-page-login-form[type=text], input[type=password] {
    padding: 10px 10px;
}

input.ro-page-login-form[type=submit] {
    padding: 13px 10px;
}

/* O que nós fazemos */

.ro-fazemos-box {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 25px;
}

.ro-fazemos-box-shadow {
    width: 100%; 
    height: 100%; 
    padding-top: 0px;
    padding-bottom: 0px;  
    margin-top: 0px; 
    margin-bottom: 0px;
    background: none;
    box-shadow: none;
    border-radius: none;
}

.ro-fazemos-box-line {
    flex-direction: column; position: relative; display: flex;
}

.ro-fazemos-box-line-col1 {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

.ro-fazemos-box-line-col2 {
    display: none;
}

.ro-fazemos-box-line-col3 {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

/* admin */

.ro-admin-menu {
    width: 100%; flex-direction: column; position: relative; display: flex;
}

.ro-admin-menu-item {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    padding-left: 10px;
    padding-right: 10px;
}

/* page rifa */

.ro-rifapage-title {
    padding-right: 10px;
    padding-left: 10px;
}

.exclui-rifa-row {
    text-align: center; 
    padding-top: 20px;
    padding-bottom: 30px;  
}

.button-exclui-rifa {
    width: 125px;
}

/* configurações */

.ro-config-row {
    width: 100%;
    flex-direction: column; 
    position: relative; 
    display: flex; 
}

.ro-config-row-item {
    padding-bottom: 10px;
}

/* pagina de mensagem */

.message-page-title {
    padding-top: 30px; 
}

/* opções de rifas */

.menu-rifas-title {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    font-size: 15px;
    text-align: center;
    margin-top: 30px;
}

.menu-rifas-list-item-option-descr {
    font-size: 13px;
}

.menu-config {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 0px;
    margin-right: 0px;
}

.menu-config-list {
    display: flex; 
    flex-direction: column; 
    position: relative; 
    align-items: center; 
    justify-content: space-between;
}

.menu-config-list-item {
    background: #FFFFFF;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
    padding-top: 25px;
    padding-bottom: 35px;
    padding-left: 12px;
    padding-right: 12px;
    margin-left: 18px;
    margin-right: 18px;
    width: 93%; 
    margin-bottom: 40px;
}

.menu-config-list-item-option-title {
    height: 60px;
    font-size: 17px;
}

.menu-config-list-item-option-descr {
    font-size: 13px;
}

.menu-config-saiba-button-comprar {
    padding: 10px 15px;
    font-size: 13px;
}

.menu-rifas {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 0px;
    margin-right: 0px;
}

.menu-rifas-list {
    display: flex; 
    flex-direction: column; 
    position: relative; 
    align-items: center; 
    justify-content: space-between;
}

.menu-rifas-list-item {
    background: #FFFFFF;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
    padding-top: 25px;
    padding-bottom: 35px;
    padding-left: 12px;
    padding-right: 12px;
    margin-left: 18px;
    margin-right: 18px;
    width: 93%; 
    margin-bottom: 40px;
}

.menu-rifas-list-item-option-title {
    height: 60px;
    font-size: 17px;
}

.menu-rifas-list-item-option-comprar {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    text-align: center;
    padding: 10px;   
    height: 80px;
    display: flex; 
    flex-direction: row; 
    position: relative; 
    align-items: center; 
    justify-content: space-between;
    padding-left: 40px; /* era 60 */
    padding-right: 40px; /* era 60 */
}

.menu-rifas-saiba-button-comprar {
    padding: 10px 15px;
    font-size: 13px;
}

.ro_gift_reedem_button {
    padding-left:30%; 
    padding-right:30%;
    padding-bottom: 20px;
}

/* botão de comprar */

.ro-rifapage-row-box-30-comprar-button {
    padding: 10px 20px;
    font-size: 13px;
}

/* page e-mail register */

.ro-page-email-box {
    margin-left: 0px;
    margin-right: 0px; 
    width: 95%;
    text-align: center;
}

.ro-page-email-box-line-1 {
    width: 100%; 
    padding-top: 35px; 
    padding-bottom: 15px; 
    text-align: center;
}

.ro-page-email-box-line-2 {
    display: flex;
    align-items: center;
    margin: auto; /* centraliza */
}

.ro-page-email-box-line-1-h1-text {
    text-align: center;
    margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 10px;
}

/* page login */

.ro-page-login-box {
    margin: auto; 
    width: 350px;
}

.ro-page-login-box-line-1 {
    width: 350px; 
    padding-top: 35px; 
    padding-bottom: 20px; 
    flex-direction: row; 
    display: flex;
}

.ro-page-login-box-line-2 {
    width: 350px; 
    padding-top: 10px; 
    padding-bottom: 20px; 
    flex-direction: column; 
    display: flex;
}

/* tipos de rifas */

.ro-tiposrifas-title {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 20px;
}

.ro-tiposrifas-title-h1 {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    text-align: center;
    font-size: 14px;
}

.ro-tiposrifas-list {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    flex-direction: column; 
    position: relative; 
    display: flex;
    border: none;
    margin-top: 35px;
    margin-bottom: 50px;
}

.ro-tiposrifas-list-items {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
}

.ro-tiposrifas-list-items-desc {
    padding-top: 5px;
    padding-bottom: 5px;
}

.ro-tiposrifas-list-items-title {
    padding-bottom: 15px; 
}

/* fim tipo de rifas */

/* pagina fidelidade */

.ro-fidelidade-box {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
}

.ro-fidelidade-box-shadow {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;

}

.ro-fidelidade-box-1 {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
}

.ro-fidelidade-form-textitem {
    padding-bottom: 5px; 
}

.ro-fidelidade-row-box-numeros {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
}

.ro-fidelidade-row-box-numeros-borda {
    margin-left: 10px; 
    margin-right: 10px;
}

/* fim pagina fidelidade */

/* pagina organizador */

.ro-rifapage-organizador-box {
    width: auto;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
    margin-top: 30px;
    margin-bottom: 50px;
    margin-left: 20px;
    margin-right: 20px;
    border-radius: 16px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.ro-rifapage-organizador {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 10px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 450;
    font-size: 13px;
    text-align: center;
}

.ro-rifapage-organizador-photo {
    padding-top: 5px;
    padding-bottom: 5px;
}

.ro-rifapage-organizador-field {
    color: green;
    padding-top: 5px;
    padding-bottom: 5px;
}

.ro-rifapage-organizador-value {
    padding-top: 5px;
    padding-bottom: 5px;
    text-transform: capitalize;
    font-size: 15px;
}

/* Influencer */

.ro-influencer-perguntas-box-title {
    width: 100%;
}

.ro-influencer-perguntas-box {
    width: 100%;
    flex-direction: column; 
    position: relative; 
    display: flex; 
}

.ro-influencer-perguntas-box-col {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
}

.ro-influencer-perguntas-box-col-title {
    text-align: center; 
}

.ro-influencer-perguntas-box-col-descr {
    text-align: center; 
}

.ro-influencer-buttom-participar {
    padding-top: 0px;
    padding-bottom: 15px;
}

.ro-influencer-perguntas-box-text {
    text-align: center; 
}

.ro-influencer-box-descr {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 30px;
    padding-left: 40px;
    padding-right: 40px;
    text-align: center;
    font-size: 13px;
    font-style: italic;
}

.ro-influencer-hr {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
}

/*.ro-influencer-processo-title-h1 {
    letter-spacing: normal;
}*/

} /* fim mobile */