.f-widget-content {
    border-color: #e0e0e0;
    background-color: #fff;
    color: #444;
}
.f-widget-content a {
    color: #444;
}
.f-widget-header {
    border-color: #eeeeee;
}

.f-messagebox .f-widget-header {
    /*color: #444;*/
}

.f-state-default,
.f-widget-content .f-state-default,
.f-widget-header .f-state-default {
    border-color: #c5c5c5;
    background-color: #fff;
    color: #444;
}

.f-state-default.f-toolbar,
.f-widget-content .f-state-default.f-toolbar {
    background-color: #ffffff;
}

.f-state-default a,
.f-state-default a:link,
.f-state-default a:visited {


}

.f-state-focus,
.f-widget-content .f-state-focus
,.f-widget-header .f-state-focus
{
    /*border-color: #9FD8FF;*/
    /*background-color: #e2eff8;*/
    /*color: #000;*/
}



input.f-state-focus,
textarea.f-state-focus,
input.f-widget-content.f-state-focus,
textarea.f-widget-content.f-state-focus,
input.f-widget-content .f-state-focus,
textarea.f-widget-content .f-state-focus{
    border-color: transparent;
    background-color: var(--publicWhite);
    color: #000;
}

.f-state-hover a,
.f-state-hover a:hover,
.f-state-hover a:link,
.f-state-hover a:visited,
.f-state-focus a,
.f-state-focus a:hover,
.f-state-focus a:link,
.f-state-focus a:visited {


}
.f-state-active,
.f-widget-content .f-state-active,
.f-widget-header .f-state-active {
    /*border-color: #006cbb;*/
    /*background-color: #A2D1F2;*/
    /*color: #000;*/
}
.f-state-active a,
.f-state-active a:link,
.f-state-active a:visited {


}


.f-state-highlight,
.f-widget-content .f-state-highlight,
.f-widget-header .f-state-highlight {
    border-color: #1677ff;
    background-color: #fff;
    color: #000;
}
.f-state-highlight a,
.f-widget-content .f-state-highlight a,
.f-widget-header .f-state-highlight a {

}
.f-state-error,
.f-widget-content .f-state-error,
.f-widget-header .f-state-error {
    border-color: #ffa8a8;
    background-color: #fff8f8;
    color: #000;
}
.f-state-error a,
.f-widget-content .f-state-error a,
.f-widget-header .f-state-error a {

}
.f-state-error-text,
.f-widget-content .f-state-error-text,
.f-widget-header .f-state-error-text {
    color: #000;
}
.f-state-disabled,
.f-widget-content .f-state-disabled,
.f-widget-header .f-state-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
    background-image: none;
}
.f-state-disabled .f-icon {
    filter: alpha(opacity=40);
}


.f-icon,
.f-widget-content .f-icon {
    color: #333333;
}
.f-widget-header .f-icon {
    /*color: #eee;*/
}
.f-state-default .f-icon {
    color: #444;
}
.f-state-hover .f-icon,
.f-state-focus .f-icon {
    color: #444;
}
.f-state-active .f-icon {
    color: #444;
}
.f-state-highlight .f-icon {
    color: #444;
}

.f-state-error .f-icon,
.f-state-error-text .f-icon {
    color: #ff6c6c;
}



/* Corner radius */
.f-corner-all,
.f-corner-top,
.f-corner-left,
.f-corner-tl {
    border-top-left-radius: 0;
}
.f-corner-all,
.f-corner-top,
.f-corner-right,
.f-corner-tr {
    border-top-right-radius: 0;
}
.f-corner-all,
.f-corner-bottom,
.f-corner-left,
.f-corner-bl {
    border-bottom-left-radius: 0;
}
.f-corner-all,
.f-corner-bottom,
.f-corner-right,
.f-corner-br {
    border-bottom-right-radius: 0;
}


/* CheckBox - RadioButton */
.f-checkbox.f-checked,
.f-checkbox.f-checkbox-indeterminate {
    background-color: #1677ff;
    border-color: #1677ff;
}
.f-radiobutton:after {
    background-color: #1677ff;
}
.f-radiobutton.f-checked {
    border-color: #1677ff;
}

.f-state-focus.f-checkbox,
.f-state-focus.f-radiobutton {
    border-color: #1677ff;
}
.f-state-focus.f-checkbox.f-checked {
    border-color: #1677ff;
    background-color: #1677ff;
}
.f-state-focus.f-radiobutton.f-checked {
    border-color: #1677ff;
}
.f-state-focus.f-radiobutton.f-checked:after {
    background-color: #1677ff;
}

.f-menu-item-icon.f-menu-radiobutton.f-checked {
    color: #1677ff;
}


.f-field-checkbox-switch.f-checked {
    background-color: #1677ff;
    border-color: #1677ff;
}
.f-state-focus.f-field-checkbox-switch.f-checked {
    background-color: #1677ff;
    border-color: #1677ff;
}

.f-state-focus.f-field-checkbox-switch {
    background-color: #bbb;
    border-color: #bbb;
}





/* Special - Hover style for header */
.f-widget-header .f-state-focus {
    /*border-color: #65AEE3;*/
    /*background-color: #65AEE3;*/
    /*color: #fff;*/
}


