/**
 * Overlay
 */

.overlay-light, .overlay-dark {
    position: relative;
}

.overlay-light > *, .overlay-dark > * {
    position: relative;
    z-index: 99;
}

.overlay-light:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: none;
    background: rgba(255, 255, 255, 0.3);
    z-index: 1;
}

.overlay-dark:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: none;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1;
}

/**
 * Link opacity
 */

.link-opacity-10 {
    opacity: 0.1;
}

.link-opacity-25 {
    opacity: 0.25;
}

.link-opacity-50 {
    opacity: 0.50;
}

.link-opacity-75 {
    opacity: 0.75;
}

.link-opacity-100 {
    opacity: 1;
}

.link-opacity-10-hover:hover {
    opacity: 0.1;
}

.link-opacity-25-hover:hover {
    opacity: 0.25;
}

.link-opacity-50-hover:hover {
    opacity: 0.50;
}

.link-opacity-75-hover:hover {
    opacity: 0.75;
}

.link-opacity-100-hover:hover {
    opacity: 1;
}

/**
 * Link underline color
 */

.link-underline-primary {
    text-decoration: #0d6efd underline !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.link-underline-secondary {
    text-decoration: #6c757d underline !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.link-underline-success {
    text-decoration: #198754 underline !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.link-underline-danger {
    text-decoration: #dc3545 underline !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.link-underline-warning {
    text-decoration: #ffc107 underline !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.link-underline-info {
    text-decoration: #0dcaf0 underline !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.link-underline-light {
    text-decoration: #f8f9fa underline !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.link-underline-dark {
    text-decoration: #212529 underline !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}