/*主题 header字体颜色 start*/
/*主题地铁蓝*/
.f-theme-metro_dark_blue .f-widget-header a,
.f-theme-metro_dark_blue .f-state-default .f-btn,
.f-theme-metro_dark_blue .f-state-default .f-btn .f-icon,
    /*主题地铁深蓝*/
.f-theme-metro_blue .f-widget-header a,
.f-theme-metro_blue .f-state-default .f-btn,
.f-theme-metro_blue .f-state-default .f-btn .f-icon,
    /*主题地铁深蓝*/
.f-theme-metro_gray .f-widget-header a,
.f-theme-metro_gray .f-state-default .f-btn,
.f-theme-metro_gray .f-state-default .f-btn .f-icon{
    color:#303030;
}

/*主题 header底色 end*/

.f-theme-metro_blue .f-widget-header a,
.f-theme-metro_blue .f-state-default .f-btn,
.f-theme-metro_blue .f-state-default .f-btn .f-icon {
    color:#303030;
}


/*主题 header字体 start*/
.f-theme-metro_blue #header .f-widget-header a.f-state-hover,
.f-theme-metro_blue #header .f-widget-header a.f-state-hover{
    color:#FFFFFF;
}


.f-theme-excite_bike #header .f-state-default a, .f-state-default a:link, .f-state-default a:visited{
    color: #222;
}

.f-theme-excite_bike  .f-grid-colheader.f-grid-checkselectionfield .f-grid-checkbox{
    color: #ffffff;
}

.f-theme-excite_bike  #header .f-state-default .f-icon{
    color: #0a82eb;
}

.f-theme-excite_bike #header .f-state-hover .f-icon,
.f-theme-excite_bike #header .f-state-focus .f-icon{
    color: #ffffff;
}

.f-theme-excite_bike #header.f-widget-header .f-state-hover{
    background: #1484e6 url(flexui/images/ui-bg_diagonals-thick_22_1484e6_40x40.png) 50% 50% repeat;
}

.f-theme-excite_bike #header a{
    color: #222;
}
.f-theme-excite_bike #header a.f-state-hover{
    color: #ffffff;
}

.f-theme-humanity #header a ,.f-theme-humanity #header .f-icon{
    color: #ffffff;
}
.f-theme-humanity  #header a.f-state-hover,.f-theme-humanity  #header .f-state-hover .f-icon{
    color: #222;
}


.f-theme-redmond #header a ,.f-theme-redmond #header .f-icon{
    color:#d8e7f3;
}
.f-theme-redmond  #header a.f-state-hover,.f-theme-redmond  #header .f-state-hover .f-icon,
.f-theme-smoothness  #header a.f-state-hover,.f-theme-smoothness  #header .f-state-hover .f-icon{
    color: #ffffff;
}

.f-theme-smoothness #header a ,.f-theme-smoothness #header .f-icon,
.f-theme-south_street #header a ,.f-theme-smoothness #header .f-icon
{
    color:#303030;
}

.f-theme-south_street  #header a.f-state-hover,.f-theme-south_street  #header .f-state-hover .f-icon{
    color: #303030;
}

.f-theme-ui_lightness #header a ,.f-theme-ui_lightness #header .f-icon
{
    color:#ffffff;
}

.f-theme-ui_lightness  #header a.f-state-hover,.f-theme-ui_lightness  #header .f-state-hover .f-icon{
    color: #303030;
}

.f-theme-metro_dark_blue #header a ,.f-theme-metro_dark_blue #header .f-icon,
.f-theme-metro_gray  #header a ,.f-theme-metro_gray #header .f-icon,
.f-theme-metro_green  #header a ,.f-theme-metro_green #header .f-icon,
.f-theme-metro_orange  #header a ,.f-theme-metro_orange #header .f-icon
{
    color:#303030;
}

.f-theme-metro_dark_blue #header a ,.f-theme-metro_dark_blue #header .f-icon,
.f-theme-metro_dark_blue #header span{
    color: #ffffff;
}


.f-theme-metro_blue  #header a.f-state-hover,.f-theme-metro_blue  #header .f-state-hover .f-icon{
    color: #479ee1;
}
.f-theme-metro_dark_blue  #header a.f-state-hover,.f-theme-metro_dark_blue  #header .f-state-hover .f-icon{
    /*color: #303030;*/
}
.f-theme-metro_gray  #header a.f-state-hover,.f-theme-metro_gray  #header .f-state-hover .f-icon{
    color: #ffffff;
}


