@import './utils/base';

html,
body,
#root {
  height: 100%
}

* {
  outline: none !important;
}

.nowrap {
  white-space: nowrap;
}

.bg-main {
  background-color: $mainColor !important;
}

.dropdown-item {
  cursor: pointer;
}
.dropdown-item.active {
  @extend .bg-main;
}

.shlink-container {
  padding: 20px 0;

  @media (min-width: $mdMin) {
    padding: 30px 30px 30px 20px;
  }
}

.badge-main {
  color: #fff;
  background-color: $mainColor;
}

.react-datepicker__input-container,
.react-datepicker-wrapper {
  display: block !important;
}

.navbar-brand {
  @media (max-width: $smMax) {
    margin-right: auto !important; // This is needed to override a third party style
    margin: 0 auto;
  }
}