@charset "UTF-8";

/*!
SEARCH GROUP CSS KEYWORD "###"
 * Bootstrap v4.5.0 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

:root {
  --blue: #0c518c;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #c51b1b;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #ffffff;

  /* MAIN COLOR */
  --primary: #3b4f9f;
  --secondary: #ffffff;
  --success: #1bc522;
  --info: #1890ff;
  --warning: #ffd335;
  --danger: #c51b1b;
  --tosca: #1bc5bd;
  --grey: #c3c4c5;
  /* COLOR TO RGBA WITH OPACITY FOR BTN SHADOW */
  --opacity02: 0.25;
  --opacity03: 0.3;
  --primaryrgb: 12, 81, 140;
  --secondaryrgb: 228, 230, 239;
  --successrgb: 27, 197, 34;
  --inforgb: 27, 197, 189;
  --warningrgb: 255, 168, 0;
  --dangerrgb: 197, 27, 27;
  /* END */
  /* HOVER */
  --primary-hover: #2e3d7b;
  --secondary-hover: #aaabac;
  --success-hover: #15981a;
  --info-hover: #0077e5;
  --tosca-hover: #159892;
  --warning-hover: #ffc700;
  --danger-hover: #b11818;
  /* END HOVER */
  /* BACKGROUND */
  --graybg: #dfe3e8;
  --primarybg: #e6efff;
  --secondarybg: #e4e6ef;
  --successbg: #c9f7d0;
  --infobg: #d8ebff;
  --warningbg: #ffe4b2;
  --dangerbg: #f7c9c9;
  --toscabg: #c9f7f5;
  --fieldbg: #f5f8fa;
  --labelkartukontrolSudahbg: #e8fff3;
  --labelkartukontrolBelumbg: #fff8dd;
  /* END BACKGROUND */
  /* TEXT COLOR */
  --text-black: #0e1e28;
  --text-disabled: #919eab;
  --text-grey: #637381;
  --text-header-table: #b5b5c3;
  --header-table-bg: #f3f6f9;
  --active-state: #637381;
  --textcolorlabelkartukontrolSudah: #50cd89;
  --textcolorlabelkartukontrolBelum: #f1bc00;
  /* END TEXT COLOR */
  --light: #f3f6f9;
  --dark: #181c32;
  --white: #ffffff;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --breakpoint-xxl: 1400px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
  --text-normal: #600cfc;
}

/* ### TEXT */
.text-black {
  color: var(--text-black) !important;
}
.text-disabled {
  color: var(--text-disabled) !important;
}
.text-grey {
  color: var(--text-grey) !important;
}
.text-header-table {
  color: var(--text-header-table) !important;
}
.text-primary {
  color: var(--primary) !important;
}
.text-white {
  color: var(--white) !important;
}
.text-secondary {
  color: var(--secondary) !important;
}
.text-info {
  color: var(--info) !important;
}
.text-warning {
  color: var(--warning) !important;
}
.text-danger {
  color: var(--danger) !important;
}
.text-success {
  color: var(--success) !important;
}
.text-gray {
  color: var(--gray) !important;
}
.text-white {
  color: #ffffff !important;
}
.text-normal {
  color: var(--text-normal) !important;
}
/* ### TAG A */
a.text-primary:hover,
a.text-primary:focus {
  color: var(--primary) !important;
}

a.text-secondary:hover,
a.text-secondary:focus {
  color: var(--secondary) !important;
}

a.text-success:hover,
a.text-success:focus {
  color: var(--success) !important;
}

a.text-info:hover,
a.text-info:focus {
  color: var(--info) !important;
}

a.text-warning:hover,
a.text-warning:focus {
  color: var(--warning) !important;
}

a.text-danger:hover,
a.text-danger:focus {
  color: var(--danger) !important;
}

.text-light {
  color: #f3f6f9 !important;
}

a.text-light:hover,
a.text-light:focus {
  color: #c0d0e0 !important;
}

.text-dark {
  color: #181c32 !important;
}

a.text-dark:hover,
a.text-dark:focus {
  color: black !important;
}

.text-white {
  color: #ffffff !important;
}

a.text-white:hover,
a.text-white:focus {
  color: #d9d9d9 !important;
}
/* ### BACKGROUND*/
.bg-black {
  background-color: var(--text-black) !important;
}
.bg-grey {
  background-color: var(--grey) !important;
}
.bg-header-table {
  background-color: var(--header-table-bg) !important;
}
.bg-primary {
  background-color: var(--primary) !important;
}
.bg-white {
  background-color: var(--white) !important;
}
.bg-secondary {
  background-color: var(--secondary) !important;
}
.bg-info {
  background-color: var(--info) !important;
}
.bg-warning {
  background-color: var(--warning) !important;
}
.bg-danger {
  background-color: var(--danger) !important;
}
.bg-success {
  background-color: var(--success) !important;
}
.bg-gray {
  background-color: var(--gray) !important;
}
.bg-field {
  background-color: var(--fieldbg) !important;
}
/* ### BACKGROUND TRANSPARENT */
.bg-black-transparent {
  background-color: var(--dark) !important;
}
.bg-primary-transparent {
  background-color: var(--primarybg) !important;
}
.bg-white-transparent {
  background-color: var(--white) !important;
}
.bg-secondary-transparent {
  background-color: var(--secondarybg) !important;
}
.bg-info-transparent {
  background-color: var(--infobg) !important;
}
.bg-warning-transparent {
  background-color: var(--warningbg) !important;
}
.bg-danger-transparent {
  background-color: var(--dangerbg) !important;
}
.bg-success-transparent {
  background-color: var(--successbg) !important;
}
.bg-gray-transparent {
  background-color: var(--graybg) !important;
}

/* ### BUTTON DEFAULT*/
/* ## BUTTON DEFAULT PRIMARY*/
.btn-primary {
  color: #ffffff;
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}
.btn-primary:hover {
  color: #ffffff;
  background-color: var(--primary-hover) !important;
  border-color: var(--primary-hover) !important;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #ffffff;
  background-color: var(--primary-hover) !important;
  border-color: var(--primary-hover) !important;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(84, 168, 255, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(84, 168, 255, 0.5);
}
.btn-primary.disabled,
.btn-primary:disabled {
  color: #ffffff;
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #ffffff;
  background-color: var(--primary-hover) !important;
  border-color: var(--primary-hover) !important;
}
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(84, 168, 255, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(84, 168, 255, 0.5);
}

.btn-field {
  color: var(--text-black);
  background-color: var(--fieldbg) !important;
  border-color: var(--fieldbg) !important;
}
.btn-field.btn-lg {
  padding: 0.825rem 1.42rem !important;
  font-size: 1.08rem !important;
  line-height: 1.5 !important;
  border-radius: 0.42rem !important;
}
.btn-field.btn-lg.rounded-lg {
  padding: 0.825rem 1.42rem !important;
  font-size: 1.08rem !important;
  line-height: 1.5 !important;
  border-radius: 0.85rem !important;
}
.btn-field:hover {
  color: var(--text-black);
  background-color: var(--fieldbg) !important;
  border-color: var(--fieldbg) !important;
}
.btn-field:focus,
.btn-field.focus {
  color: var(--text-black);
  background-color: var(--fieldbg) !important;
  border-color: var(--fieldbg) !important;
  -webkit-box-shadow: 0 0 0 0rem var(--fieldbg) !important;
  box-shadow: 0 0 0 0rem var(--fieldbg) !important;
}
.btn-field.disabled,
.btn-field:disabled {
  color: var(--text-black);
  background-color: var(--fieldbg) !important;
  border-color: var(--fieldbg) !important;
}
.btn-field:not(:disabled):not(.disabled):active,
.btn-field:not(:disabled):not(.disabled).active,
.show > .btn-field.dropdown-toggle {
  color: var(--text-black);
  background-color: var(--fieldbg) !important;
  border-color: var(--fieldbg) !important;
}
.btn-field:not(:disabled):not(.disabled):active:focus,
.btn-field:not(:disabled):not(.disabled).active:focus,
.show > .btn-field.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0rem var(--fieldbg) !important;
  box-shadow: 0 0 0 0rem var(--fieldbg) !important;
}
/* COBA CUSTOM BTN */
.btn-tosca {
  color: #ffffff;
  background-color: var(--tosca) !important;
  border-color: var(--tosca) !important;
}
.btn-tosca:hover {
  color: #ffffff;
  background-color: var(--tosca) !important;
  border-color: var(--tosca) !important;
}
.btn-tosca:focus,
.btn-tosca.focus {
  color: #ffffff;
  background-color: var(--tosca) !important;
  border-color: var(--tosca) !important;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(84, 168, 255, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(84, 168, 255, 0.5);
}
.btn-tosca.disabled,
.btn-tosca:disabled {
  color: #ffffff;
  background-color: var(--tosca) !important;
  border-color: var(--tosca) !important;
}
.btn-tosca:not(:disabled):not(.disabled):active,
.btn-tosca:not(:disabled):not(.disabled).active,
.show > .btn-tosca.dropdown-toggle {
  color: #ffffff;
  background-color: var(--tosca) !important;
  border-color: var(--tosca) !important;
}
.btn-tosca:not(:disabled):not(.disabled):active:focus,
.btn-tosca:not(:disabled):not(.disabled).active:focus,
.show > .btn-tosca.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(84, 168, 255, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(84, 168, 255, 0.5);
}
/* ## BUTTON DEFAULT SECONDARY*/
.btn-secondary {
  color: #181c32;
  background-color: var(--secondary) !important;
  border-color: var(--secondary) !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-secondary:hover {
  color: #181c32;
  background-color: var(--secondary-hover) !important;
  border-color: var(--secondary-hover) !important;
}
.btn-secondary:focus,
.btn-secondary.focus {
  color: #181c32;
  background-color: var(--secondary-hover) !important;
  border-color: var(--secondary-hover) !important;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(197, 200, 211, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(197, 200, 211, 0.5);
}
.btn-secondary.disabled,
.btn-secondary:disabled {
  color: #181c32;
  background-color: var(--secondary) !important;
  border-color: var(--secondary) !important;
}
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #181c32;
  background-color: var(--secondary-hover) !important;
  border-color: var(--secondary-hover) !important;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(197, 200, 211, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(197, 200, 211, 0.5);
}
/* ## BUTTON DEFAULT SUCCESS*/
.btn-success {
  color: #ffffff;
  background-color: var(--success) !important;
  border-color: var(--success) !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-success:hover {
  color: #ffffff;
  background-color: var(--success-hover) !important;
  border-color: var(--success-hover) !important;
}
.btn-success:focus,
.btn-success.focus {
  color: #ffffff;
  background-color: var(--success-hover) !important;
  border-color: var(--success-hover) !important;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(61, 206, 199, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(61, 206, 199, 0.5);
}
.btn-success.disabled,
.btn-success:disabled {
  color: #ffffff;
  background-color: var(--success) !important;
  border-color: var(--success) !important;
}
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #ffffff;
  background-color: var(--success-hover) !important;
  border-color: var(--success-hover) !important;
}
.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(61, 206, 199, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(61, 206, 199, 0.5);
}
/* ## BUTTON DEFAULT INFO*/
.btn-info {
  color: #ffffff;
  background-color: var(--info) !important;
  border-color: var(--info) !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-info:hover {
  color: #ffffff;
  background-color: var(--info-hover) !important;
  border-color: var(--info-hover) !important;
}
.btn-info:focus,
.btn-info.focus {
  color: #ffffff;
  background-color: var(--info-hover) !important;
  border-color: var(--info-hover) !important;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(155, 106, 252, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(155, 106, 252, 0.5);
}
.btn-info.disabled,
.btn-info:disabled {
  color: #ffffff;
  background-color: var(--info) !important;
  border-color: var(--info) !important;
}
.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
  color: #ffffff;
  background-color: var(--info-hover) !important;
  border-color: var(--info-hover) !important;
}
.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(155, 106, 252, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(155, 106, 252, 0.5);
}
/* ## BUTTON DEFAULT WARNING*/

.btn-warning {
  color: #181c32;
  background-color: var(--warning) !important;
  border-color: var(--warning) !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-warning:hover {
  color: #ffffff;
  background-color: var(--warning-hover) !important;
  border-color: var(--warning-hover) !important;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #ffffff;
  background-color: var(--warning-hover) !important;
  border-color: var(--warning-hover) !important;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 147, 8, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(220, 147, 8, 0.5);
}
.btn-warning.disabled,
.btn-warning:disabled {
  color: #181c32;
  background-color: var(--warning) !important;
  border-color: var(--warning) !important;
}
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
  color: #ffffff;
  background-color: var(--warning-hover) !important;
  border-color: var(--warning-hover) !important;
}
.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 147, 8, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(220, 147, 8, 0.5);
}
/* ## BUTTON DEFAULT DANGER*/

.btn-danger {
  color: #ffffff;
  background-color: var(--danger) !important;
  border-color: var(--danger) !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-danger:hover {
  color: #ffffff;
  background-color: var(--danger-hover) !important ;
  border-color: var(--danger-hover) !important;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #ffffff;
  background-color: var(--danger-hover) !important;
  border-color: var(--danger-hover) !important;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(247, 105, 120, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(247, 105, 120, 0.5);
}
.btn-danger.disabled,
.btn-danger:disabled {
  color: #ffffff;
  background-color: var(--danger) !important;
  border-color: var(--danger) !important;
}
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
  color: #ffffff;
  background-color: var(--danger-hover) !important;
  border-color: var(--danger-hover) !important;
}
.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(247, 105, 120, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(247, 105, 120, 0.5);
}

/* ### BUTTON OUTLINE */
/* ## BUTTON OUTLINE PRIMARY*/
.btn-outline-primary {
  color: var(--primary) !important;
  border-color: var(--primary) !important;
}
.btn-outline-primary:hover {
  color: #ffffff !important;
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}
.btn-outline-primary:focus,
.btn-outline-primary.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(54, 153, 255, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(54, 153, 255, 0.5);
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: var(--primary) !important;
  background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #ffffff !important;
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(54, 153, 255, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(54, 153, 255, 0.5);
}
/* ## BUTTON OUTLINE TOSCA*/
.btn-outline-tosca {
  color: var(--tosca) !important;
  border-color: var(--tosca) !important;
}
.btn-outline-tosca:hover {
  color: #ffffff !important;
  background-color: var(--tosca) !important;
  border-color: var(--tosca) !important;
}
.btn-outline-tosca:focus,
.btn-outline-tosca.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(54, 153, 255, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(54, 153, 255, 0.5);
}
.btn-outline-tosca.disabled,
.btn-outline-tosca:disabled {
  color: var(--tosca) !important;
  background-color: transparent;
}
.btn-outline-tosca:not(:disabled):not(.disabled):active,
.btn-outline-tosca:not(:disabled):not(.disabled).active,
.show > .btn-outline-tosca.dropdown-toggle {
  color: #ffffff !important;
  background-color: var(--tosca) !important;
  border-color: var(--tosca) !important;
}
.btn-outline-tosca:not(:disabled):not(.disabled):active:focus,
.btn-outline-tosca:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-tosca.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(54, 153, 255, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(54, 153, 255, 0.5);
}
/* ## BUTTON OUTLINE SECONDARY*/

.btn-outline-secondary {
  color: var(--text-black) !important;
  border-color: var(--grey) !important;
}
.btn-outline-secondary:hover {
  color: var(--white);
  background-color: var(--grey) !important;
  border-color: var(--secondary) !important;
}
.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(228, 230, 239, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(228, 230, 239, 0.5);
}
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
  color: var(--text-black) !important;
  background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #181c32;
  background-color: var(--secondary) !important;
  border-color: var(--secondary) !important;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(228, 230, 239, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(228, 230, 239, 0.5);
}
/* ## BUTTON OUTLINE SUCCESS*/

.btn-outline-success {
  color: var(--success) !important;
  border-color: var(--success) !important;
}
.btn-outline-success:hover {
  color: #ffffff !important;
  background-color: var(--success) !important;
  border-color: var(--success) !important;
}
.btn-outline-success:focus,
.btn-outline-success.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(27, 197, 189, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(27, 197, 189, 0.5);
}
.btn-outline-success.disabled,
.btn-outline-success:disabled {
  color: var(--success) !important;
  background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
  color: #ffffff !important;
  background-color: var(--success) !important;
  border-color: var(--success) !important;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(27, 197, 189, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(27, 197, 189, 0.5);
}
/* ## BUTTON OUTLINE INFO*/

.btn-outline-info {
  color: var(--info) !important;
  border-color: var(--info) !important;
}
.btn-outline-info:hover {
  color: #ffffff !important;
  background-color: var(--info) !important;
  border-color: var(--info) !important;
}
.btn-outline-info:focus,
.btn-outline-info.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(137, 80, 252, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(137, 80, 252, 0.5);
}
.btn-outline-info.disabled,
.btn-outline-info:disabled {
  color: var(--info) !important;
  background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
  color: #ffffff !important;
  background-color: var(--info) !important;
  border-color: var(--info) !important;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(137, 80, 252, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(137, 80, 252, 0.5);
}
/* ## BUTTON OUTLINE WARNING*/

.btn-outline-warning {
  color: var(--warning) !important;
  border-color: var(--warning) !important;
}
.btn-outline-warning:hover {
  color: #181c32 !important;
  background-color: var(--warning) !important;
  border-color: var(--warning) !important;
}
.btn-outline-warning:focus,
.btn-outline-warning.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 168, 0, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(255, 168, 0, 0.5);
}
.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
  color: var(--warning) !important;
  background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
  color: #181c32;
  background-color: var(--warning) !important;
  border-color: var(--warning) !important;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 168, 0, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(255, 168, 0, 0.5);
}
/* ## BUTTON OUTLINE DANGER*/

.btn-outline-danger {
  color: var(--danger) !important;
  border-color: var(--danger) !important;
}
.btn-outline-danger:hover {
  color: #ffffff !important;
  background-color: var(--danger) !important;
  border-color: var(--danger) !important;
}
.btn-outline-danger:focus,
.btn-outline-danger.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(246, 78, 96, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(246, 78, 96, 0.5);
}
.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
  color: var(--danger) !important;
  background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
  color: #ffffff !important;
  background-color: var(--danger) !important;
  border-color: var(--danger) !important;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(246, 78, 96, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(246, 78, 96, 0.5);
}

/* ### BUTTON LIGHT */
/* ## BUTTON LIGHT DEFAULT*/
.btn-light {
  color: #181c32;
  background-color: #f3f6f9;
  border-color: #f3f6f9;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-light:hover {
  color: #181c32;
  background-color: #dae3ec;
  border-color: #d1dde8;
}
.btn-light:focus,
.btn-light.focus {
  color: #181c32;
  background-color: #dae3ec;
  border-color: #d1dde8;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(210, 213, 219, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(210, 213, 219, 0.5);
}
.btn-light.disabled,
.btn-light:disabled {
  color: #181c32;
  background-color: #f3f6f9;
  border-color: #f3f6f9;
}
.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
  color: #181c32;
  background-color: #d1dde8;
  border-color: #c9d6e4;
}
.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(210, 213, 219, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(210, 213, 219, 0.5);
}
/* ## BUTTON LIGHT PRIMARY*/

.btn.btn-light-primary {
  color: var(--primary) !important;
  background-color: var(--primarybg) !important;
  border-color: transparent;
}
.btn.btn-light-primary i {
  color: var(--primary) !important;
}
.btn.btn-light-primary .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--primary) !important;
}
.btn.btn-light-primary .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-light-primary.dropdown-toggle:after {
  color: var(--primary) !important;
}
.btn.btn-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-light-primary:focus:not(.btn-text),
.btn.btn-light-primary.focus:not(.btn-text) {
  color: #ffffff !important;
  background-color: var(--primary) !important;
  border-color: transparent;
}
.btn.btn-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn.btn-light-primary:focus:not(.btn-text) i,
.btn.btn-light-primary.focus:not(.btn-text) i {
  color: #ffffff !important;
}
.btn.btn-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-light-primary:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-light-primary.focus:not(.btn-text) .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff !important;
}
.btn.btn-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-light-primary:focus:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-light-primary.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-light-primary:hover:not(.btn-text):not(:disabled):not(
    .disabled
  ).dropdown-toggle:after,
.btn.btn-light-primary:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-light-primary.focus:not(.btn-text).dropdown-toggle:after {
  color: #ffffff !important;
}
.btn.btn-light-primary.disabled,
.btn.btn-light-primary:disabled {
  color: var(--primary) !important;
  background-color: #e1f0ff;
  border-color: transparent;
}
.btn.btn-light-primary.disabled i,
.btn.btn-light-primary:disabled i {
  color: var(--primary) !important;
}
.btn.btn-light-primary.disabled .svg-icon svg g [fill],
.btn.btn-light-primary:disabled .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--primary) !important;
}
.btn.btn-light-primary.disabled .svg-icon svg:hover g [fill],
.btn.btn-light-primary:disabled .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-light-primary.disabled.dropdown-toggle:after,
.btn.btn-light-primary:disabled.dropdown-toggle:after {
  color: var(--primary) !important;
}
.btn.btn-light-primary:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-light-primary:not(:disabled):not(.disabled).active,
.show > .btn.btn-light-primary.dropdown-toggle,
.show .btn.btn-light-primary.btn-dropdown {
  color: #ffffff !important;
  background-color: var(--primary) !important;
  border-color: transparent;
}
.btn.btn-light-primary:not(:disabled):not(.disabled):active:not(.btn-text) i,
.btn.btn-light-primary:not(:disabled):not(.disabled).active i,
.show > .btn.btn-light-primary.dropdown-toggle i,
.show .btn.btn-light-primary.btn-dropdown i {
  color: #ffffff !important;
}
.btn.btn-light-primary:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-light-primary:not(:disabled):not(.disabled).active
  .svg-icon
  svg
  g
  [fill],