.f-theme-metro_green #header a.f-state-hover,.f-theme-metro_green  #header .f-state-hover .f-icon{
    color: #75a300;
}

.f-theme-metro_orange #header a.f-state-hover,.f-theme-metro_orange  #header .f-state-hover .f-icon{
    color: #ce9c0a;
}


.f-theme-flick #header a ,.f-theme-flick #header .f-icon{
    color: #303030;
}
.f-theme-flick  #header a.f-state-hover,.f-theme-flick  #header .f-state-hover .f-icon{
    color: #0073ea;
}


.f-theme-pepper_grinder #header a ,.f-theme-pepper_grinder #header .f-icon{
    color: #303030;
}
.f-theme-pepper_grinder  #header a.f-state-hover,.f-theme-pepper_grinder  #header .f-state-hover .f-icon{
    color: #b83400;
}



/*主题 header字体 end*/

/*f-toolbar*/
.f-toolbar.f-state-default{
    color:#303030;
}


/*f-toolbar end*/
/*主题 tabstrip-header 背景色 start*/
.f-theme-metro_dark_blue .f-tabstrip-header,
.f-theme-metro_blue .f-tabstrip-header,
.f-theme-metro_gray .f-tabstrip-header,
.f-theme-metro_green .f-tabstrip-header,
.f-theme-metro_orange .f-tabstrip-header,
.f-theme-cupertino .f-tabstrip-header,
.f-theme-humanity .f-tabstrip-header,
.f-theme-pepper_grinder .f-tabstrip-header,
.f-theme-redmond .f-tabstrip-header,
.f-theme-smoothness .f-tabstrip-header,
.f-theme-flick .f-tabstrip-header,
.f-theme-sunny .f-tabstrip-header,
.f-theme-swanky_purse .f-tabstrip-header,
.f-theme-ui_lightness .f-tabstrip-header,
.f-theme-vader .f-tabstrip-header
{
    background: transparent;
}


/*主题 tabstrip-header 字体颜色 start*/
.f-theme-metro_blue .f-tabstrip-inkbar > .f-tabstrip-header .f-tab-header,
.f-theme-metro_blue .f-tabstrip-inkbar > .f-tabstrip-header .f-tab-header.f-state-hover .f-icon{
    color: #303030;
}


.f-theme-metro_dark_blue .f-tabstrip .f-widget-header .f-panel-tools .f-tool.f-state-hover .f-icon,
.f-theme-metro_dark_blue .f-state-hover.f-tab-header .f-tool.f-tool-close .f-tool-icon
{
    color: #ffffff;
}

.f-theme-humanity .f-tabstrip-inkbar > .f-tabstrip-header .f-tab-header{
    color: #1e1b1d;
}
.f-theme-humanity .f-tabstrip-inkbar > .f-tabstrip-header .f-tab-header .f-icon,
.f-theme-humanity .f-tabstrip .f-widget-header .f-panel-tools .f-tool .f-icon {
    color: #f5ad66;
}

.f-theme-humanity .f-tabstrip-inkbar > .f-tabstrip-header .f-tab-header.f-state-active,
.f-theme-humanity .f-tabstrip-inkbar > .f-tabstrip-header .f-tab-header.f-state-active .f-icon,
.f-theme-humanity .f-tabstrip .f-widget-header .f-panel-tools .f-tool.f-state-hover .f-icon {
    color: #ffffff;
}

.f-theme-redmond .f-tabstrip-header a{
    color: #60a4d8;
}
.f-theme-redmond .f-tabstrip-inkbar > .f-tabstrip-header .f-tab-header,
.f-theme-redmond .f-tabstrip .f-widget-header .f-panel-tools .f-tool .f-icon,
.f-theme-redmond .f-tabstrip-inkbar > .f-tabstrip-header .f-tab-header .f-icon{
    color: #60a4d8;
}

.f-theme-redmond .f-tabstrip-inkbar > .f-tabstrip-header .f-tab-header.f-state-active,
.f-theme-redmond .f-tabstrip-inkbar > .f-tabstrip-header .f-tab-header.f-state-active .f-icon{
    color: #ffffff;
}

