:root {
  --theme: #889CB6;
  --theme-dark: #0077c0;
}

body {
  overflow-y: scroll;
}

content {
  flex: 1;
  display: block;
}

.border-theme {
  border-color: var(--theme)!important;
}

.bg-theme {
  background: var(--theme)!important;
}

.text-theme {
  color:  var(--theme)!important;
}

.hide-me {
  display: none;
}

.pointer,
.form-check .form-check-label {
  cursor: pointer;
}

.btn-theme {
  background: var(--theme)!important;
  color: white;
  border-color: var(--theme-dark)!important;
}

.btn-theme:hover {
  background: var(--theme-dark)!important;
  color: white;
  border-color: var(--theme-dark)!important;
}

.btn-outline-theme {
  background: white;
  color: var(--theme)!important;
  border-color: var(--theme-dark)!important;
}

.btn-outline-theme:hover {
  background: var(--theme)!important;
  color: white!important;
  border-color: var(--theme-dark)!important;
}

.btn-block {
  display: block;
  width: 100%;
  text-align: center;
}