/* autocomplete */
.autoComplete_wrapper {
    width: 100%;
    height: 100%;
}
.autoComplete_wrapper > input {
    width: 100%;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    background: var(--bs-body-bg);
    color: var(--bs-body-color);
    box-shadow: none;
    padding: .375rem .75rem;
    height: 100%;
}
.autoComplete_wrapper > input:focus {
    border-color: #86b7fe;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
    color: var(--bs-body-color);
}
.autoComplete_wrapper > input:hover {
    color: var(--bs-body-color);
}
.autoComplete_wrapper > input::placeholder, .autoComplete_wrapper > input:focus::placeholder, .autoComplete_wrapper > input:hover::placeholder {
    color: var(--bs-secondary-color);
    opacity: 1;
}
/* END autocomplete */

.bg-default-vttu {
    background-color: #680102;
}
.text-default-vttu {
    color: #e7c612 !important;
}

.btn-draggable, .init-draggable-button {
    cursor: grab;
}

.c-pointer {
    cursor: pointer;
}

/* modal-input */
.m-input-form > div:not(:first-child) {
    margin-top: 1rem;
}

.form-floating.input-counter {
    position: relative;
}

.form-floating.input-counter input {
    padding-right: 45px !important;
}

.form-floating.input-counter .textarea-counter {
    position: absolute;
    right: 12px;
    bottom: 8px;
    z-index: 5;
    font-size: 12px;
    color: #6c757d;
    background: #fff;
    padding: 0 3px;
    pointer-events: none;
}

.form-floating.input-counter .textarea-counter.limit {
    color: #dc3545;
    font-weight: 600;
}
/* End modal-input */

/* error-tooltip */
.custom-error-tooltip {
    --bs-tooltip-bg: #ffdada;
    --bs-tooltip-color: rgb(220,53,69);
    --bs-tooltip-max-width: 500px;
    --bs-tooltip-opacity: 1;
}
/* End error-tooltip */

/* Dropdown multiple level */
.dropdown-label {
    display: none;
}
.dropdown-label:has(+ .hidden-box-element) {
    display: block !important;
}

.dropdown-item:active {
    color: #fff !important;
}
.dropdown-menu > div {
    position: relative;
}
.dropdown-menu .dropdown-submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
}
.dropdown-menu .dropdown-submenu-left {
    right: 100%;
    left: auto;
}
.dropdown-menu > div:hover > .dropdown-submenu {
    display: block;
}
/* End Dropdown multiple level */

div:where(.swal2-container) {
    z-index: 99999;
}

/* Table */
.box-table {
    display: flex;
    flex-direction: column;
}
.box-table-header {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}
.box-table-header > .ms-1 {
    margin-left: 0 !important;
}
.box-table-controls {
    margin-left: auto;
    display: flex;
    align-items: center;
}
.box-table-control {
    display: flex;
}
.box-table-search {
    width: 100%;
    max-width: 350px;
}
.box-table-search > .input-group {
    flex-wrap: nowrap;
}
.box-table-search > .input-group > .form-select {
    max-width: 130px !important;
    width: fit-content !important;
}
.box-table-search select {
    width: fit-content !important;
    flex-grow: unset !important;
}
.box-table-search-clear {
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    padding: 0 0.75rem;
    font-size: 12px;
    color: rgba(0,0,0,.2);
    cursor: pointer;
    z-index: 6;
}
.box-table-search-clear:hover {
    color: rgba(0,0,0,.8);
}
.box-table-search-input {
    padding-right: 32px !important;
}

table.table-vttu thead th {
    background: #920303 linear-gradient(180deg, #b50e0e, #920303) repeat-x !important;
    color: #fff !important;
    border: 1px solid #cfcfcf;
    text-align: center;
    vertical-align: middle;
}
table.table-vttu tbody td {
    vertical-align: middle;
}
/* End Table */

/* loading */
.loading-card {
    max-width: 700px;
    margin: auto;
    border: 0;
    border-radius: 24px;
}

#box-loading .box-hide {
    display: none;
}
#box-loading .box-hide.active {
    display: block;
}
#box-loading .txt-notification:has(+ .box-hide.active) {
    margin-bottom: 1rem;
}
.loading-dots {
    display: flex;
    justify-content: center;
    gap: 8px;
}

.loading-dots span {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #0d6efd;
    animation: pulse 1.2s infinite ease-in-out;
}

.loading-dots span:nth-child(2) {
    animation-delay: .2s;
}

.loading-dots span:nth-child(3) {
    animation-delay: .4s;
}

@keyframes pulse {
    0%,100% {
        transform: scale(.6);
        opacity: .4;
    }
    50% {
        transform: scale(1);
        opacity: 1;
    }
}

