@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src:
		url('/ServiciosOL/javax.faces.resource/icons/MaterialIcons.woff2.htm')
		format('woff2');
}

.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
}

.noBackground {
	background-color: transparent;
}

.boldText {
	font-weight: bold;
}

.rounded {
	background-image: none !important;
	border: 1px solid #d2d2d2 !important;
	border-radius: 10px !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.active {
	color: black !important;
	font-weight: bold !important;
	font-size: 17px !important;
	top: -8px !important;
}

.lblInput {
	padding-left: 5px;
}

.width90 {
	width: 96% !important;
}

a {
	font-weight: 500;
}

.setMaxWidth {
	max-width: 450px;
}

.autoMargin {
	margin: 0 auto;
}

.mar-no {
	margin: 0 !important;
}

.width40{
	width: 40%;
}

.marginTop5{
	margin-top: 5px;
}

.label40{
	width: 40%;
}

#formContainer {
	width: 200%;
	position: relative;
}

.input-fields-div {
	width: 80%;
}

.hidden {
	visibility: hidden;
}

.overflowHidden {
	overflow: hidden;
}

.loginForm, .signUpForm {
	position: relative;
	width: 50%;
	float: left;
}

#reg_passwordDiv, #passwordDiv {
	position: relative;
}

#formContainer.goLeft {
	-webkit-animation: slideLeft 0.2s forwards;
	animation: slideLeft 0.2s forwards;
}

#formContainer.goRight {
	-webkit-animation: zeroLeft 0.2s forwards;
	animation: zeroLeft 0.2s forwards;
}

.showPassword {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	right: 10px;
}

.relative{
	position: relative;
}

.noMarginBottom{
	margin-bottom: 0;
}

.ui-growl-item-container, .borderNone{
	border: 0 !important;
}

#btnNext, #btnBack, .btnLogin {
	background-color: #55acee !important;
	color: white;
	border: 0 !important;
}

#btnNext, .rightFloat, .btnLogin {
	position: absolute;
	right: 0;
}

.register, .back{
	background-color: #313945 !important;
}

.btnLogin:hover{
	background-color: #55acee;
}

.register:hover{
	background-color: #313945 !important;
}

.middle{
	vertical-align: middle;
}

.buttonIcon{
	vertical-align: bottom !important;
}

.panelRestablecer{
	border: 1px solid black;
	padding: 10px 0;
}

@-webkit-keyframes slideLeft {
  from { left: 0; }
  to { left: -100%; }
}

@keyframes slideLeft {
  from { left: 0; }
  to { left: -100%; }
}

@-webkit-keyframes zeroLeft {
  from { left: -100%; }
  to { left: 0; }
}

@keyframes zeroLeft {
  from { left: -100%; }
  to { left: 0; }
}