:root, [data-bs-theme=light] {
  --bs-primary: #3b6db5;
  --bs-primary-rgb: 59,109,181;
  --bs-primary-text-emphasis: #182C48;
  --bs-primary-bg-subtle: #D8E2F0;
  --bs-primary-border-subtle: #B1C5E1;
  --bs-secondary: #84888c;
  --bs-secondary-rgb: 132,136,140;
  --bs-secondary-text-emphasis: #353638;
  --bs-secondary-bg-subtle: #E6E7E8;
  --bs-secondary-border-subtle: #CECFD1;
  --bs-success: #46a076;
  --bs-success-rgb: 70,160,118;
  --bs-success-text-emphasis: #1C402F;
  --bs-success-bg-subtle: #DAECE4;
  --bs-success-border-subtle: #B5D9C8;
  --bs-info: #3eabc1;
  --bs-info-rgb: 62,171,193;
  --bs-info-text-emphasis: #19444D;
  --bs-info-bg-subtle: #D8EEF3;
  --bs-info-border-subtle: #B2DDE6;
  --bs-warning: #ba9939;
  --bs-warning-rgb: 186,153,57;
  --bs-warning-text-emphasis: #4A3D17;
  --bs-warning-bg-subtle: #F1EBD7;
  --bs-warning-border-subtle: #E3D6B0;
  --bs-danger: #a92c38;
  --bs-danger-rgb: 169,44,56;
  --bs-danger-text-emphasis: #441216;
  --bs-danger-bg-subtle: #EED5D7;
  --bs-danger-border-subtle: #DDABAF;
  --bs-body-bg: #f8f8f8;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #3b6db5;
  --bs-btn-border-color: #3b6db5;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #325D9A;
  --bs-btn-hover-border-color: #2F5791;
  --bs-btn-focus-shadow-rgb: 226,233,244;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #2F5791;
  --bs-btn-active-border-color: #2C5288;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #3b6db5;
  --bs-btn-disabled-border-color: #3b6db5;
}

.btn-outline-primary {
  --bs-btn-color: #3b6db5;
  --bs-btn-border-color: #3b6db5;
  --bs-btn-focus-shadow-rgb: 59,109,181;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #3b6db5;
  --bs-btn-hover-border-color: #3b6db5;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #3b6db5;
  --bs-btn-active-border-color: #3b6db5;
  --bs-btn-disabled-color: #3b6db5;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #3b6db5;
}

.btn-secondary {
  --bs-btn-color: #000000;
  --bs-btn-bg: #84888c;
  --bs-btn-border-color: #84888c;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #969A9D;
  --bs-btn-hover-border-color: #909498;
  --bs-btn-focus-shadow-rgb: 20,20,21;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #9DA0A3;
  --bs-btn-active-border-color: #909498;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #84888c;
  --bs-btn-disabled-border-color: #84888c;
}

.btn-outline-secondary {
  --bs-btn-color: #84888c;
  --bs-btn-border-color: #84888c;
  --bs-btn-focus-shadow-rgb: 132,136,140;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #84888c;
  --bs-btn-hover-border-color: #84888c;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #84888c;
  --bs-btn-active-border-color: #84888c;
  --bs-btn-disabled-color: #84888c;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #84888c;
}

.btn-success {
  --bs-btn-color: #000000;
  --bs-btn-bg: #46a076;
  --bs-btn-border-color: #46a076;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #62AE8B;
  --bs-btn-hover-border-color: #59AA84;
  --bs-btn-focus-shadow-rgb: 11,24,18;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #6BB391;
  --bs-btn-active-border-color: #59AA84;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #46a076;
  --bs-btn-disabled-border-color: #46a076;
}

.btn-outline-success {
  --bs-btn-color: #46a076;
  --bs-btn-border-color: #46a076;
  --bs-btn-focus-shadow-rgb: 70,160,118;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #46a076;
  --bs-btn-hover-border-color: #46a076;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #46a076;
  --bs-btn-active-border-color: #46a076;
  --bs-btn-disabled-color: #46a076;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #46a076;
}

