.form-group {
	padding-bottom: 10px;
}

.form-group.horizontal {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
	margin-top: 0px;    
}

#divCadastrar .push-button {
    font-family: Montserrat Regular;
}

p.info {
    margin: 0px;
    margin-top: 5px;
    font-size: 17px;
    font-weight: normal;
    color: #cd0a0a;
}

.estabelecimento_nome {
	width: 100%;
	margin-top: 10px;
	margin-right: 20px;
}

.estabelecimento_urlsistema {
	display: flex;
	flex-wrap: wrap;
    width: 100%;
	margin-top: 10px;
}

.estabelecimento_urlsistema .urlsistema {
	display: flex;
    align-items: center;
    font-size: 22px;
    font-weight: bold;
    word-break: break-all;
}

#estabelecimento_urlsistema {
	width: 100%;	
}

.estabelecimento-container, .usuario-container {
	position: relative;
	background-color: #F4E8AD;
    padding: 30px;
    padding-top: 30px;
    padding-bottom: 50px;
    margin-bottom: 30px;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    
	-webkit-box-shadow: 0px 0px 10px 10px rgb(0 0 0 / 5%);
    -moz-box-shadow: 0px 0px 10px 10px rgb(0 0 0 / 5%);
    box-shadow: 0px 0px 10px 10px rgb(0 0 0 / 5%);    
}

.container-telefone-codigo-verificacao {
	flex-wrap: wrap !important;
}

.telefone-numero {
	min-width: 250px;
    max-width: 250px;
	margin-right: 20px;
}

.container-codigo-verificacao {
	display: flex;
    flex-direction: row;
    align-items: flex-end;
    flex-wrap: nowrap;
    max-width: 305px;
}

.container-codigo-verificacao .horizontal {
	padding: 0px;
	flex-wrap: wrap;
}

.container-codigo-verificacao .horizontal p.erro {
	width: 100%;
}

#form_cadastrar_input_codigo_verificacao {
	text-transform: uppercase;
	text-align: center;
	min-width: 110px;
	max-width: 110px;
	margin-right: 10px;
}

.enviar-codigo {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    background-color: var(--theme-color-2);

    padding: 5px;
    padding-left: 15px;
    padding-right: 20px;

    -webkit-border-radius: 33px;
    -moz-border-radius: 33px;
    border-radius: 33px;

    cursor: pointer;
}

.enviar-codigo svg {
	min-height: 28px;
    max-height: 28px;
    min-width: 28px;
    max-width: 28px;
    margin-right: 5px;
}

.enviar-codigo .label {
	padding-top: 2px;
	color: #ffffff !important;
	font-weight: bold !important;
	font-size: 14px;
}

.form-group.usuario-senha, .form-group.usuario-confirmar-senha {
	margin-top: 10px;
}

.usuario-senha .form-group.horizontal, .usuario-confirmar-senha .form-group.horizontal {
	display: flex;
    align-items: center;
    flex-wrap: nowrap;
    margin-top: 0px;
}

.usuario-senha .mostra-esconde-senha, .usuario-confirmar-senha .mostra-esconde-senha {
	display: flex;
    align-items: center;
    justify-content: center;	
    background-color: var(--theme-color-2);
    
    min-height: 40px;
    max-height: 40px;
    min-width: 40px;
    max-width: 40px;

    margin-left: 20px;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    cursor: pointer;
}

#usuario_senha, #usuario_confirmar_senha {
	min-width: 250px;
    max-width: 250px;
}

.container-checkbox.usuario-flagaceitatermos {
	position: relative;
	display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    align-items: flex-start;	
    margin-top: 50px;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 40px;
}

.container-checkbox.usuario-flagaceitatermos input {
	margin-top: 2px;
}

.container-checkbox.usuario-flagaceitatermos label {
	display: flex;
    font-size: 18px;
    font-weight: bold;
	line-height: 30px;
	text-align: left;
    margin-left: 5px;
    white-space: normal;	
}

.container-checkbox.usuario-flagaceitatermos p.erro {
	position: absolute;
	top: 30px;
}

.container-contratos {
    display: flex;
    align-items: center;
    justify-content: center;	
	padding: 0px;
	margin-bottom: 30px;
	list-style: none;
}

.container-contratos .link-contrato {
	font-size: 18px;
	font-weight: bold;
    text-align: left;
	min-width: 210px;
	cursor: pointer;
}

.container-contratos .link-contrato:hover {
	color: var(--theme-color-2);
	
    -webkit-text-shadow: 1px 1px 4px #fff;
    -moz-text-shadow: 1px 1px 4px #fff;
    text-shadow: 1px 1px 4px #fff;
}

.container-contratos .link-contrato.termos-uso {
	border-right: 1px dashed var(--theme-color-5);
    padding-right: 10px;
    margin-right: 10px;
}

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

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

	#form_cadastrar_input_telefone {
		min-width: 220px;
		max-width: 220px;
	}
	
}

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

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

	.popup-body {
	    padding-top: 40px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
	
	.estabelecimento-container, .usuario-container {
		background-color: #F4E8AD;
	    border: 0px;
	    padding: 20px;
	    padding-top: 30px;
	    padding-bottom: 30px;
	    margin-bottom: 50px;
	
	    -webkit-border-radius: 0px;
	    -moz-border-radius: 0px;
	    border-radius: 0px;
	}
	
	.form-group.horizontal {
	    display: flex;
	    flex-wrap: wrap;
	}

	.estabelecimento_nome {
		margin-right: 0px;
	}

	.estabelecimento_urlsistema {
	    display: flex;
	    flex-wrap: wrap;
	}
	
	.container-telefone-numero {
		width: 100%;
	}
	
	#form_cadastrar_input_telefone {
	    min-width: 100%;
	    max-width: 100%;
	}

	#usuario_senha, #usuario_confirmar_senha {
		min-width: 210px;
	    max-width: 210px;
	}

	.container-checkbox.usuario-flagaceitatermos {
	    margin-left: 20px;
	    margin-right: 20px;
	}

	.container-contratos {
	    display: flex;
	    flex-wrap: wrap;
	}
	
	.container-contratos .link-contrato {
		text-align: center;
		min-width: 100%;
		margin-bottom: 5px;
	}
	
	.container-contratos .link-contrato.termos-uso {
		border-right: 0px;
	    padding-right: 0px;
	    margin-right: 0px;
	}

	#form_cadastrar_input_codigo_verificacao {
	    min-width: 90px;
	    max-width: 90px;
	}

}