.box-loading-overlay {
    position: fixed;
    z-index: 9999;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    animation: fadeIn .2s;
}
@keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@keyframes fadeOut {
    from { opacity: 1; }
    to   { opacity: 0; }
}
.box-loading-overlay.fade-out {
    animation: fadeOut .2s;
}
body.loading-no-scroll {
    /*overflow: hidden;*/
}
/* End loading */

/*Select2*/
.form-floating .select2-container {
    height: calc(3.5rem + calc(var(--bs-border-width) * 2));
    min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
    line-height: 1.25;
    padding: 1.625rem 0.625rem .375rem .75rem;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
}
.select2-container--default .select2-selection--multiple {
    border: var(--bs-border-width) solid var(--bs-border-color);
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #86b7fe !important;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}
.form-floating .select2-container.select2-container--focus, .form-floating .select2-container.select2-container--open {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
}
.form-floating .select2-container--default .select2-selection--single {
    border: unset;
}
.form-floating .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: unset;
}
input.select2-search__field, .select2-selection.select2-selection--single {
    outline: unset !important;
}
.input-group .select2-container {
    flex: 1;
    min-width: 0;
}
.input-group .select2-container .select2-selection--single {
    height: 31px !important;
    border: var(--bs-border-width) solid var(--bs-border-color) !important;
    border-top-left-radius: unset !important;
    border-bottom-left-radius: unset !important;
}
.input-group-sm .select2-container, .select2-container-sm {
    font-size: .875rem;
}
/*.select2-selection.select2-selection--single {*/
/*    height: 20px !important;*/
/*}*/
/*.select2-selection__rendered {*/
/*    line-height: 20px !important;*/
/*}*/
.select2-container--disabled, .select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: var(--bs-secondary-bg) !important;
}
.select2-container--default .select2-results>.select2-results__options {
    max-height: 300px;
}
.select2-results__option {
    white-space: pre-line !important;
}

/*Tabulator*/
.tabulator .tabulator-header .tabulator-col {
    justify-content: center;
}
.tabulator-cell > i:not(:first-child) {
    margin-left: 0.5rem;
}
.tabulator-cell.wrap-text {
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}
.tabulator [type=search]{
    border: var(--bs-border-width) solid #949ca3;
    border-radius: var(--bs-border-radius-sm);
    padding: 2px 5px !important;
    font-size: .875rem !important;
}
.tabulator [type=search]:focus-visible {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}

/*Button*/
.btn {
    border: unset;
    font-weight: 600;
}
.btn > i {
    margin-right: 0.5rem;
}
.btn.btn-tiny {
    --bs-btn-padding-y: .1rem;
    --bs-btn-padding-x: .5rem;
    --bs-btn-font-size: .75rem;
}

/* bg-gradient */
.bg-gradient-cancel {
    background: #dc3545 linear-gradient(180deg, #e35d6a, #dc3545) repeat-x !important;
    border-color: #dc3545;
    color: #fff !important;
    box-shadow: 0 2px 8px rgba(220, 53, 69, .25);
}

.bg-gradient-cancel.btn:not(:disabled):not(.disabled):active,
.bg-gradient-cancel.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-cancel.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-cancel.btn:hover {
    background: #dc3545 linear-gradient(180deg, #e04b59, #c82333) repeat-x !important;
    border-color: #bd2130;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(220, 53, 69, .35);
}

.bg-gradient-cancel.btn:not(:disabled):not(.disabled):active,
.bg-gradient-cancel.btn:not(:disabled):not(.disabled).active,
.bg-gradient-cancel.btn:active,
.bg-gradient-cancel.btn.active {
    background: #dc3545 linear-gradient(180deg, #c82333, #a71d2a) repeat-x !important;
    border-color: #a71d2a;
    color: #fff !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15);
}

.bg-gradient-cancel.btn:disabled,
.bg-gradient-cancel.btn.disabled {
    background-image: none !important;
    background-color: #dc3545;
    border-color: #dc3545;
    color: rgba(255, 255, 255, .75) !important;
    opacity: .65;
}

.bg-gradient-vttu.btn:focus-visible, .bg-gradient-primary:focus-visible, .bg-gradient-success:focus-visible,
.bg-gradient-warning:focus-visible,
.bg-gradient-danger:focus-visible, .bg-gradient-warning:focus-visible, .bg-gradient-indigo:focus-visible {
    color: #fff !important;
}

.bg-gradient-primary {
    background: #007bff linear-gradient(180deg, #268fff, #007bff) repeat-x !important;
    color: #fff;
}

.bg-gradient-primary.btn.show {
    color: #fff;
}

.bg-gradient-primary.btn:not(:disabled):not(.disabled):active, .bg-gradient-primary.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-primary.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-primary.btn:hover {
    background: #007bff linear-gradient(180deg, #267fde, #0069d9) repeat-x !important;
    border-color: #0062cc;
    color: #ececec;
}

