/* default: grey */
/* abort: purple */
/* attention: magenta */
/* continue: teal */
/* create: lime */
/* danger: red */
/* delete: rose */
/* error: orange */
/* info: blue */
/* ok: cyan */
/* redirect: turquoise */
/* success: green */
/* warning: yellow */

html,
body,
.page-body,
.main-content,
.container,
.container-fluid {
    background-color: var(--default-almost-white) !important;
    color: var(--default-black) !important;
}

a {
    background-color: transparent !important;
    color: var(--default-black) !important;
}

table,
thead,
tbody,
tr,
th,
td {
    background-color: var(--default-white) !important;
    color: var(--default-almost-black) !important;
}

hr {
    border-color: var(--default-black) !important;
}

tr {
    border-bottom: solid 1px var(--default-very-dark) !important;
}

.custom-hover-tr:hover td,
.custom-hover-tr:hover th {
    background-color: var(--default-very-bright) !important;
}

.custom-event-separator {
    border: 0;
    border-bottom: 1px solid var(--default-fairly-dark) !important;
    opacity: 1;
}

.table.table-striped-columns> :not(caption)>tr> :nth-child(even) {
    background-color: var(--default-extremely-bright) !important;
    color: var(--default-black);
}

table.table-striped-rows> :not(caption)>td> :nth-child(even) {
    background-color: var(--default-extremely-bright) !important;
    color: var(--default-black) !important;
}

.custom-odd-column {
    background-color: var(--default-white) !important;
    color: var(--default-almost-black) !important;
}

.custom-even-column {
    background-color: var(--default-very-bright) !important;
    color: var(--default-black) !important;
}

/*#region navigation bar colors */
nav,
.navbar,
.nav-item,
.nav-link,
.navbar-toggler,
.navbar .container-fluid {
    background-color: var(--default-almost-white) !important;
    color: var(--default-black) !important;
}

.dropdown-menu,
.dropdown-item {
    background-color: var(--default-white) !important;
    color: var(--default-almost-black) !important;
}

.dropdown-item:active,
.dropdown-item:hover {
    background-color: var(--default-very-bright) !important;
}

.dropdown-item:focus {
    background-color: var(--default-very-bright) !important;
    color: var(--default-fairly-dark) !important;
}

.custom-link {
    transition: filter 150ms ease;
    /* smooth effect */
}

[disabled] {
    opacity: 0.5;
    pointer-events: none;
    /* optional: blocks mouse/touch */
}

/*#endregion */

/*#region alert colors */

.custom-alert-abort {
    background-color: var(--abort-very-bright) !important;
    color: var(--abort-dark-text) !important;
    border: solid 1px var(--abort-dark) !important;
    box-shadow: 0px 1px 1px rgba(var(--abort-shadow), 0.075) inset, 0px 0px 8px rgba(var(--abort-shadow), 0.1);
}

.custom-alert-attention {
    background-color: var(--attention-bright) !important;
    color: var(--attention-dark-text) !important;
    border: solid 1px var(--attention-dark) !important;
    box-shadow: 0px 1px 1px rgba(var(--attention-shadow), 0.075) inset, 0px 0px 8px rgba(var(--attention-shadow), 0.1);
}

.custom-alert-continue {
    background-color: var(--continue-bright) !important;
    color: var(--continue-dark-text) !important;
    border: solid 1px var(--continue-dark) !important;
    box-shadow: 0px 1px 1px rgba(var(--continue-shadow), 0.075) inset, 0px 0px 8px rgba(var(--continue-shadow), 0.1);
}

.custom-alert-create {
    background-color: var(--create-bright) !important;
    color: var(--create-dark-text) !important;
    border: solid 1px var(--create-dark) !important;
    box-shadow: 0px 1px 1px rgba(var(--create-shadow), 0.075) inset, 0px 0px 8px rgba(var(--create-shadow), 0.1);
}

.custom-alert-danger {
    background-color: var(--danger-bright) !important;
    color: var(--danger-dark-text) !important;
    border: solid 1px var(--danger-dark) !important;
    box-shadow: 0px 1px 1px rgba(var(--danger-shadow), 0.075) inset, 0px 0px 8px rgba(var(--danger-shadow), 0.1);
}

.custom-alert-delete {
    background-color: var(--delete-bright) !important;
    color: var(--delete-dark-text) !important;
    border: solid 1px var(--delete-dark) !important;
    box-shadow: 0px 1px 1px rgba(var(--delete-shadow), 0.075) inset, 0px 0px 8px rgba(var(--delete-shadow), 0.1);
}

.custom-alert-error {
    background-color: var(--error-bright) !important;
    color: var(--error-dark-text) !important;
    border: solid 1px var(--error-dark) !important;
    box-shadow: 0px 1px 1px rgba(var(--error-shadow), 0.075) inset, 0px 0px 8px rgba(var(--error-shadow), 0.1);
}

.custom-alert-info {
    background-color: var(--info-bright) !important;
    color: var(--info-dark-text) !important;
    border: solid 1px var(--info-dark) !important;
    box-shadow: 0px 1px 1px rgba(var(--info-shadow), 0.075) inset, 0px 0px 8px rgba(var(--info-shadow), 0.1);
}

.custom-alert-ok {
    background-color: var(--ok-bright) !important;
    color: var(--ok-dark-text) !important;
    border: solid 1px var(--ok-dark) !important;
    box-shadow: 0px 1px 1px rgba(var(--ok-shadow), 0.075) inset, 0px 0px 8px rgba(var(--ok-shadow), 0.1);
}