.btn-info {
  --bs-btn-color: #000000;
  --bs-btn-bg: #3eabc1;
  --bs-btn-border-color: #3eabc1;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #5BB8CA;
  --bs-btn-hover-border-color: #51B3C7;
  --bs-btn-focus-shadow-rgb: 9,26,29;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #65BCCD;
  --bs-btn-active-border-color: #51B3C7;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #3eabc1;
  --bs-btn-disabled-border-color: #3eabc1;
}

.btn-outline-info {
  --bs-btn-color: #3eabc1;
  --bs-btn-border-color: #3eabc1;
  --bs-btn-focus-shadow-rgb: 62,171,193;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #3eabc1;
  --bs-btn-hover-border-color: #3eabc1;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #3eabc1;
  --bs-btn-active-border-color: #3eabc1;
  --bs-btn-disabled-color: #3eabc1;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #3eabc1;
}

.btn-warning {
  --bs-btn-color: #000000;
  --bs-btn-bg: #ba9939;
  --bs-btn-border-color: #ba9939;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #C4A857;
  --bs-btn-hover-border-color: #C1A34D;
  --bs-btn-focus-shadow-rgb: 28,23,9;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #C8AD61;
  --bs-btn-active-border-color: #C1A34D;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #ba9939;
  --bs-btn-disabled-border-color: #ba9939;
}

.btn-outline-warning {
  --bs-btn-color: #ba9939;
  --bs-btn-border-color: #ba9939;
  --bs-btn-focus-shadow-rgb: 186,153,57;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #ba9939;
  --bs-btn-hover-border-color: #ba9939;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #ba9939;
  --bs-btn-active-border-color: #ba9939;
  --bs-btn-disabled-color: #ba9939;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ba9939;
}

.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #a92c38;
  --bs-btn-border-color: #a92c38;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #902530;
  --bs-btn-hover-border-color: #87232D;
  --bs-btn-focus-shadow-rgb: 242,223,225;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #87232D;
  --bs-btn-active-border-color: #7F212A;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #a92c38;
  --bs-btn-disabled-border-color: #a92c38;
}

.btn-outline-danger {
  --bs-btn-color: #a92c38;
  --bs-btn-border-color: #a92c38;
  --bs-btn-focus-shadow-rgb: 169,44,56;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #a92c38;
  --bs-btn-hover-border-color: #a92c38;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #a92c38;
  --bs-btn-active-border-color: #a92c38;
  --bs-btn-disabled-color: #a92c38;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #a92c38;
}

.mx-auto {
  margin-right: auto!important;
  margin-left: auto!important;
}

.my-3 {
  margin-top: 1rem!important;
  margin-bottom: 1rem!important;
}

.my-4 {
  margin-top: 1.5rem!important;
  margin-bottom: 1.5rem!important;
}

.me-0 {
  margin-right: 0!important;
}

.me-2 {
  margin-right: .5rem!important;
}

.me-4 {
  margin-right: 1.5rem!important;
}

.mb-0 {
  margin-bottom: 0!important;
}

.mb-2 {
  margin-bottom: .5rem!important;
}

.mb-5 {
  margin-bottom: 3rem!important;
}

.mb-auto {
  margin-bottom: auto!important;
}

.ms-6 {
  margin-left: 4.5rem !important;
}

.ms-auto {
  margin-left: auto!important;
}

@media (min-width:768px) {
  .ms-md-2 {
    margin-left: .5rem!important;
  }
}

.fixed-height {
  max-height: calc(100vh - 137px); /* 70px = висота панелі кнопок */
  overflow-y: auto;
}

.move-item svg, .move-item button{
  display: none;
}

.move-item:hover svg, .move-item:hover button{
  display: inline;
}

.sortable-ghost {
  opacity: 0.6;
  background: #f8f9fa;
}



.draggable-source--is-dragging {
  opacity: 0.5;        /* зменшена прозорість */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.ce-block__content{
  max-width: 90%;
}

.ce-toolbar__content{
  max-width: 90%;
}