:root {
  --text-color-raw: 56, 63, 73;
  --text-color: rgb(var(--text-color-raw));
  --text-color-secondary: rgba(var(--text-color-raw), .7);
  --border-radius: 3px;
  --primary: #26619C;
  --success: #43B581;
  --danger: #FF1D25;
  --info: #488AFF;
  --warning: #F48701;
}

.text-color-secondary {
  color: var(--text-color-secondary);
}

.tooltip {
  opacity: 1 !important;
}

.dropdown-menu {
  transition: opacity linear .1s;
  display: block;
  opacity: 0;
  pointer-events: none;
}

  .dropdown-menu.show {
    opacity: 1;
    pointer-events: initial;
  }

.btn-red {
  color: var(--danger);
  background-color: var(--danger);
  border-color: var(--danger);
}

  .btn-red:hover,
  .btn-red:focus,
  .btn-red:active,
  .btn-red.active,
  .open > .btn-red.dropdown-toggle {
    color: var(--danger);
    background-color: #e90008;
    border-color: #df0008;
  }

  .btn-red:active,
  .btn-red.active,
  .open > .btn-red.dropdown-toggle {
    background-image: none;
  }

  .btn-red.disabled,
  .btn-red.disabled:hover,
  .btn-red.disabled:focus,
  .btn-red.disabled:active,
  .btn-red.disabled.active,
  .btn-red[disabled],
  .btn-red[disabled]:hover,
  .btn-red[disabled]:focus,
  .btn-red[disabled]:active,
  .btn-red[disabled].active,
  fieldset[disabled] .btn-red,
  fieldset[disabled] .btn-red:hover,
  fieldset[disabled] .btn-red:focus,
  fieldset[disabled] .btn-red:active,
  fieldset[disabled] .btn-red.active {
    background-color: var(--danger);
    border-color: var(--danger);
  }

  .btn-red .badge {
    color: var(--danger);
    background-color: var(--danger);
  }

.btn-blue {
  color: var(--info);
  background-color: var(--info);
  border-color: var(--info);
}

  .btn-blue:hover,
  .btn-blue:focus,
  .btn-blue:active,
  .btn-blue.active,
  .open > .btn-blue.dropdown-toggle {
    color: var(--info);
    background-color: #116aff;
    border-color: #0764ff;
  }

  .btn-blue:active,
  .btn-blue.active,
  .open > .btn-blue.dropdown-toggle {
    background-image: none;
  }

  .btn-blue.disabled,
  .btn-blue.disabled:hover,
  .btn-blue.disabled:focus,
  .btn-blue.disabled:active,
  .btn-blue.disabled.active,
  .btn-blue[disabled],
  .btn-blue[disabled]:hover,
  .btn-blue[disabled]:focus,
  .btn-blue[disabled]:active,
  .btn-blue[disabled].active,
  fieldset[disabled] .btn-blue,
  fieldset[disabled] .btn-blue:hover,
  fieldset[disabled] .btn-blue:focus,
  fieldset[disabled] .btn-blue:active,
  fieldset[disabled] .btn-blue.active {
    background-color: var(--info);
    border-color: var(--info);
  }

  .btn-blue .badge {
    color: var(--info);
    background-color: var(--info);
  }

.btn-green {
  color: var(--success);
  background-color: var(--success);
  border-color: var(--success);
}

  .btn-green:hover,
  .btn-green:focus,
  .btn-green:active,
  .btn-green.active,
  .open > .btn-green.dropdown-toggle {
    color: var(--success);
    background-color: #1ba74a;
    border-color: #1a9e46;
  }

  .btn-green:active,
  .btn-green.active,
  .open > .btn-green.dropdown-toggle {
    background-image: none;
  }

  .btn-green.disabled,
  .btn-green.disabled:hover,
  .btn-green.disabled:focus,
  .btn-green.disabled:active,
  .btn-green.disabled.active,
  .btn-green[disabled],
  .btn-green[disabled]:hover,
  .btn-green[disabled]:focus,
  .btn-green[disabled]:active,
  .btn-green[disabled].active,
  fieldset[disabled] .btn-green,
  fieldset[disabled] .btn-green:hover,
  fieldset[disabled] .btn-green:focus,
  fieldset[disabled] .btn-green:active,
  fieldset[disabled] .btn-green.active {
    background-color: var(--success);
    border-color: var(--success);
  }

  .btn-green .badge {
    color: var(--success);
    background-color: var(--success);
  }