.custom-alert-redirect {
    background-color: var(--redirect-bright) !important;
    color: var(--redirect-dark-text) !important;
    border: solid 1px var(--redirect-dark) !important;
    box-shadow: 0px 1px 1px rgba(var(--redirect-shadow), 0.075) inset, 0px 0px 8px rgba(var(--redirect-shadow), 0.1);
}

.custom-alert-success {
    background-color: var(--success-bright) !important;
    color: var(--success-dark-text) !important;
    border: solid 1px var(--success-dark) !important;
    box-shadow: 0px 1px 1px rgba(var(--success-shadow), 0.075) inset, 0px 0px 8px rgba(var(--success-shadow), 0.1);
}

.custom-alert-warning {
    background-color: var(--warning-bright) !important;
    color: var(--warning-dark-text) !important;
    border: solid 1px var(--warning-dark) !important;
    box-shadow: 0px 1px 1px rgba(var(--warning-shadow), 0.075) inset, 0px 0px 8px rgba(var(--warning-shadow), 0.1);
}

/*#endregion */

.card-body {
    box-shadow:
        0px 1px 1px rgba(var(--default-shadow), 0.075) inset,
        0px 0px 4px rgba(var(--default-shadow), 0.1) !important
}

/*#region card colors */
.custom-card-bright,
.custom-card-bright a {
    background-color: var(--default-extremely-bright) !important;
    color: var(--default-black) !important;
}

.custom-card-white,
.custom-card-white a {
    background-color: var(--default-white) !important;
    color: var(--default-very-dark) !important;
}

.custom-card-dark,
.custom-card-dark a {
    background-color: var(--default-very-dark) !important;
    color: var(--default-white) !important;
}

.custom-card-black,
.custom-card-black a {
    background-color: var(--default-black) !important;
    color: var(--default-very-bright) !important;
}

.custom-card-abort,
.custom-card-abort a {
    background-color: var(--abort-bright) !important;
    color: var(--default-black) !important;
}

.custom-card-attention,
.custom-card-attention a {
    background-color: var(--attention-bright) !important;
    color: var(--default-black) !important;
}

.custom-card-continue,
.custom-card-continue a {
    background-color: var(--continue-bright) !important;
    color: var(--default-black) !important;
}

.custom-card-create,
.custom-card-create a {
    background-color: var(--create-bright) !important;
    color: var(--default-black) !important;
}

.custom-card-danger,
.custom-card-danger a {
    background-color: var(--danger-bright) !important;
    color: var(--default-black) !important;
}

.custom-card-delete,
.custom-card-delete a {
    background-color: var(--delete-bright) !important;
    color: var(--default-black) !important;
}

.custom-card-error,
.custom-card-error a {
    background-color: var(--error-bright) !important;
    color: var(--default-black) !important;
}

.custom-card-info,
.custom-card-info a {
    background-color: var(--info-bright) !important;
    color: var(--default-black) !important;
}

.custom-card-ok,
.custom-card-ok a {
    background-color: var(--ok-bright) !important;
    color: var(--default-black) !important;
}

.custom-card-redirect,
.custom-card-redirect a {
    background-color: var(--redirect-bright) !important;
    color: var(--default-black) !important;
}

.custom-card-success,
.custom-card-success a {
    background-color: var(--success-bright) !important;
    color: var(--default-black) !important;
}

.custom-card-success,
.custom-card-success a {
    background-color: var(--success-very-bright) !important;
    color: var(--default-fairly-bright) !important;
}

.custom-card-warning,
.custom-card-warning a {
    background-color: var(--warning-bright) !important;
    color: var(--default-black) !important;
}

.card,
.dropdown-menu {
    border: solid 1px var(--default-bright) !important;
    box-shadow:
        0px 1px 1px rgba(var(--default-shadow), 0.075) inset,
        0px 0px 8px rgba(var(--default-shadow), 0.1);
}

.card-header .container-fluid {
    background-color: inherit !important;
    color: inherit !important;
}

/*#endregion */

/*#region default action button */
.custom-action-default,
.custom-action-default:visited {
    background-color: var(--default-almost-white) !important;
    color: var(--default-dark) !important;
    border: solid 1px var(--default-bright) !important;
    box-shadow: 0px 1px 1px rgba(var(--default-shadow), 0.075) inset, 0px 0px 8px rgba(var(--default-shadow), 0.1);
}

.custom-action-default:hover,
.custom-action-default:active,
.custom-action-default:focus {
    background-color: var(--default-very-bright) !important;
    color: var(--default-black) !important;
}

/*#endregion */

/*#region abort action button */
.custom-action-abort,
.custom-action-abort:active,
.custom-action-abort:visited {
    background-color: var(--abort-bright) !important;
    color: var(--default-black) !important;
    border: solid 1px var(--abort-very-dark) !important;
    box-shadow: 0px 1px 1px rgba(var(--abort-shadow), 0.075) inset, 0px 0px 8px rgba(var(--abort-shadow), 0.1);
}

.custom-action-abort:hover,
.custom-action-abort:focus {
    background-color: var(--abort-very-bright) !important;
    color: var(--abort-text) !important;
}

/*#endregion */

/*#region attention action button */
.custom-action-attention,
.custom-action-attention:active,
.custom-action-attention:visited {
    background-color: var(--attention-bright) !important;
    color: var(--default-black) !important;
    border: solid 1px var(--attention-very-dark) !important;
    box-shadow: 0px 1px 1px rgba(var(--attention-shadow), 0.075) inset, 0px 0px 8px rgba(var(--attention-shadow), 0.1);
}

.custom-action-attention:hover,
.custom-action-attention:focus {
    background-color: var(--attention-very-bright) !important;
    color: var(--attention-text) !important;
}

/*#endregion */

