body {
  padding-top: 50px;
}

#container {
  padding-top: 20px;
}

.navbar, .panel {
  box-shadow: 2px 2px 5px black;
}

.form-horizontal .form-group {
  margin: 0px;
  display: flex;
  align-items: center;
}

.form-horizontal .control-label {
  padding: 0px 5px;
  text-align: right;
  font-weight: normal;
}

.form-control-static {
  min-height: 20px;
  padding: 0px 5px;
  font-weight: bold;
  display: flex;
  align-items: center;
}

.edit-icon {
  padding: 0px 2px;
}

input.form-control-static {
  padding-left: 2px;
  padding-right: 2px;
  margin-bottom: 20px;
}

input[type="file"] {
  width: 100%;
  background-color: #ebebe4
}

body.modal-open {
  padding-right: 0 !important;
  overflow-y: auto;
}

.btn-primary {
    background-image: -webkit-linear-gradient(top, #ffee00 0, #e6ba24 100%);
    background-image: -o-linear-gradient(top, #ffee00 0, #e6ba24 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffee00), to(#e6ba24));
}

.footer, .push {
    text-align: center;
}

.modal-header {
    background-image: linear-gradient(to bottom, #367c2b 0, #2e6924 100%);
    background-repeat: repeat-x;
    color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}

.btn-success {
    background-image: linear-gradient(to bottom, #367c2b 0, #2e6924 100%);
}

.btn-success:hover, .btn-success:focus {
    background-image: linear-gradient(to bottom, #2e6924 100%, #367c2b 0);
    background-position: inherit;
}

.jumbotron {
    background-color: #f3f3f3
}

.panel-heading[data-toggle="collapse"] {
    cursor: pointer
}

.panel-heading[data-toggle="collapse"] .panel-title {
    display: flex;
    align-items: center;
}

.panel-heading[data-toggle="collapse"] .panel-title::before {
    background: url(/chevron_down.svg);
    background-size: 17px;
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    position: relative;
    margin-right: 5px;
}

.panel-heading[data-toggle="collapse"].collapsed .panel-title::before {
    background: url(/chevron_right.svg);
    background-size: 17px;
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    position: relative;
    margin-right: 5px;
}

.panel-display {
    height: 100%;
    width: auto;
    padding: 5px;
}

.text-danger {
    color: #c21020!important;
}

.text-success {
    color: #327f24!important;
}

.tooltip-inner {
    max-width: 100%;
    text-align: left;
}

.icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    position: relative;
}

.icon2x {
    display: inline-block;
    width: 28px;
    height: 28px;
    position: relative;
}

.icon-edit {
    background: url(/edit.small.active.png);
    background-size: 14px;
}

.icon-check {
    background: url(/check.svg);
    background-size: 14px;
}

.icon-check-circle {
    background: url(/check_circle.svg);
    background-size: 14px;
}

.icon-close {
    background: url(/close.svg);
    background-size: 14px;
}

.icon-incorrect {
    background: url(/incorrect.svg);
    background-size: 14px;
}

.icon-led-amber {
    background: url(/led_amber.svg);
    background-size: 14px;
}

.icon-led-black {
    background: url(/led_black.svg);
    background-size: 14px;
}

.icon-led-blue {
    background: url(/led_blue.svg);
    background-size: 14px;
}

.icon-led-green {
    background: url(/led_green.svg);
    background-size: 14px;
}

.icon-led-magenta {
    background: url(/led_magenta.svg);
    background-size: 14px;
}

.icon-led-red {
    background: url(/led_red.svg);
    background-size: 14px;
}

.icon-led-white {
    background: url(/led_grey.svg);
    background-size: 14px;
}

.icon-user {
    background: url(/user.svg);
    background-size: 14px;
}

.icon-verified {
    background: url(/verified.svg);
    background-size: 14px;
}

.icon-signalstrength0 {
    background: url(/signalstrength0donotdisturb.svg);
    background-size: 28px;
}
.icon-signalstrength1 {
    background: url(/signalstrength1.svg);
    background-size: 28px;
}
.icon-signalstrength2 {
    background: url(/signalstrength2.svg);
    background-size: 28px;
}
.icon-signalstrength3 {
    background: url(/signalstrength3.svg);
    background-size: 28px;
}
.icon-signalstrength4 {
    background: url(/signalstrength4.svg);
    background-size: 28px;
}
.icon-signalstrength5 {
    background: url(/signalstrength5.svg);
    background-size: 28px;
}

.icon-text {
    padding-left: 4px;
}

.icon-wifisignalstrength0 {
    background: url(/wifisignalstrength0donotdisturb.svg);
    background-size: 28px;
}
.icon-wifisignalstrength1 {
    background: url(/wifisignalstrength1.svg);
    background-size: 28px;
}
.icon-wifisignalstrength2 {
    background: url(/wifisignalstrength2.svg);
    background-size: 28px;
}
.icon-wifisignalstrength3 {
    background: url(/wifisignalstrength3.svg);
    background-size: 28px;
}
.icon-wifisignalstrength4 {
    background: url(/wifisignalstrength4.svg);
    background-size: 28px;
}
.icon-wifisignalstrength5 {
    background: url(/wifisignalstrength5.svg);
    background-size: 28px;
}

table.table-condensed td {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
