front/camotion/less/app.less

body {
  padding-top: 70px;
}

footer {
  margin: 50px 0;
}

.text-center() {
  text-align: center;
}

.border-bottom-right-radius(@radius) {
  -webkit-border-bottom-right-radius: @radius;
  -moz-border-radius-bottomright: @radius;
  border-bottom-right-radius: @radius;
}

.border-bottom-left-radius(@radius) {
  -webkit-border-bottom-left-radius: @radius;
  -moz-border-radius-bottomleft: @radius;
  border-bottom-left-radius: @radius;
}

.border-bottom-radius(@radius) {
  .border-bottom-right-radius(@radius);
  .border-bottom-left-radius(@radius);
}

.border-radius(@radius) {
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
  border-radius: @radius;
}

.no-text-select {
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

/**
========================================================
**/

.navbar-brand {
  padding-right: 42px;
}

/**
========================================================
**/

@player-bg-color: #2f4154;
@player-text-color: white;
@player-border-radius: 8px;

.player {
  margin-bottom: 36px;
}

.player-image {
  width: 100%;
}

.player-image-wrapper {
  padding: 0;
}

.player-legend {
  background-color: @player-bg-color;
  color: @player-text-color;
  padding-left: @player-border-radius;
  .border-bottom-radius(@player-border-radius);
}

.player-button-play {
  padding: 5px;
  cursor: pointer;
  .no-text-select();
  &:hover {
    color: #1abc9c;
  }
}

.player-legend-name {
}

.cameras-filter-input {
  margin-bottom: 24px;
}