:root {
    /* --bs-header-bg: #fff;
    --bs-header-item-color: #555b6d;
    --bs-header-dark-bg: #2a3042;
    --bs-header-dark-item-color: #e9ecef;
    --bs-topbar-search-bg: #f3f3f9;
    --bs-footer-bg: #f2f2f5;
    --bs-footer-color: #74788d;
    --bs-topnav-bg: #fff;
    --bs-menu-item-color: #545a6d;
    --bs-menu-item-active-color: #556ee6;
    --bs-boxed-body-bg: #ebebf4;
    --bs-display-none: none;
    --bs-display-block: block 
    --bs-header-bg: #262b3c;
    --bs-header-item-color: #a6b0cf;
    --bs-header-dark-bg: #556ee6;
    --bs-header-dark-item-color: #e9ecef;
    --bs-topbar-search-bg: #2a3042;
    --bs-footer-bg: #262b3c;
    --bs-footer-color: #a6b0cf;
    --bs-topnav-bg: #282e3f;
    --bs-menu-item-color: #a6b0cf;
    --bs-menu-item-active-color: #556ee6;
    --bs-boxed-body-bg: #32394f;
    --bs-light: #32394e;
    --bs-light-rgb: 50,57,78;
    --bs-dark: #f6f6f6;
    --bs-dark-rgb: 246,246,246;
    --bs-display-none: block;
    --bs-display-block: none
    */
    --trp-color-dark: #000000;
    --trp-color-light: #FFF;
    --trp-color-lightblue: rgb(60, 114, 158);
    --trp-color-green: #5ba05b;
    --trp-color-red: #ed6363;
    --trp-color-purple: #a64ca6;

    --trp-color-secondary-dark: rgba(42, 48, 66, 0.9);
    --trp-color-secondary-lightblue: rgba(60, 114, 158, 0.7);
    --trp-color-secondary-green: rgba(91, 169, 91, 0.7);
    --trp-color-secondary-red: rgba(237, 99, 99, 0.7);
    --trp-color-secondary-purple: rgba(166, 76, 166, 0.7);

}

/* COLORED LOGO NAVBAR */
body[data-trp-logo-navbar=dark] .navbar-brand-box {
    background: var(--bs-header-dark-bg);
}

body[data-trp-logo-navbar=light] .navbar-brand-box {
    background: var(--trp-color-light);
}

body[data-trp-logo-navbar=light_blue] .navbar-brand-box {
    background: var(--trp-color-lightblue);
}

body[data-trp-logo-navbar=green] .navbar-brand-box {
    background: var(--trp-color-green);
}

body[data-trp-logo-navbar=red] .navbar-brand-box {
    background: var(--trp-color-red);
}

body[data-trp-logo-navbar=purple] .navbar-brand-box {
    background: var(--trp-color-purple);
}

body[data-theme=light] {
    background: #ececec;
}

main[trp-widget="body-page"]>.card>.card-body>.trp-html-pagination .trp-table {
    margin-top: 0;
    margin-bottom: 0;
}

main[trp-widget="body-page"]>.card>.card-body>.trp-table-footer .trp-footer-show-label {
    padding: 10px;
    padding-left: 20px;
}

main[trp-widget="body-page"]>.card>.card-body>.trp-table-footer .trp-footer-datatable-right {
    padding-top: 10px;
    padding-bottom: 10px;
    right: 10px;
}

.trp-table tbody tr td {
    border-color: #ccc;
}

.trp-table thead tr td,
.trp-table thead tr th {
    border-color: #ccc;
}

/* sidebar-menu ul li ul.sub-menu li a {
    padding: .4rem 1.5rem .4rem 3.5rem;
    font-size: 13px;
    color: #545a6d;
} */

.vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>a {
    color: #FFF !important;
    background-color: var(--bs-header-dark-bg);
}

.vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>ul {
    background-color: var(--bs-header-dark-bg);
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>ul li {
    background-color: var(--bs-header-dark-bg);
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>ul i {
    background-color: var(--bs-header-dark-bg);
}

.vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>ul li {
    width: 190px;
    display: flex;
    flex-wrap: wrap;
    text-wrap: auto;
}

/* .vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul {
  display: block;
  left: 70px;
  position: absolute;
  width: 250px;
  height: auto !important;
  -webkit-box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, 0.1);
  box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, 0.1);
}

.vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a {
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 8px 20px;
  position: relative;
  width: 250px;
  z-index: 6;
  color: #545a6d;
} */

body .dropdown button[data-bs-toggle="dropdown"].show{
    color: black;
}

/* COLORED MENUBAR */
body[data-trp-menubar=dark] .vertical-menu {
    background: var(--bs-header-dark-bg);
}

body[data-trp-menubar=light] .vertical-menu {
    background: var(--trp-color-light);
}

body[data-trp-menubar=light_blue] .vertical-menu {
    background: var(--trp-color-lightblue);
}

body[data-trp-menubar=green] .vertical-menu {
    background: var(--trp-color-green);
}

body[data-trp-menubar=red] .vertical-menu {
    background: var(--trp-color-red);
}

body[data-trp-menubar=purple] .vertical-menu {
    background: var(--trp-color-purple);
}

/* for top nav on header */
body[data-trp-menubar=green] .topnav {
    background: var(--trp-color-secondary-green);
}

body[data-trp-menubar=light_blue] .topnav {
    background: var(--trp-color-secondary-lightblue);
}

body[data-trp-menubar=red] .topnav {
    background: var(--trp-color-secondary-red);
}

body[data-trp-menubar=purple] .topnav {
    background: var(--trp-color-secondary-purple);
}
body[data-trp-menubar=dark] .topnav {
    background: var(--trp-color-secondary-dark);
}

body[data-trp-menubar=light_blue] .topnav .navbar-nav .nav-link,
body[data-trp-menubar=green] .topnav .navbar-nav .nav-link,
body[data-trp-menubar=red] .topnav .navbar-nav .nav-link,
body[data-trp-menubar=purple] .topnav .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 1);
}

