/* @import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap'); */

/* Fonts */

/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


:root, .preview {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #212B55;
  --bs-secondary: #B8AE36;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 33, 43, 85;
  --bs-secondary-rgb: 184, 174, 54;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 0.875rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-link-color: #0d6efd;
  --bs-link-hover-color: #0a58ca;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd;
  --bs-btn-primary-bg: #263E63;
  --bs-btn-primary-active-bg: #212B55;
  --bs-btn-primary-disabled-bg: #4A6B8C;
  --bs-btn-primary-color: #fff;
}

.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: var(--bs-btn-primary-color);
  --bs-pagination-border-width: 1px;
  --bs-pagination-border-color: #dee2e6;
  --bs-pagination-border-radius: 0.375rem;
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: #e9ecef;
  --bs-pagination-hover-border-color: #dee2e6;
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: #e9ecef;
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: var(--bs-btn-primary-bg);
  --bs-pagination-active-border-color: var(--bs-btn-primary-bg);
  --bs-pagination-disabled-color: #6c757d;
  --bs-pagination-disabled-bg: #fff;
  --bs-pagination-disabled-border-color: #dee2e6;
  display: flex;
  padding-left: 0;
  list-style: none
}

.tooltip {
  --bs-tooltip-bg: var(--bs-primary);
  --bs-tooltip-opacity: 1.0;
}

.btn-primary {
  --bs-btn-color: var(--bs-btn-primary-color);
  --bs-btn-bg: var(--bs-btn-primary-bg);
  --bs-btn-border-color: var(--bs-btn-primary-bg);
  --bs-btn-hover-color: var(--bs-btn-primary-color);
  --bs-btn-hover-bg: var(--bs-btn-primary-active-bg);
  --bs-btn-hover-border-color: var(--bs-btn-primary-active-bg);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: var(--bs-btn-primary-color);
  --bs-btn-active-bg: var(--bs-btn-primary-active-bg);
  --bs-btn-active-border-color:var(--bs-btn-primary-active-bg);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-btn-primary-color);
  --bs-btn-disabled-bg: var(--bs-btn-primary-disabled-bg);
  --bs-btn-disabled-border-color: var(--bs-btn-disabled-bg);
}

.btn-outline-primary {
  --bs-btn-color: var(--bs-btn-primary-color);
  --bs-btn-bg: var(--bs-btn-primary-bg);
  --bs-btn-border-color: var(--bs-btn-primary-bg);
  --bs-btn-hover-color: var(--bs-btn-primary-color);
  --bs-btn-hover-bg: var(--bs-btn-primary-active-bg);
  --bs-btn-hover-border-color: var(--bs-btn-primary-active-bg);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: var(--bs-btn-primary-color);
  --bs-btn-active-bg: var(--bs-btn-primary-active-bg);
  --bs-btn-active-border-color:var(--bs-btn-primary-active-bg);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-btn-primary-color);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-btn-disabled-bg);
  --bs-gradient: none;
}


/* Disable the MS Edgde password toggle */
::-ms-reveal {
  display: none;
}

*,
::after,
::before {
  box-sizing: border-box;
}

body {
  font-family: 'Poppins', sans-serif;
  font-size: var(--bs-body-font-size);
  opacity: 1;
  overflow-y: scroll;
  margin: 0;
}

.link-button {
  background: none;
  border: none;
  padding: 0;
  text-decoration: none;
  color: var(--bs-link-color);
}

.non-button {
  background: none;
  border: none;
  padding: 0;
}

a {
  cursor: pointer;
  text-decoration: underline;
  font-family: 'Poppins', sans-serif;
  color: var(--bs-body-color);
}

a, .link-button {
  cursor: pointer;
  /* text-decoration: none; */
  font-family: 'Poppins', sans-serif;
}

/* li {
  list-style-image: disc;
} */

h4 {
  font-family: 'Poppins', sans-serif;
  font-size: 1.275rem;
  color: var(--bs-emphasis-color);
}

/* Layout for admin dashboard skeleton */

.wrapper {
  align-items: stretch;
  display: flex;
  width: 100%;
}

#sidebar {
  max-width: 264px;
  min-width: 264px;
  transition: all 0.35s ease-in-out;
}

