body {
  background: #e7e7e7;
}

#logon {
  margin-top: 100px;
}

.logo-message {
  text-transform: uppercase;
  font-size: 10px;
  margin-left: 30px
}

.box {
  background-color: #FFFFFF;
  -moz-border-radius: 1px 1px 1px 1px;
  -webkit-border-radius: 1px 1px 1px 1px;
  border-radius: 1px 1px 1px 1px;
  box-shadow: 0 0 0 1px rgba(0,0,0,0.05);
  padding: 15px;
  margin-bottom: 15px;
}

.menu > ul {
  margin: 0;
  padding: 0;
  margin-top: 5px;
  list-style-type: none;
}

  .menu > ul > li > ul {
    padding-left: 35px;
  }

  .menu > ul > li > a, .menu-top-level {
    color: inherit;
  }

.menu .menu-header, .content-header {
  color: #eb7a77;
  font-size: 19px;
  font-weight: bold;
  line-height: 27px;
  margin: 1px;
  margin-bottom: 15px;
  text-transform: uppercase;
  box-shadow: 0 1px 0px 0px rgba(0,0,0,0.10);
}

.content-header {
  margin-bottom: 15px;
}

#header {
  height: 90px;
  background: white;
  margin-bottom: 20px;
  box-shadow: 0 1px 0px 0px rgba(0, 0, 0, 0.10);
}

  #header img {
    margin-top: 10px;
  }

.search-bar {
  margin-bottom: 10px; 
}

.search-bar .upload-button {
  float: right;
}

.search-bar > select {
  width: 250px;
}

.panel a.list-group-item:hover {
  background: inherit;
  text-decoration: underline;
}

.panel-default>.panel-heading {
  background: #F0F0F0;
}

.panel, .panel .list-group {
  margin-bottom: 0;
}

.sitelist-filter {
  margin-bottom: 10px;
}

.site-item {
  position: relative;
}

.site-actions {
  height: 100%;
  line-height: 100%;
  z-index: 1000;
  position: absolute;
  top: 0px;
  right: 0px;
  display: none;
}

.site-actions a {
  display: inline-block;
  height: 100%;
  width: 100%;
  padding: 12px;
  color: #cae3de;
}

.site-actions a:hover {
  color: #18bc9c;
}

.site-item:hover .site-actions {
  display: block;
}

.modal-content {
  -ms-border-radius: 1px;
  border-radius: 1px;
}

.ajax-loader {
  margin-right: 10px;
  font-size: 16px;
}

.document-row .actions a {
  margin-right: 5px;
}

.document-row .actions a:hover {
  color: inherit;
}

select.change-type  {
  width: 300px;
}

form .errors, form .form-control.errors:focus {
  border-color: red;
}

.glyphicon-spin {
  -webkit-animation: spin 1000ms infinite linear;
  animation: spin 1000ms infinite linear;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}