:root {

    --bg-main: #151923;

    --bg-secondary: #1f2128;

    --bg-contrast: #ff1100;

    --accent: #ff5e00;

}




body {

    background-color: var(--bg-main) !important;

    overflow-x: hidden;

    color: white;

}



.bg-dark {

    background-color: var(--bg-secondary) !important;

}



.card {

    background-color: var(--bg-secondary) !important;

    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.6);

    border-top: 2px solid var(--accent);

}



.alert {

    border: none;

}



.alert-primary,

.rounded {

    background-color: var(--bg-secondary) !important;

    color: #eee;

    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.6);

    border-top: 2px solid var(--accent);

}



.btn-outline-primary {

    color: var(--accent) !important;

    border-color: var(--accent) !important;

}



.btn-outline-primary:hover {

    color: white !important;

    background-color: var(--accent) !important;

}



.form-control {

    background-color: var(--bg-secondary) !important;

    border-color: var(--accent) !important;

}



.table td,

.table th {

    vertical-align: middle;

}


@keyframes loader-inner {
  0% {
    height: 0%;
  }
  
  25% {
    height: 0%;
  }
  
  50% {
    height: 100%;
  }
  
  75% {
    height: 100%;
  }
  
  100% {
    height: 0%;
  }
}