.main {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-width: 0;
  overflow: hidden;
  transition: all 0.35s ease-in-out;
  width: 100%;
  background: var(--bs-dark-bg-subtle);
}

/* Sidebar Elements Style */

.sidebar-logo {
  padding: 1.15rem;
}

.sidebar-logo a {
  color: #e9ecef;
  font-size: 1.5rem;
  font-weight: 600;
}

.sidebar-header {
  color: #e9ecef;
  font-size: .75rem;
  padding: 1.5rem 1.5rem .375rem;
}

a.sidebar-link {
  padding: .625rem 1.625rem;
  color: #e9ecef;
  position: relative;
  display: block;
  font-size: 1rem;
}

.sidebar-link[data-bs-toggle="collapse"]::after {
  border: solid;
  border-width: 0 .075rem .075rem 0;
  content: "";
  display: inline-block;
  padding: 2px;
  position: absolute;
  right: 1.5rem;
  top: 1.4rem;
  transform: rotate(-135deg);
  transition: all .2s ease-out;
}

.sidebar-link[data-bs-toggle="collapse"].collapsed::after {
  transform: rotate(45deg);
  transition: all .2s ease-out;
}

.avatar {
  height: 40px;
  width: 40px;
}

.navbar-expand .navbar-nav {
  margin-left: auto;
}

.content {
  flex: 1;
  max-width: 100vw;
  width: 100vw;
}

@media (min-width: 768px) {
  .content {
    max-width: auto;
    width: auto;
  }
}

.card {
  box-shadow: 0 0 .875rem 0 rgba(34, 46, 60, .05);
  margin-bottom: 24px;
}

.illustration {
  background-color: var(--bs-primary-bg-subtle);
  color: var(--bs-emphasis-color);
}

.illustration-img {
  max-width: 150px;
  width: 100%;
}

/* Sidebar Toggle */

#sidebar.collapsed {
  margin-left: -264px;
}

/* Footer and Nav */

@media (max-width: 767.98px) {

  .js-sidebar {
    margin-left: -264px;
  }

  #sidebar.collapsed {
    margin-left: 0;
  }

  .navbar,
  footer {
    width: 100vw;
  }
}

/* Theme Toggler */

.theme-toggle {
  position: fixed;
  top: 50%;
  transform: translateY(-65%);
  text-align: center;
  z-index: 10;
  right: 0;
  left: auto;
  border: none;
  background-color: var(--bs-body-color);
}

html[data-bs-theme="dark"] .theme-toggle .fa-sun,
html[data-bs-theme="light"] .theme-toggle .fa-moon {
  cursor: pointer;
  padding: 10px;
  display: block;
  font-size: 1.25rem;
  color: #FFF;
}

html[data-bs-theme="dark"] .theme-toggle .fa-moon {
  display: none;
}

html[data-bs-theme="light"] .theme-toggle .fa-sun {
  display: none;
}

a.sidebar-link.active {
  color: var(--bs-secondary) !important;
}


.nav-wrapper {
  top: 0;
  z-index: 10;
  position: sticky !important;
}

.navbar {
  padding-top: 0;
  padding-bottom: 0;
  box-shadow: 3px 2px 7px 2px rgba(0, 0, 0, .15);
  background-color: #fff;
  padding-right: 1rem;
  padding-left: 1rem;
}

.navbar .navbar-brand {
  padding: 1.2rem 1rem;
  border-right: 1px solid var(--bs-border-color);
}

.navbar .navbar-brand img {
  max-width: 15rem;
  width: auto;
  height: 52px;
  font-size: 0;
}

.navbar .navbar-nav .nav-item:not(:last-child) {
  margin: 0 3.5rem 0 0;
}

.navbar .contact {
  height: 100%;
  padding: 0 2.2rem;
  color: #202c52;
  font-size: 1.125rem;
  background-color: #B8AE36;
}

/* .navbar .navbar-end {
  position: absolute;
  border-left: 1px solid #ddd;
}

.navbar .navbar-end {
  height: 100%;
  top: 0;
  right: 0;
} */
@media only screen and (min-width: 992px) {
.navbar .navbar-end {
  margin-left: auto !important;
  border-left: 1px solid #ddd;
}
}

