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

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

/* toolbar/tabbar/titlebar */
.app-mode-jra .x-toolbar-bottomtb {
    background-color: #0c6e48;
}
.app-mode-jra .x-toolbar-footer {
    border-color: #517769;
    background-color: #dfe9e5;
}
.app-mode-jra .x-tabbar-subtabbar {
    background-color: #0a5f3e;
}
.app-mode-jra .x-tabbar {
    background-color: #0c6e48;
    border-color: #0c6e48;
}

/* gradient */
.app-mode-jra .x-tab .x-badge-el {
    border-color: #661a00; /* これはこの色でいいぽい　バッジアイコン */
    background-image: -webkit-linear-gradient(top, #308463, #0a5f3e);
    background-image: -moz-linear-gradient(top, #308463, #0a5f3e);
    background-image: -o-linear-gradient(top, #308463, #0a5f3e);
    background-image: -ms-linear-gradient(top, #308463, #0a5f3e);
}
.app-mode-jra .x-button-darkmenuitem .x-inner-el {
    border-color: #25664d;
    background-image: -webkit-linear-gradient(top, #308463, #308463);
    background-image: -moz-linear-gradient(top, #308463, #308463);
    background-image: -o-linear-gradient(top, #308463, #308463);
    background-image: -ms-linear-gradient(top, #308463, #308463);
    border-radius: 0;
}
.app-mode-jra .x-tabbar ,
.app-mode-jra .x-toolbar {
    background-image: none;
    background-color: #0c6e48;
}
.app-mode-jra .x-tabbar.x-tabbar-subtabbar,
.app-mode-jra .x-toolbar.x-toolbar-subtabbar{
    background-image: none;
    background-color: #0a5f3e;
}
/*
.app-mode-jra .x-toolbar {
    background-image: -webkit-linear-gradient(top, #308463, #0a5f3e);
    background-image: -moz-linear-gradient(top, #308463, #0a5f3e);
    background-image: -o-linear-gradient(top, #308463, #0a5f3e);
    background-image: -ms-linear-gradient(top, #308463, #0a5f3e);
}
*/
.app-mode-jra .x-titlebar {
    background-color: #0c6e48;
    background-image: -webkit-linear-gradient(top, #308463, #0a5f3e);
    background-image: -moz-linear-gradient(top, #308463, #0a5f3e);
    background-image: -o-linear-gradient(top, #308463, #0a5f3e);
    background-image: -ms-linear-gradient(top, #308463, #0a5f3e);
}
.app-mode-jra .x-button-action .x-inner-el {
    border-color: #25664d;
    background-image: -webkit-linear-gradient(top, #459073, #308463 50%, #2e7d5e 51%, #308463);
    background-image: -moz-linear-gradient(top, #459073, #308463 50%, #2e7d5e 51%, #308463);
    background-image: -o-linear-gradient(top, #459073, #308463 50%, #2e7d5e 51%, #308463);
    background-image: -ms-linear-gradient(top, #459073, #308463 50%, #2e7d5e 51%, #308463);
}
.app-mode-jra .x-button-flat.x-hovered .x-inner-el {
    border-color: #90bdac;
    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-jra .x-button-flat.x-pressing .x-inner-el,
.app-mode-jra .x-button-flat.x-pressed .x-inner-el {
    border-color: #90bdac;
    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-jra .x-button-numbutton .x-inner-el {
    background-image: -webkit-linear-gradient(top, #e9f2e6, #e9f2e6);
    background-image: -moz-linear-gradient(top, #e9f2e6, #e9f2e6);
    background-image: -o-linear-gradient(top, #e9f2e6, #e9f2e6);
    background-image: -ms-linear-gradient(top, #e9f2e6, #e9f2e6);
}
.app-mode-jra .x-button-numbutton.x-hovered .x-inner-el {
    border-color: #90bdac;
    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-jra .x-button-numbutton.x-pressing .x-inner-el,
.app-mode-jra .x-button-numbutton.x-pressed .x-inner-el {
    border-color: #90bdac;
    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-jra .x-button-darkmenuitem.x-hovered .x-inner-el {
    border-color: #90bdac;
    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-jra .x-button-darkmenuitem.x-pressing .x-inner-el,
.app-mode-jra .x-button-darkmenuitem.x-pressed .x-inner-el {
    border-color: #90bdac;
    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-jra .x-button-action.x-pressing .x-inner-el,
.app-mode-jra .x-button-action.x-pressed .x-inner-el {
    border-color: #15392b;
    background-image: -webkit-linear-gradient(top, #205741, #1e533e 50%, #205741 51%, #366854);
    background-image: -moz-linear-gradient(top, #205741, #1e533e 50%, #205741 51%, #366854);
    background-image: -o-linear-gradient(top, #205741, #1e533e 50%, #205741 51%, #366854);
    background-image: -ms-linear-gradient(top, #205741, #1e533e 50%, #205741 51%, #366854);
}
.app-mode-jra .x-button-action.x-hovered .x-inner-el {
    border-color: #1d503c;
    background-image: -webkit-linear-gradient(top, #3d7c63, #286e52 50%, #26684e 51%, #286e52);
    background-image: -moz-linear-gradient(top, #3d7c63, #286e52 50%, #26684e 51%, #286e52);
    background-image: -o-linear-gradient(top, #3d7c63, #286e52 50%, #26684e 51%, #286e52);
    background-image: -ms-linear-gradient(top, #3d7c63, #286e52 50%, #26684e 51%, #286e52);
}

/* tab/button */
.app-mode-jra .x-tab.x-active {
    color: #0c6e48;
}
.app-mode-jra .x-tab.x-active .x-icon-el {
    color: #0c6e48;
}
.app-mode-jra .x-tab.x-active .x-arrow-el {
    color: #0c6e48;
}
.app-mode-jra .x-tab.x-active.x-focused {
    color: #0c6e48;
}
.app-mode-jra .x-tab.x-active.x-focused .x-icon-el {
    color: #0c6e48;
}
.app-mode-jra .x-tab.x-active.x-focused .x-arrow-el {
    color: #0c6e48;
}
.app-mode-jra .x-tab.x-hovered .x-inner-el {
    background-color: #599d82;
}
.app-mode-jra .x-tab.x-pressing .x-inner-el,
.app-mode-jra .x-tab.x-pressed .x-inner-el {
    background-color: #599d82;
}
.app-mode-jra .x-tab.x-active .x-inner-el {
    background-color: #aaccbf;
}
.app-mode-jra .x-tab .x-inner-el {
    background-color: #459073;
}

/* others x-itme */
.app-mode-jra .x-progress .x-progress-bar {
    background-color: #0c6e48;
}
.app-mode-jra .x-toast {
    border-width: 2px solid #0c6e48;
}
.app-mode-jra .x-strip-el {
    background-color: #aaccbf;
}
.app-mode-jra .x-gridcolumn.x-sorted > .x-header-el {
    background-color: #aaccbf;
}
.app-mode-jra .x-picker-bar {
    background-color: #bfd9cf;
}
.app-mode-jra .x-gridcell.x-selected {
    background-color: #bfd9cf;
}
.app-mode-jra .x-gridcell.x-hovered {
    background-color: #e1ede9;
}
.app-mode-jra .x-gridcolumn > .x-header-el:hover {
    background-color: #e1ede9;
}
.app-mode-jra .x-gridcolumn > .x-header-el .x-trigger-el {
    background-color: #e1ede9;
}
.app-mode-jra .x-menuitem.x-active .x-body-el {
    background-color: #d4e6df;
}
.app-mode-jra .x-menucheckitem.x-active .x-body-el {
    background-color: #d4e6df;
}
.app-mode-jra .x-menuradioitem.x-active .x-body-el {
    background-color: #d4e6df;
}
.app-mode-jra .x-tooltip {
    background-color: #eaf2ef;
}
.app-mode-jra .x-tooltip > .x-anchor-el .x-pointer-el {
    fill: #eaf2ef;
}
.app-mode-jra .x-tooltip-body-el {
    background-color: #eaf2ef;
}
.app-mode-jra .x-tooltipheader {
    background-color: #eaf2ef;
}

/* loading indicator */
.app-mode-jra .x-loading-spinner > span.x-loading-top {
    background-color: rgba(10, 95, 62, 0.99);
}
.app-mode-jra .x-loading-spinner > span.x-loading-top::after {
    background-color: rgba(10, 95, 62, 0.9);
}
.app-mode-jra .x-loading-spinner > span.x-loading-left::before {
    background-color: rgba(10, 95, 62, 0.8);
}
.app-mode-jra .x-loading-spinner > span.x-loading-left {
    background-color: rgba(10, 95, 62, 0.7);
}
.app-mode-jra .x-loading-spinner > span.x-loading-left::after {
    background-color: rgba(10, 95, 62, 0.6);
}
.app-mode-jra .x-loading-spinner > span.x-loading-bottom::before {
    background-color: rgba(10, 95, 62, 0.5);
}
.app-mode-jra .x-loading-spinner > span.x-loading-bottom {
    background-color: rgba(10, 95, 62, 0.4);
}
.app-mode-jra .x-loading-spinner > span.x-loading-bottom::after {
    background-color: rgba(10, 95, 62, 0.35);
}
.app-mode-jra .x-loading-spinner > span.x-loading-right::before {
    background-color: rgba(10, 95, 62, 0.3);
}
.app-mode-jra .x-loading-spinner > span.x-loading-right {
    background-color: rgba(10, 95, 62, 0.25);
}
.app-mode-jra .x-loading-spinner > span.x-loading-right::after {
    background-color: rgba(10, 95, 62, 0.2);
}
.app-mode-jra .x-loading-spinner > span.x-loading-top::before {
    background-color: rgba(10, 95, 62, 0.15);
}
/* orginal */
.app-mode-jra .s-highlight-label .x-innerhtml,
.app-mode-jra .s-highlight-label {
    background-color: #308463;
}
.app-mode-jra .diagram tr:nth-child(1) th {
    background-color: #308463;
}
.app-mode-jra .propsheet tr:nth-child(1) th {
    background-color: #308463;
}
.app-mode-jra .indexnum tr:nth-child(1) th {
    background-color: #308463;
}
.app-mode-jra .s-bg-highlight {
    background-color: #308463;
}
div.s-menu:hover {
    background-color: #4f967a;
}
.app-mode-jra .s-tplgrid-tip .x-button:hover {
    background: #aaccbf !important;
}
.app-mode-jra .s-light-label .x-innerhtml,
.app-mode-jra .s-light-label {
    background-color: #aaccbf;
    color: #0a5f3e;
}
.app-mode-jra .s-form-responsive-container.x-container {
    border-right: 1px solid #aaccbf;
}
.app-mode-jra .s-odds-body:hover {
    background-color: #aaccbf;
}
.app-mode-jra .propsheet th {
    color: #0a5f3e;
    background-color: #c2dbd1;
}
.app-mode-jra .tplgrid th[class*="sort"] {
    background-color: #308463;
}
.app-mode-jra .tplgrid th:not([class*="sort"]):hover {
    background-color: #aaccbf !important;
}
.app-mode-jra .tplgrid .s-link:hover,
.app-mode-jra .tplgrid .s-link:hover div {
    background-color: #aaccbf !important;
}
.app-mode-jra .tplgrid td.s-calc {
    background-color: #e9f2e6;
}
.app-mode-jra .tplgrid .s-edit:hover {
    background-color: #e9f2e6
}
.app-mode-jra .tplgrid .s-calc:hover {
    background-color: #c2dbd1
}


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

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