.show > .btn.btn-light-primary.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-light-primary.btn-dropdown .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff !important;
}
.btn.btn-light-primary:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-light-primary:not(:disabled):not(.disabled).active
  .svg-icon
  svg:hover
  g
  [fill],
.show > .btn.btn-light-primary.dropdown-toggle .svg-icon svg:hover g [fill],
.show .btn.btn-light-primary.btn-dropdown .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-light-primary:not(:disabled):not(.disabled):active:not(
    .btn-text
  ).dropdown-toggle:after,
.btn.btn-light-primary:not(:disabled):not(
    .disabled
  ).active.dropdown-toggle:after,
.show > .btn.btn-light-primary.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-light-primary.btn-dropdown.dropdown-toggle:after {
  color: #ffffff !important;
}

/* ## BUTTON LIGHT TOSCA*/

.btn.btn-light-tosca {
  color: var(--tosca) !important;
  background-color: var(--toscabg) !important;
  border-color: transparent;
}
.btn.btn-light-tosca i {
  color: var(--tosca) !important;
}
.btn.btn-light-tosca .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--tosca) !important;
}
.btn.btn-light-tosca .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-light-tosca.dropdown-toggle:after {
  color: var(--tosca) !important;
}
.btn.btn-light-tosca:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-light-tosca:focus:not(.btn-text),
.btn.btn-light-tosca.focus:not(.btn-text) {
  color: #ffffff !important;
  background-color: var(--tosca) !important;
  border-color: transparent;
}
.btn.btn-light-tosca:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn.btn-light-tosca:focus:not(.btn-text) i,
.btn.btn-light-tosca.focus:not(.btn-text) i {
  color: #ffffff !important;
}
.btn.btn-light-tosca:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-light-tosca:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-light-tosca.focus:not(.btn-text) .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff !important;
}
.btn.btn-light-tosca:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-light-tosca:focus:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-light-tosca.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-light-tosca:hover:not(.btn-text):not(:disabled):not(
    .disabled
  ).dropdown-toggle:after,
.btn.btn-light-tosca:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-light-tosca.focus:not(.btn-text).dropdown-toggle:after {
  color: #ffffff !important;
}
.btn.btn-light-tosca.disabled,
.btn.btn-light-tosca:disabled {
  color: var(--tosca) !important;
  background-color: #e1f0ff;
  border-color: transparent;
}
.btn.btn-light-tosca.disabled i,
.btn.btn-light-tosca:disabled i {
  color: var(--tosca) !important;
}
.btn.btn-light-tosca.disabled .svg-icon svg g [fill],
.btn.btn-light-tosca:disabled .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--tosca) !important;
}
.btn.btn-light-tosca.disabled .svg-icon svg:hover g [fill],
.btn.btn-light-tosca:disabled .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-light-tosca.disabled.dropdown-toggle:after,
.btn.btn-light-tosca:disabled.dropdown-toggle:after {
  color: var(--tosca) !important;
}
.btn.btn-light-tosca:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-light-tosca:not(:disabled):not(.disabled).active,
.show > .btn.btn-light-tosca.dropdown-toggle,
.show .btn.btn-light-tosca.btn-dropdown {
  color: #ffffff !important;
  background-color: var(--tosca) !important;
  border-color: transparent;
}
.btn.btn-light-tosca:not(:disabled):not(.disabled):active:not(.btn-text) i,
.btn.btn-light-tosca:not(:disabled):not(.disabled).active i,
.show > .btn.btn-light-tosca.dropdown-toggle i,
.show .btn.btn-light-tosca.btn-dropdown i {
  color: #ffffff !important;
}
.btn.btn-light-tosca:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-light-tosca:not(:disabled):not(.disabled).active
  .svg-icon
  svg
  g
  [fill],
.show > .btn.btn-light-tosca.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-light-tosca.btn-dropdown .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff !important;
}
.btn.btn-light-tosca:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-light-tosca:not(:disabled):not(.disabled).active
  .svg-icon
  svg:hover
  g
  [fill],
.show > .btn.btn-light-tosca.dropdown-toggle .svg-icon svg:hover g [fill],
.show .btn.btn-light-tosca.btn-dropdown .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-light-tosca:not(:disabled):not(.disabled):active:not(
    .btn-text
  ).dropdown-toggle:after,
.btn.btn-light-tosca:not(:disabled):not(.disabled).active.dropdown-toggle:after,
.show > .btn.btn-light-tosca.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-light-tosca.btn-dropdown.dropdown-toggle:after {
  color: #ffffff !important;
}
/* ## BUTTON LIGHT SECONDARY*/

.btn.btn-light-secondary {
  color: var(--secondary) !important;
  background-color: var(--secondarybg) !important;
  border-color: transparent;
}
.btn.btn-light-secondary i {
  color: var(--secondary) !important;
}
.btn.btn-light-secondary .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--secondary) !important;
}
.btn.btn-light-secondary .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-light-secondary.dropdown-toggle:after {
  color: var(--secondary) !important;
}
.btn.btn-light-secondary:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-light-secondary:focus:not(.btn-text),
.btn.btn-light-secondary.focus:not(.btn-text) {
  color: #3f4254;
  background-color: var(--secondary) !important;
  border-color: transparent;
}
.btn.btn-light-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn.btn-light-secondary:focus:not(.btn-text) i,
.btn.btn-light-secondary.focus:not(.btn-text) i {
  color: #3f4254;
}
.btn.btn-light-secondary:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-light-secondary:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-light-secondary.focus:not(.btn-text) .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #3f4254;
}
.btn.btn-light-secondary:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-light-secondary:focus:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-light-secondary.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-light-secondary:hover:not(.btn-text):not(:disabled):not(
    .disabled
  ).dropdown-toggle:after,
.btn.btn-light-secondary:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-light-secondary.focus:not(.btn-text).dropdown-toggle:after {
  color: #3f4254;
}
.btn.btn-light-secondary.disabled,
.btn.btn-light-secondary:disabled {
  color: var(--secondary) !important;
  background-color: #ebedf3;
  border-color: transparent;
}
.btn.btn-light-secondary.disabled i,
.btn.btn-light-secondary:disabled i {
  color: var(--secondary) !important;
}
.btn.btn-light-secondary.disabled .svg-icon svg g [fill],
.btn.btn-light-secondary:disabled .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--secondary) !important;
}
.btn.btn-light-secondary.disabled .svg-icon svg:hover g [fill],
.btn.btn-light-secondary:disabled .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-light-secondary.disabled.dropdown-toggle:after,
.btn.btn-light-secondary:disabled.dropdown-toggle:after {
  color: var(--secondary) !important;
}
.btn.btn-light-secondary:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-light-secondary:not(:disabled):not(.disabled).active,
.show > .btn.btn-light-secondary.dropdown-toggle,
.show .btn.btn-light-secondary.btn-dropdown {
  color: #3f4254;
  background-color: var(--secondary) !important;
  border-color: transparent;
}
.btn.btn-light-secondary:not(:disabled):not(.disabled):active:not(.btn-text) i,
.btn.btn-light-secondary:not(:disabled):not(.disabled).active i,
.show > .btn.btn-light-secondary.dropdown-toggle i,
.show .btn.btn-light-secondary.btn-dropdown i {
  color: #3f4254;
}
.btn.btn-light-secondary:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-light-secondary:not(:disabled):not(.disabled).active
  .svg-icon
  svg
  g
  [fill],
.show > .btn.btn-light-secondary.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-light-secondary.btn-dropdown .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #3f4254;
}
.btn.btn-light-secondary:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-light-secondary:not(:disabled):not(.disabled).active
  .svg-icon
  svg:hover
  g
  [fill],
.show > .btn.btn-light-secondary.dropdown-toggle .svg-icon svg:hover g [fill],
.show .btn.btn-light-secondary.btn-dropdown .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-light-secondary:not(:disabled):not(.disabled):active:not(
    .btn-text
  ).dropdown-toggle:after,
.btn.btn-light-secondary:not(:disabled):not(
    .disabled
  ).active.dropdown-toggle:after,
.show > .btn.btn-light-secondary.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-light-secondary.btn-dropdown.dropdown-toggle:after {
  color: #3f4254;
}
/* ## BUTTON LIGHT SUCCESS*/

.btn.btn-light-success {
  color: var(--success) !important;
  background-color: var(--successbg) !important;
  border-color: transparent;
}
.btn.btn-light-success i {
  color: var(--success) !important;
}
.btn.btn-light-success .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--success) !important;
}
.btn.btn-light-success .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-light-success.dropdown-toggle:after {
  color: var(--success) !important;
}
.btn.btn-light-success:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-light-success:focus:not(.btn-text),
.btn.btn-light-success.focus:not(.btn-text) {
  color: #ffffff !important;
  background-color: var(--success) !important;
  border-color: transparent;
}
.btn.btn-light-success:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn.btn-light-success:focus:not(.btn-text) i,
.btn.btn-light-success.focus:not(.btn-text) i {
  color: #ffffff !important;
}
.btn.btn-light-success:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-light-success:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-light-success.focus:not(.btn-text) .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff !important;
}
.btn.btn-light-success:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-light-success:focus:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-light-success.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-light-success:hover:not(.btn-text):not(:disabled):not(
    .disabled
  ).dropdown-toggle:after,
.btn.btn-light-success:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-light-success.focus:not(.btn-text).dropdown-toggle:after {
  color: #ffffff !important;
}
.btn.btn-light-success.disabled,
.btn.btn-light-success:disabled {
  color: var(--success) !important;
  background-color: var(--successbg) !important;
  border-color: transparent;
}
.btn.btn-light-success.disabled i,
.btn.btn-light-success:disabled i {
  color: var(--success) !important;
}
.btn.btn-light-success.disabled .svg-icon svg g [fill],
.btn.btn-light-success:disabled .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--success) !important;
}
.btn.btn-light-success.disabled .svg-icon svg:hover g [fill],
.btn.btn-light-success:disabled .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-light-success.disabled.dropdown-toggle:after,
.btn.btn-light-success:disabled.dropdown-toggle:after {
  color: var(--success) !important;
}
.btn.btn-light-success:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-light-success:not(:disabled):not(.disabled).active,
.show > .btn.btn-light-success.dropdown-toggle,
.show .btn.btn-light-success.btn-dropdown {
  color: #ffffff !important;
  background-color: var(--success) !important;
  border-color: transparent;
}
.btn.btn-light-success:not(:disabled):not(.disabled):active:not(.btn-text) i,
.btn.btn-light-success:not(:disabled):not(.disabled).active i,
.show > .btn.btn-light-success.dropdown-toggle i,
.show .btn.btn-light-success.btn-dropdown i {
  color: #ffffff !important;
}
.btn.btn-light-success:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-light-success:not(:disabled):not(.disabled).active
  .svg-icon
  svg
  g
  [fill],
.show > .btn.btn-light-success.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-light-success.btn-dropdown .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff !important;
}
.btn.btn-light-success:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-light-success:not(:disabled):not(.disabled).active
  .svg-icon
  svg:hover
  g
  [fill],
.show > .btn.btn-light-success.dropdown-toggle .svg-icon svg:hover g [fill],
.show .btn.btn-light-success.btn-dropdown .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-light-success:not(:disabled):not(.disabled):active:not(
    .btn-text
  ).dropdown-toggle:after,
.btn.btn-light-success:not(:disabled):not(
    .disabled
  ).active.dropdown-toggle:after,
.show > .btn.btn-light-success.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-light-success.btn-dropdown.dropdown-toggle:after {
  color: #ffffff !important;
}
/* ## BUTTON LIGHT DANGER*/

.btn.btn-light-danger {
  color: var(--danger) !important;
  background-color: var(--dangerbg) !important;
  border-color: transparent;
}
.btn.btn-light-danger i {
  color: var(--danger) !important;
}
.btn.btn-light-danger .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--danger) !important;
}
.btn.btn-light-danger .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-light-danger.dropdown-toggle:after {
  color: var(--danger) !important;
}
.btn.btn-light-danger:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-light-danger:focus:not(.btn-text),
.btn.btn-light-danger.focus:not(.btn-text) {
  color: #ffffff !important;
  background-color: var(--danger) !important;
  border-color: transparent;
}
.btn.btn-light-danger:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn.btn-light-danger:focus:not(.btn-text) i,
.btn.btn-light-danger.focus:not(.btn-text) i {
  color: #ffffff !important;
}
.btn.btn-light-danger:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-light-danger:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-light-danger.focus:not(.btn-text) .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff !important;
}
.btn.btn-light-danger:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-light-danger:focus:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-light-danger.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-light-danger:hover:not(.btn-text):not(:disabled):not(
    .disabled
  ).dropdown-toggle:after,
