:root {
  --primary: #41848f;
  --primary-light: #41858f71;
  --secondary: #41809E;
  --third: #587AA7;
  --success: #8dc046;
  --info: #7088ce;
  --warning: #f9b10d;
  --danger: #d53c4c;
  --light: #f8f9fc;
  --dark: #5a5c69;
  --sidebar-bg: #ffffff;
}

#wrapper #content-wrapper {
  background-color: var(--light);
  width: 100%;
  overflow-x: hidden;
}

.btn {
  text-transform: lowercase;
}

.btn-primary {
  color: #fff;
  background-color: var(--primary);
  border-color: var(--primary);
}

.btn-secondary {
  color: #fff;
  background-color: var(--secondary);
  border-color: var(--secondary);
}

.btn-warning {
  color: #fff;
  background-color: var(--danger);
  border-color: var(--danger);
  border-top-color: var(--danger);
  border-right-color: var(--danger);
  border-bottom-color: var(--danger);
  border-left-color: var(--danger);
}

.btn-logout {
  width: 6.5em;  
  background-color: var(--third);
  border-color: var(--third);
}

.btn-primary.disabled, .btn-primary:disabled {
  background-color: var(--primary-light);
  border-color: unset;
  border-top-color: unset;
  border-right-color: unset;
  border-bottom-color: unset;
  border-left-color: unset;
}

.bg-login-image {
  background: url('/img/login_img.jpg');
  background-position: center;
  background-size: cover;
}

.bg-password-image {
  background: url('/img/forgot_img.jpg');
  background-position: center;
  background-size: cover;
}

.bg-register-image {
  background: url('/img/registration_img.jpg');
  background-position: center;
  background-size: cover;
}

.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  font-size: 0.8rem;
  background-color: var(--secondary);
}

.h3 {
  font-size: 2.2rem;
  font-weight: 300;
  text-transform: lowercase;
  padding: 2.2rem;
  padding-left: 0.2rem;
}

.h4 {
  font-size: 1.5rem;
  font-weight: 300;
  text-transform: lowercase;
  padding: 2.2rem;
  padding-left: 0.2rem;
}

.h6 {
  padding-left: 0.2rem;
}

.device-uuid {
  text-transform: initial;
}

.pagination {
  font-size: 0.8rem;
}

.sidebar-logo-image {
  background: url("img/final_small_transp.png");
  background-position: center;
  background-size: cover;
}

/* for cards*/
.border-left-primary, .border-left-info, .border-left-success {
  border-left: .25rem solid var(--third)!important;
}

.text-primary {
  color: var(--third)!important;
}

.sidebar .sidebar-brand {
  height: 4.375rem;
  text-decoration: none;
  font-size: 1.5rem;
  font-weight: 400;
  padding: 2.5rem 1rem;
  text-align: center;
  text-transform: lowercase;
  letter-spacing: 0.05rem;
  z-index: 1;
  background: url("/img/final_small_transp.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.bg-gradient-primary {
  background-color: var(--sidebar-bg);
  color: unset;
  background-image: unset;
  background-size: cover;
}

.card-body {
  text-transform: lowercase;
}

.sidebar-brand {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.sidebar .nav-item.active .nav-link{
  font-size: 1.5rem;
  text-transform: lowercase;
  font-weight: 300;
  color: var(--secondary);
}

.sidebar-dark hr.sidebar-divider {
  border-top: 1px solid var(--primary);
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  background-color: var(--secondary);
}

a {
  color: var(--secondary);
}

.bg-success {
  background-color: var(--success)!important
}

@media (min-width: 768px) {
  .btn-logout {
    width: 14rem;
  }
  .sidebar .nav-item .nav-link span {
    font-size: 1.5rem;
    display: inline;
  }
}