/*#region continue action button */
.custom-action-continue,
.custom-action-continue:active,
.custom-action-continue:visited {
    background-color: var(--continue-bright) !important;
    color: var(--default-black) !important;
    border: solid 1px var(--continue-very-dark) !important;
    box-shadow: 0px 1px 1px rgba(var(--continue-shadow), 0.075) inset, 0px 0px 8px rgba(var(--continue-shadow), 0.1);
}

.custom-action-continue:hover,
.custom-action-continue:focus {
    background-color: var(--continue-very-bright) !important;
    color: var(--continue-text) !important;
}

/*#endregion */

/*#region create action button */
.custom-action-create,
.custom-action-create:active,
.custom-action-create:visited {
    background-color: var(--create-bright) !important;
    color: var(--default-black) !important;
    border: solid 1px var(--create-very-dark) !important;
    box-shadow: 0px 1px 1px rgba(var(--create-shadow), 0.075) inset, 0px 0px 8px rgba(var(--create-shadow), 0.1);
}

.custom-action-create:hover,
.custom-action-create:focus {
    background-color: var(--create-very-bright) !important;
    color: var(--create-text) !important;
}

/*#endregion */

/*#region danger action button */
.custom-action-danger,
.custom-action-danger:active,
.custom-action-danger:visited {
    background-color: var(--danger-bright) !important;
    color: var(--default-black) !important;
    border: solid 1px var(--danger-very-dark) !important;
    box-shadow: 0px 1px 1px rgba(var(--danger-shadow), 0.075) inset, 0px 0px 8px rgba(var(--danger-shadow), 0.1);
}

.custom-action-danger:hover,
.custom-action-danger:focus {
    background-color: var(--danger-very-bright) !important;
    color: var(--danger-text) !important;
}

/*#endregion */

/*#region delete action button */
.custom-action-delete,
.custom-action-delete:active,
.custom-action-delete:visited {
    background-color: var(--delete-bright) !important;
    color: var(--default-black) !important;
    border: solid 1px var(--delete-very-dark) !important;
    box-shadow: 0px 1px 1px rgba(var(--delete-shadow), 0.075) inset, 0px 0px 8px rgba(var(--delete-shadow), 0.1);
}

.custom-action-delete:hover,
.custom-action-delete:focus {
    background-color: var(--delete-very-bright) !important;
    color: var(--delete-text) !important;
}

/*#endregion */

/*#region error action button */
.custom-action-error,
.custom-action-error:active,
.custom-action-error:visited {
    background-color: var(--error-bright) !important;
    color: var(--default-black) !important;
    border: solid 1px var(--error-very-dark) !important;
    box-shadow: 0px 1px 1px rgba(var(--error-shadow), 0.075) inset, 0px 0px 8px rgba(var(--error-shadow), 0.1);
}

.custom-action-error:hover,
.custom-action-error:focus {
    background-color: var(--error-very-bright) !important;
    color: var(--error-text) !important;
}

/*#endregion */

/*#region info action button */
.custom-action-info,
.custom-action-info:active,
.custom-action-info:visited {
    background-color: var(--info-bright) !important;
    color: var(--default-black) !important;
    border: solid 1px var(--info-very-dark) !important;
    box-shadow: 0px 1px 1px rgba(var(--info-shadow), 0.075) inset, 0px 0px 8px rgba(var(--info-shadow), 0.1);
}

.custom-action-info:hover,
.custom-action-info:focus {
    background-color: var(--info-very-bright) !important;
    color: var(--info-text) !important;
}

/*#endregion */

/*#region ok action button */
.custom-action-ok,
.custom-action-ok:active,
.custom-action-ok:visited {
    background-color: var(--ok-bright) !important;
    color: var(--default-black) !important;
    border: solid 1px var(--ok-very-dark) !important;
    box-shadow: 0px 1px 1px rgba(var(--ok-shadow), 0.075) inset, 0px 0px 8px rgba(var(--ok-shadow), 0.1);
}

.custom-action-ok:hover,
.custom-action-ok:focus {
    background-color: var(--ok-very-bright) !important;
    color: var(--ok-text) !important;
}

/*#endregion */

/*#region redirect action button */
.custom-action-redirect,
.custom-action-redirect:active,
.custom-action-redirect:visited {
    background-color: var(--redirect-bright) !important;
    color: var(--default-black) !important;
    border: solid 1px var(--redirect-very-dark) !important;
    box-shadow: 0px 1px 1px rgba(var(--redirect-shadow), 0.075) inset, 0px 0px 8px rgba(var(--redirect-shadow), 0.1);
}

.custom-action-redirect:hover,
.custom-action-redirect:focus {
    background-color: var(--redirect-very-bright) !important;
    color: var(--redirect-text) !important;
}

/*#endregion */

/*#region success action button */
.custom-action-success,
.custom-action-success:active,
.custom-action-success:visited {
    background-color: var(--success-bright) !important;
    color: var(--default-black) !important;
    border: solid 1px var(--success-very-dark) !important;
    box-shadow: 0px 1px 1px rgba(var(--success-shadow), 0.075) inset, 0px 0px 8px rgba(var(--success-shadow), 0.1);
}

.custom-action-success:hover,
.custom-action-success:focus {
    background-color: var(--success-very-bright) !important;
    color: var(--success-text) !important;
}

/*#endregion */

/*#region warning action button */
.custom-action-warning,
.custom-action-warning:active,
.custom-action-warning:visited {
    background-color: var(--warning-bright) !important;
    color: var(--default-black) !important;
    border: solid 1px var(--warning-very-dark) !important;
    box-shadow: 0px 1px 1px rgba(var(--warning-shadow), 0.075) inset, 0px 0px 8px rgba(var(--warning-shadow), 0.1);
}