.btn.btn-light-danger:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-light-danger.focus:not(.btn-text).dropdown-toggle:after {
  color: #ffffff !important;
}
.btn.btn-light-danger.disabled,
.btn.btn-light-danger:disabled {
  color: var(--danger) !important;
  background-color: var(--dangerbg) !important;
  border-color: transparent;
}
.btn.btn-light-danger.disabled i,
.btn.btn-light-danger:disabled i {
  color: var(--danger) !important;
}
.btn.btn-light-danger.disabled .svg-icon svg g [fill],
.btn.btn-light-danger:disabled .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--danger) !important;
}
.btn.btn-light-danger.disabled .svg-icon svg:hover g [fill],
.btn.btn-light-danger:disabled .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-light-danger.disabled.dropdown-toggle:after,
.btn.btn-light-danger:disabled.dropdown-toggle:after {
  color: var(--danger) !important;
}
.btn.btn-light-danger:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-light-danger:not(:disabled):not(.disabled).active,
.show > .btn.btn-light-danger.dropdown-toggle,
.show .btn.btn-light-danger.btn-dropdown {
  color: #ffffff !important;
  background-color: var(--danger) !important;
  border-color: transparent;
}
.btn.btn-light-danger:not(:disabled):not(.disabled):active:not(.btn-text) i,
.btn.btn-light-danger:not(:disabled):not(.disabled).active i,
.show > .btn.btn-light-danger.dropdown-toggle i,
.show .btn.btn-light-danger.btn-dropdown i {
  color: #ffffff !important;
}
.btn.btn-light-danger:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-light-danger:not(:disabled):not(.disabled).active
  .svg-icon
  svg
  g
  [fill],
.show > .btn.btn-light-danger.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-light-danger.btn-dropdown .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff !important;
}
.btn.btn-light-danger:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-light-danger:not(:disabled):not(.disabled).active
  .svg-icon
  svg:hover
  g
  [fill],
.show > .btn.btn-light-danger.dropdown-toggle .svg-icon svg:hover g [fill],
.show .btn.btn-light-danger.btn-dropdown .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-light-danger:not(:disabled):not(.disabled):active:not(
    .btn-text
  ).dropdown-toggle:after,
.btn.btn-light-danger:not(:disabled):not(
    .disabled
  ).active.dropdown-toggle:after,
.show > .btn.btn-light-danger.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-light-danger.btn-dropdown.dropdown-toggle:after {
  color: #ffffff !important;
}
/* ## BUTTON LIGHT INFO*/

.btn.btn-light-info {
  color: var(--info) !important;
  background-color: var(--infobg) !important;
  border-color: transparent;
}
.btn.btn-light-info i {
  color: var(--info) !important;
}
.btn.btn-light-info .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--info) !important;
}
.btn.btn-light-info .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-light-info.dropdown-toggle:after {
  color: var(--info) !important;
}
.btn.btn-light-info:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-light-info:focus:not(.btn-text),
.btn.btn-light-info.focus:not(.btn-text) {
  color: #ffffff !important;
  background-color: var(--info) !important;
  border-color: transparent;
}
.btn.btn-light-info:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn.btn-light-info:focus:not(.btn-text) i,
.btn.btn-light-info.focus:not(.btn-text) i {
  color: #ffffff !important;
}
.btn.btn-light-info:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-light-info:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-light-info.focus:not(.btn-text) .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff !important;
}
.btn.btn-light-info:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-light-info:focus:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-light-info.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-light-info:hover:not(.btn-text):not(:disabled):not(
    .disabled
  ).dropdown-toggle:after,
.btn.btn-light-info:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-light-info.focus:not(.btn-text).dropdown-toggle:after {
  color: #ffffff !important;
}
.btn.btn-light-info.disabled,
.btn.btn-light-info:disabled {
  color: var(--info) !important;
  background-color: var(--infobg) !important;
  border-color: transparent;
}
.btn.btn-light-info.disabled i,
.btn.btn-light-info:disabled i {
  color: var(--info) !important;
}
.btn.btn-light-info.disabled .svg-icon svg g [fill],
.btn.btn-light-info:disabled .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--info) !important;
}
.btn.btn-light-info.disabled .svg-icon svg:hover g [fill],
.btn.btn-light-info:disabled .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-light-info.disabled.dropdown-toggle:after,
.btn.btn-light-info:disabled.dropdown-toggle:after {
  color: var(--info) !important;
}
.btn.btn-light-info:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-light-info:not(:disabled):not(.disabled).active,
.show > .btn.btn-light-info.dropdown-toggle,
.show .btn.btn-light-info.btn-dropdown {
  color: #ffffff !important;
  background-color: var(--info) !important;
  border-color: transparent;
}
.btn.btn-light-info:not(:disabled):not(.disabled):active:not(.btn-text) i,
.btn.btn-light-info:not(:disabled):not(.disabled).active i,
.show > .btn.btn-light-info.dropdown-toggle i,
.show .btn.btn-light-info.btn-dropdown i {
  color: #ffffff !important;
}
.btn.btn-light-info:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-light-info:not(:disabled):not(.disabled).active .svg-icon svg g [fill],
.show > .btn.btn-light-info.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-light-info.btn-dropdown .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff !important;
}
.btn.btn-light-info:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-light-info:not(:disabled):not(.disabled).active
  .svg-icon
  svg:hover
  g
  [fill],
.show > .btn.btn-light-info.dropdown-toggle .svg-icon svg:hover g [fill],
.show .btn.btn-light-info.btn-dropdown .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-light-info:not(:disabled):not(.disabled):active:not(
    .btn-text
  ).dropdown-toggle:after,
.btn.btn-light-info:not(:disabled):not(.disabled).active.dropdown-toggle:after,
.show > .btn.btn-light-info.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-light-info.btn-dropdown.dropdown-toggle:after {
  color: #ffffff !important;
}
/* ## BUTTON LIGHT WARNING*/

.btn.btn-light-warning {
  color: var(--white) !important;
  background-color: var(--warningbg);
  border-color: transparent;
}
.btn.btn-light-warning i {
  color: var(--warning) !important;
}
.btn.btn-light-warning .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--warning) !important;
}
.btn.btn-light-warning .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-light-warning.dropdown-toggle:after {
  color: var(--warning) !important;
}
.btn.btn-light-warning:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-light-warning:focus:not(.btn-text),
.btn.btn-light-warning.focus:not(.btn-text) {
  color: #ffffff !important;
  background-color: var(--warning) !important;
  border-color: transparent;
}
.btn.btn-light-warning:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn.btn-light-warning:focus:not(.btn-text) i,
.btn.btn-light-warning.focus:not(.btn-text) i {
  color: #ffffff !important;
}
.btn.btn-light-warning:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-light-warning:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-light-warning.focus:not(.btn-text) .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff !important;
}
.btn.btn-light-warning:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-light-warning:focus:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-light-warning.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-light-warning:hover:not(.btn-text):not(:disabled):not(
    .disabled
  ).dropdown-toggle:after,
.btn.btn-light-warning:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-light-warning.focus:not(.btn-text).dropdown-toggle:after {
  color: #ffffff !important;
}
.btn.btn-light-warning.disabled,
.btn.btn-light-warning:disabled {
  color: var(--warning) !important;
  background-color: var(--warningbg);
  border-color: transparent;
}
.btn.btn-light-warning.disabled i,
.btn.btn-light-warning:disabled i {
  color: var(--warning) !important;
}
.btn.btn-light-warning.disabled .svg-icon svg g [fill],
.btn.btn-light-warning:disabled .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--warning) !important;
}
.btn.btn-light-warning.disabled .svg-icon svg:hover g [fill],
.btn.btn-light-warning:disabled .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-light-warning.disabled.dropdown-toggle:after,
.btn.btn-light-warning:disabled.dropdown-toggle:after {
  color: var(--warning) !important;
}
.btn.btn-light-warning:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-light-warning:not(:disabled):not(.disabled).active,
.show > .btn.btn-light-warning.dropdown-toggle,
.show .btn.btn-light-warning.btn-dropdown {
  color: #ffffff !important;
  background-color: var(--warning) !important;
  border-color: transparent;
}
.btn.btn-light-warning:not(:disabled):not(.disabled):active:not(.btn-text) i,
.btn.btn-light-warning:not(:disabled):not(.disabled).active i,
.show > .btn.btn-light-warning.dropdown-toggle i,
.show .btn.btn-light-warning.btn-dropdown i {
  color: #ffffff !important;
}
.btn.btn-light-warning:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-light-warning:not(:disabled):not(.disabled).active
  .svg-icon
  svg
  g
  [fill],
.show > .btn.btn-light-warning.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-light-warning.btn-dropdown .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff !important;
}
.btn.btn-light-warning:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-light-warning:not(:disabled):not(.disabled).active
  .svg-icon
  svg:hover
  g
  [fill],
.show > .btn.btn-light-warning.dropdown-toggle .svg-icon svg:hover g [fill],
.show .btn.btn-light-warning.btn-dropdown .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-light-warning:not(:disabled):not(.disabled):active:not(
    .btn-text
  ).dropdown-toggle:after,
.btn.btn-light-warning:not(:disabled):not(
    .disabled
  ).active.dropdown-toggle:after,
.show > .btn.btn-light-warning.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-light-warning.btn-dropdown.dropdown-toggle:after {
  color: #ffffff !important;
}

/*  ### BUTTON HOVER LIGHT */
/*  ## BUTTON HOVER LIGHT PRIMARY*/
.btn.btn-hover-light-primary:not(:disabled):not(.disabled):active:not(
    .btn-text
  ),
.btn.btn-hover-light-primary:not(:disabled):not(.disabled).active,
.show > .btn.btn-hover-light-primary.dropdown-toggle,
.show .btn.btn-hover-light-primary.btn-dropdown {
  color: var(--primary) !important;
  background-color: var(--primarybg) !important;
  border-color: transparent;
}
.btn.btn-hover-light-primary:not(:disabled):not(.disabled):active:not(.btn-text)
  i,
.btn.btn-hover-light-primary:not(:disabled):not(.disabled).active i,
.show > .btn.btn-hover-light-primary.dropdown-toggle i,
.show .btn.btn-hover-light-primary.btn-dropdown i {
  color: var(--primary) !important;
}
.btn.btn-hover-light-primary:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-hover-light-primary:not(:disabled):not(.disabled).active
  .svg-icon
  svg
  g
  [fill],
.show > .btn.btn-hover-light-primary.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-hover-light-primary.btn-dropdown .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--primary) !important;
}
.btn.btn-hover-light-primary:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-hover-light-primary:not(:disabled):not(.disabled).active
  .svg-icon
  svg:hover
  g
  [fill],
.show
  > .btn.btn-hover-light-primary.dropdown-toggle
  .svg-icon
  svg:hover
  g
  [fill],
.show .btn.btn-hover-light-primary.btn-dropdown .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-hover-light-primary:not(:disabled):not(.disabled):active:not(
    .btn-text
  ).dropdown-toggle:after,
.btn.btn-hover-light-primary:not(:disabled):not(
    .disabled
  ).active.dropdown-toggle:after,
.show > .btn.btn-hover-light-primary.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-hover-light-primary.btn-dropdown.dropdown-toggle:after {
  color: var(--primary) !important;
}

/*  ## BUTTON HOVER LIGHT TOSCA*/
.btn.btn-hover-light-tosca:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-hover-light-tosca:not(:disabled):not(.disabled).active,
.show > .btn.btn-hover-light-tosca.dropdown-toggle,
.show .btn.btn-hover-light-tosca.btn-dropdown {
  color: var(--tosca) !important;
  background-color: var(--toscabg) !important;
  border-color: transparent;
}
.btn.btn-hover-light-tosca:not(:disabled):not(.disabled):active:not(.btn-text)
  i,
.btn.btn-hover-light-tosca:not(:disabled):not(.disabled).active i,
.show > .btn.btn-hover-light-tosca.dropdown-toggle i,
.show .btn.btn-hover-light-tosca.btn-dropdown i {
  color: var(--tosca) !important;
}
.btn.btn-hover-light-tosca:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-hover-light-tosca:not(:disabled):not(.disabled).active
  .svg-icon
  svg
  g
  [fill],
.show > .btn.btn-hover-light-tosca.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-hover-light-tosca.btn-dropdown .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--tosca) !important;
}
.btn.btn-hover-light-tosca:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-hover-light-tosca:not(:disabled):not(.disabled).active
  .svg-icon
  svg:hover
  g
  [fill],
.show > .btn.btn-hover-light-tosca.dropdown-toggle .svg-icon svg:hover g [fill],
.show .btn.btn-hover-light-tosca.btn-dropdown .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-hover-light-tosca:not(:disabled):not(.disabled):active:not(
    .btn-text
  ).dropdown-toggle:after,
.btn.btn-hover-light-tosca:not(:disabled):not(
    .disabled
  ).active.dropdown-toggle:after,
.show > .btn.btn-hover-light-tosca.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-hover-light-tosca.btn-dropdown.dropdown-toggle:after {
  color: var(--tosca) !important;
}

/*  ## BUTTON HOVER LIGHT SECONDARY*/

.btn.btn-hover-light-secondary:hover:not(.btn-text):not(:disabled):not(
    .disabled
  ),
.btn.btn-hover-light-secondary:focus:not(.btn-text),
.btn.btn-hover-light-secondary.focus:not(.btn-text) {
  color: var(--secondary) !important;
  background-color: var(--secondarybg) !important;
  border-color: transparent;
}
.btn.btn-hover-light-secondary:hover:not(.btn-text):not(:disabled):not(
    .disabled
  )
  i,
.btn.btn-hover-light-secondary:focus:not(.btn-text) i,
.btn.btn-hover-light-secondary.focus:not(.btn-text) i {
  color: var(--secondary) !important;
}
.btn.btn-hover-light-secondary:hover:not(.btn-text):not(:disabled):not(
    .disabled
  )
  .svg-icon
  svg
  g
  [fill],
.btn.btn-hover-light-secondary:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-hover-light-secondary.focus:not(.btn-text) .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--secondary) !important;
}
.btn.btn-hover-light-secondary:hover:not(.btn-text):not(:disabled):not(
    .disabled
  )
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-hover-light-secondary:focus:not(.btn-text)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-hover-light-secondary.focus:not(.btn-text)
  .svg-icon
  svg:hover
  g
  [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-hover-light-secondary:hover:not(.btn-text):not(:disabled):not(
    .disabled
  ).dropdown-toggle:after,
.btn.btn-hover-light-secondary:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-hover-light-secondary.focus:not(.btn-text).dropdown-toggle:after {
  color: var(--secondary) !important;
}

.btn.btn-hover-light-secondary:not(:disabled):not(.disabled):active:not(
    .btn-text
  ),
.btn.btn-hover-light-secondary:not(:disabled):not(.disabled).active,
.show > .btn.btn-hover-light-secondary.dropdown-toggle,
.show .btn.btn-hover-light-secondary.btn-dropdown {
  color: var(--secondary) !important;
  background-color: var(--secondarybg) !important;
  border-color: transparent;
}
.btn.btn-hover-light-secondary:not(:disabled):not(.disabled):active:not(
    .btn-text
  )
  i,
.btn.btn-hover-light-secondary:not(:disabled):not(.disabled).active i,
.show > .btn.btn-hover-light-secondary.dropdown-toggle i,
.show .btn.btn-hover-light-secondary.btn-dropdown i {
  color: var(--secondary) !important;
}
.btn.btn-hover-light-secondary:not(:disabled):not(.disabled):active:not(
    .btn-text
  )
  .svg-icon
  svg
  g
  [fill],
.btn.btn-hover-light-secondary:not(:disabled):not(.disabled).active
  .svg-icon
  svg
  g
  [fill],
.show > .btn.btn-hover-light-secondary.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-hover-light-secondary.btn-dropdown .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--secondary) !important;
}
.btn.btn-hover-light-secondary:not(:disabled):not(.disabled):active:not(
    .btn-text
  )
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-hover-light-secondary:not(:disabled):not(.disabled).active
  .svg-icon
  svg:hover
  g
  [fill],
.show
  > .btn.btn-hover-light-secondary.dropdown-toggle
  .svg-icon
  svg:hover
  g
  [fill],
.show .btn.btn-hover-light-secondary.btn-dropdown .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-hover-light-secondary:not(:disabled):not(.disabled):active:not(
    .btn-text
  ).dropdown-toggle:after,
.btn.btn-hover-light-secondary:not(:disabled):not(
    .disabled
  ).active.dropdown-toggle:after,
.show > .btn.btn-hover-light-secondary.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-hover-light-secondary.btn-dropdown.dropdown-toggle:after {
  color: var(--secondary) !important;
}
/*  ## BUTTON HOVER LIGHT INFO*/

.btn.btn-hover-light-info:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-hover-light-info:focus:not(.btn-text),
.btn.btn-hover-light-info.focus:not(.btn-text) {
  color: var(--info) !important;
  background-color: var(--infobg) !important;
  border-color: transparent;
}
.btn.btn-hover-light-info:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn.btn-hover-light-info:focus:not(.btn-text) i,
.btn.btn-hover-light-info.focus:not(.btn-text) i {
  color: var(--info) !important;
}
.btn.btn-hover-light-info:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-hover-light-info:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-hover-light-info.focus:not(.btn-text) .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--info) !important;
}
.btn.btn-hover-light-info:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-hover-light-info:focus:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-hover-light-info.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-hover-light-info:hover:not(.btn-text):not(:disabled):not(
    .disabled
  ).dropdown-toggle:after,
.btn.btn-hover-light-info:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-hover-light-info.focus:not(.btn-text).dropdown-toggle:after {
  color: var(--info) !important;
}

