@charset "utf-8";
.textovermelho{color:#FF0004;}
.cadastro_1{margin: 10px 0;}
/* ========================= PARA DESKTOPS (1400px ou mais) ========================= */
@media screen and (min-width:1401px){
.conteudo{width: 100%; display: flex; flex-wrap: wrap;}
.conteudo_esquerda{width: 50%; margin-top: 10px;}
.clientes{width: 100%;}
.conteudo_direita{width: 48%; flex-grow: 1; margin-top: 10px;}	
.cadastro{width: 100%; margin-bottom: 30px; font-family:"Sen_Regular";}	
.cadastro_0{ width: 80%; margin-left: 10%; border-radius:7px; text-align: center; padding: 10px 0px 10px 0px; background: #FFF;}
.cadastro_1{width: 100%; display: flex; flex-wrap: wrap;}
.cadastro_1_0{width: 35%; margin-right: 1%; text-align: right; padding-top: 10px; padding-bottom: 5px;}
.cadastro_1_1{width: 63%; flex-grow: 1; text-align: left; padding-top: 5px; padding-bottom: 5px;}	
.campo_input{width: 70%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC;}
.campo_input:focus{box-shadow:#999 2px 3px 6px 2px;}
.cadastro_1_2{width: 100%; text-align: center;}	
#nascimento_cl{width: 50%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC;}
#nascimento_cl:focus{box-shadow:#999 2px 3px 6px 2px;}
.cadastro_1_3{width: 100%; text-align: center; padding: 5px 0px 5px 0px;}	
.conteudo_3{width: 100%; padding-top: 10px; padding-bottom: 10px; text-align: center; background: #73c2fb; color: #007aa3;} 	
.cadastrar_cl{ width: 24%; border:none; background: #27aae1; color: #FFF; padding-top: 5px; padding-bottom: 5px; border-radius:12px; font-weight: 800;}	
.cadastrar_cl:hover{background: #0CF;}
.cadastro_1_1_X{width: 64%; flex-grow: 1; display: flex;}	
.cadastro_1_1_0{width: 40%; padding-top: 5px;}
.aparelho{width: 80%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC;}
.aparelho:focus{box-shadow:#999 2px 3px 6px 2px;}
.cadastro_1_1_1{width: 40%; flex-grow: 1; text-align: left; padding-top: 5px;}
}
/* ========================= PARA DESKTOPS (1400px até 961px) ========================= */
@media screen and (max-width:1400px){
.conteudo{width: 100%; display: flex; flex-wrap: wrap;}
.conteudo_esquerda{width: 55%; margin-top: 10px;}
.clientes{width: 100%;}
.conteudo_direita{width: 43%; flex-grow: 1; margin-top: 10px;}
.cadastro{width: 100%; margin-bottom: 30px; font-family:"Sen_Regular";}	
.cadastro_0{ width: 98%; margin-left: 1%; border-radius:7px; text-align: center; padding: 10px 0px 10px 0px; background: #FFF;}
.cadastro_1{width: 100%; display: flex; flex-wrap: wrap;}
.cadastro_1_0{width: 40%; margin-right: 1%; text-align: right; padding-top: 10px; padding-bottom: 5px;}
.cadastro_1_1{width: 58%; flex-grow: 1; text-align: left; padding-top: 5px; padding-bottom: 5px;}	
.campo_input{width: 80%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC;}
.campo_input:focus{box-shadow:#999 2px 3px 6px 2px;}
.cadastro_1_2{width: 100%; text-align: center;}	
#nascimento_cl{width: 50%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC;}
#nascimento_cl:focus{box-shadow:#999 2px 3px 6px 2px;}
.cadastro_1_3{width: 100%; text-align: center; padding: 5px 0px 5px 0px;}	
.conteudo_3{width: 100%; padding-top: 10px; padding-bottom: 10px; text-align: center; background: #73c2fb; color: #007aa3;} 	
.cadastrar_cl{ width: 35%; border:none; background: #27aae1; color: #FFF; padding-top: 5px; padding-bottom: 5px; border-radius:12px; font-weight: 800;}	
.cadastrar_cl:hover{background: #0CF;}
.cadastro_1_1_X{width: 54%; flex-grow: 1; display: flex;}	
.cadastro_1_1_0{width: 40%; padding-top: 5px;}
.aparelho{width: 80%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC;}
.aparelho:focus{box-shadow:#999 2px 3px 6px 2px;}
.cadastro_1_1_1{width: 40%; flex-grow: 1; text-align: left; padding-top: 5px;}
}
/* ========================= PARA TABLET EM PAISAGEM (960px até 769px) ========================= */
@media screen and (max-width:960px){
.conteudo{width: 100%; display: flex; flex-wrap: wrap;}
.conteudo_esquerda{display: none;}
.clientes{width: 100%;}
.conteudo_direita{width: 100%; flex-grow: 1; margin-top: 10px;}
.cadastro{width: 100%; margin-bottom: 30px; font-family:"Sen_Regular";}	
.cadastro_0{ width: 60%; margin-left: 20%; border-radius:7px; text-align: center; padding: 10px 0px 10px 0px; background: #FFF;}
.cadastro_1{width: 60%; margin-left: 20%; display: flex; flex-wrap: wrap;}
.cadastro_1_0{width: 40%; margin-right: 1%; text-align: right; padding-top: 10px; padding-bottom: 5px;}
.cadastro_1_1{width: 58%; flex-grow: 1; text-align: left; padding-top: 5px; padding-bottom: 5px;}	
.campo_input{width: 80%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC;}
.campo_input:focus{box-shadow:#999 2px 3px 6px 2px;}
.cadastro_1_2{width: 100%; text-align: center;}	
#nascimento_cl{width: 50%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC;}
#nascimento_cl:focus{box-shadow:#999 2px 3px 6px 2px;}
.cadastro_1_3{width: 100%; text-align: center; padding: 5px 0px 5px 0px;}	
.conteudo_3{width: 100%; padding-top: 10px; padding-bottom: 10px; text-align: center; background: #73c2fb; color: #007aa3;} 	
.cadastrar_cl{ width: 35%; border:none; background: #27aae1; color: #FFF; padding-top: 5px; padding-bottom: 5px; border-radius:12px; font-weight: 800;}	
.cadastrar_cl:hover{background: #0CF;}
.cadastro_1_1_X{width: 54%; flex-grow: 1; display: flex;}	
.cadastro_1_1_0{width: 40%; padding-top: 5px;}
.aparelho{width: 95%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC;}
.aparelho:focus{box-shadow:#999 2px 3px 6px 2px;}
.cadastro_1_1_1{width: 40%; flex-grow: 1; text-align: left; padding-top: 5px;}	
}
/* ========================= PARA TABLET EM RETRATO (768px até 481px) ========================= */
@media screen and (max-width:768px){
.conteudo{width: 100%; display: flex; flex-wrap: wrap;}
.conteudo_esquerda{display: none;}
.clientes{width: 100%;}
.conteudo_direita{width: 100%; flex-grow: 1; margin-top: 10px;}
.cadastro{width: 100%; margin-bottom: 30px; font-family:"Sen_Regular";}	
.cadastro_0{ width: 90%; margin-left: 5%; border-radius:7px; text-align: center; padding: 10px 0px 10px 0px; background: #FFF;}
.cadastro_1{width: 90%; margin-left: 5%; display: flex; flex-wrap: wrap;}
.cadastro_1_0{width: 40%; margin-right: 1%; text-align: right; padding-top: 10px; padding-bottom: 5px;}
.cadastro_1_1{width: 58%; flex-grow: 1; text-align: left; padding-top: 5px; padding-bottom: 5px;}	
.campo_input{width: 80%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC;}
.campo_input:focus{box-shadow:#999 2px 3px 6px 2px;}
.cadastro_1_2{width: 100%; text-align: center;}	
#nascimento_cl{width: 50%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC;}
#nascimento_cl:focus{box-shadow:#999 2px 3px 6px 2px;}
.cadastro_1_3{width: 100%; text-align: center; padding: 5px 0px 5px 0px;}	
.conteudo_3{width: 100%; padding-top: 10px; padding-bottom: 10px; text-align: center; background: #73c2fb; color: #007aa3;} 	
.cadastrar_cl{ width: 35%; border:none; background: #27aae1; color: #FFF; padding-top: 5px; padding-bottom: 5px; border-radius:12px; font-weight: 800;}	
.cadastrar_cl:hover{background: #0CF;}
.cadastro_1_1_X{width: 54%; flex-grow: 1; display: flex;}	
.cadastro_1_1_0{width: 40%; padding-top: 5px;}
.aparelho{width: 95%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC;}
.aparelho:focus{box-shadow:#999 2px 3px 6px 2px;}
.cadastro_1_1_1{width: 40%; flex-grow: 1; text-align: left; padding-top: 5px;}	
}
/* ========================= PARA SMARTPHONES EM PAISAGEM (480px até 321) ========================= */
@media screen and (max-width:480px){
.conteudo{width: 100%; display: flex; flex-wrap: wrap;}
.conteudo_esquerda{display: none;}
.clientes{width: 100%;}
.conteudo_direita{width: 100%; flex-grow: 1; margin-top: 10px;}
.cadastro{width: 100%; margin-bottom: 30px; font-family:"Sen_Regular";}	
.cadastro_0{ width: 98%; margin-left: 1%; border-radius:7px; text-align: center; padding: 10px 0px 10px 0px; background: #FFF;}
.cadastro_1{width: 98%; margin-left: 1%; display: flex; flex-wrap: wrap;}
.cadastro_1_0{width: 98%; text-align: center; padding-top: 10px; padding-bottom: 5px;}
.cadastro_1_1{width: 98%; margin-left: 1%; text-align: center; padding-top: 5px; padding-bottom: 5px;}	
.campo_input{width: 80%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC;}
.campo_input:focus{box-shadow:#999 2px 3px 6px 2px;}
.cadastro_1_2{width: 100%; text-align: center;}	
#nascimento_cl{width: 50%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC;}
#nascimento_cl:focus{box-shadow:#999 2px 3px 6px 2px;}
.cadastro_1_3{width: 100%; text-align: center; padding: 5px 0px 5px 0px; margin-bottom: 50px;}	
.conteudo_3{width: 100%; padding-top: 10px; padding-bottom: 10px; text-align: center; background: #73c2fb; color: #007aa3;} 	
.cadastrar_cl{ width: 55%; border:none; background: #27aae1; color: #FFF; padding-top: 5px; padding-bottom: 5px; border-radius:12px; font-weight: 800;}	
.cadastrar_cl:hover{background: #0CF;}
.cadastro_1_1_X{width: 54%; flex-grow: 1; display: flex;}	
.cadastro_1_1_0{width: 40%; padding-top: 5px;}
.aparelho{width: 95%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC;}
.aparelho:focus{box-shadow:#999 2px 3px 6px 2px;}
.cadastro_1_1_1{width: 40%; flex-grow: 1; text-align: left; padding-top: 5px;}
}
/* ========================= PARA SMARTPHONES EM RETRATO (320px ou menos) ========================= */
@media screen and (max-width:320px){
.conteudo{width: 100%; display: flex; flex-wrap: wrap;}
.conteudo_esquerda{display: none;}
.clientes{width: 100%;}
.conteudo_direita{width: 100%; flex-grow: 1; margin-top: 10px;}
.cadastro{width: 100%; margin-bottom: 30px; font-family:"Sen_Regular";}	
.cadastro_0{ width: 98%; margin-left: 1%; border-radius:7px; text-align: center; padding: 10px 0px 10px 0px; background: #FFF;}
.cadastro_1{width: 98%; margin-left: 1%; display: flex; flex-wrap: wrap;}
.cadastro_1_0{width: 98%; text-align: center; padding-top: 10px; padding-bottom: 5px;}
.cadastro_1_1{width: 98%; margin-left: 1%; text-align: center; padding-top: 5px; padding-bottom: 5px;}	
.campo_input{width: 80%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC;}
.campo_input:focus{box-shadow:#999 2px 3px 6px 2px;}
.cadastro_1_2{width: 100%; text-align: center;}	
#nascimento_cl{width: 50%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC;}
#nascimento_cl:focus{box-shadow:#999 2px 3px 6px 2px;}
.cadastro_1_3{width: 100%; text-align: center; padding: 5px 0px 5px 0px; margin-bottom: 50px;}	
.conteudo_3{width: 100%; padding-top: 10px; padding-bottom: 10px; text-align: center; background: #73c2fb; color: #007aa3;} 	
.cadastrar_cl{ width: 55%; border:none; background: #27aae1; color: #FFF; padding-top: 5px; padding-bottom: 5px; border-radius:12px; font-weight: 800;}	
.cadastrar_cl:hover{background: #0CF;}
.cadastro_1_1_X{width: 54%; flex-grow: 1; display: flex;}	
.cadastro_1_1_0{width: 40%; padding-top: 5px;}
.aparelho{width: 95%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC;}
.aparelho:focus{box-shadow:#999 2px 3px 6px 2px;}
.cadastro_1_1_1{width: 40%; flex-grow: 1; text-align: left; padding-top: 5px;}	
}