.custom-action-warning:hover,
.custom-action-warning:focus {
    background-color: var(--warning-very-bright) !important;
    color: var(--warning-text) !important;
}

/*#endregion */

/*#region default button */
.custom-button-default,
.custom-button-default:visited {
    background-color: var(--default-extremely-bright) !important;
    color: var(--default-almost-black) !important;
    border: solid 1px var(--default-fairly-bright) !important;
    box-shadow: 0px 1px 1px rgba(var(--default-shadow), 0.075) inset, 0px 0px 8px rgba(var(--default-shadow), 0.1);
}

.custom-button-default:hover,
.custom-button-default:active,
.custom-button-default:focus {
    background-color: var(--default-very-bright) !important;
    color: var(--default-black) !important;
}

/*#endregion */

/*#region abort button */
.custom-button-abort,
.custom-button-abort:visited {
    background-color: var(--abort-bright) !important;
    color: var(--default-almost-black) !important;
    border: solid 1px var(--abort-fairly-dark) !important;
    box-shadow: 0px 1px 1px rgba(var(--abort-shadow), 0.075) inset, 0px 0px 8px rgba(var(--abort-shadow), 0.1);
}

.custom-button-abort:hover,
.custom-button-abort:active,
.custom-button-abort:focus {
    background-color: var(--abort-fairly-bright) !important;
    color: var(--default-black) !important;
}

/*#endregion */

/*#region attention button */
.custom-button-attention,
.custom-button-attention:visited {
    background-color: var(--attention-bright) !important;
    color: var(--default-almost-black) !important;
    border: solid 1px var(--attention-fairly-dark) !important;
    box-shadow: 0px 1px 1px rgba(var(--attention-shadow), 0.075) inset, 0px 0px 8px rgba(var(--attention-shadow), 0.1);
}

.custom-button-attention:hover,
.custom-button-attention:active,
.custom-button-attention:focus {
    background-color: var(--attention-fairly-bright) !important;
    color: var(--default-black) !important;
}

/*#endregion */

/*#region continue button */
.custom-button-continue,
.custom-button-continue:visited {
    background-color: var(--continue-bright) !important;
    color: var(--default-almost-black) !important;
    border: solid 1px var(--continue-fairly-dark) !important;
    box-shadow: 0px 1px 1px rgba(var(--continue-shadow), 0.075) inset, 0px 0px 8px rgba(var(--continue-shadow), 0.1);
}

.custom-button-continue:hover,
.custom-button-continue:active,
.custom-button-continue:focus {
    background-color: var(--continue-fairly-bright) !important;
    color: var(--default-black) !important;
}

/*#endregion */

/*#region create button */
.custom-button-create,
.custom-button-create:visited {
    background-color: var(--create-bright) !important;
    color: var(--default-almost-black) !important;
    border: solid 1px var(--create-fairly-dark) !important;
    box-shadow: 0px 1px 1px rgba(var(--create-shadow), 0.075) inset, 0px 0px 8px rgba(var(--create-shadow), 0.1);
}

.custom-button-create:hover,
.custom-button-create:active,
.custom-button-create:focus {
    background-color: var(--create-fairly-bright) !important;
    color: var(--default-black) !important;
}

/*#endregion */

/*#region danger button */
.custom-button-danger,
.custom-button-danger:visited {
    background-color: var(--danger-bright) !important;
    color: var(--default-almost-black) !important;
    border: solid 1px var(--danger-fairly-dark) !important;
    box-shadow: 0px 1px 1px rgba(var(--danger-shadow), 0.075) inset, 0px 0px 8px rgba(var(--danger-shadow), 0.1);
}

.custom-button-danger:hover,
.custom-button-danger:active,
.custom-button-danger:focus {
    background-color: var(--danger-fairly-bright) !important;
    color: var(--default-black) !important;
}

/*#endregion */

/*#region delete button */
.custom-button-delete,
.custom-button-delete:visited {
    background-color: var(--delete-bright) !important;
    color: var(--default-almost-black) !important;
    border: solid 1px var(--delete-fairly-dark) !important;
    box-shadow: 0px 1px 1px rgba(var(--delete-shadow), 0.075) inset, 0px 0px 8px rgba(var(--delete-shadow), 0.1);
}

.custom-button-delete:hover,
.custom-button-delete:active,
.custom-button-delete:focus {
    background-color: var(--delete-fairly-bright) !important;
    color: var(--default-black) !important;
}

/*#endregion */

/*#region error button */
.custom-button-error,
.custom-button-error:visited {
    background-color: var(--error-bright) !important;
    color: var(--default-almost-black) !important;
    border: solid 1px var(--error-fairly-dark) !important;
    box-shadow: 0px 1px 1px rgba(var(--error-shadow), 0.075) inset, 0px 0px 8px rgba(var(--error-shadow), 0.1);
}

.custom-button-error:hover,
.custom-button-error:active,
.custom-button-error:focus {
    background-color: var(--error-fairly-bright) !important;
    color: var(--default-black) !important;
}

/*#endregion */

/*#region info button */
.custom-button-info,
.custom-button-info:visited {
    background-color: var(--info-bright) !important;
    color: var(--default-almost-black) !important;
    border: solid 1px var(--info-fairly-dark) !important;
    box-shadow: 0px 1px 1px rgba(var(--info-shadow), 0.075) inset, 0px 0px 8px rgba(var(--info-shadow), 0.1);
}

.custom-button-info:hover,
.custom-button-info:active,
.custom-button-info:focus {
    background-color: var(--info-fairly-bright) !important;
    color: var(--default-black) !important;
}

/*#endregion */

