/*Login page style start*/
@font-face {
    font-family: 'LatoRegular';
    src: url('../library/appFonts/lato/Lato-Regular.eot'); /* IE9 Compat Modes */
    src: url('../library/appFonts/lato/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../library/appFonts/lato/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
         url('../library/appFonts/lato/Lato-Regular.woff') format('woff'), /* Modern Browsers */
         url('../library/appFonts/lato/Lato-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'LatoSemibold';
    src: url('../library/appFonts/lato/Lato-Semibold.eot'); /* IE9 Compat Modes */
    src: url('../library/appFonts/lato/Lato-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../library/appFonts/lato/Lato-Semibold.woff2') format('woff2'), /* Modern Browsers */
         url('../library/appFonts/lato/Lato-Semibold.woff') format('woff'), /* Modern Browsers */
         url('../library/appFonts/lato/Lato-Semibold.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
	font-family: "RobotoRegular";
	src: url("../library/appFonts/roboto/Roboto-Regular.eot"); /* IE9*/
	src: url("../library/appFonts/roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
		 url("../library/appFonts/roboto/Roboto-Regular.woff2") format("woff2"), /* chrome、firefox */
		 url("../library/appFonts/roboto/Roboto-Regular.woff") format("woff"), /* chrome、firefox */
		 url("../library/appFonts/roboto/Roboto-Regular.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
		 url("../library/appFonts/roboto/Roboto-Regular.svg#Roboto") format("svg"); /* iOS 4.1- */
	font-weight:normal;
	font-style:normal;
}

/* Icon style start */
@font-face {
	font-family: 'simplex-icon';
	src:  url('fonts/simplex-icon.eot?d94t3k');
	src:  url('fonts/simplex-icon.eot?d94t3k#iefix') format('embedded-opentype'),
	  url('fonts/simplex-icon.ttf?d94t3k') format('truetype'),
	  url('fonts/simplex-icon.woff?d94t3k') format('woff'),
	  url('fonts/simplex-icon.svg?d94t3k#simplex-icon') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
  }
  
  [class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'simplex-icon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
  
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  }
  
  .icon-phone-circle:before {
	content: "\e901";
  }
  .icon-mail:before {
	content: "\e902";
  }
  .icon-eye-fill:before {
	content: "\e900";
  }
  .icon-eye-slash-fill:before {
	content: "\e974";
  }
  .icon-person-fill:before {
	content: "\e975";
  }
  
/* Icon style end */

.login-container{
	width: 100%;
	height: 100vh;
	display: flex;
	position: relative;
	background: linear-gradient(180deg, rgba(242,247,255,1) 0%, rgba(221,234,250,1) 100%);
	font-family: LatoRegular, RobotoRegular, sans-serif;
}
.login-img__wrapper{
	width: 53%;
	position: relative;
}
.login-img__background__layer{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: #ffffff;
}
.login-img__inner{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: linear-gradient(180deg, rgba(242,247,255,1) 0%, rgba(221,234,250,1) 100%);
	border-bottom-right-radius: 100px;
	z-index: 1;
}
.login-logo__s__wrapper{
	padding: 35px;
}
.login-logo__s__wrapper > img{
	width: 40px;
}

.login-main__img__wrapper{
	width: 100%;
	height: calc(100% - 120px);
	display: flex;
	justify-content: center;
	align-items: center;
}
.login-main__img{
	width: 100%;
	overflow: hidden;
	margin-top: -120px;
}
.login-main__img .main_img{
	width: 100%;
	margin-left: 10%;
}

.login-content__wrapper{
	position: relative;
	width: 47%;
	height: 100%;
	position: relative;
	background-color: #fff;
	border-top-left-radius: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: auto;
	background-image: url("../../images/login/linebubble.svg");
	background-repeat: no-repeat;
	background-position: 0px -95px;
}
/* .login-content__top__bg__lines{
	width: 100%;
	position: absolute;
    top: -90px;
    border-top-left-radius: 100%;
} */
.alert-wrapper{
	position: absolute;
	top: -150px;
	width: 100%;
	padding: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: top 0.5s;
	z-index: 1;
}
.alert-wrapper.alert-show{
	top: 30px;
	transition: top 0.5s;
}
.login-alert{
	padding: 10px 15px;
	max-width: 400px;
}
.login-alert__danger{
    /*color: rgb(124 25 61 / 1);
    background-color: rgb(250 210 225 / 1);*/

    background-color: #f8634c;
    color: #fff;
}
.login-alert__dark{
    color: rgb(226 226 226 / 1);
    background-color: rgb(49 49 49 / 1);
}

.login-content__main{
	background-color: #fff;
	opacity: 0.8;
	margin-bottom: 20px;
}
.login-main__logo{
	margin-bottom: 25px;
}
.login-form-group{
	position: relative;
	/* margin-bottom: 20px; */
	margin-bottom: 15px;
}
.login-form-group .login-label{
	color: #7585b1;
	font-family: LatoSemibold, RobotoRegular, sans-serif;
}
.login-form-group .form-control{
	height: 38px;
	color: #272727;
	background-color: #F3F6FF;
    border: 1px solid #D5D7FF;
    border-radius: 10px;
    font-family: LatoSemibold, RobotoRegular, sans-serif;
	padding-right: 45px;
    box-shadow: unset;
}
.login-form-group .form-control:hover, .login-form-group .form-control:focus{
	border: 1px solid #5696F7;
}
.login-form-group .form-control[disabled]{
	background-color: #EEEEEE;
    border: 1px solid #c6c6c6;
}
.login-form-group .form-control[disabled] + .form-control-icon {
    color: #9b9b9b;
}
.login-form__user .form-control-icon, .login-form__password .form-control-icon{
	position: absolute;
	top: 35px;
	color: #5779e1;
}
.login-form__user .form-control-icon{
	right: 14px;
    font-size: 20px;
}
.login-form__password .form-control-icon{
	right: 16px;
    font-size: 17px;
    cursor: pointer;
}

.login-form-group.form-group__error .form-control{
	border: 1px solid #f8634c;
}
.login-form-group.form-group__error .form-control:hover, .login-form-group.form-group__error .form-control:focus{
	border: 1px solid #f8634c;
}
.login-form__user.form-group__error .form-control-icon, .login-form__password.form-group__error .form-control-icon{
	color: #f8634c;
}

.btn-login{
	height: 38px;
	background-color: #2c7cf4;
	color: #FFFFFF;
	border: 1px solid #D5D7FF;
	border-radius: 10px;
	/* margin-top: 30px;
	margin-bottom: 30px; */
	margin-top: 25px;
	margin-bottom: 25px;
	padding: 8px 12px;
	font-family: LatoSemibold, RobotoRegular, sans-serif;

	position: relative;
  	overflow: hidden;
  	transition: background 400ms;
}
.btn-login:hover, .btn-login:active, .btn-login:focus, .btn-login:focus-visible{
	color: #FFFFFF;
	outline: unset;
	box-shadow: unset;
}
.login-divider{
	position: relative;
	text-align: center;
	z-index: 1;
	/* margin-bottom: 30px; */
	margin-bottom: 20px;
}
.login-divider::before{
	content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
    border-top: 1px solid #707070;
}
.login-divider > span{
	color: #7585b1;
	background: #fff;
    font-family: LatoSemibold, RobotoRegular, sans-serif;
    padding: 0 15px;
}

.btn-social{
	display: flex;
    justify-content: center;
    align-items: center;
	height: 38px;
	color: #333;
	background-color: #F3F6FF;
    border: 1px solid #D5D7FF;
	border-radius: 10px;
	font-family: LatoSemibold, RobotoRegular, sans-serif;
	margin-bottom: 25px;
}
.btn-social:hover, .btn-social:active, .btn-social:focus, .btn-social:focus-visible{
	outline: unset;
	box-shadow: unset;
}
.btn-social img{
	width: 16px;
	height: 16px;
}
.btn-social span{
	margin-left: 10px;
}

/* Admin OTP */
.title-text{
	font-size: 16px;
    margin-bottom: 8px;
	font-family: LatoSemibold, RobotoRegular, sans-serif;
}
.btn-group__toggle-login{
	display: flex;
    border-radius: 8px;
	margin-bottom: 20px;
	background-color: #d8d8d8;
}
.btn-group__toggle-login > .btn{
	flex: 1;
	font-size: 15px;
	padding: 7px 10px;
	line-height: 20px;
	font-family: LatoSemibold, RobotoRegular, sans-serif;
}
.btn-group__toggle-login > .btn:focus, .btn-group__toggle-login > .btn:active, .btn-group__toggle-login > .btn:focus-visible, .btn-group__toggle-login > .btn.active.focus{
	box-shadow: unset !important;
	outline: unset !important;
}
.btn-group__toggle-login > .btn.active{
	background-color: #7e7f7e;
    border-radius: 8px !important;
    color: #fff;
}
/*Login page style end*/

/* Utility style start */
.d-flex{
	display: flex;
}
.flex-wrap{
	flex-wrap: wrap;
}
.align-items-center{
	align-items: center;
}
.justify-content-between{
	justify-content: space-between;
}

.text-cus-color{
	color: #333;
}

.text-nowrap{
	white-space: nowrap;
}

.fs-18{
	font-size: 18px;
}
.fs-20{
	font-size: 20px;
}

.mr-15{
	margin-right: 15px;
}
.mr-6{
	margin-right: 6px;
}
.mb-5{
	margin-bottom: 5px;
}
/* Utility style end */

/* Responsive style start */
@media (max-width: 1024px){
	.login-content__wrapper{
		background-position: 0px -45px;
	}
}
@media (max-width: 991px){
	.login-content__wrapper{
		width: 100%;
		border-radius: 0;
		background-position: 0px -85px;
	}
}
@media (max-width: 500px){
	.login-content__wrapper{
		background-position: 0px -45px;
	}
}
/* Responsive style end */