afx-app-window div.afx-window-wrapper{
    border:1px solid var(--border-primary);
    box-shadow: 0px 3px 6px 0px var(--shadow-primary);
    border-radius: 0px;
    background-color:var(--background-primary);
}
afx-app-window.unactive > div.afx-window-wrapper{
    box-shadow: none;
}

afx-app-window ul.afx-window-top{
    border-bottom: 1px solid var(--border-primary);
}

afx-app-window ul li.afx-window-title{
    text-align: left;
}

afx-app-window div.afx-window-content
{
    background-color: var(--background-secondary);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
afx-app-window ul.afx-window-top button:hover
{
    background-color: var(--background-secondary);
    color: var(--text-primary);
}

afx-button button{
    border: 1px solid var(--border-primary);
    background-color: var(--background-tertiary);
    color: var(--text-primary);
    border-radius: 3px;
    font-family: "Ubuntu";
}


afx-button button[disabled]{
    color: var(--text-disable);
}

afx-button button:active, afx-button button.btactive {
    background-color: var(--item-bg-active);
    color: var(--text-tertiary);
    border: 1px solid var(--border-secondary);
}
afx-calendar-view  div{
    text-align: center;
}

afx-calendar-view > div afx-label i{
    font-weight: bold;
}

afx-calendar-view  afx-button button,
afx-calendar-view afx-button button:active,
afx-calendar-view afx-button button.btactive
{
    border: 0;
    background-color: transparent;
}

afx-calendar-view afx-button button:active,
afx-calendar-view afx-button button.btactive
{
    color: var(--item-bg-active);
}

afx-calendar-view afx-grid-view afx-grid-row.afx-grid-row-selected afx-grid-cell
{
    background-color: transparent;
}
afx-calendar-view afx-grid-view  afx-grid-row.afx-grid-row-selected afx-grid-cell
{
    color:var(--text-primary);
}
afx-calendar-view afx-grid-view  afx-grid-row.afx-grid-row-selected afx-grid-cell.afx-grid-cell-selected
{
    background-color: var(--item-bg-active);
    color:var(--text-tertiary);
    border-radius: 6px;
}


afx-color-picker canvas.color-palette, afx-color-picker div.color-sample{
    border: 1px solid var(--border-primary);
    /*border-radius: 3px;*/
}
afx-apps-dock{
    background-color:var(--background-primary);
    padding:0;
    padding-top: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-left:1px solid var(--border-primary);
    border-right:1px solid var(--border-primary);
    box-shadow: none;
}

afx-apps-dock afx-button > button:hover {
    background-color: var(--item-bg-hover);
}
afx-apps-dock afx-button.plural > button:hover
{
    border-top: 3px double var(--border-quaternary);
}
afx-apps-dock afx-button.selected > button {
    background-color: var(--background-tertiary);
    color: var(--text-primary);
    border: 0;
    border-bottom: 2px solid var(--border-tertiary);
}
afx-apps-dock afx-button.plural.selected > button {
    border-top: 3px double var(--border-quaternary);
}
afx-file-view afx-label.status{
    background-color: var(--background-tertiary);
    border-top: 1px solid var(--border-primary);

}
afx-file-view afx-list-view > div.list-container > ul  li{
    background-color: transparent;
}
/*
afx-file-view afx-list-view > div.list-container > ul .afx-list-item:nth-child(even) li {
    background-color: transparent;
}*/
afx-file-view afx-list-view i.dir:before{
    content: "\f07b"; 
    font-family: "FontAwesome";
    font-size: 35px;
    color: var(--icon-tertiary);
    font-weight: normal;
    font-style: normal;
}
afx-file-view afx-list-view i{
    width: 100%;
    margin-left: 3px;
}


afx-file-view afx-list-view i.file:before{
    content: "\f016"; 
    font-family: "FontAwesome";
    font-size: 30px;
    color: var(--text-primary);
    font-style: normal;
    font-weight: normal;
}

afx-file-view afx-list-view > div.list-container > ul > .afx-list-item > li.selected,
afx-file-view afx-list-view > div.list-container > ul > .afx-list-item > li.selected i.dir::before
{
    background-color: var(--item-bg-active);
    color:var(--text-tertiary);
    border-radius: 6px;
}

afx-file-view afx-grid-view{
    padding:0;
}
afx-file-view afx-grid-view i.file:before{
    content: "\f016"; 
    font-family: "FontAwesome";
    color: var(--text-primary);
    font-style: normal;
    font-weight: normal;
}
afx-file-view afx-grid-view i.dir:before{
    content: "\f07b"; 
    font-family: "FontAwesome";
    color: var(--icon-tertiary);
    font-style: normal;
    font-weight: normal;
}
afx-file-view afx-grid-view i{
    margin-right: 5px;
}
afx-file-view afx-grid-view afx-grid-row.afx-grid-row-selected  i:before{
    color:var(--text-tertiary);
}

afx-file-view afx-tree-view .afx-tree-view-folder-close:before{
    content: "\f07b"; 
    font-family: "FontAwesome";
    color:var(--icon-tertiary);
}
afx-file-view afx-tree-view .afx-tree-view-folder-open:before{
    content: "\f07c"; 
    font-family: "FontAwesome";
    color:var(--icon-tertiary);
}

afx-file-view afx-tree-view .afx-tree-view-item:before{
    content: "\f016"; 
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
}

afx-file-view afx-tree-view div.afx_tree_item_selected, afx-file-view afx-tree-view div.afx_tree_item_selected:hover{
    background-color: transparent;
}

afx-file-view afx-tree-view div.afx_tree_item_selected ul{
    background-color: var(--item-bg-active);
    color:var(--text-tertiary);
    border-radius: 0;
    
}
afx-file-view afx-tree-view div.afx_tree_item_selected i:before,
afx-file-view afx-tree-view div.afx_tree_item_selected .afx-tree-view-folder-close:before,
afx-file-view afx-tree-view div.afx_tree_item_selected .afx-tree-view-folder-open:before
{
    color:var(--text-tertiary);
}

afx-file-view afx-tree-view .afx_folder_item{
    font-weight: normal;
}
/*afx-grid-view afx-grid-row:nth-child(even) afx-grid-cell
{
    background-color: var(--item-bg-even);
}

afx-grid-view afx-grid-row:nth-child(odd) afx-grid-cell
{
    background-color: var(--item-bg-odd);
}

afx-grid-view .grid_content_container {
    background-color: var(--background-tertiary);
}
*/
afx-grid-view afx-grid-row.afx-grid-row-selected afx-grid-cell
{
    background-color: var(--item-bg-active);
    color:var(--text-tertiary);
}
afx-grid-view afx-grid-row.gridview-nav-focus afx-grid-cell
{
    background-color: var(--item-bg-hover);
}
afx-grid-view afx-grid-row.afx-grid-row-selected afx-grid-cell.afx-grid-cell-selected
{
    font-weight: normal;
}


afx-grid-view .grid_row_header afx-grid-cell{
    border:0;
}

afx-grid-view afx-grid-row.grid_row_header div{
    border-top:1px solid var(--border-quaternary);
}


afx-grid-view afx-resizer.horizontal{
    background-color: transparent;
    border-left: 1px solid var(--border-primary);
    border-right: 1px solid var(--border-primary);
    /* border-left: 1px solid #cbcbcb; */
}

afx-grid-view .grid_row_header afx-grid-cell{
    background-color: var(--background-secondary);
    border-top: 1px solid var(--border-primary);
    /*border-right: 1px solid #262626;*/
    border-bottom: 1px solid var(--border-primary);
}
afx-input afx-label
{
    font-size: 13px;
    color: var(--text-secondary);
    background-color: var(--background-tertiary);
}

afx-input input,
afx-input textarea
{
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid var(--border-primary);
    background-color: var(--background-tertiary);;
}
afx-input input:focus,
afx-input textarea:focus
{
    border-bottom: 1px solid var(--border-tertiary);
}
afx-label  i.icon-style {
    width: 16px;
    height: 16px;
}
/*
afx-list-view  > div.list-container > ul  li{
    background-color: var(--background-tertiary);
}

afx-list-view > div.list-container > ul .afx-list-item:nth-child(even) li{
    background-color:var(--item-bg-even);
}
afx-list-view > div.list-container > ul .afx-list-item:nth-child(odd) li{
    background-color:var(--item-bg-odd);
}
*/
afx-list-view  i.closable:before{
    color: var(--icon-secondary);
}
afx-list-view.dropdown > div.list-container > ul  li:hover{
    background-color: var(--item-bg-hover);
}
afx-list-view > div.list-container > ul >  .afx-list-item li.selected{
    background-color: var(--item-bg-active);
    color:var(--text-tertiary);
}

afx-list-view.dropdown > div.list-container > ul{
    border:1px solid var(--border-primary);
    box-shadow: 0px 3px 6px 0px var(--shadow-primary);
    border-radius: 3px;
    background-color: var(--background-secondary);
    border-top-left-radius: 0px;
}
afx-list-view.dropdown div.list-container > div > afx-label
{
    border:1px solid var(--border-primary);
    border-radius: 3px;
    background-color: var(--background-tertiary);
}
afx-list-view.dropdown {
    color: var(--text-primary);
    background-color: transparent;
}

afx-list-view ul.complex-content{
    padding: 0;
    margin: 0;
    background-color: transparent;
}
afx-list-view ul.complex-content li{
    padding:0;
    background-color: transparent;
    color:var(--text-disable);
    list-style: none;
}
afx-list-view  > div.list-container > ul  li.selected ul.complex-content li{
    color:var(--text-tertiary);
}
afx-list-view  div.button_container afx-button{
    margin-right: 2px;
}
afx-list-view  div.button_container afx-button button{
    border-radius: 0;
}
afx-list-view .afx-list-item li afx-label.description
{
    font-size: 13px;
    padding-left: 10px;
}

afx-list-view  > div.list-container > ul > .listview_nav_focus > li{
    background-color: var(--item-bg-hover);
}


afx-toast-notification div[data-id="toast_container"] div[data-id="toast_header"]::before
{
    font-family: "bootstrap-icons";
    content: "\F62A";
    font-size: 20px;
}

afx-toast-notification div[data-id="toast_container"] div[data-id="toast_header"]:hover
{
    color: var(--text-warning);
}

afx-toast-notification div[data-id="toast_container"]
{
    box-shadow: 0px 3px 6px 0px var(--shadow-primary);
    border:1px solid var(--border-primary);
    background-color:var(--item-bg-even);
    border-radius: 6px;
}

afx-nspinner ul li{
    border: 1px solid var(--border-primary);
}

afx-nspinner ul li.incr{
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}


afx-nspinner ul li.decr{
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

afx-nspinner ul li:hover{
    color:var(--item-bg-active);
}
afx-overlay {
    background-color: var(--background-overlay);
}

afx-resizer[dir='column'] {
    background-color: transparent;
    border-top: 1px solid var(--border-primary);
    cursor: row-resize;
}
afx-resizer[dir='row']  {
    background-color: transparent;
    border-left: 1px solid var(--border-primary);
    cursor: col-resize;
}

afx-resizer[dir='row']:hover,
afx-resizer[dir='column']:hover
{
    background-color: var(--item-bg-active);
}

afx-slider div.container{
    border-radius: 3px;
    background-color: var(--background-quaternary);
}

afx-slider div.progress {
    background-color: var(--item-bg-active);
    border-radius: 3px;
}

afx-slider div.dragpoint {
    border:1px solid var(--border-primary);
    background-color:var(--background-quaternary);
}

afx-slider div.dragpoint::before
{
    content: "\f0d7";
    font-family: "FontAwesome";
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    color:var(--text-disable);
    bottom: -15px;
    display: block;
    height: 20px;
}

afx-list-view > div.list-container > ul afx-stack-menu-item.afx-list-item li:hover  {
    background-color: var(--item-bg-hover);
}

afx-list-view > div.list-container > ul afx-stack-menu-item.afx-list-item li.selected afx-switch span:before
{
    color:var(--text-tertiary);
}


afx-list-view > div.list-container > ul > afx-stack-menu-item.afx-list-item > li.selected{
    background-color: var(--item-bg-active);
    color:var(--text-tertiary);
}

afx-stack-menu > afx-button button
{
    border-radius: 0;
}
afx-stack-menu.context {
    border:1px solid var(--border-primary);
    border-radius: 5px;
    border-top-left-radius: 0px;
    box-shadow: 0px 3px 6px 0px var(--shadow-primary);
    background-color: var(--background-secondary);
}
afx-switch span{
    width: 30px;
    height:24px;
    font-size: 24px;
    font-family: "FontAwesome";
}
afx-switch span:before{
    content: "\f204"; 
    font-style: normal;
    font-weight: normal;
}
afx-switch span.swon:before{
    content: "\f205";
    color: var(--item-bg-active);
    font-style: normal;
    font-weight: normal;
}
afx-sys-panel > div{
     background-color: var(--background-secondary);
     border-top: 1px solid var(--border-primary);
     box-shadow: none;
 }

afx-sys-panel .afx-panel-os-menu button
{
    background-color: var(--antos-ant-color);
    border-radius: 0;
    border: 0;
}

afx-sys-panel .afx-panel-os-menu button .label-text
{
    font-weight: bold;
}

afx-sys-panel .afx-panel-os-menu {
    color: var(--text-primary);
}

afx-sys-panel .afx-panel-os-stray button{
    border-radius: 0;
    border: 0;
}
afx-sys-panel afx-overlay
{
    background-color: var(--background-secondary);
    border: 1px solid var(--border-primary);
}
afx-sys-panel afx-list-view[data-id="applist"],
afx-sys-panel afx-tab-bar[data-id="catlist"]
{
    border-top: 1px solid var(--border-primary);
}
afx-sys-panel afx-list-view[data-id="applist"] > div.list-container > ul li
{
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: transparent;
}

afx-sys-panel afx-hbox[data-id="btlist"]  afx-button button
{
    border: 0;
    border-left: 1px solid var(--border-primary);
    border-top: 1px solid var(--border-primary);
    font-size: 24px;
}

afx-sys-panel afx-list-view[data-id="applist"] > div.list-container > ul .afx-list-item li:hover,
afx-sys-panel afx-list-view[data-id="applist"] > div.list-container > ul .listview_nav_focus > li
{
    background-color: var(--antos-ant-color)/*#cecece*/;
    color: var(--text-tertiary);
    border-radius: 10px;
}
afx-sys-panel afx-list-view[data-id="applist"] > div.list-container > ul .afx-list-item li.selected
{
    background-color: var(--item-bg-active);
    color:var(--text-tertiary);
}

afx-sys-panel afx-tab-bar[data-id="catlist"] .afx-list-view i.label-text {
    font-weight: bold;
}

afx-sys-panel afx-list-view[data-id="applist"] afx-label.search-header {
    font-weight: bold;

}

afx-sys-panel div[data-id="searchicon"]:before{
    content: "\f002";
    display: block;
    background-color:transparent;
    color:var(--text-disable);
    font-family: "FontAwesome";
    padding-left:3px;
    font-size: 25px;
}
afx-sys-panel input{
    border:0;
    height: 30px;
    color:var(--text-disable);
    font-size: 16px;
    background-color: transparent;
}

afx-tab-bar[dir="row"] afx-list-view > div.list-container > ul > afx-list-item > li.selected
{
    background-color: var(--background-quaternary);
    color:var(--text-primary);
    border-bottom:2px solid var(--border-tertiary); /* #262626;*/
}

afx-tab-bar[dir="column"] afx-list-view > div.list-container > ul > afx-list-item > li.selected
{
    background-color: var(--background-quaternary);
    color:var(--text-primary);
    border-right:2px solid var(--border-tertiary); /* #262626;*/
}

afx-tree-view div.afx_tree_item_selected{
    background-color: var(--item-bg-active);
    color:var(--text-tertiary);
}
afx-tree-view div.afx_tree_item_selected:hover{
    background-color: var(--item-bg-active);
    color:var(--text-tertiary);
}

afx-tree-view .afx_folder_item{
    font-weight: bold;
}

html,body{
    color: var(--text-primary);
}
#desktop > div > ul afx-list-item {
    color:var(--text-primary);
}

#desktop > div > ul afx-list-item li.selected {
    background-color: var(--item-bg-active);
    color:var(--text-tertiary);
    border-radius: 6px;
}

#desktop > div > ul afx-list-item i.file:before{
    content: "\f15b\a"; 
    font-family: "FontAwesome";
    font-size: 32px;
    display: block;
    color: var(--icon-primary);
    font-style: normal;
    font-weight: normal;
}

#desktop > div > ul afx-list-item i.dir:before{
    display: block;
    content: "\f07b\a"; 
    font-family: "FontAwesome";
    font-size: 32px;
    color: var(--icon-tertiary);
    font-weight: normal;
    font-style: normal;
}

#systooltip {
    border:1px solid var(--border-secondary);
    border-radius: 3px;
    padding-left:3px;
    padding-right:3px;
    box-shadow: none;
    background-color: var(--background-tertiary);
}

input {
    outline: none;
    padding: 2px;
    border: 1px solid var(--border-primary);
    background-color:var(--background-tertiary);
    color: var(--text-primary);
    border-radius: 3px;
    box-sizing: border-box;
}

textarea {
    color: var(--text-primary);
    background-color: var(--background-tertiary);
    outline: none;
    border: 1px solid var(--border-primary);
    box-sizing: border-box;
}

a:link,
a:visited,
a:hover
{
    color: var(--antos-ant-color);
}