body[data-trp-menubar=dark] .topnav .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 1);
}



body[data-trp-menubar=light_blue] .topnav .navbar-nav .dropdown-menu .nav-link,
body[data-trp-menubar=green] .topnav .navbar-nav .dropdown-menu .nav-link,
body[data-trp-menubar=red] .topnav .navbar-nav .dropdown-menu .nav-link,
body[data-trp-menubar=purple] .topnav .navbar-nav .dropdown-menu .nav-link,
body[data-trp-menubar=dark] .topnav .navbar-nav .dropdown-menu .nav-link {
    color: var(--bs-menu-item-color);
}

/* .topnav .navbar-nav .dropdown-menu .nav-item .nav-link.active { */
body[data-trp-menubar=green] .topnav .navbar-nav .dropdown-menu .nav-link.active,
body[data-trp-menubar=red] .topnav .navbar-nav .dropdown-menu .nav-link.active,
body[data-trp-menubar=purple] .topnav .navbar-nav .dropdown-menu .nav-link.active,
body[data-trp-menubar=dark] .topnav .navbar-nav .dropdown-menu .nav-link.active {
    color: var(--bs-menu-item-active-color);
}

/* .topnav .navbar-nav .dropdown-menu .nav-item .nav-link.active { */
body[data-trp-menubar=light_blue] .topnav .navbar-nav .nav-link.active {
    color: red;
}

/* var(--bs-menu-item-color) */

body[data-trp-menubar=light_blue] #sidebar-menu ul li a,
body[data-trp-menubar=green] #sidebar-menu ul li a,
body[data-trp-menubar=red] #sidebar-menu ul li a,
body[data-trp-menubar=purple] #sidebar-menu ul li a,
body[data-trp-menubar=dark] #sidebar-menu ul li a {
    color: rgba(255, 255, 255, .6);
}

body[data-trp-menubar=dark] #sidebar-menu ul li a i,
body[data-trp-menubar=light_blue] #sidebar-menu ul li a i,
body[data-trp-menubar=green] #sidebar-menu ul li a i,
body[data-trp-menubar=red] #sidebar-menu ul li a i,
body[data-trp-menubar=purple] #sidebar-menu ul li a i {
    color: rgba(255, 255, 255, .6);
}

body[data-trp-menubar=dark] #sidebar-menu ul li ul.sub-menu li a,
body[data-trp-menubar=light_blue] #sidebar-menu ul li ul.sub-menu li a,
body[data-trp-menubar=green] #sidebar-menu ul li ul.sub-menu li a,
body[data-trp-menubar=red] #sidebar-menu ul li ul.sub-menu li a,
body[data-trp-menubar=purple] #sidebar-menu ul li ul.sub-menu li a {
    color: rgba(255, 255, 255, .5);
}

body[data-trp-menubar=dark] #sidebar-menu ul li.mm-active a,
body[data-trp-menubar=light_blue] #sidebar-menu ul li.mm-active a,
body[data-trp-menubar=green] #sidebar-menu ul li.mm-active a,
body[data-trp-menubar=red] #sidebar-menu ul li.mm-active a,
body[data-trp-menubar=purple] #sidebar-menu ul li.mm-active a {
    color: rgb(255, 255, 255) !important;
}

body[data-trp-menubar=dark] #sidebar-menu ul li a.mm-active,
body[data-trp-menubar=light_blue] #sidebar-menu ul li a.mm-active,
body[data-trp-menubar=green] #sidebar-menu ul li a.mm-active,
body[data-trp-menubar=red] #sidebar-menu ul li a.mm-active,
body[data-trp-menubar=purple] #sidebar-menu ul li a.mm-active {
    color: rgb(255, 255, 255) !important;
}

body[data-trp-menubar=dark] #sidebar-menu ul li a.mm-active i,
body[data-trp-menubar=light_blue] #sidebar-menu ul li a.mm-active i,
body[data-trp-menubar=green] #sidebar-menu ul li a.mm-active i,
body[data-trp-menubar=red] #sidebar-menu ul li a.mm-active i,
body[data-trp-menubar=purple] #sidebar-menu ul li a.mm-active i {
    color: rgb(255, 255, 255) !important;
}