.f-theme-sunny .f-tabstrip-header a .f-panel-title{
    color: #7a715e;
}

.f-theme-sunny .f-tabstrip-inkbar > .f-tabstrip-header .f-tab-header.f-state-active .f-panel-title,
.f-theme-sunny .f-tabstrip-inkbar > .f-tabstrip-header .f-tab-header.f-state-active .f-panel-title .f-icon {
    color: #ffffff;
}


.f-theme-sunny .f-tabstrip-inkbar > .f-tabstrip-header .f-tab-header .f-tool-icon {
    color: transparent;
}
.f-theme-sunny .f-tabstrip-inkbar > .f-tabstrip-header .f-tab-header.f-state-hover .f-tool .f-tool-icon {
    color: #ffffff;
}

.f-theme-ui_lightness .f-tabstrip-header a{
    color: #e78f08;
}

.f-theme-ui_lightness .f-tabstrip-inkbar > .f-tabstrip-header .f-tab-header,
.f-theme-ui_lightness .f-tabstrip .f-widget-header .f-panel-tools .f-tool .f-icon,
.f-theme-ui_lightness .f-tabstrip-inkbar > .f-tabstrip-header .f-tab-header .f-icon{
    color: #e78f08;
}

.f-theme-ui_lightness .f-tabstrip-inkbar > .f-tabstrip-header .f-tab-header.f-state-active,
.f-theme-ui_lightness .f-tabstrip-inkbar > .f-tabstrip-header .f-tab-header.f-state-active .f-icon{
    color: #ffffff;
}


.f-theme-vader .f-tabstrip-inkbar > .f-tabstrip-header .f-tab-header,
.f-theme-vader .f-tabstrip-inkbar > .f-tabstrip-header .f-tab-header .f-icon{
    color: #ffffff;
}

.f-theme-metro_dark_blue .f-tabstrip-inkbar > .f-tabstrip-header .f-tab-header,
.f-theme-metro_dark_blue .f-tabstrip-inkbar > .f-tabstrip-header .f-tab-header .f-icon{
    color: #303030;
}

.f-theme-metro_dark_blue .f-tabstrip-inkbar > .f-tabstrip-header .f-tab-header .f-tool-icon{
    color: transparent;
}

.f-theme-metro_dark_blue .f-tabstrip-inkbar > .f-tabstrip-header .f-tab-header.f-state-active .f-panel-title,
.f-theme-metro_dark_blue .f-tabstrip-inkbar > .f-tabstrip-header .f-tab-header.f-state-active .f-panel-title .f-icon{
    color: #ffffff;
}

.f-theme-excite_bike .f-tabstrip-inkbar > .f-tabstrip-header .f-tab-header.f-state-active,
.f-theme-excite_bike .f-tabstrip-inkbar > .f-tabstrip-header .f-state-active .f-icon{
    color: #0a82eb;
}

.f-theme-metro_blue  .f-tabstrip-header a.f-tab-header.f-state-hover,
.f-theme-metro_blue  .f-tabstrip-header a.f-tab-header.f-state-hover .f-icon{
    color: #303030;
}


/*主题 tabstrip-header end*/


/*功能按钮样式*/

.f-btn.f-btn-style,.f-btn.f-btn-style  .f-icon{
    color: #fff !important;
}

.f-btn.f-btn-style-normal,
.f-btn.f-btn-style-normal  .f-icon{
    color: #303030 !important;
}

.f-theme-metro_gray .f-btn.f-btn-style-action,
.f-theme-default .f-btn.f-btn-style-action,
.f-theme-metro_green .f-btn.f-btn-style-action,
.f-theme-metro_orange .f-btn.f-btn-style-action,
.f-theme-humanity .f-btn.f-btn-style-action,
.f-theme-smoothness .f-btn.f-btn-style-action,
.f-theme-sunny .f-btn.f-btn-style-action,
.f-theme-ui_lightness .f-btn.f-btn-style-action,
.f-theme-metro_blue .f-btn.f-btn-style-action,
.f-theme-metro_gray .f-btn.f-btn-style-action .f-icon,
.f-theme-metro_orange .f-btn.f-btn-style-action .f-icon,
.f-theme-metro_green .f-btn.f-btn-style-action .f-icon,
.f-theme-default .f-btn.f-btn-style-action .f-icon,
.f-theme-humanity .f-btn.f-btn-style-action .f-icon,
.f-theme-sunny .f-btn.f-btn-style-action .f-icon,
.f-theme-ui_lightness .f-btn.f-btn-style-action .f-icon,
.f-theme-smoothness .f-btn.f-btn-style-action .f-icon,
.f-theme-metro_blue .f-btn.f-btn-style-action .f-icon {
    color: #303030 !important;
}


