@import url('https://account.doorons.nl/identity/fonts/noir/NoirPro.css');

:root {
    --global-light-grey: #f1f1f1;
    --global-accent-pink: #fe1251;
    --global-accent-blue: #10a8ff;

  	--global-text: #041727;
    --global-heading: #092b49;
}

body {
  background: var(--global-light-grey);
  color: var(--global-text);
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: var(--global-heading);
  font-family: 'NoirPro';
  font-weight: 500;
}

.btn {
  border-radius: 6px;
}

.form-control {
  color: var(--global-text);
}

.main-content,.content-block,.sidebar-column {
  border-radius: 5px;
  box-shadow: 0px 0 15px 4px rgba(198,198,198,0.2);
}

.sidebar-column {
  overflow: hidden;
}

a:hover {
  color: var(--global-accent-pink);
}

.profile-menu > div:first-child,.profile-menu > div:first-child *:Before {
  color: var(--global-accent-pink);
}

a.list-group-item {
  border-left: 0;
  border-right: 0;
  color: var(--global-text);
}

a.list-group-item:hover {
  color: var(--global-text);
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    background-color: var(--global-accent-pink);
    border-color: var(--global-accent-pink);
}

.action-btn br {
  display: none;
}

.action-btn span {
  color: inherit;
  display: inline-block;
  vertical-align: middle;
  font-size: 22px;
  margin-right: 10px;
}

.action-btn div {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  color: inherit;
  width: auto;
 }

.action-btn {
    width: auto;
    height: auto;
    padding: 5px 15px;
    background: var(--global-accent-blue);
    border-radius: 5px;
    border: none;
  color: white;
}

.action-btn:hover {
  background-color: #e6e6e6;
  color: var(--global-text);
}

.action-btn:hover span:before {
  color: var(--global-text);
 }

.action-btn:hover div {
  color: var(--global-text);
 }