/* === FONTES === */
@font-face {
  font-family: 'Roboto-Regular';
  src: url("/assets/ctx/c926de22/theme/fonts/static/Roboto-Regular.ttf") format('truetype');
}

@font-face {
  font-family: 'Roboto-Bold';
  src: url("/assets/ctx/60b9bb52/theme/fonts/static/Roboto-Bold.ttf") format('truetype');
}

body {
	 font-family: 'Roboto-Regular', Arial, sans-serif!important;
  	font-size:14px;
	background:#073655 url() repeat-x 0 0;
}

a {color:#4E4E4E;text-decoration:none;}
a:hover {color:#42B8B2;text-decoration:none;}

input:focus {outline:2px solid #fff;}
.flex {display:flex;justify-content:space-between;}
.flex80  {flex-basis:60%;}
.flex80 .btn-success {width:100%;}
.button {
	display: block;
	float: left;
	margin: 0 7px 0 0;
	background-color: #f5f5f5;
	border: 1px solid #dedede;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	font-family:'Roboto-Regular', Arial, sans-serif !important;
	font-size: 100%;
	line-height: 130%;
	text-decoration: none;
	font-weight: bold;
	color: #565656;
	cursor: pointer;
	padding: 5px 10px 6px 7px; /* Links */
}

.btn {
  text-transform: uppercase;
  border-radius: 20px;
  color: #4E4E4E;
  background-color: #eee;
  border: 2px solid #42B8B2;
  box-shadow: none!important;
  background-image: none !important;
  padding:5px 10px;
  font-weight:bold;
  font-family:'Roboto-Regular', Arial, sans-serif !important;
}

.btn-success, .btn-success:hover, .btn-success:active, .btn-success:focus {
  background-color: #42B8B2 !important;
  color:#fff!important;
  outline:0;
}

.btn-back {background-color:#fff;color:#42B8B2;}


.login-with-100 {
	width: 100%;
	text-align:center;
	font-weight:bold;
	color:#4E4E4E;
	text-decoration:none;
	text-transform:uppercase;
}

.login-with-100:hover {color:#42B8B2;}

#login-error {
	background-color: #fbe3e4;
	background-repeat: no-repeat;
	background-position: center left;
	border: 1px solid #fbc2c4;
	color: #d12f19;
	font-weight: bold;
	float: left;
	margin: 5px 0px 15px 0px;
	padding: 4px 4px 4px 4px;
	width: 100%;
	text-align: center;
}

#login-ok {
	background-color: #42B8B2;
	background-repeat: no-repeat;
	background-position: center left;
	border: 1px solid #fbc2c4;
	color: #fff !important;
	font-weight: bold;
	float: left;
	margin: 5px 0px 15px 0px;
	padding: 4px 4px 4px 4px;
	width: 100%;
	text-align: center;
}
#changepwd-area {
	width: 400px;
	margin-top: 54px;
	margin-left: 136px;
	background-color: #fff;
	border: 0;
	border-radius: 20px;
}

#login-area {
	width: 300px;
	top: 45%;
	left: 50%;
	margin-top: -80px;
	margin-left: -150px;
	position: absolute;
	background-color: #fff;
	border: 0;
	border-radius: 20px;
	-moz-border-radius:20px;
	-webkit-border-raius: 20px;
	margin-bottom:50px;
	z-index:999;
}

#codeZone {margin-bottom:15px;}

#password-expired-area {
	width: 300px;
	top: 30%;
	left: 50%;
	margin-top: -80px;
	margin-left: -150px;
	position: absolute;
	background-color: #fff;
	border: 0;
	border-radius: 20px;
	-moz-border-radius:20px;
	-webkit-border-raius: 20px;
	margin-bottom:50px;
	z-index:999;
}

#login-header {
	background-position: 5px 6px;
	background-color: #fff;
	background-repeat: no-repeat;
	color:#073655;
	width: 300px;
	height: 60px;
	border: 0;
	border-radius: 20px;
	-moz-border-radius:20px;
	-webkit-border-raius: 20px;
}

#login-header span {
	color: #073655;
    font-size: 16px;
    font-weight: bold;
    padding: 20px;
    display: inline-block;
    text-align: center;
    width:100%;
    text-transform:uppercase;
}

#login-content {
	padding:0 20px 20px;
}

#footer {
	padding: 30px 0 50px 0;
    position: absolute;
    left: 50%;
    top: 45%;
    width: 300px;
    margin-left: -150px;
}

#footer p {
	margin-bottom: 1em;
	text-align: center;
	line-height: normal;
	font-size: .9em;
	color: #BABABA;
}

div.t-login-row {
	padding: 4px 0px;
	display:flex;
	align-items:flex-start;
	justify-content:flex-end;
	flex-wrap:wrap;
}

.help-block {
	flex-basis:100%;
	text-align:center;
	font-size:small;
}

div.t-login-row .label {
	flex-basis:15%;
	display: block;
	text-align: center;
	color:#666;
	-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomleft: 20px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
border:2px solid #42B8B2;
border-right:2px solid #42B8B2;
font-size:16px;
color:#42B8B2;
padding:7px 0 7px 3px;
background-color: white;
}

div.t-login-row .input {
	width: 85%;
	border: 2px solid #42B8B2;
	border-left:0;
	padding: 5px;
	margin-bottom: 1px;
	-webkit-border-top-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomright: 20px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;

	
}

div.t-login-row .input:focus, div.t-login-row .input:focus-within, div.t-login-row .input:focus-visible {
	border-radius:20px;
	border:2px solid #42B8B2!important;
	-moz-border-radius-bottomleft: 0;
border-top-left-radius: 0;
border-bottom-left-radius:0;
}

div.t-login-row .button {
  text-transform: uppercase;
  border-radius: 20px;
  color: #4E4E4E;
  background-color: #eee;
  border: 2px solid #42B8B2;
  box-shadow: none!important;
  background-image: none !important;
  padding:5px 20px;
  font-weight:bold;
  font-family:'Roboto-Regular', Arial, sans-serif !important;
  background-color: #42B8B2 !important;
  color:#fff!important;
  margin:0;
  width:100%;
}

.hidden {display:none;}

.login-header {background:#42B8B2; color:#fff;height:50vh;padding:20px 0;}
.logo-txt {
	width: 50%;
    text-align: center;
    margin: 65px auto;
}


.poweredby {
	position: absolute;
    right: 0;
    bottom: 50px;
}

.poweredby a {display:block;}

/* PASSWORD EXPIRED */
.define-new {position:relative;}
#login-content h5 {text-align:center;font-weight:bold;}
#login-content #legenda {
	position:absolute;
	top:40px;
	left:-20px;
	padding:0 10px 10px;
	background:rgba(255,255,255, 0.85);
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	box-shadow:0 20px 5px rgba(0,0,0, 0.25);
	width:300px;
}

#login-content #legenda ul {list-style:none;padding:0;margin:0;}
#login-content #legenda ul li {font-weight:bold;}

.valid {
	color:#42B8B2;
}
.invalid {
	color:#CB264D;
}

.has-error .help-block, 
.has-error .control-label, 
.has-error .radio, .has-error .checkbox,
.has-error .radio-inline, 
.has-error .checkbox-inline, 
.has-error.radio label, 
.has-error.checkbox label, 
.has-error.radio-inline label,
.has-error.checkbox-inline label {color:#CB264D;}
@media  screen and (max-width:768px ){
	.poweredby {
    bottom: -400px;
    }
    .poweredby a {
    padding-bottom:20px;}
    #password-expired-area {
	top: 45%;}
}
.logo-txt {margin:0 auto;width:auto;}

}