/* ==========================================================================
   Buttons
   ========================================================================== */

.btn:not(.btn-info-dropdown2) {
    --bs-btn-font-weight: var(--fos-fw-600);
    --bs-btn-border-radius: var(--fos-brad-8);
    --bs-btn-padding-y: var(--fos-btn-padding-y);
    height: var(--fos-btn-height);
}

.btn:not(.btn-circle):not(.btn-info-dropdown2).only-icon-no-text {
    --bs-btn-padding-x: var(--fos-btn-only-icon-padding-x);
    --bs-btn-padding-y: var(--fos-btn-only-icon-padding-y);
}

/* Áp dụng css của class .empty:before vào .only-icon-no-text */
.btn.only-icon-no-text:before {
    margin-right: 0;
}

.btn.btn-default.dropdown-toggle.only-icon-no-text {
    padding-bottom: 14px;
    padding-top: 5px;
}

.btn.btn-default.dropdown-toggle.only-icon-no-text i {
    margin-right: 0;
    margin-left: 0;
}

.btn.btn-circle {
    width: var(--fos-btn-height);
}

a.btn.only-icon-no-text {
    color: initial;
    --bs-btn-padding-y: calc(var(--fos-btn-only-icon-padding-y) + -0.5px) !important;
}

.btn.only-icon-no-text i {
    margin-right: 0;
}

a.btn.only-icon-no-text[class*="fa-"] {
    --bs-btn-padding-y: calc(var(--fos-btn-only-icon-padding-y) + 0.2rem) !important;
}

.btn.only-icon-no-text.active,
.btn.only-icon-no-text:active,
.btn.only-icon-no-text:hover,
.btn.only-icon-no-text:focus {
    color: var(--fos-primary);
}

.btn.btn-info-dropdown2.only-icon-no-text:active,
.btn.btn-info-dropdown2.only-icon-no-text:hover,
.btn.btn-info-dropdown2.only-icon-no-text:focus {
    color: var(--fos-white);
}

.btn-info-dropdown2 {
    line-height: 1.2 !important;
}

.btn:focus {
    box-shadow: var(--fos-box-shadow-inset-white);
}

.btn-primary {
    --bs-btn-color: var(--fos-btn-primary-text);
    --bs-btn-bg: var(--fos-btn-primary-bg);
    --bs-btn-box-shadow: var(--fos-btn-primary-box-shadow);
    --bs-btn-hover-color: var(--fos-btn-primary-hover-text);
    --bs-btn-hover-bg: var(--fos-btn-primary-hover-bg);
    --bs-btn-hover-border-color: var(--fos-btn-primary-hover-border);
    --bs-btn-focus-shadow-rgb: var(--fos-btn-primary-focus-shadow-rgb);
    --bs-btn-active-color: var(--fos-btn-primary-active-text);
    --bs-btn-active-bg: var(--fos-btn-primary-active-bg);
    --bs-btn-active-border-color: var(--fos-btn-primary-active-border);
    --bs-btn-active-shadow: var(--fos-btn-primary-active-shadow);
    --bs-btn-disabled-color: var(--fos-btn-primary-disabled-text);
    --bs-btn-disabled-bg: var(--fos-btn-primary-disabled-bg);
    --bs-btn-disabled-border-color: var(--fos-btn-primary-disabled-border);

    border: var(--fos-btn-border-width) var(--fos-btn-border-style) var(--fos-btn-primary-border-color);
}

.btn-secondary {
    --bs-btn-color: var(--fos-btn-secondary-text);
    --bs-btn-bg: var(--fos-btn-secondary-bg);
    --bs-btn-box-shadow: var(--fos-btn-secondary-box-shadow);
    --bs-btn-hover-color: var(--fos-btn-secondary-hover-text);
    --bs-btn-hover-bg: var(--fos-btn-secondary-hover-bg);
    --bs-btn-hover-border-color: var(--fos-btn-secondary-hover-border);
    --bs-btn-focus-shadow-rgb: var(--fos-btn-secondary-focus-shadow-rgb);
    --bs-btn-active-color: var(--fos-btn-secondary-active-text);
    --bs-btn-active-bg: var(--fos-btn-secondary-active-bg);
    --bs-btn-active-border-color: var(--fos-btn-secondary-active-border);
    --bs-btn-active-shadow: var(--fos-btn-secondary-active-shadow);
    --bs-btn-disabled-color: var(--fos-btn-secondary-disabled-text);
    --bs-btn-disabled-bg: var(--fos-btn-secondary-disabled-bg);
    --bs-btn-disabled-border-color: var(--fos-btn-secondary-disabled-border);

    border: var(--fos-btn-border-width) var(--fos-btn-border-style) var(--fos-btn-secondary-border);
}

