:root {
  --centaur-bg: #efefef;
}

/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #bbb;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

body {
  background-color: var(--centaur-bg);
  min-width: 1024px;
  font-size: 14px;
}

#centaur {
  background-image: url("images/centaur.png");
  height: 170px;
  width: 170px;
  background-size: cover;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  opacity: 0.1;
}

.layer_loading {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffffff9e;
  align-items: center;
  justify-content: center;
  cursor: wait;
}

@-webkit-keyframes Animation {
  0% {
    background-position: 10% 0%;
  }
  50% {
    background-position: 91% 100%;
  }
  100% {
    background-position: 10% 0%;
  }
}
@-moz-keyframes Animation {
  0% {
    background-position: 10% 0%;
  }
  50% {
    background-position: 91% 100%;
  }
  100% {
    background-position: 10% 0%;
  }
}
@keyframes Animation {
  0% {
    background-position: 10% 0%;
  }
  50% {
    background-position: 91% 100%;
  }
  100% {
    background-position: 10% 0%;
  }
}

.notice {
  background: white;
  padding: 1rem;
  border-left: 5px solid #ddd;
  margin-bottom: 2rem;
  box-shadow: 3px 3px 0px #e3e3e3;
}

.notice.success {
  border-left-color: green;
}

.notice.error {
  border-left-color: red;
}

.notice pre {
  background: #000;
  color: #fff;
  padding: 10px;
  margin-top: 5px;
}

#main-nav {
  background: rgb(131, 58, 180);
  background: linear-gradient(
    45deg,
    rgba(131, 58, 180, 1) 0%,
    rgb(36, 70, 224) 38%,
    rgb(115, 29, 253) 70%,
    rgb(252, 69, 154) 100%
  );
  background-size: 150% 150%;
  -webkit-animation: Animation 8s ease infinite;
  -moz-animation: Animation 8s ease infinite;
  animation: Animation 8s ease infinite;
}

.sticky {
  position: sticky;
  top: -1px;
}

nav .navbar-brand small {
  font-size: 12px;
}

#search-site {
  width: 300px;
}

#no-results,
#custom-ownership {
  display: none;
}

.table-responsive {
  height: calc(100vh - 180px);
}

table#wp-site-list tr {
  height: 40px;
}

table#wp-site-list td.change-owner {
  width: 42px;
}

table#wp-site-list td.change-owner img {
  display: none;
  cursor: pointer;
}

table#wp-site-list tr:hover td.change-owner img {
  display: block;
}

.operation-view,
.terminated-view {
  display: none;
}
.tools {
  border: 0;
  background: transparent;
}
.tools:hover {
  opacity: 0.5;
}