.bg-gradient-primary.btn:not(:disabled):not(.disabled):active, .bg-gradient-primary.btn:not(:disabled):not(.disabled).active, .bg-gradient-primary.btn:active, .bg-gradient-primary.btn.active {
    background: #007bff linear-gradient(180deg, #267ad4, #0062cc) repeat-x !important;
    border-color: #005cbf;
    color: #fff;
}

.bg-gradient-primary.btn:disabled, .bg-gradient-primary.btn.disabled {
    background-image: none !important;
    border-color: #007bff;
    color: #fff;
}

.bg-gradient-secondary {
    background: #6c757d linear-gradient(180deg, #828a91, #6c757d) repeat-x !important;
    color: #fff;
}

.bg-gradient-secondary.btn:not(:disabled):not(.disabled):active, .bg-gradient-secondary.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-secondary.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-secondary.btn:hover {
    background: #6c757d linear-gradient(180deg, #73797f, #5a6268) repeat-x !important;
    border-color: #545b62;
    color: #ececec;
}

.bg-gradient-secondary.btn:not(:disabled):not(.disabled):active, .bg-gradient-secondary.btn:not(:disabled):not(.disabled).active, .bg-gradient-secondary.btn:active, .bg-gradient-secondary.btn.active {
    background: #6c757d linear-gradient(180deg, #6e7479, #545b62) repeat-x !important;
    border-color: #4e555b;
    color: #fff;
}

.bg-gradient-secondary.btn:disabled, .bg-gradient-secondary.btn.disabled {
    background-image: none !important;
    border-color: #6c757d;
    color: #fff;
}

.bg-gradient-success {
    background: #28a745 linear-gradient(180deg, #48b461, #28a745) repeat-x !important;
    color: #fff;
}

.bg-gradient-success.btn.show {
    color: #fff;
}

.bg-gradient-success.btn:not(:disabled):not(.disabled):active, .bg-gradient-success.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-success.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-success.btn:hover {
    background: #28a745 linear-gradient(180deg, #429a56, #218838) repeat-x !important;
    border-color: #1e7e34;
    color: #ececec;
}

.bg-gradient-success.btn:not(:disabled):not(.disabled):active, .bg-gradient-success.btn:not(:disabled):not(.disabled).active, .bg-gradient-success.btn:active, .bg-gradient-success.btn.active {
    background: #28a745 linear-gradient(180deg, #409152, #1e7e34) repeat-x !important;
    border-color: #1c7430;
    color: #fff;
}

.bg-gradient-success.btn:disabled, .bg-gradient-success.btn.disabled {
    background-image: none !important;
    border-color: #28a745;
    color: #fff;
}

.bg-gradient-info {
    background: #17a2b8 linear-gradient(180deg, #3ab0c3, #17a2b8) repeat-x !important;
    color: #fff;
}

.bg-gradient-info.btn.show {
    color: #fff;
}

.bg-gradient-info.btn:not(:disabled):not(.disabled):active, .bg-gradient-info.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-info.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-info.btn:hover {
    background: #17a2b8 linear-gradient(180deg, #3697a6, #138496) repeat-x !important;
    border-color: #117a8b;
    color: #ececec;
}

.bg-gradient-info.btn:not(:disabled):not(.disabled):active, .bg-gradient-info.btn:not(:disabled):not(.disabled).active, .bg-gradient-info.btn:active, .bg-gradient-info.btn.active {
    background: #17a2b8 linear-gradient(180deg, #358e9c, #117a8b) repeat-x !important;
    border-color: #10707f;
    color: #fff;
}

.bg-gradient-info.btn:disabled, .bg-gradient-info.btn.disabled {
    background-image: none !important;
    border-color: #17a2b8;
    color: #fff;
}

.bg-gradient-warning {
    background: #ffc107 linear-gradient(180deg, #ffca2c, #ffc107) repeat-x !important;
    color: #1f2d3d;
}

.bg-gradient-warning.btn:not(:disabled):not(.disabled):active, .bg-gradient-warning.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-warning.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-warning.btn:hover {
    background: #ffc107 linear-gradient(180deg, #e4b526, #e0a800) repeat-x !important;
    border-color: #d39e00;
    color: #121a24;
}

.bg-gradient-warning.btn:not(:disabled):not(.disabled):active, .bg-gradient-warning.btn:not(:disabled):not(.disabled).active, .bg-gradient-warning.btn:active, .bg-gradient-warning.btn.active {
    background: #ffc107 linear-gradient(180deg, #daad26, #d39e00) repeat-x !important;
    border-color: #c69500;
    color: #1f2d3d;
}

.bg-gradient-warning.btn:disabled, .bg-gradient-warning.btn.disabled {
    background-image: none !important;
    border-color: #ffc107;
    color: #1f2d3d;
}

