@font-face {
  font-family: 'FFMark';
  src: url('../fonts/Mark-Regular.woff2') format('woff2'), url('../fonts/Mark-Regular.woff') format('woff');
}

@font-face {
  font-family: 'FFMark';
  src: url('../fonts/Mark-Bold.woff2') format('woff2'), url('../fonts/Mark-Bold.woff') format('woff');
  font-weight: 700;
}

body {
    font-family: 'FFMark', Verdana, sans-serif !important;
}

a {
  color: #3BF;
  background-color: transparent;
}

  a:hover {
    color: #0099E6;
  }

.form-control:focus, .form-control.focus {
  box-shadow: 0 0 0 0.2rem rgba(51, 187, 255, 0.5);
}

.btn-primary, .btn-primary.disabled, .btn-primary:disabled {
  background-color: #383B41;
  border-color: #383B41;
}

  .btn-primary:not(:disabled):not(.disabled):hover {
    background-color: #000000;
    border-color: #000000;
  }

  .btn-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(51, 187, 255, 0.5);
  }

  .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled).active,
  .show > .btn-primary.dropdown-toggle {
    background-color: #383B41;
    border-color: #383B41;
  }

.btn-outline-primary {
  color: #383B41;
  border-color: #383B41;
}

  .btn-outline-primary:hover {
    background-color: #383B41;
    border-color: #383B41;
  }

  .btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(51, 187, 255, 0.5);
  }

  .btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #383B41;
    background-color: transparent;
  }

  .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled).active,
  .show > .btn-outline-primary.dropdown-toggle {
    background-color: #383B41;
    border-color: #383B41;
  }

.btn-outline-secondary:hover {
  background-color: #383B41;
  border-color: #383B41;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(51, 187, 255, 0.5);
}

.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  background-color: #383B41;
  border-color: #383B41;
}

.text-primary {
  color: #383B41 !important;
}

.text-secondary {
    color: #69635E !important;
}

.logo-image {
  height: 60px;
}

.border-primary {
  border-color: #383B41 !important;
}