.btn-default {
    --bs-btn-color: var(--fos-btn-default-text);
    --bs-btn-bg: var(--fos-btn-default-bg);
    --bs-btn-box-shadow: var(--fos-btn-default-box-shadow);
    --bs-btn-hover-color: var(--fos-btn-default-hover-text);
    --bs-btn-hover-bg: var(--fos-btn-default-hover-bg);
    --bs-btn-hover-border-color: var(--fos-btn-default-hover-border);
    --bs-btn-focus-shadow-rgb: var(--fos-btn-default-focus-shadow-rgb);
    --bs-btn-active-color: var(--fos-btn-default-active-text);
    --bs-btn-active-bg: var(--fos-btn-default-active-bg);
    --bs-btn-active-border-color: var(--fos-btn-default-active-border);
    --bs-btn-active-shadow: var(--fos-btn-default-active-shadow);
    --bs-btn-disabled-color: var(--fos-btn-default-disabled-text);
    --bs-btn-disabled-bg: var(--fos-btn-default-disabled-bg);
    --bs-btn-disabled-border-color: var(--fos-btn-default-disabled-border);

    border: var(--fos-btn-border-width) var(--fos-btn-border-style) var(--fos-btn-default-border);
}

.btn-success {
    --bs-btn-color: var(--fos-btn-success-text);
    --bs-btn-bg: var(--fos-btn-success-bg);
    --bs-btn-box-shadow: var(--fos-btn-success-box-shadow);
    --bs-btn-hover-color: var(--fos-btn-success-hover-text);
    --bs-btn-hover-bg: var(--fos-btn-success-hover-bg);
    --bs-btn-hover-border-color: var(--fos-btn-success-hover-border);
    --bs-btn-focus-shadow-rgb: var(--fos-btn-success-focus-shadow-rgb);
    --bs-btn-active-color: var(--fos-btn-success-active-text);
    --bs-btn-active-bg: var(--fos-btn-success-active-bg);
    --bs-btn-active-border-color: var(--fos-btn-success-active-border);
    --bs-btn-active-shadow: var(--fos-btn-success-active-shadow);
    --bs-btn-disabled-color: var(--fos-btn-success-disabled-text);
    --bs-btn-disabled-bg: var(--fos-btn-success-disabled-bg);
    --bs-btn-disabled-border-color: var(--fos-btn-success-disabled-border);

    border: var(--fos-btn-border-width) var(--fos-btn-border-style) var(--fos-btn-default-border);
}

.btn-outline-success {
    --bs-btn-color: var(--fos-btn-outline-success-text);
    --bs-btn-bg: var(--fos-btn-outline-success-bg);
    --bs-btn-border-color: var(--fos-btn-outline-success-border);
    --bs-btn-hover-color: var(--fos-btn-outline-success-hover-text);
    --bs-btn-hover-bg: var(--fos-btn-outline-success-hover-bg);
    --bs-btn-hover-border-color: var(--fos-btn-outline-success-hover-border);
    border: var(--fos-btn-border-width) var(--fos-btn-border-style) var(--fos-btn-outline-success-border);
}

.btn-danger {
    --bs-btn-color: var(--fos-btn-danger-text);
    --bs-btn-bg: var(--fos-btn-danger-bg);
    --bs-btn-box-shadow: var(--fos-btn-danger-box-shadow);
    --bs-btn-hover-color: var(--fos-btn-danger-hover-text);
    --bs-btn-hover-bg: var(--fos-btn-danger-hover-bg);
    --bs-btn-hover-border-color: var(--fos-btn-danger-hover-border);
    --bs-btn-focus-shadow-rgb: var(--fos-btn-danger-focus-shadow-rgb);
    --bs-btn-active-color: var(--fos-btn-danger-active-text);
    --bs-btn-active-bg: var(--fos-btn-danger-active-bg);
    --bs-btn-active-border-color: var(--fos-btn-danger-active-border);
    --bs-btn-active-shadow: var(--fos-btn-danger-active-shadow);
    --bs-btn-disabled-color: var(--fos-btn-danger-disabled-text);
    --bs-btn-disabled-bg: var(--fos-btn-danger-disabled-bg);
    --bs-btn-disabled-border-color: var(--fos-btn-danger-disabled-border);

    border: var(--fos-btn-border-width) var(--fos-btn-border-style) var(--fos-btn-default-border);
}

