html, body{height: 100%;}
p, a, span, label{font-family: 'Roboto', sans-serif !important; font-size: 12px;}
/*---------------------------------------Tooggle Button---------------------------------------------------------------*/
/* The switch - the box around the slider */
.switch {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 20px;
}

/* Hide default HTML checkbox */
.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

/* The slider */
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 18px;
	width: 16px;
	left: 1px;
	bottom: 1px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .slider {
	background-color: #2196F3;
}

input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
	-webkit-transform: translateX(22px);
	-ms-transform: translateX(22px);
	transform: translateX(22px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}

/*------------------------SWITCH 2--------------------------*/
.switch2 {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 20px;
}

/* Hide default HTML checkbox */
.switch2 input {
	opacity: 0;
	width: 0;
	height: 0;
}

/* The slider */
.slider2 {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #2196F3;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider2:before {
	position: absolute;
	content: "";
	height: 18px;
	width: 16px;
	left: 1px;
	bottom: 1px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .slider2 {
	background-color: #2196F3;
}

input:focus + .slider2 {
	box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider2:before {
	-webkit-transform: translateX(22px);
	-ms-transform: translateX(22px);
	transform: translateX(22px);
}

/* Rounded sliders */
.slider2.round {
	border-radius: 34px;
}

.slider2.round:before {
	border-radius: 50%;
}

.prLink:hover{color:#745af2; text-decoration: none;}
.prPrimaryBtn{padding: 10px 46px; background: #17A7FB; color:#fff;}
.prPrimaryBtn:hover{background: #1062E5 !important;}
.prHeading{color:#745af2 !important; font-weight: normal;}
.prHeading img{width:120px; height: 40px; margin-top: -10px}
.footer {
	bottom: 0px;
	color: #272727;
	text-align: center;
	padding: 11px 30px;
	position: absolute;
	right: 0;
	left: 240px;
	background-color: #f9f9f9;
	border-top: 1px solid rgba(0, 0, 0, 0.05);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.prInput{font-size: 12px; color:#4d4d4d; background: #f6fafd; border: 1px solid #f6fafd;}
.form-control:focus {border:2px solid #a6c8ff !important; box-shadow:none;}
.formSection{height: auto;}
.acc1{color:#745af2; text-transform: none;  font-weight: bold; margin-left: 20px; font-size: 14px;}
.acc2{text-transform: none; margin-left: 5px; font-weight: bold; font-size: 14px;}

.select2-container--default .select2-selection--single{background: #f6fafd !important; border: 1px solid #f6fafd !important; }
.select2-search .select2-search--dropdown{background: #000}
.select2-dropdown .select2-dropdown--above{border: 1px solid #d9d9d9;background: rgb(246, 250, 253) !important; }
.select2-container--open .select2-dropdown--below,.select2-container--open .select2-dropdown--above {border: 1px solid #d9d9d9;background: rgb(246, 250, 253);}
select{color:#6c757d !important; font-size: 12px !important; background: #f6fafd !important; border: 1px solid #f6fafd !important;}
.prAddon{background:#808080; padding: 10px 16px; color:#fff; }
.rememberText{ text-transform: none; margin-left: 5px; font-weight: normal; }
.prHeight{height: 100% !important}
.loginDiv{padding:20px 20px 20px 20px !important; }
.prSubmitBtn{width:100%; margin-top: 10px; font-size: 12px; font-weight: bold; margin-bottom: 20px;}
.prFormHeading{background: #fff; width: 100%; display:block;  padding-top: 10px;}
.prWelcomeText{margin-left:20px; color:#8c8c8c; font-size: 12px}
.changePwd{padding:7px 38px; cursor: pointer; font-size: 16px;}
/*.ptFooter{ background: #fff;   padding-left: 20px; padding-bottom: 10px;}*/

.ptFooter {
    background: #fff;
    padding-left: 20px;
    padding-bottom: 10px;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 58.333333%;
}

.rightSection{position: relative;}
.prFooterImg{margin-left:1px; margin-top:-5px; height: 20px; width:20px;}
.companySection{display: none}
.file {
	visibility: hidden;
	position: absolute;
}

.btn-bs-file{
	position:relative;
}
.btn-bs-file input[type="file"]{
	position: absolute;
	top: -9999999;
	filter: alpha(opacity=0);
	opacity: 0;
	width:0;
	height:0;
	outline: none;
	cursor: inherit;
}

.leftSection{background: url(../menu/login-assests/sidebanner.svg); background-repeat: no-repeat; background-size:cover; height:100%; width: 100%;}
.prRegForm{width: 75% !important}
.my-auto{padding: 20px !important;}
.mt-10{margin-top: 10px !important}
.prSbHeading{margin-left:30px; color:#8c8c8c; font-size: 12px}
.prErrMsg{font-size: 12px;   color:#b32d00;}
.form-group{margin-bottom: 0px !important}
/*---------------------Media Queries--------------------*/

@media(max-width:1680px) and (min-width:1441px){
	.prRegForm{
		margin-top:15%;
	}
}

@media(max-width:1680px) and (min-width:1200px){
	.prRegForm{
		margin-top:10%;
	}
}


@media (max-width: 900px){
	.centerDiv{width: 100%;}
	.prRegForm{
		margin-top:0%;
	}
}


@media (max-width: 1300px){
	.formSection2{height: 850px;  }
}

@media (max-width: 1150px){
	.formSection2{height: 850px}
}

@media (max-width: 992px){
	.formSection2{height: 600px}

}

@media (max-width: 900px){
	.formSection2{height: 500px}

}

@media (max-width: 750px){
	.leftSection{background: red; height: 0%; display: none}
	.rightSection_form{padding:40px !important;}
	.loginBody{background: url(../menu/login-assests/sidebanner.svg) !important; background-repeat: no-repeat !important; background-size:cover !important; }
	.signupBody{background: url(../menu/login-assests/sidebannerreg.svg) !important; background-repeat: no-repeat !important; background-size:cover !important; }

}

@media (max-width: 600px){
	.formSection2{height: 470px}
	.loginDiv{margin-top: -10px}
	.prRegForm{width: 100% !important;}
}


@media (max-width: 400px){
	.formSection2{height: 470px}
}





.form-errors {
    text-align: left !important;
    display: block;
    margin-top: 10px;
}