.btn.btn-hover-light-info:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-hover-light-info:not(:disabled):not(.disabled).active,
.show > .btn.btn-hover-light-info.dropdown-toggle,
.show .btn.btn-hover-light-info.btn-dropdown {
  color: var(--info) !important;
  background-color: var(--infobg) !important;
  border-color: transparent;
}
.btn.btn-hover-light-info:not(:disabled):not(.disabled):active:not(.btn-text) i,
.btn.btn-hover-light-info:not(:disabled):not(.disabled).active i,
.show > .btn.btn-hover-light-info.dropdown-toggle i,
.show .btn.btn-hover-light-info.btn-dropdown i {
  color: var(--info) !important;
}
.btn.btn-hover-light-info:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-hover-light-info:not(:disabled):not(.disabled).active
  .svg-icon
  svg
  g
  [fill],
.show > .btn.btn-hover-light-info.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-hover-light-info.btn-dropdown .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--info) !important;
}
.btn.btn-hover-light-info:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-hover-light-info:not(:disabled):not(.disabled).active
  .svg-icon
  svg:hover
  g
  [fill],
.show > .btn.btn-hover-light-info.dropdown-toggle .svg-icon svg:hover g [fill],
.show .btn.btn-hover-light-info.btn-dropdown .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-hover-light-info:not(:disabled):not(.disabled):active:not(
    .btn-text
  ).dropdown-toggle:after,
.btn.btn-hover-light-info:not(:disabled):not(
    .disabled
  ).active.dropdown-toggle:after,
.show > .btn.btn-hover-light-info.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-hover-light-info.btn-dropdown.dropdown-toggle:after {
  color: var(--info) !important;
}
/*  ## BUTTON HOVER LIGHT SUCCESS*/

.btn.btn-hover-light-success:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-hover-light-success:focus:not(.btn-text),
.btn.btn-hover-light-success.focus:not(.btn-text) {
  color: var(--success) !important;
  background-color: var(--successbg) !important;
  border-color: transparent;
}
.btn.btn-hover-light-success:hover:not(.btn-text):not(:disabled):not(.disabled)
  i,
.btn.btn-hover-light-success:focus:not(.btn-text) i,
.btn.btn-hover-light-success.focus:not(.btn-text) i {
  color: var(--success) !important;
}
.btn.btn-hover-light-success:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-hover-light-success:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-hover-light-success.focus:not(.btn-text) .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--success) !important;
}
.btn.btn-hover-light-success:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-hover-light-success:focus:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-hover-light-success.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-hover-light-success:hover:not(.btn-text):not(:disabled):not(
    .disabled
  ).dropdown-toggle:after,
.btn.btn-hover-light-success:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-hover-light-success.focus:not(.btn-text).dropdown-toggle:after {
  color: var(--success) !important;
}

.btn.btn-hover-light-success:not(:disabled):not(.disabled):active:not(
    .btn-text
  ),
.btn.btn-hover-light-success:not(:disabled):not(.disabled).active,
.show > .btn.btn-hover-light-success.dropdown-toggle,
.show .btn.btn-hover-light-success.btn-dropdown {
  color: var(--success) !important;
  background-color: var(--successbg) !important;
  border-color: transparent;
}
.btn.btn-hover-light-success:not(:disabled):not(.disabled):active:not(.btn-text)
  i,
.btn.btn-hover-light-success:not(:disabled):not(.disabled).active i,
.show > .btn.btn-hover-light-success.dropdown-toggle i,
.show .btn.btn-hover-light-success.btn-dropdown i {
  color: var(--success) !important;
}
.btn.btn-hover-light-success:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-hover-light-success:not(:disabled):not(.disabled).active
  .svg-icon
  svg
  g
  [fill],
.show > .btn.btn-hover-light-success.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-hover-light-success.btn-dropdown .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--success) !important;
}
.btn.btn-hover-light-success:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-hover-light-success:not(:disabled):not(.disabled).active
  .svg-icon
  svg:hover
  g
  [fill],
.show
  > .btn.btn-hover-light-success.dropdown-toggle
  .svg-icon
  svg:hover
  g
  [fill],
.show .btn.btn-hover-light-success.btn-dropdown .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-hover-light-success:not(:disabled):not(.disabled):active:not(
    .btn-text
  ).dropdown-toggle:after,
.btn.btn-hover-light-success:not(:disabled):not(
    .disabled
  ).active.dropdown-toggle:after,
.show > .btn.btn-hover-light-success.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-hover-light-success.btn-dropdown.dropdown-toggle:after {
  color: var(--success) !important;
}
/*  ## BUTTON HOVER LIGHT DANGER*/

.btn.btn-hover-light-danger:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-hover-light-danger:focus:not(.btn-text),
.btn.btn-hover-light-danger.focus:not(.btn-text) {
  color: var(--danger) !important;
  background-color: var(--dangerbg) !important;
  border-color: transparent;
}
.btn.btn-hover-light-danger:hover:not(.btn-text):not(:disabled):not(.disabled)
  i,
.btn.btn-hover-light-danger:focus:not(.btn-text) i,
.btn.btn-hover-light-danger.focus:not(.btn-text) i {
  color: var(--danger) !important;
}
.btn.btn-hover-light-danger:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-hover-light-danger:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-hover-light-danger.focus:not(.btn-text) .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--danger) !important;
}
.btn.btn-hover-light-danger:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-hover-light-danger:focus:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-hover-light-danger.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-hover-light-danger:hover:not(.btn-text):not(:disabled):not(
    .disabled
  ).dropdown-toggle:after,
.btn.btn-hover-light-danger:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-hover-light-danger.focus:not(.btn-text).dropdown-toggle:after {
  color: var(--danger) !important;
}

.btn.btn-hover-light-danger:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-hover-light-danger:not(:disabled):not(.disabled).active,
.show > .btn.btn-hover-light-danger.dropdown-toggle,
.show .btn.btn-hover-light-danger.btn-dropdown {
  color: var(--danger) !important;
  background-color: var(--dangerbg) !important;
  border-color: transparent;
}
.btn.btn-hover-light-danger:not(:disabled):not(.disabled):active:not(.btn-text)
  i,
.btn.btn-hover-light-danger:not(:disabled):not(.disabled).active i,
.show > .btn.btn-hover-light-danger.dropdown-toggle i,
.show .btn.btn-hover-light-danger.btn-dropdown i {
  color: var(--danger) !important;
}
.btn.btn-hover-light-danger:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-hover-light-danger:not(:disabled):not(.disabled).active
  .svg-icon
  svg
  g
  [fill],
.show > .btn.btn-hover-light-danger.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-hover-light-danger.btn-dropdown .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--danger) !important;
}
.btn.btn-hover-light-danger:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-hover-light-danger:not(:disabled):not(.disabled).active
  .svg-icon
  svg:hover
  g
  [fill],
.show
  > .btn.btn-hover-light-danger.dropdown-toggle
  .svg-icon
  svg:hover
  g
  [fill],
.show .btn.btn-hover-light-danger.btn-dropdown .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-hover-light-danger:not(:disabled):not(.disabled):active:not(
    .btn-text
  ).dropdown-toggle:after,
.btn.btn-hover-light-danger:not(:disabled):not(
    .disabled
  ).active.dropdown-toggle:after,
.show > .btn.btn-hover-light-danger.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-hover-light-danger.btn-dropdown.dropdown-toggle:after {
  color: var(--danger) !important;
}
/*  ## BUTTON HOVER LIGHT WARNING*/

.btn.btn-hover-light-warning:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-hover-light-warning:focus:not(.btn-text),
.btn.btn-hover-light-warning.focus:not(.btn-text) {
  color: var(--warning) !important;
  background-color: var(--warningbg) !important;
  border-color: transparent;
}
.btn.btn-hover-light-warning:hover:not(.btn-text):not(:disabled):not(.disabled)
  i,
.btn.btn-hover-light-warning:focus:not(.btn-text) i,
.btn.btn-hover-light-warning.focus:not(.btn-text) i {
  color: var(--warning) !important;
}
.btn.btn-hover-light-warning:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-hover-light-warning:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-hover-light-warning.focus:not(.btn-text) .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--warning) !important;
}
.btn.btn-hover-light-warning:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-hover-light-warning:focus:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-hover-light-warning.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-hover-light-warning:hover:not(.btn-text):not(:disabled):not(
    .disabled
  ).dropdown-toggle:after,
.btn.btn-hover-light-warning:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-hover-light-warning.focus:not(.btn-text).dropdown-toggle:after {
  color: var(--warning) !important;
}

.btn.btn-hover-light-warning:not(:disabled):not(.disabled):active:not(
    .btn-text
  ),
.btn.btn-hover-light-warning:not(:disabled):not(.disabled).active,
.show > .btn.btn-hover-light-warning.dropdown-toggle,
.show .btn.btn-hover-light-warning.btn-dropdown {
  color: var(--warning) !important;
  background-color: var(--warningbg) !important;
  border-color: transparent;
}
.btn.btn-hover-light-warning:not(:disabled):not(.disabled):active:not(.btn-text)
  i,
.btn.btn-hover-light-warning:not(:disabled):not(.disabled).active i,
.show > .btn.btn-hover-light-warning.dropdown-toggle i,
.show .btn.btn-hover-light-warning.btn-dropdown i {
  color: var(--warning) !important;
}
.btn.btn-hover-light-warning:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-hover-light-warning:not(:disabled):not(.disabled).active
  .svg-icon
  svg
  g
  [fill],
.show > .btn.btn-hover-light-warning.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-hover-light-warning.btn-dropdown .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--warning) !important;
}
.btn.btn-hover-light-warning:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-hover-light-warning:not(:disabled):not(.disabled).active
  .svg-icon
  svg:hover
  g
  [fill],
.show
  > .btn.btn-hover-light-warning.dropdown-toggle
  .svg-icon
  svg:hover
  g
  [fill],
.show .btn.btn-hover-light-warning.btn-dropdown .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-hover-light-warning:not(:disabled):not(.disabled):active:not(
    .btn-text
  ).dropdown-toggle:after,
.btn.btn-hover-light-warning:not(:disabled):not(
    .disabled
  ).active.dropdown-toggle:after,
.show > .btn.btn-hover-light-warning.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-hover-light-warning.btn-dropdown.dropdown-toggle:after {
  color: var(--warning) !important;
}

/* ### BUTTON TEXT */
/* ## BUTTON PRIMARY */
.btn.btn-text-primary {
  color: var(--primary);
}
.btn.btn-text-primary.disabled,
.btn.btn-text-primary:disabled {
  color: var(--primary);
}
/* ## BUTTON SECONDARY */
.btn.btn-text-secondary {
  color: var(--secondary);
}
.btn.btn-text-secondary.disabled,
.btn.btn-text-secondary:disabled {
  color: var(--secondary);
}
/* ## BUTTON INFO */
.btn.btn-text-info {
  color: var(--info);
}
.btn.btn-text-info.disabled,
.btn.btn-text-info:disabled {
  color: var(--info);
}
/* ## BUTTON SUCCESS */
.btn.btn-text-success {
  color: var(--success);
}
.btn.btn-text-success.disabled,
.btn.btn-text-success:disabled {
  color: var(--success);
}
/* ## BUTTON DANGER */
.btn.btn-text-danger {
  color: var(--danger);
}
.btn.btn-text-danger.disabled,
.btn.btn-text-danger:disabled {
  color: var(--danger);
}
/* ## BUTTON WARNING */
.btn.btn-text-warning {
  color: var(--warning);
}
.btn.btn-text-warning.disabled,
.btn.btn-text-warning:disabled {
  color: var(--warning);
}

/* ## BUTTON WARNING */
.btn.btn-text-tosca {
  color: var(--tosca);
}
.btn.btn-text-tosca.disabled,
.btn.btn-text-tosca:disabled {
  color: var(--tosca);
}

/* ### BUTTON HOVER BG */
/* ## BUTTON HOVER BG PRIMARY */
.btn.btn-hover-bg-primary:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-hover-bg-primary:focus:not(.btn-text),
.btn.btn-hover-bg-primary.focus:not(.btn-text) {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}

.btn.btn-hover-bg-primary:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-hover-bg-primary:not(:disabled):not(.disabled).active,
.show > .btn.btn-hover-bg-primary.dropdown-toggle,
.show .btn.btn-hover-bg-primary.btn-dropdown {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}

/* ## BUTTON HOVER BG SECONDARY */
.btn.btn-hover-bg-secondary:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-hover-bg-secondary:focus:not(.btn-text),
.btn.btn-hover-bg-secondary.focus:not(.btn-text) {
  background-color: var(--secondary) !important;
  border-color: var(--secondary) !important;
}

.btn.btn-hover-bg-secondary:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-hover-bg-secondary:not(:disabled):not(.disabled).active,
.show > .btn.btn-hover-bg-secondary.dropdown-toggle,
.show .btn.btn-hover-bg-secondary.btn-dropdown {
  background-color: var(--secondary) !important;
  border-color: var(--secondary) !important;
}
/* ## BUTTON HOVER BG INFO */
.btn.btn-hover-bg-info:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-hover-bg-info:focus:not(.btn-text),
.btn.btn-hover-bg-info.focus:not(.btn-text) {
  background-color: var(--info) !important;
  border-color: var(--info) !important;
}

.btn.btn-hover-bg-info:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-hover-bg-info:not(:disabled):not(.disabled).active,
.show > .btn.btn-hover-bg-info.dropdown-toggle,
.show .btn.btn-hover-bg-info.btn-dropdown {
  background-color: var(--info) !important;
  border-color: var(--info) !important;
}
/* ## BUTTON HOVER BG SUCCESS */
.btn.btn-hover-bg-success:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-hover-bg-success:focus:not(.btn-text),
.btn.btn-hover-bg-success.focus:not(.btn-text) {
  background-color: var(--success) !important;
  border-color: var(--success) !important;
}

.btn.btn-hover-bg-success:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-hover-bg-success:not(:disabled):not(.disabled).active,
.show > .btn.btn-hover-bg-success.dropdown-toggle,
.show .btn.btn-hover-bg-success.btn-dropdown {
  background-color: var(--success) !important;
  border-color: var(--success) !important;
}
/* ## BUTTON HOVER BG WARNING */
.btn.btn-hover-bg-warning:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-hover-bg-warning:focus:not(.btn-text),
.btn.btn-hover-bg-warning.focus:not(.btn-text) {
  background-color: var(--warning) !important;
  border-color: var(--warning) !important;
}

.btn.btn-hover-bg-warning:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-hover-bg-warning:not(:disabled):not(.disabled).active,
.show > .btn.btn-hover-bg-warning.dropdown-toggle,
.show .btn.btn-hover-bg-warning.btn-dropdown {
  background-color: var(--warning) !important;
  border-color: var(--warning) !important;
}
/* ## BUTTON HOVER BG DANGER */
.btn.btn-hover-bg-danger:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-hover-bg-danger:focus:not(.btn-text),
.btn.btn-hover-bg-danger.focus:not(.btn-text) {
  background-color: var(--danger) !important;
  border-color: var(--danger) !important;
}

.btn.btn-hover-bg-danger:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-hover-bg-danger:not(:disabled):not(.disabled).active,
.show > .btn.btn-hover-bg-danger.dropdown-toggle,
.show .btn.btn-hover-bg-danger.btn-dropdown {
  background-color: var(--danger) !important;
  border-color: var(--danger) !important;
}

/* ## BUTTON HOVER BG TOSCA */
.btn.btn-hover-bg-tosca:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-hover-bg-tosca:focus:not(.btn-text),
.btn.btn-hover-bg-tosca.focus:not(.btn-text) {
  background-color: var(--tosca) !important;
  border-color: var(--tosca) !important;
}

.btn.btn-hover-bg-tosca:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-hover-bg-tosca:not(:disabled):not(.disabled).active,
.show > .btn.btn-hover-bg-tosca.dropdown-toggle,
.show .btn.btn-hover-bg-tosca.btn-dropdown {
  background-color: var(--tosca) !important;
  border-color: var(--tosca) !important;
}

/* ### BUTTON HOVER */
/* ## BUTTON HOVER PRIMARY */
.btn.btn-hover-primary:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-hover-primary:focus:not(.btn-text),
.btn.btn-hover-primary.focus:not(.btn-text) {
  color: #ffffff !important;
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}
.btn.btn-hover-primary:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn.btn-hover-primary:focus:not(.btn-text) i,
.btn.btn-hover-primary.focus:not(.btn-text) i {
  color: #ffffff !important;
}
.btn.btn-hover-primary:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-hover-primary:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-hover-primary.focus:not(.btn-text) .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff !important;
}
.btn.btn-hover-primary:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-hover-primary:focus:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-hover-primary.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-hover-primary:hover:not(.btn-text):not(:disabled):not(
    .disabled
  ).dropdown-toggle:after,
.btn.btn-hover-primary:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-hover-primary.focus:not(.btn-text).dropdown-toggle:after {
  color: #ffffff !important;
}

.btn.btn-hover-primary:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-hover-primary:not(:disabled):not(.disabled).active,
.show > .btn.btn-hover-primary.dropdown-toggle,
.show .btn.btn-hover-primary.btn-dropdown {
  color: #ffffff !important;
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}
.btn.btn-hover-primary:not(:disabled):not(.disabled):active:not(.btn-text) i,
.btn.btn-hover-primary:not(:disabled):not(.disabled).active i,
.show > .btn.btn-hover-primary.dropdown-toggle i,
.show .btn.btn-hover-primary.btn-dropdown i {
  color: #ffffff !important;
}
.btn.btn-hover-primary:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-hover-primary:not(:disabled):not(.disabled).active
  .svg-icon
  svg
  g
  [fill],
