@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,300,500,700");
@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;0,700;1,400&display=swap");

/* STYLING CLASSES */
.border-top { border-top: 1px solid #e5e5e5; }
.border-bottom { border-bottom: 1px solid #e5e5e5; }
.box-shadow { box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 30%); }
.capitalize { text-transform: capitalize !important;}
.bold {font-weight: bold !important;}
.normal {font-weight: normal !important;}
.italic {font-style: italic !important;}
.nowrap {white-space: nowrap !important;}
.inline-block {display: inline-block !important;}
.block {display: block !important;}
.inline {display: inline !important;}
.pull-right { float: right !important; }
.pull-left { float: left !important; }
.clear-both { clear: both !important; }
.min-height-500 { min-height: 500px !important; }
.min-width-200 { min-width: 200px !important; }
.max-width-150 { max-width: 150px !important; }
.restricted-width-350 { width: 400px !important; }
.restricted-width-350 { width: 350px !important; }
.restricted-width-250 { width: 250px !important; }
.restricted-width-150 { width: 150px !important; }
.restricted-width-100 { width: 100px !important; }
.width-100 { width: 100% !important; min-width: 200px !important; }
.width-60 { width: 60% !important; min-width: 200px !important; }
.width-50 { width: 50% !important; min-width: 200px !important; }
.width-40 { width: 40% !important; min-width: 200px !important; }
.width-30 { width: 30% !important; min-width: 200px !important; }
.width-10 { width: 10% !important; }
.width-15 { width: 15% !important; }
.width-20 { width: 20% !important; }
.right { text-align: right !important; }
.center { text-align: center !important; }
.left { text-align: left !important; }
.top { vertical-align: top !important; }
.middle { vertical-align: middle !important; }
.bottom { vertical-align: bottom !important; }
.padding-top-0 {padding-top: 0px !important; }
.padding-top-3 {padding-top: 3px !important; }
.padding-top-5 {padding-top: 5px !important; }
.padding-top-7 {padding-top: 7px !important; }
.padding-top-10 {padding-top: 10px !important; }
.padding-top-20 {padding-top: 20px !important; }
.padding-top-50 {padding-top: 50px !important; }
.padding-bottom-0 {padding-bottom: 0px !important; }
.padding-bottom-3 {padding-bottom: 3px !important; }
.padding-bottom-5 {padding-bottom: 5px !important; }
.padding-bottom-5 {padding-bottom: 7px !important; }
.padding-bottom-10 {padding-bottom: 10px !important; }
.padding-bottom-20 {padding-bottom: 20px !important; }
.padding-bottom-50 {padding-bottom: 50px !important; }
.padding-right-0 {padding-right: 0px !important; }
.padding-right-3 {padding-right: 3px !important; }
.padding-right-5 {padding-right: 5px !important; }
.padding-right-7 {padding-right: 7px !important; }
.padding-right-10 {padding-right: 10px !important; }
.padding-right-20 {padding-right: 20px !important; }
.padding-right-50 {padding-right: 50px !important; }
.padding-left-0 {padding-left: 0px !important; }
.padding-left-3 {padding-left: 3px !important; }
.padding-left-5 {padding-left: 5px !important; }
.padding-left-7 {padding-left: 7px !important; }
.padding-left-10 {padding-left: 10px !important; }
.padding-left-20 {padding-left: 20px !important; }
.padding-left-50 {padding-left: 50px !important; }
.margin-top-0 {margin-top: 0px !important; }
.margin-top-3 {margin-top: 3px !important; }
.margin-top-5 {margin-top: 5px !important; }
.margin-top-7 {margin-top: 7px !important; }
.margin-top-10 {margin-top: 10px !important; }
.margin-top-20 {margin-top: 20px !important; }
.margin-top-50 {margin-top: 50px !important; }
.margin-bottom-0 {margin-bottom: 0px !important; }
.margin-bottom-3 {margin-bottom: 3px !important; }
.margin-bottom-5 {margin-bottom: 5px !important; }
.margin-bottom-7 {margin-bottom: 7px !important; }
.margin-bottom-10 {margin-bottom: 10px !important; }
.margin-bottom-20 {margin-bottom: 20px !important; }
.margin-bottom-50 {margin-bottom: 50px !important; }
.margin-right-0 {margin-right: 0px !important; }
.margin-right-3 {margin-right: 3px !important; }
.margin-right-5 {margin-right: 5px !important; }
.margin-right-7 {margin-right: 7px !important; }
.margin-right-10 {margin-right: 10px !important; }
.margin-right-20 {margin-right: 20px !important; }
.margin-right-50 {margin-right: 50px !important; }
.margin-left-0 {margin-left: 0px !important; }
.margin-left-3 {margin-left: 3px !important; }
.margin-left-5 {margin-left: 5px !important; }
.margin-left-7 {margin-left: 7px !important; }
.margin-left-10 {margin-left: 10px !important; }
.margin-left-20 {margin-left: 20px !important; }
.margin-left-50 {margin-left: 50px !important; }
.margin-auto {margin-left: auto !important; margin-right: auto !important; }
.margin-left-auto {margin-left: auto !important;}
.margin-right-auto {margin-right: auto !important;}
.page-break-avoid { page-break-inside: avoid !important;}
.word-break { word-break: break-all !important; }
.hidden {display: none;}
.faded {opacity: 0.2 !important; transition: opacity, background-color 0.1s ease-in-out;}
.faded-o5 {opacity: 0.5 !important; transition: opacity, background-color 0.1s ease-in-out;}
.color-success {color: var(--bs-header-highlight-color) !important;}
.color-normal {color: var(--bs-font-neutralcolor-o100) !important;}
.color-highlight {color: var(--bs-header-highlight-color) !important;}
.preserve-linebreaks { white-space: pre-wrap !important; }
.text-overflow-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100%; display: inline-block; vertical-align: middle;}
.table-layout-fixed { table-layout: fixed !important; }
.flex-wrap-nowrap { flex-wrap: nowrap !important; }
.o20 {opacity: 0.2 !important;}
.o50 {opacity: 0.5 !important;}
.o80 {opacity: 0.8 !important;}
.height-100 {height: 100% !important;}
.border-none {border:none !important;}

