.login-main-design {
    float: left;
    height: 100vh;
    width: 100%;
}
.main-wapper {
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
}
.login-page {
    width: 100%;
    height: 100vh;
    float: left;
    background: #e5fafa url(../../images/login-bg.gif) no-repeat center center;
    background-size: cover;
}
    .login-page md-input-container {
        margin: 8px 0px !important;
    }
.login-page md-input-container .md-input {
	border-radius: 3px;
	border: 1px solid #303445;
	padding: 4px 3px;
	height: 34px;
	background: rgba(255,255,255,0.3) !important;
}
.login-page .input-group input.form-control {
    height: 36px;
    box-shadow: none;
    background: none;
    border: 0;
    color: #f2f2f2;
    font-size: 16px;
    /*background: transparent;
        height: 30px;
    line-height: 30px;*/
    outline: none !important;
    width: 270px;
    padding-left: 0px;
    padding-right: 0px;
    border-radius:0;
}
/*.login-page .input-group i {
    color: #28b5e8;
}*/
.login-design-main {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.login-design {
    display:flex;
    flex-direction:row;
}
.login-design h3 {
	font-size: 44px;
	font-weight: 700;
	color: #373634;
}
/*.login-design p {
	font-size: 12px;
	font-weight: 400;
	margin: 0 0 8px;
	float: left;
	color: #666;
}*/
.ids-loginpg-logo {
    margin-bottom:20px;
}
.ids-loginpg-logo img {
	width: 130px;
    height:48px;
	text-align: center;
}
.login-form {
    flex-direction: column;
    flex: 2;
    justify-content:center;
    align-self:center;
    padding: 60px 20px;
    background: #474A59;
    position:relative;
    box-shadow: 0px 0px 40px 16px rgb(0 0 0 / 22%);
}
.loginform-btn {
    background: transparent;
    width: 90%;
    border: 0px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    /*margin-bottom: 10px;*/
    transition: all 300ms;
}
.loginform-btn:hover, .loginform-btn:focus {
   /* background: #004d62;*/
}
.loginform-btn_actp {
	background: #4bd864;
	border-radius: 15px;
	padding: 10px 45px;
	height: auto;
	width: auto;
	border: 0px;
	color: #ffffff;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
	box-shadow: 0px 1px 5px 5px #f7efd6;
	margin: 5px 0 20px 10px;
}
.loginform-btn_rej {
	background: #fd392f;
	border-radius: 15px;
	padding: 10px 45px;
	height: auto;
	width: auto;
	border: 0px;
	color: #ffffff;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
	box-shadow: 0px 1px 5px 5px #f7efd6;
	margin: 5px 0 20px 10px;
}
.login-disclaimer .loginform-btn {
	font-size: 16px;
	font-weight: 700;
	font-family: 'Lato', sans-serif;
	text-transform: initial;
}

/* --- form horizontal --- */
/*.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
	padding-top: 7px;
	margin-top: 0;
	margin-bottom: 0;
}

.form-horizontal .checkbox, .form-horizontal .radio {
	min-height: 27px;
}

.form-horizontal label {
	line-height: 34px;
	margin-bottom: 0;
	padding-top: 0 !important;
}
.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
	padding-top: 0px;
}*/
/* --- form horizontal --- */
/* --- alert message --- */
.alertify-buttons {
    width: 100%;
    display: flex;
    justify-content: center;
}
.alertify-dialog {
    padding: 15px !important;
/*    background: url(../../images/disclaimer-bg.jpg) center no-repeat;*/    
    background-size: cover;
    border-radius:7px;
}
.alertify-dialog h4 {
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px;
    float: left;
    text-align: center;
    width: 100%;
    font-size: 16px;
}
.alertify-dialog p {
    width: 100%;
    float: left;
    text-align: justify;
    display: flex;
    justify-content: center;
    line-height: 20px;
    font-size:14px;
}
.alertify-dialog p.alertify-message i.fa {
    font-size: 40px !important;
    color: #ffcc00;
}
/* --- alert message --- */

.login-form .input-group {
    margin-bottom:12px;
}
a.forgot-pass {
    text-align: left;
    float: left;
    width: 100%;
    margin: 0 0 8px 0;
    font-size: 13px;
    /*color:#f0f0f0;*/
    color: #333;
}
.container-login-btn {
    position: relative;
    /*z-index: 99999;*/
    margin-top: 45px;
}
.logo-left-section{
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    flex:2;
    padding:30px 20px;
    margin:20px 0;
    background:#fff;
}
.welcome-title {
    font-size: 3rem;
    font-weight: 900;
    color: #000;
    margin-top:0px;
    margin-bottom:20px;
}
.welcome-para {
    font-size:12px;
    font-weight:500;
    color:#999;
    margin-bottom:0px;
}
.login-label {
    color: #c2c2c5 !important;
    font-size: 14px;
    font-weight:500;
}
.svg1 {
    position: absolute;
    width: 320px;
    /*top:-10px;*/
    top: 0px;
    left: -18px;
}
.path1 {
    fill: none;
    stroke: url(#linearGradient);
    stroke-width: 4;
    stroke-dasharray: 240 1386;
}
@media screen and (max-width:576px) {
    .login-design {
        flex-direction: column;
    }
    .logo-left-section {
        margin:0px;
    }
}
.repassword {
    font-size: 12px;
    color: #fff;
    position: absolute;
    bottom: 20px;
    background: transparent;
    line-height: 12px;
    /*z-index: 999999;*/
}

    .repassword:hover, .repassword:focus {
        color: #fff;
        outline:0 !important;
    }

.fpassword {
    font-size: 12px;
    color: #fff;
    position: absolute;
    left: 180px;
    bottom: 20px;
    background: transparent;
    line-height: 12px;
    /*z-index: 999999;*/
}

    .fpassword:hover, .fpassword:focus {
        color: #fff;
        outline: 0 !important;
    }

.swal-overlay--show-modal {
    opacity: 1;
    pointer-events: auto;
    z-index: 1000000000;
}
.popup {
    position: absolute;
    background-color: transparent;
    top: -170px;
    left: 38%;
    z-index: 1000;
}

.popup-content {
    background-color: #fff;
    border-radius: 35px;
    padding: 15px 20px;
    width: 300px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    text-align: center;
}

.requirements {
    text-align: left; /* Align text to the left */
   /* padding: 10px;*/ /* Add padding to the requirements container */
}

    .requirements ul {
        list-style: none; /* Remove default bullet points */
        padding: 0; /* Remove default padding */
        margin: 0; /* Remove default margin */
    }

    .requirements li {
      /*  margin: 2px 0;*/ /* Space between each item */
        font-size: 10px; /* Adjust the font size as needed */
      /*  line-height: 1.4; *//* Adjust line height for spacing */
        display: flex; /* Use flexbox for alignment */
        align-items: center; /* Center items vertically */
    }

    .requirements ul ul li::before {
       content: "➢"; /* Custom bullet point */
       margin-right: 5px; /* Space between bullet and text */
       font-size: 10px; /* Bullet point size */
    }

.info-icon {
    font-size: 13px;
   
}