/* :root {
    --cor-header: #ffffff;
    --cor-titulo-header: #269052;
    --cor-primaria: #269052;
    --cor-secundaria: #57C785;
    --cor-escura: #269052;
    --cor-hover: #0d301b;
    --cor-boxshadown: rgb(87, 199, 133, 0.5);
    --cor-perfil:#196037; 
    --cor-dropdown: #36985f;

} */

@media (max-width: 1440px){
	
}

@media (max-width: 1280px){
	
}

@media (max-width: 1024px){

	.box .box-login-right .container .btn-novo-cadastro span{
		font-size: 15px;
	}

	.box .box-login-right .container .form{
		padding: 3em 0em 0em 0em;
	}

	.box .box-login-left .container .textos h1{
		font-size: 46px;
	}

	.box .box-cadastro-right .container .btn-tem-cadastro span{
		font-size: 15px;
	}

	.box .box-cadastro-right .container .form{
		padding: 1em 0em 0em 0em;
	}

}

@media (max-width: 992px){

}

@media (min-width: 768px) and (max-width: 1080px){

}

@media (max-width: 768px){

	body{
		background-color: #fff;
	}

	.header .container{
		justify-content: center;
	}

	.header .container .social{
		display: none;
	}

	.options{
		display: none;
	}

	.box .box-login-left{
		display: none;
	}

	.box .box-login-right{
		width: 100%;
	}

	.box .box-login-right .container .btn-novo-cadastro{
		display: none;
	}

	.box .box-login-right .container .form .titulo h1 {
		display: none;
	}
	
	.box .box-login-right .container .form .titulo:after {
		content: 'Acesso para operadores';
		color: var(--cor-primaria);
		font-family: "Bebas Neue Bold";
		font-size: 36px;
		line-height: 43px;
		text-transform: uppercase;
	}

	.box .box-login-right .container .form form .label-button-mobile{
		display: block;
	}

	.box .box-login-right .container .form form .label-button-mobile a{
		background: #fff;
		border: 2px solid var(--cor-primaria);
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		line-height: 38px !important;
		font-size: 17px !important;
		border-radius: 5px;
		transition: 0.3s ease-out;
	}

	.box .box-login-right .container .form form .label-button-mobile a:hover{
		background: var(--cor-primaria) !important;
		border: 2px solid var(--cor-primaria);
		color: #fff !important;
	}

	.box .box-cadastro-left{
		display: none;
	}

	.box .box-cadastro-right{
		width: 100%;
	}

	.box .box-cadastro-right .container .btn-tem-cadastro{
		display: none;
	}

	.box .box-cadastro-right .container .titulo span{
		display: block;
		font-family: 'Open Sans';
		text-transform: uppercase;
		font-size: 16px;
		line-height: 22px;
		font-weight: 300;
		color: var(--cor-primaria);
	}

	.box .box-cadastro-right .container .form .titulo h1 {
		display: none;
	}
	
	.box .box-cadastro-right .container .titulo:after {
		content: 'Novo cadastro';
		color: var(--cor-primaria);
		font-family: "Bebas Neue Bold";
		font-size: 36px;
		line-height: 43px;
		text-transform: uppercase;
	}

	.box-cadastro .box-cadastro-right .container .form form .label-button-mobile{
		display: block;
	}

	.box-cadastro .box-cadastro-right .container .form form .label-button-mobile a{
		text-align: center;
	}
	   
}

@media (max-width: 550px){

	.header .container .logo {
		align-items: center;
	}

	.header .container .logo img{
		max-width: 220px;
	}

	.box{
		width: 85%;
	}

	.box .box-login-right .container{
		width: 100%;
	}

	.box .box-login-right .container .form{
		padding: 0em;
	    margin-top: 2.438em;
	}

	.box .box-login-right .container .form form .label button{
		width: 100%;
	}

	.box .box-cadastro-right .container{
		width: 100%;
	}

	.box .box-cadastro-right .container .form{
		padding: 0em;
		margin-top: 2.438em;
	}

	.box-cadastro .box-cadastro-right .container .form form .label button{
		width: 100%;
	}

	.box-recuperar {
		padding-top: 2.438em;
	}

	.box-recuperar .form .titulo h1{
		font-size: 36px;
		line-height: 43px;
		text-align: initial;
	}

	.box-recuperar .form .titulo p{
		font-size: 17px;
		line-height: 23px;
		text-align: initial;
	}

	.box-recuperar .form form .label-button button{
		width: 100%;
	}

	.box-recuperar .form form .label-button ul li:nth-child(1){
		margin-bottom: 30px;
	}

	.box-recuperar .form form .label-button a{
		font-size: 15px;
	}

	.box-reset-senha{
		padding-top: 2.438em;
	}

	.box-reset-senha .form .titulo h1{
		font-size: 36px;
		line-height: 43px;
		text-align: initial;
	}


	.box-reset-senha .form{
		width: 100%;
	}

	.box-reset-senha .form form .label-button button{
		width: 100%;
	}

	.box-confirmacao {
		padding-top: 2.438em;
	}

	/* modal */

	.modal-resposta .modal-box{
		max-width: 100%;
	}

}

@media (max-width: 420px){

}

@media (max-width: 380px){

}

@media (max-width: 360px){

}

@media (max-width: 320px){

	.box .box-login-right .container .form .titulo:after {
		font-size: 32px;
		line-height: 39px;
	}

	.box .box-login-right .container .form form .label ul li span{
		font-size: 11px;
		line-height: 16px;
	}

	.box .box-cadastro-right .container .titulo span{
		font-size: 14px;
		line-height: 20px;
	}

	.box .box-cadastro-right .container .titulo:after{
		font-size: 32px;
		line-height: 41px;
	}

	.box .box-cadastro-right .container .form form .label ul li{
		font-size: 15px;
		line-height: 22px;
	}

	.box-reset-senha .form .titulo h1{
		font-size: 32px;
		line-height: 41px;
	}

}