/*#region ok button */
.custom-button-ok,
.custom-button-ok:visited {
    background-color: var(--ok-bright) !important;
    color: var(--default-almost-black) !important;
    border: solid 1px var(--ok-fairly-dark) !important;
    box-shadow: 0px 1px 1px rgba(var(--ok-shadow), 0.075) inset, 0px 0px 8px rgba(var(--ok-shadow), 0.1);
}

.custom-button-ok:hover,
.custom-button-ok:active,
.custom-button-ok:focus {
    background-color: var(--ok-fairly-bright) !important;
    color: var(--default-black) !important;
}

/*#endregion */

/*#region redirect button */
.custom-button-redirect,
.custom-button-redirect:visited {
    background-color: var(--redirect-bright) !important;
    color: var(--default-almost-black) !important;
    border: solid 1px var(--redirect-fairly-dark) !important;
    box-shadow: 0px 1px 1px rgba(var(--redirect-shadow), 0.075) inset, 0px 0px 8px rgba(var(--redirect-shadow), 0.1);
}

.custom-button-redirect:hover,
.custom-button-redirect:active,
.custom-button-redirect:focus {
    background-color: var(--redirect-fairly-bright) !important;
    color: var(--default-black) !important;
}

/*#endregion */

/*#region success button */
.custom-button-success,
.custom-button-success:visited {
    background-color: var(--success-bright) !important;
    color: var(--default-almost-black) !important;
    border: solid 1px var(--success-fairly-dark) !important;
    box-shadow: 0px 1px 1px rgba(var(--success-shadow), 0.075) inset, 0px 0px 8px rgba(var(--success-shadow), 0.1);
}

.custom-button-success:hover,
.custom-button-success:active,
.custom-button-success:focus {
    background-color: var(--success-fairly-bright) !important;
    color: var(--default-black) !important;
}

/*#endregion */

/*#region warning button */
.custom-button-warning,
.custom-button-warning:visited {
    background-color: var(--warning-bright) !important;
    color: var(--default-almost-black) !important;
    border: solid 1px var(--warning-fairly-dark) !important;
    box-shadow: 0px 1px 1px rgba(var(--warning-shadow), 0.075) inset, 0px 0px 8px rgba(var(--warning-shadow), 0.1);
}

.custom-button-warning:hover,
.custom-button-warning:active,
.custom-button-warning:focus {
    background-color: var(--warning-fairly-bright) !important;
    color: var(--default-black) !important;
}

/*#endregion */

/*#region text button text color */
.custom-text-button {
    color: var(--default-black) !important;
}

/*#endregion */

/*#region text colors */

.custom-text-default {
    color: var(--default-almost-black) !important;
}

.custom-bright-text-default {
    color: var(--default-extremely-dark) !important;
}

.custom-dark-text-default {
    color: var(--default-black) !important;
}

.custom-text-abort {
    color: var(--abort-fairly-dark) !important;
}

.custom-bright-text-abort {
    color: var(--abort-bright-text) !important;
}

.custom-dark-text-abort {
    color: var(--abort-dark-text) !important;
}

.custom-text-attention {
    color: var(--attention-fairly-dark) !important;
}

.custom-bright-text-attention {
    color: var(--attention-bright-text) !important;
}

.custom-dark-text-attention {
    color: var(--attention-dark-text) !important;
}

.custom-text-continue {
    color: var(--continue-fairly-dark) !important;
}

.custom-bright-text-continue {
    color: var(--continue-bright-text) !important;
}

.custom-dark-text-continue {
    color: var(--continue-dark-text) !important;
}


.custom-text-create {
    color: var(--create-fairly-dark) !important;
}

.custom-bright-text-create {
    color: var(--create-bright-text) !important;
}

.custom-dark-text-create {
    color: var(--create-dark-text) !important;
}

.custom-text-danger {
    color: var(--danger-fairly-dark) !important;
}

.custom-bright-text-danger {
    color: var(--danger-bright-text) !important;
}

.custom-dark-text-danger {
    color: var(--danger-dark-text) !important;
}

.custom-text-delete {
    color: var(--delete-fairly-dark) !important;
}

.custom-bright-text-delete {
    color: var(--delete-bright-text) !important;
}

.custom-dark-text-delete {
    color: var(--delete-dark-text) !important;
}

.custom-text-error {
    color: var(--error-fairly-dark) !important;
}

.custom-bright-text-error {
    color: var(--error-bright-text) !important;
}

.custom-dark-text-error {
    color: var(--error-dark-text) !important;
}

.custom-text-info {
    color: var(--info-fairly-dark) !important;
}

.custom-bright-text-info {
    color: var(--info-bright-text) !important;
}

.custom-dark-text-info {
    color: var(--info-dark-text) !important;
}


.custom-text-ok {
    color: var(--ok-fairly-dark) !important;
}

.custom-bright-text-ok {
    color: var(--ok-bright-text) !important;
}

.custom-dark-text-ok {
    color: var(--ok-dark-text) !important;
}

.custom-text-redirect {
    color: var(--redirect-fairly-dark) !important;
}

.custom-bright-text-redirect {
    color: var(--redirect-bright-text) !important;
}

.custom-dark-text-redirect {
    color: var(--redirect-dark-text) !important;
}

.custom-text-success {
    color: var(--success-fairly-dark) !important;
}

.custom-bright-text-success {
    color: var(--success-bright-text) !important;
}

.custom-dark-text-success {
    color: var(--success-dark-text) !important;
}

.custom-text-warning {
    color: var(--warning-fairly-dark) !important;
}

.custom-bright-text-warning {
    color: var(--warning-bright-text) !important;
}

.custom-dark-text-warning {
    color: var(--warning-dark-text) !important;
}