.f-theme-pure_black .f-btn.f-btn-style-action.f-state-hover,
.f-theme-pure_blue .f-btn.f-btn-style-action.f-state-hover,
.f-theme-pure_green .f-btn.f-btn-style-action.f-state-hover,
.f-theme-pure_orange .f-btn.f-btn-style-action.f-state-hover,
.f-theme-pure_purple .f-btn.f-btn-style-action.f-state-hover,
.f-theme-pure_red .f-btn.f-btn-style-action.f-state-hover,
.f-theme-pure_black .f-btn.f-btn-style-action.f-state-hover .f-icon,
.f-theme-pure_blue .f-btn.f-btn-style-action.f-state-hover .f-icon,
.f-theme-pure_green .f-btn.f-btn-style-action.f-state-hover .f-icon,
.f-theme-pure_orange .f-btn.f-btn-style-action.f-state-hover .f-icon,
.f-theme-pure_purple .f-btn.f-btn-style-action.f-state-hover .f-icon,
.f-theme-pure_red .f-btn.f-btn-style-action.f-state-hover .f-icon{
    color: #ffffff !important;
}

.f-theme-pure_black .f-btn.f-state-active .f-icon,
.f-theme-pure_blue .f-btn.f-state-active .f-icon,
.f-theme-pure_green .f-btn.f-state-active .f-icon,
.f-theme-pure_orange .f-btn.f-state-active .f-icon,
.f-theme-pure_purple .f-btn.f-state-active .f-icon,
.f-theme-pure_red .f-btn.f-state-active .f-icon{
    color: #ffffff;
}



.f-btn.f-btn-style-confirm {
    background-color: #00B578;
    border-color:#008844 !important;
}

.f-btn.f-btn-style-confirm.f-state-active,
.f-btn.f-btn-style-confirm.f-state-focus
{
    background-color: #008844;
    border-color:#00B578;
}

.f-btn.f-btn-style-confirm.f-state-hover{
    background-color: #52C41A !important;
    border-color:#00B578 !important;
}
.f-btn.f-btn-style-confirm.f-btn-type-linear{
    border-color:#00B578!important;
    color:#00B578!important;
    background: #FFFFFF!important;
}
.f-btn.f-btn-style-confirm.f-btn-type-concise{
    color:#00B578!important;
    background: none!important;
}
.f-btn.f-btn-style-confirm.f-btn-type-linear .f-btn-icon,
.f-btn.f-btn-style-confirm.f-btn-type-concise .f-btn-icon{
    color:#00B578!important;
}

.f-btn.f-btn-style-decline {
    background-color: #f5222d !important;
    border-color: #CD222B !important;
}

.f-btn.f-btn-style-decline.f-state-active,
.f-btn.f-btn-style-decline.f-state-focus {
    background-color: #b32027 !important;
    border-color:#FA3040 !important;
}

.f-btn.f-btn-style-decline.f-state-hover{
    background-color: #FF4D4F !important;
    border-color:#FA3040 !important;
}
.f-btn.f-btn-style-decline.f-btn-type-linear{
    border-color:#FA3040!important;
    color:#FA3040!important;
    background: #FFFFFF!important;
}
.f-btn.f-btn-style-decline.f-btn-type-concise{
    color:#FA3040!important;
    background: none!important;
}
.f-btn.f-btn-style-decline.f-btn-type-linear .f-btn-icon,
.f-btn.f-btn-style-decline.f-btn-type-concise .f-btn-icon{
    color:#FC3040!important;
}

.f-btn.f-btn-decline-simple{
    background-color: #ffffff;
    border-color: #ffffff;
    color: #FA3040;
}

.f-btn.f-btn-style-back{
    background-color: #475E76 !important;
    border-color: #394B5E !important;
}

