@charset "utf-8";
body {
	font-family:"Nunito";
	background-image:url("../imgs/bgfront.jpg");
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	background-color:#009441;
	font-size:12px;
}
.card {
	background-color:transparent;
	border:0;
	box-shadow:none;
}
.card-header {
	background-color:transparent;
	border-bottom:0;
	padding:1rem;
}
.card-header > img {width:100px; display:block; margin:auto auto 2rem;}
.card-body {
	background-color:rgba(255,255,255,.85);
	padding:2rem;
	border:1px solid #FEFEFE;
	box-shadow:0 0 5px -1px rgba(25,25,25,.5);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.card-body h2.title {
	font-family:"bebasneue", "sans-serif";
	font-size:22px;
	text-align:left;
	color:#26a69a;
	padding-bottom:10px;
	margin:0 0 2rem;
	border-bottom:1px solid #1b8c81;
}
.form-group,
.form-group .input {
	position:relative;
	display:block;
}
.icons {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.input-field {position:relative; display:block; margin-top:.5rem; margin-bottom:.5rem;}
.card-footer {
	background-color:transparent;
	text-align:center;
	color:#FFF;
	text-shadow:1px 1px 1px #333333;
	box-shadow:none;
	padding:2rem 0;
}
#showpassword {
	position:absolute;
	top:10px;
	right:5px;
	cursor:pointer;
}
.input-field > label {font-size:12px; top:-35px; left:5px; text-transform:uppercase;}
.input-field.col label {left:.7rem;}
.input-field .prefix {top:0; width:2rem;}
.input-field .prefix ~ input {margin-left:2.2rem; width:calc(100% - 2.2rem);}
.input-field .form-control {
	background-color:transparent;
	border:0;
	border-bottom:1px dashed #87888F;
	outline:0!important;
	-webkit-box-shadow:none!important;
	-moz-box-shadow:none!important;
	box-shadow:none!important;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}
[type="checkbox"]+span:not(.lever) {

    position: relative;
	display:inline-block;
    padding-left: 10px;
	font-size: .85rem;
	line-height:14px
}

[type="checkbox"].filled-in:checked+span:not(.lever):after {
    top: 0;
    width: 17px;
    height: 17px;
}
[type="checkbox"].filled-in:checked+span:not(.lever):before {
    top: -2px;
    left: 0px;
    width: 7px;
    height: 14px;
}
.mb-0 {margin-bottom:0;}
.ml-45 {margin-left: 45px;}
.ml-35 {margin-left:35px;}
.invalid-feedback {
	margin-left:45px;
	color:red;
}

.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;
}

@media (max-width:767px){
	.card-header > img {width:75px; margin:auto auto 1rem;}
	.input-field {margin-bottom:2rem;}
	.btn {width:100%;}
	.submit-btn {padding-right:0; padding-left:0; margin-bottom:10px;}
	.card-body .row {width:100%; margin-right:0; margin-left:0;}
	#formlogin {padding-right:0; padding-left:0;}
	.input-field {margin-top:0; padding-right:0; padding-left:0;}
	.input-field .prefix {font-size:1.5rem; top:7px;}
	.input-field > label {top: -25px;}
	.input-field .prefix ~ label { margin-left: 2rem; }
	
	.checkbox .col-md-12 {padding-right:0; padding-left:0;}
	.checkbox label {margin-left:0;}
	.card-footer {padding:10px 0;}
}