body {
    font-size: 90%;
}

.left_col {
    background-image: linear-gradient(to right, #667eea, #764ba2); /* Beautiful blue-purple gradient */
}

.navbar-header {
    background: #5a67d8; /* Beautiful deep blue */
}

.menu_section h3 {
    color: inherit;
}

.nav.child_menu>li>a {
    color: inherit;
}

.nav.side-menu>li>a,
.nav.child_menu>li>a {
    color: inherit;
}

.navbar-brand,
.navbar-nav>li>a,
.navbar-nav>li>span {
    color: #f9f9f9;
}

.menu_section {
    color: #f9f9f9;
}

.nav.side-menu>li.active>a {
    background: #4c51bf; /* Active menu beautiful purple-blue */
}

body .container.body .right_col {
    background: #fefefe;
}

.navbar-light {
    background: #667eea; /* Beautiful light blue */
    color: #f9f9f9;
}

.ysh-thead {
    background: #5a67d8; /* Beautiful table header blue */
    color: #f9f9f9;
}

.ysh-thead th:first-of-type {
    border-top-left-radius: 0.5em;
}

.ysh-thead th:last-of-type {
    border-top-right-radius: 0.5em;
}

.ysh-tfoot {
    background: #5a67d8; /* Beautiful table footer blue */
    color: #f9f9f9;
}

.ysh-tfoot td:first-of-type {
    border-bottom-left-radius: 0.5em;
}

.ysh-tfoot td:last-of-type {
    border-bottom-right-radius: 0.5em;
}

.ysh-list-filter {
    padding: 0.75em;
    background: #667eea; /* Beautiful filter background blue */
    border-radius: 0.5em;
    color: #f9f9f9;
}

.ysh-document-content-map {
    padding: 0.75em;
    background: #667eea; /* Beautiful document content map blue */
    border-radius: 0.5em;
    color: #f9f9f9;
}

.ysh-button {
    background: #4c51bf; /* Beautiful button purple-blue */
}

.ysh-data-table,
.table-striped>tbody>tr:nth-of-type(odd)>* {
    color: #73879C;
}

.nav-md ul.nav.child_menu li:before {
    background: #f9f9f9;
}

.nav-md ul.nav.child_menu li:after {
    border-left: 0.06em solid #f9f9f9;
}

.navbar-brand {
    --bs-navbar-brand-hover-color: #4c51bf; /* Beautiful navbar brand hover purple-blue */
}

.navbar-header {
    --bs-navbar-brand-hover-color: #f9f9f9;
}