.show > .btn.btn-hover-primary.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-hover-primary.btn-dropdown .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff !important;
}
.btn.btn-hover-primary:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-hover-primary:not(:disabled):not(.disabled).active
  .svg-icon
  svg:hover
  g
  [fill],
.show > .btn.btn-hover-primary.dropdown-toggle .svg-icon svg:hover g [fill],
.show .btn.btn-hover-primary.btn-dropdown .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-hover-primary:not(:disabled):not(.disabled):active:not(
    .btn-text
  ).dropdown-toggle:after,
.btn.btn-hover-primary:not(:disabled):not(
    .disabled
  ).active.dropdown-toggle:after,
.show > .btn.btn-hover-primary.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-hover-primary.btn-dropdown.dropdown-toggle:after {
  color: #ffffff !important;
}

/* ## BUTTON HOVER SECONDARY */
.btn.btn-hover-secondary:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-hover-secondary:focus:not(.btn-text),
.btn.btn-hover-secondary.focus:not(.btn-text) {
  color: #ffffff !important;
  background-color: var(--secondary) !important;
  border-color: var(--secondary) !important;
}
.btn.btn-hover-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn.btn-hover-secondary:focus:not(.btn-text) i,
.btn.btn-hover-secondary.focus:not(.btn-text) i {
  color: #ffffff !important;
}
.btn.btn-hover-secondary:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-hover-secondary:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-hover-secondary.focus:not(.btn-text) .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff !important;
}
.btn.btn-hover-secondary:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-hover-secondary:focus:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-hover-secondary.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-hover-secondary:hover:not(.btn-text):not(:disabled):not(
    .disabled
  ).dropdown-toggle:after,
.btn.btn-hover-secondary:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-hover-secondary.focus:not(.btn-text).dropdown-toggle:after {
  color: #ffffff !important;
}

.btn.btn-hover-secondary:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-hover-secondary:not(:disabled):not(.disabled).active,
.show > .btn.btn-hover-secondary.dropdown-toggle,
.show .btn.btn-hover-secondary.btn-dropdown {
  color: #ffffff !important;
  background-color: var(--secondary) !important;
  border-color: var(--secondary) !important;
}
.btn.btn-hover-secondary:not(:disabled):not(.disabled):active:not(.btn-text) i,
.btn.btn-hover-secondary:not(:disabled):not(.disabled).active i,
.show > .btn.btn-hover-secondary.dropdown-toggle i,
.show .btn.btn-hover-secondary.btn-dropdown i {
  color: #ffffff !important;
}
.btn.btn-hover-secondary:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-hover-secondary:not(:disabled):not(.disabled).active
  .svg-icon
  svg
  g
  [fill],
.show > .btn.btn-hover-secondary.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-hover-secondary.btn-dropdown .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff !important;
}
.btn.btn-hover-secondary:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-hover-secondary:not(:disabled):not(.disabled).active
  .svg-icon
  svg:hover
  g
  [fill],
.show > .btn.btn-hover-secondary.dropdown-toggle .svg-icon svg:hover g [fill],
.show .btn.btn-hover-secondary.btn-dropdown .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-hover-secondary:not(:disabled):not(.disabled):active:not(
    .btn-text
  ).dropdown-toggle:after,
.btn.btn-hover-secondary:not(:disabled):not(
    .disabled
  ).active.dropdown-toggle:after,
.show > .btn.btn-hover-secondary.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-hover-secondary.btn-dropdown.dropdown-toggle:after {
  color: #ffffff !important;
}

/* ## BUTTON HOVER SUCCESS */
.btn.btn-hover-success:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-hover-success:focus:not(.btn-text),
.btn.btn-hover-success.focus:not(.btn-text) {
  color: #ffffff !important;
  background-color: var(--success) !important;
  border-color: var(--success) !important;
}
.btn.btn-hover-success:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn.btn-hover-success:focus:not(.btn-text) i,
.btn.btn-hover-success.focus:not(.btn-text) i {
  color: #ffffff !important;
}
.btn.btn-hover-success:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-hover-success:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-hover-success.focus:not(.btn-text) .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff !important;
}
.btn.btn-hover-success:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-hover-success:focus:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-hover-success.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-hover-success:hover:not(.btn-text):not(:disabled):not(
    .disabled
  ).dropdown-toggle:after,
.btn.btn-hover-success:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-hover-success.focus:not(.btn-text).dropdown-toggle:after {
  color: #ffffff !important;
}

.btn.btn-hover-success:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-hover-success:not(:disabled):not(.disabled).active,
.show > .btn.btn-hover-success.dropdown-toggle,
.show .btn.btn-hover-success.btn-dropdown {
  color: #ffffff !important;
  background-color: var(--success) !important;
  border-color: var(--success) !important;
}
.btn.btn-hover-success:not(:disabled):not(.disabled):active:not(.btn-text) i,
.btn.btn-hover-success:not(:disabled):not(.disabled).active i,
.show > .btn.btn-hover-success.dropdown-toggle i,
.show .btn.btn-hover-success.btn-dropdown i {
  color: #ffffff !important;
}
.btn.btn-hover-success:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-hover-success:not(:disabled):not(.disabled).active
  .svg-icon
  svg
  g
  [fill],
.show > .btn.btn-hover-success.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-hover-success.btn-dropdown .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff !important;
}
.btn.btn-hover-success:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-hover-success:not(:disabled):not(.disabled).active
  .svg-icon
  svg:hover
  g
  [fill],
.show > .btn.btn-hover-success.dropdown-toggle .svg-icon svg:hover g [fill],
.show .btn.btn-hover-success.btn-dropdown .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-hover-success:not(:disabled):not(.disabled):active:not(
    .btn-text
  ).dropdown-toggle:after,
.btn.btn-hover-success:not(:disabled):not(
    .disabled
  ).active.dropdown-toggle:after,
.show > .btn.btn-hover-success.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-hover-success.btn-dropdown.dropdown-toggle:after {
  color: #ffffff !important;
}

/* ## BUTTON HOVER INFO */
.btn.btn-hover-info:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-hover-info:focus:not(.btn-text),
.btn.btn-hover-info.focus:not(.btn-text) {
  color: #ffffff !important;
  background-color: var(--info) !important;
  border-color: var(--info) !important;
}
.btn.btn-hover-info:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn.btn-hover-info:focus:not(.btn-text) i,
.btn.btn-hover-info.focus:not(.btn-text) i {
  color: #ffffff !important;
}
.btn.btn-hover-info:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-hover-info:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-hover-info.focus:not(.btn-text) .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff !important;
}
.btn.btn-hover-info:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-hover-info:focus:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-hover-info.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-hover-info:hover:not(.btn-text):not(:disabled):not(
    .disabled
  ).dropdown-toggle:after,
.btn.btn-hover-info:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-hover-info.focus:not(.btn-text).dropdown-toggle:after {
  color: #ffffff !important;
}

.btn.btn-hover-info:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-hover-info:not(:disabled):not(.disabled).active,
.show > .btn.btn-hover-info.dropdown-toggle,
.show .btn.btn-hover-info.btn-dropdown {
  color: #ffffff !important;
  background-color: var(--info) !important;
  border-color: var(--info) !important;
}
.btn.btn-hover-info:not(:disabled):not(.disabled):active:not(.btn-text) i,
.btn.btn-hover-info:not(:disabled):not(.disabled).active i,
.show > .btn.btn-hover-info.dropdown-toggle i,
.show .btn.btn-hover-info.btn-dropdown i {
  color: #ffffff !important;
}
.btn.btn-hover-info:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-hover-info:not(:disabled):not(.disabled).active .svg-icon svg g [fill],
.show > .btn.btn-hover-info.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-hover-info.btn-dropdown .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff !important;
}
.btn.btn-hover-info:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-hover-info:not(:disabled):not(.disabled).active
  .svg-icon
  svg:hover
  g
  [fill],
.show > .btn.btn-hover-info.dropdown-toggle .svg-icon svg:hover g [fill],
.show .btn.btn-hover-info.btn-dropdown .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-hover-info:not(:disabled):not(.disabled):active:not(
    .btn-text
  ).dropdown-toggle:after,
.btn.btn-hover-info:not(:disabled):not(.disabled).active.dropdown-toggle:after,
.show > .btn.btn-hover-info.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-hover-info.btn-dropdown.dropdown-toggle:after {
  color: #ffffff !important;
}

/* ## BUTTON HOVER DANGER */
.btn.btn-hover-danger:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-hover-danger:focus:not(.btn-text),
.btn.btn-hover-danger.focus:not(.btn-text) {
  color: #ffffff !important;
  background-color: var(--danger) !important;
  border-color: var(--danger) !important;
}
.btn.btn-hover-danger:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn.btn-hover-danger:focus:not(.btn-text) i,
.btn.btn-hover-danger.focus:not(.btn-text) i {
  color: #ffffff !important;
}
.btn.btn-hover-danger:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-hover-danger:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-hover-danger.focus:not(.btn-text) .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff !important;
}
.btn.btn-hover-danger:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-hover-danger:focus:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-hover-danger.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-hover-danger:hover:not(.btn-text):not(:disabled):not(
    .disabled
  ).dropdown-toggle:after,
.btn.btn-hover-danger:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-hover-danger.focus:not(.btn-text).dropdown-toggle:after {
  color: #ffffff !important;
}

.btn.btn-hover-danger:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-hover-danger:not(:disabled):not(.disabled).active,
.show > .btn.btn-hover-danger.dropdown-toggle,
.show .btn.btn-hover-danger.btn-dropdown {
  color: #ffffff !important;
  background-color: var(--danger) !important;
  border-color: var(--danger) !important;
}
.btn.btn-hover-danger:not(:disabled):not(.disabled):active:not(.btn-text) i,
.btn.btn-hover-danger:not(:disabled):not(.disabled).active i,
.show > .btn.btn-hover-danger.dropdown-toggle i,
.show .btn.btn-hover-danger.btn-dropdown i {
  color: #ffffff !important;
}
.btn.btn-hover-danger:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-hover-danger:not(:disabled):not(.disabled).active
  .svg-icon
  svg
  g
  [fill],
.show > .btn.btn-hover-danger.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-hover-danger.btn-dropdown .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff !important;
}
.btn.btn-hover-danger:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-hover-danger:not(:disabled):not(.disabled).active
  .svg-icon
  svg:hover
  g
  [fill],
.show > .btn.btn-hover-danger.dropdown-toggle .svg-icon svg:hover g [fill],
.show .btn.btn-hover-danger.btn-dropdown .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-hover-danger:not(:disabled):not(.disabled):active:not(
    .btn-text
  ).dropdown-toggle:after,
.btn.btn-hover-danger:not(:disabled):not(
    .disabled
  ).active.dropdown-toggle:after,
.show > .btn.btn-hover-danger.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-hover-danger.btn-dropdown.dropdown-toggle:after {
  color: #ffffff !important;
}

/* ## BUTTON HOVER WARNING */
.btn.btn-hover-warning:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-hover-warning:focus:not(.btn-text),
.btn.btn-hover-warning.focus:not(.btn-text) {
  color: #ffffff !important;
  background-color: var(--warning) !important;
  border-color: var(--warning) !important;
}
.btn.btn-hover-warning:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn.btn-hover-warning:focus:not(.btn-text) i,
.btn.btn-hover-warning.focus:not(.btn-text) i {
  color: #ffffff !important;
}
.btn.btn-hover-warning:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-hover-warning:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-hover-warning.focus:not(.btn-text) .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff !important;
}
.btn.btn-hover-warning:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-hover-warning:focus:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-hover-warning.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-hover-warning:hover:not(.btn-text):not(:disabled):not(
    .disabled
  ).dropdown-toggle:after,
.btn.btn-hover-warning:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-hover-warning.focus:not(.btn-text).dropdown-toggle:after {
  color: #ffffff !important;
}

.btn.btn-hover-warning:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-hover-warning:not(:disabled):not(.disabled).active,
.show > .btn.btn-hover-warning.dropdown-toggle,
.show .btn.btn-hover-warning.btn-dropdown {
  color: #ffffff !important;
  background-color: var(--warning) !important;
  border-color: var(--warning) !important;
}
.btn.btn-hover-warning:not(:disabled):not(.disabled):active:not(.btn-text) i,
.btn.btn-hover-warning:not(:disabled):not(.disabled).active i,
.show > .btn.btn-hover-warning.dropdown-toggle i,
.show .btn.btn-hover-warning.btn-dropdown i {
  color: #ffffff !important;
}
.btn.btn-hover-warning:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-hover-warning:not(:disabled):not(.disabled).active
  .svg-icon
  svg
  g
  [fill],
.show > .btn.btn-hover-warning.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-hover-warning.btn-dropdown .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff !important;
}
.btn.btn-hover-warning:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-hover-warning:not(:disabled):not(.disabled).active
  .svg-icon
  svg:hover
  g
  [fill],
.show > .btn.btn-hover-warning.dropdown-toggle .svg-icon svg:hover g [fill],
.show .btn.btn-hover-warning.btn-dropdown .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-hover-warning:not(:disabled):not(.disabled):active:not(
    .btn-text
  ).dropdown-toggle:after,
.btn.btn-hover-warning:not(:disabled):not(
    .disabled
  ).active.dropdown-toggle:after,
.show > .btn.btn-hover-warning.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-hover-warning.btn-dropdown.dropdown-toggle:after {
  color: #ffffff !important;
}
/* ## BUTTON HOVER TOSCA */
.btn.btn-hover-tosca:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-hover-tosca:focus:not(.btn-text),
.btn.btn-hover-tosca.focus:not(.btn-text) {
  color: #ffffff !important;
  background-color: var(--tosca) !important;
  border-color: var(--tosca) !important;
}
.btn.btn-hover-tosca:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn.btn-hover-tosca:focus:not(.btn-text) i,
.btn.btn-hover-tosca.focus:not(.btn-text) i {
  color: #ffffff !important;
}
.btn.btn-hover-tosca:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-hover-tosca:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-hover-tosca.focus:not(.btn-text) .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff !important;
}
.btn.btn-hover-tosca:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-hover-tosca:focus:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-hover-tosca.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-hover-tosca:hover:not(.btn-text):not(:disabled):not(
    .disabled
  ).dropdown-toggle:after,
.btn.btn-hover-tosca:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-hover-tosca.focus:not(.btn-text).dropdown-toggle:after {
  color: #ffffff !important;
}

.btn.btn-hover-tosca:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-hover-tosca:not(:disabled):not(.disabled).active,
.show > .btn.btn-hover-tosca.dropdown-toggle,
.show .btn.btn-hover-tosca.btn-dropdown {
  color: #ffffff !important;
  background-color: var(--tosca) !important;
  border-color: var(--tosca) !important;
}
.btn.btn-hover-tosca:not(:disabled):not(.disabled):active:not(.btn-text) i,
.btn.btn-hover-tosca:not(:disabled):not(.disabled).active i,
.show > .btn.btn-hover-tosca.dropdown-toggle i,
.show .btn.btn-hover-tosca.btn-dropdown i {
  color: #ffffff !important;
}
.btn.btn-hover-tosca:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-hover-tosca:not(:disabled):not(.disabled).active
  .svg-icon
  svg
  g
  [fill],
.show > .btn.btn-hover-tosca.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-hover-tosca.btn-dropdown .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff !important;
}
.btn.btn-hover-tosca:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-hover-tosca:not(:disabled):not(.disabled).active
  .svg-icon
  svg:hover
  g
  [fill],
.show > .btn.btn-hover-tosca.dropdown-toggle .svg-icon svg:hover g [fill],
.show .btn.btn-hover-tosca.btn-dropdown .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-hover-tosca:not(:disabled):not(.disabled):active:not(
    .btn-text
  ).dropdown-toggle:after,
.btn.btn-hover-tosca:not(:disabled):not(.disabled).active.dropdown-toggle:after,
.show > .btn.btn-hover-tosca.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-hover-tosca.btn-dropdown.dropdown-toggle:after {
  color: #ffffff !important;
}

/* ### BUTTON LINK */
/* ## BUTTON LINK PRIMARY*/
.btn.btn-link-primary {
  border: 0;
  padding: 0 !important;
  border-radius: 0 !important;
  color: var(--primary) !important;
  background-color: transparent !important;
  border-color: transparent !important;
}
.btn.btn-link-primary i {
  color: var(--primary) !important;
}
.btn.btn-link-primary .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--primary) !important;
}
.btn.btn-link-primary .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-link-primary.dropdown-toggle:after {
  color: var(--primary) !important;
}
.btn.btn-link-primary:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-link-primary:focus:not(.btn-text),
.btn.btn-link-primary.focus:not(.btn-text) {
  color: var(--primary) !important;
  background-color: transparent !important;
  border-color: transparent !important;
}
.btn.btn-link-primary:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn.btn-link-primary:focus:not(.btn-text) i,
.btn.btn-link-primary.focus:not(.btn-text) i {
  color: var(--primary) !important;
}
.btn.btn-link-primary:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-link-primary:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-link-primary.focus:not(.btn-text) .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--primary) !important;
}
.btn.btn-link-primary:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-link-primary:focus:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-link-primary.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-link-primary:hover:not(.btn-text):not(:disabled):not(
    .disabled
  ).dropdown-toggle:after,