.btn-outline-danger {
    --bs-btn-color: var(--fos-btn-outline-danger-text);
    --bs-btn-bg: var(--fos-btn-outline-danger-bg);
    --bs-btn-border-color: var(--fos-btn-outline-danger-border);
    --bs-btn-hover-color: var(--fos-btn-outline-danger-hover-text);
    --bs-btn-hover-bg: var(--fos-btn-outline-danger-hover-bg);
    --bs-btn-hover-border-color: var(--fos-btn-outline-danger-hover-border);
    border: var(--fos-btn-border-width) var(--fos-btn-border-style) var(--fos-btn-outline-danger-border);
}

.btn-info {
    --bs-btn-color: var(--fos-btn-info-text);
    --bs-btn-bg: var(--fos-btn-info-bg);
    --bs-btn-box-shadow: var(--fos-btn-info-box-shadow);
    --bs-btn-hover-color: var(--fos-btn-info-hover-text);
    --bs-btn-hover-bg: var(--fos-btn-info-hover-bg);
    --bs-btn-hover-border-color: var(--fos-btn-info-hover-border);
    --bs-btn-focus-shadow-rgb: var(--fos-btn-info-focus-shadow-rgb);
    --bs-btn-active-color: var(--fos-btn-info-active-text);
    --bs-btn-active-bg: var(--fos-btn-info-active-bg);
    --bs-btn-active-border-color: var(--fos-btn-info-active-border);
    --bs-btn-active-shadow: var(--fos-btn-info-active-shadow);
    --bs-btn-disabled-color: var(--fos-btn-info-disabled-text);
    --bs-btn-disabled-bg: var(--fos-btn-info-disabled-bg);
    --bs-btn-disabled-border-color: var(--fos-btn-info-disabled-border);

    border: var(--fos-btn-border-width) var(--fos-btn-border-style) var(--fos-btn-default-border);
}

.btn-outline-info {
    --bs-btn-color: var(--fos-btn-outline-info-text);
    --bs-btn-bg: var(--fos-btn-outline-info-bg);
    --bs-btn-border-color: var(--fos-btn-outline-info-border);
    --bs-btn-hover-color: var(--fos-btn-outline-info-hover-text);
    --bs-btn-hover-bg: var(--fos-btn-outline-info-hover-bg);
    --bs-btn-hover-border-color: var(--fos-btn-outline-info-hover-border);
    border: var(--fos-btn-border-width) var(--fos-btn-border-style) var(--fos-btn-outline-info-border);
}

.btn-warning {
    --bs-btn-color: var(--fos-btn-warning-text);
    --bs-btn-bg: var(--fos-btn-warning-bg);
    --bs-btn-box-shadow: var(--fos-btn-warning-box-shadow);
    --bs-btn-hover-color: var(--fos-btn-warning-hover-text);
    --bs-btn-hover-bg: var(--fos-btn-warning-hover-bg);
    --bs-btn-hover-border-color: var(--fos-btn-warning-hover-border);
    --bs-btn-focus-shadow-rgb: var(--fos-btn-warning-focus-shadow-rgb);
    --bs-btn-active-color: var(--fos-btn-warning-active-text);
    --bs-btn-active-bg: var(--fos-btn-warning-active-bg);
    --bs-btn-active-border-color: var(--fos-btn-warning-active-border);
    --bs-btn-active-shadow: var(--fos-btn-warning-active-shadow);
    --bs-btn-disabled-color: var(--fos-btn-warning-disabled-text);
    --bs-btn-disabled-bg: var(--fos-btn-warning-disabled-bg);
    --bs-btn-disabled-border-color: var(--fos-btn-warning-disabled-border);

    border: var(--fos-btn-border-width) var(--fos-btn-border-style) var(--fos-btn-default-border);
}

.btn-outline-warning {
    --bs-btn-color: var(--fos-btn-outline-warning-text);
    --bs-btn-bg: var(--fos-btn-outline-warning-bg);
    --bs-btn-border-color: var(--fos-btn-outline-warning-border);
    --bs-btn-hover-color: var(--fos-btn-outline-warning-hover-text);
    --bs-btn-hover-bg: var(--fos-btn-outline-warning-hover-bg);
    --bs-btn-hover-border-color: var(--fos-btn-outline-warning-hover-border);
    border: var(--fos-btn-border-width) var(--fos-btn-border-style) var(--fos-btn-outline-warning-border);
}

