.mtbtn {
    --mdb-mtbtn-padding-x: 1.5rem;
    --mdb-mtbtn-padding-y: 0.375rem;
    --mdb-mtbtn-font-size: 0.75rem;
    --mdb-mtbtn-font-weight: 500;
    --mdb-mtbtn-line-height: 1.5;
    --mdb-mtbtn-color: #4f4f4f;
    --mdb-mtbtn-bg: transparent;
    --mdb-mtbtn-border-width: 2px;
    --mdb-mtbtn-border-color: transparent;
    --mdb-mtbtn-hover-border-color: transparent;
    --mdb-mtbtn-disabled-opacity: 0.65;
    --mdb-mtbtn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--mdb-mtbtn-focus-shadow-rgb), 0.5);
    display: inline-block;
    padding: var(--mdb-mtbtn-padding-y) var(--mdb-mtbtn-padding-x);
    font-family: var(--mdb-mtbtn-font-family);
    font-size: var(--mdb-mtbtn-font-size);
    font-weight: var(--mdb-mtbtn-font-weight);
    line-height: var(--mdb-mtbtn-line-height);
    color: var(--mdb-mtbtn-color);
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: var(--mdb-mtbtn-border-width) solid var(--mdb-mtbtn-border-color);
    background-color: var(--mdb-mtbtn-bg);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .mtbtn {
        transition: none
    }
}

.mtbtn:hover {
    color: var(--mdb-mtbtn-hover-color);
    background-color: var(--mdb-mtbtn-hover-bg);
    border-color: var(--mdb-mtbtn-hover-border-color)
}

.mtbtn-check+.mtbtn:hover {
    color: var(--mdb-mtbtn-color);
    background-color: var(--mdb-mtbtn-bg);
    border-color: var(--mdb-mtbtn-border-color)
}

.mtbtn:focus-visible {
    color: var(--mdb-mtbtn-hover-color);
    background-color: var(--mdb-mtbtn-hover-bg)
}

.mtbtn-check:focus-visible+.mtbtn,
.mtbtn:focus-visible {
    border-color: var(--mdb-mtbtn-hover-border-color);
    outline: 0;
    box-shadow: var(--mdb-mtbtn-box-shadow), var(--mdb-mtbtn-focus-box-shadow)
}

.mtbtn-check:checked+.mtbtn,
.mtbtn.active,
.mtbtn.show,
.mtbtn:first-child:active,
:not(.mtbtn-check)+.mtbtn:active {
    color: var(--mdb-mtbtn-active-color);
    background-color: var(--mdb-mtbtn-active-bg);
    border-color: var(--mdb-mtbtn-active-border-color);
    box-shadow: var(--mdb-mtbtn-active-shadow)
}

.mtbtn-check:checked+.mtbtn:focus-visible,
.mtbtn.active:focus-visible,
.mtbtn.show:focus-visible,
.mtbtn:first-child:active:focus-visible,
:not(.mtbtn-check)+.mtbtn:active:focus-visible {
    box-shadow: var(--mdb-mtbtn-active-shadow), var(--mdb-mtbtn-focus-box-shadow)
}

.mtbtn.disabled,
.mtbtn:disabled,
fieldset:disabled .mtbtn {
    color: var(--mdb-mtbtn-disabled-color);
    pointer-events: none;
    background-color: var(--mdb-mtbtn-disabled-bg);
    border-color: var(--mdb-mtbtn-disabled-border-color);
    opacity: var(--mdb-mtbtn-disabled-opacity);
    box-shadow: none
}

.mtbtn-primary {
    --mdb-mtbtn-border-color: #3b71ca;
    --mdb-mtbtn-hover-border-color: #2f5aa2;
    --mdb-mtbtn-focus-shadow-rgb: 88, 134, 210;
    --mdb-mtbtn-active-border-color: #2c5598;
    --mdb-mtbtn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1);
    --mdb-mtbtn-disabled-color: #fff;
    --mdb-mtbtn-disabled-bg: #3b71ca;
    --mdb-mtbtn-disabled-border-color: #3b71ca
}

.mtbtn-secondary {
    --mdb-mtbtn-color: #000;
    --mdb-mtbtn-bg: #9fa6b2;
    --mdb-mtbtn-border-color: #9fa6b2;
    --mdb-mtbtn-hover-color: #000;
    --mdb-mtbtn-hover-bg: #adb3be;
    --mdb-mtbtn-hover-border-color: #a9afba;
    --mdb-mtbtn-focus-shadow-rgb: 135, 141, 151;
    --mdb-mtbtn-active-color: #000;
    --mdb-mtbtn-active-bg: #b2b8c1;
    --mdb-mtbtn-active-border-color: #a9afba;
    --mdb-mtbtn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1);
    --mdb-mtbtn-disabled-color: #000;
    --mdb-mtbtn-disabled-bg: #9fa6b2;
    --mdb-mtbtn-disabled-border-color: #9fa6b2
}

.mtbtn-success {
    --mdb-mtbtn-color: #000;
    --mdb-mtbtn-border-color: #14a44d;
    --mdb-mtbtn-hover-color: #000;
    --mdb-mtbtn-hover-bg: #37b268;
    --mdb-mtbtn-hover-border-color: #2cad5f;
    --mdb-mtbtn-focus-shadow-rgb: 17, 139, 65;
    --mdb-mtbtn-active-color: #000;
    --mdb-mtbtn-active-bg: #43b671;
    --mdb-mtbtn-active-border-color: #2cad5f;
    --mdb-mtbtn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1);
    --mdb-mtbtn-disabled-color: #000;
    --mdb-mtbtn-disabled-bg: #14a44d;
    --mdb-mtbtn-disabled-border-color: #14a44d
}

.mtbtn-danger {
    --mdb-mtbtn-color: #000;
    --mdb-mtbtn-border-color: #dc4c64;
    --mdb-mtbtn-hover-color: #000;
    --mdb-mtbtn-hover-bg: #e1677b;
    --mdb-mtbtn-hover-border-color: #e05e74;
    --mdb-mtbtn-focus-shadow-rgb: 187, 65, 85;
    --mdb-mtbtn-active-color: #000;
    --mdb-mtbtn-active-bg: #e37083;
    --mdb-mtbtn-active-border-color: #e05e74;
    --mdb-mtbtn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1);
    --mdb-mtbtn-disabled-color: #000;
    --mdb-mtbtn-disabled-bg: #dc4c64;
    --mdb-mtbtn-disabled-border-color: #dc4c64
}

.mtbtn-warning {
    --mdb-mtbtn-color: #000;
    --mdb-mtbtn-border-color: #e4a11b;
    --mdb-mtbtn-hover-color: #000;
    --mdb-mtbtn-hover-bg: #e8af3d;
    --mdb-mtbtn-hover-border-color: #e7aa32;
    --mdb-mtbtn-focus-shadow-rgb: 194, 137, 23;
    --mdb-mtbtn-active-color: #000;
    --mdb-mtbtn-active-bg: #e9b449;
    --mdb-mtbtn-active-border-color: #e7aa32;
    --mdb-mtbtn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1);
    --mdb-mtbtn-disabled-color: #000;
    --mdb-mtbtn-disabled-bg: #e4a11b;
    --mdb-mtbtn-disabled-border-color: #e4a11b
}

.mtbtn-info {
    --mdb-mtbtn-color: #000;
    --mdb-mtbtn-border-color: #54b4d3;
    --mdb-mtbtn-hover-color: #000;
    --mdb-mtbtn-hover-bg: #6ebfda;
    --mdb-mtbtn-hover-border-color: #65bcd7;
    --mdb-mtbtn-focus-shadow-rgb: 71, 153, 179;
    --mdb-mtbtn-active-color: #000;
    --mdb-mtbtn-active-bg: #76c3dc;
    --mdb-mtbtn-active-border-color: #65bcd7;
    --mdb-mtbtn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1);
    --mdb-mtbtn-disabled-color: #000;
    --mdb-mtbtn-disabled-bg: #54b4d3;
    --mdb-mtbtn-disabled-border-color: #54b4d3
}

.mtbtn-light {
    --mdb-mtbtn-color: #000;
    --mdb-mtbtn-border-color: #fbfbfb;
    --mdb-mtbtn-hover-color: #000;
    --mdb-mtbtn-hover-border-color: #c9c9c9;
    --mdb-mtbtn-focus-shadow-rgb: 213, 213, 213;
    --mdb-mtbtn-active-color: #000;
    --mdb-mtbtn-active-border-color: #bcbcbc;
    --mdb-mtbtn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1);
    --mdb-mtbtn-disabled-color: #000;
    --mdb-mtbtn-disabled-bg: #fbfbfb;
    --mdb-mtbtn-disabled-border-color: #fbfbfb
}

.mtbtn-dark {
    --mdb-mtbtn-border-color: #332d2d;
    --mdb-mtbtn-hover-bg: #524d4d;
    --mdb-mtbtn-hover-border-color: #474242;
    --mdb-mtbtn-focus-shadow-rgb: 82, 77, 77;
    --mdb-mtbtn-active-bg: #5c5757;
    --mdb-mtbtn-active-border-color: #474242;
    --mdb-mtbtn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1);
    --mdb-mtbtn-disabled-color: #fff;
    --mdb-mtbtn-disabled-bg: #332d2d;
    --mdb-mtbtn-disabled-border-color: #332d2d
}

.mtbtn-outline-primary {
    --mdb-mtbtn-hover-color: #fff;
    --mdb-mtbtn-hover-bg: #3b71ca;
    --mdb-mtbtn-hover-border-color: #3b71ca;
    --mdb-mtbtn-focus-shadow-rgb: 59, 113, 202;
    --mdb-mtbtn-active-color: #fff;
    --mdb-mtbtn-active-bg: #3b71ca;
    --mdb-mtbtn-active-border-color: #3b71ca;
    --mdb-mtbtn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1);
    --mdb-mtbtn-disabled-color: #3b71ca;
    --mdb-mtbtn-disabled-bg: transparent;
    --mdb-mtbtn-disabled-border-color: #3b71ca;
    --mdb-gradient: none
}

.mtbtn-outline-secondary {
    --mdb-mtbtn-color: #9fa6b2;
    --mdb-mtbtn-border-color: #9fa6b2;
    --mdb-mtbtn-hover-color: #000;
    --mdb-mtbtn-hover-bg: #9fa6b2;
    --mdb-mtbtn-hover-border-color: #9fa6b2;
    --mdb-mtbtn-focus-shadow-rgb: 159, 166, 178;
    --mdb-mtbtn-active-color: #000;
    --mdb-mtbtn-active-bg: #9fa6b2;
    --mdb-mtbtn-active-border-color: #9fa6b2;
    --mdb-mtbtn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1);
    --mdb-mtbtn-disabled-color: #9fa6b2;
    --mdb-mtbtn-disabled-bg: transparent;
    --mdb-mtbtn-disabled-border-color: #9fa6b2;
    --mdb-gradient: none
}

.mtbtn-outline-success {
    --mdb-mtbtn-hover-color: #000;
    --mdb-mtbtn-hover-bg: #14a44d;
    --mdb-mtbtn-hover-border-color: #14a44d;
    --mdb-mtbtn-focus-shadow-rgb: 20, 164, 77;
    --mdb-mtbtn-active-color: #000;
    --mdb-mtbtn-active-bg: #14a44d;
    --mdb-mtbtn-active-border-color: #14a44d;
    --mdb-mtbtn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1);
    --mdb-mtbtn-disabled-color: #14a44d;
    --mdb-mtbtn-disabled-bg: transparent;
    --mdb-mtbtn-disabled-border-color: #14a44d;
    --mdb-gradient: none
}

.mtbtn-outline-danger {
    --mdb-mtbtn-hover-color: #000;
    --mdb-mtbtn-hover-bg: #dc4c64;
    --mdb-mtbtn-hover-border-color: #dc4c64;
    --mdb-mtbtn-focus-shadow-rgb: 220, 76, 100;
    --mdb-mtbtn-active-color: #000;
    --mdb-mtbtn-active-bg: #dc4c64;
    --mdb-mtbtn-active-border-color: #dc4c64;
    --mdb-mtbtn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1);
    --mdb-mtbtn-disabled-color: #dc4c64;
    --mdb-mtbtn-disabled-bg: transparent;
    --mdb-mtbtn-disabled-border-color: #dc4c64;
    --mdb-gradient: none
}

