html::-webkit-scrollbar {
  width: 5px;
  height: 8px;
  background-color: #273031;
  z-index: 1000;
}
html::-webkit-scrollbar-thumb {
    background: #ffffff;
}
.wrapper::-webkit-scrollbar {
  width: 5px;
  height: 8px;
  background-color: #273031;
  z-index: 1000;
}
.wrapper::-webkit-scrollbar-thumb {
    background: #ffffff;
}


.loginclass .login-box h4 {
	 margin: 24px 0 16px;
    margin: var(--spacing-3) 0 var(--spacing-2);
    font-size: 24px;
    letter-spacing: 0;
    text-align: center;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.loginclass .response {
    float: left;
    width: 80%;
    padding: 3%;
    margin: 2% 10%;
}
.loginclass .response.failed {
    background: red;
    color: white;
}
.loginclass .response.success {
    background: green;
    color: white;
}
.loginclass .login-box-body {
	padding: 0;
    font-family: ulp-font, -apple-system, BlinkMacSystemFont, Roboto, Helvetica, sans-serif;
}
.loginclass span.instafilings-span {
    float: left;
    width: 100%;
    font-size: 14px;
    text-align: center;
    margin: 5% 0;
    font-family: ulp-font, -apple-system, BlinkMacSystemFont, Roboto, Helvetica, sans-serif;
    font-weight: 500;
    line-height: 21px;
    color: rgb(45, 51, 58);
    padding: 0 10%;
    margin-top: 20px;
}
.loginclass .login-logo {
    float: left;
    padding: 20px;
    margin-top: 20px;
    width: 100%;
	margin-bottom: 0;
}
.loginclass .logreg .panel-body {
    padding: 0 40px;
}
.loginclass .login-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 52px;
    border-top: 1px solid #c2c8d0;
    color: #6f7780;
    text-align: center;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 3;
}
.loginclass .into {
    -webkit-appearance: none ;
    font-family: inherit;
    font-size: var(--lg-font-size) ;
    border: 1px solid #c2c8d0 ;
    height: 52px ;
    padding: 0 16px ;
    width: 100%;
    background-color: #fff ;
    transition: box-shadow .2s ease-in-out,border-color .2s ease-in-out;
    border-radius: 3px;
}
/* .loginclass input.logsubmit:disabled {
    cursor: not-allowed !important;
} */
.loginclass span.validerror {
    color: red;
    padding: 1%;
    float: left;
    width: 100%;
    margin: .5% 0 3% 0;
}
.loginclass .login-box .login-box-body {
    border-radius: 6px !important;
}

.loginclass .login-box input.logsubmit {
    opacity: 1;
    background-color: #8C14FC;
    position: relative;
    width: 100%;
    padding: 0 16px;
    margin-top: 24px;
    height: 52px;
    font-family: inherit;
    font-size: 16px;
    font-weight: 500;
    outline: none;
    cursor: pointer;
    color: #fff;
    border: 0;
    border-radius: 3px;
    transition: background-color .25s ease-in-out,box-shadow .25s ease-in-out;
}
.loginclass .login-box input.logsubmit:disabled {
    background-color: #8C14FC;
    opacity: .7;
    cursor: not-allowed;
}
body.loginclass {
    background: black;
}
.loginclass span.clickbutton {
    font-size: 14px;
    color: #007bad;
    text-decoration: none;
    line-height: 1.5;
    padding: 0px 7px;
    cursor: pointer;
}
@media (max-width:768px){
	body.loginclass {
		position: fixed;
		background: white;
		width: 100%;
	}
	body.loginclass .login-box {
		width: 100%; 
	}
	body.loginclass .login-box .login-box-body {
		border-radius: 0px !important;
		width: 100%;
		text-align: center;
	}
	body.loginclass .login-footer {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 0;
		background: #fff;
		height: 52px;
		border-radius: 0;
	}

}