.bg-gradient-danger {
    background: #dc3545 linear-gradient(180deg, #e15361, #dc3545) repeat-x !important;
    color: #fff;
}

.bg-gradient-danger.btn:not(:disabled):not(.disabled):active, .bg-gradient-danger.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-danger.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-danger.btn:hover {
    background: #dc3545 linear-gradient(180deg, #d04451, #c82333) repeat-x !important;
    border-color: #bd2130;
    color: #ececec;
}

.bg-gradient-danger.btn:not(:disabled):not(.disabled):active, .bg-gradient-danger.btn:not(:disabled):not(.disabled).active, .bg-gradient-danger.btn:active, .bg-gradient-danger.btn.active {
    background: #dc3545 linear-gradient(180deg, #c7424f, #bd2130) repeat-x !important;
    border-color: #b21f2d;
    color: #fff;
}

.bg-gradient-danger.btn:disabled, .bg-gradient-danger.btn.disabled {
    background-image: none !important;
    border-color: #dc3545;
    color: #fff;
}

.bg-gradient-light {
    background: #f8f9fa linear-gradient(180deg, #f9fafb, #f8f9fa) repeat-x !important;
    color: #1f2d3d;
}

.bg-gradient-light.btn:not(:disabled):not(.disabled):active, .bg-gradient-light.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-light.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-light.btn:hover {
    background: #f8f9fa linear-gradient(180deg, #e6eaed, #e2e6ea) repeat-x !important;
    border-color: #dae0e5;
    color: #121a24;
}

.bg-gradient-light.btn:not(:disabled):not(.disabled):active, .bg-gradient-light.btn:not(:disabled):not(.disabled).active, .bg-gradient-light.btn:active, .bg-gradient-light.btn.active {
    background: #f8f9fa linear-gradient(180deg, #e0e4e9, #dae0e5) repeat-x !important;
    border-color: #d3d9df;
    color: #1f2d3d;
}

.bg-gradient-light.btn:disabled, .bg-gradient-light.btn.disabled {
    background-image: none !important;
    border-color: #f8f9fa;
    color: #1f2d3d;
}

.bg-gradient-dark {
    background: #343a40 linear-gradient(180deg, #52585d, #343a40) repeat-x !important;
    color: #fff;
}

.bg-gradient-dark.btn:not(:disabled):not(.disabled):active, .bg-gradient-dark.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-dark.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-dark.btn:hover {
    background: #343a40 linear-gradient(180deg, #44474b, #23272b) repeat-x !important;
    border-color: #1d2124;
    color: #ececec;
}

.bg-gradient-dark.btn:not(:disabled):not(.disabled):active, .bg-gradient-dark.btn:not(:disabled):not(.disabled).active, .bg-gradient-dark.btn:active, .bg-gradient-dark.btn.active {
    background: #343a40 linear-gradient(180deg, #3f4245, #1d2124) repeat-x !important;
    border-color: #171a1d;
    color: #fff;
}

.bg-gradient-dark.btn:disabled, .bg-gradient-dark.btn.disabled {
    background-image: none !important;
    border-color: #343a40;
    color: #fff;
}

.bg-gradient-lightblue {
    background: #3c8dbc linear-gradient(180deg, #599ec6, #3c8dbc) repeat-x !important;
    color: #fff;
}

.bg-gradient-lightblue.btn:not(:disabled):not(.disabled):active, .bg-gradient-lightblue.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-lightblue.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-lightblue.btn:hover {
    background: #3c8dbc linear-gradient(180deg, #518cad, #33779f) repeat-x !important;
    border-color: #307095;
    color: #ececec;
}

.bg-gradient-lightblue.btn:not(:disabled):not(.disabled):active, .bg-gradient-lightblue.btn:not(:disabled):not(.disabled).active, .bg-gradient-lightblue.btn:active, .bg-gradient-lightblue.btn.active {
    background: #3c8dbc linear-gradient(180deg, #4f85a5, #307095) repeat-x !important;
    border-color: #2d698c;
    color: #fff;
}

.bg-gradient-lightblue.btn:disabled, .bg-gradient-lightblue.btn.disabled {
    background-image: none !important;
    border-color: #3c8dbc;
    color: #fff;
}

.bg-gradient-navy {
    background: #001f3f linear-gradient(180deg, #26415c, #001f3f) repeat-x !important;
    color: #fff;
}

.bg-gradient-navy.btn:not(:disabled):not(.disabled):active, .bg-gradient-navy.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-navy.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-navy.btn:hover {
    background: #001f3f linear-gradient(180deg, #26313b, #000c19) repeat-x !important;
    border-color: #00060c;
    color: #ececec;
}

