:root {
  --text-color: #383f49;
  --text-color-secondary: #383F49B3;
  --twist-color: #8F9EB3;
  --border-radius: 3px;
  --primary: #448AFF;
  --secondary: #8F9EB3;
  --success: #22D35D;
  --danger: #FF1D25;
  --info: #448AFF;
  --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: #FF1D25;
  background-color: #FF1D25;
  border-color: #FF1D25;
}

.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active,
.open > .btn-red.dropdown-toggle {
  color: #FF1D25;
  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: #FF1D25;
  border-color: #FF1D25;
}

.btn-red .badge {
  color: #FF1D25;
  background-color: #FF1D25;
}

.btn-blue {
  color: #448AFF;
  background-color: #448AFF;
  border-color: #448AFF;
}

.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue.active,
.open > .btn-blue.dropdown-toggle {
  color: #448AFF;
  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: #448AFF;
  border-color: #448AFF;
}

.btn-blue .badge {
  color: #448AFF;
  background-color: #448AFF;
}

.btn-green {
  color: #22D35D;
  background-color: #22D35D;
  border-color: #22D35D;
}

.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active,
.open > .btn-green.dropdown-toggle {
  color: #22D35D;
  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: #22D35D;
  border-color: #22D35D;
}

.btn-green .badge {
  color: #22D35D;
  background-color: #22D35D;
}

.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, #448AFF);
  background-position-x: 1px;
  color: white;
}

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

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

.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, #22D35D);
  background-position-x: 1px;
  color: white;
}

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

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

.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, #448AFF);
  background-position-x: 1px;
  color: white;
}

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

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

.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, #F48701);
  background-position-x: 1px;
  color: white;
}

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

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

.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, #FF1D25);
  background-position-x: 1px;
  color: white;
}

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

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

.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: #448AFF;
}

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

a,
a.link:not([href]),
a.link:not([href]):not([tabindex]) {
  color: #448AFF;
  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;
}