.btn.btn-link-primary:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-link-primary.focus:not(.btn-text).dropdown-toggle:after {
  color: var(--primary) !important;
}
.btn.btn-link-primary.disabled,
.btn.btn-link-primary:disabled {
  color: var(--primary) !important;
  background-color: transparent !important;
  border-color: transparent !important;
}
.btn.btn-link-primary.disabled i,
.btn.btn-link-primary:disabled i {
  color: var(--primary) !important;
}
.btn.btn-link-primary.disabled .svg-icon svg g [fill],
.btn.btn-link-primary:disabled .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--primary) !important;
}
.btn.btn-link-primary.disabled .svg-icon svg:hover g [fill],
.btn.btn-link-primary:disabled .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-link-primary.disabled.dropdown-toggle:after,
.btn.btn-link-primary:disabled.dropdown-toggle:after {
  color: var(--primary) !important;
}
.btn.btn-link-primary:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-link-primary:not(:disabled):not(.disabled).active,
.show > .btn.btn-link-primary.dropdown-toggle,
.show .btn.btn-link-primary.btn-dropdown {
  color: var(--primary) !important;
  background-color: transparent !important;
  border-color: transparent !important;
}
.btn.btn-link-primary:not(:disabled):not(.disabled):active:not(.btn-text) i,
.btn.btn-link-primary:not(:disabled):not(.disabled).active i,
.show > .btn.btn-link-primary.dropdown-toggle i,
.show .btn.btn-link-primary.btn-dropdown i {
  color: var(--primary) !important;
}
.btn.btn-link-primary:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-link-primary:not(:disabled):not(.disabled).active
  .svg-icon
  svg
  g
  [fill],
.show > .btn.btn-link-primary.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-link-primary.btn-dropdown .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--primary) !important;
}
.btn.btn-link-primary:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-link-primary:not(:disabled):not(.disabled).active
  .svg-icon
  svg:hover
  g
  [fill],
.show > .btn.btn-link-primary.dropdown-toggle .svg-icon svg:hover g [fill],
.show .btn.btn-link-primary.btn-dropdown .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-link-primary:not(:disabled):not(.disabled):active:not(
    .btn-text
  ).dropdown-toggle:after,
.btn.btn-link-primary:not(:disabled):not(
    .disabled
  ).active.dropdown-toggle:after,
.show > .btn.btn-link-primary.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-link-primary.btn-dropdown.dropdown-toggle:after {
  color: var(--primary) !important;
}

/* ## BUTTON LINK SECONDARY*/
.btn.btn-link-secondary {
  border: 0;
  padding: 0 !important;
  border-radius: 0 !important;
  color: var(--secondary) !important;
  background-color: transparent !important;
  border-color: transparent !important;
}
.btn.btn-link-secondary i {
  color: var(--secondary) !important;
}
.btn.btn-link-secondary .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--secondary) !important;
}
.btn.btn-link-secondary .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-link-secondary.dropdown-toggle:after {
  color: var(--secondary) !important;
}
.btn.btn-link-secondary:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-link-secondary:focus:not(.btn-text),
.btn.btn-link-secondary.focus:not(.btn-text) {
  color: var(--secondary) !important;
  background-color: transparent !important;
  border-color: transparent !important;
}
.btn.btn-link-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn.btn-link-secondary:focus:not(.btn-text) i,
.btn.btn-link-secondary.focus:not(.btn-text) i {
  color: var(--secondary) !important;
}
.btn.btn-link-secondary:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-link-secondary:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-link-secondary.focus:not(.btn-text) .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--secondary) !important;
}
.btn.btn-link-secondary:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-link-secondary:focus:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-link-secondary.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-link-secondary:hover:not(.btn-text):not(:disabled):not(
    .disabled
  ).dropdown-toggle:after,
.btn.btn-link-secondary:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-link-secondary.focus:not(.btn-text).dropdown-toggle:after {
  color: var(--secondary) !important;
}
.btn.btn-link-secondary.disabled,
.btn.btn-link-secondary:disabled {
  color: var(--secondary) !important;
  background-color: transparent !important;
  border-color: transparent !important;
}
.btn.btn-link-secondary.disabled i,
.btn.btn-link-secondary:disabled i {
  color: var(--secondary) !important;
}
.btn.btn-link-secondary.disabled .svg-icon svg g [fill],
.btn.btn-link-secondary:disabled .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--secondary) !important;
}
.btn.btn-link-secondary.disabled .svg-icon svg:hover g [fill],
.btn.btn-link-secondary:disabled .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-link-secondary.disabled.dropdown-toggle:after,
.btn.btn-link-secondary:disabled.dropdown-toggle:after {
  color: var(--secondary) !important;
}
.btn.btn-link-secondary:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-link-secondary:not(:disabled):not(.disabled).active,
.show > .btn.btn-link-secondary.dropdown-toggle,
.show .btn.btn-link-secondary.btn-dropdown {
  color: var(--secondary) !important;
  background-color: transparent !important;
  border-color: transparent !important;
}
.btn.btn-link-secondary:not(:disabled):not(.disabled):active:not(.btn-text) i,
.btn.btn-link-secondary:not(:disabled):not(.disabled).active i,
.show > .btn.btn-link-secondary.dropdown-toggle i,
.show .btn.btn-link-secondary.btn-dropdown i {
  color: var(--secondary) !important;
}
.btn.btn-link-secondary:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-link-secondary:not(:disabled):not(.disabled).active
  .svg-icon
  svg
  g
  [fill],
.show > .btn.btn-link-secondary.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-link-secondary.btn-dropdown .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--secondary) !important;
}
.btn.btn-link-secondary:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-link-secondary:not(:disabled):not(.disabled).active
  .svg-icon
  svg:hover
  g
  [fill],
.show > .btn.btn-link-secondary.dropdown-toggle .svg-icon svg:hover g [fill],
.show .btn.btn-link-secondary.btn-dropdown .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-link-secondary:not(:disabled):not(.disabled):active:not(
    .btn-text
  ).dropdown-toggle:after,
.btn.btn-link-secondary:not(:disabled):not(
    .disabled
  ).active.dropdown-toggle:after,
.show > .btn.btn-link-secondary.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-link-secondary.btn-dropdown.dropdown-toggle:after {
  color: var(--secondary) !important;
}

/* ## BUTTON LINK SUCCESS*/
.btn.btn-link-success {
  border: 0;
  padding: 0 !important;
  border-radius: 0 !important;
  color: var(--success) !important;
  background-color: transparent !important;
  border-color: transparent !important;
}
.btn.btn-link-success i {
  color: var(--success) !important;
}
.btn.btn-link-success .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--success) !important;
}
.btn.btn-link-success .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-link-success.dropdown-toggle:after {
  color: var(--success) !important;
}
.btn.btn-link-success:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-link-success:focus:not(.btn-text),
.btn.btn-link-success.focus:not(.btn-text) {
  color: var(--success) !important;
  background-color: transparent !important;
  border-color: transparent !important;
}
.btn.btn-link-success:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn.btn-link-success:focus:not(.btn-text) i,
.btn.btn-link-success.focus:not(.btn-text) i {
  color: var(--success) !important;
}
.btn.btn-link-success:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-link-success:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-link-success.focus:not(.btn-text) .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--success) !important;
}
.btn.btn-link-success:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-link-success:focus:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-link-success.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-link-success:hover:not(.btn-text):not(:disabled):not(
    .disabled
  ).dropdown-toggle:after,
.btn.btn-link-success:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-link-success.focus:not(.btn-text).dropdown-toggle:after {
  color: var(--success) !important;
}
.btn.btn-link-success.disabled,
.btn.btn-link-success:disabled {
  color: var(--success) !important;
  background-color: transparent !important;
  border-color: transparent !important;
}
.btn.btn-link-success.disabled i,
.btn.btn-link-success:disabled i {
  color: var(--success) !important;
}
.btn.btn-link-success.disabled .svg-icon svg g [fill],
.btn.btn-link-success:disabled .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--success) !important;
}
.btn.btn-link-success.disabled .svg-icon svg:hover g [fill],
.btn.btn-link-success:disabled .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-link-success.disabled.dropdown-toggle:after,
.btn.btn-link-success:disabled.dropdown-toggle:after {
  color: var(--success) !important;
}
.btn.btn-link-success:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-link-success:not(:disabled):not(.disabled).active,
.show > .btn.btn-link-success.dropdown-toggle,
.show .btn.btn-link-success.btn-dropdown {
  color: var(--success) !important;
  background-color: transparent !important;
  border-color: transparent !important;
}
.btn.btn-link-success:not(:disabled):not(.disabled):active:not(.btn-text) i,
.btn.btn-link-success:not(:disabled):not(.disabled).active i,
.show > .btn.btn-link-success.dropdown-toggle i,
.show .btn.btn-link-success.btn-dropdown i {
  color: var(--success) !important;
}
.btn.btn-link-success:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-link-success:not(:disabled):not(.disabled).active
  .svg-icon
  svg
  g
  [fill],
.show > .btn.btn-link-success.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-link-success.btn-dropdown .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--success) !important;
}
.btn.btn-link-success:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-link-success:not(:disabled):not(.disabled).active
  .svg-icon
  svg:hover
  g
  [fill],
.show > .btn.btn-link-success.dropdown-toggle .svg-icon svg:hover g [fill],
.show .btn.btn-link-success.btn-dropdown .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-link-success:not(:disabled):not(.disabled):active:not(
    .btn-text
  ).dropdown-toggle:after,
.btn.btn-link-success:not(:disabled):not(
    .disabled
  ).active.dropdown-toggle:after,
.show > .btn.btn-link-success.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-link-success.btn-dropdown.dropdown-toggle:after {
  color: var(--success) !important;
}

/* ## BUTTON LINK INFO*/
.btn.btn-link-info {
  border: 0;
  padding: 0 !important;
  border-radius: 0 !important;
  color: var(--info) !important;
  background-color: transparent !important;
  border-color: transparent !important;
}
.btn.btn-link-info i {
  color: var(--info) !important;
}
.btn.btn-link-info .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--info) !important;
}
.btn.btn-link-info .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-link-info.dropdown-toggle:after {
  color: var(--info) !important;
}
.btn.btn-link-info:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-link-info:focus:not(.btn-text),
.btn.btn-link-info.focus:not(.btn-text) {
  color: var(--info) !important;
  background-color: transparent !important;
  border-color: transparent !important;
}
.btn.btn-link-info:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn.btn-link-info:focus:not(.btn-text) i,
.btn.btn-link-info.focus:not(.btn-text) i {
  color: var(--info) !important;
}
.btn.btn-link-info:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-link-info:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-link-info.focus:not(.btn-text) .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--info) !important;
}
.btn.btn-link-info:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-link-info:focus:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-link-info.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-link-info:hover:not(.btn-text):not(:disabled):not(
    .disabled
  ).dropdown-toggle:after,
.btn.btn-link-info:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-link-info.focus:not(.btn-text).dropdown-toggle:after {
  color: var(--info) !important;
}
.btn.btn-link-info.disabled,
.btn.btn-link-info:disabled {
  color: var(--info) !important;
  background-color: transparent !important;
  border-color: transparent !important;
}
.btn.btn-link-info.disabled i,
.btn.btn-link-info:disabled i {
  color: var(--info) !important;
}
.btn.btn-link-info.disabled .svg-icon svg g [fill],
.btn.btn-link-info:disabled .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--info) !important;
}
.btn.btn-link-info.disabled .svg-icon svg:hover g [fill],
.btn.btn-link-info:disabled .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-link-info.disabled.dropdown-toggle:after,
.btn.btn-link-info:disabled.dropdown-toggle:after {
  color: var(--info) !important;
}
.btn.btn-link-info:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-link-info:not(:disabled):not(.disabled).active,
.show > .btn.btn-link-info.dropdown-toggle,
.show .btn.btn-link-info.btn-dropdown {
  color: var(--info) !important;
  background-color: transparent !important;
  border-color: transparent !important;
}
.btn.btn-link-info:not(:disabled):not(.disabled):active:not(.btn-text) i,
.btn.btn-link-info:not(:disabled):not(.disabled).active i,
.show > .btn.btn-link-info.dropdown-toggle i,
.show .btn.btn-link-info.btn-dropdown i {
  color: var(--info) !important;
}
.btn.btn-link-info:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-link-info:not(:disabled):not(.disabled).active .svg-icon svg g [fill],
.show > .btn.btn-link-info.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-link-info.btn-dropdown .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--info) !important;
}
.btn.btn-link-info:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-link-info:not(:disabled):not(.disabled).active
  .svg-icon
  svg:hover
  g
  [fill],
.show > .btn.btn-link-info.dropdown-toggle .svg-icon svg:hover g [fill],
.show .btn.btn-link-info.btn-dropdown .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-link-info:not(:disabled):not(.disabled):active:not(
    .btn-text
  ).dropdown-toggle:after,
.btn.btn-link-info:not(:disabled):not(.disabled).active.dropdown-toggle:after,
.show > .btn.btn-link-info.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-link-info.btn-dropdown.dropdown-toggle:after {
  color: var(--info) !important;
}

/* ## BUTTON LINK WARNING*/
.btn.btn-link-warning {
  border: 0;
  padding: 0 !important;
  border-radius: 0 !important;
  color: var(--warning) !important;
  background-color: transparent !important;
  border-color: transparent !important;
}
.btn.btn-link-warning i {
  color: var(--warning) !important;
}
.btn.btn-link-warning .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--warning) !important;
}
.btn.btn-link-warning .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-link-warning.dropdown-toggle:after {
  color: var(--warning) !important;
}
.btn.btn-link-warning:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-link-warning:focus:not(.btn-text),
.btn.btn-link-warning.focus:not(.btn-text) {
  color: var(--warning) !important;
  background-color: transparent !important;
  border-color: transparent !important;
}
.btn.btn-link-warning:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn.btn-link-warning:focus:not(.btn-text) i,
.btn.btn-link-warning.focus:not(.btn-text) i {
  color: var(--warning) !important;
}
.btn.btn-link-warning:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-link-warning:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-link-warning.focus:not(.btn-text) .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--warning) !important;
}
.btn.btn-link-warning:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-link-warning:focus:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-link-warning.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-link-warning:hover:not(.btn-text):not(:disabled):not(
    .disabled
  ).dropdown-toggle:after,
.btn.btn-link-warning:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-link-warning.focus:not(.btn-text).dropdown-toggle:after {
  color: var(--warning) !important;
}
.btn.btn-link-warning.disabled,
.btn.btn-link-warning:disabled {
  color: var(--warning) !important;
  background-color: transparent !important;
  border-color: transparent !important;
}
.btn.btn-link-warning.disabled i,
.btn.btn-link-warning:disabled i {
  color: var(--warning) !important;
}
.btn.btn-link-warning.disabled .svg-icon svg g [fill],
.btn.btn-link-warning:disabled .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--warning) !important;
}
.btn.btn-link-warning.disabled .svg-icon svg:hover g [fill],
.btn.btn-link-warning:disabled .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-link-warning.disabled.dropdown-toggle:after,
.btn.btn-link-warning:disabled.dropdown-toggle:after {
  color: var(--warning) !important;
}
.btn.btn-link-warning:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-link-warning:not(:disabled):not(.disabled).active,
.show > .btn.btn-link-warning.dropdown-toggle,
.show .btn.btn-link-warning.btn-dropdown {
  color: var(--warning) !important;
  background-color: transparent !important;
  border-color: transparent !important;
}
.btn.btn-link-warning:not(:disabled):not(.disabled):active:not(.btn-text) i,
.btn.btn-link-warning:not(:disabled):not(.disabled).active i,
.show > .btn.btn-link-warning.dropdown-toggle i,
.show .btn.btn-link-warning.btn-dropdown i {
  color: var(--warning) !important;
}
.btn.btn-link-warning:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-link-warning:not(:disabled):not(.disabled).active
  .svg-icon
  svg
  g
  [fill],
.show > .btn.btn-link-warning.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-link-warning.btn-dropdown .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--warning) !important;
}
.btn.btn-link-warning:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-link-warning:not(:disabled):not(.disabled).active
  .svg-icon
  svg:hover
  g
  [fill],
.show > .btn.btn-link-warning.dropdown-toggle .svg-icon svg:hover g [fill],
.show .btn.btn-link-warning.btn-dropdown .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-link-warning:not(:disabled):not(.disabled):active:not(
    .btn-text
  ).dropdown-toggle:after,
.btn.btn-link-warning:not(:disabled):not(
    .disabled
  ).active.dropdown-toggle:after,
.show > .btn.btn-link-warning.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-link-warning.btn-dropdown.dropdown-toggle:after {
  color: var(--warning) !important;
}

/* ## BUTTON LINK DANGER*/
.btn.btn-link-danger {
  border: 0;
  padding: 0 !important;
  border-radius: 0 !important;
  color: var(--danger) !important;
  background-color: transparent !important;
  border-color: transparent !important;
}
.btn.btn-link-danger i {
  color: var(--danger) !important;
}
.btn.btn-link-danger .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--danger) !important;
}
.btn.btn-link-danger .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-link-danger.dropdown-toggle:after {
  color: var(--danger) !important;
}
.btn.btn-link-danger:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-link-danger:focus:not(.btn-text),
.btn.btn-link-danger.focus:not(.btn-text) {
  color: var(--danger) !important;
  background-color: transparent !important;
  border-color: transparent !important;
}
.btn.btn-link-danger:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn.btn-link-danger:focus:not(.btn-text) i,
.btn.btn-link-danger.focus:not(.btn-text) i {
  color: var(--danger) !important;
}
.btn.btn-link-danger:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-link-danger:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-link-danger.focus:not(.btn-text) .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--danger) !important;
}
.btn.btn-link-danger:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-link-danger:focus:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-link-danger.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-link-danger:hover:not(.btn-text):not(:disabled):not(
    .disabled
  ).dropdown-toggle:after,