.bg-gradient-navy.btn:not(:disabled):not(.disabled):active, .bg-gradient-navy.btn:not(:disabled):not(.disabled).active, .bg-gradient-navy.btn:active, .bg-gradient-navy.btn.active {
    background: #001f3f linear-gradient(180deg, #262b30, #00060c) repeat-x !important;
    border-color: black;
    color: #fff;
}

.bg-gradient-navy.btn:disabled, .bg-gradient-navy.btn.disabled {
    background-image: none !important;
    border-color: #001f3f;
    color: #fff;
}

.bg-gradient-olive {
    background: #3d9970 linear-gradient(180deg, #5aa885, #3d9970) repeat-x !important;
    color: #fff;
}

.bg-gradient-olive.btn:not(:disabled):not(.disabled):active, .bg-gradient-olive.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-olive.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-olive.btn:hover {
    background: #3d9970 linear-gradient(180deg, #519174, #327e5c) repeat-x !important;
    border-color: #2e7555;
    color: #ececec;
}

.bg-gradient-olive.btn:not(:disabled):not(.disabled):active, .bg-gradient-olive.btn:not(:disabled):not(.disabled).active, .bg-gradient-olive.btn:active, .bg-gradient-olive.btn.active {
    background: #3d9970 linear-gradient(180deg, #4e896f, #2e7555) repeat-x !important;
    border-color: #2b6b4f;
    color: #fff;
}

.bg-gradient-olive.btn:disabled, .bg-gradient-olive.btn.disabled {
    background-image: none !important;
    border-color: #3d9970;
    color: #fff;
}

.bg-gradient-lime {
    background: #01ff70 linear-gradient(180deg, #27ff85, #01ff70) repeat-x !important;
    color: #1f2d3d;
}

.bg-gradient-lime.btn:not(:disabled):not(.disabled):active, .bg-gradient-lime.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-lime.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-lime.btn:hover {
    background: #01ff70 linear-gradient(180deg, #26df77, #00da5f) repeat-x !important;
    border-color: #00cd5a;
    color: #121a24;
}

.bg-gradient-lime.btn:not(:disabled):not(.disabled):active, .bg-gradient-lime.btn:not(:disabled):not(.disabled).active, .bg-gradient-lime.btn:active, .bg-gradient-lime.btn.active {
    background: #01ff70 linear-gradient(180deg, #26d572, #00cd5a) repeat-x !important;
    border-color: #00c054;
    color: #fff;
}

.bg-gradient-lime.btn:disabled, .bg-gradient-lime.btn.disabled {
    background-image: none !important;
    border-color: #01ff70;
    color: #1f2d3d;
}

.bg-gradient-fuchsia {
    background: #f012be linear-gradient(180deg, #f236c8, #f012be) repeat-x !important;
    color: #fff;
}

.bg-gradient-fuchsia.btn:not(:disabled):not(.disabled):active, .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-fuchsia.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-fuchsia.btn:hover {
    background: #f012be linear-gradient(180deg, #d631b1, #cf0da3) repeat-x !important;
    border-color: #c30c9a;
    color: #ececec;
}

.bg-gradient-fuchsia.btn:not(:disabled):not(.disabled):active, .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled).active, .bg-gradient-fuchsia.btn:active, .bg-gradient-fuchsia.btn.active {
    background: #f012be linear-gradient(180deg, #cc31a9, #c30c9a) repeat-x !important;
    border-color: #b70c90;
    color: #fff;
}

.bg-gradient-fuchsia.btn:disabled, .bg-gradient-fuchsia.btn.disabled {
    background-image: none !important;
    border-color: #f012be;
    color: #fff;
}

.bg-gradient-maroon {
    background: #d81b60 linear-gradient(180deg, #de3d78, #d81b60) repeat-x !important;
    color: #fff;
}

.bg-gradient-maroon.btn:not(:disabled):not(.disabled):active, .bg-gradient-maroon.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-maroon.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-maroon.btn:hover {
    background: #d81b60 linear-gradient(180deg, #c13a6b, #b61751) repeat-x !important;
    border-color: #ab154c;
    color: #ececec;
}

.bg-gradient-maroon.btn:not(:disabled):not(.disabled):active, .bg-gradient-maroon.btn:not(:disabled):not(.disabled).active, .bg-gradient-maroon.btn:active, .bg-gradient-maroon.btn.active {
    background: #d81b60 linear-gradient(180deg, #b73867, #ab154c) repeat-x !important;
    border-color: #9f1447;
    color: #fff;
}

.bg-gradient-maroon.btn:disabled, .bg-gradient-maroon.btn.disabled {
    background-image: none !important;
    border-color: #d81b60;
    color: #fff;
}

.bg-gradient-blue {
    background: #007bff linear-gradient(180deg, #268fff, #007bff) repeat-x !important;
    color: #fff;
}

