span.menu-item-title {
    background: #fff;
    padding: 8px;
    border: 1px solid #8d8c8c;
}

.moduletable .nav li a {
    margin-bottom: 8px;
}

.jswcrm_contact, .jswcrm_category {
    background-color: var(--t4-white);
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    margin-bottom: 4px;
}
.k-ui-namespace .koowa_media--gallery .koowa_media__item__content  {
        background-color: var(--t4-white);
        min-height: 140px;
        border-radius: 8px;
        border-color: #ccc;
    }  
.btn.btn-outline-primary {
    background-color: #fff;
}

body.dark-active .bg-light {    
    width: 120px;
    margin-bottom: 2px;
}

.k-ui-namespace .k-filters--toggleable {
    background: #fff;
    padding: 19px;
    margin-bottom: 5px;
    border-radius: 8px;
}

.jswcrm_submit_layout {
    background: var(--t4-gray-100);
    padding: 18px;
    border: 1px solid;
    border-radius: 8px;
    }

.jswcrm_list_layout.jswcrm_list_layout--default {
    background: #fff;
    padding: 20px;
    border: 1px solid blue;
    }

body.dark-active, .dark-active {

    body {background-color: var(--body-bg-color);}

    .jswcrm_contact_layout {
       background: var(--body-bg-color);
    }

    span.menu-item-title {
    background: #252525;
    color: #fff;
    }

    .k-ui-namespace .koowa_media--gallery .koowa_media__item__content {
        background: var(--body-bg-color);
        border: 1px solid var(--t4-emphasis-color:);
    }
    .jswcrm_contact, .jswcrm_category {
    background-color: var(--body-bg-color);
    padding: 15px;
    border-radius: 8px;
    }

    .koowa_media__item__content.contact {
    border:1px solid var(--t4-emphasis-color:);
    }

    .k-ui-namespace .k-filters--toggleable {
    background: #888;
    }
    
    .jswcrm_submit_layout {
        background-color: #333399;
        }

    .k-ui-namespace .k-toolbar .k-button-save {
    background: #ccc;
    }

    span.select2-selection.select2-selection--single {
    background: #fff;
    }
    .jswcrm_list_layout.jswcrm_list_layout--default {
    background: #888;
    }

    button.btn.btn-link.k-js-search-reset {
    background: #fff;
    }

}

.t4-col.main-top-1-2.col-2.col-md-1 {
    padding: 10px;
}

.t4-masthead-inner {
        padding: 1rem 0;
}
:root, [data-bs-theme=light] {
--t4-border-radius: 0.5rem;
}

.k-ui-namespace .koowa_media--gallery .koowa_media__item {
    width: 170px;
}

.k-ui-namespace .koowa_media--gallery .koowa_media__item img {
    width: auto;
    max-width: 100px;
}

/* navbar */
.navbar {
    padding: 0;
    margin-left: -10px;
    min-height: 40px;
}

.navbar-nav.small {
    padding: 1px;
    float: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.navbar-nav.small li {
    border-radius: 4px;
    padding: 4px;
    font-size: 1.1rem;
    font-weight: 600;
}