:root {
  --bs-red: #f44336;
  --bs-pink: #e91e63;
  --bs-purple: purple-500;
  --bs-indigo: #3f51b5;
  --bs-blue: #2196f3;
  --bs-cyan: #00bcd4;
  --bs-teal: #009688;
  --bs-green: #4caf50;
  --bs-yellow: #ffeb3b;
  --bs-orange: #ff9800;
  --bs-white: #fff;
  --bs-black: #000;
  --bs-gray: #757575;
  --bs-gray-dark: #4f4f4f;
  --bs-gray-50: #fbfbfb;
  --bs-gray-100: #f5f5f5;
  --bs-gray-200: #eee;
  --bs-gray-300: #e0e0e0;
  --bs-gray-400: #bdbdbd;
  --bs-gray-500: #9e9e9e;
  --bs-gray-600: #757575;
  --bs-gray-700: #616161;
  --bs-gray-800: #4f4f4f;
  --bs-gray-900: #262626;
  --bs-primary: #3b71ca;
  --bs-secondary: #9fa6b2;
  --bs-success: #14a44d;
  --bs-danger: #dc4c64;
  --bs-warning: #e4a11b;
  --bs-info: #54b4d3;
  --bs-light: #fbfbfb;
  --bs-dark: #332d2d;
  --bs-primary-rgb: 59, 113, 202;
  --bs-secondary-rgb: 159, 166, 178;
  --bs-success-rgb: 20, 164, 77;
  --bs-danger-rgb: 220, 76, 100;
  --bs-warning-rgb: 228, 161, 27;
  --bs-info-rgb: 84, 180, 211;
  --bs-light-rgb: 251, 251, 251;
  --bs-dark-rgb: 51, 45, 45;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
}
.column-5 {
  flex: 0 0 20%;
  max-width: 20%;
}
@media screen and (min-width: 991px) {
  .column-lg-5 {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .w-lg-50 {
    width: 50% !important;
  }
  .w-lg-25 {
    width: 25% !important;
  }
}
@media screen and (min-width: 767px) {
  .column-md-5 {
    flex: 0 0 20%;
    max-width: 20%;
  }
}

@media screen and (min-width: 576px) {
  .column-sm-5 {
    flex: 0 0 20%;
    max-width: 20%;
  }
}

.column-6 {
  flex: 0 0 calc(100% / 6);
  max-width: calc(100% / 6);
}
@media screen and (min-width: 991px) {
  .column-lg-6 {
    flex: 0 0 calc(100% / 6);
    max-width: calc(100% / 6);
  }
}
@media screen and (min-width: 767px) {
  .column-md-6 {
    flex: 0 0 calc(100% / 6);
    max-width: calc(100% / 6);
  }
}

@media screen and (min-width: 576px) {
  .column-sm-6 {
    flex: 0 0 calc(100% / 6);
    max-width: calc(100% / 6);
  }
}

.column-7 {
  flex: 0 0 calc(100% / 7);
  max-width: calc(100% / 7);
}
@media screen and (min-width: 991px) {
  .column-lg-7 {
    flex: 0 0 calc(100% / 7);
    max-width: calc(100% / 7);
  }
}
@media screen and (min-width: 767px) {
  .column-md-7 {
    flex: 0 0 calc(100% / 7);
    max-width: calc(100% / 7);
  }
}

@media screen and (min-width: 576px) {
  .column-sm-7 {
    flex: 0 0 calc(100% / 7);
    max-width: calc(100% / 7);
  }
}

.column-8 {
  flex: 0 0 calc(100% / 8);
  max-width: calc(100% / 8);
}
@media screen and (min-width: 991px) {
  .column-lg-8 {
    flex: 0 0 calc(100% / 8);
    max-width: calc(100% / 8);
  }
}
@media screen and (min-width: 767px) {
  .column-md-8 {
    flex: 0 0 calc(100% / 8);
    max-width: calc(100% / 8);
  }
}

@media screen and (min-width: 576px) {
  .column-sm-8 {
    flex: 0 0 calc(100% / 8);
    max-width: calc(100% / 8);
  }
}
.dropdown-item {
  font-size: 14px;
}
.jconfirm-content > div {
  line-height: 22px;
}
/* Filer */
.icon-jfi-trash:before {
  content: "\f057" !important;
  font-family: FontAwesome;
}
.jFiler-theme-default .jFiler-input {
  width: 50%;
  margin: 0 auto;
}
@media screen and (max-width: 991px) {
  .jFiler-theme-default .jFiler-input {
    width: 100%;
  }
}
.label-filer-gallery {
  word-break: break-word;
}
.alert-sort-filer {
  display: none;
}
.jFiler-input-dragDrop {
  width: 100%;
  margin: 0 auto;
  border-radius: 10px;
}
.jFiler-items-grid.row {
  margin-left: -7.5px;
}
/* .jFiler-items-grid.scroll-bar {
  max-height: 560px;
  overflow-x: hidden;
  overflow-y: scroll;
} */
.jFiler-items-grid .jFiler-item .jFiler-item-container {
  margin: 0px;
  margin-bottom: 1rem;
  padding: 5px;
  box-shadow: none;
}
.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets {
  margin-top: 0px;
  padding: 5px 0px;
}
.jFiler-items-grid
  .jFiler-item
  .jFiler-item-container
  .jFiler-item-assets
  .pull-left {
  float: none;
}
.jFiler-items-grid
  .jFiler-item
  .jFiler-item-container
  .jFiler-item-assets
  .pull-left
  li {
  display: block;
}
.jFiler-items-grid
  .jFiler-item
  .jFiler-item-container
  .jFiler-item-assets
  .pull-left
  li
  .jFiler-jProgressBar {
  width: 100%;
  margin: 0px;
}
.jFiler-items-grid
  .jFiler-item
  .jFiler-item-container
  .jFiler-item-assets
  .pull-left
  li
  .jFiler-jProgressBar
  .bar {
  float: none;
}
.jFiler-items-grid
  .jFiler-item
  .jFiler-item-container
  .jFiler-item-assets
  .pull-right {
  float: none;
  text-align: center;
}
.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb {
  width: 100%;
  height: auto;
  min-height: inherit;
}
.jFiler-items-grid
  .jFiler-item
  .jFiler-item-container
  .jFiler-item-thumb
  .jFiler-item-thumb-image {
  position: relative;
}
.jFiler-items-grid
  .jFiler-item
  .jFiler-item-container
  .jFiler-item-thumb
  .jFiler-item-thumb-image
  img {
  max-width: 100%;
  width: 100%;
}
.jFiler-items-grid
  .jFiler-item
  .jFiler-item-container
  .jFiler-item-thumb
  .jFiler-item-thumb-image
  i {
  position: absolute;
  top: calc(50% - 25px / 2);
  left: calc(50% - 25px / 2);
  color: #ffc107;
  width: 25px;
  height: 25px;
  font-size: 25px;
  text-align: center;
  line-height: 25px;
  display: none;
}
.jFiler-items-grid
  .jFiler-item
  .jFiler-item-container
  .jFiler-item-thumb
  .jFiler-item-info {
  padding: 0px 5px;
}
.jFiler-items-grid
  .jFiler-item
  .jFiler-item-container
  .jFiler-item-thumb
  .jFiler-item-info
  .jFiler-item-title,
.jFiler-items-grid
  .jFiler-item
  .jFiler-item-container
  .jFiler-item-info
  .jFiler-item-title
  b {
  font-weight: normal;
}
.jFiler-items-grid .jFiler-item.my-jFiler-item.moved {
  cursor: pointer;
}
.jFiler-items-grid
  .jFiler-item.my-jFiler-item.moved.ghostclass
  .jFiler-item-container {
  background: #fddf83;
  opacity: 0.85;
}
.jFiler-items-grid .jFiler-item.my-jFiler-item.selected .jFiler-item-container {
  border-color: #ffc107;
  opacity: 0.85;
}
.jFiler-items-grid
  .jFiler-item.my-jFiler-item.selected
  .jFiler-item-container:before {
  content: "";
  position: absolute;
  width: 35px;
  height: 35px;
  z-index: 1;
  background-color: #ffc107;
  top: calc(50% - 35px / 2);
  left: calc(50% - 35px / 2);
  border-radius: 100%;
}
.jFiler-items-grid
  .jFiler-item.my-jFiler-item.selected
  .jFiler-item-container:after {
  content: "";
  position: absolute;
  left: calc(50% - 9px / 2);
  top: calc(50% - 25px / 2);
  width: 10px;
  height: 20px;
  z-index: 2;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.jFiler-items-grid
  .jFiler-item.my-jFiler-item.selected
  .jFiler-item-container
  .jFiler-item-inner {
  opacity: 0.7;
}
.jFiler-items-grid
  .jFiler-item.my-jFiler-item.moved:not(.selected)
  .jFiler-item-container
  .jFiler-item-thumb
  .jFiler-item-thumb-image
  img {
  -ms-filter: brightness(70%);
  -webkit-filter: brightness(70%);
  -moz-filter: brightness(70%);
  -o-filter: brightness(70%);
  filter: brightness(70%);
}
.jFiler-items-grid
  .jFiler-item.my-jFiler-item.moved:not(.selected)
  .jFiler-item-container
  .jFiler-item-thumb
  .jFiler-item-thumb-image
  i {
  display: block;
}
.jFiler-input-dragDrop .jFiler-input-icon {
  margin-top: 0;
  margin-bottom: 20px;
}

.jFiler-items.jFiler-row {
  margin-top: 25px;
}
.form-select,
.form-control,
.btn {
  font-size: 13px;
}
.form-check {
  margin-bottom: 0;
  min-height: auto;
  display: inline-block;
}
.form-check-input {
  margin-top: 0;
}
.form-check-input {
  margin-left: 0;
}
@media (min-width: 1230px) {
  .modal-lg,
  .modal-xl {
    --bs-modal-width: 1200px;
  }
}
.modal-dialog.max .col-3 {
  font-weight: bold;
}
.table > :not(caption) > * > * {
  padding: 1rem 1rem;
}
#toast-body {
  font-size: 13px;
}
/* Paging */
.pagination-cus {
  margin-top: 30px;
}
.pagination-cus .page-item {
  margin: 0 4px;
}

.pagination-cus .page-item:first-child .page-link {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.pagination-cus .page-item:last-child .page-link {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.pagination-cus .page-item.active .page-link {
  background: var(--bs-success);
  color: white;
  border-color: var(--bs-success);
}

.pagination-cus .page-item:not(:first-child) .page-link {
  margin-left: 0;
}

.pagination-cus .page-link {
  color: var(--bs-success);
  font-size: 13px;
  border: 0.5px solid var(--bs-success) !important;
  padding: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: 0;
}
.pagination-cus .page-link i {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.pagination-cus .page-link:hover {
  z-index: 2;
  color: white;
  background-color: var(--bs-success);
  border-color: var(--bs-success);
}

/* Paging Ajax */
.pagination-ajax {
  text-align: center;
}

.pagination-ajax a {
  display: inline-block;
  vertical-align: top;
  margin: 0px 3px 3px 3px;
  width: 35px;
  height: 35px;
  line-height: 33px;
  color: #666 !important;
  border: 1px solid #e6e6e6;
  font-size: 13px;
  cursor: pointer;
  text-decoration: none !important;
  background-color: #ffffff;
}

.pagination-ajax a.current,
.pagination-ajax a:hover {
  color: #ffffff !important;
  border-color: var(--bs-success);
  background-color: var(--bs-success);
}

.pagination-ajax a.first {
  text-indent: -9999px;
  position: relative;
  background-color: #ffffff !important;
}

.pagination-ajax a.first::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/page-first.png);
}

.pagination-ajax a.last {
  text-indent: -9999px;
  position: relative;
  background-color: #ffffff !important;
}

.pagination-ajax a.last::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/page-last.png);
}

