@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,600);.sidebar[data-color=azure] li.active > a {
  background-color: #c1272d !important;
}

.sidebar .nav li .dropdown-menu a,
.sidebar .nav li a,
.sidebar .nav i {
  color: #4d4d4d !important;
}

.sidebar .nav li.active > a,
.sidebar .nav li.active > a i {
  color: #fff !important;
}

.dropdown-item:focus,
.dropdown-item:hover,
.dropdown-item:active {
  background-color: #c1272d !important;
}

.dropdown-menu .dropdown-item,
.dropdown-menu li > a,
.navbar .navbar-brand,
.navbar .collapse .navbar-nav .nav-item .nav-link {
  color: #4d4d4d;
}

.card.bg-info,
.card .card-header-info .card-icon,
.card .card-header-info .card-text,
.card .card-header-info:not(.card-header-icon):not(.card-header-text),
.card.card-rotate.bg-info .back,
.card.card-rotate.bg-info .front {
  background: linear-gradient(60deg, #e6424a, #c1272d);
}

.card {
  color: #4d4d4d;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.24);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.24);
}

button.bg-info {
  background-color: #e6424a !important;
}

button.bg-info.collapsed,
button.bg-info:visited,
button.bg-info:focus,
button.bg-info:hover,
button.bg-info:active {
  background-color: #c1272d !important;
}

button.btn {
  white-space: normal;
}

.text-info {
  color: #c1272d !important;
}

.is-focused [class*=" bmd-label"],
.is-focused [class^=bmd-label] {
  color: #c1272d !important;
}

label {
  white-space: normal !important;
  word-wrap: normal;
}

.form-check .form-check-label .circle .check, .form-check .form-check-input:checked ~ .square {
  background-color: #c1272d;
}

.form-check .form-check-input:checked + .form-check-sign .check {
  background: #c1272d;
}

.form-check .form-check-input:checked ~ .circle {
  border-color: #c1272d;
}

.form-control,
.is-focused .form-control {
  background-image: linear-gradient(0deg, #c1272d 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, rgba(209, 209, 209, 0) 0) !important;
}

.form-control:invalid {
  background-image: linear-gradient(0deg, #c1272d 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, rgba(209, 209, 209, 0) 0);
}

.switch-field input:checked + label {
  background-color: #c1272d !important;
  color: #fff !important;
}

#msLogo {
  padding: .3em;
  max-width: 100%;
  max-height: 100%;
}

@media (max-width: 991px) {
  #logoBG {
    position: relative;
    z-index: 4;
  }
}