#timesheet_left_nav {
    padding-left: 10px;
    padding-right: 10px;
   
}
 
.dx-overlay-content {
    background-color: #4D4F5C;
}

.dx-drawer-shader {
    background-color: #4D4F5C;
}
    
.dx-drawer-shrink .dx-drawer-panel-content {
    background-color: #4D4F5C;
    height: unset;
}

.menu-container {
    background-color: #4D4F5C;
    box-shadow: 0px 3px 6px #00000029;
    position: fixed;
}



.timesheet_main_nav_menu
{
    position: fixed;
}
.timesheet_nav_item {
    display: flex;
    align-items: center;
    padding: 5px 10px;
    border-radius: 3px;
    text-decoration: none;
    color: #333;
    transition: background-color 0.3s;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 100%;
    border-radius: 10px;
    cursor: pointer;
    margin: 5px 0px 5px 0px;
}


.timesheet_nav_item:hover {
    background-color: #FF5722;
}


.timesheet_nav_icon {
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
    font-size: 20px;
    color: #FFF;
}


.timesheet_nav_title {
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    color: #FFF !important;
}

.timesheet_selected {
    background-color: #FF5722;
    color: #FFF;
}
    
.timesheet_selected:hover {
    background-color: #FF5722;
}

.timesheet_nav_sub_action {
    padding: 0px 20px 0px 20px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 45px;
    vertical-align: central;
    cursor: pointer;
    color: var(---1b2a41-bar);
    font-size: 16px;
}
    
.timesheet_nav_sub_toolbar_action {
    font-size: 16px;
    padding: 0px 10px 0px 10px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    vertical-align: central;
    cursor: pointer;
    color: var(---1b2a41-bar);
}
    
.timesheet_nav_sub_action_active {
    border-bottom: 3px solid #FF5722;
    color: #FF5722;
}
    
    .dx-rtl.dx-toolbar .dx-toolbar-menu-container, .dx-toolbar .dx-toolbar-item {
    max-width: 100% !important;
}
    
#timesheet_nav_subs
{
    display: flex;
}


/* Toolbar */
.dx-toolbar {
    box-shadow: 0 1px 3px #3333331f, 0 1px 2px #3333333d;
}
.dx-toolbar .dx-toolbar-items-container
{
    height: 45px;
}

.timesheet-header-sub_toolbar_action
{
    margin-left: 10px;
    display: flex;
}

.timesheet_page_content {
    
    
}



.dx-popup
{
    position: fixed;
}