body {
  font-family: "Poppins", Arimo;
  background-color: #000 !important;
  color: #fff !important;
}
input[type="text"], textarea, input[type="password"], button{

  font-family: "Poppins", Arimo !important;
}
.alert-danger, .alert-success{
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
font-size: 14px;
margin-top: 37px !important;
}

.password-toggle {
    position: relative;
  }

.password-toggle .eye-icon {
position: absolute;
right: 30px;
top: 71%;
transform: translateY(-50%);
cursor: pointer;
opacity: 0.5;
}

h1 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
    font-family: "Poppins";
}
p {
    color: #dfdfdf;
    font-size: 16px;
    line-height: 1.5;
}
.container {
    background-color: #000 !important;
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
}
footer {
    background-color: #000 !important;
    color: #dfdfdf;
    font-size: 12px;
}
footer p {
    margin: 0;
    font-size: 13px;
    font-family: "Poppins", Arimo !important;
}
.rokk_charts_form {
    max-width: 800px;
    margin: 0 auto;
    margin-top: 100px;
    padding: 60px 60px 90px 60px;
    border-radius: 15px;
}
.form-group {
    margin-bottom: 20px;
}
label {
    color: #dfdfdf;
    font-weight: 700;
    font-size: 16px;
    font-family: "Poppins";
}
input {
    width: 100%;
    height: 40px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    padding: 0 10px;
}
input:focus {
    outline: none;
    border-color: #ff8302;
}
button {
    width: 100%;
    height: 40px;
    background-color: #ff8302;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
button:hover {
    background-color: #e66a00;
}
.error {
    color: red;
    font-size: 12px;
    margin-top: 10px;
}
.wrapper {
    width: 650px;
    margin: 0 auto;
}
.page-header h2 {
    margin-top: 0;
}
.edit-title {
    margin-left: 60px;
    margin-bottom: -87px !important;
    font-weight: 700;
}
.btn-default {
    color: #dfdfdf;
    margin-left: -12px;
}
.btn-default:hover {
    color: orange;
}
/*.btn-primary {
    background-color: #e66a00;
    border: 1px solid #e66a00;
}*/
.btn-primary {
    background-color: #E66A00;
    border: 1px solid #E66A00;
    border-radius: 25px;
    margin-top: 8px;
}

.btn-primary:hover {
    background-color: orange;
    border: 1px solid orange;
}
.btn-primary:focus {
    background-color: orange !important;
    border: 1px solid orange;
    box-shadow: none !important;
}
.btn-light {
    background-color: #0c090a !important;
    color: #dfdfdf;
    font-family: "Poppins";
    border: none !important;
}
.btn-light:hover {
    color: orange;
}

input[type="text"], textarea, input[type="password"] {
    background-color: #000 !important;
    color: #DFDFDF !important;
    border: 1px solid rgb(255 255 255 / 0%) !important;
    font-size: 15px !important;
    border-radius: 25px;
    height: 47px;
    padding-left: 25px;
    margin-left: -7px;
    margin-top: 4px;
}

.login-form {
    background-color: #181818 !important;
    box-shadow: 1px 11px 131px -48px rgba(0,0,0,0.75);
    -webkit-box-shadow: 1px 11px 131px -48px rgb(18 18 18 / 75%);
    -moz-box-shadow: 1px 11px 131px -48px rgba(0,0,0,0.75);
}
p,
.logout {
    font-family: "Poppins";
}
.logout {
    color: orange !important;
}
button:focus {
    outline: none !important;
    border: none !important;
}
img {
    color: #fff !important;
}
img.login-logo {
    width: 85px;
    display: flex;
    margin: 0 auto;
    padding-bottom: 40px;
}