.f-btn.f-btn-style-back.f-state-active,
.f-btn.f-btn-style-back.f-state-focus{
    background-color: #2e3c4b !important;
    border-color:#475E76 !important;
}

.f-btn.f-btn-style-back.f-state-hover{
    background-color: #5D7790 !important;
    border-color: #475E76 !important;
}
.f-btn.f-btn-style-back.f-btn-type-linear{
    border-color:#2e3c4b!important;
    color:#2e3c4b!important;
    background: #FFFFFF!important;
}
.f-btn.f-btn-style-back.f-btn-type-concise{
    color:#2e3c4b!important;
    background: none!important;
}

.f-btn.f-btn-style-back.f-btn-type-linear .f-btn-icon,
.f-btn.f-btn-style-back.f-btn-type-concise .f-btn-icon{
    color:#2e3c4b!important;
}

.f-btn.f-btn-style-forward {
    background-color: #1677FF !important;;
    border-color: #4888E2 !important;
}

.f-btn.f-btn-style-forward.f-state-active,
.f-btn.f-btn-style-forward.f-state-focus{
    background-color: #3B75C7 !important;
    border-color:#1677FF !important;
}

.f-btn.f-btn-style-forward.f-state-hover{
    background-color: #67A2F5 !important;
    border-color: #1677FF !important;
}
.f-btn.f-btn-style-forward.f-btn-type-linear{
    border-color:#1677FF!important;
    color:#1677FF!important;
    background: #FFFFFF!important;
}
.f-btn.f-btn-style-forward.f-btn-type-concise{
    color:#1677FF!important;
    background: none!important;
}
.f-btn.f-btn-style-forward.f-btn-type-linear .f-btn-icon,
.f-btn.f-btn-style-forward.f-btn-type-concise .f-btn-icon{
    color:#1677FF!important;
}


.f-btn.f-btn-style-warning {
    background-color: #FF8F1F!important;
    border-color: #CD8914 !important;
}

.f-btn.f-btn-style-warning.f-state-active,
.f-btn.f-btn-style-warning.f-state-focus{
    background-color: #a16c10 !important;
    border-color:#FF8F1F !important;
}

.f-btn.f-btn-style-warning.f-state-hover{
    background-color: #fdb44b !important;
    border-color: #FF8F1F!important;
}
.f-btn.f-btn-style-warning.f-btn-type-linear{
    border-color:#FFA94C!important;
    color:#FFA94C!important;
    background: #FFFFFF!important;
}
.f-btn.f-btn-style-warning.f-btn-type-concise{
    color:#FFA94C!important;
    background: none!important;
}

.f-btn.f-btn-style-warning.f-btn-type-linear .f-btn-icon,
.f-btn.f-btn-style-warning.f-btn-type-concise .f-btn-icon{
    color:#FF8F1F!important;
}

.f-btn.f-btn-type-concise.f-btn-fill-block,
.f-btn.f-btn-type-concise.f-btn-fill-widescreen,
.f-btn.f-btn-type-linear.f-btn-fill-block,
.f-btn.f-btn-type-linear.f-btn-fill-widescreen{
    background: #FFFFFF!important;
}

.f-btn.f-btn-style-grey {
    background-color: #cccccc!important;
    border-color: #666666 !important;
}
.f-btn.f-btn-style-grey.f-btn-type-linear{
    border-color:#cccccc!important;
    color:#666666!important;
    background: #FFFFFF!important;
}
.f-btn.f-btn-style-grey.f-btn-type-concise{
    color:#666666!important;
    background: none!important;
}

.f-btn.f-btn-style-action {
    background-color: var(--pureColor,var(--activeColor)) !important;
}

.f-btn.f-btn-style-action.f-state-hover{
    transition: all 200ms ease-in-out;
    filter: brightness(0.95);
}

.f-toolbar-body>.f-btn.f-btn-style-action{
    border-width:1px;
    border-radius:4px;
}

.f-theme-pure_black .f-btn.f-btn-style-action {
    background-color: var(--strongColor) !important;
}


/* 失效 */
.f-btn.f-btn-style-unavailable{
    background: #999999 !important;
    cursor: not-allowed !important;
}

/* 警示 */
.f-btn.f-btn-style-appwarning{
    background: none !important;
    border: 1px solid #F95E5A !important;
    color: #F95E5A !important;
}

