/* panel */
.app-mode-nar .x-panel-menu > .x-anchor-el .x-pointer-el {
    fill: #4c3026;
}
.app-mode-nar .x-panel-menu-body-el {
    background-color: #4c3026;
}
.x-panel > .x-anchor-el .x-pointer-el {
    stroke: #6e4637;
}
.app-mode-nar .x-panel-outer-border-l {
    border-left-color: #6e4637 !important;
}
.app-mode-nar .x-panel-outer-border-b {
    border-bottom-color: #6e4637 !important;
}
.app-mode-nar .x-panel-outer-border-bl {
    border-bottom-color: #6e4637 !important;
    border-left-color: #6e4637 !important;
}
.app-mode-nar .x-panel-outer-border-r {
    border-right-color: #6e4637 !important;
}
.app-mode-nar .x-panel-outer-border-rl {
    border-right-color: #6e4637 !important;
    border-left-color: #6e4637 !important;
}
.app-mode-nar .x-panel-outer-border-rb {
    border-right-color: #6e4637 !important;
    border-bottom-color: #6e4637 !important;
}
.app-mode-nar .x-panel-outer-border-rbl {
    border-right-color: #6e4637 !important;
    border-bottom-color: #6e4637 !important;
    border-left-color: #6e4637 !important;
}
.app-mode-nar .x-panel-outer-border-t {
    border-top-color: #6e4637 !important;
}
.app-mode-nar .x-panel-outer-border-tl {
    border-top-color: #6e4637 !important;
    border-left-color: #6e4637 !important;
}
.app-mode-nar .x-panel-outer-border-tb {
    border-top-color: #6e4637 !important;
    border-bottom-color: #6e4637 !important;
}
.app-mode-nar .x-panel-outer-border-tbl {
    border-top-color: #6e4637 !important;
    border-bottom-color: #6e4637 !important;
    border-left-color: #6e4637 !important;
}
.app-mode-nar .x-panel-outer-border-tr {
    border-top-color: #6e4637 !important;
    border-right-color: #6e4637 !important;
}
.app-mode-nar .x-panel-outer-border-trl {
    border-top-color: #6e4637 !important;
    border-right-color: #6e4637 !important;
    border-left-color: #6e4637 !important;
}
.app-mode-nar .x-panel-outer-border-trb {
    border-top-color: #6e4637 !important;
    border-right-color: #6e4637 !important;
    border-bottom-color: #6e4637 !important;
}
.app-mode-nar .x-panel-outer-border-trbl {
    border-color: #6e4637 !important;
}
.app-mode-nar .x-panelheader {
    background-color: #6e4637;
    border: 1px solid #6e4637;
}
.app-mode-nar .x-panelheader.x-docked-right {
    border: 1px solid #6e4637;
}
.app-mode-nar .x-panelheader.x-docked-left {
    border: 1px solid #6e4637;
}
.app-mode-nar .x-panelheader.x-docked-bottom {
    border: 1px solid #6e4637;
}
.app-mode-nar .x-panel-light > .x-anchor-el .x-pointer-el {
    stroke: #e9e5e3;
}
.app-mode-nar .x-panel-light-body-el {
    border-color: #e9e5e3;
}
.app-mode-nar .x-panel-light-boxscroller {
    border-color: #e9e5e3;
}
.app-mode-nar .x-panel-light-outer-border-l {
    border-left-color: #e9e5e3 !important;
}
.app-mode-nar .x-panel-light-outer-border-b {
    border-bottom-color: #e9e5e3 !important;
}
.app-mode-nar .x-panel-light-outer-border-bl {
    border-bottom-color: #e9e5e3 !important;
    border-left-color: #e9e5e3 !important;
}
.app-mode-nar .x-panel-light-outer-border-r {
    border-right-color: #e9e5e3 !important;
}
.app-mode-nar .x-panel-light-outer-border-rl {
    border-right-color: #e9e5e3 !important;
    border-left-color: #e9e5e3 !important;
}
.app-mode-nar .x-panel-light-outer-border-rb {
    border-right-color: #e9e5e3 !important;
    border-bottom-color: #e9e5e3 !important;
}
.app-mode-nar .x-panel-light-outer-border-rbl {
    border-right-color: #e9e5e3 !important;
    border-bottom-color: #e9e5e3 !important;
    border-left-color: #e9e5e3 !important;
}
.app-mode-nar .x-panel-light-outer-border-t {
    border-top-color: #e9e5e3 !important;
}
.app-mode-nar .x-panel-light-outer-border-tl {
    border-top-color: #e9e5e3 !important;
    border-left-color: #e9e5e3 !important;
}
.app-mode-nar .x-panel-light-outer-border-tb {
    border-top-color: #e9e5e3 !important;
    border-bottom-color: #e9e5e3 !important;
}
.app-mode-nar .x-panel-light-outer-border-tbl {
    border-top-color: #e9e5e3 !important;
    border-bottom-color: #e9e5e3 !important;
    border-left-color: #e9e5e3 !important;
}
.app-mode-nar .x-panel-light-outer-border-tr {
    border-top-color: #e9e5e3 !important;
    border-right-color: #e9e5e3 !important;
}
.app-mode-nar .x-panel-light-outer-border-trl {
    border-top-color: #e9e5e3 !important;
    border-right-color: #e9e5e3 !important;
    border-left-color: #e9e5e3 !important;
}
.app-mode-nar .x-panel-light-outer-border-trb {
    border-top-color: #e9e5e3 !important;
    border-right-color: #e9e5e3 !important;
    border-bottom-color: #e9e5e3 !important;
}
.app-mode-nar .x-panel-light-outer-border-trbl {
    border-color: #e9e5e3 !important;
}
.app-mode-nar .x-panelheader-light {
    background-color: #e9e5e3;
    border-color: #e9e5e3;
}
.app-mode-nar .x-panelheader-light.x-docked-right {
    border-color: #e9e5e3;
}
.app-mode-nar .x-panelheader-light.x-docked-left {
    border-color: #e9e5e3;
}
.app-mode-nar .x-panelheader-light.x-docked-bottom {
    border-color: #e9e5e3;
}

