﻿/* Metronic: App Header */
/*#kt_app_header,
#kt_app_header h1,
#kt_app_sidebar_menu_wrapper,
#kt_app_footer,
#kt_app_main,
#kt_app_header_wrapper {
    font-family: Inter, Helvetica, sans-serif !important;
}
*/
/*#kt_app_content_container {
    font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif !important;
    font-weight: 400;
    overflow-x: hidden;
    overflow-y: auto;
}

#kt_app_header h1 {
    line-height: 1.2;
    font-family: Inter, Helvetica, sans-serif !important;
}*/
    
    /* Metronic: Header Logo Icon */
    #kt_app_sidebar_logo .btn-group-sm > .btn, #kt_app_sidebar_logo .btn-group-sm > .btn-sm {
        --bs-btn-padding-y: 0.55rem;
        --bs-btn-padding-x: 1.25rem;
        --bs-btn-font-size: 0.925rem;
        --bs-btn-border-radius: 0.425rem;
    }
#kt_app_sidebar_logo .btn-group-sm > .btn {
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color) !important;
    border-radius: var(--bs-btn-border-radius) !important;
}

#kt_app_sidebar_logo .btn {
    --bs-btn-border-width: 1px;
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: 0.475rem;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
}

/* Metronic: Side Menu */
#kt_app_sidebar_menu_wrapper .menu-item span {
    line-height: var(--bs-body-line-height);
}
#kt_app_sidebar_menu_wrapper .menu-item span {
    /*padding: 0.65rem 1rem !important;*/
}

.container-fluid {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-right: auto;
    margin-left: auto;
}

/* Metronic: breadcrumb: */
    .breadcrumb {
    --bs-breadcrumb-padding-x: 0;
    --bs-breadcrumb-padding-y: 0;
    --bs-breadcrumb-margin-bottom: 1rem;
    --bs-breadcrumb-divider-color: #7e8299;
    --bs-breadcrumb-item-padding-x: 0.5rem;
    --bs-breadcrumb-item-active-color: #009ef7;
    display: flex;
    flex-wrap: wrap;
    padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
    margin-bottom: var(--bs-breadcrumb-margin-bottom);
    font-size: var(--bs-breadcrumb-font-size);
    list-style: none;
    background-color: var(--bs-breadcrumb-bg);
    border-radius: var(--bs-breadcrumb-border-radius);
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: var(--bs-breadcrumb-item-padding-x);
}

    .breadcrumb-item + .breadcrumb-item::before {
        float: left;
        padding-right: var(--bs-breadcrumb-item-padding-x);
        color: var(--bs-breadcrumb-divider-color);
        content: var(--bs-breadcrumb-divider, "/");
    }

.breadcrumb-item.active {
    color: var(--bs-breadcrumb-item-active-color);
}

.breadcrumb .breadcrumb-item {
    display: flex;
    align-items: center;
    padding-left: 0;
    padding-right: 0.5rem;
}


.breadcrumb .breadcrumb-item:last-child {
    padding-right: 0 !important;
}

/* Footar StaticBar */
body, html {
    height: 100% !important;
}

#kt_app_footer > .container-fluid:before,
#kt_app_footer > .container-fluid:after,
#kt_app_toolbar > .container-fluid:before,
#kt_app_toolbar > .container-fluid:after {
    content: none !important;
}

*, ::after, ::before {
    box-sizing: border-box;
}

/* Top Nav Menu */
div.btn-icon.show,
#kt_header_search,
#kt_header_search_toggle,
.app-navbar-item a.show {
    display: inline-flex !important;
}

#kt_app_header_wrapper .row {
    margin-right: calc(-.5 * var(--bs-gutter-x)) !important;
    margin-left: calc(-.5 * var(--bs-gutter-x)) !important;
}

/*Old Theme Model Fix*/
/*.modal-header {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    display: block;
}*/

@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
        --bs-modal-width: 900px;
    }
}

@media (min-width: 992px) {
    #needHelpModal .modal-lg, .modal-xl {
        width: calc(90% - 60px) !important;
        --bs-modal-width: calc(90% - 60px) !important;
    }
}