/*功能按钮样式*/
.f-toolbar .f-field-checkbox-wrap label{
    white-space: nowrap;
}

/*适应主题滚动条样式*/
.f-theme-vader  *:hover::-webkit-scrollbar-thumb,
.f-theme-ui_darkness *:hover::-webkit-scrollbar-thumb,
.f-theme-swanky_purse *:hover::-webkit-scrollbar-thumb,
.f-theme-eggplant *:hover::-webkit-scrollbar-thumb,
.f-theme-dark_hive *:hover::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.8);
}
/*滚动条样式end*/


/*火狐浏览器 滚动条 start*/

.f-theme-vader div:hover,
.f-theme-ui_darkness div:hover,
.f-theme-swanky_purse div:hover,
.f-theme-eggplant div:hover,
.f-theme-dark_hive div:hover{
    scrollbar-color:  rgba(255,255,255,0.5) rgba(255,255,255,0.1); /* 滑块颜色  滚动条背景颜色 */
}
/*火狐浏览器 滚动条 end*/


/*分割线*/
.f-region-split.f-mainheader{
    background-color: #eeeeee;
}

.f-theme-dark_hive .f-region-split.f-mainheader,
.f-theme-eggplant .f-region-split.f-mainheader,
.f-theme-ui_darkness .f-region-split.f-mainheader,
.f-theme-vader .f-region-split.f-mainheader{
    background-color: #bbbbbb;
}


.f-theme-humanity .f-region-split.f-mainheader,
.f-theme-pepper_grinder .f-region-split.f-mainheader,
.f-theme-south_street .f-region-split.f-mainheader,
.f-theme-sunny .f-region-split.f-mainheader,
.f-theme-ui_lightness .f-region-split.f-mainheader,
.f-theme-excite_bike .f-region-split.f-mainheader {
    background: rgba(0,0,0,.05);
}

.f-layout-region-item.f-region-left{
    border-right: unset;
}

.f-region-split-left+.f-layout-region-item{
    border-left: unset;
}

.f-layout-region-item.f-region-top{
    border-bottom: unset;
}

.f-layout-region-item.f-region-bottom{
    border-top: unset;
}
/*分割线end*/



/*loading span*/
.f-theme-metro_blue .f-ajax-loading ,
.f-theme-metro_blue .f-ajax-loading span {
    background-color: #B7C8DC;
    border: none;
}

.f-theme-metro_dark_blue .f-ajax-loading ,
.f-theme-metro_dark_blue .f-ajax-loading span {
    background-color: #2d7db7;
    color: #ffffff;
    border: none;
}

.f-theme-metro_gray .f-ajax-loading ,
.f-theme-metro_gray .f-ajax-loading span {
    background-color:#c7c7c7;
    border: none;
}

.f-theme-metro_green .f-ajax-loading ,
.f-theme-metro_green .f-ajax-loading span {
    background-color:#C7D79B;
    border: none;
}

.f-theme-metro_orange .f-ajax-loading ,
.f-theme-metro_orange .f-ajax-loading span {
    background-color:#EBD594;
    color: #303030;
    border: none;
}

.f-theme-cupertino .f-ajax-loading ,
.f-theme-cupertino .f-ajax-loading span {
    background-color:#D4E4EF;
    color: #303030;
    border: none;
}

.f-theme-excite_bike .f-ajax-loading ,
.f-theme-excite_bike .f-ajax-loading span {
    background-color:#007EED;
    color: #ffffff;
    border: none;
}

.f-theme-flick .f-ajax-loading ,
.f-theme-flick .f-ajax-loading span {
    background-color:#d0d0d0;
    color: #303030;
    border: none;
}

.f-theme-humanity .f-ajax-loading ,
.f-theme-humanity .f-ajax-loading span {
    background-color:#C27F2D;
    color: #ffffff;
    border: none;
}

.f-theme-pepper_grinder .f-ajax-loading ,
.f-theme-pepper_grinder .f-ajax-loading span {
    background-color:#d4d1bf;
    color: #303030;
    border: none;
}

.f-theme-redmond .f-ajax-loading ,
.f-theme-redmond .f-ajax-loading span {
    background-color:#5895C2;
    color: #ffffff;
    border: none;
}