.bg-gradient-blue.btn:not(:disabled):not(.disabled):active, .bg-gradient-blue.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-blue.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-blue.btn:hover {
    background: #007bff linear-gradient(180deg, #267fde, #0069d9) repeat-x !important;
    border-color: #0062cc;
    color: #ececec;
}

.bg-gradient-blue.btn:not(:disabled):not(.disabled):active, .bg-gradient-blue.btn:not(:disabled):not(.disabled).active, .bg-gradient-blue.btn:active, .bg-gradient-blue.btn.active {
    background: #007bff linear-gradient(180deg, #267ad4, #0062cc) repeat-x !important;
    border-color: #005cbf;
    color: #fff;
}

.bg-gradient-blue.btn:disabled, .bg-gradient-blue.btn.disabled {
    background-image: none !important;
    border-color: #007bff;
    color: #fff;
}

.bg-gradient-indigo {
    background: #6610f2 linear-gradient(180deg, #7d34f4, #6610f2) repeat-x !important;
    color: #fff;
}

.bg-gradient-indigo.btn:not(:disabled):not(.disabled):active, .bg-gradient-indigo.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-indigo.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-indigo.btn.show {
    color: #fff;
}

.bg-gradient-indigo.btn:hover {
    background: #6610f2 linear-gradient(180deg, #7030d7, #560bd0) repeat-x !important;
    border-color: #510bc4;
    color: #ececec !important;
}

.bg-gradient-indigo.btn:not(:disabled):not(.disabled):active, .bg-gradient-indigo.btn:not(:disabled):not(.disabled).active, .bg-gradient-indigo.btn:active, .bg-gradient-indigo.btn.active {
    background: #6610f2 linear-gradient(180deg, #6b2fcd, #510bc4) repeat-x !important;
    border-color: #4c0ab8;
    color: #fff;
}

.bg-gradient-indigo.btn:disabled, .bg-gradient-indigo.btn.disabled {
    background-image: none !important;
    border-color: #6610f2;
    color: #fff;
}

.bg-gradient-purple {
    background: #6f42c1 linear-gradient(180deg, #855eca, #6f42c1) repeat-x !important;
    color: #fff;
}

.bg-gradient-purple.btn:not(:disabled):not(.disabled):active, .bg-gradient-purple.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-purple.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-purple.btn:hover {
    background: #6f42c1 linear-gradient(180deg, #7655b4, #5e37a6) repeat-x !important;
    border-color: #59339d;
    color: #ececec;
}

.bg-gradient-purple.btn:not(:disabled):not(.disabled):active, .bg-gradient-purple.btn:not(:disabled):not(.disabled).active, .bg-gradient-purple.btn:active, .bg-gradient-purple.btn.active {
    background: #6f42c1 linear-gradient(180deg, #7252ab, #59339d) repeat-x !important;
    border-color: #533093;
    color: #fff;
}

.bg-gradient-purple.btn:disabled, .bg-gradient-purple.btn.disabled {
    background-image: none !important;
    border-color: #6f42c1;
    color: #fff;
}

.bg-gradient-pink {
    background: #e83e8c linear-gradient(180deg, #eb5b9d, #e83e8c) repeat-x !important;
    color: #fff;
}

.bg-gradient-pink.btn:not(:disabled):not(.disabled):active, .bg-gradient-pink.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-pink.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-pink.btn:hover {
    background: #e83e8c linear-gradient(180deg, #e83e8c, #e41c78) repeat-x !important;
    border-color: #d91a72;
    color: #ececec;
}

.bg-gradient-pink.btn:not(:disabled):not(.disabled):active, .bg-gradient-pink.btn:not(:disabled):not(.disabled).active, .bg-gradient-pink.btn:active, .bg-gradient-pink.btn.active {
    background: #e83e8c linear-gradient(180deg, #df3c87, #d91a72) repeat-x !important;
    border-color: #ce196c;
    color: #fff;
}

.bg-gradient-pink.btn:disabled, .bg-gradient-pink.btn.disabled {
    background-image: none !important;
    border-color: #e83e8c;
    color: #fff;
}

.bg-gradient-red {
    background: #dc3545 linear-gradient(180deg, #e15361, #dc3545) repeat-x !important;
    color: #fff;
}

.bg-gradient-red.btn:not(:disabled):not(.disabled):active, .bg-gradient-red.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-red.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-red.btn:hover {
    background: #dc3545 linear-gradient(180deg, #d04451, #c82333) repeat-x !important;
    border-color: #bd2130;
    color: #ececec;
}

.bg-gradient-red.btn:not(:disabled):not(.disabled):active, .bg-gradient-red.btn:not(:disabled):not(.disabled).active, .bg-gradient-red.btn:active, .bg-gradient-red.btn.active {
    background: #dc3545 linear-gradient(180deg, #c7424f, #bd2130) repeat-x !important;
    border-color: #b21f2d;
    color: #fff;
}

