:root {
    --btn-close-width: 1em;
    --btn-close-height: 1em;
    --btn-close-padding: .5rem.5rem;
    --btn-close-margin: -.5rem -0.5rem -0.5rem auto;
    --btn-close-opacity: .5;
    --btn-close-hover-opacity: .75;
    --btn-close-focus-opacity: 1;
    --btn-close-focus-shadow: none !important;;
    --btn-close-disabled-opacity: .4;
}

.bootbox-close-button {
    box-sizing: content-box;
    width: var(--btn-close-width);
    height: var(--btn-close-height);
    padding: var(--btn-close-padding);
    margin: var(--btn-close-margin);
    color: transparent;
    float: right;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: 0.25rem;
    opacity: var(--btn-close-opacity);
}
.bootbox-close-button:hover {
    color: transparent;
    text-decoration: none;
    opacity: var(--btn-close-hover-opacity);
}
.bootbox-close-button:focus {
    outline: 0;
    box-shadow: var(--btn-close-focus-shadow);
    opacity: var(--btn-close-focus-opacity);
}
.bootbox-close-button:disabled, .bootbox-close-button.disabled {
    pointer-events: none;
    user-select: none;
    opacity: var(--btn-close-disabled-opacity);
}