.mtbtn-outline-warning {
    --mdb-mtbtn-hover-color: #000;
    --mdb-mtbtn-hover-bg: #e4a11b;
    --mdb-mtbtn-hover-border-color: #e4a11b;
    --mdb-mtbtn-focus-shadow-rgb: 228, 161, 27;
    --mdb-mtbtn-active-color: #000;
    --mdb-mtbtn-active-bg: #e4a11b;
    --mdb-mtbtn-active-border-color: #e4a11b;
    --mdb-mtbtn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1);
    --mdb-mtbtn-disabled-color: #e4a11b;
    --mdb-mtbtn-disabled-bg: transparent;
    --mdb-mtbtn-disabled-border-color: #e4a11b;
    --mdb-gradient: none
}

.mtbtn-outline-info {
    --mdb-mtbtn-hover-color: #000;
    --mdb-mtbtn-hover-bg: #54b4d3;
    --mdb-mtbtn-hover-border-color: #54b4d3;
    --mdb-mtbtn-focus-shadow-rgb: 84, 180, 211;
    --mdb-mtbtn-active-color: #000;
    --mdb-mtbtn-active-bg: #54b4d3;
    --mdb-mtbtn-active-border-color: #54b4d3;
    --mdb-mtbtn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1);
    --mdb-mtbtn-disabled-color: #54b4d3;
    --mdb-mtbtn-disabled-bg: transparent;
    --mdb-mtbtn-disabled-border-color: #54b4d3;
    --mdb-gradient: none
}

.mtbtn-outline-light {
    --mdb-mtbtn-hover-color: #000;
    --mdb-mtbtn-hover-bg: #fbfbfb;
    --mdb-mtbtn-hover-border-color: #fbfbfb;
    --mdb-mtbtn-focus-shadow-rgb: 251, 251, 251;
    --mdb-mtbtn-active-color: #000;
    --mdb-mtbtn-active-bg: #fbfbfb;
    --mdb-mtbtn-active-border-color: #fbfbfb;
    --mdb-mtbtn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1);
    --mdb-mtbtn-disabled-color: #fbfbfb;
    --mdb-mtbtn-disabled-bg: transparent;
    --mdb-mtbtn-disabled-border-color: #fbfbfb;
    --mdb-gradient: none
}

.mtbtn-outline-dark {
    --mdb-mtbtn-hover-color: #fff;
    --mdb-mtbtn-hover-bg: #332d2d;
    --mdb-mtbtn-hover-border-color: #332d2d;
    --mdb-mtbtn-focus-shadow-rgb: 51, 45, 45;
    --mdb-mtbtn-active-color: #fff;
    --mdb-mtbtn-active-bg: #332d2d;
    --mdb-mtbtn-active-border-color: #332d2d;
    --mdb-mtbtn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1);
    --mdb-mtbtn-disabled-color: #332d2d;
    --mdb-mtbtn-disabled-bg: transparent;
    --mdb-mtbtn-disabled-border-color: #332d2d;
    --mdb-gradient: none
}

.mtbtn-link {
    --mdb-mtbtn-font-weight: 400;
    --mdb-mtbtn-bg: transparent;
    --mdb-mtbtn-border-color: transparent;
    --mdb-mtbtn-hover-border-color: transparent;
    --mdb-mtbtn-active-color: #386bc0;
    --mdb-mtbtn-active-border-color: transparent;
    --mdb-mtbtn-disabled-border-color: transparent;
    --mdb-mtbtn-focus-shadow-rgb: 88, 134, 210
}

.mtbtn-link:focus-visible,
.mtbtn-link:hover {
    text-decoration: none
}

.mtbtn-link:focus-visible {
    color: var(--mdb-mtbtn-color)
}

.mtbtn-link:hover {
    color: var(--mdb-mtbtn-hover-color)
}

.mtbtn-group-lg>.mtbtn,
.mtbtn-lg {
    --mdb-mtbtn-padding-y: 0.5rem;
    --mdb-mtbtn-border-radius: 0.5rem
}

.mtbtn-group-sm>.mtbtn,
.mtbtn-sm {
    --mdb-mtbtn-padding-y: 0.25rem;
    --mdb-mtbtn-border-radius: 0.25rem
}

.mtbtn-group,
.mtbtn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.mtbtn-group-vertical>.mtbtn,
.mtbtn-group>.mtbtn {
    position: relative;
    flex: 1 1 auto
}

.mtbtn-group-vertical>.mtbtn-check:checked+.mtbtn,
.mtbtn-group-vertical>.mtbtn-check:focus+.mtbtn,
.mtbtn-group-vertical>.mtbtn.active,
.mtbtn-group-vertical>.mtbtn:active,
.mtbtn-group-vertical>.mtbtn:focus,
.mtbtn-group-vertical>.mtbtn:hover,
.mtbtn-group>.mtbtn-check:checked+.mtbtn,
.mtbtn-group>.mtbtn-check:focus+.mtbtn,
.mtbtn-group>.mtbtn.active,
.mtbtn-group>.mtbtn:active,
.mtbtn-group>.mtbtn:focus,
.mtbtn-group>.mtbtn:hover {
    z-index: 1
}

.mtbtn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.mtbtn-toolbar .input-group {
    width: auto
}

.mtbtn-group {
    border-radius: .25rem
}

.mtbtn-group>.mtbtn-group:not(:first-child),
.mtbtn-group>:not(.mtbtn-check:first-child)+.mtbtn {
    margin-left: -2px
}

.mtbtn-group>.mtbtn-group:not(:last-child)>.mtbtn,
.mtbtn-group>.mtbtn.dropdown-toggle-split:first-child,
.mtbtn-group>.mtbtn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.mtbtn-group>.mtbtn-group:not(:first-child)>.mtbtn,
.mtbtn-group>.mtbtn:nth-child(n+3),
.mtbtn-group>:not(.mtbtn-check)+.mtbtn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: 1.125rem;
    padding-left: 1.125rem
}

.dropdown-toggle-split:after,
.dropend .dropdown-toggle-split:after,
.dropup .dropdown-toggle-split:after {
    margin-left: 0
}

.dropstart .dropdown-toggle-split:before {
    margin-right: 0
}

.mtbtn-group-sm>.mtbtn+.dropdown-toggle-split,
.mtbtn-sm+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.mtbtn-group-lg>.mtbtn+.dropdown-toggle-split,
.mtbtn-lg+.dropdown-toggle-split {
    padding-right: 1.265625rem;
    padding-left: 1.265625rem
}

.mtbtn-group.show .dropdown-toggle {
    box-shadow: 0 8px 9px -4px rgba(0, 0, 0, .15), 0 4px 18px 0 rgba(0, 0, 0, .1)
}

.mtbtn-group.show .dropdown-toggle.mtbtn-link {
    box-shadow: none
}

.mtbtn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.mtbtn-group-vertical>.mtbtn,
.mtbtn-group-vertical>.mtbtn-group {
    width: 100%
}

.mtbtn-group-vertical>.mtbtn-group:not(:first-child),
.mtbtn-group-vertical>.mtbtn:not(:first-child) {
    margin-top: -2px
}

.mtbtn-group-vertical>.mtbtn-group:not(:last-child)>.mtbtn,
.mtbtn-group-vertical>.mtbtn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.mtbtn-group-vertical>.mtbtn-group:not(:first-child)>.mtbtn,
.mtbtn-group-vertical>.mtbtn~.mtbtn {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.mtbtn {
    --mdb-mtbtn-padding-top: 0.625rem;
    --mdb-mtbtn-padding-bottom: 0.5rem;
    --mdb-mtbtn-border-width: 0;
    --mdb-mtbtn-border-color: none;
    --mdb-mtbtn-border-radius: 0.25rem;
    --mdb-mtbtn-box-shadow: 0 4px 9px -4px rgba(0, 0, 0, 0.35);
    --mdb-mtbtn-hover-box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1);
    --mdb-mtbtn-focus-box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1);
    --mdb-mtbtn-active-box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1);
    padding-top: var(--mdb-mtbtn-padding-top);
    padding-bottom: var(--mdb-mtbtn-padding-bottom);
    text-transform: uppercase;
    vertical-align: bottom;
    border: 0;
    border-radius: var(--mdb-mtbtn-border-radius);
    box-shadow: var(--mdb-mtbtn-box-shadow)
}

.mtbtn:first-child:hover,
.mtbtn:focus-visible,
.mtbtn:hover,
:not(.mtbtn-check)+.mtbtn:hover {
    box-shadow: var(--mdb-mtbtn-hover-box-shadow)
}

.mtbtn-check:focus+.mtbtn,
.mtbtn-check:focus-visible+.mtbtn,
.mtbtn:focus {
    box-shadow: var(--mdb-mtbtn-focus-box-shadow)
}

.mtbtn-check:active+.mtbtn,
.mtbtn-check:checked+.mtbtn,
.mtbtn.active,
.mtbtn.show,
.mtbtn:active {
    box-shadow: var(--mdb-mtbtn-active-box-shadow)
}

.mtbtn-check:active+.mtbtn:focus,
.mtbtn-check:checked+.mtbtn:focus,
.mtbtn.active:focus,
.mtbtn.show:focus,
.mtbtn:active:focus {
    box-shadow: var(--mdb-mtbtn-focus-box-shadow)
}

.mtbtn.disabled,
.mtbtn:disabled,
fieldset:disabled .mtbtn {
    box-shadow: var(--mdb-mtbtn-box-shadow)
}

[class*=mtbtn-outline-] {
    --mdb-mtbtn-padding-top: 0.5rem;
    --mdb-mtbtn-padding-bottom: 0.375rem;
    --mdb-mtbtn-padding-x: 1.375rem;
    --mdb-mtbtn-border-width: 2px;
    --mdb-mtbtn-line-height: 1.5;
    padding: var(--mdb-mtbtn-padding-top) var(--mdb-mtbtn-padding-x) var(--mdb-mtbtn-padding-bottom);
    border-width: var(--mdb-mtbtn-border-width);
    border-style: solid;
    box-shadow: none
}

.mtbtn-check:active+[class*=mtbtn-outline-],
.mtbtn-check:active+[class*=mtbtn-outline-]:focus,
.mtbtn-check:checked+[class*=mtbtn-outline-],
.mtbtn-check:checked+[class*=mtbtn-outline-]:focus,
.mtbtn-check:focus+[class*=mtbtn-outline-],
.mtbtn-check:focus-visible+[class*=mtbtn-outline-],
:not(.mtbtn-check)+[class*=mtbtn-outline-]:hover,
[class*=mtbtn-outline-].active,
[class*=mtbtn-outline-].active:focus,
[class*=mtbtn-outline-].disabled,
[class*=mtbtn-outline-].show,
[class*=mtbtn-outline-].show:focus,
[class*=mtbtn-outline-]:active,
[class*=mtbtn-outline-]:active:focus,
[class*=mtbtn-outline-]:disabled,
[class*=mtbtn-outline-]:first-child:hover,
[class*=mtbtn-outline-]:focus,
[class*=mtbtn-outline-]:focus-visible,
[class*=mtbtn-outline-]:hover,
fieldset:disabled [class*=mtbtn-outline-] {
    box-shadow: none
}

.mtbtn-group-lg>[class*=mtbtn-outline-].mtbtn,
[class*=mtbtn-outline-].mtbtn-lg {
    --mdb-mtbtn-padding-top: 0.625rem;
    --mdb-mtbtn-padding-bottom: 0.5625rem;
    --mdb-mtbtn-padding-x: 1.5625rem;
    --mdb-mtbtn-font-size: 0.875rem;
    --mdb-mtbtn-line-height: 1.6
}

.mtbtn-group-sm>[class*=mtbtn-outline-].mtbtn,
[class*=mtbtn-outline-].mtbtn-sm {
    --mdb-mtbtn-padding-top: 0.25rem;
    --mdb-mtbtn-padding-bottom: 0.1875rem;
    --mdb-mtbtn-padding-x: 0.875rem;
    --mdb-mtbtn-font-size: 0.75rem;
    --mdb-mtbtn-line-height: 1.5
}

.mtbtn-secondary {
    box-shadow: none
}

.mtbtn-secondary:first-child:hover,
.mtbtn-secondary:focus-visible,
.mtbtn-secondary:hover,
:not(.mtbtn-check)+.mtbtn-secondary:hover {
    box-shadow: none !important
}