.bg-gradient-red.btn:disabled, .bg-gradient-red.btn.disabled {
    background-image: none !important;
    border-color: #dc3545;
    color: #fff;
}

.bg-gradient-orange {
    background: #fd7e14 linear-gradient(180deg, #fd9137, #fd7e14) repeat-x !important;
    color: #fff;
}

.bg-gradient-orange.btn:not(:disabled):not(.disabled):active, .bg-gradient-orange.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-orange.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-orange.btn:hover {
    background: #fd7e14 linear-gradient(180deg, #ec8128, #e96b02) repeat-x !important;
    border-color: #dc6502;
    color: #121a24;
}

.bg-gradient-orange.btn:not(:disabled):not(.disabled):active, .bg-gradient-orange.btn:not(:disabled):not(.disabled).active, .bg-gradient-orange.btn:active, .bg-gradient-orange.btn.active {
    background: #fd7e14 linear-gradient(180deg, #e17c28, #dc6502) repeat-x !important;
    border-color: #cf5f02;
    color: #fff;
}

.bg-gradient-orange.btn:disabled, .bg-gradient-orange.btn.disabled {
    background-image: none !important;
    border-color: #fd7e14;
    color: #1f2d3d;
}

.bg-gradient-yellow {
    background: #ffc107 linear-gradient(180deg, #ffca2c, #ffc107) repeat-x !important;
    color: #1f2d3d;
}

.bg-gradient-yellow.btn:not(:disabled):not(.disabled):active, .bg-gradient-yellow.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-yellow.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-yellow.btn:hover {
    background: #ffc107 linear-gradient(180deg, #e4b526, #e0a800) repeat-x !important;
    border-color: #d39e00;
    color: #121a24;
}

.bg-gradient-yellow.btn:not(:disabled):not(.disabled):active, .bg-gradient-yellow.btn:not(:disabled):not(.disabled).active, .bg-gradient-yellow.btn:active, .bg-gradient-yellow.btn.active {
    background: #ffc107 linear-gradient(180deg, #daad26, #d39e00) repeat-x !important;
    border-color: #c69500;
    color: #1f2d3d;
}

.bg-gradient-yellow.btn:disabled, .bg-gradient-yellow.btn.disabled {
    background-image: none !important;
    border-color: #ffc107;
    color: #1f2d3d;
}

.bg-gradient-green {
    background: #28a745 linear-gradient(180deg, #48b461, #28a745) repeat-x !important;
    color: #fff;
}

.bg-gradient-green.btn:not(:disabled):not(.disabled):active, .bg-gradient-green.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-green.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-green.btn:hover {
    background: #28a745 linear-gradient(180deg, #429a56, #218838) repeat-x !important;
    border-color: #1e7e34;
    color: #ececec;
}

.bg-gradient-green.btn:not(:disabled):not(.disabled):active, .bg-gradient-green.btn:not(:disabled):not(.disabled).active, .bg-gradient-green.btn:active, .bg-gradient-green.btn.active {
    background: #28a745 linear-gradient(180deg, #409152, #1e7e34) repeat-x !important;
    border-color: #1c7430;
    color: #fff;
}

.bg-gradient-green.btn:disabled, .bg-gradient-green.btn.disabled {
    background-image: none !important;
    border-color: #28a745;
    color: #fff;
}

.bg-gradient-teal {
    background: #20c997 linear-gradient(180deg, #41d1a7, #20c997) repeat-x !important;
    color: #fff;
}

.bg-gradient-teal.btn:not(:disabled):not(.disabled):active, .bg-gradient-teal.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-teal.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-teal.btn:hover {
    background: #20c997 linear-gradient(180deg, #3db592, #1ba87e) repeat-x !important;
    border-color: #199d76;
    color: #ececec;
}

.bg-gradient-teal.btn:not(:disabled):not(.disabled):active, .bg-gradient-teal.btn:not(:disabled):not(.disabled).active, .bg-gradient-teal.btn:active, .bg-gradient-teal.btn.active {
    background: #20c997 linear-gradient(180deg, #3bac8b, #199d76) repeat-x !important;
    border-color: #17926e;
    color: #fff;
}

.bg-gradient-teal.btn:disabled, .bg-gradient-teal.btn.disabled {
    background-image: none !important;
    border-color: #20c997;
    color: #fff;
}

.bg-gradient-cyan {
    background: #17a2b8 linear-gradient(180deg, #3ab0c3, #17a2b8) repeat-x !important;
    color: #fff;
}

.bg-gradient-cyan.btn:not(:disabled):not(.disabled):active, .bg-gradient-cyan.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-cyan.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-cyan.btn:hover {
    background: #17a2b8 linear-gradient(180deg, #3697a6, #138496) repeat-x !important;
    border-color: #117a8b;
    color: #ececec;
}
.bg-gradient-cyan.btn:focus {
    color: #ececec !important;
}

