﻿[data-bs-theme=light] {
    --bs-app-sidebar-primary-base-bg-color: #fff !important;
    --bs-app-header-minimize-bg-color: #fff !important;
    --bs-primary-rgb: 27,132,255;
    --bs-secondary: #F1F1F4;
    --bs-link-color-rgb: 27,132,255;
    --bs-link-decoration: none;
    --bs-link-hover-color: #056EE9;
    --bs-link-hover-color-rgb: 5,110,233;
    --bs-link-hover-decoration: none;
    --bs-primary-active: #056EE9;
    --bs-text-success: #1B84FF;
    --bs-success: #17c653;
    --bs-success-light: #E9F3FF;
    --bs-primary-light: #E9F3FF;
    --bs-border-dashed-color: #DBDFE9;
    --bs-component-active-color: #ffffff;
    --bs-component-hover-bg: #F9F9F9;
    --bs-component-checked-color: #ffffff;
    --bs-menu-heading-color: #99A1B7;
    --bs-ribbon-label-border-color: #0053b4;
    --bs-ribbon-clip-bg: #1E2129;
    --bs-app-sidebar-secondary-base-bg-color: #fff;
    --bs-app-sidebar-secondary-base-border-end: 1px solid #F1F1F4;
    --bs-app-bg-color: #F9F7F7;
    --bs-app-separator-border: 1px solid rgba(217, 219, 228, 0.6);
    --bs-app-blank-bg-color: #F1F1F4;
    --bs-app-header-base-bg-color: #ffffff;
    --bs-app-header-base-border-bottom: 1px solid #F1F1F4;
    --bs-app-sidebar-base-bg-color: #0F1014;
    --bs-app-sidebar-panel-base-bg-color: #ffffff;
    --bs-app-sidebar-primary-width: 90px;
    --bs-scrollbar-color: #dedee4;
    --bs-scrollbar-hover-color: #ced3e1;
    --bs-text-success: #17C653;
    --bs-success-light: #DFFFEA;
    --bs-gutter-y: 1.25rem;
}

.form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    appearance: none;
    background-color: #1b9ee4;
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.min-h-FeatureImage {
    min-height: 473px !important;
}

.form-check-input:checked {
    background-color: #009ef7 !important;
    border-color: #009ef7 !important;
}

.image-input-placeholder {
    background-image: url('/media/svg/files/blank-image.svg');
}

[data-bs-theme="dark"] .image-input-placeholder {
    background-image: url('/media/svg/files/blank-image-dark.svg');
}

app-sidebar-panel-btn .app-sidebar-panel-icon {
    height: 44px;
    width: 44px;
    background-color: rgba(255, 255, 255, .1)
}

.link-primary:focus, .link-primary:hover {
    color: RGBA(73,157,255,var(--bs-link-opacity,1)) !important;
    text-decoration-color: RGBA(73,157,255,var(--bs-link-underline-opacity,1)) !important
}

.nav-line-tabs .nav-item .nav-link.active, .nav-line-tabs .nav-item .nav-link:hover:not(.disabled), .nav-line-tabs .nav-item.show .nav-link {
    background-color: transparent;
    border: 0;
    border-bottom: 2px solid var(--bs-primary);
    transition: color .2s ease;
    font-weight: bold;
    color: var(--bs-text-primary)
}

.line-count-1 {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.line-count-2 {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.line-count-3 {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.line-count-4 {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.line-count-5 {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}

@media (max-width:767.98px) {
    .pe-sm-10 {
        padding-right: 2.5rem !important
    }
}

@media (max-width:991.98px) {
    .app-container {
        padding-left: 12px !important;
        padding-right: 0px !important
    }

    [data-kt-app-sidebar-stacked=true] {
        --bs-app-sidebar-primary-width: 90px;
    }

    #menuHeader {
        display: none !important;
    }
}

@media (min-width: 992px) {
    :root {
        --bs-app-sidebar-width: 340px;
        --bs-app-sidebar-width-actual: 280px;
        --bs-app-header-height: 70px;
        --bs-app-header-height-actual: 70px
    }

    [data-kt-app-header-minimize=on] .app-header {
        background-color: var(--bs-app-header-minimize-bg-color);
        border-bottom: var(--bs-app-separator-border) !important;
    }

    .app-sidebar-secondary {
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0
    }

    [data-kt-app-header-minimize=on] {
        --bs-app-header-height: 70px
    }

    [data-kt-app-sidebar-collapse=on] .app-header .app-header-logo {
        transition: width .3s ease
    }


    [data-kt-app-sidebar-secondary-enabled=true] {
        --bs-app-sidebar-secondary-width-actual: 340px
    }

        [data-kt-app-sidebar-secondary-enabled=true][data-kt-app-sidebar-stacked=true] {
            --bs-app-sidebar-secondary-width: 340px;
        }

        [data-kt-app-sidebar-secondary-enabled=true][data-kt-app-sidebar-secondary-minimize=on] {
            --bs-app-sidebar-secondary-width: 75px;
        }

        [data-kt-app-sidebar-secondary-enabled=true][data-kt-app-sidebar-secondary-collapse=on] {
            --bs-app-sidebar-secondary-width-actual: 340px;
            --bs-app-sidebar-secondary-width: 0px
        }

    .app-content {
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 0;
        padding-right: 0;
    }


    .app-header {
        display: flex;
        align-items: stretch
    }

        .app-header .app-header-logo {
            display: flex;
            align-items: center;
            transition: width .3s ease;
            width: var(--bs-app-sidebar-width-actual)
        }

        .app-header .app-header-wrapper {
            flex-grow: 1;
            display: flex;
            align-items: stretch;
            justify-content: space-between
        }

            .app-header .app-header-wrapper .app-container {
                display: flex;
                align-items: stretch;
                justify-content: space-between
            }

    [dir=rtl] .app-sidebar-secondary-toggle .svg-icon {
        transform: rotateZ(180deg)
    }

    [dir=rtl] .app-sidebar-secondary-toggle.active .svg-icon {
        transform: rotateZ(0) !important
    }
}

.validation-summary-errors {
    text-align: left;
}

.ktImage {
    width: 225px !important;
    height: 150px !important;
}

.image-input-placeholder {
    background-image: url('/media/svg/files/blank-image.svg');
    background-size: contain;
    background-position: center;
}

.w-5 {
    width: 5% !important;
}

.w-10 {
    width: 10% !important;
}

.w-15 {
    width: 15% !important;
}

.w-20 {
    width: 20% !important;
}

.w-35 {
    width: 35% !important;
}

.w-60 {
    width: 60% !important;
}

.w-80 {
    width: 80% !important;
}

.w-90 {
    width: 90% !important;
}

.w-70 {
    width: 70% !important;
}

.h-630px {
    height: 630px !important;
}

.w-150 {
    width: 150% !important;
}

.w-120 {
    width: 120% !important;
}

.card .card-stretch-60 {
    height: calc(60% - var(--bs-gutter-y));
}

.symbol .symbol-3by2 {
    height: 75px !important;
    width: 50px !important;
}

    .symbol .symbol-3by2 .symbol-label {
        height: 75px !important;
        width: 50px !important;
    }

    .symbol .symbol-3by2 > img {
        height: 75px !important;
        width: 50px !important;
        max-width: none;
    }