.btn.btn-link-danger:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-link-danger.focus:not(.btn-text).dropdown-toggle:after {
  color: var(--danger) !important;
}
.btn.btn-link-danger.disabled,
.btn.btn-link-danger:disabled {
  color: var(--danger) !important;
  background-color: transparent !important;
  border-color: transparent !important;
}
.btn.btn-link-danger.disabled i,
.btn.btn-link-danger:disabled i {
  color: var(--danger) !important;
}
.btn.btn-link-danger.disabled .svg-icon svg g [fill],
.btn.btn-link-danger:disabled .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--danger) !important;
}
.btn.btn-link-danger.disabled .svg-icon svg:hover g [fill],
.btn.btn-link-danger:disabled .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-link-danger.disabled.dropdown-toggle:after,
.btn.btn-link-danger:disabled.dropdown-toggle:after {
  color: var(--danger) !important;
}
.btn.btn-link-danger:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-link-danger:not(:disabled):not(.disabled).active,
.show > .btn.btn-link-danger.dropdown-toggle,
.show .btn.btn-link-danger.btn-dropdown {
  color: var(--danger) !important;
  background-color: transparent !important;
  border-color: transparent !important;
}
.btn.btn-link-danger:not(:disabled):not(.disabled):active:not(.btn-text) i,
.btn.btn-link-danger:not(:disabled):not(.disabled).active i,
.show > .btn.btn-link-danger.dropdown-toggle i,
.show .btn.btn-link-danger.btn-dropdown i {
  color: var(--danger) !important;
}
.btn.btn-link-danger:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-link-danger:not(:disabled):not(.disabled).active
  .svg-icon
  svg
  g
  [fill],
.show > .btn.btn-link-danger.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-link-danger.btn-dropdown .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--danger) !important;
}
.btn.btn-link-danger:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-link-danger:not(:disabled):not(.disabled).active
  .svg-icon
  svg:hover
  g
  [fill],
.show > .btn.btn-link-danger.dropdown-toggle .svg-icon svg:hover g [fill],
.show .btn.btn-link-danger.btn-dropdown .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-link-danger:not(:disabled):not(.disabled):active:not(
    .btn-text
  ).dropdown-toggle:after,
.btn.btn-link-danger:not(:disabled):not(.disabled).active.dropdown-toggle:after,
.show > .btn.btn-link-danger.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-link-danger.btn-dropdown.dropdown-toggle:after {
  color: var(--danger) !important;
}

/* ## BUTTON LINK TOSCA*/
.btn.btn-link-tosca {
  border: 0;
  padding: 0 !important;
  border-radius: 0 !important;
  color: var(--tosca) !important;
  background-color: transparent !important;
  border-color: transparent !important;
}
.btn.btn-link-tosca i {
  color: var(--tosca) !important;
}
.btn.btn-link-tosca .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--tosca) !important;
}
.btn.btn-link-tosca .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-link-tosca.dropdown-toggle:after {
  color: var(--tosca) !important;
}
.btn.btn-link-tosca:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-link-tosca:focus:not(.btn-text),
.btn.btn-link-tosca.focus:not(.btn-text) {
  color: var(--tosca) !important;
  background-color: transparent !important;
  border-color: transparent !important;
}
.btn.btn-link-tosca:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn.btn-link-tosca:focus:not(.btn-text) i,
.btn.btn-link-tosca.focus:not(.btn-text) i {
  color: var(--tosca) !important;
}
.btn.btn-link-tosca:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-link-tosca:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-link-tosca.focus:not(.btn-text) .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--tosca) !important;
}
.btn.btn-link-tosca:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-link-tosca:focus:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-link-tosca.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-link-tosca:hover:not(.btn-text):not(:disabled):not(
    .disabled
  ).dropdown-toggle:after,
.btn.btn-link-tosca:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-link-tosca.focus:not(.btn-text).dropdown-toggle:after {
  color: var(--tosca) !important;
}
.btn.btn-link-tosca.disabled,
.btn.btn-link-tosca:disabled {
  color: var(--tosca) !important;
  background-color: transparent !important;
  border-color: transparent !important;
}
.btn.btn-link-tosca.disabled i,
.btn.btn-link-tosca:disabled i {
  color: var(--tosca) !important;
}
.btn.btn-link-tosca.disabled .svg-icon svg g [fill],
.btn.btn-link-tosca:disabled .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--tosca) !important;
}
.btn.btn-link-tosca.disabled .svg-icon svg:hover g [fill],
.btn.btn-link-tosca:disabled .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-link-tosca.disabled.dropdown-toggle:after,
.btn.btn-link-tosca:disabled.dropdown-toggle:after {
  color: var(--tosca) !important;
}
.btn.btn-link-tosca:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-link-tosca:not(:disabled):not(.disabled).active,
.show > .btn.btn-link-tosca.dropdown-toggle,
.show .btn.btn-link-tosca.btn-dropdown {
  color: var(--tosca) !important;
  background-color: transparent !important;
  border-color: transparent !important;
}
.btn.btn-link-tosca:not(:disabled):not(.disabled):active:not(.btn-text) i,
.btn.btn-link-tosca:not(:disabled):not(.disabled).active i,
.show > .btn.btn-link-tosca.dropdown-toggle i,
.show .btn.btn-link-tosca.btn-dropdown i {
  color: var(--tosca) !important;
}
.btn.btn-link-tosca:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-link-tosca:not(:disabled):not(.disabled).active .svg-icon svg g [fill],
.show > .btn.btn-link-tosca.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-link-tosca.btn-dropdown .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--tosca) !important;
}
.btn.btn-link-tosca:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-link-tosca:not(:disabled):not(.disabled).active
  .svg-icon
  svg:hover
  g
  [fill],
.show > .btn.btn-link-tosca.dropdown-toggle .svg-icon svg:hover g [fill],
.show .btn.btn-link-tosca.btn-dropdown .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-link-tosca:not(:disabled):not(.disabled):active:not(
    .btn-text
  ).dropdown-toggle:after,
.btn.btn-link-tosca:not(:disabled):not(.disabled).active.dropdown-toggle:after,
.show > .btn.btn-link-tosca.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-link-tosca.btn-dropdown.dropdown-toggle:after {
  color: var(--tosca) !important;
}

/* ### BUTTON SHADOW */
/* ## BUTTON SHADOW PRIMARY */
.btn.btn-primary.btn-shadow {
  -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--primaryrgb), var(--opacity02)) !important;
  box-shadow: 0px 9px 16px 0px rgba(var(--primaryrgb), var(--opacity02)) !important;
}
.btn.btn-primary.btn-shadow:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-primary.btn-shadow:focus:not(.btn-text),
.btn.btn-primary.btn-shadow.focus:not(.btn-text) {
  -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--primaryrgb), var(--opacity03)) !important;
  box-shadow: 0px 9px 16px 0px rgba(var(--primaryrgb), var(--opacity03)) !important;
}
.btn.btn-primary.btn-shadow:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-primary.btn-shadow:not(:disabled):not(.disabled).active,
.show > .btn.btn-primary.btn-shadow.dropdown-toggle {
  -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--primaryrgb), var(--opacity03)) !important;
  box-shadow: 0px 9px 16px 0px rgba(var(--primaryrgb), var(--opacity03)) !important;
}

.btn.btn-primary.btn-shadow-hover:hover:not(.btn-text):not(:disabled):not(
    .disabled
  ),
.btn.btn-primary.btn-shadow-hover:focus:not(.btn-text),
.btn.btn-primary.btn-shadow-hover.focus:not(.btn-text) {
  -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--primaryrgb), var(--opacity03)) !important;
  box-shadow: 0px 9px 16px 0px rgba(var(--primaryrgb), var(--opacity03)) !important;
}

.btn.btn-primary.btn-shadow-hover:not(:disabled):not(.disabled):active:not(
    .btn-text
  ),
.btn.btn-primary.btn-shadow-hover:not(:disabled):not(.disabled).active,
.show > .btn.btn-primary.btn-shadow-hover.dropdown-toggle {
  -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--primaryrgb), var(--opacity03)) !important;
  box-shadow: 0px 9px 16px 0px rgba(var(--primaryrgb), var(--opacity03)) !important;
}
/* ## BUTTON SHADOW SECONDARY */
/* ## BUTTON SHADOW SUCCESS */
.btn.btn-success.btn-shadow {
  -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--successrgb), var(--opacity02)) !important;
  box-shadow: 0px 9px 16px 0px rgba(var(--successrgb), var(--opacity02)) !important;
}
.btn.btn-success.btn-shadow:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-success.btn-shadow:focus:not(.btn-text),
.btn.btn-success.btn-shadow.focus:not(.btn-text) {
  -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--successrgb), var(--opacity03)) !important;
  box-shadow: 0px 9px 16px 0px rgba(var(--successrgb), var(--opacity03)) !important;
}
.btn.btn-success.btn-shadow:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-success.btn-shadow:not(:disabled):not(.disabled).active,
.show > .btn.btn-success.btn-shadow.dropdown-toggle {
  -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--successrgb), var(--opacity03)) !important;
  box-shadow: 0px 9px 16px 0px rgba(var(--successrgb), var(--opacity03)) !important;
}

.btn.btn-success.btn-shadow-hover:hover:not(.btn-text):not(:disabled):not(
    .disabled
  ),
.btn.btn-success.btn-shadow-hover:focus:not(.btn-text),
.btn.btn-success.btn-shadow-hover.focus:not(.btn-text) {
  -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--successrgb), var(--opacity03)) !important;
  box-shadow: 0px 9px 16px 0px rgba(var(--successrgb), var(--opacity03)) !important;
}

.btn.btn-success.btn-shadow-hover:not(:disabled):not(.disabled):active:not(
    .btn-text
  ),
.btn.btn-success.btn-shadow-hover:not(:disabled):not(.disabled).active,
.show > .btn.btn-success.btn-shadow-hover.dropdown-toggle {
  -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--successrgb), var(--opacity03)) !important;
  box-shadow: 0px 9px 16px 0px rgba(var(--successrgb), var(--opacity03)) !important;
}

/* ## BUTTON SHADOW INFO */
.btn.btn-info.btn-shadow {
  -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--inforgb), var(--opacity02)) !important;
  box-shadow: 0px 9px 16px 0px rgba(var(--inforgb), var(--opacity02)) !important;
}
.btn.btn-info.btn-shadow:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-info.btn-shadow:focus:not(.btn-text),
.btn.btn-info.btn-shadow.focus:not(.btn-text) {
  -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--inforgb), var(--opacity03)) !important;
  box-shadow: 0px 9px 16px 0px rgba(var(--inforgb), var(--opacity03)) !important;
}
.btn.btn-info.btn-shadow:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-info.btn-shadow:not(:disabled):not(.disabled).active,
.show > .btn.btn-info.btn-shadow.dropdown-toggle {
  -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--inforgb), var(--opacity03)) !important;
  box-shadow: 0px 9px 16px 0px rgba(var(--inforgb), var(--opacity03)) !important;
}

.btn.btn-info.btn-shadow-hover:hover:not(.btn-text):not(:disabled):not(
    .disabled
  ),
.btn.btn-info.btn-shadow-hover:focus:not(.btn-text),
.btn.btn-info.btn-shadow-hover.focus:not(.btn-text) {
  -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--inforgb), var(--opacity03)) !important;
  box-shadow: 0px 9px 16px 0px rgba(var(--inforgb), var(--opacity03)) !important;
}

.btn.btn-info.btn-shadow-hover:not(:disabled):not(.disabled):active:not(
    .btn-text
  ),
.btn.btn-info.btn-shadow-hover:not(:disabled):not(.disabled).active,
.show > .btn.btn-info.btn-shadow-hover.dropdown-toggle {
  -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--inforgb), var(--opacity03)) !important;
  box-shadow: 0px 9px 16px 0px rgba(var(--inforgb), var(--opacity03)) !important;
}

/* ## BUTTON SHADOW WARNING */
.btn.btn-warning.btn-shadow {
  -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--warningrgb), var(--opacity02)) !important;
  box-shadow: 0px 9px 16px 0px rgba(var(--warningrgb), var(--opacity02)) !important;
}
.btn.btn-warning.btn-shadow:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-warning.btn-shadow:focus:not(.btn-text),
.btn.btn-warning.btn-shadow.focus:not(.btn-text) {
  -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--warningrgb), var(--opacity03)) !important;
  box-shadow: 0px 9px 16px 0px rgba(var(--warningrgb), var(--opacity03)) !important;
}
.btn.btn-warning.btn-shadow:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-warning.btn-shadow:not(:disabled):not(.disabled).active,
.show > .btn.btn-warning.btn-shadow.dropdown-toggle {
  -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--warningrgb), var(--opacity03)) !important;
  box-shadow: 0px 9px 16px 0px rgba(var(--warningrgb), var(--opacity03)) !important;
}

.btn.btn-warning.btn-shadow-hover:hover:not(.btn-text):not(:disabled):not(
    .disabled
  ),
.btn.btn-warning.btn-shadow-hover:focus:not(.btn-text),
.btn.btn-warning.btn-shadow-hover.focus:not(.btn-text) {
  -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--warningrgb), var(--opacity03)) !important;
  box-shadow: 0px 9px 16px 0px rgba(var(--warningrgb), var(--opacity03)) !important;
}

.btn.btn-warning.btn-shadow-hover:not(:disabled):not(.disabled):active:not(
    .btn-text
  ),
.btn.btn-warning.btn-shadow-hover:not(:disabled):not(.disabled).active,
.show > .btn.btn-warning.btn-shadow-hover.dropdown-toggle {
  -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--warningrgb), var(--opacity03)) !important;
  box-shadow: 0px 9px 16px 0px rgba(var(--warningrgb), var(--opacity03)) !important;
}

/* ## BUTTON SHADOW DANGER */
.btn.btn-danger.btn-shadow {
  -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--dangerrgb), var(--opacity02)) !important;
  box-shadow: 0px 9px 16px 0px rgba(var(--dangerrgb), var(--opacity02)) !important;
}
.btn.btn-danger.btn-shadow:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-danger.btn-shadow:focus:not(.btn-text),
.btn.btn-danger.btn-shadow.focus:not(.btn-text) {
  -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--dangerrgb), var(--opacity03)) !important;
  box-shadow: 0px 9px 16px 0px rgba(var(--dangerrgb), var(--opacity03)) !important;
}
.btn.btn-danger.btn-shadow:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-danger.btn-shadow:not(:disabled):not(.disabled).active,
.show > .btn.btn-danger.btn-shadow.dropdown-toggle {
  -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--dangerrgb), var(--opacity03)) !important;
  box-shadow: 0px 9px 16px 0px rgba(var(--dangerrgb), var(--opacity03)) !important;
}

.btn.btn-danger.btn-shadow-hover:hover:not(.btn-text):not(:disabled):not(
    .disabled
  ),
.btn.btn-danger.btn-shadow-hover:focus:not(.btn-text),
.btn.btn-danger.btn-shadow-hover.focus:not(.btn-text) {
  -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--dangerrgb), var(--opacity03)) !important;
  box-shadow: 0px 9px 16px 0px rgba(var(--dangerrgb), var(--opacity03)) !important;
}

.btn.btn-danger.btn-shadow-hover:not(:disabled):not(.disabled):active:not(
    .btn-text
  ),
.btn.btn-danger.btn-shadow-hover:not(:disabled):not(.disabled).active,
.show > .btn.btn-danger.btn-shadow-hover.dropdown-toggle {
  -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--dangerrgb), var(--opacity03)) !important;
  box-shadow: 0px 9px 16px 0px rgba(var(--dangerrgb), var(--opacity03)) !important;
}
/* ## BUTTON SHADOW TOSCA */
.btn.btn-tosca.btn-shadow {
  -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--toscargb), var(--opacity02)) !important;
  box-shadow: 0px 9px 16px 0px rgba(var(--toscargb), var(--opacity02)) !important;
}
.btn.btn-tosca.btn-shadow:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-tosca.btn-shadow:focus:not(.btn-text),
.btn.btn-tosca.btn-shadow.focus:not(.btn-text) {
  -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--toscargb), var(--opacity03)) !important;
  box-shadow: 0px 9px 16px 0px rgba(var(--toscargb), var(--opacity03)) !important;
}
.btn.btn-tosca.btn-shadow:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-tosca.btn-shadow:not(:disabled):not(.disabled).active,
.show > .btn.btn-tosca.btn-shadow.dropdown-toggle {
  -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--toscargb), var(--opacity03)) !important;
  box-shadow: 0px 9px 16px 0px rgba(var(--toscargb), var(--opacity03)) !important;
}

.btn.btn-tosca.btn-shadow-hover:hover:not(.btn-text):not(:disabled):not(
    .disabled
  ),
