html,body {
height: 100%;
}
body {
display: flex;
align-items: center;
font-family: 'noto kufi arabic', sans-serif;
}
.form-signin {
max-width: 330px;
}
.logo {
width: 200px!important;
height: 96px!important;
max-width: 200px!important;
max-height: 96px!important;
background-image: url("../images/logo.png");
background-size: 100%;
background-size: cover;
margin: 1.5rem auto!important;
}
.bg {
color: #fff!important;
background: rgb(44,40,39);
background: linear-gradient(90deg, rgba(44,40,39,1) 0%, rgba(55,51,49,1) 35%, rgba(44,40,39,1) 100%);
}
.btn-mareez {
color: #fff!important;
background-color: #6bb20f!important;
border-color: #5d9c0d!important;
}
input{
color: #fff!important;
background-color: #2c2827!important;
border-color: #262322!important;
}
input.form-control:focus {
color: #fff!important;
background-color: #2c2827!important;
border-color: #262322!important;    
}
.form-control:focus,.form-select:focus,button:focus {
border-color:#6BB20F!important;
box-shadow:0 0 0 .2rem rgba(107,178,15,.1)!important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
-webkit-box-shadow: 0 0 0 1000px #2c2827 inset!important;
-webkit-text-fill-color: #6BB20F!important;
-webkit-background-fill-color: #2c2827!important;
-webkit-border-fill-color: #262322!important;
}