/* HTML ELEMENTS */
* {
    opacity: 1;
}

body {
    font-size: 13px;
    font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    color: var(--bs-body-color);
    height: auto;
    background-color: var(--bs-body-bg);
}

a {
    color: var(--bs-anchor);
    text-decoration: none;
    transition: color linear 0.25s;
}

a:hover {
    color: var(--bs-anchor-hover);
    text-decoration: underline;
}

a.btn:hover {
    text-decoration: none;
}

hr {
    opacity: 1;
    background-color: var(--bs-page-neutralcolor-o10);
    margin: 15px 0px 15px 0px;
    clear: both;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 100;
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

h1 {
    font-size: 24px;
    font-weight: 100;
    margin-bottom: 12px;
    margin-top: 12px;
    color: var(--h1-color);
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 16px;
}

h4 {
    font-size: 14px;
    font-weight: 600;
    color: var(--h4-color);
    text-align: left;
}

h5 {
    font-size: 12px;
    font-weight: 600;
}

h6 {
    font-size: 10px;
}

h3,
h4,
h5 {
    margin-top: 5px;
    font-weight: 600;
}


option {
    font-size: 1.2em;
}

textarea {
    resize: none;
    min-height: 100px !important;
    padding: 5px;
    overflow: hidden;
    box-sizing: border-box;
}

input[type=checkbox]:disabled,
input[type=checkbox].disabled {
    appearance: none;
    padding-left: 0px;
}

input[type=checkbox]:disabled::before,
input[type=checkbox].disabled::before {
    content: '';
    height: 13px;
    width: 13px;
    display: inline-block;
    vertical-align: middle;
    background-image: url(/img/checkbox-unchecked.png);
}

input[type=checkbox]:disabled:checked::before,
input[type=checkbox].disabled:checked::before {
    background-image: url(/img/checkbox-checked.png);
}

.tox-promotion {
    display: none;
}

progress {
    vertical-align: middle;
}

video {
    width: 100%;
}

/* TABLES */
.table {
    position: relative;
    overflow: visible;
    color: var(--bs-body-color);
}

.table-striped > tbody > tr:nth-of-type(odd) {
    color: var(--bs-body-color);
}

thead,
tbody,
tfoot,
tr,
td,
th {
    border-color: var(--bs-page-neutralcolor-o15);
}

table.table-striped table.table-striped {
    background-color: var(--bs-page-neutralcolor-o3);
}

table.table {
    margin: 0px 0px 30px 0px;
}

table.table.table-data td {
    padding: 0px 5px;
}

.table td {
    vertical-align: middle !important;
}

.table th {
    position: relative;
}

table.table th:last-child,
table.table td:last-child {
    text-align: right;
}

table.table.table-data th:last-child,
table.table.table-data td:last-child {
    text-align: left;
}

.table > :not(:last-child) > :last-child > * {
    border-bottom-color: var(--bs-page-neutralcolor-o15);
}

.table-striped tbody tr:nth-of-type(odd) {
    --bs-table-striped-bg: var(--bs-page-neutralcolor-o3);
}

tfoot tr td {
    border-bottom-width: 0px !important;
}

.table-striped tbody tr:nth-of-type(odd).spacer-row,
.table-striped tbody tr:nth-of-type(odd).spacer-row td {
    --bs-table-striped-bg: transparent;
}

.table td.vertical-align-top {
    vertical-align: top !important;
}

/* TEXT BANNER STYLES */
.banner {
    background-color: var(--bs-success-rgba25);
    border: 1px solid var(--bs-success);
    padding: 2px 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    margin-top: 10px;
}

.banner .banner-message {
    color: var(--bs-success-hover);
    margin: 2px 0px;
}

.banner .message-insert {
    color: var(--bs-success);
    font-weight: bold;
}

.banner.success {
    background-color: var(--bs-info-rgba25);
    border: 1px solid var(--bs-info);
}

.banner.success .banner-message {
    color: var(--bs-info-hover);
}

.banner.success .message-insert {
    color: var(--bs-info);
}

.banner.error {
    background-color: var(--bs-danger-rgba25);
    border: 1px solid var(--bs-danger);
}

.banner.error .banner-message {
    color: var(--bs-danger-hover);
}

.banner.error .message-insert {
    color: var(--bs-danger);
}

.alert-danger {
    background-color: var(--bs-danger)
}

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

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

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

/* DETAILS PAGES */
h5.h4,
h5.list-h4 {
    font-size: 14px;
    font-weight: 600;
    color: var(--h4-color);
    text-align: left;
}

.list-h4 {
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
    margin-bottom: 0px;
    margin-top: 0px;
}

.list-h1 {
    display: inline-block;
    vertical-align: middle;
    margin-top: 0px;
}

.list-h1,
.list-h1 + .btn,
.list-h1 + .btn + .btn,
.list-h1 + .btn + .btn + .btn {
    margin-bottom: 10px;
    margin-right: 15px;
}

.list-h1 + .columns-icon + .btn,
.list-h1 + .columns-icon + .btn + .btn,
.list-h1 + .columns-icon + .btn + .btn + .btn {
    margin-bottom: 10px;
    margin-right: 15px;
}

.btn-smallgap {
    margin-right: 0px !important;
}

.list-h4 + .btn {
    margin-top: -5px;
    margin-bottom: -5px;
}

h1.type-title {
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    float: right;
    margin: 0;
    color: var(--bs-header-highlight-color);
}

div.no-child-padding.row > div:first-child,
div.xxxl-no-child-padding.row > div:first-child {
    padding-left: 0px;
}

div.no-child-padding.row > div:last-child,
div.xxxl-no-child-padding.row > div:last-child {
    padding-right: 0px;
}

dl.row {
    margin-left: 10px;
    margin-right: 10px;
}

dl.row dd,
dl.row dt {
    padding: 5px 5px 5px 0px;
    margin-bottom: 10px;
}

dl.row dt {
    padding-right: 15px;
    font-weight: normal;
}

dl.row dd {
    padding-left: 8px;
    background-color: var(--bs-page-neutralcolor-o5);
    border-radius: 1px;
}

div.row h4,
div.row .h4 {
    padding-left: 0px;
    font-weight: normal;
    margin-bottom: 15px;
    font-weight: 600;
    color: var(--bs-header-highlight-color);
    position: relative;
}

div.row a + h4,
div.row a + .h4 {
    margin-top: 15px;
}

.smart-lookup-container + script + script + h4,
.smart-lookup-container + script + script + .h4 {
    margin-top: 20px;
}

.footnote {
    font-size: 11px;
    line-height: 1.6em;
    display: block;
    margin-top: 4px;
}

.footnote.inline {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0px;
}

.footnote.hidden {
    display: none;
}

dl.row dd + h5 {
    margin-top: 20px;
}

.row.divider-top {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid var(--bs-page-neutralcolor-o5);
}

.row.divider-bottom {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--bs-page-neutralcolor-o5);
}