/* Icon Color fix */
#kt_app_content_container i.fa, .modal i.fa {
    color: #ffffff;
}

i.fa.orange {
    color: #F39C12;
}

/* SEARCH FORM */
#kt_search_body .form-control {
    color: var(--kt-input-color);
    background-color: var(--kt-input-bg);
    border: 1px solid var(--kt-input-border-color);
    box-shadow: none !important;
}

    #kt_search_body .form-control:focus {
        color: var(--kt-input-focus-color);
        background-color: var(--kt-input-focus-bg);
        border-color: var(--kt-input-focus-border-color);
    }

    #kt_search_body .form-control::placeholder {
        color: var(--kt-input-placeholder-color);
    }

    #kt_search_body .form-control:disabled,
    #kt_search_body .form-control[readonly] {
        color: var(--kt-input-disabled-color);
        background-color: var(--kt-input-disabled-bg);
        border-color: var(--kt-input-disabled-border-color);
    }

    #kt_search_body .form-control::file-selector-button {
        color: var(--kt-form-file-button-color);
        background-color: var(--kt-form-file-button-bg);
    }

    #kt_search_body .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
        background-color: var(--kt-form-file-button-hover-bg);
    }

#kt_search_body .form-control-plaintext {
    color: var(--kt-input-plaintext-color);
}

#kt_search_body .form-select {
    color: var(--kt-form-select-color);
    background-color: var(--kt-form-select-bg);
    background-image: var(--kt-form-select-indicator);
    border: 1px solid var(--kt-form-select-border-color);
    box-shadow: var(--kt-form-select-box-shadow);
    appearance: none;
}

    #kt_search_body .form-select:focus {
        border-color: var(--kt-form-select-focus-border-color);
        box-shadow: var(--kt-form-select-box-shadow), var(--kt-form-select-focus-box-shadow);
    }

    #kt_search_body .form-select:disabled {
        color: var(--kt-form-select-disabled-color);
        background-color: var(--kt-form-select-disabled-bg);
        border-color: var(--kt-form-select-disabled-border-color);
    }

    #kt_search_body .form-select:-moz-focusring {
        text-shadow: 0 0 0 var(--kt-form-select-color);
    }

#kt_search_body .form-check-input {
    background-color: var(--kt-form-check-input-bg);
    border: var(--kt-form-check-input-border);
}

    #kt_search_body .form-check-input:active {
        filter: var(--kt-form-check-input-active-filter);
    }

    #kt_search_body .form-check-input:focus {
        border-color: var(--kt-form-check-input-focus-border);
        box-shadow: var(--kt-form-check-input-focus-box-shadow);
    }

    #kt_search_body .form-check-input:checked {
        background-color: var(--kt-form-check-input-checked-bg-color);
        border-color: var(--kt-form-check-input-checked-border-color);
    }

        #kt_search_body .form-check-input:checked[type="checkbox"] {
            background-image: var(--kt-form-check-input-checked-bg-image);
        }

        #kt_search_body .form-check-input:checked[type="radio"] {
            background-image: var(--kt-form-check-radio-checked-bg-image);
        }

    #kt_search_body .form-check-input[type="checkbox"]:indeterminate {
        background-color: var(--kt-form-check-input-indeterminate-bg-color);
        border-color: var(--kt-form-check-input-indeterminate-border-color);
        background-image: var(--kt-form-check-input-indeterminate-bg-image);
    }

    #kt_search_body .form-check-input:disabled {
        opacity: var(--kt-form-check-input-disabled-opacity);
    }

        #kt_search_body .form-check-input:disabled ~ .form-check-label,
        #kt_search_body .form-check-input[disabled] ~ .form-check-label {
            opacity: var(--kt-form-check-label-disabled-opacity);
        }

#kt_search_body .form-check-label {
    color: var(--kt-orm-check-label-color);
}

#kt_search_body .form-control {
    display: block;
    width: 100%;
    padding: 0.775rem 1rem;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.5;
    color: #5e6278;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e4e6ef;
    appearance: none;
    border-radius: 0.475rem;
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 8%);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}