/* dialog */
.app-mode-nar .x-dialog > .x-anchor-el .x-pointer-el {
    stroke: #846255;
}
.app-mode-nar .x-dialog-outer-border-l {
    border-left-color: #846255 !important;
}
.app-mode-nar .x-dialog-outer-border-b {
    border-bottom-color: #846255 !important;
}
.app-mode-nar .x-dialog-outer-border-bl {
    border-bottom-color: #846255 !important;
    border-left-color: #846255 !important;
}
.app-mode-nar .x-dialog-outer-border-r {
    border-right-color: #846255 !important;
}
.app-mode-nar .x-dialog-outer-border-rl {
    border-right-color: #846255 !important;
    border-left-color: #846255 !important;
}
.app-mode-nar .x-dialog-outer-border-rb {
    border-right-color: #846255 !important;
    border-bottom-color: #846255 !important;
}
.app-mode-nar .x-dialog-outer-border-rbl {
    border-right-color: #846255 !important;
    border-bottom-color: #846255 !important;
    border-left-color: #846255 !important;
}
.app-mode-nar .x-dialog-outer-border-t {
    border-top-color: #846255 !important;
}
.app-mode-nar .x-dialog-outer-border-tl {
    border-top-color: #846255 !important;
    border-left-color: #846255 !important;
}
.app-mode-nar .x-dialog-outer-border-tb {
    border-top-color: #846255 !important;
    border-bottom-color: #846255 !important;
}
.app-mode-nar .x-dialog-outer-border-tbl {
    border-top-color: #846255 !important;
    border-bottom-color: #846255 !important;
    border-left-color: #846255 !important;
}
.app-mode-nar .x-dialog-outer-border-tr {
    border-top-color: #846255 !important;
    border-right-color: #846255 !important;
}
.app-mode-nar .x-dialog-outer-border-trl {
    border-top-color: #846255 !important;
    border-right-color: #846255 !important;
    border-left-color: #846255 !important;
}
.app-mode-nar .x-dialog-outer-border-trb {
    border-top-color: #846255 !important;
    border-right-color: #846255 !important;
    border-bottom-color: #846255 !important;
}
.app-mode-nar .x-dialog-outer-border-trbl {
    border-color: #846255 !important;
}
.app-mode-nar .x-dialogheader {
    background-color: #846255;
}

