.redflags-red {
  color: #d11a4a;
}

.redflags-red-bg {
  background-color: #d11a4a;
}

.redflags-red-bg-btn {
  background-color: #d11a4a;
  transition: 0.4s all;
}
.redflags-red-bg-btn:hover {
  background-color: #ba1742;
}

.redflags-red-border {
  border-color: #d11a4a;
}

.redflags-blue {
  color: #198799;
}

.redflags-blue-bg {
  background-color: #198799;
}

.redflags-blue-bg-btn {
  background-color: #198799;
  transition: 0.4s all;
}
.redflags-blue-bg-btn:hover {
  background-color: #157483;
}

.redflags-blue-border {
  border-color: #198799;
}

html, body {
  font-family: "Montserrat", sans-serif !important;
}

body.landing-page {
  font-family: "Nunito", sans-serif;
  background: #d11a4a;
  background: linear-gradient(153deg, #d11a4a 0%, white 58%, white 100%);
}

.landing-page .nav-logo {
  width: 600px;
  height: auto;
  max-width: 90%;
  margin: 30px auto 10px auto;
  display: block;
}
.landing-page .landing-content {
  background: #fff;
  padding: 40px;
  border-radius: 10px;
}
.landing-page .landing-btn-container {
  text-align: center;
}
.landing-page .landing-subtitle {
  font-size: 20px;
  font-weight: 700;
  text-align: right;
  color: #555;
  margin: 0 30px 60px 30px;
}
.landing-page .landing-btn {
  background: #d11a4a;
  color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
  display: block;
  margin: 30px auto;
  font-size: 22px;
  width: 400px;
  transition: 0.4s all;
}
.landing-page .landing-btn:hover {
  background: #a4143a;
}
.nav-logo {
  height: 40px;
}

.update-failed-box {
  background: #c43c52;
  color: #fff;
}
.update-failed-box .update-failed-title {
  font-size: 20px;
  margin-bottom: 20px;
}
.update-failed-box .update-failed-desc {
  font-size: 11px;
  max-height: 150px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.jobs-table-w-20 {
  width: 20%;
}

.jobs-table-w-60 {
  width: 60%;
  max-width: 600px;
}

.jobs-table-w-40 {
  width: 40%;
  max-width: 400px;
}

.small-scrolling-text {
  font-size: 10px;
  overflow: scroll;
  max-width: 100%;
}