/* EDIT PAGES */
input[type=text],
input[type=number],
input[type*=date],
input[type=tel],
input[type=email],
input[type=url],
input[type=password],
select,
textarea {
    border-radius: var(--bs-border-radius-sm);
    font-size: 12px;
    background-color: var(--bs-page-inverse-neutralcolor-o50);
    border: 1px solid var(--bs-page-neutralcolor-o20);
    border-radius: var(--bs-border-radius-sm);
    color: var(--bs-page-neutralcolor-o75);
    padding: 2px 5px;
    color-scheme: var(--bs-input-colorscheme);
}

.form-group {
    margin-bottom: 10px;
}

    .form-group.form-submit {
        margin-bottom: 0px;
        text-align: center;
    }

input.form-control,
textarea.form-control,
select.form-control,
.ss-main.form-control,
div.ss-content.form-control,
div.ss-content .ss-search input,
textarea.wysiwyg-initialise + div {
    padding: var(--bs-formcontrol-padding);
    font-size: 12px;
    background-color: var(--bs-page-inverse-neutralcolor-o50);
    border: 1px solid var(--bs-page-neutralcolor-o20);
    border-radius: var(--bs-border-radius-sm);
    color: var(--bs-page-neutralcolor-o75);
}

input.form-control.text-large {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}