.btn-purple {
  color: #952FF7;
  background-color: #952FF7;
  border-color: #952FF7;
}

  .btn-purple:hover,
  .btn-purple:focus,
  .btn-purple:active,
  .btn-purple.active,
  .open > .btn-purple.dropdown-toggle {
    color: #952FF7;
    background-color: #7c09ea;
    border-color: #7709e0;
  }

  .btn-purple:active,
  .btn-purple.active,
  .open > .btn-purple.dropdown-toggle {
    background-image: none;
  }

  .btn-purple.disabled,
  .btn-purple.disabled:hover,
  .btn-purple.disabled:focus,
  .btn-purple.disabled:active,
  .btn-purple.disabled.active,
  .btn-purple[disabled],
  .btn-purple[disabled]:hover,
  .btn-purple[disabled]:focus,
  .btn-purple[disabled]:active,
  .btn-purple[disabled].active,
  fieldset[disabled] .btn-purple,
  fieldset[disabled] .btn-purple:hover,
  fieldset[disabled] .btn-purple:focus,
  fieldset[disabled] .btn-purple:active,
  fieldset[disabled] .btn-purple.active {
    background-color: #952FF7;
    border-color: #952FF7;
  }

  .btn-purple .badge {
    color: #952FF7;
    background-color: #952FF7;
  }

.btn-yellow {
  color: #F6D300;
  background-color: #F6D300;
  border-color: #F6D300;
}

  .btn-yellow:hover,
  .btn-yellow:focus,
  .btn-yellow:active,
  .btn-yellow.active,
  .open > .btn-yellow.dropdown-toggle {
    color: #F6D300;
    background-color: #c3a700;
    border-color: #b99f00;
  }

  .btn-yellow:active,
  .btn-yellow.active,
  .open > .btn-yellow.dropdown-toggle {
    background-image: none;
  }

  .btn-yellow.disabled,
  .btn-yellow.disabled:hover,
  .btn-yellow.disabled:focus,
  .btn-yellow.disabled:active,
  .btn-yellow.disabled.active,
  .btn-yellow[disabled],
  .btn-yellow[disabled]:hover,
  .btn-yellow[disabled]:focus,
  .btn-yellow[disabled]:active,
  .btn-yellow[disabled].active,
  fieldset[disabled] .btn-yellow,
  fieldset[disabled] .btn-yellow:hover,
  fieldset[disabled] .btn-yellow:focus,
  fieldset[disabled] .btn-yellow:active,
  fieldset[disabled] .btn-yellow.active {
    background-color: #F6D300;
    border-color: #F6D300;
  }

  .btn-yellow .badge {
    color: #F6D300;
    background-color: #F6D300;
  }

.btn {
  border: none;
  transition: transform linear .15s, box-shadow linear .15s;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  padding: 5px 15px;
  min-width: 70px;
  outline: none;
}

  .btn .spinner {
    display: flex;
  }

  .btn:hover,
  .btn:focus,
  .btn:active {
    transform: translateY(-1px);
    box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
    outline: none;
  }

  .btn.disabled,
  .btn[disabled] {
    opacity: .6;
    pointer-events: none;
  }

.btn {
  border-radius: var(--border-radius);
  white-space: nowrap;
}

