#timesheet-content-container {
    padding: 20px;
    background-color: #fafafa;
    min-height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

#timesheet-content {
    padding: 20px;
    background: #fafafa;
    display: flex;
    justify-content: center;
    flex-direction: column;
    overflow-x: scroll;
    min-width: 1000px;
}

.timesheet-content-small 
{
    max-width: 1000px;
}


.dx-datagrid-borders > .dx-datagrid-headers {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.dx-datagrid-borders > .dx-datagrid-total-footer,
.dx-datagrid-borders > .dx-datagrid-filter-panel {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
} 


.dx-theme-accent-as-background-color {
    background-color: #1B2A41 !important;
    fill: #1B2A41 !important;
}

.container-fluid {
    --bs-gutter-x: 0;
}

.dx-treeview-node {
    padding-left: 0px;
}

.dx-treeview-toggle-item-visibility::before {
    color: #FFF;
}
/*Dwe bg color*/
.dx-theme-material-typography .dx-swatch-additional, .dx-theme-material-typography.dx-swatch-additional {
    background-color: var(---1b2a41-bar);
    color: #FFF;
}
.dx-theme-material-typography h4 {
    font-size: 34px;
    letter-spacing: .25px;
    margin: 10px;
}
.timesheet-header-toolbar {
    background-color: #FFF;
    position: relative;
    z-index: 9999;
    color: var(---1b2a41-bar);
}
.timesheet-header-sub_toolbar {
    background-color: #FFF;
    color: var(---1b2a41-bar);
    position: relative;
    z-index: 99999999;
    margin-bottom: 5px;
    height: 40px !important;
}

.timesheet-header-sub_toolbar> .dx-toolbar-items-container
{
    height: 40px !important;
}

.dx-toolbar-after {
    right: 10px;
}
.menu-container .dx-state-hover {
    background-color: var(---1b2a41-bar) !important;
}

/* Alert banner */
.ts-alert {
    padding: 12px;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.ts-alert-info {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}

.ts-alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.ts-alert-warning {
    color: #721c24;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

/* Pils */

.ts-pil {
    padding-left: 0.6rem;
    padding-right: 0.6rem;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    border: 1px solid transparent;
    border-radius: 10rem;
}

.ts-pil-green {
    color: #004085;
    background-color: #d1e7dd;
    border-color: #a3cfbb;
}

.ts-pil-blue {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}

.ts-pil-red {
    color: #721c24;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

/* Drawer */
.dx-drawer-wrapper {
    min-height: 100vh;
    
}

.dx-drawer-shrink .dx-drawer-wrapper {
    background: #fafafa !important;
}

.ts-drawer-logo {
    width: 100%
}

#content-header {
    display: flex;
    flex: 1;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
}

#profile_button
{
    border: none;
}

#setting-form
{
    min-width: 800px;
}

.ts-white-box {
    width: 840px;
    padding: 18px 30px;
    background-color: #fff;
    box-shadow: 0 1px 3px #3333331f,0 1px 2px #3333333d;
    border-radius: 16px
}

.ts_user_img
{
    width: 145px;
    border-radius: 100%;
}
.ts_user_image
{
    background-color: red;
}

.ts-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 10px;
    margin-bottom: 10px;
}

.ts-row >.ts-col {
    flex: 1;
}

.ts-row > .ts-col1 {
    flex: 0 0 calc((1/10) * 100);
}

.ts-row > .ts-col2 {
    flex: 0 0 calc((2/10) * 100);
}

.ts-row > .ts-col3 {
    flex: 0 0 calc((3/10) * 100);
}
.ts-row > .ts-col4 {
    flex: 0 0 calc((4/10) * 100);
}
.ts-row > .ts-col5 {
    flex: 0 0 calc((5/10) * 100);
}
.ts-row > .ts-col6 {
    flex: 0 0 calc((6/10) * 100);
}

.ts-row > .ts-col7 {
    flex: 0 0 calc((7/10) * 100);
}

.ts-row > .ts-col8 {
    flex: 0 0 calc((8/10) * 100);
}
.ts-row > .ts-col9 {
    flex: 0 0 calc((9/10) * 100);
}
.ts-row > .ts-col10 {
    flex: 0 0 calc((10/10) * 100);
}

.ts-row > div {
    flex: 1;
    margin: 0 10px;
}

.ts-row > div:first-child {
    margin-left: 0px;
}

.ts-row > div:last-child {
    margin-right: 0px;
}

.content-table
{
    display: flex;
    width: 100%;
}

.header_content_right_btn {
    display: flex;
    align-content: initial;
    flex-direction: row;
    justify-content: flex-end;
}

.header_content_left_title {
    font-size: 26px;
    font-weight: 600;
}
.dx-filemanager {
    height: 100%
}
.dx-filemanager-toolbar > .dx-toolbar {
    box-shadow: unset;
}
.dx-filemanager-dirs-panel {
    background-color: #fff;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #41a7f2;
    color: #fff;
}
#timesheet_common_clone_day_popup {
    z-index: 9999999 !important;
}