.btn-circle {
    width: var(--fos-btn-circle-width);
    height: var(--fos-btn-circle-height);
    --bs-btn-border-radius: var(--fos-btn-circle-border-radius);
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-group .btn.last.btn-primary,
.btn-group .btn:last-child.btn-primary {
    border-right: var(--fos-btn-border-width) var(--fos-btn-border-style) var(--fos-btn-primary-border);
}

.btn-group .btn.last.btn-secondary,
.btn-group .btn:last-child.btn-secondary {
    border-right: var(--fos-btn-border-width) var(--fos-btn-border-style) var(--fos-btn-secondary-border);
}

.btn-group .btn.last.btn-default,
.btn-group .btn:last-child.btn-default {
    border-right: var(--fos-btn-border-width) var(--fos-btn-border-style) var(--fos-btn-default-border);
}

.btn-group .btn.btn-default.active,
.btn-group .btn.btn-default:active {
    border-right: var(--fos-btn-border-width) var(--fos-btn-border-style) var(--fos-btn-default-active-border);
}

.btn-group .btn.btn-secondary.active,
.btn-group .btn.btn-secondary:active {
    border-right: var(--fos-btn-border-width) var(--fos-btn-border-style) var(--fos-btn-secondary-active-border);
}

/* ==========================================================================
   Badge
   ========================================================================== */
.badge-primary {
    background-color: var(--fos-btn-primary-bg);
    color: var(--fos-btn-primary-text);
}

.badge-secondary {
    background-color: var(--fos-btn-secondary-bg);
    color: var(--fos-btn-secondary-text);
}

.badge-success {
    background-color: var(--fos-btn-success-bg);
    color: var(--fos-btn-success-text);
}

.badge-danger {
    background-color: var(--fos-btn-danger-bg);
    color: var(--fos-btn-danger-text);
}

.badge-warning {
    background-color: var(--fos-btn-warning-bg);
    color: var(--fos-btn-warning-text);
}

.badge-info {
    background-color: var(--fos-btn-info-bg);
    color: var(--fos-btn-info-text);
}

.badge-light {
    background-color: var(--fos-gray-1);
    color: var(--fos-gray-8);
}

.badge-dark {
    background-color: var(--fos-gray-8);
    color: var(--fos-white);
}

.badge-light-primary {
    background-color: var(--fos-badge-light-primary-bg);
    color: var(--fos-badge-light-primary-text);
}

.badge-light-secondary {
    background-color: var(--fos-badge-light-secondary-bg);
    color: var(--fos-badge-light-secondary-text);
}

.badge-light-success {
    background-color: var(--fos-badge-light-success-bg);
    color: var(--fos-badge-light-success-text);
}

.badge-light-danger {
    background-color: var(--fos-badge-light-danger-bg);
    color: var(--fos-badge-light-danger-text);
}

.badge-light-warning {
    background-color: var(--fos-badge-light-warning-bg);
    color: var(--fos-badge-light-warning-text);
}

.badge-light-info {
    background-color: var(--fos-badge-light-info-bg);
    color: var(--fos-badge-light-info-text);
}

/* ==========================================================================
   Background
   ========================================================================== */

.bg-primary {
    background-color: rgba(var(--bs-primary-bg), var(--bs-bg-opacity)) !important
}

.bg-secondary {
    background-color: rgba(var(--bs-secondary-bg), var(--bs-bg-opacity)) !important
}

.bg-light-purple {
    background-color: var(--fos-light-purple) !important;
}

.bg-light-primary {
    background-color: var(--fos-light-primary) !important;
}

.bg-gray-1 {
    background-color: var(--fos-gray-1) !important;
}

.bg-gray-4 {
    background-color: var(--fos-gray-4) !important;
}

/* ==========================================================================
   Space
   ========================================================================== */

.pl-0 {
    padding-left: 0px !important;
}

.pr-0 {
    padding-right: 0px !important;
}

.px-20px {
    padding-inline: 20px !important;
}

.pb-10px {
    padding-bottom: 10px !important;
}

.px-16px {
    padding-inline: 16px !important;
}

.ml-20px,
.ms-20px {
    margin-left: 20px !important;
}

.mr-20px,
.me-20px {
    margin-right: 20px !important;
}

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

.ml-4px,
.ms-4px {
    margin-left: 4px !important;
}

.mr-4px,
.me-4px {
    margin-right: 4px !important;
}

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

.fos-emt-sm {
    margin-bottom: var(--fos-element-margin-bottom-sm) !important;
}

.fos-emb {
    margin-bottom: var(--fos-element-margin-bottom) !important;
}

.fos-emb-lg {
    margin-bottom: var(--fos-element-margin-bottom-lg) !important;
}

.fos-emb-xl {
    margin-bottom: var(--fos-element-margin-bottom-xl) !important;
}

.fos-emb-xxl {
    margin-bottom: var(--fos-element-margin-bottom-xxl) !important;
}

.fos-emt-sm {
    margin-top: var(--fos-element-margin-top-sm) !important;
}

.fos-emt {
    margin-top: var(--fos-element-margin-top) !important;
}

.fos-emt-lg {
    margin-top: var(--fos-element-margin-top-lg) !important;
}

.fos-emt-xl {
    margin-top: var(--fos-element-margin-top-xl) !important;
}

.fos-emt-xxl {
    margin-top: var(--fos-element-margin-top-xxl) !important;
}

.me-20px {
    margin-right: 20px !important;
}

.my-8px {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

/* ==========================================================================
   Grid
   ========================================================================== */
.fos-kv-wrap {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 30px;
}

/* ==========================================================================
   Border
   ========================================================================== */
.brad-6px {
    border-radius: var(--fos-brad-6) !important;
}

.brad-8px {
    border-radius: var(--fos-brad-8) !important;
}

.brad-12px {
    border-radius: var(--fos-brad-12) !important;
}

/* ==========================================================================
   Text
   ========================================================================== */
.text-fw-400 {
    font-weight: var(--fos-fw-400) !important;
}

.text-fw-600 {
    font-weight: var(--fos-fw-600) !important;
}

.text-fw-700 {
    font-weight: var(--fos-fw-700) !important;
}

.text-fs-12 {
    font-size: var(--fos-fs-12) !important;
}

.text-fs-14 {
    font-size: var(--fos-fs-14) !important;
}

.text-fs-16 {
    font-size: var(--fos-fs-16) !important;
}

.text-fs-18 {
    font-size: var(--fos-fs-18) !important;
}

.text-fs-24 {
    font-size: var(--fos-fs-24) !important;
}

.text-fs-32 {
    font-size: var(--fos-fs-32) !important;
}

.text-custom-dark {
    font-weight: var(--fos-fw-600);
    color: var(--fos-text-custom-dark-color) !important;
    transition: var(--fos-transition-all-300-ease);
}

a.text-custom-dark {
    text-decoration: none;
}

a.text-custom-dark:hover {
    color: var(--fos-text-custom-dark-hover-color);
    transition: var(--fos-transition-all-300-ease);
}

a.text-custom-dark:active {
    color: var(--fos-text-custom-dark-active-color);
    transition: var(--fos-transition-all-300-ease);
}

a.text-custom-dark:focus {
    color: var(--fos-text-custom-dark-focus-color);
    transition: var(--fos-transition-all-300-ease);
}

a.text-custom-link {
    font-weight: var(--fos-fw-600);
    color: var(--fos-text-custom-link-color);
    text-decoration: none;
}

a.text-custom-link:hover {
    color: var(--fos-text-custom-link-hover-color);
    transition: var(--fos-transition-all-300-ease);
}

a.text-custom-link:active {
    color: var(--fos-text-custom-link-active-color);
    transition: var(--fos-transition-all-300-ease);
}

a.text-custom-link:focus {
    color: var(--fos-text-custom-link-focus-color);
    transition: var(--fos-transition-all-300-ease);
}

a:not([href]) {
    color: var(--bs-body-color) !important;
    text-decoration: none;
}

.text-title-xl {
    font-size: 28px;
    font-weight: 800;
}

.text-title-l {
    font-size: 20px;
    font-weight: 600;
}

.text-title-md {
    font-size: var(--fos-fs-18);
    font-weight: var(--fos-fw-600);
}

.text-title {
    font-size: var(--fos-fs-18);
    font-weight: var(--fos-fw-600);
}

/* ==========================================================================
   Table
   ========================================================================== */
:root,
:root .table,
[data-bs-theme=light],
[data-bs-theme=light] .table {
    --bs-table-color: #536061;
    --bs-table-bg: #fff;
    --bs-table-striped-bg: #f7f9fb;
    --bs-table-border-color: #d7e1ea;
    --bs-table-hover-bg: var(--fos-table-hover-bg) !important;
    --oc-table-active-bg: var(--fos-table-active-bg) !important;
}

/* ==========================================================================
   Tab
   ========================================================================== */
/* ========================================= Primary tab working ========================================= */
div.card.fos-custom-tabs {
    margin-top: 36px;
    border-bottom-right-radius: var(--fos-brad-12);
    border-bottom-left-radius: var(--fos-brad-12);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

div.card.fos-custom-tabs>.card-body {
    margin-top: -50px;
}

/* ==========================================================================
   Accordian
   ========================================================================== */
.accordion {
    --bs-accordion-border-radius: var(--fos-brad-12);
    --bs-accordion-border-width: 0px;
    --bs-accordion-border-color: transparent;
    --bs-accordion-active-bg: transparent;
    --bs-accordion-active-color: var(--fos-gray-8);
}

.accordion-item:first-of-type>.accordion-header .accordion-button {
    border-top-left-radius: calc(var(--bs-accordion-border-radius) - var(--bs-accordion-border-width));
    border-top-right-radius: calc(var(--bs-accordion-border-radius) - var(--bs-accordion-border-width));
}

.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
    border-bottom-left-radius: calc(var(--bs-accordion-border-radius) - var(--bs-accordion-border-width));
    border-bottom-right-radius: calc(var(--bs-accordion-border-radius) - var(--bs-accordion-border-width));
}

.accordion-button {
    border-radius: var(--fos-brad-12);
    font-size: var(--fos-fs-16);
    font-weight: var(--fos-fw-600);
}

.accordion-item {
    border-radius: var(--fos-brad-12);
}


/* ==========================================================================
   Card
   ========================================================================== */
.card.fos-card {
    background-color: var(--fos-white);
    border-radius: var(--fos-brad-12);
    border: none !important;
}

/* ==========================================================================
   Border
   ========================================================================== */
.fos-bocolor-gray-4 {
    border-color: var(--fos-gray-4) !important;
}

/* ==========================================================================
   Button Group
   ========================================================================== */
.fos-btn-group.not-sticky .btn {
    display: inline-block;
    float: none;
    margin-right: 10px;
    white-space: nowrap
}

.fos-btn-group.not-sticky .btn:last-child {
    margin-right: 0;
}

/* ==========================================================================
   Devider
   ========================================================================== */
.fos-toolbar-divider {
    border-left: 1px solid var(--bs-border-color);
    border-right: 1px solid var(--oc-toolbar-border);
    display: inline-block;
    height: 1em;
    margin-right: 8px;
    padding: 10px 0;
    vertical-align: middle;
    width: 1px
}

/* ==========================================================================
   Top Row Custom (For Breadcrumb, top actions, ...)
   ========================================================================== */
.fos-flexible-top-row {
    margin: var(--fos-flexible-top-row-top-margin, .25rem) var(--fos-flexible-top-row-right-margin, 20px) var(--fos-flexible-top-row-bottom-margin, .5rem) var(--fos-flexible-top-row-left-margin, 0);
}

.fos-flexible-top-row > .col-auto > .btn-group:not(:last-child) {
    padding-right: 10px;
    margin-right: -4px;
}

.fos-flexible-top-row > .col-auto > .btn:not(:last-child) {
    margin-right: 6px;
}

/* ======= Widget Permissions============*/

.permissioneditor li.permission-item .item-name {
    color: var(--oc-mainnav-color) !important;
}


/* ==========================================================================
   Repeater
   ========================================================================== */
.fos-repeater-btn {
    font-weight: var(--fos-fw-600) !important;
    color: var(--fos-primary) !important;
}

.field-repeater-toolbar:has(button.fos-repeater-btn) {
    border: none !important;
    border-radius: var(--fos-brad-8) !important;
    width: fit-content;
}

.field-repeater>.field-repeater-builder>.field-repeater-toolbar:has(button.fos-repeater-btn):focus,
.field-repeater>.field-repeater-builder>.field-repeater-toolbar:has(button.fos-repeater-btn):hover,
.field-repeater>.field-repeater-toolbar:has(button.fos-repeater-btn):focus,
.field-repeater>.field-repeater-toolbar:has(button.fos-repeater-btn):hover {
    box-shadow: var(--fos-box-shadow-inset-white-md);
    border: 1px solid var(--fos-primary) !important;
}

/* ==========================================================================
   Fake animation for creating script inline of an element
   ========================================================================== */
@keyframes shimmy {
    from {
        opacity: 1;
    }

    to {
        opacity: 1;
    }
}