/* Wizard Root */

.stepper-tabs-nav-size {
    margin: 0.5rem 0.9rem !important;
}



/* Create - Phrases */

[data-bs-theme=light] {
    --ts-primary: #D1D4F8;
    --ts-success: #50CD89;
    --ts-warning: #F9BC72;
    --ts-danger: #F9D4DD;
    --ts-secondary: #EDEFF5;
    --ts-text: #5E6278;
}

[data-bs-theme=dark] {
    --ts-primary: #676fed;
    --ts-success: #50CD89;
    --ts-warning: #af732b;
    --ts-danger: #DD9AAA;
    --ts-secondary: #2b2b40;
    --ts-text: #F3F3ED;
}

.tagify-selected, .tagify-addmore, .tagify-new, .tagify-removed, .tagify-showmore {
    margin: 1.5px !important;
    line-height: 1.50 !important;
    --tag-inset-shadow-size: 2em !important;
}

.tagify-selected .tagify__tag__removeBtn {
    background-color: var(--ts-text) !important;
} 

.tagify-selected .tagify__tag-text, .tagify-addmore .tagify__tag-text, .tagify-new .tagify__tag-text, .tagify-removed .tagify__tag-text {
    color: var(--ts-text) !important;
}

.tagify-selected {
    --tag-bg: var(--ts-primary);
    --tag-hover: var(--ts-primary);
    --tag-remove-bg: var(--ts-danger);
}

.tagify-addmore {
    --tag-bg: var(--ts-warning);
    --tag-hover: var(--ts-warning);
    flex-direction: row-reverse;
}

.tagify-addmore-plus {
    width: 0.7rem;
    height: 0.7rem;
    margin: 0 0 0 0.5rem;
    border-radius: 0;
    content: " ";
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--ts-text);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus-lg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus-lg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z'/%3e%3c/svg%3e");
}

.tagify-new {
    --tag-bg: var(--ts-warning);
    --tag-hover: var(--ts-warning);
}

.tagify-removed {
    --tag-bg: var(--ts-secondary);
    --tag-hover: var(--ts-secondary);
    --readonly-striped: 0 !important;
}

.tagify-removed .tagify__tag-text {
    text-decoration: line-through !important;
}

.tagify-showmore {
    --tag-bg: var(--bs-primary-active);
    --tag-hover: var(--bs-primary-active);
    flex-direction: row-reverse;
}

.tagify-showmore .tagify__tag-text {
    color: var(--bs-primary-inverse) !important;
}

/* Phrases */

.row-disabled {
    background-color: var(--bs-app-sidebar-light-header-menu-link-bg-color-active) !important;
    color: var(--bs-gray-500) !important;
}

.sticky-cell {
    position: sticky;
    left: 0 !important;
    background-color: var(--bs-app-sidebar-light-bg-color) !important;
    z-index: 2;
}

.btn-optional {
    color: var(--ts-text) !important;
    background-color: var(--ts-warning) !important;
}


/* Calc */

.carousel-speed {
    transition: transform 0.36s ease-in-out !important;
}

[data-kt-app-sidebar-minimize=on] {
    @media (max-width: 1286px) {
        .carousel-icon {
            font-size: 2.5rem !important;
        }
        
        .carousel-control {
            margin: -4.05em;
            width: 0 !important;
        }
    }
    
    @media (min-width: 1286px) {
        .carousel-icon {
            font-size: 4rem !important;
        }
        
        .carousel-control {
            margin: -8.15em;
            width: 10.75% !important;
        }
    }
}

@media (max-width: 1476px) {
    .carousel-icon {
        font-size: 2.5rem !important;
    }
    
    .carousel-control {
        margin: -4.05em;
        width: 0 !important;
    }
}

@media (min-width: 1476px) {
    .carousel-icon {
        font-size: 4rem !important;
    }
    
    .carousel-control {
        margin: -8.15em;
        width: 10.75% !important;
    }
}

.treeview .list-group {
    --bs-list-group-bg: none !important;
}

.treeview .list-group-item .bi.bi-caret-right-fill,
.treeview .list-group-item .bi.bi-caret-down-fill {
    padding: 0.3rem 0.0rem 0.3rem 0.3rem !important;
    font-size: 1.5rem !important;
    color: var(--bs-primary) !important;
}

.treeview .list-group-item .bi.bi-square,
.treeview .list-group-item .bi.bi-check-square-fill  {
    padding: 0.3rem 0.3rem 0.3rem 0.3rem !important;
    font-size: 1.5rem !important;
}

.treeview .list-group-item .bi.bi-square {
    color: var(--bs-gray-800) !important;
}

.treeview .list-group-item .bi.bi-check-square-fill {
    color: var(--bs-primary) !important;
    background: white;
    background: conic-gradient(white 0 25%, transparent 0);
    background-position: top 0.5rem right 0.5rem;
}

.treeview .list-group .list-group-item {
    font-size: 1.1rem !important;
    padding: 0.25rem 0 !important;
    color: var(--bs-gray-800) !important;
}

.treeview .list-group-item .indent {
    margin-left: 1.4rem !important;
}

.treeview .list-group-item .glyphicon {
    margin-left: 1.8rem !important;
}

.treeview .list-group-item .node-icon {
    margin: 0.0rem !important;
}

.treeview .list-group-item.node-treeview {
    pointer-events: none;
}

.treeview .list-group-item.node-treeview .fa,
.treeview .list-group-item.node-treeview .bi {
    pointer-events: auto !important;
}

.treeview .list-group-item.node-treeview:hover {
    background-color: transparent !important;
}

/*.form-switch.form-check-solid */
.period-switch-custom-color:not(:checked) {
    background-color: #838AFF !important;
}

.period-switch-custom-color:checked {
    background-color: #F9BC72 !important;
}