/*#region default checkbox colors */
.custom-toggle-default input[type="checkbox"]+label {
    background-color: var(--default-almost-white);
    color: var(--default-dark-text) !important;
    border: solid 1px var(--default-fairly-dark) !important;
    box-shadow: 0px 1px 1px rgba(var(--default-shadow), 0.075) inset,
        0px 0px 8px rgba(var(--default-shadow), 0.1);
}

.custom-toggle-default input[type="checkbox"]:checked+label {
    background-color: var(--default-fairly-dark);
    color: var(--default-almost-white) !important;
    border: solid 2px var(--default-fairly-bright) !important;
    box-shadow: 0px 1px 1px rgba(var(--default-shadow), 0.075) inset, 0px 0px 8px rgba(var(--default-shadow), 0.1);
}

/*#endregion */

/*#region abort checkbox colors */
.custom-toggle-abort input[type="checkbox"]+label {
    background-color: var(--default-almost-white);
    color: var(--abort-very-dark) !important;
    border: solid 1px var(--abort-fairly-dark) !important;
    box-shadow: 0px 1px 1px rgba(var(--abort-shadow), 0.075) inset,
        0px 0px 8px rgba(var(--abort-shadow), 0.1);
}

.custom-toggle-abort input[type="checkbox"]:checked+label {
    background-color: var(--abort-very-dark);
    color: var(--abort-bright) !important;
    border: solid 2px var(--abort-fairly-bright) !important;
    box-shadow: 0px 1px 1px rgba(var(--abort-shadow), 0.075) inset, 0px 0px 8px rgba(var(--abort-shadow), 0.1);
}

/*#endregion */

/*#region checkbox colors */
.custom-toggle-attention input[type="checkbox"]+label {
    background-color: var(--default-almost-white);
    color: var(--attention-very-dark) !important;
    border: solid 1px var(--attention-fairly-dark) !important;
    box-shadow: 0px 1px 1px rgba(var(--attention-shadow), 0.075) inset,
        0px 0px 8px rgba(var(--attention-shadow), 0.1);
}

.custom-toggle-attention input[type="checkbox"]:checked+label {
    background-color: var(--attention-very-dark);
    color: var(--attention-very-bright) !important;
    border: solid 2px var(--attention-fairly-bright) !important;
    box-shadow: 0px 1px 1px rgba(var(--attention-shadow), 0.075) inset, 0px 0px 8px rgba(var(--attention-shadow), 0.1);
}

/*#endregion */

/*#region continue checkbox colors */
.custom-toggle-continue input[type="checkbox"]+label {
    background-color: var(--default-almost-white);
    color: var(--continue-very-dark) !important;
    border: solid 1px var(--continue-fairly-dark) !important;
    box-shadow: 0px 1px 1px rgba(var(--continue-shadow), 0.075) inset,
        0px 0px 8px rgba(var(--continue-shadow), 0.1);
}

.custom-toggle-continue input[type="checkbox"]:checked+label {
    background-color: var(--continue-very-dark);
    color: var(--continue-bright) !important;
    border: solid 2px var(--continue-fairly-bright) !important;
    box-shadow: 0px 1px 1px rgba(var(--continue-shadow), 0.075) inset, 0px 0px 8px rgba(var(--continue-shadow), 0.1);
}

/*#endregion */

/*#region create checkbox colors */
.custom-toggle-create input[type="checkbox"]+label {
    background-color: var(--default-almost-white);
    color: var(--create-very-dark) !important;
    border: solid 1px var(--create-fairly-dark) !important;
    box-shadow: 0px 1px 1px rgba(var(--create-shadow), 0.075) inset,
        0px 0px 8px rgba(var(--create-shadow), 0.1);
}

.custom-toggle-create input[type="checkbox"]:checked+label {
    background-color: var(--create-very-dark);
    color: var(--create-bright) !important;
    border: solid 2px var(--create-fairly-bright) !important;
    box-shadow: 0px 1px 1px rgba(var(--create-shadow), 0.075) inset, 0px 0px 8px rgba(var(--create-shadow), 0.1);
}

/*#endregion */

/*#region danger checkbox colors */
.custom-toggle-danger input[type="checkbox"]+label {
    background-color: var(--default-almost-white);
    color: var(--danger-very-dark) !important;
    border: solid 1px var(--danger-fairly-dark) !important;
    box-shadow: 0px 1px 1px rgba(var(--danger-shadow), 0.075) inset,
        0px 0px 8px rgba(var(--danger-shadow), 0.1);
}

.custom-toggle-danger input[type="checkbox"]:checked+label {
    background-color: var(--danger-very-dark);
    color: var(--danger-bright) !important;
    border: solid 2px var(--danger-fairly-bright) !important;
    box-shadow: 0px 1px 1px rgba(var(--danger-shadow), 0.075) inset, 0px 0px 8px rgba(var(--danger-shadow), 0.1);
}

/*#endregion */

/*#region delete checkbox colors */
.custom-toggle-delete input[type="checkbox"]+label {
    background-color: var(--default-almost-white);
    color: var(--delete-very-dark) !important;
    border: solid 1px var(--delete-fairly-dark) !important;
    box-shadow: 0px 1px 1px rgba(var(--delete-shadow), 0.075) inset,
        0px 0px 8px rgba(var(--delete-shadow), 0.1);
}

.custom-toggle-delete input[type="checkbox"]:checked+label {
    background-color: var(--delete-very-dark);
    color: var(--delete-bright) !important;
    border: solid 2px var(--delete-fairly-bright) !important;
    box-shadow: 0px 1px 1px rgba(var(--delete-shadow), 0.075) inset, 0px 0px 8px rgba(var(--delete-shadow), 0.1);
}

/*#endregion */