.mtbtn-check:active+.mtbtn-secondary,
.mtbtn-check:active+.mtbtn-secondary:focus,
.mtbtn-check:checked+.mtbtn-secondary,
.mtbtn-check:checked+.mtbtn-secondary:focus,
.mtbtn-check:focus+.mtbtn-secondary,
.mtbtn-check:focus-visible+.mtbtn-secondary,
.mtbtn-secondary.active,
.mtbtn-secondary.active:focus,
.mtbtn-secondary.disabled,
.mtbtn-secondary.show,
.mtbtn-secondary.show:focus,
.mtbtn-secondary:active,
.mtbtn-secondary:active:focus,
.mtbtn-secondary:disabled,
.mtbtn-secondary:focus,
fieldset:disabled .mtbtn-secondary {
    box-shadow: none
}

.mtbtn-primary {
    --mdb-mtbtn-bg: #3b71ca;
    --mdb-mtbtn-color: #fff;
    --mdb-mtbtn-box-shadow: 0 4px 9px -4px #3b71ca;
    --mdb-mtbtn-hover-bg: #386bc0;
    --mdb-mtbtn-hover-color: #fff;
    --mdb-mtbtn-focus-bg: #386bc0;
    --mdb-mtbtn-focus-color: #fff;
    --mdb-mtbtn-active-bg: #3566b6;
    --mdb-mtbtn-active-color: #fff;
    --mdb-mtbtn-box-shadow-state: 0 8px 9px -4px rgba(59, 113, 202, 0.3), 0 4px 18px 0 rgba(59, 113, 202, 0.2)
}

.mtbtn-primary:first-child:hover,
.mtbtn-primary:focus-visible,
.mtbtn-primary:hover,
:not(.mtbtn-check)+.mtbtn-primary:hover {
    box-shadow: var(--mdb-mtbtn-box-shadow-state)
}

.mtbtn-check:focus+.mtbtn-primary,
.mtbtn-check:focus-visible+.mtbtn-primary,
.mtbtn-primary:focus {
    box-shadow: var(--mdb-mtbtn-box-shadow-state);
    background-color: var(--mdb-mtbtn-focus-bg)
}

.mtbtn-check:active+.mtbtn-primary,
.mtbtn-check:active+.mtbtn-primary:focus,
.mtbtn-check:checked+.mtbtn-primary,
.mtbtn-check:checked+.mtbtn-primary:focus,
.mtbtn-primary.active,
.mtbtn-primary.active:focus,
.mtbtn-primary.show,
.mtbtn-primary.show:focus,
.mtbtn-primary:active,
.mtbtn-primary:active:focus {
    box-shadow: var(--mdb-mtbtn-box-shadow-state)
}

.mtbtn-check:active+.mtbtn-primary:hover,
.mtbtn-check:checked+.mtbtn-primary:hover,
.mtbtn-primary.active:hover,
.mtbtn-primary.show:hover,
.mtbtn-primary:active:hover {
    background-color: var(--mdb-mtbtn-active-bg)
}

.mtbtn-primary.disabled,
.mtbtn-primary:disabled,
fieldset:disabled .mtbtn-primary {
    box-shadow: var(--mdb-mtbtn-box-shadow)
}

.mtbtn-secondary {
    --mdb-mtbtn-bg: #e3ebf7;
    --mdb-mtbtn-color: #285192;
    --mdb-mtbtn-box-shadow: 0 4px 9px -4px #e3ebf7;
    --mdb-mtbtn-hover-bg: #d8dfeb;
    --mdb-mtbtn-hover-color: #285192;
    --mdb-mtbtn-focus-bg: #d8dfeb;
    --mdb-mtbtn-focus-color: #285192;
    --mdb-mtbtn-active-bg: #ccd4de;
    --mdb-mtbtn-active-color: #285192;
    --mdb-mtbtn-box-shadow-state: 0 8px 9px -4px rgba(227, 235, 247, 0.3), 0 4px 18px 0 rgba(227, 235, 247, 0.2)
}

.mtbtn-secondary:first-child:hover,
.mtbtn-secondary:focus-visible,
.mtbtn-secondary:hover,
:not(.mtbtn-check)+.mtbtn-secondary:hover {
    box-shadow: var(--mdb-mtbtn-box-shadow-state)
}

.mtbtn-check:focus+.mtbtn-secondary,
.mtbtn-check:focus-visible+.mtbtn-secondary,
.mtbtn-secondary:focus {
    box-shadow: var(--mdb-mtbtn-box-shadow-state);
    background-color: var(--mdb-mtbtn-focus-bg)
}

.mtbtn-check:active+.mtbtn-secondary,
.mtbtn-check:active+.mtbtn-secondary:focus,
.mtbtn-check:checked+.mtbtn-secondary,
.mtbtn-check:checked+.mtbtn-secondary:focus,
.mtbtn-secondary.active,
.mtbtn-secondary.active:focus,
.mtbtn-secondary.show,
.mtbtn-secondary.show:focus,
.mtbtn-secondary:active,
.mtbtn-secondary:active:focus {
    box-shadow: var(--mdb-mtbtn-box-shadow-state)
}

.mtbtn-check:active+.mtbtn-secondary:hover,
.mtbtn-check:checked+.mtbtn-secondary:hover,
.mtbtn-secondary.active:hover,
.mtbtn-secondary.show:hover,
.mtbtn-secondary:active:hover {
    background-color: var(--mdb-mtbtn-active-bg)
}

.mtbtn-secondary.disabled,
.mtbtn-secondary:disabled,
fieldset:disabled .mtbtn-secondary {
    box-shadow: var(--mdb-mtbtn-box-shadow)
}

.mtbtn-success {
    --mdb-mtbtn-bg: #14a44d;
    --mdb-mtbtn-color: #fff;
    --mdb-mtbtn-box-shadow: 0 4px 9px -4px #14a44d;
    --mdb-mtbtn-hover-bg: #139c49;
    --mdb-mtbtn-hover-color: #fff;
    --mdb-mtbtn-focus-bg: #139c49;
    --mdb-mtbtn-focus-color: #fff;
    --mdb-mtbtn-active-bg: #129445;
    --mdb-mtbtn-active-color: #fff;
    --mdb-mtbtn-box-shadow-state: 0 8px 9px -4px rgba(20, 164, 77, 0.3), 0 4px 18px 0 rgba(20, 164, 77, 0.2)
}

.mtbtn-success:first-child:hover,
.mtbtn-success:focus-visible,
.mtbtn-success:hover,
:not(.mtbtn-check)+.mtbtn-success:hover {
    box-shadow: var(--mdb-mtbtn-box-shadow-state)
}

.mtbtn-check:focus+.mtbtn-success,
.mtbtn-check:focus-visible+.mtbtn-success,
.mtbtn-success:focus {
    box-shadow: var(--mdb-mtbtn-box-shadow-state);
    background-color: var(--mdb-mtbtn-focus-bg)
}

.mtbtn-check:active+.mtbtn-success,
.mtbtn-check:active+.mtbtn-success:focus,
.mtbtn-check:checked+.mtbtn-success,
.mtbtn-check:checked+.mtbtn-success:focus,
.mtbtn-success.active,
.mtbtn-success.active:focus,
.mtbtn-success.show,
.mtbtn-success.show:focus,
.mtbtn-success:active,
.mtbtn-success:active:focus {
    box-shadow: var(--mdb-mtbtn-box-shadow-state)
}

.mtbtn-check:active+.mtbtn-success:hover,
.mtbtn-check:checked+.mtbtn-success:hover,
.mtbtn-success.active:hover,
.mtbtn-success.show:hover,
.mtbtn-success:active:hover {
    background-color: var(--mdb-mtbtn-active-bg)
}

.mtbtn-success.disabled,
.mtbtn-success:disabled,
fieldset:disabled .mtbtn-success {
    box-shadow: var(--mdb-mtbtn-box-shadow)
}

.mtbtn-danger {
    --mdb-mtbtn-bg: #dc4c64;
    --mdb-mtbtn-color: #fff;
    --mdb-mtbtn-box-shadow: 0 4px 9px -4px #dc4c64;
    --mdb-mtbtn-hover-bg: #d1485f;
    --mdb-mtbtn-hover-color: #fff;
    --mdb-mtbtn-focus-bg: #d1485f;
    --mdb-mtbtn-focus-color: #fff;
    --mdb-mtbtn-active-bg: #c6445a;
    --mdb-mtbtn-active-color: #fff;
    --mdb-mtbtn-box-shadow-state: 0 8px 9px -4px rgba(220, 76, 100, 0.3), 0 4px 18px 0 rgba(220, 76, 100, 0.2)
}

.mtbtn-danger:first-child:hover,
.mtbtn-danger:focus-visible,
.mtbtn-danger:hover,
:not(.mtbtn-check)+.mtbtn-danger:hover {
    box-shadow: var(--mdb-mtbtn-box-shadow-state)
}

.mtbtn-check:focus+.mtbtn-danger,
.mtbtn-check:focus-visible+.mtbtn-danger,
.mtbtn-danger:focus {
    box-shadow: var(--mdb-mtbtn-box-shadow-state);
    background-color: var(--mdb-mtbtn-focus-bg)
}

.mtbtn-check:active+.mtbtn-danger,
.mtbtn-check:active+.mtbtn-danger:focus,
.mtbtn-check:checked+.mtbtn-danger,
.mtbtn-check:checked+.mtbtn-danger:focus,
.mtbtn-danger.active,
.mtbtn-danger.active:focus,
.mtbtn-danger.show,
.mtbtn-danger.show:focus,
.mtbtn-danger:active,
.mtbtn-danger:active:focus {
    box-shadow: var(--mdb-mtbtn-box-shadow-state)
}

.mtbtn-check:active+.mtbtn-danger:hover,
.mtbtn-check:checked+.mtbtn-danger:hover,
.mtbtn-danger.active:hover,
.mtbtn-danger.show:hover,
.mtbtn-danger:active:hover {
    background-color: var(--mdb-mtbtn-active-bg)
}

.mtbtn-danger.disabled,
.mtbtn-danger:disabled,
fieldset:disabled .mtbtn-danger {
    box-shadow: var(--mdb-mtbtn-box-shadow)
}

.mtbtn-warning {
    --mdb-mtbtn-bg: #e4a11b;
    --mdb-mtbtn-color: #fff;
    --mdb-mtbtn-box-shadow: 0 4px 9px -4px #e4a11b;
    --mdb-mtbtn-hover-bg: #d9991a;
    --mdb-mtbtn-hover-color: #fff;
    --mdb-mtbtn-focus-bg: #d9991a;
    --mdb-mtbtn-focus-color: #fff;
    --mdb-mtbtn-active-bg: #cd9118;
    --mdb-mtbtn-active-color: #fff;
    --mdb-mtbtn-box-shadow-state: 0 8px 9px -4px rgba(228, 161, 27, 0.3), 0 4px 18px 0 rgba(228, 161, 27, 0.2)
}

.mtbtn-warning:first-child:hover,
.mtbtn-warning:focus-visible,
.mtbtn-warning:hover,
:not(.mtbtn-check)+.mtbtn-warning:hover {
    box-shadow: var(--mdb-mtbtn-box-shadow-state)
}

.mtbtn-check:focus+.mtbtn-warning,
.mtbtn-check:focus-visible+.mtbtn-warning,
.mtbtn-warning:focus {
    box-shadow: var(--mdb-mtbtn-box-shadow-state);
    background-color: var(--mdb-mtbtn-focus-bg)
}

.mtbtn-check:active+.mtbtn-warning,
.mtbtn-check:active+.mtbtn-warning:focus,
.mtbtn-check:checked+.mtbtn-warning,
.mtbtn-check:checked+.mtbtn-warning:focus,
.mtbtn-warning.active,
.mtbtn-warning.active:focus,
.mtbtn-warning.show,
.mtbtn-warning.show:focus,
.mtbtn-warning:active,
.mtbtn-warning:active:focus {
    box-shadow: var(--mdb-mtbtn-box-shadow-state)
}

.mtbtn-check:active+.mtbtn-warning:hover,
.mtbtn-check:checked+.mtbtn-warning:hover,
.mtbtn-warning.active:hover,
.mtbtn-warning.show:hover,
.mtbtn-warning:active:hover {
    background-color: var(--mdb-mtbtn-active-bg)
}

.mtbtn-warning.disabled,
.mtbtn-warning:disabled,
fieldset:disabled .mtbtn-warning {
    box-shadow: var(--mdb-mtbtn-box-shadow)
}