.navbar-language {
  /* padding: 1.5rem 2.2rem; */
  border-left: 1px solid #ddd;
}

.dropdown-menu-language {
  min-width: 6rem;
}
.menu-button {
  border-radius: 5px;
  border-color: #5C6576;
  padding: 7px;
}

.menu-button .menu-icon {
  width: 2.2rem;
  height: 1.2rem;
  position: relative;
  margin: 0;
  background: none;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

#mainMenu, #navbarPreview {
  font-size: 1.25rem;
  /* font-weight: bold; */
}

.preview nav {
  transition: background 0.25s ease-in-out;
}

.profile-icon {
  margin-bottom: 10px;
  left: -0.75rem;
  bottom: 0;
  position: absolute;
}

.footer .logo {
  width: 5.5rem;
}

.footer ul.footer-list {
  line-height: 2rem;
}

/*@media screen and (min-width: 992px) {*/
/*  section {*/
/*    padding: 6rem 0;*/
/*  }*/
/*}*/

@media screen and (min-width: 576px) {
  section {
    padding: 2rem 0;
  }
}

@media screen and (min-width: 576px) {
  .footerbar {
    padding: 1rem 0;
  }
}

.footerbar {
  padding: 1rem 0;
}

.footer a {
  color: #767676;
  text-decoration: none;
}

.footer-link {
  font-size: 1.0rem;
}

@media screen and (min-width: 768px) {
  .footer ul.footer-list.footer-list-no-title {
    margin-top: 1.35rem;
  }
}

.hover-underline-animation {
  display: inline-block;
  position: relative;
}

.hover-underline-animation::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: var(--bs-navbar-active-color);
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.hover-underline-animation-active::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(1);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: var(--bs-navbar-active-color);
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.hover-underline-animation-finished::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(1);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: var(--bs-navbar-active-color);
  transform-origin: bottom right;
  transition: none;
}

.hover-underline-animation:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.hover-footer:hover {
  color: var(--bs-primary);
}

.nav-link {
  --bs-navbar-active-color: var(--bs-primary);
  --bs-nav-link-color: var(--bs-primary);
  --bs-nav-link-hover-color: var(--bs-primary);
  --bs-nav-tabs-link-active-color: var(--bs-primary);
  --bs-nav-tabs-link-hover-color: var(--bs-primary);
  --bs-nav-tabs-link-color: var(--bs-primary);
}
.nav-link.active {
  font-weight: bold;
}
.nav-link:hover {
  font-weight: bold;
}


.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: -6px;
  margin-top: var(--bs-dropdown-spacer);
}

.form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: var(--bs-btn-hover-bg);
  outline: 0;
  box-shadow: 0 0 0 .15rem rgb(38, 62, 99, 0.25);
}

.form-check-input:checked {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.form-check-input:focus {
  border-color: var(--bs-primary);
  outline: 0;
  box-shadow: 0 0 0 .25rem rgb(38, 62, 99, 0.25)
}

.form-select.is-valid:focus, .was-validated .form-select:valid:focus {
  border-color: var(--bs-primary);
  box-shadow: 0 0 0 .25rem rgb(38, 62, 99, 0.25)
}

.form-select:focus {
  border-color: var(--bs-primary);
  box-shadow: 0 0 0 .25rem rgb(38, 62, 99, 0.25)
}

.form-control[readonly], .form-control[readonly] {
  background-color: var(--bs-secondary-bg);
  opacity: 1;
}

.form-control, .form-select {
  background-color: #fff;
}

.alert-future-close-btn {
  --bs-alert-bg: transparent;
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: 1px solid var(--bs-alert-border-color);
    --bs-alert-border-radius: 0.375rem;
    position: absolute;
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius);
    right: 1rem;
    top: 0.5rem;
    font-size: 1.5rem;
}
.alert-current-close-btn {
  --bs-alert-bg: transparent;
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: 1px solid var(--bs-alert-border-color);
    --bs-alert-border-radius: 0.375rem;
    position: absolute;
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius);
    right: 1rem;
    top: 0.5rem;
    font-size: 1.5rem;
}

#loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999; /* Ensure it is above other elements */
}

