:root {
  --body-bg: #f2f2f2;
  --alt-bg: #fff;
  --body-color: #283046;
  --b3-primary-color: #fff;
  --b3-primary-bg: #d3391e;
  --service-color: #fff;
  --service-bg: #283046;
  --activity-color: #d3391e;
  --activity-bg: #fff; }

.bg-light,
.btn-light,
.badge-light,
.bootstrap-tagsinput {
  background-color: #fff !important;
  border-color: #fff;
  color: #283046; }

.input-group-text {
  background-color: #283046;
  color: #fff; }

.btn-primary, .btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #d3391e;
  border-color: #d3391e; }

.btn-primary:hover {
  background-color: #b23019;
  border-color: #a62d18; }

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #a62d18;
  border-color: #9b2a16; }

.btn-secondary {
  color: #fff;
  background-color: #283046;
  border-color: #283046; }
  .btn-secondary:hover {
    background-color: #151a26;
    border-color: #0c0f15; }
  .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:focus, .btn-secondary.focus {
    color: #fff;
    background-color: #151a26;
    border-color: #0c0f15; }

.fas {
  font-weight: 400; }

.btn-thumb-add {
  bottom: 60px;
  background-color: #d3391e; }
  .btn-thumb-add:focus {
    background-color: #a62d18; }

.navbar-app-name img {
  height: 1.25rem;
  padding-right: 0.25rem; }

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-item .nav-link {
  color: #d3391e; }

a {
  color: #283046; }
  a:hover {
    color: #d3391e; }

div.card.schedule table {
  background-color: #fff; }
  div.card.schedule table tr.pause,
  div.card.schedule table tr.cut {
    background-color: #f2f2f2;
    color: #d3391e; }

.week-link {
  width: initial; }

.page-link {
  color: #d3391e;
  border-radius: 1.25rem;
  padding: 0.25rem 1.25rem;
  font-size: 0.9rem;
  line-height: 1.5; }

.page-item:first-child .page-link,
.page-item:last-child .page-link {
  border-radius: 1.25rem; }

body.login {
  background-color: #283046;
  color: #fff;
  border-color: #fff;
  --body-bg: #283046;
  --border-color: #fff;
  --body-color: #fff; }
  body.login .app-name-row {
    margin-left: -15px;
    margin-right: -15px;
    display: flex;
    justify-content: flex-end;
    overflow: hidden; }
    body.login .app-name-row .app-name-wrapper {
      color: #283046;
      background-color: #fff;
      border-radius: 100%;
      padding-left: 4rem;
      padding-top: 8rem;
      padding-right: 3rem;
      padding-bottom: 1rem;
      margin-right: -4rem;
      margin-top: -9rem;
      border: solid 2rem #fff; }
      body.login .app-name-row .app-name-wrapper img {
        height: 3rem; }
      body.login .app-name-row .app-name-wrapper .app-name {
        font-size: 1.8rem;
        padding-left: 1rem;
        padding-right: 1rem;
        margin-left: auto;
        margin-right: 0; }
  body.login #login .card-header {
    background-color: unset;
    background-image: unset;
    color: unset;
    border: none; }
  body.login #login .card,
  body.login #login .card-body {
    border: none;
    background-color: #283046;
    color: #fff;
    border-color: #fff; }
  body.login #login .login-submitGroup {
    flex-basis: 100%;
    text-align: center; }
    body.login #login .login-submitGroup #login_submitBtn {
      width: 100%; }
  body.login #login #login_passwordResetLink {
    color: #fff;
    text-decoration: underline;
    padding-left: 0; }
  @media (max-height: 812px) and (max-width: 767px) {
    body.login #login .mobile-bottom-row {
      position: fixed;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1030;
      text-align: center;
      margin-bottom: 2rem; } }

@media (prefers-color-scheme: dark) {
  :root {
    --body-bg: #151a26;
    --alt-bg: #283046;
    --body-color: #fff;
    --activity-color: #d3391e;
    --activity-bg: #283046; }
  .bg-light,
  .btn-light,
  .badge-light,
  .bootstrap-tagsinput {
    background-color: #283046 !important;
    border-color: #283046;
    color: #fff; }
  .input-group-text {
    background-color: #fff;
    color: #283046; }
  .input-group-append .btn {
    border-color: #fff; }
  div.table-planning-container tr.day td.sunday {
    border-right: 1px solid #151a26;
    background-color: #283046; }
  div.card.schedule table {
    background-color: #283046; }
    div.card.schedule table tr.pause,
    div.card.schedule table tr.cut {
      color: #f2f2f2;
      background-color: #d3391e; }
  .filter-option-inner-inner {
    color: #fff; }
  a {
    color: #fff; }
    a:hover {
      color: #d3391e; } }