html,
body {
  height: 100%;
  width: 100%;
}

#showPass {
	cursor: pointer;
}

.modalLogin {
	display: none; /* Hidden by default */
}

.modal-bg-overlay {
	background: #D6E9E3;
	opacity: 0.85;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

.bg-layer {
	background: rgb(135,210,206); /* Old browsers */
	background-image: url('../../../novo_visual/img/bg.jpg');
	background-repeat: no-repeat;
    background-size: cover;
	background-position: center center;
	margin: 0px;
    padding: 0;
    min-height: 640px;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

.bg-layer2 {
	background: rgb(135,210,206); /* Old browsers */
	background-image: url('../../../novo_visual/img/bg2.jpg');
	background-repeat: no-repeat;
    background-size: cover;
	background-position: center center;
	margin: 0px;
    padding: 0;
    min-height: 640px;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

.bg-overlay {
	background: -moz-linear-gradient(top, rgba(135,210,206,0.85) 1%, rgba(135,210,206,0.85) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(135,210,206,0.85) 1%,rgba(135,210,206,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(135,210,206,0.85) 1%,rgba(135,210,206,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(135,210,206,0.85)', endColorstr='rgba(135,210,206,0.85)',GradientType=0 ); /* IE6-9 */
	background-repeat: no-repeat;
    background-size: cover;
	background-position: center center;
    margin: 0px;
    padding: 0;
    min-height: 100%;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

.form-bg-overlay {
	background: #D6E9E3;
	background-repeat: no-repeat;
    background-size: cover;
	background-position: center center;
	opacity: 0.85;
    margin: 0px;
    padding:0;
   	min-height:100%;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

.loginDarkColor {
	color: rgb(18.8, 21.2, 25.5);
}

.fieldsetBkgBorder {
	border-radius: 1rem;
	border-top-style: groove;
	border-top-width: 2px;
}

.loginTextColor {
	color: #6ca0ba;
}

.fontSizeOneQuarter {
	font-size: 1.25rem;
}

.fontSizeTwo {
	font-size: 2rem;
}

.fontWeight300 {
	font-weight: 300;
}

.fontWeight400 {
	font-weight: 400;
}


.newLoginBad {
    color: red;
    font-size: 0.9rem;
}

.input-group-prepend .loginInput-leftBorderBkg {
	border: 0px solid #ced4da;
	border-radius: 0.25rem 0 0 0.25rem;
	background-color: #fff;
	background-clip: padding-box;
	color: #828383;
}

.input-group-prepend .loginInput-rightBorder {
	border: 0px solid #ced4da;
	border-radius: 0 0.25rem 0.25rem 0;
	color: #828383;
}

.input-group-prepend .loginInput-Border {
	border: 0px solid #ced4da;
	border-radius: 0 0rem 0rem 0;
	color: #828383;
}

form .loginButtonDarkColor {
	color: #fff;
    background-color:rgb(19,22,26);
    border-color: rgb(19,22,26);
}

form .loginButtonDarkColor:hover {
	color: #fff;
    background-color: #6b727d;
    border-color:  #6b727d;
}

form .loginButtonDarkColor:not(:disabled):not(.disabled):active {
	color: #fff;
    background-color: #6b727d;
    border-color:  #6b727d;
}


form .loginButtonDarkColor:focus, form .loginButtonDarkColor:not(:disabled):not(.disabled):active:focus {
	box-shadow: 0 0 0 0.2rem rgba(107,114,125,0.5);
}

.custom-control-label::before {
	border: none;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before{
	background-color:white;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after{
	background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='rgb(135,210,206)' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}
.custom-control-input:active~.custom-control-label::before{
	background-color:rgb(135,210,206);
}

.custom-checkbox .custom-control-input:focus~.custom-control-label::before{
	box-shadow: none;
}

.marginTopM30 {
	margin-top: 0px;
}

.hrLogin {
	border-top: 3px solid #ffffff;
}

.loginBottomText {
	color: white;
	font-size: 0.9rem;
}

.pointerRecover {
	cursor: pointer;
}


@media (min-width: 400px) {
	.newLoginBad {
		font-size: 1.25rem;
	}
}

@media (min-width: 576px) {
	.marginTopM30 {
		margin-top: 30px;
	}
}