.alert-outline-primary, .alert-outline-secondary, .alert-outline-success, .alert-outline-danger, .alert-outline-warning, .alert-outline-info,
.badge-outline-primary, .badge-outline-secondary, .badge-outline-success, .badge-outline-danger, .badge-outline-warning, .badge-outline-info {
    background-color: transparent;
    border: solid 1px;
    display: inline-block;
    }

.btn-outline-primary,   .alert-outline-primary,   .badge-outline-primary   { color: var(--primary);   border-color: var(--primary);   }
.btn-outline-secondary, .alert-outline-secondary, .badge-outline-secondary { color: var(--secondary); border-color: var(--secondary); }
.btn-outline-success,   .alert-outline-success,   .badge-outline-success   { color: var(--success);   border-color: var(--success);   }
.btn-outline-danger,    .alert-outline-danger,    .badge-outline-danger    { color: var(--danger);    border-color: var(--danger);    }
.btn-outline-warning,   .alert-outline-warning,   .badge-outline-warning   { color: var(--warning);   border-color: var(--warning);   }
.btn-outline-info,      .alert-outline-info,      .badge-outline-info      { color: var(--info);      border-color: var(--info);      }

.btn-outline-primary:hover   { background-color: var(--primary) !important;   border-color: var(--primary);   }
.btn-outline-secondary:hover { background-color: var(--secondary) !important; border-color: var(--secondary); }
.btn-outline-success:hover   { background-color: var(--success) !important;   border-color: var(--success);   }
.btn-outline-danger:hover    { background-color: var(--danger) !important;    border-color: var(--danger);    }
.btn-outline-warning:hover   { background-color: var(--warning) !important;   border-color: var(--warning);   }
.btn-outline-info:hover      { background-color: var(--info) !important;      border-color: var(--info);      }

.btn-primary   { background-color: var(--primary);   border-color: var(--primary);   }
.btn-secondary { background-color: var(--secondary); border-color: var(--secondary); }
.btn-success   { background-color: var(--success);   border-color: var(--success);   }
.btn-danger    { background-color: var(--danger);    border-color: var(--danger);    }
.btn-warning   { background-color: var(--warning);   border-color: var(--warning);   }
.btn-info      { background-color: var(--info);      border-color: var(--info);      }

.btn-primary:hover,   .btn-primary:focus   { background-color: var(--primary) !important;   border-color: var(--primary);   }
.btn-secondary:hover, .btn-secondary:focus { background-color: var(--secondary) !important; border-color: var(--secondary); }
.btn-success:hover,   .btn-success:focus   { background-color: var(--success) !important;   border-color: var(--success);   }
.btn-danger:hover,    .btn-danger:focus    { background-color: var(--danger) !important;    border-color: var(--danger);    }
.btn-warning:hover,   .btn-warning:focus   { background-color: var(--warning) !important;   border-color: var(--warning);   }
.btn-info:hover,      .btn-info:focus      { background-color: var(--info) !important;      border-color: var(--info);      }

.btn-primary:hover,  .btn-secondary:hover,  .btn-success:hover,  .btn-danger:hover,  .btn-warning:hover,  .btn-info:hover,
.btn-primary:focus,  .btn-secondary:focus,  .btn-success:focus,  .btn-danger:focus,  .btn-warning:focus,  .btn-info:focus {
    box-shadow: inset 0 0 0 10em rgba(255, 255, 255, 0.3);
    }

.text-primary   { color: var(--primary) !important;   }
.text-secondary { color: var(--secondary) !important; }
.text-success   { color: var(--success) !important;   }
.text-danger    { color: var(--danger) !important;    }
.text-warning   { color: var(--warning) !important;   }
.text-info      { color: var(--info) !important;      }

.menu-item {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    }

a.menu-item {
    text-decoration: none;
    }

.jumbotron {
    padding: 2rem 1rem;
    }

.opacity-100 { opacity: 1;    }
.opacity-75  { opacity: 0.75; }
.opacity-50  { opacity: 0.5;  }
.opacity-25  { opacity: 0.25; }