.btn.btn-tosca.btn-shadow-hover:focus:not(.btn-text),
.btn.btn-tosca.btn-shadow-hover.focus:not(.btn-text) {
  -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--toscargb), var(--opacity03)) !important;
  box-shadow: 0px 9px 16px 0px rgba(var(--toscargb), var(--opacity03)) !important;
}

.btn.btn-tosca.btn-shadow-hover:not(:disabled):not(.disabled):active:not(
    .btn-text
  ),
.btn.btn-tosca.btn-shadow-hover:not(:disabled):not(.disabled).active,
.show > .btn.btn-tosca.btn-shadow-hover.dropdown-toggle {
  -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--toscargb), var(--opacity03)) !important;
  box-shadow: 0px 9px 16px 0px rgba(var(--toscargb), var(--opacity03)) !important;
}

/* ## PRIMARY */
.btn.btn-hover-text-primary:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-hover-text-primary:not(:disabled):not(.disabled).active,
.show > .btn.btn-hover-text-primary.dropdown-toggle,
.show .btn.btn-hover-text-primary.btn-dropdown {
  color: var(--primary) !important;
}
/* ## SECONDARY */
.btn.btn-hover-text-secondary:not(:disabled):not(.disabled):active:not(
    .btn-text
  ),
.btn.btn-hover-text-secondary:not(:disabled):not(.disabled).active,
.show > .btn.btn-hover-text-secondary.dropdown-toggle,
.show .btn.btn-hover-text-secondary.btn-dropdown {
  color: var(--secondary) !important;
}
/* ## SUCCESS */
.btn.btn-hover-text-success:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-hover-text-success:not(:disabled):not(.disabled).active,
.show > .btn.btn-hover-text-success.dropdown-toggle,
.show .btn.btn-hover-text-success.btn-dropdown {
  color: var(--success) !important;
}
/* ## INFO */
.btn.btn-hover-text-info:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-hover-text-info:not(:disabled):not(.disabled).active,
.show > .btn.btn-hover-text-info.dropdown-toggle,
.show .btn.btn-hover-text-info.btn-dropdown {
  color: var(--info) !important;
}
/* ## WARNING */
.btn.btn-hover-text-warning:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-hover-text-warning:not(:disabled):not(.disabled).active,
.show > .btn.btn-hover-text-warning.dropdown-toggle,
.show .btn.btn-hover-text-warning.btn-dropdown {
  color: var(--warning) !important;
}
/* ## DANGER */
.btn.btn-hover-text-danger:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-hover-text-danger:not(:disabled):not(.disabled).active,
.show > .btn.btn-hover-text-danger.dropdown-toggle,
.show .btn.btn-hover-text-danger.btn-dropdown {
  color: var(--danger) !important;
}
/* ###  NAV & BREADCRUMB*/

.breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0px 0px !important;
  padding-left: 0 !important;
  margin-bottom: 1rem;
  list-style: none;
  background-color: var(--white) !important;
  border-radius: 0.42rem;
}

.breadcrumb-item a {
  color: var(--text-black) !important;
  font-family: Poppins !important;
  font-size: 13px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 21px !important;
}

.breadcrumb-item.active {
  color: var(--text-disabled) !important;
  font-family: Poppins !important;
  font-size: 13px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 21px !important;
}
.nav-tabs {
  border-bottom: 0px solid #000000 !important;
}
.nav-link {
  color: var(--text-grey) !important;
  font-family: Public Sans !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 22px !important;
  text-align: center !important;
}

.nav-link.active {
  color: var(--text-black) !important; /* Warna teks untuk tab yang aktif */
  border-bottom: 2px solid var(--primary) !important; /* Garis bawah untuk tab yang aktif */
  font-family: Public Sans !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 22px !important;
  text-align: center !important;
}
/* ### TABLE */
/* ## BORDER RADIUS  */
table th {
  background-color: var(--header-table-bg) !important;
}
th {
  color: var(--text-header-table) !important;
  font-family: Poppins !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: normal !important;
  letter-spacing: 0.36px !important;
}
td {
  color: var(--text-black) !important;
  font-family: Poppins !important;
  justify-content: center !important;
  vertical-align: middle !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: normal !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

td:first-child,
th:first-child {
  border-radius: 6px 0 0 6px !important;
  padding-left: 20px !important;
}
td:last-child,
th:last-child {
  border-radius: 0 6px 6px 0 !important;
}

/* ### TEXT HOVER */
/* ## TEXT HOVER PRIMARY */
a.text-hover-primary,
.text-hover-primary {
  -webkit-transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, box-shadow 0.15s ease,
    -webkit-box-shadow 0.15s ease;
}
a.text-hover-primary:hover,
.text-hover-primary:hover {
  -webkit-transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, box-shadow 0.15s ease,
    -webkit-box-shadow 0.15s ease;
  color: var(--primary-hover) !important;
}
a.text-hover-primary:hover i,
.text-hover-primary:hover i {
  color: var(--primary-hover) !important;
}
a.text-hover-primary:hover .svg-icon svg g [fill],
.text-hover-primary:hover .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--primary-hover);
}
a.text-hover-primary:hover .svg-icon svg:hover g [fill],
.text-hover-primary:hover .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}

.hoverable:hover a.text-hover-primary,
.hoverable:hover .text-hover-primary {
  -webkit-transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, box-shadow 0.15s ease,
    -webkit-box-shadow 0.15s ease;
  color: var(--primary-hover) !important;
}
.hoverable:hover a.text-hover-primary i,
.hoverable:hover .text-hover-primary i {
  color: var(--primary-hover) !important;
}
.hoverable:hover a.text-hover-primary .svg-icon svg g [fill],
.hoverable:hover .text-hover-primary .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--primary-hover) !important;
}
.hoverable:hover a.text-hover-primary .svg-icon svg:hover g [fill],
.hoverable:hover .text-hover-primary .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}

/* ## TEXT HOVER SECONDARY */
a.text-hover-secondary,
.text-hover-secondary {
  -webkit-transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, box-shadow 0.15s ease,
    -webkit-box-shadow 0.15s ease;
}
a.text-hover-secondary:hover,
.text-hover-secondary:hover {
  -webkit-transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, box-shadow 0.15s ease,
    -webkit-box-shadow 0.15s ease;
  color: var(--secondary-hover) !important;
}
a.text-hover-secondary:hover i,
.text-hover-secondary:hover i {
  color: var(--secondary-hover) !important;
}
a.text-hover-secondary:hover .svg-icon svg g [fill],
.text-hover-secondary:hover .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--secondary-hover);
}
a.text-hover-secondary:hover .svg-icon svg:hover g [fill],
.text-hover-secondary:hover .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}

.hoverable:hover a.text-hover-secondary,
.hoverable:hover .text-hover-secondary {
  -webkit-transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, box-shadow 0.15s ease,
    -webkit-box-shadow 0.15s ease;
  color: var(--secondary-hover) !important;
}
.hoverable:hover a.text-hover-secondary i,
.hoverable:hover .text-hover-secondary i {
  color: var(--secondary-hover) !important;
}
.hoverable:hover a.text-hover-secondary .svg-icon svg g [fill],
.hoverable:hover .text-hover-secondary .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--secondary-hover) !important;
}
.hoverable:hover a.text-hover-secondary .svg-icon svg:hover g [fill],
.hoverable:hover .text-hover-secondary .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}

/* ## TEXT HOVER SUCCESS */
a.text-hover-success,
.text-hover-success {
  -webkit-transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, box-shadow 0.15s ease,
    -webkit-box-shadow 0.15s ease;
}
a.text-hover-success:hover,
.text-hover-success:hover {
  -webkit-transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, box-shadow 0.15s ease,
    -webkit-box-shadow 0.15s ease;
  color: var(--success-hover) !important;
}
a.text-hover-success:hover i,
.text-hover-success:hover i {
  color: var(--success-hover) !important;
}
a.text-hover-success:hover .svg-icon svg g [fill],
.text-hover-success:hover .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--success-hover);
}
a.text-hover-success:hover .svg-icon svg:hover g [fill],
.text-hover-success:hover .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}

.hoverable:hover a.text-hover-success,
.hoverable:hover .text-hover-success {
  -webkit-transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, box-shadow 0.15s ease,
    -webkit-box-shadow 0.15s ease;
  color: var(--success-hover) !important;
}
.hoverable:hover a.text-hover-success i,
.hoverable:hover .text-hover-success i {
  color: var(--success-hover) !important;
}
.hoverable:hover a.text-hover-success .svg-icon svg g [fill],
.hoverable:hover .text-hover-success .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--success-hover) !important;
}
.hoverable:hover a.text-hover-success .svg-icon svg:hover g [fill],
.hoverable:hover .text-hover-success .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}

/* ## TEXT HOVER INFO */
a.text-hover-info,
.text-hover-info {
  -webkit-transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, box-shadow 0.15s ease,
    -webkit-box-shadow 0.15s ease;
}
a.text-hover-info:hover,
.text-hover-info:hover {
  -webkit-transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, box-shadow 0.15s ease,
    -webkit-box-shadow 0.15s ease;
  color: var(--info-hover) !important;
}
a.text-hover-info:hover i,
.text-hover-info:hover i {
  color: var(--info-hover) !important;
}
a.text-hover-info:hover .svg-icon svg g [fill],
.text-hover-info:hover .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--info-hover);
}
a.text-hover-info:hover .svg-icon svg:hover g [fill],
.text-hover-info:hover .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}

.hoverable:hover a.text-hover-info,
.hoverable:hover .text-hover-info {
  -webkit-transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, box-shadow 0.15s ease,
    -webkit-box-shadow 0.15s ease;
  color: var(--info-hover) !important;
}
.hoverable:hover a.text-hover-info i,
.hoverable:hover .text-hover-info i {
  color: var(--info-hover) !important;
}
.hoverable:hover a.text-hover-info .svg-icon svg g [fill],
.hoverable:hover .text-hover-info .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--info-hover) !important;
}
.hoverable:hover a.text-hover-info .svg-icon svg:hover g [fill],
.hoverable:hover .text-hover-info .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}

/* ## TEXT HOVER WARNING */
a.text-hover-warning,
.text-hover-warning {
  -webkit-transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, box-shadow 0.15s ease,
    -webkit-box-shadow 0.15s ease;
}
a.text-hover-warning:hover,
.text-hover-warning:hover {
  -webkit-transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, box-shadow 0.15s ease,
    -webkit-box-shadow 0.15s ease;
  color: var(--warning-hover) !important;
}
a.text-hover-warning:hover i,
.text-hover-warning:hover i {
  color: var(--warning-hover) !important;
}
a.text-hover-warning:hover .svg-icon svg g [fill],
.text-hover-warning:hover .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--warning-hover);
}
a.text-hover-warning:hover .svg-icon svg:hover g [fill],
.text-hover-warning:hover .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}

.hoverable:hover a.text-hover-warning,
.hoverable:hover .text-hover-warning {
  -webkit-transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, box-shadow 0.15s ease,
    -webkit-box-shadow 0.15s ease;
  color: var(--warning-hover) !important;
}
.hoverable:hover a.text-hover-warning i,
.hoverable:hover .text-hover-warning i {
  color: var(--warning-hover) !important;
}
.hoverable:hover a.text-hover-warning .svg-icon svg g [fill],
.hoverable:hover .text-hover-warning .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--warning-hover) !important;
}
.hoverable:hover a.text-hover-warning .svg-icon svg:hover g [fill],
.hoverable:hover .text-hover-warning .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}

/* ## TEXT HOVER DANGER */
a.text-hover-danger,
.text-hover-danger {
  -webkit-transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, box-shadow 0.15s ease,
    -webkit-box-shadow 0.15s ease;
}
a.text-hover-danger:hover,
.text-hover-danger:hover {
  -webkit-transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, box-shadow 0.15s ease,
    -webkit-box-shadow 0.15s ease;
  color: var(--danger-hover) !important;
}
a.text-hover-danger:hover i,
.text-hover-danger:hover i {
  color: var(--danger-hover) !important;
}
a.text-hover-danger:hover .svg-icon svg g [fill],
.text-hover-danger:hover .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--danger-hover);
}
a.text-hover-danger:hover .svg-icon svg:hover g [fill],
.text-hover-danger:hover .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}

.hoverable:hover a.text-hover-danger,
.hoverable:hover .text-hover-danger {
  -webkit-transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, box-shadow 0.15s ease,
    -webkit-box-shadow 0.15s ease;
  color: var(--danger-hover) !important;
}
.hoverable:hover a.text-hover-danger i,
.hoverable:hover .text-hover-danger i {
  color: var(--danger-hover) !important;
}
.hoverable:hover a.text-hover-danger .svg-icon svg g [fill],
.hoverable:hover .text-hover-danger .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--danger-hover) !important;
}
.hoverable:hover a.text-hover-danger .svg-icon svg:hover g [fill],
.hoverable:hover .text-hover-danger .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}

/* ## TEXT HOVER TOSCA */
a.text-hover-tosca,
.text-hover-tosca {
  -webkit-transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, box-shadow 0.15s ease,
    -webkit-box-shadow 0.15s ease;
}
a.text-hover-tosca:hover,
.text-hover-tosca:hover {
  -webkit-transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, box-shadow 0.15s ease,
    -webkit-box-shadow 0.15s ease;
  color: var(--tosca-hover) !important;
}
a.text-hover-tosca:hover i,
.text-hover-tosca:hover i {
  color: var(--tosca-hover) !important;
}
a.text-hover-tosca:hover .svg-icon svg g [fill],
.text-hover-tosca:hover .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--tosca-hover);
}
a.text-hover-tosca:hover .svg-icon svg:hover g [fill],
.text-hover-tosca:hover .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}

.hoverable:hover a.text-hover-tosca,
.hoverable:hover .text-hover-tosca {
  -webkit-transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease,
    border-color 0.15s ease, box-shadow 0.15s ease,
    -webkit-box-shadow 0.15s ease;
  color: var(--tosca-hover) !important;
}
.hoverable:hover a.text-hover-tosca i,
.hoverable:hover .text-hover-tosca i {
  color: var(--tosca-hover) !important;
}
.hoverable:hover a.text-hover-tosca .svg-icon svg g [fill],
.hoverable:hover .text-hover-tosca .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: var(--tosca-hover) !important;
}
.hoverable:hover a.text-hover-tosca .svg-icon svg:hover g [fill],
.hoverable:hover .text-hover-tosca .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}

/* ###SEARCH BAR */
.search {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.42rem;
}

.search-white {
  color: #858585;
  background-color: white;
  border-color: white;
}
.search-white hr {
  border-top-color: #f2f2f2;
}
.search-white .search-link {
  color: #6c6c6c;
}

/* ### TOAST  */

.toast-top-right {
  position: fixed;
  top: 0vh;
  right: 0vh;
  z-index: 99999999999 !important;
  width: 350px;
  height: auto;
  margin-top: 2vh;
  margin-right: 2vw;
}

/* ### TOAST FONT SIZE */
.toast {
  font-size: 1.1rem;
}

/* ### KARTU KONTROL CSS */
.kartukontrol-sudah-label {
  background-color: var(--labelkartukontrolSudahbg); /*figma*/
  color: var(--textcolorlabelkartukontrolSudah); /*figma*/
  padding: 0.15rem 0.75rem;
  border-radius: 0.42rem;
}

.kartukontrol-pending-label {
  background-color: var(--labelkartukontrolBelumbg); /*figma*/
  color: var(--textcolorlabelkartukontrolBelum); /*figma*/
  padding: 0.15rem 0.75rem;
  border-radius: 0.42rem;
}

/* ### CUSTOM CSS SELECTPICKER */
.btn-custom-selectpicker{
  height: 8vh;
  text-align: center;
}

/* ### OVERLAY */
.overlay-loading {
  position: relative !important;
}
.overlay-loading .overlay-layer {
  position: absolute !important ;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  background-color: rgba(0, 0, 0, 0.05) !important;
  -webkit-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
  opacity: 0 !important;
}
.overlay-loading.overlay-block .overlay-layer,
.overlay-layer {
  -webkit-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
  opacity: 1 !important;
}
.overlay-loading.overlay-block {
  cursor: wait !important;
}

/* ### PROGRESS BAR HOVER TEXT */
/* ## PRIMARY */
.progress-bar {
  height: 4px !important;
  background-color: var(--primary) !important;
  width: 100% !important;
  overflow: hidden !important;
}

.progress-bar-value {
  width: 100% !important;
  height: 100% !important;
  background-color: var(--primarybg) !important;
  animation: indeterminateAnimation 1s infinite linear !important;
  transform-origin: 0% 50% !important;
}

@keyframes indeterminateAnimation {
  0% {
    transform: translateX(0) scaleX(0);
  }
  40% {
    transform: translateX(0) scaleX(0.4);
  }
  100% {
    transform: translateX(100%) scaleX(0.5);
  }
}
/* ## SECONDARY */

/* ## SUCCESS */
/* ## INFO */
/* ## WARNING */
/* ## DANGER */

/* ### HTMX INDICATOR */
.htmx-indicator {
  display: none !important;
}
.htmx-request .htmx-indicator {
  display: inline-block !important;
}
.htmx-request.htmx-indicator {
  display: inline-block !important;
}
/* ### BUTTON HOVER TEXT */
/* ###  */
/* ## PRIMARY */
/* ## SECONDARY */
/* ## SUCCESS */
/* ## INFO */
/* ## WARNING */
/* ## DANGER */