@import url(https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900);body[data-theme=dark] #loginform .form-material input.form-control {
  background: #323743 !important;
}
body[data-theme=dark] .table-actions a {
  color: #b2b9bf;
}
body[data-theme=dark] .table td.updated {
  background: #4ab657;
  color: #323743;
  transition: all 0.4s;
}
body .hidden {
  display: none !important;
}
body .operator {
  width: 32px;
  height: 32px;
}
body #refresh-time-bar {
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  height: 38px;
  margin-left: 15px;
  margin-right: 5px;
  padding-left: 5px;
  padding-right: 5px;
}
body #refresh-time-bar.nearRefresh {
  background: #f62d51;
  color: #fff;
}
body #refresh-time-bar i {
  display: inline-block;
  padding-right: 6px;
}
body #refresh-time-bar span {
  min-width: 70px;
  font-weight: bold;
}

.client-cards {
  background: #272b34 !important;
  padding: 0 30px;
}
.client-cards a {
  color: #fff;
  padding: 20px;
  margin: 0 !important;
  display: inline-block;
}
.client-cards a:hover {
  background: #060708;
  color: #fff;
}

.alarm-client-link.active {
  background: #000;
}

.alarm-list {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: flex-start;
}
.alarm-list .left-part {
  position: relative;
  left: 0;
  border-top: 1px solid #e9ecef !important;
  border-left: 1px solid #e9ecef !important;
}
.alarm-list .left-part.list-of-user {
  height: inherit;
  width: 350px !important;
}
.alarm-list .left-part .message-center {
  height: inherit !important;
}
.alarm-list .left-part .message-center a:hover {
  background: #535b6e;
}
.alarm-list .right-part {
  width: calc(100% - 20px);
  min-height: calc(100vh - 250px);
  height: 100%;
  margin-left: 20px;
}
.alarm-list .right-part .alarm-inner-part {
  border: 1px solid #e9ecef !important;
  width: 100%;
}
.alarm-list .right-part .alarm-inner-part .alarming-box .card {
  margin-bottom: 0;
  min-height: 400px;
}
.alarm-list .right-part form {
  margin-top: 30px;
}
.alarm-list .right-part .checkbox-holder {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: center;
}
.alarm-list .right-part .checkbox-holder .form-check {
  padding-left: 0;
  margin-right: 15px;
}
.alarm-list .right-part .checkbox-holder .form-check label {
  cursor: pointer;
}
.alarm-list .right-part button {
  width: 100%;
  margin-top: 20px;
  padding-top: 12px;
  padding-bottom: 12px;
}