.mtbtn-info {
    --mdb-mtbtn-bg: #54b4d3;
    --mdb-mtbtn-color: #fff;
    --mdb-mtbtn-box-shadow: 0 4px 9px -4px #54b4d3;
    --mdb-mtbtn-hover-bg: #50abc8;
    --mdb-mtbtn-hover-color: #fff;
    --mdb-mtbtn-focus-bg: #50abc8;
    --mdb-mtbtn-focus-color: #fff;
    --mdb-mtbtn-active-bg: #4ca2be;
    --mdb-mtbtn-active-color: #fff;
    --mdb-mtbtn-box-shadow-state: 0 8px 9px -4px rgba(84, 180, 211, 0.3), 0 4px 18px 0 rgba(84, 180, 211, 0.2)
}

.mtbtn-info:first-child:hover,
.mtbtn-info:focus-visible,
.mtbtn-info:hover,
:not(.mtbtn-check)+.mtbtn-info:hover {
    box-shadow: var(--mdb-mtbtn-box-shadow-state)
}

.mtbtn-check:focus+.mtbtn-info,
.mtbtn-check:focus-visible+.mtbtn-info,
.mtbtn-info:focus {
    box-shadow: var(--mdb-mtbtn-box-shadow-state);
    background-color: var(--mdb-mtbtn-focus-bg)
}

.mtbtn-check:active+.mtbtn-info,
.mtbtn-check:active+.mtbtn-info:focus,
.mtbtn-check:checked+.mtbtn-info,
.mtbtn-check:checked+.mtbtn-info:focus,
.mtbtn-info.active,
.mtbtn-info.active:focus,
.mtbtn-info.show,
.mtbtn-info.show:focus,
.mtbtn-info:active,
.mtbtn-info:active:focus {
    box-shadow: var(--mdb-mtbtn-box-shadow-state)
}

.mtbtn-check:active+.mtbtn-info:hover,
.mtbtn-check:checked+.mtbtn-info:hover,
.mtbtn-info.active:hover,
.mtbtn-info.show:hover,
.mtbtn-info:active:hover {
    background-color: var(--mdb-mtbtn-active-bg)
}

.mtbtn-info.disabled,
.mtbtn-info:disabled,
fieldset:disabled .mtbtn-info {
    box-shadow: var(--mdb-mtbtn-box-shadow)
}

.mtbtn-light {
    --mdb-mtbtn-bg: #fbfbfb;
    --mdb-mtbtn-color: #4f4f4f;
    --mdb-mtbtn-box-shadow: 0 4px 9px -4px #fbfbfb;
    --mdb-mtbtn-hover-bg: #eee;
    --mdb-mtbtn-hover-color: #4f4f4f;
    --mdb-mtbtn-focus-bg: #eee;
    --mdb-mtbtn-focus-color: #4f4f4f;
    --mdb-mtbtn-active-bg: #e2e2e2;
    --mdb-mtbtn-active-color: #4f4f4f;
    --mdb-mtbtn-box-shadow-state: 0 8px 9px -4px hsla(0, 0%, 98.4%, 0.3), 0 4px 18px 0 hsla(0, 0%, 98.4%, 0.2)
}

.mtbtn-light:first-child:hover,
.mtbtn-light:focus-visible,
.mtbtn-light:hover,
:not(.mtbtn-check)+.mtbtn-light:hover {
    box-shadow: var(--mdb-mtbtn-box-shadow-state)
}

.mtbtn-check:focus+.mtbtn-light,
.mtbtn-check:focus-visible+.mtbtn-light,
.mtbtn-light:focus {
    box-shadow: var(--mdb-mtbtn-box-shadow-state);
    background-color: var(--mdb-mtbtn-focus-bg)
}

.mtbtn-check:active+.mtbtn-light,
.mtbtn-check:active+.mtbtn-light:focus,
.mtbtn-check:checked+.mtbtn-light,
.mtbtn-check:checked+.mtbtn-light:focus,
.mtbtn-light.active,
.mtbtn-light.active:focus,
.mtbtn-light.show,
.mtbtn-light.show:focus,
.mtbtn-light:active,
.mtbtn-light:active:focus {
    box-shadow: var(--mdb-mtbtn-box-shadow-state)
}

.mtbtn-check:active+.mtbtn-light:hover,
.mtbtn-check:checked+.mtbtn-light:hover,
.mtbtn-light.active:hover,
.mtbtn-light.show:hover,
.mtbtn-light:active:hover {
    background-color: var(--mdb-mtbtn-active-bg)
}

.mtbtn-light.disabled,
.mtbtn-light:disabled,
fieldset:disabled .mtbtn-light {
    box-shadow: var(--mdb-mtbtn-box-shadow)
}

.mtbtn-dark {
    --mdb-mtbtn-bg: #332d2d;
    --mdb-mtbtn-color: #fff;
    --mdb-mtbtn-box-shadow: 0 4px 9px -4px #332d2d;
    --mdb-mtbtn-hover-bg: #302b2b;
    --mdb-mtbtn-hover-color: #fff;
    --mdb-mtbtn-focus-bg: #302b2b;
    --mdb-mtbtn-focus-color: #fff;
    --mdb-mtbtn-active-bg: #2e2929;
    --mdb-mtbtn-active-color: #fff;
    --mdb-mtbtn-box-shadow-state: 0 8px 9px -4px rgba(51, 45, 45, 0.3), 0 4px 18px 0 rgba(51, 45, 45, 0.2)
}

.mtbtn-dark:first-child:hover,
.mtbtn-dark:focus-visible,
.mtbtn-dark:hover,
:not(.mtbtn-check)+.mtbtn-dark:hover {
    box-shadow: var(--mdb-mtbtn-box-shadow-state)
}

.mtbtn-check:focus+.mtbtn-dark,
.mtbtn-check:focus-visible+.mtbtn-dark,
.mtbtn-dark:focus {
    box-shadow: var(--mdb-mtbtn-box-shadow-state);
    background-color: var(--mdb-mtbtn-focus-bg)
}

.mtbtn-check:active+.mtbtn-dark,
.mtbtn-check:active+.mtbtn-dark:focus,
.mtbtn-check:checked+.mtbtn-dark,
.mtbtn-check:checked+.mtbtn-dark:focus,
.mtbtn-dark.active,
.mtbtn-dark.active:focus,
.mtbtn-dark.show,
.mtbtn-dark.show:focus,
.mtbtn-dark:active,
.mtbtn-dark:active:focus {
    box-shadow: var(--mdb-mtbtn-box-shadow-state)
}

.mtbtn-check:active+.mtbtn-dark:hover,
.mtbtn-check:checked+.mtbtn-dark:hover,
.mtbtn-dark.active:hover,
.mtbtn-dark.show:hover,
.mtbtn-dark:active:hover {
    background-color: var(--mdb-mtbtn-active-bg)
}

.mtbtn-dark.disabled,
.mtbtn-dark:disabled,
fieldset:disabled .mtbtn-dark {
    box-shadow: var(--mdb-mtbtn-box-shadow)
}

.mtbtn-white {
    --mdb-mtbtn-bg: #fff;
    --mdb-mtbtn-color: #000;
    --mdb-mtbtn-box-shadow: 0 4px 9px -4px #fff;
    --mdb-mtbtn-hover-bg: #f2f2f2;
    --mdb-mtbtn-hover-color: #000;
    --mdb-mtbtn-focus-bg: #f2f2f2;
    --mdb-mtbtn-focus-color: #000;
    --mdb-mtbtn-active-bg: #e6e6e6;
    --mdb-mtbtn-active-color: #000;
    --mdb-mtbtn-box-shadow-state: 0 8px 9px -4px hsla(0, 0%, 100%, 0.3), 0 4px 18px 0 hsla(0, 0%, 100%, 0.2)
}

.mtbtn-white:first-child:hover,
.mtbtn-white:focus-visible,
.mtbtn-white:hover,
:not(.mtbtn-check)+.mtbtn-white:hover {
    box-shadow: var(--mdb-mtbtn-box-shadow-state)
}

.mtbtn-check:focus+.mtbtn-white,
.mtbtn-check:focus-visible+.mtbtn-white,
.mtbtn-white:focus {
    box-shadow: var(--mdb-mtbtn-box-shadow-state);
    background-color: var(--mdb-mtbtn-focus-bg)
}

.mtbtn-check:active+.mtbtn-white,
.mtbtn-check:active+.mtbtn-white:focus,
.mtbtn-check:checked+.mtbtn-white,
.mtbtn-check:checked+.mtbtn-white:focus,
.mtbtn-white.active,
.mtbtn-white.active:focus,
.mtbtn-white.show,
.mtbtn-white.show:focus,
.mtbtn-white:active,
.mtbtn-white:active:focus {
    box-shadow: var(--mdb-mtbtn-box-shadow-state)
}

.mtbtn-check:active+.mtbtn-white:hover,
.mtbtn-check:checked+.mtbtn-white:hover,
.mtbtn-white.active:hover,
.mtbtn-white.show:hover,
.mtbtn-white:active:hover {
    background-color: var(--mdb-mtbtn-active-bg)
}

.mtbtn-white.disabled,
.mtbtn-white:disabled,
fieldset:disabled .mtbtn-white {
    box-shadow: var(--mdb-mtbtn-box-shadow)
}

.mtbtn-black {
    --mdb-mtbtn-bg: #000;
    --mdb-mtbtn-color: #fff;
    --mdb-mtbtn-box-shadow: 0 4px 9px -4px #000;
    --mdb-mtbtn-hover-bg: #000;
    --mdb-mtbtn-hover-color: #fff;
    --mdb-mtbtn-focus-bg: #000;
    --mdb-mtbtn-focus-color: #fff;
    --mdb-mtbtn-active-bg: #000;
    --mdb-mtbtn-active-color: #fff;
    --mdb-mtbtn-box-shadow-state: 0 8px 9px -4px rgba(0, 0, 0, 0.3), 0 4px 18px 0 rgba(0, 0, 0, 0.2)
}

.mtbtn-black:first-child:hover,
.mtbtn-black:focus-visible,
.mtbtn-black:hover,
:not(.mtbtn-check)+.mtbtn-black:hover {
    box-shadow: var(--mdb-mtbtn-box-shadow-state)
}

.mtbtn-black:focus,
.mtbtn-check:focus+.mtbtn-black,
.mtbtn-check:focus-visible+.mtbtn-black {
    box-shadow: var(--mdb-mtbtn-box-shadow-state);
    background-color: var(--mdb-mtbtn-focus-bg)
}

.mtbtn-black.active,
.mtbtn-black.active:focus,
.mtbtn-black.show,
.mtbtn-black.show:focus,
.mtbtn-black:active,
.mtbtn-black:active:focus,
.mtbtn-check:active+.mtbtn-black,
.mtbtn-check:active+.mtbtn-black:focus,
.mtbtn-check:checked+.mtbtn-black,
.mtbtn-check:checked+.mtbtn-black:focus {
    box-shadow: var(--mdb-mtbtn-box-shadow-state)
}

.mtbtn-black.active:hover,
.mtbtn-black.show:hover,
.mtbtn-black:active:hover,
.mtbtn-check:active+.mtbtn-black:hover,
.mtbtn-check:checked+.mtbtn-black:hover {
    background-color: var(--mdb-mtbtn-active-bg)
}

.mtbtn-black.disabled,
.mtbtn-black:disabled,
fieldset:disabled .mtbtn-black {
    box-shadow: var(--mdb-mtbtn-box-shadow)
}

.mtbtn-outline-primary {
    --mdb-mtbtn-bg: transparent;
    --mdb-mtbtn-color: #3b71ca;
    --mdb-mtbtn-hover-bg: transparent;
    --mdb-mtbtn-hover-color: #386bc0;
    --mdb-mtbtn-focus-bg: transparent;
    --mdb-mtbtn-focus-color: #386bc0;
    --mdb-mtbtn-active-bg: transparent;
    --mdb-mtbtn-active-color: #3566b6;
    --mdb-mtbtn-border-color: #3b71ca;
    --mdb-mtbtn-focus-border-color: #386bc0;
    --mdb-mtbtn-hover-border-color: #386bc0;
    border-color: var(--mdb-mtbtn-border-color)
}

.mtbtn-outline-primary:first-child:hover,
.mtbtn-outline-primary:focus-visible,
.mtbtn-outline-primary:hover,
:not(.mtbtn-check)+.mtbtn-outline-primary:hover {
    border-color: var(--mdb-mtbtn-hover-border-color)
}

.mtbtn-check:focus+.mtbtn-outline-primary,
.mtbtn-check:focus-visible+.mtbtn-outline-primary,
.mtbtn-outline-primary:focus {
    border-color: var(--mdb-mtbtn-focus-border-color)
}

