body {
  background-color: #f8f8f8;
}

.navbar-logo {
  width: 111px;
  height: 30px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 20px;
  margin-right: 20px;
  background: url(../img/logo_small.png) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  display: block;
}

a {
  color: #005aaa;
}

.content {
  margin-top: 30px;
  min-height: 500px;
}

.footer {
  margin-top: 60px;
  margin-bottom: 20px;
  text-align: center;
}

.title {
  color: #333;
  font-size: 15px;
  font-weight: bold;
  border-bottom: 1px solid #C5C5C5;
  padding-bottom: 8px;
  margin-bottom: 15px;
}

.title-pri::before {
  content: "";
  width: 50px;
  height: 3px;
  display: block;
  background-color: #005AAA;
  position: relative;
  top: 30px;
}

.title-sec::before {
  content: "";
  width: 50px;
  height: 3px;
  display: block;
  background-color: #B91E41;
  position: relative;
  top: 30px;
}

.title-ter::before {
  content: "";
  width: 50px;
  height: 3px;
  display: block;
  background-color: #2683FF;
  position: relative;
  top: 30px;
}

.title-link {
  cursor: pointer;
}

*::before, *::after {
  box-sizing: border-box;
}

.error-text {
  color: red;
}

.username {
  background-color:#005aaa;
  color: #f8f8f8;
  font-weight: bold;
  padding: 5px 10px;
  margin: 10px 10px;
  border-radius: 5px;
}

.ch_busy {
  background-color: #27f;
  border-radius: 0px;
}

.ch_idle {
  background-color: #0c0;
  border-radius: 0px;
}

.ch_blocked {
  background-color: #f72;
  border-radius: 0px;
}

.e1_channels {
  width: 100%;
  border-collapse: separate;
  border-spacing: 2px;
}

.e1_channels_ref {
  width: 50%;
  border-collapse: separate;
  border-spacing: 2px;
}

.e1_channels_ref td {
  width: 25px;
  font-size: small;
  border-collapse: separate;
  border-spacing: 2px;
}

.e1_stats_table {
  border-collapse: collapse;
}

.e1_stats_table td{
  border: 1px solid black;
  border-collapse: collapse;
  text-align: center;
}

.e1_stats_table th{
  border: 1px solid black;
  border-collapse: collapse;
  padding: 3px;
  text-align: center;
}

.v-center {
    display:table-cell;
    vertical-align:middle !important;
    float:none;
}

.odd {
  background-color: #d3d3d3;
}

.even {
  background-color: #f9f9f9;
}

.has-error .form-control {
  border-color: #a94442;
  border-width: 2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #d3d3d3;
}

.gly-spin {
  -webkit-animation: spin 1s infinite linear;
  -moz-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
}
@-moz-keyframes spin {
  0% { -moz-transform: rotate(0deg); }
  100% { -moz-transform: rotate(359deg); }
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); }
}
@-o-keyframes spin {
  0% { -o-transform: rotate(0deg); }
  100% { -o-transform: rotate(359deg); }
}
@keyframes spin {
  0% { -transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}

@media (min-width: 992px) {
  .md-indent-1 {
    /* col-md-offset-0.25 */
    margin-left: 2.08333333%;
  }
  .md-indent-2 {
    /* col-md-offset-0.5 */
    margin-left: 4.16666667%;
  }
  .md-indent-3 {
    /* col-md-offset-0.75 */
    margin-left: 6.25%;
  }
}

.top-margin-5 { margin-top:5px; }
.top-margin-7 { margin-top:7px; }
.top-margin-10 { margin-top:10px; }
.top-margin-15 { margin-top:15px; }
.top-margin-17 { margin-top:17px; }
.top-margin-30 { margin-top:30px; }

.bottom-margin-5 { margin-bottom:5px; }
.bottom-margin-7 { margin-bottom:7px; }
.bottom-margin-10 { margin-bottom:10px; }
.bottom-margin-15 { margin-bottom:15px; }
.bottom-margin-17 { margin-bottom:17px; }
.bottom-margin-20 { margin-bottom:20px; }
.bottom-margin-25 { margin-bottom:25px; }
.bottom-margin-30 { margin-bottom:30px; }

.help-dialplan {
  border-spacing: 5px;
  border: 1px solid #E8E8E8;
  border-radius: 4px;
}

.dnd-list-sip ul[dnd-list] {
  /**
   * The dnd-list should always have a min-height,
   * otherwise you can't drop to it once it's empty
   */
  min-height: 42px;
  padding-left:0px;
  cursor: pointer;
}

.dnd-list-sip ul[dnd-list] .dndDraggingSource {
  /**
   * The dndDraggingSource class will be applied to
   * the source element of a drag operation. It makes
   * sense to hide it to give the user the feeling
   * that he's actually moving it.
  */
  display: none;
}

.dnd-list-sip ul[dnd-list] .dndPlaceholder {
  /**
   * An element with .dndPlaceholder class will be
   * added to the dnd-list while the user is dragging
   * over it.
   */
  background-color: #ddd;
  display: block;
  min-height: 42px;
  cursor: pointer;
}

.dnd-list-sip ul[dnd-list] li {
  background-color: #fff;
  border: 1px solid #ddd;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  cursor: pointer;
}

/**
 * Show selected elements in green
 */
.dnd-list-sip ul[dnd-list] li.selected {
  background-color: #dff0d8;
  color: #3c763d;
  cursor: pointer;
}

/* Make enabled/disabled fit the toggle buttons */
.toggle.btn {
  min-width: 100px;
  min-height: 34px;
}