div.ss-content.form-control {
    background-color: var(--bs-page-inverse-neutralcolor-o100);
    border-radius: 0px 0px var(--bs-border-radius-sm) var(--bs-border-radius-sm);
}

textarea.wysiwyg-initialise + div {
    padding: 0px;
}

input.form-control:focus,
textarea.form-control:focus,
select.form-control:focus,
.single-line:focus {
    color: var(--bs-page-neutralcolor-o75);
    background-color: var(--bs-page-inverse-neutralcolor-o50);
    border-color: var(--bs-anchor);
    box-shadow: 0 0 3px 1px var(--bs-anchor);
}

select.form-control {
    appearance: auto;
    -webkit-appearance: auto;
    -moz-appearance: initial;
}

select option {
    color: var(--bs-page-neutralcolor-o75);
    background-color: var(--bs-page-inverse-neutralcolor-o75);
    font-size: 12px;
    border-radius: 50px;
}

input.form-control:disabled,
input.form-control[readonly],
textarea.form-control:disabled,
textarea.form-control[readonly],
select.form-control:disabled,
select.form-control[readonly],
select:disabled,
select[readonly] {
    background-color: var(--bs-page-neutralcolor-o10);
}

.control-label {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
}

.form-group .email-validation-error,
.form-group .input-validation-error,
.form-group .validation-error,
.validation-error {
    border-color: var(--bs-danger-hover) !important;
    box-shadow: 0 0 0 0.25rem var(--bs-danger-rgba25) !important;
}

.form-description {
    display: block;
    font-style: italic;
    color: var(--bs-header-highlight-color);
}

select.form-control:not([size]):not([multiple]) {
    height: auto;
}

.validated:focus,
.validated {
    border: 1px solid #00a100;
    background-color: rgba(0,144,0,0.1);
}

#validationMessage,
.validation-message {
    color: var(--bs-danger);
}

.validation-message span {
    display: inline-block;
}

button.transparent {
    background-color: transparent;
    border: none;
    padding: 0px;
    margin: 0px;
    color: var(--bs-anchor);
}

