:root {
    --themeColor: #3a70a6;
    --topmenuBG: #65a1dc;
    --bodyBG: #F9F9F9;
    --BlackText: #000000;
    --borderTable: #b2b2b2;
    --borderDark: #39618a;
    --tableLN: #65a1dc;
    --lineEven: #eef2ff;
    --lineOdd: #dbe4ff;
    --borderLight: #85b4e4;
    --tableHeadStart: #d2e7fc;
    --tableHeadEnd: #b5cfe9;
    --HeaderStart: #3a70a6;
    --HeaderEnd: #5c9ee0;
    --butField: #c0cbea;
    --HighlightText: #E17009;
}
@media screen {
    H1,
    .calhead
    {color: var(--themeColor);}

    body,
    #popup_container,
    div.editform.ui-widget-content,
    div.editform div.ui-widget-content
    {background-color: var(--bodyBG);}

    body,
    body .ln1,
    body .ln2,
    table.formtable td,
    .name_field,
    body.DASctrlOFF A.DASctrlA,
    body.DASctrlOFF TD.DASctrlA A
    {color: var(--BlackText);}

    table.formtable,
    table.formtable td,
    table.formtable td.name_field,
    table.formtable td.data_field,
    table.formtable td.name_cfield,
    table.formtable td.name_ifield,
    table.formtable td.but_field,
    button.button[disabled]
    {border-color: var(--borderTable);}

    div.loading
    {color: var(--borderDark); background-color: var(--bodyBG); border-color: var(--borderDark);}

    .errors {background-color: var(--lineOdd); color: #E00000;}

    table#headertopmenuline,
    body .ln
    {background-color: var(--tableLN);}

    .name_field,
    table.formtable > tbody > tr > td:first-of-type,
    body .ln_color:nth-child(even of :not(.hidden)),
    body .ln1
    {background-color: var(--lineEven);}

    table.formtable > tbody > tr > td.name_field
    {background-color: var(--lineEven) !important;}

    .adm_menu_head,
    .data_field,
    table.formtable > tbody > tr > td:last-of-type,
    body .ln_color:nth-child(odd of :not(.hidden)),
    body .ln2,
    td.mainactionslist,
    div.suggest_link:hover,
    div.suggest_link.suggest_over
    {background-color: var(--lineOdd);}

    table.formtable > tbody > tr > td.data_field
    {background-color: var(--lineOdd) !important;}

    body tr td.weekend,
    table.dataTable td.sorting_1,
    table.dataTable td.sorting_2,
    table.dataTable td.sorting_3
    {background-color: #4d79ff20;}

    table#headertopmenuline td.toplogo
    {border-color: var(--borderDark); background-color: #3a70a6;}

    table#headertopmenuline div#faketoprow,
    table#headertopmenuline td.topmenu,
    table#headertopmenuline td.toplogin,
    ul.context-menu-list li.context-menu-title
    {background: linear-gradient(to top, var(--HeaderStart), var(--HeaderEnd));}

    ul.context-menu-list
    {border-color: var(--borderDark);}

    .context-menu-list li.context-menu-title
    {color: #FFFFFF;}

    .context-menu-list li.context-menu-item
    {background-color: var(--lineEven);}

    .context-menu-list li.context-menu-item.hover
    {background-color: var(--lineOdd);}

    #search_suggest,
    table#headertopmenuline,
    table#headertopmenuline div.cssdropdownmenu.isStuck,
    table#headertopmenuline tr#menutopline > td > table
    {border-color: var(--borderDark);}

    table#headertopmenuline tr#menudownline > td
    {border-color: var(--borderLight);}

    #menusearch
    {background-color: var(--lineOdd); border-color: var(--borderDark);}

    body.DASctrlON A.DASctrlA:not(:hover),
    body.DASctrlON TD.DASctrlA A:not(:hover)
    {border-color: #0c5aa7; color: #0c5aa7;}

    .ui-datepicker-week-end a.ui-state-default,
    html .xdsoft_dtpicker div.xdsoft_calendar td.xdsoft_weekend
    {border-color: var(--tableHeadEnd); background-color: var(--tableHeadStart); color: var(--HighlightText);}

    table.ui-datepicker-calendar td a.ui-state-hover
    {border-color: #0c5aa7; background-color: var(--tableHeadEnd); color: #0c5aa7;}

    table.ui-datepicker-calendar td.ui-datepicker-today a.ui-state-highlight
    {background: #FBEC88;}

    table.ui-datepicker-calendar td a.ui-state-active
    {border-color: var(--HighlightText); background-color: var(--tableHeadEnd); color: var(--HighlightText);}

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year,
    div.chosen-container-single a.chosen-single,
    div.chosen-container div.chosen-drop,
    div.chosen-container-multi .chosen-choices,
    div.dataTables_length label select,
    div.dataTables_filter input,
    .ui-datepicker-trigger,
    .monthyearpicker,
    .hasdatepicker,
    .hastimepicker,
    .form,
    .frm
    {background-color: var(--lineEven);border-color: var(--borderDark);}

    div.suggest_link
    {background-color: var(--lineEven);}

    .chosen-container-multi .chosen-choices li.search-choice
    {border-color: var(--borderLight);background-color: var(--lineOdd);}

    a,
    .ui-widget-content a,
    table.mainactionlist > tbody > tr > td:first-of-type,
    table.mainactionlist > tbody > tr > td[colspan="2"],
    .name_cfield,
    .name_ifield,
    .adm_menu_head
    {color: #0c5aa7;}

    a:hover,
    .ui-widget-content a:hover,
    #tabBar TD:hover
    {color: var(--HighlightText);}

    .calmonthnames,
    a.submenumobile .rightarrowclass,
    a.submenumobile.subnext::after,
    a.submenuitem .rightarrowclass,
    a.submenuitem.subnext::after,
    table#tblfooter span
    {color: var(--borderDark);}

    .but_field,
    table.formtable > tbody > tr:last-of-type > td[colspan="2"]
    {background-color: var(--butField);}

    table.formtable > tbody > tr > td.but_field
    {background-color: var(--butField) !important;}

    body div.DatatableFooter,
    body div.DatatableToolbar,
    div.ui-widget-header,
    #popup_container #popup_title
    {border-color: var(--borderDark); background: linear-gradient(to top, var(--HeaderStart), var(--HeaderEnd));}

    .xdsoft_dtpicker .xdsoft_monthpicker
    {background: linear-gradient(to top, var(--HeaderStart), var(--HeaderEnd));color: #FFFFFF;}

    .lnnew,
    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default,
    .ui-button,
    table.dataTable th,
    html .ui-button.ui-state-disabled:hover,
    html .ui-button.ui-state-disabled:active,
    html .xdsoft_dtpicker .xdsoft_calendar td,
    html .xdsoft_dtpicker .xdsoft_calendar td.xdsoft_weekend
    {border-color: var(--borderLight);background: linear-gradient(to top, var(--tableHeadStart) , var(--lineOdd) );color: var(--borderDark);}

    table.dataTable th.ui-state-active
    {border-color: var(--HighlightText); color: var(--HighlightText);}

    html .xdsoft_dtpicker div.xdsoft_calendar td.xdsoft_current
    {background: var(--borderLight); color: var(--HighlightText);}

    ul.ui-tabs-nav li.ui-tabs-tab.ui-tab.ui-tabs-active
    {background: linear-gradient(to top, var(--lineOdd) , var(--lineEven) );}

    ul.ui-tabs-nav li.ui-tabs-tab.ui-tab
    {border-color: var(--borderLight);background: linear-gradient(to top, var(--tableHeadStart) , var(--lineOdd) );color: var(--borderDark);}

    #tabBar TD
    {border-color: var(--borderLight);background: linear-gradient(to top, var(--lineEven) , var(--lineOdd) );color: var(--borderDark);}

    .cavTitleDiv
    {background-color: #FFFFFF; color: var(--BlackText); border-color: var(--borderDark);}

    .calcavdiv u,
    .cavtitle u,
    .cavTitleDiv u,
    .isWarnTxt
    {color: #E00000;}

    .calcavdiv u span,
    .cavtitle u span,
    .cavTitleDiv u span,
    .isGoodTxt
    {color: #008C00;}

    .valueautofill
    {background-color: #008C0022 !important;}

    .caldaynames
    { color: #FFFFFF; background-color: var(--tableLN);}

    #calselectworkday,
    .calworkday,
    td.calcell.calselectworkday:not(.calworkday)
    {background-color: var(--tableHeadEnd); color: var(--BlackText);}

    #calselectnotwork,
    .calnotwork:not(.calselectnotwork),
    .calcell.calnotwork:not(.calselectnotwork),
    td.calcell.calselectnotwork:not(.calnotwork)
    {background-color: #c7c7c7;}

    .caldayshort
    {background: #f9ac66;}

    #calselectweekend,
    .calweekend,
    td.calcell.calselectweekend:not(.calweekend)
    {background: #ff9494;}

    #calselectnight,
    .calnight,
    td.calcell.calselectnight:not(.calnight)
    {background-color: #3d3d98; color: white;}

    .caldayoff
    {background: #ff5151;}

    #calselectsick,
    .calsick:not(.calselectsick),
    .calcell.calsick:not(.calselectsick),
    td.calcell.calselectsick:not(.calsick)
    {background-color: #4292e1;}

    #quickTT
    {background-color: var(--HighlightText); border-color: var(--borderDark); color: #FFFFFF;}

    .msgbox_success {color: #008C00;background-color: #b6eeb6;}
    .msgbox_error {color: #E00000;background-color: #ffabab;}

    div.suggest_link dt
    {color: var(--BlackText);}

    div.suggest_link dd
    {color:#E00000;}

    div.suggest_link p,
    div.suggest_link b
    {color:#008C00;}

    input[type="radio"].styled + label::before,
    input[type="checkbox"].styled + label::before
    {border-color: var(--borderDark);background: linear-gradient(to top, var(--HeaderStart), var(--tableHeadStart));}

    input[type="radio"].styled + label:hover::before,
    input[type="checkbox"].styled + label:hover::before
    {border-color: var(--HighlightText);background: linear-gradient(to top, var(--HeaderEnd), var(--tableHeadStart));}

    input[type="radio"].styled + label:hover,
    input[type="checkbox"].styled + label:hover
    {text-decoration-color: var(--HighlightText);}

    table.formtable > tbody > tr.virtualfield > td:first-of-type,
    table.formtable > tbody > tr.virtualfield > td:last-of-type
    {filter: brightness(0.9)}

}