.pagination-ajax a.prev {
  text-indent: -9999px;
  position: relative;
  background-color: #ffffff !important;
}

.pagination-ajax a.prev::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/page-prev.png);
}

.pagination-ajax a.next {
  text-indent: -9999px;
  position: relative;
  background-color: #ffffff !important;
}

.pagination-ajax a.next::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/page-next.png);
}

.jconfirm.jconfirm-material .jconfirm-box {
  padding: 20px 15px 5px 20px;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
  font: 17px SFUIText-Bold;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane {
  margin-bottom: 10px;
}

.jconfirm .jconfirm-box div.jconfirm-title-c {
  padding-bottom: 10px;
}

.jconfirm .jconfirm-box .jconfirm-buttons > button {
  font-family: SFUIText-Bold;
}

.fw-bold {
  font-weight: normal !important;
  font-family: SFUIText-Bold;
}

.update-file .jFiler-theme-default .jFiler-input {
  width: 100%;
}

table.dataTable{
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}


.select2-container .select2-selection--single{
  height: 33px;
}
.select2-container--default .select2-selection--single{
  border-color: #ced4da;
  border-radius: 0.375rem;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: 31px;
  padding-left: 12px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
  height: 31px;
}

.btn {
  --mdb-btn-padding-x: 1.5rem;
  --mdb-btn-padding-y: 0.375rem;
  --mdb-btn-font-size: 0.75rem;
  --mdb-btn-font-weight: 500;
  --mdb-btn-line-height: 1.5;
  --mdb-btn-color: #4f4f4f;
  --mdb-btn-bg: transparent;
  --mdb-btn-border-width: 2px;
  --mdb-btn-border-color: transparent;
  --mdb-btn-hover-border-color: transparent;
  --mdb-btn-disabled-opacity: 0.65;
  --mdb-btn-focus-box-shadow: 0 0 0 0.25rem
    rgba(var(--mdb-btn-focus-shadow-rgb), 0.5);
  display: inline-block;
  padding: var(--mdb-btn-padding-y) var(--mdb-btn-padding-x);
  font-family: var(--mdb-btn-font-family);
  font-size: var(--mdb-btn-font-size);
  font-weight: var(--mdb-btn-font-weight);
  line-height: var(--mdb-btn-line-height);
  color: var(--mdb-btn-color);
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: var(--mdb-btn-border-width) solid var(--mdb-btn-border-color);
  background-color: var(--mdb-btn-bg);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: var(--mdb-btn-hover-color);
  background-color: var(--mdb-btn-hover-bg);
  border-color: var(--mdb-btn-hover-border-color);
}
.btn-check + .btn:hover {
  color: var(--mdb-btn-color);
  background-color: var(--mdb-btn-bg);
  border-color: var(--mdb-btn-border-color);
}
.btn:focus-visible {
  color: var(--mdb-btn-hover-color);
  background-color: var(--mdb-btn-hover-bg);
}
.btn-check:focus-visible + .btn,
.btn:focus-visible {
  border-color: var(--mdb-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--mdb-btn-box-shadow), var(--mdb-btn-focus-box-shadow);
}
.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active {
  color: var(--mdb-btn-active-color);
  background-color: var(--mdb-btn-active-bg);
  border-color: var(--mdb-btn-active-border-color);
  box-shadow: var(--mdb-btn-active-shadow);
}
.btn-check:checked + .btn:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible,
.btn:first-child:active:focus-visible,
:not(.btn-check) + .btn:active:focus-visible {
  box-shadow: var(--mdb-btn-active-shadow), var(--mdb-btn-focus-box-shadow);
}
.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
  color: var(--mdb-btn-disabled-color);
  pointer-events: none;
  background-color: var(--mdb-btn-disabled-bg);
  border-color: var(--mdb-btn-disabled-border-color);
  opacity: var(--mdb-btn-disabled-opacity);
  box-shadow: none;
}
.btn-primary {
  --mdb-btn-border-color: #3b71ca;
  --mdb-btn-hover-border-color: #2f5aa2;
  --mdb-btn-focus-shadow-rgb: 88, 134, 210;
  --mdb-btn-active-border-color: #2c5598;
  --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15),
    0 4px 18px 0 rgba(0, 0, 0, 0.1);
  --mdb-btn-disabled-color: #fff;
  --mdb-btn-disabled-bg: #3b71ca;
  --mdb-btn-disabled-border-color: #3b71ca;
}
.btn-secondary {
  --mdb-btn-color: #000;
  --mdb-btn-bg: #9fa6b2;
  --mdb-btn-border-color: #9fa6b2;
  --mdb-btn-hover-color: #000;
  --mdb-btn-hover-bg: #adb3be;
  --mdb-btn-hover-border-color: #a9afba;
  --mdb-btn-focus-shadow-rgb: 135, 141, 151;
  --mdb-btn-active-color: #000;
  --mdb-btn-active-bg: #b2b8c1;
  --mdb-btn-active-border-color: #a9afba;
  --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15),
    0 4px 18px 0 rgba(0, 0, 0, 0.1);
  --mdb-btn-disabled-color: #000;
  --mdb-btn-disabled-bg: #9fa6b2;
  --mdb-btn-disabled-border-color: #9fa6b2;
}
.btn-success {
  --mdb-btn-color: #000;
  --mdb-btn-border-color: #14a44d;
  --mdb-btn-hover-color: #000;
  --mdb-btn-hover-bg: #37b268;
  --mdb-btn-hover-border-color: #2cad5f;
  --mdb-btn-focus-shadow-rgb: 17, 139, 65;
  --mdb-btn-active-color: #000;
  --mdb-btn-active-bg: #43b671;
  --mdb-btn-active-border-color: #2cad5f;
  --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15),
    0 4px 18px 0 rgba(0, 0, 0, 0.1);
  --mdb-btn-disabled-color: #000;
  --mdb-btn-disabled-bg: #14a44d;
  --mdb-btn-disabled-border-color: #14a44d;
}
.btn-danger {
  --mdb-btn-color: #000;
  --mdb-btn-border-color: #dc4c64;
  --mdb-btn-hover-color: #000;
  --mdb-btn-hover-bg: #e1677b;
  --mdb-btn-hover-border-color: #e05e74;
  --mdb-btn-focus-shadow-rgb: 187, 65, 85;
  --mdb-btn-active-color: #000;
  --mdb-btn-active-bg: #e37083;
  --mdb-btn-active-border-color: #e05e74;
  --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15),
    0 4px 18px 0 rgba(0, 0, 0, 0.1);
  --mdb-btn-disabled-color: #000;
  --mdb-btn-disabled-bg: #dc4c64;
  --mdb-btn-disabled-border-color: #dc4c64;
}
.btn-warning {
  --mdb-btn-color: #000;
  --mdb-btn-border-color: #e4a11b;
  --mdb-btn-hover-color: #000;
  --mdb-btn-hover-bg: #e8af3d;
  --mdb-btn-hover-border-color: #e7aa32;
  --mdb-btn-focus-shadow-rgb: 194, 137, 23;
  --mdb-btn-active-color: #000;
  --mdb-btn-active-bg: #e9b449;
  --mdb-btn-active-border-color: #e7aa32;
  --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15),
    0 4px 18px 0 rgba(0, 0, 0, 0.1);
  --mdb-btn-disabled-color: #000;
  --mdb-btn-disabled-bg: #e4a11b;
  --mdb-btn-disabled-border-color: #e4a11b;
}
.btn-info {
  --mdb-btn-color: #000;
  --mdb-btn-border-color: #54b4d3;
  --mdb-btn-hover-color: #000;
  --mdb-btn-hover-bg: #6ebfda;
  --mdb-btn-hover-border-color: #65bcd7;
  --mdb-btn-focus-shadow-rgb: 71, 153, 179;
  --mdb-btn-active-color: #000;
  --mdb-btn-active-bg: #76c3dc;
  --mdb-btn-active-border-color: #65bcd7;
  --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15),
    0 4px 18px 0 rgba(0, 0, 0, 0.1);
  --mdb-btn-disabled-color: #000;
  --mdb-btn-disabled-bg: #54b4d3;
  --mdb-btn-disabled-border-color: #54b4d3;
}
.btn-light {
  --mdb-btn-color: #000;
  --mdb-btn-border-color: #fbfbfb;
  --mdb-btn-hover-color: #000;
  --mdb-btn-hover-border-color: #c9c9c9;
  --mdb-btn-focus-shadow-rgb: 213, 213, 213;
  --mdb-btn-active-color: #000;
  --mdb-btn-active-border-color: #bcbcbc;
  --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15),
    0 4px 18px 0 rgba(0, 0, 0, 0.1);
  --mdb-btn-disabled-color: #000;
  --mdb-btn-disabled-bg: #fbfbfb;
  --mdb-btn-disabled-border-color: #fbfbfb;
}
.btn-dark {
  --mdb-btn-border-color: #332d2d;
  --mdb-btn-hover-bg: #524d4d;
  --mdb-btn-hover-border-color: #474242;
  --mdb-btn-focus-shadow-rgb: 82, 77, 77;
  --mdb-btn-active-bg: #5c5757;
  --mdb-btn-active-border-color: #474242;
  --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15),
    0 4px 18px 0 rgba(0, 0, 0, 0.1);
  --mdb-btn-disabled-color: #fff;
  --mdb-btn-disabled-bg: #332d2d;
  --mdb-btn-disabled-border-color: #332d2d;
}
.btn-outline-primary {
  --mdb-btn-hover-color: #fff;
  --mdb-btn-hover-bg: #3b71ca;
  --mdb-btn-hover-border-color: #3b71ca;
  --mdb-btn-focus-shadow-rgb: 59, 113, 202;
  --mdb-btn-active-color: #fff;
  --mdb-btn-active-bg: #3b71ca;
  --mdb-btn-active-border-color: #3b71ca;
  --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15),
    0 4px 18px 0 rgba(0, 0, 0, 0.1);
  --mdb-btn-disabled-color: #3b71ca;
  --mdb-btn-disabled-bg: transparent;
  --mdb-btn-disabled-border-color: #3b71ca;
  --mdb-gradient: none;
}
.btn-outline-secondary {
  --mdb-btn-color: #9fa6b2;
  --mdb-btn-border-color: #9fa6b2;
  --mdb-btn-hover-color: #000;
  --mdb-btn-hover-bg: #9fa6b2;
  --mdb-btn-hover-border-color: #9fa6b2;
  --mdb-btn-focus-shadow-rgb: 159, 166, 178;
  --mdb-btn-active-color: #000;
  --mdb-btn-active-bg: #9fa6b2;
  --mdb-btn-active-border-color: #9fa6b2;
  --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15),
    0 4px 18px 0 rgba(0, 0, 0, 0.1);
  --mdb-btn-disabled-color: #9fa6b2;
  --mdb-btn-disabled-bg: transparent;
  --mdb-btn-disabled-border-color: #9fa6b2;
  --mdb-gradient: none;
}
.btn-outline-success {
  --mdb-btn-hover-color: #000;
  --mdb-btn-hover-bg: #14a44d;
  --mdb-btn-hover-border-color: #14a44d;
  --mdb-btn-focus-shadow-rgb: 20, 164, 77;
  --mdb-btn-active-color: #000;
  --mdb-btn-active-bg: #14a44d;
  --mdb-btn-active-border-color: #14a44d;
  --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15),
    0 4px 18px 0 rgba(0, 0, 0, 0.1);
  --mdb-btn-disabled-color: #14a44d;
  --mdb-btn-disabled-bg: transparent;
  --mdb-btn-disabled-border-color: #14a44d;
  --mdb-gradient: none;
}
.btn-outline-danger {
  --mdb-btn-hover-color: #000;
  --mdb-btn-hover-bg: #dc4c64;
  --mdb-btn-hover-border-color: #dc4c64;
  --mdb-btn-focus-shadow-rgb: 220, 76, 100;
  --mdb-btn-active-color: #000;
  --mdb-btn-active-bg: #dc4c64;
  --mdb-btn-active-border-color: #dc4c64;
  --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15),
    0 4px 18px 0 rgba(0, 0, 0, 0.1);
  --mdb-btn-disabled-color: #dc4c64;
  --mdb-btn-disabled-bg: transparent;
  --mdb-btn-disabled-border-color: #dc4c64;
  --mdb-gradient: none;
}
.btn-outline-warning {
  --mdb-btn-hover-color: #000;
  --mdb-btn-hover-bg: #e4a11b;
  --mdb-btn-hover-border-color: #e4a11b;
  --mdb-btn-focus-shadow-rgb: 228, 161, 27;
  --mdb-btn-active-color: #000;
  --mdb-btn-active-bg: #e4a11b;
  --mdb-btn-active-border-color: #e4a11b;
  --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15),
    0 4px 18px 0 rgba(0, 0, 0, 0.1);
  --mdb-btn-disabled-color: #e4a11b;
  --mdb-btn-disabled-bg: transparent;
  --mdb-btn-disabled-border-color: #e4a11b;
  --mdb-gradient: none;
}
.btn-outline-info {
  --mdb-btn-hover-color: #000;
  --mdb-btn-hover-bg: #54b4d3;
  --mdb-btn-hover-border-color: #54b4d3;
  --mdb-btn-focus-shadow-rgb: 84, 180, 211;
  --mdb-btn-active-color: #000;
  --mdb-btn-active-bg: #54b4d3;
  --mdb-btn-active-border-color: #54b4d3;
  --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15),
    0 4px 18px 0 rgba(0, 0, 0, 0.1);
  --mdb-btn-disabled-color: #54b4d3;
  --mdb-btn-disabled-bg: transparent;
  --mdb-btn-disabled-border-color: #54b4d3;
  --mdb-gradient: none;
}
.btn-outline-light {
  --mdb-btn-hover-color: #000;
  --mdb-btn-hover-bg: #fbfbfb;
  --mdb-btn-hover-border-color: #fbfbfb;
  --mdb-btn-focus-shadow-rgb: 251, 251, 251;
  --mdb-btn-active-color: #000;
  --mdb-btn-active-bg: #fbfbfb;
  --mdb-btn-active-border-color: #fbfbfb;
  --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15),
    0 4px 18px 0 rgba(0, 0, 0, 0.1);
  --mdb-btn-disabled-color: #fbfbfb;
  --mdb-btn-disabled-bg: transparent;
  --mdb-btn-disabled-border-color: #fbfbfb;
  --mdb-gradient: none;
}
.btn-outline-dark {
  --mdb-btn-hover-color: #fff;
  --mdb-btn-hover-bg: #332d2d;
  --mdb-btn-hover-border-color: #332d2d;
  --mdb-btn-focus-shadow-rgb: 51, 45, 45;
  --mdb-btn-active-color: #fff;
  --mdb-btn-active-bg: #332d2d;
  --mdb-btn-active-border-color: #332d2d;
  --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15),
    0 4px 18px 0 rgba(0, 0, 0, 0.1);
  --mdb-btn-disabled-color: #332d2d;
  --mdb-btn-disabled-bg: transparent;
  --mdb-btn-disabled-border-color: #332d2d;
  --mdb-gradient: none;
}
.btn-link {
  --mdb-btn-font-weight: 400;
  --mdb-btn-bg: transparent;
  --mdb-btn-border-color: transparent;
  --mdb-btn-hover-border-color: transparent;
  --mdb-btn-active-color: #386bc0;
  --mdb-btn-active-border-color: transparent;
  --mdb-btn-disabled-border-color: transparent;
  --mdb-btn-focus-shadow-rgb: 88, 134, 210;
}
.btn-link:focus-visible,
.btn-link:hover {
  text-decoration: none;
}
.btn-link:focus-visible {
  color: var(--mdb-btn-color);
}
.btn-link:hover {
  color: var(--mdb-btn-hover-color);
}
.btn {
  --mdb-btn-padding-top: 0.625rem;
  --mdb-btn-padding-bottom: 0.5rem;
  --mdb-btn-border-width: 0;
  --mdb-btn-border-color: none;
  --mdb-btn-border-radius: 0.25rem;
  --mdb-btn-box-shadow: 0 4px 9px -4px rgba(0, 0, 0, 0.35);
  --mdb-btn-hover-box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15),
    0 4px 18px 0 rgba(0, 0, 0, 0.1);
  --mdb-btn-focus-box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15),
    0 4px 18px 0 rgba(0, 0, 0, 0.1);
  --mdb-btn-active-box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15),
    0 4px 18px 0 rgba(0, 0, 0, 0.1);
  padding-top: var(--mdb-btn-padding-top);
  padding-bottom: var(--mdb-btn-padding-bottom);
  text-transform: uppercase;
  vertical-align: middle;
  border: 0;
  border-radius: var(--mdb-btn-border-radius);
  box-shadow: var(--mdb-btn-box-shadow);
}
.btn:first-child:hover,
.btn:focus-visible,
.btn:hover,
:not(.btn-check) + .btn:hover {
  box-shadow: var(--mdb-btn-hover-box-shadow);
}
.btn-check:focus + .btn,
.btn-check:focus-visible + .btn,
.btn:focus {
  box-shadow: var(--mdb-btn-focus-box-shadow);
}
.btn-check:active + .btn,
.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:active {
  box-shadow: var(--mdb-btn-active-box-shadow);
}
.btn-check:active + .btn:focus,
.btn-check:checked + .btn:focus,
.btn.active:focus,
.btn.show:focus,
.btn:active:focus {
  box-shadow: var(--mdb-btn-focus-box-shadow);
}
.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
  box-shadow: var(--mdb-btn-box-shadow);
}
[class*="btn-outline-"] {
  --mdb-btn-padding-top: 0.5rem;
  --mdb-btn-padding-bottom: 0.375rem;
  --mdb-btn-padding-x: 1.375rem;
  --mdb-btn-border-width: 2px;
  --mdb-btn-line-height: 1.5;
  padding: var(--mdb-btn-padding-top) var(--mdb-btn-padding-x)
    var(--mdb-btn-padding-bottom);
  border-width: var(--mdb-btn-border-width);
  border-style: solid;
  box-shadow: none;
}
.btn-check:active + [class*="btn-outline-"],
.btn-check:active + [class*="btn-outline-"]:focus,
.btn-check:checked + [class*="btn-outline-"],
.btn-check:checked + [class*="btn-outline-"]:focus,
.btn-check:focus + [class*="btn-outline-"],
.btn-check:focus-visible + [class*="btn-outline-"],
:not(.btn-check) + [class*="btn-outline-"]:hover,
[class*="btn-outline-"].active,
[class*="btn-outline-"].active:focus,
[class*="btn-outline-"].disabled,
[class*="btn-outline-"].show,
[class*="btn-outline-"].show:focus,
[class*="btn-outline-"]:active,
[class*="btn-outline-"]:active:focus,
[class*="btn-outline-"]:disabled,
[class*="btn-outline-"]:first-child:hover,
[class*="btn-outline-"]:focus,
[class*="btn-outline-"]:focus-visible,
[class*="btn-outline-"]:hover,
fieldset:disabled [class*="btn-outline-"] {
  box-shadow: none;
}
.btn-group-lg > [class*="btn-outline-"].btn,
[class*="btn-outline-"].btn-lg {
  --mdb-btn-padding-top: 0.625rem;
  --mdb-btn-padding-bottom: 0.5625rem;
  --mdb-btn-padding-x: 1.5625rem;
  --mdb-btn-font-size: 0.875rem;
  --mdb-btn-line-height: 1.6;
}
.btn-group-sm > [class*="btn-outline-"].btn,
[class*="btn-outline-"].btn-sm {
  --mdb-btn-padding-top: 0.25rem;
  --mdb-btn-padding-bottom: 0.1875rem;
  --mdb-btn-padding-x: 0.875rem;
  --mdb-btn-font-size: 0.75rem;
  --mdb-btn-line-height: 1.5;
}
.btn-secondary {
  box-shadow: none;
}
.btn-secondary:first-child:hover,
.btn-secondary:focus-visible,
.btn-secondary:hover,
:not(.btn-check) + .btn-secondary:hover {
  box-shadow: none !important;
}
.btn-check:active + .btn-secondary,
.btn-check:active + .btn-secondary:focus,
.btn-check:checked + .btn-secondary,
.btn-check:checked + .btn-secondary:focus,
.btn-check:focus + .btn-secondary,
.btn-check:focus-visible + .btn-secondary,
.btn-secondary.active,
.btn-secondary.active:focus,
.btn-secondary.disabled,
.btn-secondary.show,
.btn-secondary.show:focus,
.btn-secondary:active,
.btn-secondary:active:focus,
.btn-secondary:disabled,
.btn-secondary:focus,
fieldset:disabled .btn-secondary {
  box-shadow: none;
}
.btn-primary {
  --mdb-btn-bg: #3b71ca;
  --mdb-btn-color: #fff;
  --mdb-btn-box-shadow: 0 4px 9px -4px #3b71ca;
  --mdb-btn-hover-bg: #386bc0;
  --mdb-btn-hover-color: #fff;
  --mdb-btn-focus-bg: #386bc0;
  --mdb-btn-focus-color: #fff;
  --mdb-btn-active-bg: #3566b6;
  --mdb-btn-active-color: #fff;
  --mdb-btn-box-shadow-state: 0 8px 9px -4px rgba(59, 113, 202, 0.3),
    0 4px 18px 0 rgba(59, 113, 202, 0.2);
}
.btn-primary:first-child:hover,
.btn-primary:focus-visible,
.btn-primary:hover,
:not(.btn-check) + .btn-primary:hover {
  box-shadow: var(--mdb-btn-box-shadow-state);
}
.btn-check:focus + .btn-primary,
.btn-check:focus-visible + .btn-primary,
.btn-primary:focus {
  box-shadow: var(--mdb-btn-box-shadow-state);
  background-color: var(--mdb-btn-focus-bg);
}
.btn-check:active + .btn-primary,
.btn-check:active + .btn-primary:focus,
.btn-check:checked + .btn-primary,
.btn-check:checked + .btn-primary:focus,
.btn-primary.active,
.btn-primary.active:focus,
.btn-primary.show,
.btn-primary.show:focus,
.btn-primary:active,
.btn-primary:active:focus {
  box-shadow: var(--mdb-btn-box-shadow-state);
}
.btn-check:active + .btn-primary:hover,
.btn-check:checked + .btn-primary:hover,
.btn-primary.active:hover,
.btn-primary.show:hover,
.btn-primary:active:hover {
  background-color: var(--mdb-btn-active-bg);
}
.btn-primary.disabled,
.btn-primary:disabled,
fieldset:disabled .btn-primary {
  box-shadow: var(--mdb-btn-box-shadow);
}
.btn-secondary {
  --mdb-btn-bg: #e3ebf7;
  --mdb-btn-color: #285192;
  --mdb-btn-box-shadow: 0 4px 9px -4px #e3ebf7;
  --mdb-btn-hover-bg: #d8dfeb;
  --mdb-btn-hover-color: #285192;
  --mdb-btn-focus-bg: #d8dfeb;
  --mdb-btn-focus-color: #285192;
  --mdb-btn-active-bg: #ccd4de;
  --mdb-btn-active-color: #285192;
  --mdb-btn-box-shadow-state: 0 8px 9px -4px rgba(227, 235, 247, 0.3),
    0 4px 18px 0 rgba(227, 235, 247, 0.2);
}
.btn-secondary:first-child:hover,
.btn-secondary:focus-visible,
.btn-secondary:hover,
:not(.btn-check) + .btn-secondary:hover {
  box-shadow: var(--mdb-btn-box-shadow-state);
}
.btn-check:focus + .btn-secondary,
.btn-check:focus-visible + .btn-secondary,
.btn-secondary:focus {
  box-shadow: var(--mdb-btn-box-shadow-state);
  background-color: var(--mdb-btn-focus-bg);
}
.btn-check:active + .btn-secondary,
.btn-check:active + .btn-secondary:focus,
.btn-check:checked + .btn-secondary,
.btn-check:checked + .btn-secondary:focus,
.btn-secondary.active,
.btn-secondary.active:focus,
.btn-secondary.show,
.btn-secondary.show:focus,
.btn-secondary:active,
.btn-secondary:active:focus {
  box-shadow: var(--mdb-btn-box-shadow-state);
}
.btn-check:active + .btn-secondary:hover,
.btn-check:checked + .btn-secondary:hover,
.btn-secondary.active:hover,
.btn-secondary.show:hover,
.btn-secondary:active:hover {
  background-color: var(--mdb-btn-active-bg);
}
.btn-secondary.disabled,
.btn-secondary:disabled,
fieldset:disabled .btn-secondary {
  box-shadow: var(--mdb-btn-box-shadow);
}
.btn-success {
  --mdb-btn-bg: #14a44d;
  --mdb-btn-color: #fff;
  --mdb-btn-box-shadow: 0 4px 9px -4px #14a44d;
  --mdb-btn-hover-bg: #139c49;
  --mdb-btn-hover-color: #fff;
  --mdb-btn-focus-bg: #139c49;
  --mdb-btn-focus-color: #fff;
  --mdb-btn-active-bg: #129445;
  --mdb-btn-active-color: #fff;
  --mdb-btn-box-shadow-state: 0 8px 9px -4px rgba(20, 164, 77, 0.3),
    0 4px 18px 0 rgba(20, 164, 77, 0.2);
}
.btn-success:first-child:hover,
.btn-success:focus-visible,
.btn-success:hover,
:not(.btn-check) + .btn-success:hover {
  box-shadow: var(--mdb-btn-box-shadow-state);
}
.btn-check:focus + .btn-success,
.btn-check:focus-visible + .btn-success,
.btn-success:focus {
  box-shadow: var(--mdb-btn-box-shadow-state);
  background-color: var(--mdb-btn-focus-bg);
}
.btn-check:active + .btn-success,
.btn-check:active + .btn-success:focus,
.btn-check:checked + .btn-success,
.btn-check:checked + .btn-success:focus,
.btn-success.active,
.btn-success.active:focus,
.btn-success.show,
.btn-success.show:focus,
.btn-success:active,
.btn-success:active:focus {
  box-shadow: var(--mdb-btn-box-shadow-state);
}
.btn-check:active + .btn-success:hover,
.btn-check:checked + .btn-success:hover,
.btn-success.active:hover,
.btn-success.show:hover,
.btn-success:active:hover {
  background-color: var(--mdb-btn-active-bg);
}
.btn-success.disabled,
.btn-success:disabled,
fieldset:disabled .btn-success {
  box-shadow: var(--mdb-btn-box-shadow);
}
.btn-danger {
  --mdb-btn-bg: #dc4c64;
  --mdb-btn-color: #fff;
  --mdb-btn-box-shadow: 0 4px 9px -4px #dc4c64;
  --mdb-btn-hover-bg: #d1485f;
  --mdb-btn-hover-color: #fff;
  --mdb-btn-focus-bg: #d1485f;
  --mdb-btn-focus-color: #fff;
  --mdb-btn-active-bg: #c6445a;
  --mdb-btn-active-color: #fff;
  --mdb-btn-box-shadow-state: 0 8px 9px -4px rgba(220, 76, 100, 0.3),
    0 4px 18px 0 rgba(220, 76, 100, 0.2);
}
.btn-danger:first-child:hover,
.btn-danger:focus-visible,
.btn-danger:hover,
:not(.btn-check) + .btn-danger:hover {
  box-shadow: var(--mdb-btn-box-shadow-state);
}
.btn-check:focus + .btn-danger,
.btn-check:focus-visible + .btn-danger,
.btn-danger:focus {
  box-shadow: var(--mdb-btn-box-shadow-state);
  background-color: var(--mdb-btn-focus-bg);
}
.btn-check:active + .btn-danger,
.btn-check:active + .btn-danger:focus,
.btn-check:checked + .btn-danger,
.btn-check:checked + .btn-danger:focus,
.btn-danger.active,
.btn-danger.active:focus,
.btn-danger.show,
.btn-danger.show:focus,
.btn-danger:active,
.btn-danger:active:focus {
  box-shadow: var(--mdb-btn-box-shadow-state);
}
.btn-check:active + .btn-danger:hover,
.btn-check:checked + .btn-danger:hover,
.btn-danger.active:hover,
.btn-danger.show:hover,
.btn-danger:active:hover {
  background-color: var(--mdb-btn-active-bg);
}
.btn-danger.disabled,
.btn-danger:disabled,
fieldset:disabled .btn-danger {
  box-shadow: var(--mdb-btn-box-shadow);
}
.btn-warning {
  --mdb-btn-bg: #e4a11b;
  --mdb-btn-color: #fff;
  --mdb-btn-box-shadow: 0 4px 9px -4px #e4a11b;
  --mdb-btn-hover-bg: #d9991a;
  --mdb-btn-hover-color: #fff;
  --mdb-btn-focus-bg: #d9991a;
  --mdb-btn-focus-color: #fff;
  --mdb-btn-active-bg: #cd9118;
  --mdb-btn-active-color: #fff;
  --mdb-btn-box-shadow-state: 0 8px 9px -4px rgba(228, 161, 27, 0.3),
    0 4px 18px 0 rgba(228, 161, 27, 0.2);
}
.btn-warning:first-child:hover,
.btn-warning:focus-visible,
.btn-warning:hover,
:not(.btn-check) + .btn-warning:hover {
  box-shadow: var(--mdb-btn-box-shadow-state);
}
.btn-check:focus + .btn-warning,
.btn-check:focus-visible + .btn-warning,
.btn-warning:focus {
  box-shadow: var(--mdb-btn-box-shadow-state);
  background-color: var(--mdb-btn-focus-bg);
}
.btn-check:active + .btn-warning,
.btn-check:active + .btn-warning:focus,
.btn-check:checked + .btn-warning,
.btn-check:checked + .btn-warning:focus,
.btn-warning.active,
.btn-warning.active:focus,
.btn-warning.show,
.btn-warning.show:focus,
.btn-warning:active,
.btn-warning:active:focus {
  box-shadow: var(--mdb-btn-box-shadow-state);
}
.btn-check:active + .btn-warning:hover,
.btn-check:checked + .btn-warning:hover,
.btn-warning.active:hover,
.btn-warning.show:hover,
.btn-warning:active:hover {
  background-color: var(--mdb-btn-active-bg);
}
.btn-warning.disabled,
.btn-warning:disabled,
fieldset:disabled .btn-warning {
  box-shadow: var(--mdb-btn-box-shadow);
}
.btn-info {
  --mdb-btn-bg: #54b4d3;
  --mdb-btn-color: #fff;
  --mdb-btn-box-shadow: 0 4px 9px -4px #54b4d3;
  --mdb-btn-hover-bg: #50abc8;
  --mdb-btn-hover-color: #fff;
  --mdb-btn-focus-bg: #50abc8;
  --mdb-btn-focus-color: #fff;
  --mdb-btn-active-bg: #4ca2be;
  --mdb-btn-active-color: #fff;
  --mdb-btn-box-shadow-state: 0 8px 9px -4px rgba(84, 180, 211, 0.3),
    0 4px 18px 0 rgba(84, 180, 211, 0.2);
}
.btn-info:first-child:hover,
.btn-info:focus-visible,
.btn-info:hover,
:not(.btn-check) + .btn-info:hover {
  box-shadow: var(--mdb-btn-box-shadow-state);
}
.btn-check:focus + .btn-info,
.btn-check:focus-visible + .btn-info,
.btn-info:focus {
  box-shadow: var(--mdb-btn-box-shadow-state);
  background-color: var(--mdb-btn-focus-bg);
}
.btn-check:active + .btn-info,
.btn-check:active + .btn-info:focus,
.btn-check:checked + .btn-info,
.btn-check:checked + .btn-info:focus,
.btn-info.active,
.btn-info.active:focus,
.btn-info.show,
.btn-info.show:focus,
.btn-info:active,
.btn-info:active:focus {
  box-shadow: var(--mdb-btn-box-shadow-state);
}
.btn-check:active + .btn-info:hover,
.btn-check:checked + .btn-info:hover,
.btn-info.active:hover,
.btn-info.show:hover,
.btn-info:active:hover {
  background-color: var(--mdb-btn-active-bg);
}
.btn-info.disabled,
.btn-info:disabled,
fieldset:disabled .btn-info {
  box-shadow: var(--mdb-btn-box-shadow);
}
.btn-light {
  --mdb-btn-bg: #fbfbfb;
  --mdb-btn-color: #4f4f4f;
  --mdb-btn-box-shadow: 0 4px 9px -4px #fbfbfb;
  --mdb-btn-hover-bg: #eee;
  --mdb-btn-hover-color: #4f4f4f;
  --mdb-btn-focus-bg: #eee;
  --mdb-btn-focus-color: #4f4f4f;
  --mdb-btn-active-bg: #e2e2e2;
  --mdb-btn-active-color: #4f4f4f;
  --mdb-btn-box-shadow-state: 0 8px 9px -4px hsla(0, 0%, 98.4%, 0.3),
    0 4px 18px 0 hsla(0, 0%, 98.4%, 0.2);
}
.btn-light:first-child:hover,
.btn-light:focus-visible,
.btn-light:hover,
:not(.btn-check) + .btn-light:hover {
  box-shadow: var(--mdb-btn-box-shadow-state);
}
.btn-check:focus + .btn-light,
.btn-check:focus-visible + .btn-light,
.btn-light:focus {
  box-shadow: var(--mdb-btn-box-shadow-state);
  background-color: var(--mdb-btn-focus-bg);
}
.btn-check:active + .btn-light,
.btn-check:active + .btn-light:focus,
.btn-check:checked + .btn-light,
.btn-check:checked + .btn-light:focus,
.btn-light.active,
.btn-light.active:focus,
.btn-light.show,
.btn-light.show:focus,
.btn-light:active,
.btn-light:active:focus {
  box-shadow: var(--mdb-btn-box-shadow-state);
}
.btn-check:active + .btn-light:hover,
.btn-check:checked + .btn-light:hover,
.btn-light.active:hover,
.btn-light.show:hover,
.btn-light:active:hover {
  background-color: var(--mdb-btn-active-bg);
}
.btn-light.disabled,
.btn-light:disabled,
fieldset:disabled .btn-light {
  box-shadow: var(--mdb-btn-box-shadow);
}
.btn-dark {
  --mdb-btn-bg: #332d2d;
  --mdb-btn-color: #fff;
  --mdb-btn-box-shadow: 0 4px 9px -4px #332d2d;
  --mdb-btn-hover-bg: #302b2b;
  --mdb-btn-hover-color: #fff;
  --mdb-btn-focus-bg: #302b2b;
  --mdb-btn-focus-color: #fff;
  --mdb-btn-active-bg: #2e2929;
  --mdb-btn-active-color: #fff;
  --mdb-btn-box-shadow-state: 0 8px 9px -4px rgba(51, 45, 45, 0.3),
    0 4px 18px 0 rgba(51, 45, 45, 0.2);
}
.btn-dark:first-child:hover,
.btn-dark:focus-visible,
.btn-dark:hover,
:not(.btn-check) + .btn-dark:hover {
  box-shadow: var(--mdb-btn-box-shadow-state);
}
.btn-check:focus + .btn-dark,
.btn-check:focus-visible + .btn-dark,
.btn-dark:focus {
  box-shadow: var(--mdb-btn-box-shadow-state);
  background-color: var(--mdb-btn-focus-bg);
}
.btn-check:active + .btn-dark,
.btn-check:active + .btn-dark:focus,
.btn-check:checked + .btn-dark,
.btn-check:checked + .btn-dark:focus,
.btn-dark.active,
.btn-dark.active:focus,
.btn-dark.show,
.btn-dark.show:focus,
.btn-dark:active,
.btn-dark:active:focus {
  box-shadow: var(--mdb-btn-box-shadow-state);
}
.btn-check:active + .btn-dark:hover,
.btn-check:checked + .btn-dark:hover,
.btn-dark.active:hover,
.btn-dark.show:hover,
.btn-dark:active:hover {
  background-color: var(--mdb-btn-active-bg);
}
.btn-dark.disabled,
.btn-dark:disabled,
fieldset:disabled .btn-dark {
  box-shadow: var(--mdb-btn-box-shadow);
}
.btn-white {
  --mdb-btn-bg: #fff;
  --mdb-btn-color: #000;
  --mdb-btn-box-shadow: 0 4px 9px -4px #fff;
  --mdb-btn-hover-bg: #f2f2f2;
  --mdb-btn-hover-color: #000;
  --mdb-btn-focus-bg: #f2f2f2;
  --mdb-btn-focus-color: #000;
  --mdb-btn-active-bg: #e6e6e6;
  --mdb-btn-active-color: #000;
  --mdb-btn-box-shadow-state: 0 8px 9px -4px hsla(0, 0%, 100%, 0.3),
    0 4px 18px 0 hsla(0, 0%, 100%, 0.2);
}
.btn-white:first-child:hover,
.btn-white:focus-visible,
.btn-white:hover,
:not(.btn-check) + .btn-white:hover {
  box-shadow: var(--mdb-btn-box-shadow-state);
}
.btn-check:focus + .btn-white,
.btn-check:focus-visible + .btn-white,
.btn-white:focus {
  box-shadow: var(--mdb-btn-box-shadow-state);
  background-color: var(--mdb-btn-focus-bg);
}
.btn-check:active + .btn-white,
.btn-check:active + .btn-white:focus,
.btn-check:checked + .btn-white,
.btn-check:checked + .btn-white:focus,
.btn-white.active,
.btn-white.active:focus,
.btn-white.show,
.btn-white.show:focus,
.btn-white:active,
.btn-white:active:focus {
  box-shadow: var(--mdb-btn-box-shadow-state);
}
.btn-check:active + .btn-white:hover,
.btn-check:checked + .btn-white:hover,
.btn-white.active:hover,
.btn-white.show:hover,
.btn-white:active:hover {
  background-color: var(--mdb-btn-active-bg);
}
.btn-white.disabled,
.btn-white:disabled,
fieldset:disabled .btn-white {
  box-shadow: var(--mdb-btn-box-shadow);
}
.btn-black {
  --mdb-btn-bg: #000;
  --mdb-btn-color: #fff;
  --mdb-btn-box-shadow: 0 4px 9px -4px #000;
  --mdb-btn-hover-bg: #000;
  --mdb-btn-hover-color: #fff;
  --mdb-btn-focus-bg: #000;
  --mdb-btn-focus-color: #fff;
  --mdb-btn-active-bg: #000;
  --mdb-btn-active-color: #fff;
  --mdb-btn-box-shadow-state: 0 8px 9px -4px rgba(0, 0, 0, 0.3),
    0 4px 18px 0 rgba(0, 0, 0, 0.2);
}
.btn-black:first-child:hover,
.btn-black:focus-visible,
.btn-black:hover,
:not(.btn-check) + .btn-black:hover {
  box-shadow: var(--mdb-btn-box-shadow-state);
}
.btn-black:focus,
.btn-check:focus + .btn-black,
.btn-check:focus-visible + .btn-black {
  box-shadow: var(--mdb-btn-box-shadow-state);
  background-color: var(--mdb-btn-focus-bg);
}
.btn-black.active,
.btn-black.active:focus,
.btn-black.show,
.btn-black.show:focus,
.btn-black:active,
.btn-black:active:focus,
.btn-check:active + .btn-black,
.btn-check:active + .btn-black:focus,
.btn-check:checked + .btn-black,
.btn-check:checked + .btn-black:focus {
  box-shadow: var(--mdb-btn-box-shadow-state);
}
.btn-black.active:hover,
.btn-black.show:hover,
.btn-black:active:hover,
.btn-check:active + .btn-black:hover,
.btn-check:checked + .btn-black:hover {
  background-color: var(--mdb-btn-active-bg);
}
.btn-black.disabled,
.btn-black:disabled,
fieldset:disabled .btn-black {
  box-shadow: var(--mdb-btn-box-shadow);
}
.btn-outline-primary {
  --mdb-btn-bg: transparent;
  --mdb-btn-color: #3b71ca;
  --mdb-btn-hover-bg: transparent;
  --mdb-btn-hover-color: #386bc0;
  --mdb-btn-focus-bg: transparent;
  --mdb-btn-focus-color: #386bc0;
  --mdb-btn-active-bg: transparent;
  --mdb-btn-active-color: #3566b6;
  --mdb-btn-border-color: #3b71ca;
  --mdb-btn-focus-border-color: #386bc0;
  --mdb-btn-hover-border-color: #386bc0;
  border-color: var(--mdb-btn-border-color);
}
.btn-outline-primary:first-child:hover,
.btn-outline-primary:focus-visible,
.btn-outline-primary:hover,
:not(.btn-check) + .btn-outline-primary:hover {
  border-color: var(--mdb-btn-hover-border-color);
}
.btn-check:focus + .btn-outline-primary,
.btn-check:focus-visible + .btn-outline-primary,
.btn-outline-primary:focus {
  border-color: var(--mdb-btn-focus-border-color);
}
.btn-check:active + .btn-outline-primary,
.btn-check:checked + .btn-outline-primary,
.btn-outline-primary.active,
.btn-outline-primary.show,
.btn-outline-primary:active {
  border-color: var(--mdb-btn-active-border-color);
}
.btn-check:active + .btn-outline-primary:focus,
.btn-check:checked + .btn-outline-primary:focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.show:focus,
.btn-outline-primary:active:focus {
  border-color: var(--mdb-btn-focus-border-color);
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled,
.btn-outline-secondary,
fieldset:disabled .btn-outline-primary {
  border-color: var(--mdb-btn-border-color);
}
.btn-outline-secondary {
  --mdb-btn-bg: transparent;
  --mdb-btn-color: #285192;
  --mdb-btn-hover-bg: transparent;
  --mdb-btn-hover-color: #264d8b;
  --mdb-btn-focus-bg: transparent;
  --mdb-btn-focus-color: #264d8b;
  --mdb-btn-active-bg: transparent;
  --mdb-btn-active-color: #244983;
  --mdb-btn-border-color: #e3ebf7;
  --mdb-btn-focus-border-color: #d8dfeb;
  --mdb-btn-hover-border-color: #d8dfeb;
}
.btn-outline-secondary:first-child:hover,
.btn-outline-secondary:focus-visible,
.btn-outline-secondary:hover,
:not(.btn-check) + .btn-outline-secondary:hover {
  border-color: var(--mdb-btn-hover-border-color);
}
.btn-check:focus + .btn-outline-secondary,
.btn-check:focus-visible + .btn-outline-secondary,
.btn-outline-secondary:focus {
  border-color: var(--mdb-btn-focus-border-color);
}
.btn-check:active + .btn-outline-secondary,
.btn-check:checked + .btn-outline-secondary,
.btn-outline-secondary.active,
.btn-outline-secondary.show,
.btn-outline-secondary:active {
  border-color: var(--mdb-btn-active-border-color);
}
.btn-check:active + .btn-outline-secondary:focus,
.btn-check:checked + .btn-outline-secondary:focus,
.btn-outline-secondary.active:focus,
.btn-outline-secondary.show:focus,
.btn-outline-secondary:active:focus {
  border-color: var(--mdb-btn-focus-border-color);
}
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled,
.btn-outline-success,
fieldset:disabled .btn-outline-secondary {
  border-color: var(--mdb-btn-border-color);
}
.btn-outline-success {
  --mdb-btn-bg: transparent;
  --mdb-btn-color: #14a44d;
  --mdb-btn-hover-bg: transparent;
  --mdb-btn-hover-color: #139c49;
  --mdb-btn-focus-bg: transparent;
  --mdb-btn-focus-color: #139c49;
  --mdb-btn-active-bg: transparent;
  --mdb-btn-active-color: #129445;
  --mdb-btn-border-color: #14a44d;
  --mdb-btn-focus-border-color: #139c49;
  --mdb-btn-hover-border-color: #139c49;
}
.btn-outline-success:first-child:hover,
.btn-outline-success:focus-visible,
.btn-outline-success:hover,
:not(.btn-check) + .btn-outline-success:hover {
  border-color: var(--mdb-btn-hover-border-color);
}
.btn-check:focus + .btn-outline-success,
.btn-check:focus-visible + .btn-outline-success,
.btn-outline-success:focus {
  border-color: var(--mdb-btn-focus-border-color);
}
.btn-check:active + .btn-outline-success,
.btn-check:checked + .btn-outline-success,
.btn-outline-success.active,
.btn-outline-success.show,
.btn-outline-success:active {
  border-color: var(--mdb-btn-active-border-color);
}
.btn-check:active + .btn-outline-success:focus,
.btn-check:checked + .btn-outline-success:focus,
.btn-outline-success.active:focus,
.btn-outline-success.show:focus,
.btn-outline-success:active:focus {
  border-color: var(--mdb-btn-focus-border-color);
}
.btn-outline-danger,
.btn-outline-success.disabled,
.btn-outline-success:disabled,
fieldset:disabled .btn-outline-success {
  border-color: var(--mdb-btn-border-color);
}
.btn-outline-danger {
  --mdb-btn-bg: transparent;
  --mdb-btn-color: #dc4c64;
  --mdb-btn-hover-bg: transparent;
  --mdb-btn-hover-color: #d1485f;
  --mdb-btn-focus-bg: transparent;
  --mdb-btn-focus-color: #d1485f;
  --mdb-btn-active-bg: transparent;
  --mdb-btn-active-color: #c6445a;
  --mdb-btn-border-color: #dc4c64;
  --mdb-btn-focus-border-color: #d1485f;
  --mdb-btn-hover-border-color: #d1485f;
}
.btn-outline-danger:first-child:hover,
.btn-outline-danger:focus-visible,
.btn-outline-danger:hover,
:not(.btn-check) + .btn-outline-danger:hover {
  border-color: var(--mdb-btn-hover-border-color);
}
.btn-check:focus + .btn-outline-danger,
.btn-check:focus-visible + .btn-outline-danger,
.btn-outline-danger:focus {
  border-color: var(--mdb-btn-focus-border-color);
}
.btn-check:active + .btn-outline-danger,
.btn-check:checked + .btn-outline-danger,
.btn-outline-danger.active,
.btn-outline-danger.show,
.btn-outline-danger:active {
  border-color: var(--mdb-btn-active-border-color);
}
.btn-check:active + .btn-outline-danger:focus,
.btn-check:checked + .btn-outline-danger:focus,
.btn-outline-danger.active:focus,
.btn-outline-danger.show:focus,
.btn-outline-danger:active:focus {
  border-color: var(--mdb-btn-focus-border-color);
}
.btn-outline-danger.disabled,
.btn-outline-danger:disabled,
.btn-outline-warning,
fieldset:disabled .btn-outline-danger {
  border-color: var(--mdb-btn-border-color);
}
.btn-outline-warning {
  --mdb-btn-bg: transparent;
  --mdb-btn-color: #e4a11b;
  --mdb-btn-hover-bg: transparent;
  --mdb-btn-hover-color: #d9991a;
  --mdb-btn-focus-bg: transparent;
  --mdb-btn-focus-color: #d9991a;
  --mdb-btn-active-bg: transparent;
  --mdb-btn-active-color: #cd9118;
  --mdb-btn-border-color: #e4a11b;
  --mdb-btn-focus-border-color: #d9991a;
  --mdb-btn-hover-border-color: #d9991a;
}
.btn-outline-warning:first-child:hover,
.btn-outline-warning:focus-visible,
.btn-outline-warning:hover,
:not(.btn-check) + .btn-outline-warning:hover {
  border-color: var(--mdb-btn-hover-border-color);
}
.btn-check:focus + .btn-outline-warning,
.btn-check:focus-visible + .btn-outline-warning,
.btn-outline-warning:focus {
  border-color: var(--mdb-btn-focus-border-color);
}
.btn-check:active + .btn-outline-warning,
.btn-check:checked + .btn-outline-warning,
.btn-outline-warning.active,
.btn-outline-warning.show,
.btn-outline-warning:active {
  border-color: var(--mdb-btn-active-border-color);
}
.btn-check:active + .btn-outline-warning:focus,
.btn-check:checked + .btn-outline-warning:focus,
.btn-outline-warning.active:focus,
.btn-outline-warning.show:focus,
.btn-outline-warning:active:focus {
  border-color: var(--mdb-btn-focus-border-color);
}
.btn-outline-info,
.btn-outline-warning.disabled,
.btn-outline-warning:disabled,
fieldset:disabled .btn-outline-warning {
  border-color: var(--mdb-btn-border-color);
}
.btn-outline-info {
  --mdb-btn-bg: transparent;
  --mdb-btn-color: #54b4d3;
  --mdb-btn-hover-bg: transparent;
  --mdb-btn-hover-color: #50abc8;
  --mdb-btn-focus-bg: transparent;
  --mdb-btn-focus-color: #50abc8;
  --mdb-btn-active-bg: transparent;
  --mdb-btn-active-color: #4ca2be;
  --mdb-btn-border-color: #54b4d3;
  --mdb-btn-focus-border-color: #50abc8;
  --mdb-btn-hover-border-color: #50abc8;
}
.btn-outline-info:first-child:hover,
.btn-outline-info:focus-visible,
.btn-outline-info:hover,
:not(.btn-check) + .btn-outline-info:hover {
  border-color: var(--mdb-btn-hover-border-color);
}
.btn-check:focus + .btn-outline-info,
.btn-check:focus-visible + .btn-outline-info,
.btn-outline-info:focus {
  border-color: var(--mdb-btn-focus-border-color);
}
.btn-check:active + .btn-outline-info,
.btn-check:checked + .btn-outline-info,
.btn-outline-info.active,
.btn-outline-info.show,
.btn-outline-info:active {
  border-color: var(--mdb-btn-active-border-color);
}
.btn-check:active + .btn-outline-info:focus,
.btn-check:checked + .btn-outline-info:focus,
.btn-outline-info.active:focus,
.btn-outline-info.show:focus,
.btn-outline-info:active:focus {
  border-color: var(--mdb-btn-focus-border-color);
}
.btn-outline-info.disabled,
.btn-outline-info:disabled,
.btn-outline-light,
fieldset:disabled .btn-outline-info {
  border-color: var(--mdb-btn-border-color);
}
.btn-outline-light {
  --mdb-btn-bg: transparent;
  --mdb-btn-color: #fbfbfb;
  --mdb-btn-hover-bg: transparent;
  --mdb-btn-hover-color: #eee;
  --mdb-btn-focus-bg: transparent;
  --mdb-btn-focus-color: #eee;
  --mdb-btn-active-bg: transparent;
  --mdb-btn-active-color: #e2e2e2;
  --mdb-btn-border-color: #fbfbfb;
  --mdb-btn-focus-border-color: #eee;
  --mdb-btn-hover-border-color: #eee;
}
.btn-outline-light:first-child:hover,
.btn-outline-light:focus-visible,
.btn-outline-light:hover,
:not(.btn-check) + .btn-outline-light:hover {
  border-color: var(--mdb-btn-hover-border-color);
}
.btn-check:focus + .btn-outline-light,
.btn-check:focus-visible + .btn-outline-light,
.btn-outline-light:focus {
  border-color: var(--mdb-btn-focus-border-color);
}
.btn-check:active + .btn-outline-light,
.btn-check:checked + .btn-outline-light,
.btn-outline-light.active,
.btn-outline-light.show,
.btn-outline-light:active {
  border-color: var(--mdb-btn-active-border-color);
}
.btn-check:active + .btn-outline-light:focus,
.btn-check:checked + .btn-outline-light:focus,
.btn-outline-light.active:focus,
.btn-outline-light.show:focus,
.btn-outline-light:active:focus {
  border-color: var(--mdb-btn-focus-border-color);
}
.btn-outline-dark,
.btn-outline-light.disabled,
.btn-outline-light:disabled,
fieldset:disabled .btn-outline-light {
  border-color: var(--mdb-btn-border-color);
}
.btn-outline-dark {
  --mdb-btn-bg: transparent;
  --mdb-btn-color: #332d2d;
  --mdb-btn-hover-bg: transparent;
  --mdb-btn-hover-color: #302b2b;
  --mdb-btn-focus-bg: transparent;
  --mdb-btn-focus-color: #302b2b;
  --mdb-btn-active-bg: transparent;
  --mdb-btn-active-color: #2e2929;
  --mdb-btn-border-color: #332d2d;
  --mdb-btn-focus-border-color: #302b2b;
  --mdb-btn-hover-border-color: #302b2b;
}
.btn-outline-dark:first-child:hover,
.btn-outline-dark:focus-visible,
.btn-outline-dark:hover,
:not(.btn-check) + .btn-outline-dark:hover {
  border-color: var(--mdb-btn-hover-border-color);
}
.btn-check:focus + .btn-outline-dark,
.btn-check:focus-visible + .btn-outline-dark,
.btn-outline-dark:focus {
  border-color: var(--mdb-btn-focus-border-color);
}
.btn-check:active + .btn-outline-dark,
.btn-check:checked + .btn-outline-dark,
.btn-outline-dark.active,
.btn-outline-dark.show,
.btn-outline-dark:active {
  border-color: var(--mdb-btn-active-border-color);
}
.btn-check:active + .btn-outline-dark:focus,
.btn-check:checked + .btn-outline-dark:focus,
.btn-outline-dark.active:focus,
.btn-outline-dark.show:focus,
.btn-outline-dark:active:focus {
  border-color: var(--mdb-btn-focus-border-color);
}
.btn-outline-dark.disabled,
.btn-outline-dark:disabled,
.btn-outline-white,
fieldset:disabled .btn-outline-dark {
  border-color: var(--mdb-btn-border-color);
}
.btn-outline-white {
  --mdb-btn-bg: transparent;
  --mdb-btn-color: #fff;
  --mdb-btn-hover-bg: transparent;
  --mdb-btn-hover-color: #f2f2f2;
  --mdb-btn-focus-bg: transparent;
  --mdb-btn-focus-color: #f2f2f2;
  --mdb-btn-active-bg: transparent;
  --mdb-btn-active-color: #e6e6e6;
  --mdb-btn-border-color: #fff;
  --mdb-btn-focus-border-color: #f2f2f2;
  --mdb-btn-hover-border-color: #f2f2f2;
}
.btn-outline-white:first-child:hover,
.btn-outline-white:focus-visible,
.btn-outline-white:hover,
:not(.btn-check) + .btn-outline-white:hover {
  border-color: var(--mdb-btn-hover-border-color);
}
.btn-check:focus + .btn-outline-white,
.btn-check:focus-visible + .btn-outline-white,
.btn-outline-white:focus {
  border-color: var(--mdb-btn-focus-border-color);
}
.btn-check:active + .btn-outline-white,
.btn-check:checked + .btn-outline-white,
.btn-outline-white.active,
.btn-outline-white.show,
.btn-outline-white:active {
  border-color: var(--mdb-btn-active-border-color);
}
.btn-check:active + .btn-outline-white:focus,
.btn-check:checked + .btn-outline-white:focus,
.btn-outline-white.active:focus,
.btn-outline-white.show:focus,
.btn-outline-white:active:focus {
  border-color: var(--mdb-btn-focus-border-color);
}
.btn-outline-black,
.btn-outline-white.disabled,
.btn-outline-white:disabled,
fieldset:disabled .btn-outline-white {
  border-color: var(--mdb-btn-border-color);
}
.btn-outline-black {
  --mdb-btn-bg: transparent;
  --mdb-btn-color: #000;
  --mdb-btn-hover-bg: transparent;
  --mdb-btn-hover-color: #000;
  --mdb-btn-focus-bg: transparent;
  --mdb-btn-focus-color: #000;
  --mdb-btn-active-bg: transparent;
  --mdb-btn-active-color: #000;
  --mdb-btn-border-color: #000;
  --mdb-btn-focus-border-color: #000;
  --mdb-btn-hover-border-color: #000;
}
.btn-outline-black:first-child:hover,
.btn-outline-black:focus-visible,
.btn-outline-black:hover,
:not(.btn-check) + .btn-outline-black:hover {
  border-color: var(--mdb-btn-hover-border-color);
}
.btn-check:focus + .btn-outline-black,
.btn-check:focus-visible + .btn-outline-black,
.btn-outline-black:focus {
  border-color: var(--mdb-btn-focus-border-color);
}
.btn-check:active + .btn-outline-black,
.btn-check:checked + .btn-outline-black,
.btn-outline-black.active,
.btn-outline-black.show,
.btn-outline-black:active {
  border-color: var(--mdb-btn-active-border-color);
}
.btn-check:active + .btn-outline-black:focus,
.btn-check:checked + .btn-outline-black:focus,
.btn-outline-black.active:focus,
.btn-outline-black.show:focus,
.btn-outline-black:active:focus {
  border-color: var(--mdb-btn-focus-border-color);
}
.btn-outline-black.disabled,
.btn-outline-black:disabled,
fieldset:disabled .btn-outline-black {
  border-color: var(--mdb-btn-border-color);
}
.btn-link {
  --mdb-btn-font-weight: 500;
  --mdb-btn-color: #3b71ca;
  --mdb-btn-hover-color: #386bc0;
  --mdb-btn-hover-bg: #f5f5f5;
  --mdb-btn-focus-color: #3566b6;
  --mdb-btn-active-color: #3260ac;
  --mdb-btn-disabled-color: #9e9e9e;
  --mdb-btn-box-shadow: none;
}
.btn-link,
.btn-link:first-child:hover,
.btn-link:focus-visible,
.btn-link:hover,
:not(.btn-check) + .btn-link:hover {
  text-decoration: none;
  box-shadow: var(--mdb-btn-box-shadow);
}
.btn-check:focus + .btn-link,
.btn-check:focus-visible + .btn-link,
.btn-link:focus {
  color: var(--mdb-btn-focus-color);
  box-shadow: var(--mdb-btn-box-shadow);
}
.btn-check:active + .btn-link,
.btn-check:checked + .btn-link,
.btn-link.active,
.btn-link.show,
.btn-link:active {
  color: var(--mdb-btn-active-color);
  box-shadow: var(--mdb-btn-box-shadow);
}
.btn-check:active + .btn-link:focus,
.btn-check:checked + .btn-link:focus,
.btn-link.active:focus,
.btn-link.show:focus,
.btn-link:active:focus {
  color: var(--mdb-btn-focus-color);
  box-shadow: var(--mdb-btn-box-shadow);
}
.btn-link.disabled,
.btn-link:disabled,
fieldset:disabled .btn-link {
  box-shadow: var(--mdb-btn-box-shadow);
}
.btn-tertiary {
  --mdb-btn-font-weight: 500;
  --mdb-btn-color: #3b71ca;
  --mdb-btn-hover-color: #386bc0;
  --mdb-btn-hover-bg: transparent;
  --mdb-btn-focus-color: #3566b6;
  --mdb-btn-active-color: #3260ac;
  --mdb-btn-disabled-color: #9e9e9e;
  --mdb-btn-box-shadow: none;
  padding-left: 0;
  padding-right: 0;
}
.btn-tertiary,
.btn-tertiary:first-child:hover,
.btn-tertiary:focus-visible,
.btn-tertiary:hover,
:not(.btn-check) + .btn-tertiary:hover {
  text-decoration: none;
  box-shadow: var(--mdb-btn-box-shadow);
}
.btn-check:focus + .btn-tertiary,
.btn-check:focus-visible + .btn-tertiary,
.btn-tertiary:focus {
  color: var(--mdb-btn-focus-color);
  box-shadow: var(--mdb-btn-box-shadow);
}
.btn-check:active + .btn-tertiary,
.btn-check:checked + .btn-tertiary,
.btn-tertiary.active,
.btn-tertiary.show,
.btn-tertiary:active {
  color: var(--mdb-btn-active-color);
  box-shadow: var(--mdb-btn-box-shadow);
}
.btn-check:active + .btn-tertiary:focus,
.btn-check:checked + .btn-tertiary:focus,
.btn-tertiary.active:focus,
.btn-tertiary.show:focus,
.btn-tertiary:active:focus {
  color: var(--mdb-btn-focus-color);
  box-shadow: var(--mdb-btn-box-shadow);
}
.btn-tertiary.disabled,
.btn-tertiary:disabled,
fieldset:disabled .btn-tertiary {
  box-shadow: var(--mdb-btn-box-shadow);
}
.btn-sm {
  --mdb-btn-padding-top: 0.45rem;
  --mdb-btn-padding-bottom: 0.375rem;
  --mdb-btn-padding-x: 1.2rem;
  --mdb-btn-font-size: 0.75rem;
  --mdb-btn-line-height: 1.5;
}