.bg-gradient-cyan.btn:not(:disabled):not(.disabled):active, .bg-gradient-cyan.btn:not(:disabled):not(.disabled).active, .bg-gradient-cyan.btn:active, .bg-gradient-cyan.btn.active {
    background: #17a2b8 linear-gradient(180deg, #358e9c, #117a8b) repeat-x !important;
    border-color: #10707f;
    color: #fff;
}

.bg-gradient-cyan.btn:disabled, .bg-gradient-cyan.btn.disabled {
    background-image: none !important;
    border-color: #17a2b8;
    color: #fff;
}

.bg-gradient-white {
    background: #fff linear-gradient(180deg, white, #fff) repeat-x !important;
    color: #1f2d3d;
}

.bg-gradient-white.btn:not(:disabled):not(.disabled):active, .bg-gradient-white.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-white.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-white.btn:hover {
    background: #fff linear-gradient(180deg, #efefef, #ececec) repeat-x !important;
    border-color: #e6e6e6;
    color: #121a24;
}

.bg-gradient-white.btn:not(:disabled):not(.disabled):active, .bg-gradient-white.btn:not(:disabled):not(.disabled).active, .bg-gradient-white.btn:active, .bg-gradient-white.btn.active {
    background: #fff linear-gradient(180deg, #e9e9e9, #e6e6e6) repeat-x !important;
    border-color: #dfdfdf;
    color: #1f2d3d;
}

.bg-gradient-white.btn:disabled, .bg-gradient-white.btn.disabled {
    background-image: none !important;
    border-color: #fff;
    color: #1f2d3d;
}

.bg-gradient-gray {
    background: #6c757d linear-gradient(180deg, #828a91, #6c757d) repeat-x !important;
    color: #fff;
}

.bg-gradient-gray.btn:not(:disabled):not(.disabled):active, .bg-gradient-gray.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-gray.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-gray.btn:hover {
    background: #6c757d linear-gradient(180deg, #73797f, #5a6268) repeat-x !important;
    border-color: #545b62;
    color: #ececec;
}

.bg-gradient-gray.btn:not(:disabled):not(.disabled):active, .bg-gradient-gray.btn:not(:disabled):not(.disabled).active, .bg-gradient-gray.btn:active, .bg-gradient-gray.btn.active {
    background: #6c757d linear-gradient(180deg, #6e7479, #545b62) repeat-x !important;
    border-color: #4e555b;
    color: #fff;
}

.bg-gradient-gray.btn:disabled, .bg-gradient-gray.btn.disabled {
    background-image: none !important;
    border-color: #6c757d;
    color: #fff;
}

.bg-gradient-gray-dark {
    background: #343a40 linear-gradient(180deg, #52585d, #343a40) repeat-x !important;
    color: #fff;
}

.bg-gradient-gray-dark.btn:not(:disabled):not(.disabled):active, .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-gray-dark.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-gray-dark.btn:hover {
    background: #343a40 linear-gradient(180deg, #44474b, #23272b) repeat-x !important;
    border-color: #1d2124;
    color: #ececec;
}

.bg-gradient-gray-dark.btn:not(:disabled):not(.disabled):active, .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled).active, .bg-gradient-gray-dark.btn:active, .bg-gradient-gray-dark.btn.active {
    background: #343a40 linear-gradient(180deg, #3f4245, #1d2124) repeat-x !important;
    border-color: #171a1d;
    color: #fff;
}

.bg-gradient-gray-dark.btn:disabled, .bg-gradient-gray-dark.btn.disabled {
    background-image: none !important;
    border-color: #343a40;
    color: #fff;
}

.bg-gradient-vttu {
    background: #920303 linear-gradient(180deg, #b50e0e, #920303) repeat-x !important;
    color: #fff;
}

.bg-gradient-vttu.btn:not(:disabled):not(.disabled):active, .bg-gradient-vttu.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-vttu.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-vttu.btn:hover {
    background: #920303 linear-gradient(180deg, #9e0b0b, #7a0202) repeat-x !important;
    border-color: #6b0101;
    color: #ececec;
}

.bg-gradient-vttu.btn:not(:disabled):not(.disabled):active, .bg-gradient-vttu.btn:not(:disabled):not(.disabled).active,
.bg-gradient-vttu.btn:active, .bg-gradient-vttu.btn.active {
    background: #920303 linear-gradient(180deg, #8a0202, #6b0101) repeat-x !important;
    border-color: #5a0101;
    color: #fff;
}

.bg-gradient-vttu.btn:disabled, .bg-gradient-vttu.btn.disabled {
    background-image: none !important;
    border-color: #920303;
    color: #fff;
}