body[data-trp-menubar=dark] #sidebar-menu ul li.mm-active a i,
body[data-trp-menubar=light_blue] #sidebar-menu ul li.mm-active a i,
body[data-trp-menubar=green] #sidebar-menu ul li.mm-active a i,
body[data-trp-menubar=red] #sidebar-menu ul li.mm-active a i,
body[data-trp-menubar=purple] #sidebar-menu ul li.mm-active a i {
    color: rgb(255, 255, 255) !important;
}

body[data-trp-menubar=dark] #sidebar-menu ul li ul.sub-menu li.mm-active a.active,
body[data-trp-menubar=light_blue] #sidebar-menu ul li ul.sub-menu li.mm-active a.active,
body[data-trp-menubar=green] #sidebar-menu ul li ul.sub-menu li.mm-active a.active,
body[data-trp-menubar=red] #sidebar-menu ul li ul.sub-menu li.mm-active a.active,
body[data-trp-menubar=purple] #sidebar-menu ul li ul.sub-menu li.mm-active a.active {
    color: rgb(255, 255, 255) !important;
}

body[data-trp-menubar=dark] #sidebar-menu ul li ul.sub-menu li.mm-active a {
    color: #556ee6 !important;
}

body[data-trp-menubar=dark] #sidebar-menu ul li ul.sub-menu li.mm-active a i {
    color: #556ee6 !important;
}

body[data-trp-menubar=light_blue] #sidebar-menu ul li ul.sub-menu li.mm-active a i,
body[data-trp-menubar=green] #sidebar-menu ul li ul.sub-menu li.mm-active a i,
body[data-trp-menubar=red] #sidebar-menu ul li ul.sub-menu li.mm-active a i,
body[data-trp-menubar=purple] #sidebar-menu ul li ul.sub-menu li.mm-active a i {
    color: rgb(255, 255, 255) !important;
}

/* COLORED MENUBAR */
body[data-trp-topbar=dark] #page-topbar {
    background: var(--bs-header-dark-bg);
}

body[data-trp-topbar=light] #page-topbar {
    background: var(--trp-color-light);
}

body[data-trp-topbar=light_blue] #page-topbar {
    background: var(--trp-color-lightblue);
}

body[data-trp-topbar=green] #page-topbar {
    background: var(--trp-color-green);
}

body[data-trp-topbar=red] #page-topbar {
    background: var(--trp-color-red);
}

body[data-trp-topbar=purple] #page-topbar {
    background: var(--trp-color-purple);
}

/* body[data-layout=horizontal][data-topbar=colored] .header-item {
    color: var(--bs-header-dark-item-color);
} */

body[data-trp-topbar=light_blue] .header-item,
body[data-trp-topbar=green] .header-item,
body[data-trp-topbar=red] .header-item,
body[data-trp-topbar=purple] .header-item,
body[data-trp-topbar=dark] .header-item {
    color: var(--bs-header-dark-item-color);
}


body[data-trp-topbar=light_blue] .header-item i,
body[data-trp-topbar=green] .header-item i,
body[data-trp-topbar=red] .header-item i,
body[data-trp-topbar=purple] .header-item i,
body[data-trp-topbar=dark] .header-item i {
    color: var(--bs-header-dark-item-color);
}


.btn-group-sm>.btn,
.btn-sm {
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.7109375rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm);
}

/* .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 1.5;
    font-size: 1rem;
    padding: 0;
    padding-left: .75rem;
} */

.select2-container .select2-selection {
    width: 100%;
    min-height: calc(1.5em + .75rem + 2px);
    padding: 0 .75rem !important;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.col-form-label label {
    margin-bottom: 0;
}

.trp-datatable-head-start .trp-datatable-select {
    min-width: 50px;
}

.trp-table {
    border: 1px solid var(--bs-border-color);
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.trp-table tbody tr td {
    padding: 0.5rem 0.6rem;
}

#sidebar-menu li.sidebar-item.active a {
    color: #556ee6 !important;
}

#sidebar-menu li.sidebar-item.active a i {
    color: #556ee6 !important;
}

.trp-form-radio .material-inputs[type=radio] {
    border-radius: 50%;
}

.trp-form-radio .material-inputs {
    float: left;
    margin-left: -1.5em;
}

.trp-form-radio .material-inputs {
    position: relative;
}

.form-check,
.material-inputs,
.form-check-label {
    cursor: pointer;
    margin-bottom: 0;
}

.trp-form-radio .material-inputs:checked {
    padding: 1px;
    background-image: linear-gradient(to bottom, var(--trp-color-lightblue) 0%, var(--trp-color-lightblue) 100%),
        linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%);
    background-clip: content-box, padding-box;
}

.trp-form-radio .material-inputs {
    --bs-form-check-bg: var(--bs-secondary-bg);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-form-check-bg);
    background-image: var(--bs-form-check-bg-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: var(--bs-border-width) solid var(--bs-border-color-translucent);
    print-color-adjust: exact;
    -webkit-transition: background-color .15s ease-in-out, background-position .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, background-position .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, background-position .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, background-position .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}