.btn-primary {
  background: linear-gradient(#5e9aff, var(--info));
  background-position-x: 1px;
  color: white;
}

  .btn-primary:hover {
    color: white;
  }

  .btn-primary:focus,
  .btn-primary:active {
    background: linear-gradient(#5e9aff, var(--info));
  }

.alert-primary {
  color: #234885;
  background-color: #dae8ff;
  border-color: #cbdeff;
}

  .alert-primary hr {
    border-top-color: #b2ceff;
  }

  .alert-primary .alert-link {
    color: #18325d;
  }

.btn-secondary {
  background: linear-gradient(#77899e, #697C93);
  background-position-x: 1px;
  color: white;
}

  .btn-secondary:hover {
    color: white;
  }

  .btn-secondary:focus,
  .btn-secondary:active {
    background: linear-gradient(#77899e, #697C93);
  }

.alert-secondary {
  color: #37404c;
  background-color: #e1e5e9;
  border-color: #d5dae1;
}

  .alert-secondary hr {
    border-top-color: #c6cdd6;
  }

  .alert-secondary .alert-link {
    color: #22272e;
  }

.btn-success {
  background: linear-gradient(#31de6a, var(--success));
  background-position-x: 1px;
  color: white;
}

  .btn-success:hover {
    color: white;
  }

  .btn-success:focus,
  .btn-success:active {
    background: linear-gradient(#31de6a, var(--success));
  }

.alert-success {
  color: #126e30;
  background-color: #d3f6df;
  border-color: #c1f3d2;
}

  .alert-success hr {
    border-top-color: #acefc2;
  }

  .alert-success .alert-link {
    color: #0b421d;
  }

.btn-info {
  background: linear-gradient(#5e9aff, var(--info));
  background-position-x: 1px;
  color: white;
}

  .btn-info:hover {
    color: white;
  }

  .btn-info:focus,
  .btn-info:active {
    background: linear-gradient(#5e9aff, var(--info));
  }

.alert-info {
  color: #234885;
  background-color: #dae8ff;
  border-color: #cbdeff;
}

  .alert-info hr {
    border-top-color: #b2ceff;
  }

  .alert-info .alert-link {
    color: #18325d;
  }

.btn-warning {
  background: linear-gradient(#fe9310, var(--warning));
  background-position-x: 1px;
  color: white;
}

  .btn-warning:hover {
    color: white;
  }

  .btn-warning:focus,
  .btn-warning:active {
    background: linear-gradient(#fe9310, var(--warning));
  }

.alert-warning {
  color: #7f4601;
  background-color: #fde7cc;
  border-color: #fcddb8;
}

  .alert-warning hr {
    border-top-color: #fbd1a0;
  }

  .alert-warning .alert-link {
    color: #4c2a01;
  }

.btn-danger {
  background: linear-gradient(#ff373e, var(--danger));
  background-position-x: 1px;
  color: white;
}

  .btn-danger:hover {
    color: white;
  }

  .btn-danger:focus,
  .btn-danger:active {
    background: linear-gradient(#ff373e, var(--danger));
  }

.alert-danger {
  color: #850f13;
  background-color: #ffd2d3;
  border-color: #ffc0c2;
}

  .alert-danger hr {
    border-top-color: #ffa7a9;
  }

  .alert-danger .alert-link {
    color: #570a0c;
  }

.btn-link,
.btn-transparent {
  border: none;
  background: none;
  box-shadow: none;
}

  .btn-link:hover,
  .btn-link:focus,
  .btn-link:active,
  .btn-transparent:hover,
  .btn-transparent:focus,
  .btn-transparent:active {
    transform: none;
    box-shadow: none;
  }

.btn-transparent {
  opacity: .8;
  color: var(--text-color);
  background: transparent;
  border: none;
  box-shadow: none;
}

  .btn-transparent:hover {
    background: transparent;
    opacity: 1;
    color: var(--text-color);
  }

  .btn-transparent:focus,
  .btn-transparent.focus {
    background: transparent;
    box-shadow: none;
  }

  .btn-transparent.disabled,
  .btn-transparent:disabled {
    background: transparent;
  }

  .btn-transparent:not(:disabled):not(.disabled):active,
  .btn-transparent:not(:disabled):not(.disabled).active {
    background: transparent;
  }

  .btn-transparent.opacity-1 {
    opacity: 1;
  }

  .btn-transparent.btn-primary {
    color: var(--primary);
  }

    .btn-transparent.btn-primary:hover {
      color: var(--primary);
    }

    .btn-transparent.btn-primary.disabled,
    .btn-transparent.btn-primary:disabled {
      color: var(--primary);
      opacity: .4;
    }

    .btn-transparent.btn-primary:not(:disabled):not(.disabled):active,
    .btn-transparent.btn-primary:not(:disabled):not(.disabled).active {
      color: var(--primary);
    }

      .btn-transparent.btn-primary:not(:disabled):not(.disabled):active:focus,
      .btn-transparent.btn-primary:not(:disabled):not(.disabled).active:focus {
        box-shadow: none;
      }

  .btn-transparent.btn-secondary {
    color: var(--secondary);
  }

    .btn-transparent.btn-secondary:hover {
      color: var(--secondary);
    }

    .btn-transparent.btn-secondary.disabled,
    .btn-transparent.btn-secondary:disabled {
      color: var(--secondary);
      opacity: .4;
    }

    .btn-transparent.btn-secondary:not(:disabled):not(.disabled):active,
    .btn-transparent.btn-secondary:not(:disabled):not(.disabled).active {
      color: var(--secondary);
    }

      .btn-transparent.btn-secondary:not(:disabled):not(.disabled):active:focus,
      .btn-transparent.btn-secondary:not(:disabled):not(.disabled).active:focus {
        box-shadow: none;
      }

  .btn-transparent.btn-success {
    color: var(--success);
  }

    .btn-transparent.btn-success:hover {
      color: var(--success);
    }

    .btn-transparent.btn-success.disabled,
    .btn-transparent.btn-success:disabled {
      color: var(--success);
      opacity: .4;
    }

    .btn-transparent.btn-success:not(:disabled):not(.disabled):active,
    .btn-transparent.btn-success:not(:disabled):not(.disabled).active {
      color: var(--success);
    }

      .btn-transparent.btn-success:not(:disabled):not(.disabled):active:focus,
      .btn-transparent.btn-success:not(:disabled):not(.disabled).active:focus {
        box-shadow: none;
      }

  .btn-transparent.btn-info {
    color: var(--info);
  }

    .btn-transparent.btn-info:hover {
      color: var(--info);
    }

    .btn-transparent.btn-info.disabled,
    .btn-transparent.btn-info:disabled {
      color: var(--info);
      opacity: .4;
    }

    .btn-transparent.btn-info:not(:disabled):not(.disabled):active,
    .btn-transparent.btn-info:not(:disabled):not(.disabled).active {
      color: var(--info);
    }

      .btn-transparent.btn-info:not(:disabled):not(.disabled):active:focus,
      .btn-transparent.btn-info:not(:disabled):not(.disabled).active:focus {
        box-shadow: none;
      }

  .btn-transparent.btn-warning {
    color: var(--warning);
  }

    .btn-transparent.btn-warning:hover {
      color: var(--warning);
    }

    .btn-transparent.btn-warning.disabled,
    .btn-transparent.btn-warning:disabled {
      color: var(--warning);
      opacity: .4;
    }

    .btn-transparent.btn-warning:not(:disabled):not(.disabled):active,
    .btn-transparent.btn-warning:not(:disabled):not(.disabled).active {
      color: var(--warning);
    }

      .btn-transparent.btn-warning:not(:disabled):not(.disabled):active:focus,
      .btn-transparent.btn-warning:not(:disabled):not(.disabled).active:focus {
        box-shadow: none;
      }

  .btn-transparent.btn-danger {
    color: var(--danger);
  }

    .btn-transparent.btn-danger:hover {
      color: var(--danger);
    }

    .btn-transparent.btn-danger.disabled,
    .btn-transparent.btn-danger:disabled {
      color: var(--danger);
      opacity: .4;
    }

    .btn-transparent.btn-danger:not(:disabled):not(.disabled):active,
    .btn-transparent.btn-danger:not(:disabled):not(.disabled).active {
      color: var(--danger);
    }

      .btn-transparent.btn-danger:not(:disabled):not(.disabled):active:focus,
      .btn-transparent.btn-danger:not(:disabled):not(.disabled).active:focus {
        box-shadow: none;
      }

.btn-link {
  color: var(--info);
}

  .btn-link:hover {
    color: #116aff;
  }

a,
a.link:not([href]),
a.link:not([href]):not([tabindex]) {
  color: var(--info);
  cursor: pointer;
}

  a:hover,
  a.link:not([href]):hover,
  a.link:not([href]):not([tabindex]):hover {
    color: #116aff;
  }

  a.plain,
  a.link:not([href]).plain,
  a.link:not([href]):not([tabindex]).plain {
    color: inherit !important;
  }

    a.plain:hover,
    a.link:not([href]).plain:hover,
    a.link:not([href]):not([tabindex]).plain:hover {
      color: inherit !important;
    }

  a:focus,
  a.link:not([href]):focus,
  a.link:not([href]):not([tabindex]):focus {
    outline: none;
  }

  a.btn.btn-link {
    padding: 0;
    font-weight: 500;
    display: flex;
    align-self: center;
    text-decoration: none;
  }