/*#region error checkbox colors */
.custom-toggle-error input[type="checkbox"]+label {
    background-color: var(--default-almost-white);
    color: var(--error-very-dark) !important;
    border: solid 1px var(--error-fairly-dark) !important;
    box-shadow: 0px 1px 1px rgba(var(--error-shadow), 0.075) inset,
        0px 0px 8px rgba(var(--error-shadow), 0.1);
}

.custom-toggle-error input[type="checkbox"]:checked+label {
    background-color: var(--error-very-dark);
    color: var(--error-bright) !important;
    border: solid 2px var(--error-fairly-bright) !important;
    box-shadow: 0px 1px 1px rgba(var(--error-shadow), 0.075) inset, 0px 0px 8px rgba(var(--error-shadow), 0.1);
}

/*#endregion */

/*#region info checkbox colors */
.custom-toggle-info input[type="checkbox"]+label {
    background-color: var(--default-almost-white);
    color: var(--info-very-dark) !important;
    border: solid 1px var(--info-fairly-dark) !important;
    box-shadow: 0px 1px 1px rgba(var(--info-shadow), 0.075) inset,
        0px 0px 8px rgba(var(--info-shadow), 0.1);
}

.custom-toggle-info input[type="checkbox"]:checked+label {
    background-color: var(--info-very-dark);
    color: var(--info-bright) !important;
    border: solid 2px var(--info-fairly-bright) !important;
    box-shadow: 0px 1px 1px rgba(var(--info-shadow), 0.075) inset, 0px 0px 8px rgba(var(--info-shadow), 0.1);
}

/*#endregion */

/*#region ok checkbox colors */
.custom-toggle-ok input[type="checkbox"]+label {
    background-color: var(--default-almost-white);
    color: var(--ok-very-dark) !important;
    border: solid 1px var(--ok-fairly-dark) !important;
    box-shadow: 0px 1px 1px rgba(var(--ok-shadow), 0.075) inset,
        0px 0px 8px rgba(var(--ok-shadow), 0.1);
}

.custom-toggle-ok input[type="checkbox"]:checked+label {
    background-color: var(--ok-very-dark);
    color: var(--ok-bright) !important;
    border: solid 2px var(--ok-fairly-bright) !important;
    box-shadow: 0px 1px 1px rgba(var(--ok-shadow), 0.075) inset, 0px 0px 8px rgba(var(--ok-shadow), 0.1);
}

/*#endregion */

/*#region redirect checkbox colors */
.custom-toggle-redirect input[type="checkbox"]+label {
    background-color: var(--default-almost-white);
    color: var(--redirect-very-dark) !important;
    border: solid 1px var(--redirect-fairly-dark) !important;
    box-shadow: 0px 1px 1px rgba(var(--redirect-shadow), 0.075) inset,
        0px 0px 8px rgba(var(--redirect-shadow), 0.1);
}

.custom-toggle-redirect input[type="checkbox"]:checked+label {
    background-color: var(--redirect-very-dark);
    color: var(--redirect-bright) !important;
    border: solid 2px var(--redirect-fairly-bright) !important;
    box-shadow: 0px 1px 1px rgba(var(--redirect-shadow), 0.075) inset, 0px 0px 8px rgba(var(--redirect-shadow), 0.1);
}

/*#endregion */

/*#region success checkbox colors */
.custom-toggle-success input[type="checkbox"]+label {
    background-color: var(--default-almost-white);
    color: var(--success-very-dark) !important;
    border: solid 1px var(--success-fairly-dark) !important;
    box-shadow: 0px 1px 1px rgba(var(--success-shadow), 0.075) inset,
        0px 0px 8px rgba(var(--success-shadow), 0.1);
}

.custom-toggle-success input[type="checkbox"]:checked+label {
    background-color: var(--success-very-dark);
    color: var(--success-bright) !important;
    border: solid 2px var(--success-fairly-bright) !important;
    box-shadow: 0px 1px 1px rgba(var(--success-shadow), 0.075) inset, 0px 0px 8px rgba(var(--success-shadow), 0.1);
}

/*#endregion */

/*#region warning checkbox colors */
.custom-toggle-warning input[type="checkbox"]+label {
    background-color: var(--default-almost-white);
    color: var(--warning-very-dark) !important;
    border: solid 1px var(--warning-fairly-dark) !important;
    box-shadow: 0px 1px 1px rgba(var(--warning-shadow), 0.075) inset,
        0px 0px 8px rgba(var(--warning-shadow), 0.1);
}

.custom-toggle-warning input[type="checkbox"]:checked+label {
    background-color: var(--warning-very-dark);
    color: var(--warning-bright) !important;
    border: solid 2px var(--warning-fairly-bright) !important;
    box-shadow: 0px 1px 1px rgba(var(--warning-shadow), 0.075) inset, 0px 0px 8px rgba(var(--warning-shadow), 0.1);
}

/*#endregion */

.custom-form-input {
    border: 1px solid var(--default-fairly-dark);
    background-color: var(--default-extremely-bright);
    color: var(--default-very-dark);
}

.custom-form-input:focus,
.custom-form-input:active {
    color: var(--default-black);
    background-color: var(--default-white);
}

.custom-form-input-default:focus,
.custom-form-input-default:active {
    border: 1px solid var(--default-bright);
    box-shadow: 0px 1px 1px rgba(var(--default-shadow), 0.075) inset, 0px 0px 8px rgba(var(--default-shadow), 0.5);
}

.custom-form-input-abort:focus,
.custom-form-input-abort:active {
    border: 1px solid var(--abort-bright);
    box-shadow: 0px 1px 1px rgba(var(--default-shadow), 0.075) inset, 0px 0px 8px rgba(var(--abort-shadow), 0.5);
}

