td.alert-danger.project-manager,
.tablesorter-default td.alert-danger {
  background-color: #d9534f !important;
  border-color: #d9534f !important;
  color: #fff !important;
}
td.alert-warning.project-manager, 
.tablesorter-default td.alert-warning {
  background-color: #ffaeac !important;
  border-color: ffaeac !important;
  color: #fff !important;
}

button.loading .fa-refresh,
a.loading .fa-refresh {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}


@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}

.btn-toolbar .btn.btn-project-manager-update {
  margin-bottom: 20px;
}

.project-manager-server--redaxo-favicon {
  height: 15px;
  margin-top: -3px;
}

.btn.btn-project-manager-update-single,
.btn.btn-project-manager-update-single:active,
.btn.btn-project-manager-update-single:focus {
  padding: 0;
  border: none; 
  background: transparent;
  box-shadow: none;
  outline: none;  
  color: #4b9ad9;
} 


body.rex-theme-dark .tablesorter-default th,
body.rex-theme-dark .tablesorter-default td {
  background-color:  #202b35;
  border-bottom: 1px solid #151c22;
}

@media(prefers-color-scheme: dark) {
  .tablesorter-default th,
  .tablesorter-default td {
    background-color:  #202b35;
    border-bottom: 1px solid #151c22;
  }
}
