---
---
@import 'variables'

body
  padding-top: 50px
  font-size: $font-size

.promise__actions
  text-align: center

.navbar-form
  border-top: 0px

.promises-header__close
  margin-top: -30px

.promises__search-row
  margin-top: 15px
  margin-bottom: 15px

.promises__category-row
  margin-bottom: 15px

.promise__status
  text-align: center

.loading
  color: rgba(0, 0, 0, 0.5)
  font-style: normal

// bootstrap v4-alpha colors for `compromised` - modified `muted`

.btn-compromised
  color: #ffffff
  background-color: #a6b5bf
  border-color: #a6b5bf

.list-group-item-compromised
  background-color: #b5cede
  color: #4e5459

.compromised
  background-color: #ccdde8!important

.btn-compromised.active, .btn-compromised:active, .open>.dropdown-toggle.btn-compromised
  color: #ffffff
  background-color: #97a6af
  border-color: #97a6af

.btn-compromised:hover
  color: #ffffff
  background-color: #97a6af
  border-color: #97a6af

// remove buttons on category filters on mobile and keep icons only

@media only screen and (max-width: 760px)
  .remove-on-mobile
    display: none

@media only screen and (max-width: 480px)
  #center-on-mobile
    margin: auto
    width: 70%

// -----------------------------------------------------------------

// all other css selectors which require color 

// .btn-compromised
//   background-color: #ccdde8
//   border-color: #ccdde8

// .badge
//   color: #ccdde8
//   background-color: #fff

// .label-compromised
//   background-color: #ccdde8

// .label-compromised
//   background-color: #ccdde8

// .progress-bar-compromised
//   background-color: #ccdde8


// new colors from bootstrap v4 alpha

// .warning
//   color: #d9534f!important

// .danger
//   color: #f0ad4e!important

// .info
//   color: #5bc0de!important

// .success
//   color: #5cb85c!important