.frm input[type="text"],
.frm input[type="password"]

{ width:100%; height:60px; padding:10px; border:none; color:#242424; border-radius:4px; outline:0; border:1px solid #D9D9D9; font-size:14px; margin-bottom:10px;}
.frm input[type="button"],.frm input[type="submit"],.frm button[type="submit"],.frm button[type="submit"]{ border:none; border-radius:4px; padding:15px 30px; background:#3C82FE; color:#FFF; 
font-size:14px; transition: all 0.5s ease 0s;  }
.frm input[type="button"]:hover,.frm input[type="submit"]:hover,.frm button[type="button"]:hover,.frm button[type="submit"]:hover{background:#333; color:#FFF;}

.login-sc-row  input[type="text"]{border:none; margin-bottom:0; outline:0;     }
.login-sc-row  .inputContainer label{margin-top:-10px;}

.inputContainer {position: relative;}
.inputContainer input {margin-top: 10px;}
.inputContainer label {position: absolute; top: 28px; left: 10px; transform-origin: 0 0; transition: all 0.3s ease; font-size:12px; color:#67757c;}
.inputContainer input:focus+label,.inputContainer input:valid+label {transform: translateY(-15px) scale(.9);}	
.inputContainer input:read-only+label {transform: translateY(-15px) scale(.9);}	
.inputContainer select{max-width:70%}

.forgotpass{}
.forgotpass p img{float:left; margin-right:10px;}
.forgotpass p{color:#333333; line-height:40px;}
.forgotpass p a{color:#333333; transition: all 0.5s ease 0s; text-decoration:none;}
.forgotpass p a:hover{color:#3B82FD;}


.checkboxpanel{}
.checkboxpanel span{padding-right:15px;}
.checkboxpanel [type=checkbox]:checked, .checkboxpanel [type=checkbox]:not(:checked) {
	position: absolute;
	left: -9999px;
	opacity: 0
}
.checkboxpanel [type=checkbox] {
}
.checkboxpanel [type=checkbox]+label {
position:relative;
padding-left:26px;
cursor:pointer;
display:inline-block;
height:25px;
line-height:21px;
font-size:1rem;
-webkit-user-select:none;
-moz-user-select:none;
-khtml-user-select:none;
-ms-user-select:none;
font-size:14px;
font-weight:normal;
color:#67757c;
}
.checkboxpanel [type=checkbox]+label:before, [type=checkbox]:not(.filled-in)+label:after {
content:'';
position:absolute;
top:0;
left:0;
width:18px;
height:18px;
z-index:0;
border:2px solid #009efb;
border-radius:1px;
margin-top:2px;
-webkit-transition:.2s;
-o-transition:.2s;
transition:.2s
}
.checkboxpanel [type=checkbox]:not(.filled-in)+label:after {
	border: 0;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0)
}
.checkboxpanel [type=checkbox]:not(:checked):disabled+label:before {
	border: none;
	background-color: rgba(0, 0, 0, 0.26)
}
.checkboxpanel [type=checkbox].tabbed:focus+label:after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	border: 0;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
	background-color: rgba(0, 0, 0, 0.1)
}
.checkboxpanel [type=checkbox]:checked+label:before {
	top: -4px;
	left: -5px;
	width: 12px;
	height: 22px;
	border-top: 2px solid transparent;
	border-left: 2px solid transparent;
	border-right: 2px solid #009efb;
	border-bottom: 2px solid #009efb;
	-webkit-transform: rotate(40deg);
	-ms-transform: rotate(40deg);
	transform: rotate(40deg);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	transform-origin: 100% 100%
}
.checkboxpanel [type=checkbox]:checked:disabled+label:before {
	border-right: 2px solid rgba(0, 0, 0, 0.26);
	border-bottom: 2px solid rgba(0, 0, 0, 0.26)
}

.checkboxpanel [type=radio]:checked, .checkboxpanel [type=radio]:not(:checked) {
	position: absolute;
	left: -9999px;
	opacity: 0
}
.checkboxpanel [type=radio]:checked+label, .checkboxpanel [type=radio]:not(:checked)+label {
	position: relative;
	padding-left: 35px;
	cursor: pointer;
	display: inline-block;
	height: 25px;
	line-height: 25px;
	font-size: 1rem;
	-webkit-transition: .28s ease;
	-o-transition: .28s ease;
	transition: .28s ease;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.radioboxpanel{}
.radioboxpanel [type=radio]:not(:checked) {
	position: absolute;
	left: -9999px;
	opacity: 0
}
.radioboxpanel [type=radio]:not(:checked)+label {
	position: relative;
	padding-left: 25px;
	cursor: pointer;
	display: inline-block;
	height: 25px;
	line-height: 25px;
	 
	-webkit-transition: .28s ease;
	-o-transition: .28s ease;
	transition: .28s ease;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size:14px;
	font-weight:normal;
}


.radioboxpanel span{padding-right:15px;}
.radioboxpanel [type=radio]:checked {
	position: absolute;
	left: -9999px;
	opacity: 0
}

.radioboxpanel [type=radio]+label:after, .radioboxpanel [type=radio]+label:before {
content:'';
position:absolute;
left:0;
top:0;
margin:4px;
width:16px;
height:16px;
z-index:0;
-webkit-transition:.28s ease;
-o-transition:.28s ease;
transition:.28s ease;
 
}
.radioboxpanel [type=radio]:checked+label {
	position: relative;
	padding-left:25px;
	cursor: pointer;
	display: inline-block;
	height: 25px;
	line-height: 25px;
	 
	-webkit-transition: .28s ease;
	-o-transition: .28s ease;
	transition: .28s ease;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size:14px;
	font-weight:normal;
}


.radioboxpanel [type=radio].with-gap:checked+label:after, .radioboxpanel [type=radio].with-gap:checked+label:before, .radioboxpanel [type=radio]:checked+label:after, .radioboxpanel [type=radio]:checked+label:before, .radioboxpanel [type=radio]:not(:checked)+label:after, .radioboxpanel [type=radio]:not(:checked)+label:before {
	border-radius: 50%
}
.radioboxpanel [type=radio]:not(:checked)+label:after, .radioboxpanel [type=radio]:not(:checked)+label:before {
	border: 2px solid #009efb
}
.radioboxpanel [type=radio]:not(:checked)+label:after {
	z-index: -1;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0)
}
.radioboxpanel [type=radio]:checked+label:before {
	border: 2px solid transparent;
	-webkit-animation: ripple 0.2s linear forwards;
	animation: ripple 0.2s linear forwards
}
.radioboxpanel [type=radio].with-gap:checked+label:after, .radioboxpanel [type=radio].with-gap:checked+label:before, [type=radio]:checked+label:after {
	border: 2px solid #009efb
}
.radioboxpanel [type=radio].with-gap:checked+label:after, .radioboxpanel [type=radio]:checked+label:after {
	background-color: #009efb;
	z-index: 0
}
.radioboxpanel [type=radio]:checked+label:after {
	-webkit-transform: scale(1.02);
	-ms-transform: scale(1.02);
	transform: scale(1.02)
}
.radioboxpanel [type=radio].with-gap:checked+label:after {
	-webkit-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5)
}
.radioboxpanel [type=radio].tabbed:focus+label:before {
	-webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
	-webkit-animation: ripple 0.2s linear forwards;
	animation: ripple 0.2s linear forwards
}
.radioboxpanel [type=radio].with-gap:disabled:checked+label:before {
	border: 2px solid rgba(0, 0, 0, 0.26);
	-webkit-animation: ripple 0.2s linear forwards;
	animation: ripple 0.2s linear forwards
}
.radioboxpanel [type=radio].with-gap:disabled:checked+label:after {
	border: none;
	background-color: rgba(0, 0, 0, 0.26)
}
.radioboxpanel [type=radio]:disabled:checked+label:before, .radioboxpanel [type=radio]:disabled:not(:checked)+label:before {
	background-color: transparent;
	border-color: rgba(0, 0, 0, 0.26);
	-webkit-animation: ripple 0.2s linear forwards;
	animation: ripple 0.2s linear forwards
}
.radioboxpanel [type=radio]:disabled+label {
	color: rgba(0, 0, 0, 0.26)
}
.radioboxpanel [type=radio]:disabled:not(:checked)+label:before {
	border-color: rgba(0, 0, 0, 0.26)
}
.radioboxpanel [type=radio]:disabled:checked+label:after {
	background-color: rgba(0, 0, 0, 0.26);
	border-color: #BDBDBD
}
#whaatsappContact {
    position: fixed;
    top: 40%;
    margin-right: 10px;
    font-size: 50px;
    left: 95%;
    z-index: 100000;
}

#whaatsappContact i {
    color: forestgreen;
}