.spinner {
  border: 8px solid #f3f3f3;
  border-top: 8px solid #1c1a45;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/* Set page container sizes */

.page-sm {
  max-width: 480px;
}
.page-md {
  max-width: 720px;
}

.footer {
  z-index: 10;
}

.btn-light {
  --bs-btn-bg: #e9ecef;
  --bs-btn-border-color: #d3d4d5;
}

/* Range slider */

.form-range {
  height: 2.5rem;
}

.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}
.form-range::-webkit-slider-thumb {
  background-color: var(--bs-primary);
}
.form-range::-webkit-slider-thumb:active {
  background-color: var(--bs-primary);
}
.form-range::-moz-range-thumb {
  background-color: var(--bs-primary);
}
.form-range::-moz-range-thumb:active {
  background-color: var(--bs-primary);
}

.slidernumberinput{
  width: 33%;
  flex-basis: 33% !important;
  flex-grow: 0 !important;
  flex-shrink: 1 !important;
  text-align: center;
}

.sortable {
  cursor: pointer;
  background-position: right;
  background-repeat: no-repeat;
  padding-right: 30px !important;
}

.both {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 320 512'%3E%3Cpath fill='%23e9ecef' d='M137.4 41.4c12.5-12.5 32.8-12.5 45.3 0l128 128c9.2 9.2 11.9 22.9 6.9 34.9s-16.6 19.8-29.6 19.8L32 224c-12.9 0-24.6-7.8-29.6-19.8s-2.2-25.7 6.9-34.9l128-128zm0 429.3l-128-128c-9.2-9.2-11.9-22.9-6.9-34.9s16.6-19.8 29.6-19.8l256 0c12.9 0 24.6 7.8 29.6 19.8s2.2 25.7-6.9 34.9l-128 128c-12.5 12.5-32.8 12.5-45.3 0z'/%3E%3C/svg%3E");
}

.asc {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 320 512'%3E%3Cpath fill='%23212B55' d='M182.6 41.4c-12.5-12.5-32.8-12.5-45.3 0l-128 128c-9.2 9.2-11.9 22.9-6.9 34.9s16.6 19.8 29.6 19.8l256 0c12.9 0 24.6-7.8 29.6-19.8s2.2-25.7-6.9-34.9l-128-128z'/%3E%3C/svg%3E");
}

.desc {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 320 512'%3E%3Cpath fill='%23212B55' d='M182.6 470.6c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-9.2-9.2-11.9-22.9-6.9-34.9s16.6-19.8 29.6-19.8l256 0c12.9 0 24.6 7.8 29.6 19.8s2.2 25.7-6.9 34.9l-128 128z'/%3E%3C/svg%3E");
}

.no-records-found {
  text-align: center;
}

.table {
  --bs-table-striped-bg: rgba(var(--bs-light-rgb), 1);
}

.inline-form-btn:hover {
  background-color: var(--bs-secondary-bg) !important;
}

.revert-btn {
  display: none;
}

.form-control[type=color] {
  width: 3em;
  box-sizing: content-box;
  flex-grow: 0;
  background-color: var(--bs-tertiary-bg);
}

.form-control.empty[type=color]::-webkit-color-swatch {
  background-color: #fff !important;
}

.accordion {
  --bs-accordion-border-color: transparent;
}

.nav-tabs {
  --bs-nav-tabs-link-hover-border-color: var(--bs-border-color);
}

.formset-button-wrapper {
  flex: 0 0 fit-content !important;
  display: flex;
  align-items: end;
}

.formset-button-wrapper-15 {
  flex: 0 0 15% !important;
  display: flex;
  align-items: end;
}

.btnRevert {
  display: none;
}

.revertable ~ .btnRevert[data-target=input], .formset-item.revertable .btnRevert[data-target=item], .revertable .btnRevert[data-target=composite] {
  display: block;
}

.formset-item.revertable .formset-button-wrapper:has(> .btnRevert) {
  display: flex;
}

.formset-item.revertable > .formset-button-wrapper > .btnRevert {
  display: block;
}

.formset-items:has(>div:first-child:last-child) {
  /* Empty formset needs extra space before buttons */
  margin-bottom: 1rem;
}