/* toolbar/tabbar/titlebar */
.app-mode-nar .x-toolbar-bottomtb {
    background-color: #6e4637;
}
.app-mode-nar .x-toolbar-footer {
    border-color: #73615b;
    background-color: #e9e5e3;
}
.app-mode-nar .x-tabbar-subtabbar {
    background-color: #5f3c2f;
}
.app-mode-nar .x-tabbar {
    background-color: #6e4637;
    border-color: #6e4637;
}

/* gradient */
.app-mode-nar .x-tab .x-badge-el {
    border-color: #661a00;
    background-image: -webkit-linear-gradient(top, #846255, #5f3c2f);
    background-image: -moz-linear-gradient(top, #846255, #5f3c2f);
    background-image: -o-linear-gradient(top, #846255, #5f3c2f);
    background-image: -ms-linear-gradient(top, #846255, #5f3c2f);
}
.app-mode-nar .x-button-darkmenuitem .x-inner-el {
    border-color: #6b5045;
    background-image: -webkit-linear-gradient(top, #846255, #846255);
    background-image: -moz-linear-gradient(top, #846255, #846255);
    background-image: -o-linear-gradient(top, #846255, #846255);
    background-image: -ms-linear-gradient(top, #846255, #846255);
    border-radius: 0;
}
.app-mode-nar .x-tabbar ,
.app-mode-nar .x-toolbar {
    background-image: none;
    background-color: #6e4637;
}
.app-mode-nar .x-tabbar.x-tabbar-subtabbar,
.app-mode-nar .x-toolbar.x-toolbar-subtabbar{
    background-image: none;
    background-color: #5f3c2f;
}
/*
.app-mode-nar .x-toolbar {
    background-image: -webkit-linear-gradient(top, #846255, #5f3c2f);
    background-image: -moz-linear-gradient(top, #846255, #5f3c2f);
    background-image: -o-linear-gradient(top, #846255, #5f3c2f);
    background-image: -ms-linear-gradient(top, #846255, #5f3c2f);
}
*/
.app-mode-nar .x-titlebar {
    background-color: #6e4637;
    background-image: -webkit-linear-gradient(top, #846255, #5f3c2f);
    background-image: -moz-linear-gradient(top, #846255, #5f3c2f);
    background-image: -o-linear-gradient(top, #846255, #5f3c2f);
    background-image: -ms-linear-gradient(top, #846255, #5f3c2f);
}
.app-mode-nar .x-button-action .x-inner-el {
    border-color: #6b5045;
    background-image: -webkit-linear-gradient(top, #907266, #846255 50%, #7d5d51 51%, #846255);
    background-image: -moz-linear-gradient(top, #907266, #846255 50%, #7d5d51 51%, #846255);
    background-image: -o-linear-gradient(top, #907266, #846255 50%, #7d5d51 51%, #846255);
    background-image: -ms-linear-gradient(top, #907266, #846255 50%, #7d5d51 51%, #846255);
}
.app-mode-nar .x-button-flat.x-hovered .x-inner-el {
    border-color: #bba8a1;
    background-image: -webkit-linear-gradient(top, #ccddcf, #ccddcf);
    background-image: -moz-linear-gradient(top, #ccddcf, #ccddcf);
    background-image: -o-linear-gradient(top, #ccddcf, #ccddcf);
    background-image: -ms-linear-gradient(top, #ccddcf, #ccddcf);
}
.app-mode-nar .x-button-flat.x-pressing .x-inner-el,
.app-mode-nar .x-button-flat.x-pressed .x-inner-el {
    border-color: #bba8a1;
    background-image: -webkit-linear-gradient(top, #bbccbf, #bbccbf);
    background-image: -moz-linear-gradient(top, #bbccbf, #bbccbf);
    background-image: -o-linear-gradient(top, #bbccbf, #bbccbf);
    background-image: -ms-linear-gradient(top, #bbccbf, #bbccbf);
}
.app-mode-nar .x-button-numbutton .x-inner-el {
    background-image: -webkit-linear-gradient(top, #f2e9e0, #f2e9e0);
    background-image: -moz-linear-gradient(top, #f2e9e0, #f2e9e0);
    background-image: -o-linear-gradient(top, #f2e9e0, #f2e9e0);
    background-image: -ms-linear-gradient(top, #f2e9e0, #f2e9e0);
}
.app-mode-nar .x-button-numbutton.x-hovered .x-inner-el {
    border-color: #bba8a1;
    background-image: -webkit-linear-gradient(top, #ccddcf, #ccddcf);
    background-image: -moz-linear-gradient(top, #ccddcf, #ccddcf);
    background-image: -o-linear-gradient(top, #ccddcf, #ccddcf);
    background-image: -ms-linear-gradient(top, #ccddcf, #ccddcf);
}
.app-mode-nar .x-button-numbutton.x-pressing .x-inner-el,
.app-mode-nar .x-button-numbutton.x-pressed .x-inner-el {
    border-color: #bba8a1;
    background-image: -webkit-linear-gradient(top, #bbccbf, #bbccbf);
    background-image: -moz-linear-gradient(top, #bbccbf, #bbccbf);
    background-image: -o-linear-gradient(top, #bbccbf, #bbccbf);
    background-image: -ms-linear-gradient(top, #bbccbf, #bbccbf);
}
.app-mode-nar .x-button-darkmenuitem.x-hovered .x-inner-el {
    border-color: #bba8a1;
    background-image: -webkit-linear-gradient(top, #ccddcf, #ccddcf);
    background-image: -moz-linear-gradient(top, #ccddcf, #ccddcf);
    background-image: -o-linear-gradient(top, #ccddcf, #ccddcf);
    background-image: -ms-linear-gradient(top, #ccddcf, #ccddcf);
}
.app-mode-nar .x-button-darkmenuitem.x-pressing .x-inner-el,
.app-mode-nar .x-button-darkmenuitem.x-pressed .x-inner-el {
    border-color: #bba8a1;
    background-image: -webkit-linear-gradient(top, #bbccbf, #bbccbf);
    background-image: -moz-linear-gradient(top, #bbccbf, #bbccbf);
    background-image: -o-linear-gradient(top, #bbccbf, #bbccbf);
    background-image: -ms-linear-gradient(top, #bbccbf, #bbccbf);
}
.app-mode-nar .x-button-action.x-pressing .x-inner-el,
.app-mode-nar .x-button-action.x-pressed .x-inner-el {
    border-color: #46342d;
    background-image: -webkit-linear-gradient(top, #5f463d, #5a433a 50%, #5f463d 51%, #6f5950);
    background-image: -moz-linear-gradient(top, #5f463d, #5a433a 50%, #5f463d 51%, #6f5950);
    background-image: -o-linear-gradient(top, #5f463d, #5a433a 50%, #5f463d 51%, #6f5950);
    background-image: -ms-linear-gradient(top, #5f463d, #5a433a 50%, #5f463d 51%, #6f5950);
}
.app-mode-nar .x-button-action.x-hovered .x-inner-el {
    border-color: #594239;
    background-image: -webkit-linear-gradient(top, #80655b, #715449 50%, #6c5045 51%, #715449);
    background-image: -moz-linear-gradient(top, #80655b, #715449 50%, #6c5045 51%, #715449);
    background-image: -o-linear-gradient(top, #80655b, #715449 50%, #6c5045 51%, #715449);
    background-image: -ms-linear-gradient(top, #80655b, #715449 50%, #6c5045 51%, #715449);
}

/* tab/button */
.app-mode-nar .x-tab.x-active {
    color: #6e4637;
}
.app-mode-nar .x-tab.x-active .x-icon-el {
    color: #6e4637;
}
.app-mode-nar .x-tab.x-active .x-arrow-el {
    color: #6e4637;
}
.app-mode-nar .x-tab.x-active.x-focused {
    color: #6e4637;
}
.app-mode-nar .x-tab.x-active.x-focused .x-icon-el {
    color: #6e4637;
}
.app-mode-nar .x-tab.x-active.x-focused .x-arrow-el {
    color: #6e4637;
}
.app-mode-nar .x-tab.x-hovered .x-inner-el {
    background-color: #9d8177;
}
.app-mode-nar .x-tab.x-pressing .x-inner-el,
.app-mode-nar .x-tab.x-pressed .x-inner-el {
    background-color: #9d8177;
}
.app-mode-nar .x-tab.x-active .x-inner-el {
    background-color: #ccbeb9;
}
.app-mode-nar .x-tab .x-inner-el {
    background-color: #907266;
}

/* others x-itme */
.app-mode-nar .x-progress .x-progress-bar {
    background-color: #6e4637;
}
.app-mode-nar .x-toast {
    border-width: 2px solid #6e4637;
}
.app-mode-nar .x-strip-el {
    background-color: #ccbeb9;
}
.app-mode-nar .x-gridcolumn.x-sorted > .x-header-el {
    background-color: #ccbeb9;
}
.app-mode-nar .x-picker-bar {
    background-color: #d9cecb;
}
.app-mode-nar .x-gridcell.x-selected {
    background-color: #d9cecb;
}
.app-mode-nar .x-gridcell.x-hovered {
    background-color: #ede8e7;
}
.app-mode-nar .x-gridcolumn > .x-header-el:hover {
    background-color: #ede8e7;
}
.app-mode-nar .x-gridcolumn > .x-header-el .x-trigger-el {
    background-color: #ede8e7;
}
.app-mode-nar .x-menuitem.x-active .x-body-el {
    background-color: #e6dfdc;
}
.app-mode-nar .x-menucheckitem.x-active .x-body-el {
    background-color: #e6dfdc;
}
.app-mode-nar .x-menuradioitem.x-active .x-body-el {
    background-color: #e6dfdc;
}
.app-mode-nar .x-tooltip {
    background-color: #f2efee;
}
.app-mode-nar .x-tooltip > .x-anchor-el .x-pointer-el {
    fill: #f2efee;
}
.app-mode-nar .x-tooltip-body-el {
    background-color: #f2efee;
}
.app-mode-nar .x-tooltipheader {
    background-color: #f2efee;
}

/* loading indicator */
.app-mode-nar .x-loading-spinner > span.x-loading-top {
    background-color: rgba(95, 60, 47, 0.99);
}
.app-mode-nar .x-loading-spinner > span.x-loading-top::after {
    background-color: rgba(95, 60, 47, 0.9);
}
.app-mode-nar .x-loading-spinner > span.x-loading-left::before {
    background-color: rgba(95, 60, 47, 0.8);
}
.app-mode-nar .x-loading-spinner > span.x-loading-left {
    background-color: rgba(95, 60, 47, 0.7);
}
.app-mode-nar .x-loading-spinner > span.x-loading-left::after {
    background-color: rgba(95, 60, 47, 0.6);
}
.app-mode-nar .x-loading-spinner > span.x-loading-bottom::before {
    background-color: rgba(95, 60, 47, 0.5);
}
.app-mode-nar .x-loading-spinner > span.x-loading-bottom {
    background-color: rgba(95, 60, 47, 0.4);
}
.app-mode-nar .x-loading-spinner > span.x-loading-bottom::after {
    background-color: rgba(95, 60, 47, 0.35);
}
.app-mode-nar .x-loading-spinner > span.x-loading-right::before {
    background-color: rgba(95, 60, 47, 0.3);
}
.app-mode-nar .x-loading-spinner > span.x-loading-right {
    background-color: rgba(95, 60, 47, 0.25);
}
.app-mode-nar .x-loading-spinner > span.x-loading-right::after {
    background-color: rgba(95, 60, 47, 0.2);
}
.app-mode-nar .x-loading-spinner > span.x-loading-top::before {
    background-color: rgba(95, 60, 47, 0.15);
}

/* orginal */
.app-mode-nar .s-highlight-label .x-innerhtml,
.app-mode-nar .s-highlight-label {
    background-color: #846255;
}
.app-mode-nar .diagram tr:nth-child(1) th {
    background-color: #846255;
}
.app-mode-nar .propsheet tr:nth-child(1) th {
    background-color: #846255;
}
.app-mode-nar .indexnum tr:nth-child(1) th {
    background-color: #846255;
}
.app-mode-nar .s-bg-highlight {
    background-color: #846255;
}
div.s-menu:hover {
    background-color: #967a6f;
}
.app-mode-nar .s-tplgrid-tip .x-button:hover {
    background: #ccbeb9 !important;
}
.app-mode-nar .s-light-label .x-innerhtml,
.app-mode-nar .s-light-label {
    background-color: #ccbeb9;
    color: #5f3c2f;
}
.app-mode-nar .s-form-responsive-container.x-container {
    border-right: 1px solid #ccbeb9;
}
.app-mode-nar .s-odds-body:hover {
    background-color: #ccbeb9;
}
.app-mode-nar .propsheet th {
    color: #5f3c2f;
    background-color: #dbd1cd;
}
.app-mode-nar .tplgrid th[class*="sort"] {
    background-color: #846255;
}
.app-mode-nar .tplgrid th:not([class*="sort"]):hover {
    background-color: #ccbeb9 !important;
}
.app-mode-nar .tplgrid .s-link:hover,
.app-mode-nar .tplgrid .s-link:hover div {
    background-color: #ccbeb9 !important;
}
.app-mode-nar .tplgrid td.s-calc {
    background-color: #f2e9e0;
}
.app-mode-nar .tplgrid .s-edit:hover {
    background-color: #f2e9e0
}
.app-mode-nar .tplgrid .s-calc:hover {
    background-color: #dbd1cd;
}


/* 共通で設定しないと負けてしまうスタイル */
.app-mode-nar .x-tabbar-maintabbar {
    background-color: #444;
    background-image: none;
    border-color: #000;
    color: #ccc;
}
.app-mode-nar .x-tab-maintab {
    color: #ccc;
}
.app-mode-nar .x-tab-maintab.x-active.x-focused .x-inner-el,
.app-mode-nar .x-tab-maintab .x-inner-el,
.app-mode-nar .x-tab-maintab.x-hovered .x-inner-el {
    background-color: #444;
    background-image: none;
}
.app-mode-nar .x-tab-maintab.x-active .x-inner-el,
.app-mode-nar .x-tab-maintab.x-pressing .x-inner-el,
.app-mode-nar .x-tab-maintab.x-pressed .x-inner-el {
    background-color: #666;
    background-image: none;
}

.app-mode-nar .x-tabbar-maintabbar .x-title,
.app-mode-nar .x-tab-maintab.x-active .x-icon-el,
.app-mode-nar .x-tab-maintab.x-active,
.app-mode-nar .x-tab-maintab .x-icon-el,
.app-mode-nar .x-tab-maintab .x-arrow-el,
.app-mode-nar .x-tab-maintab.x-pressing,
.app-mode-nar .x-tab-maintab.x-pressed,
.app-mode-nar .x-tab-maintab.x-pressing .x-icon-el,
.app-mode-nar .x-tab-maintab.x-pressed .x-icon-el,
.app-mode-nar .x-tab-maintab.x-pressing .x-arrow-el,
.app-mode-nar .x-tab-maintab.x-pressed .x-arrow-el {
    color: #fff;
}
.app-mode-nar .x-tab-maintab.x-disabled,
.app-mode-nar .x-tab-maintab.x-disabled .x-icon-el,
.app-mode-nar .x-tab-maintab.x-disabled .x-arrow-el {
    color: #aaa;
}