.mtbtn-check:active+.mtbtn-outline-primary,
.mtbtn-check:checked+.mtbtn-outline-primary,
.mtbtn-outline-primary.active,
.mtbtn-outline-primary.show,
.mtbtn-outline-primary:active {
    border-color: var(--mdb-mtbtn-active-border-color)
}

.mtbtn-check:active+.mtbtn-outline-primary:focus,
.mtbtn-check:checked+.mtbtn-outline-primary:focus,
.mtbtn-outline-primary.active:focus,
.mtbtn-outline-primary.show:focus,
.mtbtn-outline-primary:active:focus {
    border-color: var(--mdb-mtbtn-focus-border-color)
}

.mtbtn-outline-primary.disabled,
.mtbtn-outline-primary:disabled,
.mtbtn-outline-secondary,
fieldset:disabled .mtbtn-outline-primary {
    border-color: var(--mdb-mtbtn-border-color)
}

.mtbtn-outline-secondary {
    --mdb-mtbtn-bg: transparent;
    --mdb-mtbtn-color: #285192;
    --mdb-mtbtn-hover-bg: transparent;
    --mdb-mtbtn-hover-color: #264d8b;
    --mdb-mtbtn-focus-bg: transparent;
    --mdb-mtbtn-focus-color: #264d8b;
    --mdb-mtbtn-active-bg: transparent;
    --mdb-mtbtn-active-color: #244983;
    --mdb-mtbtn-border-color: #e3ebf7;
    --mdb-mtbtn-focus-border-color: #d8dfeb;
    --mdb-mtbtn-hover-border-color: #d8dfeb
}

.mtbtn-outline-secondary:first-child:hover,
.mtbtn-outline-secondary:focus-visible,
.mtbtn-outline-secondary:hover,
:not(.mtbtn-check)+.mtbtn-outline-secondary:hover {
    border-color: var(--mdb-mtbtn-hover-border-color)
}

.mtbtn-check:focus+.mtbtn-outline-secondary,
.mtbtn-check:focus-visible+.mtbtn-outline-secondary,
.mtbtn-outline-secondary:focus {
    border-color: var(--mdb-mtbtn-focus-border-color)
}

.mtbtn-check:active+.mtbtn-outline-secondary,
.mtbtn-check:checked+.mtbtn-outline-secondary,
.mtbtn-outline-secondary.active,
.mtbtn-outline-secondary.show,
.mtbtn-outline-secondary:active {
    border-color: var(--mdb-mtbtn-active-border-color)
}

.mtbtn-check:active+.mtbtn-outline-secondary:focus,
.mtbtn-check:checked+.mtbtn-outline-secondary:focus,
.mtbtn-outline-secondary.active:focus,
.mtbtn-outline-secondary.show:focus,
.mtbtn-outline-secondary:active:focus {
    border-color: var(--mdb-mtbtn-focus-border-color)
}

.mtbtn-outline-secondary.disabled,
.mtbtn-outline-secondary:disabled,
.mtbtn-outline-success,
fieldset:disabled .mtbtn-outline-secondary {
    border-color: var(--mdb-mtbtn-border-color)
}

.mtbtn-outline-success {
    --mdb-mtbtn-bg: transparent;
    --mdb-mtbtn-color: #14a44d;
    --mdb-mtbtn-hover-bg: transparent;
    --mdb-mtbtn-hover-color: #139c49;
    --mdb-mtbtn-focus-bg: transparent;
    --mdb-mtbtn-focus-color: #139c49;
    --mdb-mtbtn-active-bg: transparent;
    --mdb-mtbtn-active-color: #129445;
    --mdb-mtbtn-border-color: #14a44d;
    --mdb-mtbtn-focus-border-color: #139c49;
    --mdb-mtbtn-hover-border-color: #139c49
}

.mtbtn-outline-success:first-child:hover,
.mtbtn-outline-success:focus-visible,
.mtbtn-outline-success:hover,
:not(.mtbtn-check)+.mtbtn-outline-success:hover {
    border-color: var(--mdb-mtbtn-hover-border-color)
}

.mtbtn-check:focus+.mtbtn-outline-success,
.mtbtn-check:focus-visible+.mtbtn-outline-success,
.mtbtn-outline-success:focus {
    border-color: var(--mdb-mtbtn-focus-border-color)
}

.mtbtn-check:active+.mtbtn-outline-success,
.mtbtn-check:checked+.mtbtn-outline-success,
.mtbtn-outline-success.active,
.mtbtn-outline-success.show,
.mtbtn-outline-success:active {
    border-color: var(--mdb-mtbtn-active-border-color)
}

.mtbtn-check:active+.mtbtn-outline-success:focus,
.mtbtn-check:checked+.mtbtn-outline-success:focus,
.mtbtn-outline-success.active:focus,
.mtbtn-outline-success.show:focus,
.mtbtn-outline-success:active:focus {
    border-color: var(--mdb-mtbtn-focus-border-color)
}

.mtbtn-outline-danger,
.mtbtn-outline-success.disabled,
.mtbtn-outline-success:disabled,
fieldset:disabled .mtbtn-outline-success {
    border-color: var(--mdb-mtbtn-border-color)
}

.mtbtn-outline-danger {
    --mdb-mtbtn-bg: transparent;
    --mdb-mtbtn-color: #dc4c64;
    --mdb-mtbtn-hover-bg: transparent;
    --mdb-mtbtn-hover-color: #d1485f;
    --mdb-mtbtn-focus-bg: transparent;
    --mdb-mtbtn-focus-color: #d1485f;
    --mdb-mtbtn-active-bg: transparent;
    --mdb-mtbtn-active-color: #c6445a;
    --mdb-mtbtn-border-color: #dc4c64;
    --mdb-mtbtn-focus-border-color: #d1485f;
    --mdb-mtbtn-hover-border-color: #d1485f
}

.mtbtn-outline-danger:first-child:hover,
.mtbtn-outline-danger:focus-visible,
.mtbtn-outline-danger:hover,
:not(.mtbtn-check)+.mtbtn-outline-danger:hover {
    border-color: var(--mdb-mtbtn-hover-border-color)
}

.mtbtn-check:focus+.mtbtn-outline-danger,
.mtbtn-check:focus-visible+.mtbtn-outline-danger,
.mtbtn-outline-danger:focus {
    border-color: var(--mdb-mtbtn-focus-border-color)
}

.mtbtn-check:active+.mtbtn-outline-danger,
.mtbtn-check:checked+.mtbtn-outline-danger,
.mtbtn-outline-danger.active,
.mtbtn-outline-danger.show,
.mtbtn-outline-danger:active {
    border-color: var(--mdb-mtbtn-active-border-color)
}

.mtbtn-check:active+.mtbtn-outline-danger:focus,
.mtbtn-check:checked+.mtbtn-outline-danger:focus,
.mtbtn-outline-danger.active:focus,
.mtbtn-outline-danger.show:focus,
.mtbtn-outline-danger:active:focus {
    border-color: var(--mdb-mtbtn-focus-border-color)
}

.mtbtn-outline-danger.disabled,
.mtbtn-outline-danger:disabled,
.mtbtn-outline-warning,
fieldset:disabled .mtbtn-outline-danger {
    border-color: var(--mdb-mtbtn-border-color)
}

.mtbtn-outline-warning {
    --mdb-mtbtn-bg: transparent;
    --mdb-mtbtn-color: #e4a11b;
    --mdb-mtbtn-hover-bg: transparent;
    --mdb-mtbtn-hover-color: #d9991a;
    --mdb-mtbtn-focus-bg: transparent;
    --mdb-mtbtn-focus-color: #d9991a;
    --mdb-mtbtn-active-bg: transparent;
    --mdb-mtbtn-active-color: #cd9118;
    --mdb-mtbtn-border-color: #e4a11b;
    --mdb-mtbtn-focus-border-color: #d9991a;
    --mdb-mtbtn-hover-border-color: #d9991a
}

.mtbtn-outline-warning:first-child:hover,
.mtbtn-outline-warning:focus-visible,
.mtbtn-outline-warning:hover,
:not(.mtbtn-check)+.mtbtn-outline-warning:hover {
    border-color: var(--mdb-mtbtn-hover-border-color)
}

.mtbtn-check:focus+.mtbtn-outline-warning,
.mtbtn-check:focus-visible+.mtbtn-outline-warning,
.mtbtn-outline-warning:focus {
    border-color: var(--mdb-mtbtn-focus-border-color)
}

.mtbtn-check:active+.mtbtn-outline-warning,
.mtbtn-check:checked+.mtbtn-outline-warning,
.mtbtn-outline-warning.active,
.mtbtn-outline-warning.show,
.mtbtn-outline-warning:active {
    border-color: var(--mdb-mtbtn-active-border-color)
}

.mtbtn-check:active+.mtbtn-outline-warning:focus,
.mtbtn-check:checked+.mtbtn-outline-warning:focus,
.mtbtn-outline-warning.active:focus,
.mtbtn-outline-warning.show:focus,
.mtbtn-outline-warning:active:focus {
    border-color: var(--mdb-mtbtn-focus-border-color)
}

.mtbtn-outline-info,
.mtbtn-outline-warning.disabled,
.mtbtn-outline-warning:disabled,
fieldset:disabled .mtbtn-outline-warning {
    border-color: var(--mdb-mtbtn-border-color)
}

.mtbtn-outline-info {
    --mdb-mtbtn-bg: transparent;
    --mdb-mtbtn-color: #54b4d3;
    --mdb-mtbtn-hover-bg: transparent;
    --mdb-mtbtn-hover-color: #50abc8;
    --mdb-mtbtn-focus-bg: transparent;
    --mdb-mtbtn-focus-color: #50abc8;
    --mdb-mtbtn-active-bg: transparent;
    --mdb-mtbtn-active-color: #4ca2be;
    --mdb-mtbtn-border-color: #54b4d3;
    --mdb-mtbtn-focus-border-color: #50abc8;
    --mdb-mtbtn-hover-border-color: #50abc8
}

.mtbtn-outline-info:first-child:hover,
.mtbtn-outline-info:focus-visible,
.mtbtn-outline-info:hover,
:not(.mtbtn-check)+.mtbtn-outline-info:hover {
    border-color: var(--mdb-mtbtn-hover-border-color)
}

.mtbtn-check:focus+.mtbtn-outline-info,
.mtbtn-check:focus-visible+.mtbtn-outline-info,
.mtbtn-outline-info:focus {
    border-color: var(--mdb-mtbtn-focus-border-color)
}

.mtbtn-check:active+.mtbtn-outline-info,
.mtbtn-check:checked+.mtbtn-outline-info,
.mtbtn-outline-info.active,
.mtbtn-outline-info.show,
.mtbtn-outline-info:active {
    border-color: var(--mdb-mtbtn-active-border-color)
}

.mtbtn-check:active+.mtbtn-outline-info:focus,
.mtbtn-check:checked+.mtbtn-outline-info:focus,
.mtbtn-outline-info.active:focus,
.mtbtn-outline-info.show:focus,
.mtbtn-outline-info:active:focus {
    border-color: var(--mdb-mtbtn-focus-border-color)
}

.mtbtn-outline-info.disabled,
.mtbtn-outline-info:disabled,
.mtbtn-outline-light,
fieldset:disabled .mtbtn-outline-info {
    border-color: var(--mdb-mtbtn-border-color)
}

.mtbtn-outline-light {
    --mdb-mtbtn-bg: transparent;
    --mdb-mtbtn-color: #fbfbfb;
    --mdb-mtbtn-hover-bg: transparent;
    --mdb-mtbtn-hover-color: #eee;
    --mdb-mtbtn-focus-bg: transparent;
    --mdb-mtbtn-focus-color: #eee;
    --mdb-mtbtn-active-bg: transparent;
    --mdb-mtbtn-active-color: #e2e2e2;
    --mdb-mtbtn-border-color: #fbfbfb;
    --mdb-mtbtn-focus-border-color: #eee;
    --mdb-mtbtn-hover-border-color: #eee
}

.mtbtn-outline-light:first-child:hover,
.mtbtn-outline-light:focus-visible,
.mtbtn-outline-light:hover,
:not(.mtbtn-check)+.mtbtn-outline-light:hover {
    border-color: var(--mdb-mtbtn-hover-border-color)
}