.form-group + h4 {
    margin-top: 20px;
}

input.form-control::placeholder {
    color: var(--bs-page-neutralcolor-o10);
    opacity: 1;
}

input[type=checkbox]:hover,
input[type=radio]:hover {
    cursor: pointer;
}

/* TABS */
.tab-container {
    background-color: var(--bs-page-neutralcolor-o5);
    padding: 15px;
    border: 1px solid var(--bs-page-neutralcolor-o10);
    margin-bottom: 20px;
    border-radius: var(--bs-border-radius-md);
    overflow-x: auto;
    overflow-y: visible;
    clear: both;
}

.tab-container.no-ui {
    border: none;
    border-radius: 0px;
    padding: 0px;
}

.tab-container.no-ui hr {
    margin: 0px;
}

.tab-container.allow-overflow {
    overflow-x: visible;
}

.tab-container .tab-container {
    background-color: transparent;
}

.tab-container hr {
    margin: 15px -15px 15px -15px;
}

.tab-container .row {
    margin-left: 0px;
    margin-right: 0px;
}

form .tab-container {
    background-color: var(--bs-page-neutralcolor-o10);
}

.tab-buttons {
    padding-left: 20px;
}

.tab-buttons h4 {
    display: inline-block;
    padding: 15px 20px;
    margin-right: 5px;
    margin-bottom: 0px;
    border: 1px solid var(--bs-page-neutralcolor-o10);
    border-bottom-width: 0px;
    background-color: transparent;
    cursor: pointer;
    transition-duration: 0.15s;
    transition-property: background-color;
    border-radius: var(--bs-border-radius-sm) var(--bs-border-radius-sm) 0px 0px
}

.tab-buttons h4.active {
    background-color: var(--bs-page-neutralcolor-o5);
}

.tab-buttons h4:not(.active):hover {
    background-color: var(--bs-page-neutralcolor-o3);
}

.tabs-container .tab-container {
    border-top-width: 0px;
    display: none;
}

.tabs-container .tab-container h4.list-h4 {
    display: none;
}

.inner-tab-container {
    background-color: var(--bs-page-neutralcolor-o5);
    border-radius: var(--bs-border-radius-md);
    border: 1px solid var(--bs-page-neutralcolor-o10);
    padding: 15px;
    margin-bottom: 20px;
}

.tab-container .inner-tab-container {
    background-color: var(--bs-page-inverse-neutralcolor-o50);
    border: 1px solid var(--bs-page-neutralcolor-o15);
}

/* BUTTONS */
/* btn */
.btn {
    vertical-align: middle;
    border-radius: var(--bs-border-radius-md);
    font-size: inherit;
    margin-bottom: 1px;
    margin-top: 1px;
}

.btn.disabled,
.btn.disabled:hover {
    cursor: default;
}

.btn:disabled,
.btn.disabled {
    opacity: 0.3;
}

/* btn-sm */
.btn-sm {
    font-size: 10px;
}

/* btn-default */
.btn-default {
    color: #333;
    background: white;
    border: 1px solid #e7eaec;
}

/* btn-outline */
.btn-outline {
    color: var(--bs-page-neutralcolor-o75);
    background-color: var(--bs-page-inverse-neutralcolor-o3);
    border: 1px solid var(--bs-page-neutralcolor-o75);
}

.btn-outline:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary:focus {
    color: var(--bs-page-neutralcolor-o75);
    background-color: var(--bs-page-neutralcolor-o10);
}