.f-widget-header .f-state-focus .f-icon {
    /*color: #fff;*/
}




/* FineUIPro CSS */
.f-tabstrip-plain > .f-panel-bodyct > .f-panel-body,
.f-tabstrip-plain > .f-panel-header,
.f-tabstrip-plain > .f-panel-header .f-panel-tools,
.f-tabstrip-bordercolor .f-tab-header {
    border-color: #006cbb;
}
.f-tabstrip-plain > .f-panel-bodyct > .f-panel-bodyct > .f-toolbar {
    border-left-color: #006cbb;
    border-right-color: #006cbb;
}
.f-tabstrip-plain.f-tabstrip-header-top  > .f-panel-header .f-tabstrip-scroller,
.f-tabstrip-plain.f-tabstrip-header-right  > .f-panel-header .f-tabstrip-scroller {
    border-bottom-color: #006cbb;
}
.f-tabstrip-plain.f-tabstrip-header-bottom  > .f-panel-header .f-tabstrip-scroller,
.f-tabstrip-plain.f-tabstrip-header-left  > .f-panel-header .f-tabstrip-scroller {
    border-top-color: #006cbb;
}
.f-tab-header.f-state-active {
    background-color: #fff;
    color: #000;
}

.f-tabstrip-header .f-tab-header.f-state-active:after {
    background-color: #fff;
}
.f-tab-header.f-state-active .f-icon {
    color: #303030;
}
.f-tabstrip-header .f-tabstrip-header-inkbar {
    background-color: #1677ff;
}
.f-tabstrip-inkbar > .f-tabstrip-header .f-tab-header.f-state-active {
    background-color: #1677ff;
    color: #fff;
}
.f-tabstrip-inkbar > .f-tabstrip-header .f-tab-header.f-state-active .f-icon {
    color: #fff;
}

.f-tree-cell-text,
.f-menu-item-text {
    color: #444;
}
.f-tree-node.f-widget-header .f-tree-cell-text,
.f-tree-node.f-widget-header .f-tree-cell-icon {
    color: #fff;
}
.f-tree-node.f-widget-header.f-state-hover,
.f-tree-node.f-widget-header.f-state-active {
    background-color: #1677ff;
}


.f-panel {
    border-color: #e0e0e0;
    border-radius: 8px;
}

.f-panel {
    border-color: #e0e0e0;
    border-radius: 8px;
}

.f-tabstrip.f-panel,
.f-tabstrip-body>.f-panel {
    border-radius: unset;
}

.f-grouppanel {
    border-color: #c5c5c5;
}

.f-grid-selectedcell-border {
    border-color: #A4C0D5 !important;
}

.f-mainheader {
    background-color: #2d7db7;
}
.f-widget-header.f-subheader {
}
.f-menu {
    padding: 0;
}
.f-menu-item-inner {
    border-width: 0;
    padding: 1px 5px;
}
.f-field-ddlpop {
    padding: 0;
}
.f-field-ddlpop-item {
    border-width: 0;
    padding: 5px 10px;
}



.f-grid-colheader,
.f-grid-colheader-trigger {
    border-color: #c5c5c5 !important;
}


.f-tree-headerstyle .f-panel-body {
    background-color: #1677ff;
}
.f-tree-headerstyle .f-tree-node.f-widget-header .f-tree-cell-inner,
.f-tree-minimode-item-inner {
    border-color: #1677ff;
}

.f-toolbar-buttonplain,
.f-toolbar-buttonplain .f-buttongroup .f-btn:after {
    border-color: #1677ff !important;
}

/* Special - MessageBoxIcon */
.f-messagebox-icon.f-messageicon-information,
.f-messagebox-icon.f-messageicon-question {
    color: #1677ff;
}

body.f-body-bgcolor {
    background-color: #f3f3f3;
}

.f-grid-row.f-grid-row-newadded > .f-grid-cell:first-child > .f-grid-cell-inner:after {
    color: #1677ff;
}



.f-grid-show-selected-cell .f-grid-cell-selected {
    background-color: #92c1e2;
    color: #000;
}
.f-grid-show-selected-cell .f-grid-cell-selected .f-icon {
    color: #888;
}

.mainpanel .sidebarregion .leftregion,
.mainpanel .bodyregion .centerregion {
    border-width: 0;
}
.mainpanel .bodyregion .centerregion .f-tabstrip-header {
    border-width: 0;
}

.f-progressbar .f-progressbar-value {
    background-color: #1677ff;
}
.f-progressbar-outer.f-progressbar-text-inside .f-progressbar-text {
    color: #fff;
}

.f-rate .f-rate-star.f-rate-star-half .f-rate-star-first .f-rate-star-icon,
.f-rate .f-rate-star.f-rate-star-full .f-rate-star-first .f-rate-star-icon,
.f-rate .f-rate-star.f-rate-star-full .f-rate-star-second .f-rate-star-icon {
    color: #1677ff;
}


:root{
    --pureColor:#1677FF;
    --pureLightColor:#D0E4FF;
    --publicWarn:#FA5151;
    --publicConfirm:#00B578;
    --publicBlack:#000000;
    --publicGrey:#666666;
    --publicWhite:#FFFFFF;
}