.mtbtn-check:focus+.mtbtn-outline-light,
.mtbtn-check:focus-visible+.mtbtn-outline-light,
.mtbtn-outline-light:focus {
    border-color: var(--mdb-mtbtn-focus-border-color)
}

.mtbtn-check:active+.mtbtn-outline-light,
.mtbtn-check:checked+.mtbtn-outline-light,
.mtbtn-outline-light.active,
.mtbtn-outline-light.show,
.mtbtn-outline-light:active {
    border-color: var(--mdb-mtbtn-active-border-color)
}

.mtbtn-check:active+.mtbtn-outline-light:focus,
.mtbtn-check:checked+.mtbtn-outline-light:focus,
.mtbtn-outline-light.active:focus,
.mtbtn-outline-light.show:focus,
.mtbtn-outline-light:active:focus {
    border-color: var(--mdb-mtbtn-focus-border-color)
}

.mtbtn-outline-dark,
.mtbtn-outline-light.disabled,
.mtbtn-outline-light:disabled,
fieldset:disabled .mtbtn-outline-light {
    border-color: var(--mdb-mtbtn-border-color)
}

.mtbtn-outline-dark {
    --mdb-mtbtn-bg: transparent;
    --mdb-mtbtn-color: #332d2d;
    --mdb-mtbtn-hover-bg: transparent;
    --mdb-mtbtn-hover-color: #302b2b;
    --mdb-mtbtn-focus-bg: transparent;
    --mdb-mtbtn-focus-color: #302b2b;
    --mdb-mtbtn-active-bg: transparent;
    --mdb-mtbtn-active-color: #2e2929;
    --mdb-mtbtn-border-color: #332d2d;
    --mdb-mtbtn-focus-border-color: #302b2b;
    --mdb-mtbtn-hover-border-color: #302b2b
}

.mtbtn-outline-dark:first-child:hover,
.mtbtn-outline-dark:focus-visible,
.mtbtn-outline-dark:hover,
:not(.mtbtn-check)+.mtbtn-outline-dark:hover {
    border-color: var(--mdb-mtbtn-hover-border-color)
}

.mtbtn-check:focus+.mtbtn-outline-dark,
.mtbtn-check:focus-visible+.mtbtn-outline-dark,
.mtbtn-outline-dark:focus {
    border-color: var(--mdb-mtbtn-focus-border-color)
}

.mtbtn-check:active+.mtbtn-outline-dark,
.mtbtn-check:checked+.mtbtn-outline-dark,
.mtbtn-outline-dark.active,
.mtbtn-outline-dark.show,
.mtbtn-outline-dark:active {
    border-color: var(--mdb-mtbtn-active-border-color)
}

.mtbtn-check:active+.mtbtn-outline-dark:focus,
.mtbtn-check:checked+.mtbtn-outline-dark:focus,
.mtbtn-outline-dark.active:focus,
.mtbtn-outline-dark.show:focus,
.mtbtn-outline-dark:active:focus {
    border-color: var(--mdb-mtbtn-focus-border-color)
}

.mtbtn-outline-dark.disabled,
.mtbtn-outline-dark:disabled,
.mtbtn-outline-white,
fieldset:disabled .mtbtn-outline-dark {
    border-color: var(--mdb-mtbtn-border-color)
}

.mtbtn-outline-white {
    --mdb-mtbtn-bg: transparent;
    --mdb-mtbtn-color: #fff;
    --mdb-mtbtn-hover-bg: transparent;
    --mdb-mtbtn-hover-color: #f2f2f2;
    --mdb-mtbtn-focus-bg: transparent;
    --mdb-mtbtn-focus-color: #f2f2f2;
    --mdb-mtbtn-active-bg: transparent;
    --mdb-mtbtn-active-color: #e6e6e6;
    --mdb-mtbtn-border-color: #fff;
    --mdb-mtbtn-focus-border-color: #f2f2f2;
    --mdb-mtbtn-hover-border-color: #f2f2f2
}

.mtbtn-outline-white:first-child:hover,
.mtbtn-outline-white:focus-visible,
.mtbtn-outline-white:hover,
:not(.mtbtn-check)+.mtbtn-outline-white:hover {
    border-color: var(--mdb-mtbtn-hover-border-color)
}

.mtbtn-check:focus+.mtbtn-outline-white,
.mtbtn-check:focus-visible+.mtbtn-outline-white,
.mtbtn-outline-white:focus {
    border-color: var(--mdb-mtbtn-focus-border-color)
}

.mtbtn-check:active+.mtbtn-outline-white,
.mtbtn-check:checked+.mtbtn-outline-white,
.mtbtn-outline-white.active,
.mtbtn-outline-white.show,
.mtbtn-outline-white:active {
    border-color: var(--mdb-mtbtn-active-border-color)
}

.mtbtn-check:active+.mtbtn-outline-white:focus,
.mtbtn-check:checked+.mtbtn-outline-white:focus,
.mtbtn-outline-white.active:focus,
.mtbtn-outline-white.show:focus,
.mtbtn-outline-white:active:focus {
    border-color: var(--mdb-mtbtn-focus-border-color)
}

.mtbtn-outline-black,
.mtbtn-outline-white.disabled,
.mtbtn-outline-white:disabled,
fieldset:disabled .mtbtn-outline-white {
    border-color: var(--mdb-mtbtn-border-color)
}

.mtbtn-outline-black {
    --mdb-mtbtn-bg: transparent;
    --mdb-mtbtn-color: #000;
    --mdb-mtbtn-hover-bg: transparent;
    --mdb-mtbtn-hover-color: #000;
    --mdb-mtbtn-focus-bg: transparent;
    --mdb-mtbtn-focus-color: #000;
    --mdb-mtbtn-active-bg: transparent;
    --mdb-mtbtn-active-color: #000;
    --mdb-mtbtn-border-color: #000;
    --mdb-mtbtn-focus-border-color: #000;
    --mdb-mtbtn-hover-border-color: #000
}

.mtbtn-outline-black:first-child:hover,
.mtbtn-outline-black:focus-visible,
.mtbtn-outline-black:hover,
:not(.mtbtn-check)+.mtbtn-outline-black:hover {
    border-color: var(--mdb-mtbtn-hover-border-color)
}

.mtbtn-check:focus+.mtbtn-outline-black,
.mtbtn-check:focus-visible+.mtbtn-outline-black,
.mtbtn-outline-black:focus {
    border-color: var(--mdb-mtbtn-focus-border-color)
}

.mtbtn-check:active+.mtbtn-outline-black,
.mtbtn-check:checked+.mtbtn-outline-black,
.mtbtn-outline-black.active,
.mtbtn-outline-black.show,
.mtbtn-outline-black:active {
    border-color: var(--mdb-mtbtn-active-border-color)
}

.mtbtn-check:active+.mtbtn-outline-black:focus,
.mtbtn-check:checked+.mtbtn-outline-black:focus,
.mtbtn-outline-black.active:focus,
.mtbtn-outline-black.show:focus,
.mtbtn-outline-black:active:focus {
    border-color: var(--mdb-mtbtn-focus-border-color)
}

.mtbtn-outline-black.disabled,
.mtbtn-outline-black:disabled,
fieldset:disabled .mtbtn-outline-black {
    border-color: var(--mdb-mtbtn-border-color)
}

.mtbtn-link {
    --mdb-mtbtn-font-weight: 500;
    --mdb-mtbtn-color: #3b71ca;
    --mdb-mtbtn-hover-color: #386bc0;
    --mdb-mtbtn-hover-bg: #f5f5f5;
    --mdb-mtbtn-focus-color: #3566b6;
    --mdb-mtbtn-active-color: #3260ac;
    --mdb-mtbtn-disabled-color: #9e9e9e;
    --mdb-mtbtn-box-shadow: none
}

.mtbtn-link,
.mtbtn-link:first-child:hover,
.mtbtn-link:focus-visible,
.mtbtn-link:hover,
:not(.mtbtn-check)+.mtbtn-link:hover {
    text-decoration: none;
    box-shadow: var(--mdb-mtbtn-box-shadow)
}

.mtbtn-check:focus+.mtbtn-link,
.mtbtn-check:focus-visible+.mtbtn-link,
.mtbtn-link:focus {
    color: var(--mdb-mtbtn-focus-color);
    box-shadow: var(--mdb-mtbtn-box-shadow)
}

.mtbtn-check:active+.mtbtn-link,
.mtbtn-check:checked+.mtbtn-link,
.mtbtn-link.active,
.mtbtn-link.show,
.mtbtn-link:active {
    color: var(--mdb-mtbtn-active-color);
    box-shadow: var(--mdb-mtbtn-box-shadow)
}

.mtbtn-check:active+.mtbtn-link:focus,
.mtbtn-check:checked+.mtbtn-link:focus,
.mtbtn-link.active:focus,
.mtbtn-link.show:focus,
.mtbtn-link:active:focus {
    color: var(--mdb-mtbtn-focus-color);
    box-shadow: var(--mdb-mtbtn-box-shadow)
}

.mtbtn-link.disabled,
.mtbtn-link:disabled,
fieldset:disabled .mtbtn-link {
    box-shadow: var(--mdb-mtbtn-box-shadow)
}

.mtbtn-tertiary {
    --mdb-mtbtn-font-weight: 500;
    --mdb-mtbtn-color: #3b71ca;
    --mdb-mtbtn-hover-color: #386bc0;
    --mdb-mtbtn-hover-bg: transparent;
    --mdb-mtbtn-focus-color: #3566b6;
    --mdb-mtbtn-active-color: #3260ac;
    --mdb-mtbtn-disabled-color: #9e9e9e;
    --mdb-mtbtn-box-shadow: none;
    padding-left: 0;
    padding-right: 0
}

.mtbtn-tertiary,
.mtbtn-tertiary:first-child:hover,
.mtbtn-tertiary:focus-visible,
.mtbtn-tertiary:hover,
:not(.mtbtn-check)+.mtbtn-tertiary:hover {
    text-decoration: none;
    box-shadow: var(--mdb-mtbtn-box-shadow)
}

.mtbtn-check:focus+.mtbtn-tertiary,
.mtbtn-check:focus-visible+.mtbtn-tertiary,
.mtbtn-tertiary:focus {
    color: var(--mdb-mtbtn-focus-color);
    box-shadow: var(--mdb-mtbtn-box-shadow)
}

.mtbtn-check:active+.mtbtn-tertiary,
.mtbtn-check:checked+.mtbtn-tertiary,
.mtbtn-tertiary.active,
.mtbtn-tertiary.show,
.mtbtn-tertiary:active {
    color: var(--mdb-mtbtn-active-color);
    box-shadow: var(--mdb-mtbtn-box-shadow)
}

.mtbtn-check:active+.mtbtn-tertiary:focus,
.mtbtn-check:checked+.mtbtn-tertiary:focus,
.mtbtn-tertiary.active:focus,
.mtbtn-tertiary.show:focus,
.mtbtn-tertiary:active:focus {
    color: var(--mdb-mtbtn-focus-color);
    box-shadow: var(--mdb-mtbtn-box-shadow)
}

.mtbtn-tertiary.disabled,
.mtbtn-tertiary:disabled,
fieldset:disabled .mtbtn-tertiary {
    box-shadow: var(--mdb-mtbtn-box-shadow)
}

.mtbtn-group-lg>.mtbtn,
.mtbtn-lg {
    --mdb-mtbtn-padding-top: 0.75rem;
    --mdb-mtbtn-padding-bottom: 0.6875rem;
    --mdb-mtbtn-padding-x: 1.6875rem;
    --mdb-mtbtn-font-size: 0.875rem;
    --mdb-mtbtn-line-height: 1.6
}

.mtbtn-group-sm>.mtbtn,
.mtbtn-sm {
    --mdb-mtbtn-padding-top: 0.375rem;
    --mdb-mtbtn-padding-bottom: 0.3125rem;
    --mdb-mtbtn-padding-x: 1rem;
    --mdb-mtbtn-font-size: 0.75rem;
    --mdb-mtbtn-line-height: 1.5
}

.mtbtn-rounded {
    --mdb-mtbtn-border-radius: 10rem;
    border-radius: var(--mdb-mtbtn-border-radius)
}

.mtbtn-floating,
[class*=mtbtn-outline-].mtbtn-floating {
    --mdb-mtbtn-border-radius: 50%;
    border-radius: var(--mdb-mtbtn-border-radius);
    padding: 0;
    position: relative
}