.f-theme-smoothness .f-ajax-loading ,
.f-theme-smoothness .f-ajax-loading span {
    background-color:#c5c5c5;
    color: #303030;
    border: none;
}

.f-theme-south_street .f-ajax-loading ,
.f-theme-south_street .f-ajax-loading span {
    background-color:#E3DFD2;
    color: #303030;
    border: none;
}

.f-theme-sunny .f-ajax-loading ,
.f-theme-sunny .f-ajax-loading span {
    background-color:#766D5C;
    color: #ffffff;
    border: none;
}

.f-theme-swanky_purse .f-ajax-loading ,
.f-theme-swanky_purse .f-ajax-loading span {
    background-color:#261803;
    color: #eacd86;
    border: none;
}

.f-theme-ui_lightness .f-ajax-loading ,
.f-theme-ui_lightness .f-ajax-loading span {
    background-color:#ce8e24;
    color: #ffffff;
    border: none;
}

.f-theme-pure_black .f-ajax-loading ,
.f-theme-default .f-ajax-loading ,
.f-theme-pure_blue .f-ajax-loading ,
.f-theme-pure_green .f-ajax-loading ,
.f-theme-pure_orange .f-ajax-loading ,
.f-theme-pure_purple .f-ajax-loading ,
.f-theme-pure_red .f-ajax-loading ,
.f-theme-pure_black .f-ajax-loading span,
.f-theme-pure_blue .f-ajax-loading span,
.f-theme-pure_green .f-ajax-loading span,
.f-theme-pure_orange .f-ajax-loading span,
.f-theme-default .f-ajax-loading span,
.f-theme-pure_purple .f-ajax-loading span,
.f-theme-pure_red .f-ajax-loading span {
    background-color:#f2f2f2;
    color: #303030;
    border: none;
}
/*loading span end*/

/*header icon*/
.f-theme-metro_dark_blue  .f-widget-header .f-tab-header .f-icon {
    color: #444;
}

.f-theme-excite_bike  .f-state-default .f-icon{
    color: #0a82eb;
}

.f-theme-excite_bike .f-state-hover .f-icon,
.f-theme-excite_bike .f-state-focus .f-icon{
    color: #ffffff;
}

.f-theme-excite_bike  .f-state-default a,
.f-theme-excite_bike  .f-state-default a:link,
.f-theme-excite_bike  .f-state-default a:visited{
    color: #0a82eb;
}

.f-theme-excite_bike  .f-state-hover,
.f-theme-excite_bike  .f-widget-content .f-state-hover,
.f-theme-excite_bike  .f-widget-header .f-state-hover,
.f-theme-excite_bike  .f-state-focus,
.f-theme-excite_bike  .f-widget-content .f-state-focus,
.f-theme-excite_bike  .f-widget-header .f-state-focus
{
    color: #ffffff;
}
/**/

.f-toolbar.f-pagingtoolbar{
    padding: 0 5px;
}

.f-pagingtoolbar .f-btn.f-grid-pager.f-btn-icon-only {
    padding-left: 1px;
    padding-right: 1px;
}


/**gridStack**/

.f-theme-swanky_purse.portal-body.f-widget-content,
.f-theme-sunny.portal-body.f-widget-content,
.f-theme-south_street.portal-body.f-widget-content,
.f-theme-excite_bike.portal-body.f-widget-content
{
    background: rgba(0,0,0,.01);
}

.f-theme-pepper_grinder.portal-body.f-widget-content,
.f-theme-humanity.portal-body.f-widget-content {
    background: rgba(0,0,0,0);
}

.f-theme-cupertino.portal-body.f-widget-content {
    background: rgba(0,0,0,.03);
}
.f-theme-flick.portal-body.f-widget-content
{
    background: rgba(0,0,0,.04);
}

.f-theme-swanky_purse .grid-stack > .grid-stack-item > .grid-stack-item-content{
    background: rgba(255,255,255,0.2);
}

.f-theme-sunny .grid-stack > .grid-stack-item > .grid-stack-item-content,
.f-theme-pepper_grinder .grid-stack > .grid-stack-item > .grid-stack-item-content,
.f-theme-south_street .grid-stack > .grid-stack-item > .grid-stack-item-content{
    background: rgba(255,255,255,0.5);
}

