.k-panelbar .k-content {
    padding: 20px;
}

p .k-button {
    margin: 0 15px 0 0;
    font-size: 0.85rem !important;
}

.k-state-active .label {
    font-size: 1em;
}
/* #endregion */

@media (max-width: 767px) {

    .k-rpanel {
        width: 100%;
    }

    .k-rpanel-expanded {
        margin-top: 1rem;
    }

    .k-menu .k-item,
    .k-menu .k-link {
        width: 100%;
    }

    .k-menu .k-link {
        box-sizing: border-box;
    }
}

.k-grid th {
    font-weight: bold;
}

/*Branding*/

.btn-primary, .k-button.k-primary,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle, .k-checkbox:checked {
    background: #716fb3 !important;
    border-color: #716fb3 !important;
    box-shadow: none !important;
    color: #fff !important;
}

.btn-danger {
    background: #dc3545 !important;
    border-color: #dc3545 !important;
    box-shadow: none !important;
    color: #fff !important;
}

.k-tabstrip-items .k-item {
    color: #716fb3;
}

.k-menu:not(.k-context-menu), .k-menu-group, .k-menu.k-context-menu, .k-pager-numbers .k-link.k-state-selected {
    border-color: #716fb3;
    color: white;
    background-color: #716fb3;
}

.k-menu.k-menu-horizontal:not(.k-context-menu) {
    padding: unset;
}

.k-menu:not(.k-context-menu) > .k-item,
.k-menu:not(.k-context-menu) > .k-item.k-state-hover,
.k-menu:not(.k-context-menu) > .k-item:hover,
.k-menu:not(.k-context-menu) > .k-item > .k-state-active {
    color: white;
}

    .k-menu:not(.k-context-menu) > .k-item.k-state-hover, .k-menu:not(.k-context-menu) > .k-item:hover {
        background-color: #383759;
    }

.k-menu-group .k-item.k-state-hover, .k-menu-group .k-item:hover, .k-menu.k-context-menu .k-item.k-state-hover, .k-menu.k-context-menu .k-item:hover {
    color: white;
    background-color: #383759;
}

.k-list .k-item.k-state-selected, .k-list-optionlabel.k-state-selected {
    border-color: #716fb3;
    color: white;
    background-color: #716fb3;
}

.k-list .k-item.k-state-hover.k-state-selected, .k-list .k-item:hover.k-state-selected, .k-list-optionlabel.k-state-hover.k-state-selected, .k-list-optionlabel:hover.k-state-selected, .k-grid-header .k-grid-filter.k-state-active, .k-grid-header .k-header-column-menu.k-state-active, .k-grid-header .k-hierarchy-cell .k-icon.k-state-active {
    color: #fff;
    background-color: #716fb3;
}

.k-list .k-item.k-state-hover, .k-list .k-item:hover, .k-list-optionlabel.k-state-hover, .k-list-optionlabel:hover {
    color: #fff;
    background-color: #716fb3;
}

.k-numerictextbox .k-numeric-wrap.k-state-focused, .k-textbox.k-state-focused, .k-datepicker .k-picker-wrap.k-state-focused, .k-datetimepicker .k-picker-wrap.k-state-focused, .txtArea:focus {
    border-color: #716fb3;
    color: #212529;
    background-color: #fff;
    box-shadow: 0 0 0 .2rem #716fb3;
}

.btn-primary:hover, .btn-info:hover, .btn-danger:hover, .k-button.k-primary:hover, .k-button:hover, .k-action-buttons .k-primary, .k-calendar .k-state-selected .k-link, .k-calendar .k-state-selected.k-state-hover .k-link {
    background: #383759;
    color: #fff;
    border-color: #716fb3;
}

/*.table-striped tbody tr:nth-of-type(2n+1), .k-grid .k-alt, .k-grid .k-grid-content-locked .k-alt td {
    background-color: #1e90ff;
    color: white !important;
}*/

/* .k-grid .k-alt a {
        color: white !important;
    }

    .k-grid .k-alt:hover {
        background-color: #389dff;
        color:white !important;
    }*/

.k-grid-header .k-i-sort-asc-sm, .k-grid-header .k-i-sort-desc-sm, .k-grid-header .k-sort-order, .k-pager-numbers .k-link, .k-pager-nav.k-link, .k-pager-refresh {
    color: #716fb3;
}

.k-calendar .k-content .k-today.k-state-focused .k-link, .k-calendar .k-state-selected.k-state-focused .k-link, .k-calendar .k-content .k-today .k-link {
    box-shadow: inset 0 0 0 1px #716fb3;
}

.k-button-icontext .k-icon {
    margin: 0;
    font-size: 1em;
}

.k-textarea > input, .k-textarea > textarea, .k-textbox > input, .k-textbox > textarea, .k-dropdown .k-dropdown-wrap .k-input, .k-dropdowntree .k-dropdown-wrap .k-input, .k-dropdowntree .k-multiselect-wrap .k-button, .k-multiselect .k-multiselect-wrap .k-button, .k-list .k-item, .k-list-optionlabel, .k-grid-header .k-header > .k-link, .k-grid td, .k-grid th, .k-pager-numbers .k-link, .k-pager-info, .k-tabstrip-items .k-link {
    font-size: 1rem !important;
}

.k-grid td, .k-grid th {
    padding: .15rem 0.25rem;
}

.k-tabstrip-items .k-link {
    padding: .1rem .25rem !important;
}


.clsTabStip li.k-item.k-state-default.k-state-hover {
    background-color: #716fb3 !important;
    color: white;
}

.clsTabStip li.k-item.k-state-default.k-tab-on-top.k-state-active {
    background-color: #716fb3 !important;
    color: white;
}

.clsTabStip li.k-item.k-state-default {
    background-color: lightgrey;
    color: black;
    padding: 5px;
    margin-right: 5px;
    background-image: none !important;
}

.k-tabstrip > .k-content.k-state-active {
    border-color: #716fb3;
}

.card-primary > .card-header {
    background-color: #716fb3 !important;
    border-bottom: 1px solid #716fb3 !important;
    color: white !important;
}

/*Icons Styling*/
.k-button-md.k-icon-button > .k-button-icon
{
    min-width:unset;
    min-height:unset;
}