.mtbtn-floating {
    --mdb-mtbtn-width: 2.3125rem;
    --mdb-mtbtn-height: 2.3125rem;
    --mdb-mtbtn-icon-width: 2.3125rem;
    --mdb-mtbtn-icon-line-height: 2.3125rem;
    --mdb-mtbtn-width-lg: 2.8125rem;
    --mdb-mtbtn-height-lg: 2.8125rem;
    --mdb-mtbtn-icon-width-lg: 2.8125rem;
    --mdb-mtbtn-icon-line-height-lg: 2.8125rem;
    --mdb-mtbtn-width-sm: 1.8125rem;
    --mdb-mtbtn-height-sm: 1.8125rem;
    --mdb-mtbtn-icon-width-sm: 1.8125rem;
    --mdb-mtbtn-icon-line-height-sm: 1.8125rem;
    width: var(--mdb-mtbtn-width);
    height: var(--mdb-mtbtn-height)
}

.mtbtn-floating .fab,
.mtbtn-floating .far,
.mtbtn-floating .fas {
    width: var(--mdb-mtbtn-icon-width);
    line-height: var(--mdb-mtbtn-icon-line-height)
}

.mtbtn-floating.mtbtn-lg,
.mtbtn-group-lg>.mtbtn-floating.mtbtn {
    width: var(--mdb-mtbtn-width-lg);
    height: var(--mdb-mtbtn-height-lg)
}

.mtbtn-floating.mtbtn-lg .fab,
.mtbtn-floating.mtbtn-lg .far,
.mtbtn-floating.mtbtn-lg .fas,
.mtbtn-group-lg>.mtbtn-floating.mtbtn .fab,
.mtbtn-group-lg>.mtbtn-floating.mtbtn .far,
.mtbtn-group-lg>.mtbtn-floating.mtbtn .fas {
    width: var(--mdb-mtbtn-icon-width-lg);
    line-height: var(--mdb-mtbtn-icon-line-height-lg)
}

.mtbtn-floating.mtbtn-sm,
.mtbtn-group-sm>.mtbtn-floating.mtbtn {
    width: var(--mdb-mtbtn-width-sm);
    height: var(--mdb-mtbtn-height-sm)
}

.mtbtn-floating.mtbtn-sm .fab,
.mtbtn-floating.mtbtn-sm .far,
.mtbtn-floating.mtbtn-sm .fas,
.mtbtn-group-sm>.mtbtn-floating.mtbtn .fab,
.mtbtn-group-sm>.mtbtn-floating.mtbtn .far,
.mtbtn-group-sm>.mtbtn-floating.mtbtn .fas {
    width: var(--mdb-mtbtn-icon-width-sm);
    line-height: var(--mdb-mtbtn-icon-line-height-sm)
}

[class*=mtbtn-outline-].mtbtn-floating {
    --mdb-mtbtn-icon-width: 2.0625rem;
    --mdb-mtbtn-icon-width-lg: 2.5625rem;
    --mdb-mtbtn-icon-width-sm: 1.5625rem;
    --mdb-mtbtn-icon-line-height: 2.0625rem;
    --mdb-mtbtn-icon-line-height-lg: 2.5625rem;
    --mdb-mtbtn-icon-line-height-sm: 1.5625rem
}

[class*=mtbtn-outline-].mtbtn-floating .fab,
[class*=mtbtn-outline-].mtbtn-floating .far,
[class*=mtbtn-outline-].mtbtn-floating .fas {
    width: var(--mdb-mtbtn-icon-width);
    line-height: var(--mdb-mtbtn-icon-line-height)
}

.mtbtn-group-lg>[class*=mtbtn-outline-].mtbtn-floating.mtbtn .fab,
.mtbtn-group-lg>[class*=mtbtn-outline-].mtbtn-floating.mtbtn .far,
.mtbtn-group-lg>[class*=mtbtn-outline-].mtbtn-floating.mtbtn .fas,
[class*=mtbtn-outline-].mtbtn-floating.mtbtn-lg .fab,
[class*=mtbtn-outline-].mtbtn-floating.mtbtn-lg .far,
[class*=mtbtn-outline-].mtbtn-floating.mtbtn-lg .fas {
    width: var(--mdb-mtbtn-icon-width-lg);
    line-height: var(--mdb-mtbtn-icon-line-height-lg)
}

.mtbtn-group-sm>[class*=mtbtn-outline-].mtbtn-floating.mtbtn .fab,
.mtbtn-group-sm>[class*=mtbtn-outline-].mtbtn-floating.mtbtn .far,
.mtbtn-group-sm>[class*=mtbtn-outline-].mtbtn-floating.mtbtn .fas,
[class*=mtbtn-outline-].mtbtn-floating.mtbtn-sm .fab,
[class*=mtbtn-outline-].mtbtn-floating.mtbtn-sm .far,
[class*=mtbtn-outline-].mtbtn-floating.mtbtn-sm .fas {
    width: var(--mdb-mtbtn-icon-width-sm);
    line-height: var(--mdb-mtbtn-icon-line-height-sm)
}

.fixed-action-mtbtn {
    --mdb-mtbtn-right: 2.1875rem;
    --mdb-mtbtn-bottom: 2.1875rem;
    --mdb-mtbtn-zindex: 1030;
    --mdb-mtbtn-padding-top: 0.9375rem;
    --mdb-mtbtn-padding-bottom: 1.25rem;
    --mdb-mtbtn-padding-x: 1.25rem;
    --mdb-mtbtn-margin-bottom: 1.5rem;
    position: fixed;
    right: var(--mdb-mtbtn-right);
    bottom: var(--mdb-mtbtn-bottom);
    z-index: var(--mdb-mtbtn-zindex);
    display: flex;
    flex-flow: column-reverse nowrap;
    align-items: center;
    padding: var(--mdb-mtbtn-padding-top) var(--mdb-mtbtn-padding-x) var(--mdb-mtbtn-padding-bottom);
    margin-bottom: 0;
    height: auto;
    overflow: hidden
}

.fixed-action-mtbtn>.mtbtn-floating {
    position: relative;
    transform: scale(1.2);
    z-index: 10
}

.fixed-action-mtbtn ul {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    text-align: center;
    opacity: 0;
    transition: transform .4s, opacity .4s;
    z-index: -1
}

.fixed-action-mtbtn ul li {
    z-index: 0;
    display: flex;
    margin-right: auto;
    margin-bottom: var(--mdb-mtbtn-margin-bottom);
    margin-left: auto
}

.fixed-action-mtbtn ul li:first-of-type {
    margin-top: calc(var(--mdb-mtbtn-margin-bottom)*0.5)
}

.fixed-action-mtbtn ul a.mtbtn {
    opacity: 0;
    transition: opacity .4s ease-in
}

.fixed-action-mtbtn.active ul,
.fixed-action-mtbtn ul a.mtbtn.shown {
    opacity: 1
}

.mtbtn-block {
    --mdb-mtbtn-margin-top: 0.5rem;
    display: block;
    width: 100%
}

.mtbtn-block+.mtbtn-block {
    margin-top: var(--mdb-mtbtn-margin-top)
}

.mtbtn-group,
.mtbtn-group-vertical {
    --mdb-mtbtn-box-shadow: 0 4px 9px -4px rgba(0, 0, 0, 0.35);
    --mdb-mtbtn-hover-box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1);
    --mdb-mtbtn-focus-box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1);
    --mdb-mtbtn-active-box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1);
    --mdb-mtbtn-group-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    box-shadow: var(--mdb-mtbtn-box-shadow);
    transition: var(--mdb-mtbtn-group-transition)
}

.mtbtn-group-vertical:hover,
.mtbtn-group:hover {
    box-shadow: var(--mdb-mtbtn-hover-box-shadow)
}

.mtbtn-group-vertical.focus,
.mtbtn-group-vertical:focus,
.mtbtn-group.focus,
.mtbtn-group:focus {
    box-shadow: var(--mdb-mtbtn-focus-box-shadow)
}

.mtbtn-group-vertical.active,
.mtbtn-group-vertical:active,
.mtbtn-group.active,
.mtbtn-group:active {
    box-shadow: var(--mdb-mtbtn-active-box-shadow)
}

.mtbtn-group-vertical.active:focus,
.mtbtn-group-vertical:active:focus,
.mtbtn-group.active:focus,
.mtbtn-group:active:focus {
    box-shadow: var(--mdb-mtbtn-focus-box-shadow)
}

.mtbtn-group-vertical.disabled,
.mtbtn-group-vertical:disabled,
.mtbtn-group.disabled,
.mtbtn-group:disabled,
fieldset:disabled .mtbtn-group,
fieldset:disabled .mtbtn-group-vertical {
    box-shadow: var(--mdb-mtbtn-box-shadow);
    border: 0
}

.mtbtn-group-vertical>.mtbtn,
.mtbtn-group>.mtbtn {
    box-shadow: none
}

.mtbtn-group-vertical>.mtbtn:first-child:hover,
.mtbtn-group-vertical>.mtbtn:focus-visible,
.mtbtn-group-vertical>.mtbtn:hover,
.mtbtn-group>.mtbtn:first-child:hover,
.mtbtn-group>.mtbtn:focus-visible,
.mtbtn-group>.mtbtn:hover,
:not(.mtbtn-check)+.mtbtn-group-vertical>.mtbtn:hover,
:not(.mtbtn-check)+.mtbtn-group>.mtbtn:hover {
    box-shadow: none !important
}

.mtbtn-check:active+.mtbtn-group-vertical>.mtbtn,
.mtbtn-check:active+.mtbtn-group-vertical>.mtbtn:focus,
.mtbtn-check:active+.mtbtn-group>.mtbtn,
.mtbtn-check:active+.mtbtn-group>.mtbtn:focus,
.mtbtn-check:checked+.mtbtn-group-vertical>.mtbtn,
.mtbtn-check:checked+.mtbtn-group-vertical>.mtbtn:focus,
.mtbtn-check:checked+.mtbtn-group>.mtbtn,
.mtbtn-check:checked+.mtbtn-group>.mtbtn:focus,
.mtbtn-check:focus+.mtbtn-group-vertical>.mtbtn,
.mtbtn-check:focus+.mtbtn-group>.mtbtn,
.mtbtn-check:focus-visible+.mtbtn-group-vertical>.mtbtn,
.mtbtn-check:focus-visible+.mtbtn-group>.mtbtn,
.mtbtn-group-vertical>.mtbtn-group,
.mtbtn-group-vertical>.mtbtn.active,
.mtbtn-group-vertical>.mtbtn.active:focus,
.mtbtn-group-vertical>.mtbtn.disabled,
.mtbtn-group-vertical>.mtbtn.show,
.mtbtn-group-vertical>.mtbtn.show:focus,
.mtbtn-group-vertical>.mtbtn:active,
.mtbtn-group-vertical>.mtbtn:active:focus,
.mtbtn-group-vertical>.mtbtn:disabled,
.mtbtn-group-vertical>.mtbtn:focus,
.mtbtn-group>.mtbtn-group,
.mtbtn-group>.mtbtn.active,
.mtbtn-group>.mtbtn.active:focus,
.mtbtn-group>.mtbtn.disabled,
.mtbtn-group>.mtbtn.show,
.mtbtn-group>.mtbtn.show:focus,
.mtbtn-group>.mtbtn:active,
.mtbtn-group>.mtbtn:active:focus,
.mtbtn-group>.mtbtn:disabled,
.mtbtn-group>.mtbtn:focus,
fieldset:disabled .mtbtn-group-vertical>.mtbtn,
fieldset:disabled .mtbtn-group>.mtbtn {
    box-shadow: none
}

.mtbtn-group-vertical>.mtbtn-link:first-child,
.mtbtn-group-vertical>.mtbtn-tertiary:first-child,
.mtbtn-group>.mtbtn-link:first-child,
.mtbtn-group>.mtbtn-tertiary:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.mtbtn-group-vertical>.mtbtn-link:last-child,
.mtbtn-group-vertical>.mtbtn-tertiary:last-child,
.mtbtn-group>.mtbtn-link:last-child,
.mtbtn-group>.mtbtn-tertiary:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.mtbtn-group,
.mtbtn-group-lg>.mtbtn,
.mtbtn-group-sm>.mtbtn {
    --mdb-mtbtn-border-radius: 0.25rem;
    border-radius: var(--mdb-mtbtn-border-radius)
}

.success-border-decoration:hover {
    border-left: 1px solid #15a362;
    border-right: 1px solid #15a362;
    border-top: 1px solid #15a362;
    border-bottom: 1px solid #15a362;
}

.success-border-left-decoration {
    border-left: 1px solid #15a362
}