.custom-form-input-attention:focus,
.custom-form-input-attention:active {
    border: 1px solid var(--attention-bright);
    box-shadow: 0px 1px 1px rgba(var(--default-shadow), 0.075) inset, 0px 0px 8px rgba(var(--attention-shadow), 0.5);
}

.custom-form-input-continue:focus,
.custom-form-input-continue:active {
    border: 1px solid var(--continue-bright);
    box-shadow: 0px 1px 1px rgba(var(--default-shadow), 0.075) inset, 0px 0px 8px rgba(var(--continue-shadow), 0.5);
}

.custom-form-input-create:focus,
.custom-form-input-create:active {
    border: 1px solid var(--create-bright);
    box-shadow: 0px 1px 1px rgba(var(--default-shadow), 0.075) inset, 0px 0px 8px rgba(var(--create-shadow), 0.5);
}

.custom-form-input-danger:focus,
.custom-form-input-danger:active {
    border: 1px solid var(--danger-bright);
    box-shadow: 0px 1px 1px rgba(var(--default-shadow), 0.075) inset, 0px 0px 8px rgba(var(--danger-shadow), 0.5);
}

.custom-form-input-delete:focus,
.custom-form-input-delete:active {
    border: 1px solid var(--delete-bright);
    box-shadow: 0px 1px 1px rgba(var(--default-shadow), 0.075) inset, 0px 0px 8px rgba(var(--delete-shadow), 0.5);
}

.custom-form-input-error:focus,
.custom-form-input-error:active {
    border: 1px solid var(--error-bright);
    box-shadow: 0px 1px 1px rgba(var(--default-shadow), 0.075) inset, 0px 0px 8px rgba(var(--error-shadow), 0.5);
}

.custom-form-input-info:focus,
.custom-form-input-info:active {
    border: 1px solid var(--info-bright);
    box-shadow: 0px 1px 1px rgba(var(--default-shadow), 0.075) inset, 0px 0px 8px rgba(var(--info-shadow), 0.5);
}

.custom-form-input-ok:focus,
.custom-form-input-ok:active {
    border: 1px solid var(--ok-bright);
    box-shadow: 0px 1px 1px rgba(var(--default-shadow), 0.075) inset, 0px 0px 8px rgba(var(--ok-shadow), 0.5);
}

.custom-form-input-redirect:focus,
.custom-form-input-redirect:active {
    border: 1px solid var(--redirect-bright);
    box-shadow: 0px 1px 1px rgba(var(--default-shadow), 0.075) inset, 0px 0px 8px rgba(var(--redirect-shadow), 0.5);
}

.custom-form-input-success:focus,
.custom-form-input-success:active {
    border: 1px solid var(--success-bright);
    box-shadow: 0px 1px 1px rgba(var(--default-shadow), 0.075) inset, 0px 0px 8px rgba(var(--success-shadow), 0.5);
}

.custom-form-input-warning:focus,
.custom-form-input-warning:active {
    border: 1px solid var(--warning-bright);
    box-shadow: 0px 1px 1px rgba(var(--default-shadow), 0.075) inset, 0px 0px 8px rgba(var(--warning-shadow), 0.5);
}

.custom-background-abort {
    background-color: var(--abort-bright) !important;
}

.custom-background-attention {
    background-color: var(--attention-bright) !important;
}

.custom-background-continue {
    background-color: var(--continue-bright) !important;
}

.custom-background-create {
    background-color: var(--create-bright) !important;
}

.custom-background-danger {
    background-color: var(--danger-bright) !important;
}

.custom-background-delete {
    background-color: var(--delete-bright) !important;
}

.custom-background-error {
    background-color: var(--error-bright) !important;
}

.custom-background-info {
    background-color: var(--info-bright) !important;
}

.custom-background-ok {
    background-color: var(--ok-bright) !important;
}

.custom-background-redirect {
    background-color: var(--redirect-bright) !important;
}

.custom-background-success {
    background-color: var(--success-bright) !important;
}

.custom-background-warning {
    background-color: var(--warning-bright) !important;
}

.custom-popover {
    border: solid 2px var(--default-fairly-bright) !important;
    box-shadow: 0px 1px 1px rgba(var(--default-shadow), 0.075) inset, 0px 0px 8px rgba(var(--default-shadow), 0.1);
}

.custom-popover .popover-body {
    background-color: var(--default-almost-white) !important;
    color: var(--default-black) !important;
}

.custom-popover-default .popover-header {
    background-color: var(--default-bright);
    color: var(--default-very-dark);
}

.custom-popover-abort .popover-header {
    background-color: var(--abort-bright);
    color: var(--default-black);
}

.custom-popover-attention .popover-header {
    background-color: var(--attention-bright);
    color: var(--default-black);
}

.custom-popover-continue .popover-header {
    background-color: var(--continue-bright);
    color: var(--default-black);
}

.custom-popover-create .popover-header {
    background-color: var(--create-bright);
    color: var(--default-black);
}

.custom-popover-danger .popover-header {
    background-color: var(--danger-bright);
    color: var(--default-black);
}

.custom-popover-delete .popover-header {
    background-color: var(--delete-bright);
    color: var(--default-black);
}

.custom-popover-error .popover-header {
    background-color: var(--error-bright);
    color: var(--default-black);
}

.custom-popover-info .popover-header {
    background-color: var(--info-bright);
    color: var(--default-black);
}

.custom-popover-ok .popover-header {
    background-color: var(--ok-bright);
    color: var(--default-black);
}

.custom-popover-redirect .popover-header {
    background-color: var(--redirect-bright);
    color: var(--default-black);
}

.custom-popover-success .popover-header {
    background-color: var(--success-bright);
    color: var(--default-black);
}

.custom-popover-warning .popover-header {
    background-color: var(--warning-bright);
    color: var(--default-black);
}