html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

body {
    background-color: #14393f;
	margin:0px;
	padding:0px;
	font-family: 'pill_gothic_300mgregular';
	font-size:14px;
	color:#000000;
}
header {
	padding:20px;
}
#boxLogin {
	background-color:#FFF;
	float:right;
	width:400px;
	height:100%;
}
#logo01 {
	background-image:url(../imagens/logo_jui.jpg);
	background-repeat:no-repeat;
	width:139px;
	height:82px;
	text-indent:-900000px;
}
#conteudo {
	padding:20px;
}
.form01 {
	font-family: 'pill_gothic_300mgregular';
	color:#666;
	font-size:14px;
	padding:5px;
}
.btn {
	background-color:#ef781c;
	padding:7px 30px;
	border:none;
	border-bottom:3px solid;
	color:#FFF;
	cursor:pointer;
	transition: background .25s ease-in-out;
   -moz-transition: background .25s ease-in-out;
   -webkit-transition: background .25s ease-in-out;
}
.btn:hover {
	background-color:rgb(255, 238, 198);
	color: #ef781c;
	outline: #E59700 solid 2px;
}
.btn:focus{
	outline: #E59700 solid 2px;
}

footer {
	padding:20px;
	font-size:12px;
	color:#666;
}

/*styles do Thy*/
.containerRS{
	display: flex;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

.containerBanner{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background-color: #14393F;
}


.imgBanner{
	width: 700px;
    height: 600px;
}

#boxApp{
	padding: 15px;
}

#boxApp > form > div{
	text-align: left;
	font-size: 2rem;
}
#boxApp > form > button{
	width: 100%;
}

.confSenhaForm, .senhaForm{
	display: grid;
	margin-bottom: 25px;
	color: #14393f;
}

input{
	padding: 10px;
	width: 100%;
	border: 0;
	outline: none;
}

.divSenha, .divConfSenha{
	display: flex;
	flex-direction: row;
	outline: #767676 solid 1px;
	border-radius: 1px;
}

.divSenha:hover, .divConfSenha:hover{
	outline: #E59700 solid 2px;
}

.eyeClass{
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  border-left: 0;
	  padding: 10px;;
	  	  
}
.eyeClass > a, .bi-eye{
	color: #767676;
	font-size: 20px;
}

#eyeLink:hover {
 	cursor:pointer;
}

.divTxtRedefinicao{
	border-bottom:1px solid #D8D8D8;
	margin-bottom: 20px;
	color: #14393f;
}

@media (max-width: 1200px){
	.containerRS{
		flex-direction: column;
	}
	.imgBanner{ 	
    	width: 30rem;
    	height: 29rem;
	}
	.containerBanner{
		height: 50%;
	}
}

@media (max-width: 500px) { 
	.containerBanner{
		height: 30%;
	}	
}

@media (max-width: 300px) { 
	.imgBanner{ 	
    	width: 20rem;
    	height: 19rem;
	}
}