.success-border-right-decoration {
    border-right: 1px solid #15a362
}

.success-border-top-decoration {
    border-top: 1px solid #15a362
}

.success-border-bottom-decoration {
    border-bottom: 1px solid #15a362
}

.success-border-decoration {
    border-left: 1px solid #15a362;
    border-right: 1px solid #15a362;
    border-top: 1px solid #15a362;
    border-bottom: 1px solid #15a362;
}

.warning-border-decoration:hover {
    border-left: 1px solid #e4a11b;
    border-right: 1px solid #e4a11b;
    border-top: 1px solid #e4a11b;
    border-bottom: 1px solid #e4a11b;
}

.warning-border-left-decoration {
    border-left: 1px solid #e4a11b
}

.warning-border-right-decoration {
    border-right: 1px solid #e4a11b
}

.warning-border-top-decoration {
    border-top: 1px solid #e4a11b
}

.warning-border-bottom-decoration {
    border-bottom: 1px solid #e4a11b
}

.warning-border-decoration {
    border-left: 1px solid #e4a11b;
    border-right: 1px solid #e4a11b;
    border-top: 1px solid #e4a11b;
    border-bottom: 1px solid #e4a11b;
}

.black-border-decoration:hover {
    border-left: 1px solid #212529;
    border-right: 1px solid #212529;
    border-top: 1px solid #212529;
    border-bottom: 1px solid #212529;
}

.black-border-left-decoration {
    border-left: 1px solid #212529
}

.black-border-right-decoration {
    border-right: 1px solid #212529
}

.black-border-top-decoration {
    border-top: 1px solid #212529
}

.black-border-bottom-decoration {
    border-bottom: 1px solid #212529
}

.black-border-decoration {
    border-left: 1px solid #212529;
    border-right: 1px solid #212529;
    border-top: 1px solid #212529;
    border-bottom: 1px solid #212529;
}

.danger-border-decoration:hover {
    border-left: 1px solid #dc4c64;
    border-right: 1px solid #dc4c64;
    border-top: 1px solid #dc4c64;
    border-bottom: 1px solid #dc4c64;
}

.danger-border-left-decoration {
    border-left: 1px solid #dc4c64
}

.danger-border-right-decoration {
    border-right: 1px solid #dc4c64
}

.danger-border-top-decoration {
    border-top: 1px solid #dc4c64
}

.danger-border-bottom-decoration {
    border-bottom: 1px solid #dc4c64
}

.danger-border-decoration {
    border-left: 1px solid #dc4c64;
    border-right: 1px solid #dc4c64;
    border-top: 1px solid #dc4c64;
    border-bottom: 1px solid #dc4c64;
}

.primary-border-decoration:hover {
    border-left: 1px solid #3b71ca;
    border-right: 1px solid #3b71ca;
    border-top: 1px solid #3b71ca;
    border-bottom: 1px solid #3b71ca;
}

.primary-border-left-decoration {
    border-left: 1px solid #3b71ca
}

.primary-border-right-decoration {
    border-right: 1px solid #3b71ca
}

.primary-border-top-decoration {
    border-top: 1px solid #3b71ca
}

.primary-border-bottom-decoration {
    border-bottom: 1px solid #3b71ca
}

.primary-border-decoration {
    border-left: 1px solid #3b71ca;
    border-right: 1px solid #3b71ca;
    border-top: 1px solid #3b71ca;
    border-bottom: 1px solid #3b71ca;
}

.info-border-decoration:hover {
    border-left: 1px solid #5b99ea;
    border-right: 1px solid #5b99ea;
    border-top: 1px solid #5b99ea;
    border-bottom: 1px solid #5b99ea;
}

.info-border-left-decoration {
    border-left: 1px solid #5b99ea
}

.info-border-right-decoration {
    border-right: 1px solid #5b99ea
}

.info-border-top-decoration {
    border-top: 1px solid #5b99ea
}

.info-border-bottom-decoration {
    border-bottom: 1px solid #5b99ea
}

.info-border-decoration {
    border-left: 1px solid #5b99ea;
    border-right: 1px solid #5b99ea;
    border-top: 1px solid #5b99ea;
    border-bottom: 1px solid #5b99ea;
}

.mdcard {
    --mdb-mdcard-spacer-y: 1.5rem;
    --mdb-mdcard-spacer-x: 1.5rem;
    --mdb-mdcard-title-spacer-y: 0.5rem;
    --mdb-mdcard-border-width: 1px;
    --mdb-mdcard-border-color: var(--mdb-border-color-translucent);
    --mdb-mdcard-border-radius: 0.5rem;
    --mdb-mdcard-box-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.07), 0 10px 20px -2px rgba(0, 0, 0, 0.04);
    --mdb-mdcard-inner-border-radius: calc(0.5rem - 1px);
    --mdb-mdcard-cap-padding-y: 0.75rem;
    --mdb-mdcard-cap-padding-x: 1.5rem;
    --mdb-mdcard-cap-bg: hsla(0, 0%, 100%, 0);
    --mdb-mdcard-bg: #fff;
    --mdb-mdcard-img-overlay-padding: 1.5rem;
    --mdb-mdcard-group-margin: 0.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--mdb-mdcard-height);
    word-wrap: break-word;
    background-color: var(--mdb-mdcard-bg);
    background-clip: border-box;
    border: var(--mdb-mdcard-border-width) solid var(--mdb-mdcard-border-color);
    border-radius: var(--mdb-mdcard-border-radius);
    box-shadow: var(--mdb-mdcard-box-shadow)
}

.mdcard>hr {
    margin-right: 0;
    margin-left: 0
}

.mdcard>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.mdcard>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: var(--mdb-mdcard-inner-border-radius);
    border-top-right-radius: var(--mdb-mdcard-inner-border-radius)
}

.mdcard>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: var(--mdb-mdcard-inner-border-radius);
    border-bottom-left-radius: var(--mdb-mdcard-inner-border-radius)
}

.mdcard>.mdcard-header+.list-group,
.mdcard>.list-group+.mdcard-footer {
    border-top: 0
}

.mdcard-body {
    flex: 1 1 auto;
    /*padding: var(--mdb-mdcard-spacer-y) var(--mdb-mdcard-spacer-x);*/
    padding: 16px;
    padding-top: 8px;
    padding-bottom: 12px;
    color: var(--mdb-mdcard-color)
}

.mdcard-title {
    margin-bottom: var(--mdb-mdcard-title-spacer-y)
}

.mdcard-subtitle {
    margin-top: calc(var(--mdb-mdcard-title-spacer-y)*-0.5)
}

.mdcard-subtitle,
.mdcard-text:last-child {
    margin-bottom: 0
}

.mdcard-link+.mdcard-link {
    margin-left: var(--mdb-mdcard-spacer-x)
}

.mdcard-header {
    padding: var(--mdb-mdcard-cap-padding-y) var(--mdb-mdcard-cap-padding-x);
    margin-bottom: 0;
    color: var(--mdb-mdcard-cap-color);
    background-color: var(--mdb-mdcard-cap-bg);
    border-bottom: var(--mdb-mdcard-border-width) solid var(--mdb-mdcard-border-color)
}

.mdcard-header:first-child {
    border-radius: var(--mdb-mdcard-inner-border-radius) var(--mdb-mdcard-inner-border-radius) 0 0
}

.mdcard-footer {
    padding: var(--mdb-mdcard-cap-padding-y) var(--mdb-mdcard-cap-padding-x);
    color: var(--mdb-mdcard-cap-color);
    background-color: var(--mdb-mdcard-cap-bg);
    border-top: var(--mdb-mdcard-border-width) solid var(--mdb-mdcard-border-color)
}

.mdcard-footer:last-child {
    border-radius: 0 0 var(--mdb-mdcard-inner-border-radius) var(--mdb-mdcard-inner-border-radius)
}

.mdcard-header-tabs {
    margin-right: calc(var(--mdb-mdcard-cap-padding-x)*-0.5);
    margin-bottom: calc(var(--mdb-mdcard-cap-padding-y)*-1);
    margin-left: calc(var(--mdb-mdcard-cap-padding-x)*-0.5);
    border-bottom: 0
}

.mdcard-header-tabs .nav-link.active {
    background-color: var(--mdb-mdcard-bg);
    border-bottom-color: var(--mdb-mdcard-bg)
}

.mdcard-header-pills {
    margin-right: calc(var(--mdb-mdcard-cap-padding-x)*-0.5);
    margin-left: calc(var(--mdb-mdcard-cap-padding-x)*-0.5)
}

.mdcard-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: var(--mdb-mdcard-img-overlay-padding);
    border-radius: var(--mdb-mdcard-inner-border-radius)
}

.mdcard-img,
.mdcard-img-bottom,
.mdcard-img-top {
    width: 100%
}

.mdcard-img,
.mdcard-img-top {
    border-top-left-radius: var(--mdb-mdcard-inner-border-radius);
    border-top-right-radius: var(--mdb-mdcard-inner-border-radius)
}

.mdcard-img,
.mdcard-img-bottom {
    border-bottom-right-radius: var(--mdb-mdcard-inner-border-radius);
    border-bottom-left-radius: var(--mdb-mdcard-inner-border-radius)
}

.mdcard-group>.mdcard {
    margin-bottom: var(--mdb-mdcard-group-margin)
}

@media(min-width:576px) {
    .mdcard-group {
        display: flex;
        flex-flow: row wrap
    }

    .mdcard-group>.mdcard {
        flex: 1 0 0%;
        margin-bottom: 0
    }

    .mdcard-group>.mdcard+.mdcard {
        margin-left: 0;
        border-left: 0
    }

    .mdcard-group>.mdcard:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .mdcard-group>.mdcard:not(:last-child) .mdcard-header,
    .mdcard-group>.mdcard:not(:last-child) .mdcard-img-top {
        border-top-right-radius: 0
    }

    .mdcard-group>.mdcard:not(:last-child) .mdcard-footer,
    .mdcard-group>.mdcard:not(:last-child) .mdcard-img-bottom {
        border-bottom-right-radius: 0
    }

    .mdcard-group>.mdcard:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .mdcard-group>.mdcard:not(:first-child) .mdcard-header,
    .mdcard-group>.mdcard:not(:first-child) .mdcard-img-top {
        border-top-left-radius: 0
    }

    .mdcard-group>.mdcard:not(:first-child) .mdcard-footer,
    .mdcard-group>.mdcard:not(:first-child) .mdcard-img-bottom {
        border-bottom-left-radius: 0
    }
}

.text-gray {
    color: #888888;
}

.text-gray:hover {
    color: #424242;
}

.grey-hover:hover {
    background-color: #f7f6fc;
}

.cursor {
    cursor: pointer;
}

.buyurtmaTitle {
    font-size: 22px;
    color: gray;
    margin-bottom: 0px;
}

.buyurtmaTitle:hover {
    font-size: 22px;
    color: black;
    margin-bottom: 0px;
}

.kvitansiyaTitle {
    font-size: 28px;
    color: gray;
    margin-bottom: 0px;
}

.kvitansiyaTitle:hover {
    font-size: 28px;
    color: black;
    margin-bottom: 0px;
}


.xizmatTitle {
    font-size: 20px;
    color: gray;
    margin-bottom: 0px;
}

.xizmatTitle:hover {
    font-size: 20px;
    color: black;
    margin-bottom: 0px;
}

.form-table {
    border: 0;
    display: inline-block;
    min-width: 100%;
    width: 100%;
    background-color: inherit;
    padding: 0;
}

input.form-table:focus {
    outline: none;
}

input[type=number].form-table::-webkit-inner-spin-button,
input[type=number].form-table::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.nomargin {
    margin: 0px;
}

.nopadding {
    padding: 0px;
}

.nomargin-v {
    margin-top: 0px;
    margin-bottom: 0px;
}

.nopadding-v {
    padding-top: 0px;
    padding-bottom: 0px;
}

.nomargin-h {
    margin-right: 0px;
    margin-left: 0px;
}

.nopadding-h {
    padding-right: 0px;
    padding-left: 0px;
}

/*@media(min-width: 576px) {
    /* sm *
}

@media(min-width: 768px) {
    /* md *
}

@media(min-width: 992px) {
    /* lg *
}

@media(min-width: 1200px) {
    /* xl *
}

@media(min-width: 1400px) {
    /* xxl *
}*/

.li-background-color {
    background-color: #f2f0ff
}

.visible-hidden {
    visibility: hidden;
}

.visible-visible {
    visibility: visible;
}