html {
    background-color: #0E1B3D;
    font-family: 'Lato';
}

/*To stop flashing the input-textbox*/
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	border: 1px solid white;
	-webkit-text-fill-color: white;
	box-shadow: 0 0 0px 1000px #0B1734 inset;
	transition: background-color 5000s ease-in-out 0s;
}
/*To stop flashing the input-textbox*/

.error-text-red {
    padding: 10px 5px;
    text-align: center;
    text-align-last: center;
    color: #ff3333;   
}

.logo-block {
            width: 250px;
            height: 82;
            background-image: url(svg/ParterLensWhiteLogo.svg);
            background-position: center;
            background-size: 250px 60px;
            background-repeat: no-repeat;
        }

.login-container{
    height: 100vh;
    width: 100vw;
    background-image: url(svg/bg4.svg);
    background-position: top;
    background-size: 1980px auto;
    background-repeat: repeat;
}

.login-div {
    background-color: #0E2048;
    padding: 20px;
    width: 380px;
    border-radius: 10px;
    z-index: 1;
    box-shadow:8px 3px 10px #00000040, -3px 3px 10px #00000040;
}
.form-input{
    -webkit-appearance: none;
    color:white;
    background-color: #0B1734;
    padding: 15px 15px 15px 40px;
    margin: 15px;
    width: 300px;
    height: 50px;
    border-width: 0ch;
    border-color: #334E87;
    border-radius: 10px;
    font-weight: bold;
    font-size: 16px;
}
.form-input:focus{
    outline: none;
    border-width: 1px;
    border-style: solid;   
}
.bx-icon {
	color: white;
	font-size: 24px;
	margin-right: -50px;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	/*margin-top: 15px;*/
	z-index: 1;
}
::placeholder {
    color: #ccc;
  }
.form-input-btn{
    background-color: #334E87;
    margin-top: 20px;
    width: 300px;
    height: 50px;
    border: 0px solid #75ABEF50;
    border-radius: 10px;
    color: white;
    font-size: 16px;
    letter-spacing: 2px;
    font-weight: 500;
    /* box-shadow:2px 3px 5px #00000060, -2px 2px 5px #00000060; */
    transition: all 150ms linear;
}
.form-input-btn:focus{
    outline: none;   
}
.form-input-btn:hover {
    background-color: #334E87D0;
    transition: all 150ms linear;
}
.form-input-btn:active {
    /* box-shadow:1px 1px 0px #00000060, -1px 1px 0px #00000060; */
    transition: all 150ms linear;
}
.forgot-password {
    margin: 16px 0px 0px 24px;
    color:white;
    font-size: 14px;
}
.forgotPassLink{
	color: white;
	text-decoration: none;
}
.forgotPassLink:hover{
	text-decoration: none;
}
.forgotPassLink:click{
	text-decoration: none;
}
.forgotPassFooter{
	color: white;
	text-decoration: none;
    display: inline-block;
}
.forgotPassFooter:hover{
	text-decoration: none;
}
.forgotPassFooter:click{
	text-decoration: none;
}
.textStyleDecorNone{
    text-decoration: none;
}
.textStyleDecorNone:hover{
    text-decoration: none;
}
.textStyleDecorNone:click{
	text-decoration: none;
}
.sz-10{  height: 10px; }
.sz-20{  height: 20px; }
.sz-40{  height: 40px; }
.sz-60{  height: 60px; }
.bg-donat{
    position: absolute;
    top: 12%;
    right:12%;
    width: 270px;
    height: 260px;
    background-image: url(svg/donut1.svg);
    background-position: Left;
    background-size: 250px  250px;
    background-repeat: no-repeat; 
}
.bg-bar-chart{
    position: absolute;
    bottom: 4%;
    left: 8%;
    width: 210px;
    height: 260px;
    background-image: url(svg/bar.svg);
    background-position: right;
    background-size: 150px auto;
    background-repeat: no-repeat; 
}
.bg-circle{
    position: absolute;
    top: 0%;
    left: 0%;
    width: 30vh;
    height: 30vh;
    background-image: url(svg/bg-circle.svg);
    background-position: right bottom;
    background-size: 30vh 30vh;
    background-repeat: no-repeat; 
}
.bg-circle2 {
    position: absolute;
    width: 150px;
    height: 180px;
    background-image: url(svg/duble-circle.svg);
    background-size: auto auto;
    background-repeat: no-repeat;
    top: calc(50% - 100px);
    left: calc(50% - 260px);
}
.error-text{
    padding: 10px 5px;
    text-align: center;
    text-align-last: center;
    color: #ffffff;   
}
.back-link {
color: #75ABEF;
}
@media only screen and (max-width: 600px) {
    .login-div {
        width: 320px;
    }
    .logo {
        background-size: 220px auto;
    }
    .forgot-password {
        margin: 16px 0px 0px 14px;
    }
    .form-input-btn{
        width: 260px;
    }
    .bg-donat{
        top: 4%;
        right:0px;
        width: 180px;
    }
    .bg-bar-chart{
        bottom: 0%;
        left: 0%;
        width: 120px;
        height: 260px;
    }
    .bg-circle{
        width: 100px;
        height: 100px;
        background-size: 100px 100px;
    }
    .bg-circle2 {
        top: calc(50% - 100px);
        left: calc(50% - 220px);
    }
}