body{margin:0px; padding:0px; font-family: Poppins, Helvetica, "sans-serif";}
.bodybg {background:#eef0f8;width:100%;height:100vh;display:block;float:left;padding:0px;}
.logincont-main {background:#fff; box-shadow:0 0 7px #808080;width:80%; margin:6% auto;padding:0px;height:500px; border-radius:8px;}
.login-leftdiv {background: #8db7c7; /*url(../img/loginbg.png)*/ width:40%; min-height:520px; border-radius:8px 0 0 8px;float:left;padding:20px 20px 0;background-size: 80%;background-repeat: no-repeat;background-position: bottom; position:relative;}
.login-rightdiv{background:url(/assets/img/bg.png) 0 0 no-repeat;background-size:cover; margin:0px;width:60%; height:100%;float:left;}
.login-leftdivImg{width:90%; height:100%; position:relative;bottom:0px;left:20px;}
.login-leftdiv h3 {color: #fff;margin: 10% 0 0;padding: 0;text-align: center;font-size: 28px;font-weight:500;}
.login-leftdiv p {color: #fff;margin: 10px 0 0;padding: 0;text-align: center;font-size: 13px; font-weight:300;}
.loginmain {background: #fff;box-shadow: 0 0 18px -10px #808080;padding:20px 20px 5px;margin: 10px auto;width: 80%;border-radius: 4px;min-height: 150px;}
.fl{float:left !important;}
.fr{float:right !important;}
a.linktext{font-size:13px; color:#808080;margin:0px; padding:0px;text-decoration:none;}
a.linktext:hover{font-size:13px; color:#1050d0;margin:0px; padding:0px;text-decoration:none;}

/* Custom Checkbox CSS */
.cont-checkbox {display: inline-block;position: relative;padding-left: 25px;margin-right: 22px;margin-bottom: 12px;cursor: pointer;font-size: 13px;
-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;margin-bottom: 10px !important;}
/* Hide the browser's default checkbox */
.cont-checkbox input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
/* Create a custom checkbox */
.checkmark {position: absolute;top: 0px;left: 0;height: 16px;width: 16px;background-color: #fafafa;border-radius: 4px !important;border: 1px solid #a9a9a9;}
.divscroll .checkmark {position: absolute;top: 0px;left: 0;height: 16px;width: 16px;background-color: #eee;}
/* On mouse-over, add a grey background color */
.cont-checkbox:hover input ~ .checkmark {background-color: #ccc;}
/* When the checkbox is checked, add a blue background */
.cont-checkbox input:checked ~ .checkmark {background-color: #2196f3;}
/* When the checkbox is checked, add a blue background */
.cont-checkbox input:checked ~ .checkmark.disabled {background-color: #cfcece;}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {content: "";position: absolute;display: none;}
/* Show the checkmark when checked */
.cont-checkbox input:checked ~ .checkmark:after {display: block;}

/* Style the checkmark/indicator */
.cont-checkbox .checkmark:after {top: 3px;width: 4px;height: 10px;border: 1px solid #fff;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);transform: rotate(45deg);left: 5px;top: 0px;}

/* Custom Radio Button CSS */
.radio-cont {display: inline-block;position: relative;padding-left: 30px;margin-bottom: 12px;cursor: pointer;font-size:14px;-webkit-user-select: none;
-moz-user-select: none;-ms-user-select: none;user-select: none; font-weight:400;}

/* Hide the browser's default radio button */
.radio-cont input {position: absolute;opacity: 0;cursor: pointer;}
/* Create a custom radio button */
.radio-cont .checkmark {position: absolute;top: 2px;left: 0;height: 16px;width: 16px;background-color: #eee;border-radius: 50% !important;}

/* On mouse-over, add a grey background color */
.radio-cont:hover input ~ .checkmark {background-color: #ccc;}
/* When the radio button is checked, add a blue background */
.radio-cont input:checked ~ .checkmark {background-color: #2196f3;}
.radio-cont input:checked ~ .checkmark.disabled {background-color: #cfcece;}
/* Create the indicator (the dot/circle - hidden when not checked) */
.radio-cont .checkmark:after {content: "";position: absolute;display: none;}
/* Show the indicator (dot/circle) when checked */
.radio-cont input:checked ~ .checkmark:after {display: block;}
/* Style the indicator (dot/circle) */
.radio-cont .checkmark:after {top: 3px;left: 3px;width: 8px;height: 8px;border-radius: 50%;background: white;}
/* END custom radio button */

.form-control {display: block;width: 100%;height: 50px;padding: 6px 12px;font-size: 14px;line-height:normal;color: #555;background-color: #fff;
background-image: none;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ase-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.form-control:focus {border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
.form-control::-moz-placeholder {color: #999;opacity: 1}
.form-group{margin-bottom:20px; width:100%;}
.signinButton{background:#475f69; padding:10px;margin:0px;border:1px solid #003295; font-size:14px;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; border-radius:8px;display:block; color:#fff;text-align: center;text-decoration: none;font-weight: 600;text-transform: uppercase;}
.signinButton:hover {border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6;);background:#2c65af; color:#fff;text-decoration:none;}
.signinButton:focus {border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);}
.logoCont {width: 120px;margin: 50px auto 0;padding: 0px;height: 60px;}
.logoCont img{width:100%; height:100%;}
.welcomeText{width: 320px;margin: 50px auto 0;padding: 0px;min-height: 80px;}
.welcomeText h3{color: #12649a;margin: 10% 0 0;padding: 0;text-align: center;font-size: 28px;font-weight:500;}
.welcomeText p{color: #333;margin: 10px 0 0;padding: 0;text-align: center;font-size: 13px; font-weight:300;}  
.font13 {font-size:13px;}
.text-center{text-align:center;}
.hide{display:none;}
.mt-1{margin-top:10px;}
.signupDiv .logoCont {width: 100px;margin: 30px auto 0;padding: 0px;height: 60px;}
.signupmain {padding:10px 0px 0px;margin: 10px auto;width: 75%;}
.signupmain .form-group {margin-bottom: 15px;width: 100%;float: left;}
.signupmain .form-group p {margin: 5px;}
/*.signupmain .form-group.halfinput{width:48%;}*/
.signupmain .form-group.halfinput{width:48%; margin-left:16px;}
.signupmain .form-group.halfinput:nth-child(2n+1){width:48%; margin-left:0px;}
.overflowdiv{overflow:auto;max-height:260px;overflow-x: hidden; padding: 15px;}
.mr-36{margin-right:36px;}
.mr-10{margin-right:10px;}
.input-group {position: relative;display: table;border-collapse: separate;width: 100%;}
.input-group .form-control {position: relative;z-index:2;float: left;width: 100%;margin-bottom: 0;display: table-cell;padding-left:50px; height:44px;}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {border-top-right-radius: 0;border-bottom-right-radius: 0;}
.input-group-append, .input-group-prepend {display: table-cell;}
.input-group-append, .input-group-prepend {position: absolute;left: 10px;z-index: 9;width: 24px;top: 10px;height: 24px;}
.input-group-text {display: table-cell;padding: 0.4rem 1.25rem;margin-bottom: 0;font-size: 16px;font-weight: 400;line-height: 1.5;color: #495057;
text-align: center;white-space: nowrap;background-color: #e9ecef;border: 1px solid #ced4da;border-radius: 0.25rem;border-top-left-radius: 0;
border-bottom-left-radius: 0;}
.signupmain .form-group.halfinput .form-control {position: relative;z-index: 2;float: left;width: 100%;margin-bottom: 0;display: table-cell;padding-left:50px;}
.signupmain .form-group.halfinput select.form-control {position: relative;z-index: 2;float: left;width:82%;margin-bottom: 0;height:44px;
padding-left: 10px;margin-left: 40px;}
.signupmain .form-group.halfinput select.form-control option {padding:8px;float:left;text-align:left;}
.signupmain .form-group.halfinput .input-group-prepend {position: absolute;left: 0px;z-index: 9;width: 40px;top: 0px;height: 44px;border: 1px solid #ccc;padding: 9px 8px;box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
.editDiv {position: absolute;right: 5px;top:5px;background: #fff;box-shadow: 0 0 5px #d9d9d9;padding: 0px 0;border-radius: 50px;width: 36px;
height: 36px;text-align: center; display:none;}
.editDiv img{width:20px;height:20px; margin:8px 0;}
.login-leftdiv:hover .editDiv{display:block;}
.login-leftdiv:hover .editDiv:hover{background:#fafafa;}
#fr-logo{display:none;}
.mb-2{margin-bottom:20px;}

.file-upload {background-color: #ffffff;width: 100%;margin: 20px auto;padding: 0px; display:block;}
.file-upload-btn {width: 100%;margin: 0;color: #fff;background: #1FB264;border: none;padding: 10px;border-radius: 4px;border-bottom: 4px solid #15824B;transition: all .2s ease;outline: none;text-transform: uppercase;font-weight: 700;}
.file-upload-btn:hover {background: #5cb85c;color: #ffffff;transition: all .2s ease;cursor: pointer;}
.file-upload-btn:active {border: 0;transition: all .2s ease;}
.file-upload-content {display: none;text-align: center; width:300px;margin:0 auto;}
.file-upload-input {position: absolute;margin: 0;padding: 0;width: 100%;height: 100%;outline: none;opacity: 0;cursor: pointer;}
.image-upload-wrap {margin-top: 20px;border: 2px dashed #1FB264;position: relative;}
.image-dropping,.image-upload-wrap:hover {/* background-color: #f8f7f2; */border: 2px dashed #f8f7f2;text-transform:capitalize;font-weight: 600;}
.image-title-wrap {padding: 0 15px 15px 15px;color: #222;}
.drag-text {text-align: center;}
.drag-text h3 {font-weight: 100;text-transform: uppercase;color: #15824B;padding: 15px 0;font-size:14px;}
.image-upload-wrap:hover .drag-text h3{font-weight: 700;}
.file-upload-image {max-height:300px;width: 100%;margin: auto;padding: 10px;}
.remove-image {min-width: 200px;margin: 0;color: #fff;background: #cd4535;border: none;padding: 10px;border-radius: 4px;border-bottom: 2px solid #b02818;transition: all .2s ease;outline: none;text-transform: lowercase;font-weight: 700;}
.remove-image:hover {background: #c13b2a;color: #ffffff;transition: all .2s ease;cursor: pointer;}
.remove-image:active {border: 0;transition: all .2s ease;}


@media(max-width:1920px) {
.login-leftdivImg {width: 300px;height: 300px;position: absolute;bottom: -15px;left: 15%;}
.logincont-main {width: 80%;margin: 6% auto;padding: 0px;height: 520px;border-radius: 8px;}
.login-rightdiv {width: 60%;}
.loginmain {width: 60%;}
.loginmain.signupmain{width: 75%;}
}
@media(max-width:1440px) {
.logincont-main{height:520px;}
}

@media(max-width:1024px){
.login-leftdiv h3 {font-size: 20px;}
.signupDiv .logoCont {width: 80px;margin: 20px auto 0;height: 40px;}
.loginmain.signupmain {width: 85%;padding: 20px 20px 10px;margin: 10px auto;}
.signupmain .form-group.halfinput .form-control{height:40px;}
.signupmain .form-group.halfinput select.form-control{width: 75%; height: 40px;}
.signupmain .form-group.halfinput .input-group-prepend{height:40px;}
.signupmain .form-group.halfinput {width: 48%;margin-left: 12px;}
.logincont-main{height:500px;}
.login-leftdiv{min-height:500px;}
.login-leftdivImg {width: 96%;height: auto;position: absolute;bottom: -15px;left: 20px;}
.login-rightdiv {width: 60%;}
.loginmain {width: 80%;}
}
@media(max-width:768px){
.login-leftdiv{display:none;}
.login-rightdiv{width:100%;}
}

@media(max-width:767px){
.bodybg {background:#eef0f8;width:100%;height:100%;display:block;float:left;padding:0px;}
.loginmain {padding: 20px;width: 90%;}
.login-leftdiv{display:none;}
.login-rightdiv{width:100%;}
.logincont-main{width:96%;}
.logincont-main {height: 100%;}
.signupmain {padding: 15px 15px 15px;margin: 20px auto;width: 94%;}
.signupmain .form-group.halfinput {width: 100%;}
.signupmain .form-group.halfinput select.form-control {width: 85%;height: 40px;}
.signupmain .form-group {margin-bottom: 10px;width: 100%;float: left;}
}
@media screen and (max-height: 360px) {
	.logincont-main {
		height: 420px;
	}
}

.password-container {position: relative;}
.toggle-password {position: absolute;top: 50%;right: 10px;transform: translateY(-50%);cursor: pointer;}