.f-theme-cupertino .grid-stack > .grid-stack-item > .grid-stack-item-content,
.f-theme-excite_bike .grid-stack > .grid-stack-item > .grid-stack-item-content,
.f-theme-humanity .grid-stack > .grid-stack-item > .grid-stack-item-content{
    background: rgba(255,255,255,0.8);
}
/**gridStack**/



.f-theme-swanky_purse .bgpanel input.f-field-textbox.f-field-triggerbox,
.f-theme-pure_red .bgpanel input.f-field-textbox.f-field-triggerbox,
.f-theme-pure_purple .bgpanel input.f-field-textbox.f-field-triggerbox,
.f-theme-pure_orange .bgpanel input.f-field-textbox.f-field-triggerbox,
.f-theme-pure_green .bgpanel  input.f-field-textbox.f-field-triggerbox,
.f-theme-pure_blue  .bgpanel input.f-field-textbox.f-field-triggerbox,
.f-theme-metro_dark_blue  .bgpanel input.f-field-textbox.f-field-triggerbox
{
    background: rgba(0,0,0,0.1);
}

.f-theme-pure_black .bgpanel input.f-field-textbox.f-field-triggerbox {
    background: rgba(0,0,0,0.2);
}



.f-theme-swanky_purse  input.f-field-triggerbox::-webkit-input-placeholder,
.f-theme-pure_red  .bgpanel input.f-field-triggerbox.f-field-triggerbox::-webkit-input-placeholder,
.f-theme-pure_purple .bgpanel  input.f-field-triggerbox::-webkit-input-placeholder,
.f-theme-pure_orange .bgpanel input.f-field-triggerbox::-webkit-input-placeholder,
.f-theme-pure_green .bgpanel input.f-field-triggerbox::-webkit-input-placeholder,
.f-theme-pure_blue .bgpanel input.f-field-triggerbox::-webkit-input-placeholder
{
    color:rgba(255, 255, 255, 0.7);
}



.f-theme-swanky_purse #workArea {
    background: rgba(0,0,0,0.1);
}


.f-theme-metro_dark_blue .f-field-filter .f-btn.f-state-default,
.f-theme-excite_bike .f-field-filter .f-btn.f-state-default{
    color: #303030;
}

/*.f-theme-south_street :not(.f-field-textarea).f-widget-content.f-field-textbox.f-state-focus{*/
/*    color: #303030;*/
/*}*/


.iconfont.icon-big ,
.f-btn.icon-big .iconfont,
.f-btn.icon-big .f-icon{
    font-size: 1.6em;
}

.iconfont.icon-large,
.f-btn.icon-large .iconfont,
.f-btn.icon-large .f-icon{
    font-size: 2.8em;
}

.iconfont.icon-huge,
.f-btn.icon-huge .iconfont,
.f-btn.icon-huge .f-icon{
    font-size: 3.8em;
}

.f-btn.icon-big .f-icon,
.f-btn.icon-large .f-icon,
.f-btn.icon-huge .f-icon{
    line-height: 1em;
}


.f-theme-metro_dark_blue  .f-tree-tile-content .f-state-hover{
    background: var(--activeColor);

}

.f-theme-metro_dark_blue  .f-tree-tile-content .f-state-hover,
.f-theme-metro_dark_blue  .f-tree-tile-content .f-state-hover .f-icon,
.f-theme-metro_dark_blue  .f-tree-tile-content .f-widget-content,
.f-theme-metro_dark_blue  .f-tree-tile-content .f-widget-content a,
.f-theme-metro_dark_blue  .f-tree-tile-content-body.f-state-hover  .f-tile-node-item  a
{
    color: #ffffff;
}

.f-theme-metro_dark_blue  .bgpanel.f-tree-tile-menu>.f-widget-content{
    background: var(--strongColor);
}

.bgpanel .f-tree-node-group-row+.f-tree-group::after,
.bgpanel .f-tree-node.f-tree-node-group-row::before {
    opacity: 0.5;
}

.f-theme-metro_dark_blue .f-searchbox-round .f-field-triggerbox-icons.f-corner-all.f-state-focus{
    background: transparent;
}

.f-theme-metro_dark_blue .f-searchbox-round .f-field-textbox::placeholder{
    color:#ffffff;
}