/* btn-primary */
.btn-primary {
    color: #fff;
    background-color: var(--bs-primary);
    border-color: var(--bs-page-neutralcolor-o50);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary:focus {
    background-color: var(--bs-primary-hover);
}

.btn-primary:focus {
    box-shadow: 0 0 0 0.25rem var(--bs-primary-rgba25) !important;
}

.btn-primary:disabled,
.btn-primary.disabled {
    background-color: var(--bs-primary-rgba25);
    border-color: var(--bs-primary-rgba25);
}

/* btn-outline-primary */
.btn-outline-primary {
    color: var(--bs-page-neutralcolor-o75);
    background-color: var(--bs-page-inverse-neutralcolor-o50);
    border-color: var(--bs-primary);
}

.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary:focus {
    color: #fff;
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.btn-outline-primary:focus {
    box-shadow: 0 0 0 0.25rem var(--bs-primary-rgba25) !important;
}

.btn-outline-primary:disabled,
.btn-outline-primary.disabled {
    color: var(--bs-primary-rgba25);
    border-color: var(--bs-primary-rgba25);
}

/* btn-info */
.btn-info {
    color: #fff;
    background-color: var(--bs-info);
    border-color: var(--bs-info);
}

.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info:focus {
    background-color: var(--bs-info-hover);
    border-color: var(--bs-info-hover);
}

.btn-info:focus {
    box-shadow: 0 0 0 0.25rem var(--bs-info-rgba25) !important;
}

.btn-info:disabled,
.btn-info.disabled {
    background-color: var(--bs-info-rgba25);
    border-color: var(--bs-info-rgba25);
}

/* btn-outline-info */
.btn-outline-info {
    color: var(--bs-info);
    background-color: var(--bs-page-inverse-neutralcolor-o50);
    border-color: var(--bs-info);
}

.btn-outline-info:hover,
.btn-outline-info:active,
.btn-outline-info.active,
.btn-outline-info:focus {
    color: #fff;
    background-color: var(--bs-info);
    border-color: var(--bs-info);
}

.btn-outline-info:focus {
    box-shadow: 0 0 0 0.25rem var(--bs-info-rgba25) !important;
}

.btn-outline-info:disabled,
.btn-outline-info.disabled {
    color: var(--bs-info-rgba25);
        border-color: var(--bs-info-rgba25);
    }

/* btn-success */
.btn-success {
    color: #fff;
    background-color: var(--bs-success);
    border-color: var(--bs-success);
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success:focus {
    background-color: var(--bs-success-hover);
    border-color: var(--bs-success-hover);
}

.btn-success:focus {
    box-shadow: 0 0 0 0.25rem var(--bs-success-rgba25) !important;
}

.btn-success:disabled,
.btn-success.disabled {
    background-color: var(--bs-success-rgba25);
    border-color: var(--bs-success-rgba25);
}

/* btn-outline-success */
.btn-outline-success {
    color: var(--bs-success);
    background-color: var(--bs-page-inverse-neutralcolor-o50);
    border-color: var(--bs-success);
}

.btn-outline-success:hover,
.btn-outline-success:active,
.btn-outline-success.active,
.btn-outline-success:focus {
    color: #fff;
    background-color: var(--bs-success);
    border-color: var(--bs-success);
}

.btn-outline-success:focus {
    box-shadow: 0 0 0 0.25rem var(--bs-success-rgba25) !important;
}

.btn-outline-success:disabled,
.btn-outline-success.disabled {
    color: var(--bs-success-rgba25);
    border-color: var(--bs-success-rgba25);
}

/* btn-danger */
.btn-danger {
    color: #fff;
    background-color: var(--bs-danger);
    border-color: var(--bs-danger);
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger:focus {
    background-color: var(--bs-danger-hover);
    border-color: var(--bs-danger-hover);
}

.btn-danger:focus {
    box-shadow: 0 0 0 0.25rem var(--bs-danger-rgba25) !important;
}

.btn-danger:disabled,
.btn-danger.disabled {
    background-color: var(--bs-danger-rgba25);
    border-color: var(--bs-danger-rgba25);
}

/* btn-outline-danger */
.btn-outline-danger {
    color: var(--bs-danger);
    background-color: var(--bs-page-inverse-neutralcolor-o50);
    border-color: var(--bs-danger);
}

.btn-outline-danger:hover,
.btn-outline-danger:active,
.btn-outline-danger.active,
.btn-outline-danger:focus {
    color: #fff;
    background-color: var(--bs-danger);
    border-color: var(--bs-danger);
}

.btn-outline-danger:focus {
    box-shadow: 0 0 0 0.25rem var(--bs-danger-rgba25) !important;
}

.btn-outline-danger:disabled,
.btn-outline-danger.disabled {
    color: var(--bs-danger-rgba25);
    border-color: var(--bs-danger-rgba25);
}