:root {
    --primary-gradient: linear-gradient(225deg, #0f8033 0%, #2f8033 100%) !important;
    --primary: #2f8033 !important;
    --primary-light: #03a416 !important;
    --primary-light-gradient: linear-gradient(180deg, rgba(60,163,72,1) 57%, rgba(41,144,46,1) 68%) !important;
}

#header {
    background: var(--primary-gradient) !important;
    border-color: #2f8033 #2f8033 #2f8033;
    padding-block: .5em;
}

#main_menu li.sub a.selected:link, #main_menu li.sub a.selected:visited, #main_menu li.sub a.selected:hover, #main_menu li.sub a.selected:active#main_menu li.sub a.selected:link, #main_menu li.sub a.selected:visited, #main_menu li.sub a.selected:hover, #main_menu li.sub a.selected:active {
    background-color: var(--primary);
}

#main_menu li.selected .submenu {
    background: var(--primary);
}

#main_menu a.selected:link, #main_menu a.selected:visited, #main_menu a.selected:hover, #main_menu a.selected:active {
    background: var(--primary);
}

#main_menu a:hover, #main_menu li:hover a {
    background: var(--primary);
}

h3 {
    background: var(--primary);
}

.ui-widget-header {
    background: var(--primary-light-gradient) !important;
    /*border-color:*/
}

table thead tr {
    background-color:var(--primary) !important;
    background-image:var(--primary-light-gradient);
}

table.tablesorter thead tr .header {
    background-color: var(--primary) !important;
    background-image: var(--primary-light-gradient) !important;
}

.sub-filter-wrapper {
    background-color: var(--primary) !important;
}

.sub-filter-wrapper .textSearch {
        padding:1em !important;
}

.table_wrapper th {
    font-size: 16px;
    line-height: 32px;
    text-align: left;
    color: #000;
    background: var(--primary) !important;
}

.table_wrapper th span {
   background: transparent !important;

}

.table_wrapper th span span {
   border-color:var(--primary-light);
    
}

.table_wrapper th span span a {
   color: #ffffff !important;
}

#jqeasypanel {
    background: var(--primary-gradient);
}