zalando/zappr

:root {
    --white: #fff;
    --dark-gray: #555;
    --light-gray: #f5f5f5;
    --secondary: #F6C341;
    --primary: #C750C0;
    --primary-dark: #BA96F1;
}

body {
    font-family: "Roboto", HelveticaNeue, Helvetica, Arial, sans-serif;
}

svg:not(.icon) {
    display: block;
    margin: 0 auto;
}

/* bootstrap overrides */

.list-group-item.active,
.list-group-item.active:hover {
    color: white !important;
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

input.form-control:focus {
    box-shadow: inset 0 -2px 0 var(--primary) !important;
}

.form-control:focus {
    border-color: var(--primary) !important;
}

label.btn-primary.toggle-on {
    color: white !important;
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

label.btn-primary.toggle-on:active {
    background-color: var(--primary) !important;
    background-image: radial-gradient(circle, var(--primary-dark) 10%, var(--primary) 11%) !important;
}

.alert.alert-info {
    background-color: var(--primary);
}

.panel.panel-default {
  .panel-heading {
      .panel-title {
        a {
          color: var(--dark-gray)
        }
      }
  }
}

.button-refreshToken {
  float: right;
}