.mask-grid-readonly .x-mask {
  background-color: rgba(255, 255, 255, 0.5);
}

.x-btn-default-small {
  border-color: #bdbdbd;
  color: #fff;
}

/* line 137, ../../../ext-theme-base/sass/etc/mixins/frame.scss */

.x-btn-default-small {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 3px 3px 3px 3px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #fcb23f;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #f7cb46),
    color-stop(50%, #ecb050),
    color-stop(51%, #eaa537),
    color-stop(100%, #ec9c1e)
  );
  background-image: -webkit-linear-gradient(
    top,
    #f7cb46,
    #ecb050 50%,
    #eaa537 51%,
    #ec9c1e
  );
  background-image: -moz-linear-gradient(
    top,
    #f7cb46,
    #ecb050 50%,
    #eaa537 51%,
    #ec9c1e
  );
  background-image: -o-linear-gradient(
    top,
    #f7cb46,
    #ecb050 50%,
    #eaa537 51%,
    #ec9c1e
  );
  background-image: linear-gradient(
    top,
    #f7cb46,
    #ecb050 50%,
    #eaa537 51%,
    #ec9c1e
  );
}

.x-btn-default-small-mc {
  background-color: #f8f8f8;
}

.x-btn-default-small .x-btn-inner {
  color: #fff;
}

.x-btn-default-small .x-btn-glyph {
  color: #fff;
}

.x-ie8m .x-btn-default-small .x-btn-glyph {
  color: #959595;
}

/* line 492, ../../../ext-theme-neutral/sass/src/button/Button.scss */

.x-btn-default-small-over {
  border-color: #d89327;
  background-image: none;
  background-color: #d48304;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #fbc269),
    color-stop(50%, #d89327),
    color-stop(51%, #d48914),
    color-stop(100%, #d48304)
  );
  background-image: -webkit-linear-gradient(
    top,
    #fbc269,
    #d89327 50%,
    #d48914 51%,
    #d48304
  );
  background-image: -moz-linear-gradient(
    top,
    #fbc269,
    #d89327 50%,
    #d48914 51%,
    #d48304
  );
  background-image: -o-linear-gradient(
    top,
    #fbc269,
    #d89327 50%,
    #d48914 51%,
    #d48304
  );
  background-image: linear-gradient(
    top,
    #fbc269,
    #d89327 50%,
    #d48914 51%,
    #d48304
  );
}

/* line 516, ../../../ext-theme-neutral/sass/src/button/Button.scss */

.x-btn-default-small-focus {
  border-color: #d89327;
  background-image: none;
  background-color: #d48304;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #fbc269),
    color-stop(50%, #d89327),
    color-stop(51%, #d48914),
    color-stop(100%, #d48304)
  );
  background-image: -webkit-linear-gradient(
    top,
    #fbc269,
    #d89327 50%,
    #d48914 51%,
    #d48304
  );
  background-image: -moz-linear-gradient(
    top,
    #fbc269,
    #d89327 50%,
    #d48914 51%,
    #d48304
  );
  background-image: -o-linear-gradient(
    top,
    #fbc269,
    #d89327 50%,
    #d48914 51%,
    #d48304
  );
  background-image: linear-gradient(
    top,
    #fbc269,
    #d89327 50%,
    #d48914 51%,
    #d48304
  );
}

/* line 541, ../../../ext-theme-neutral/sass/src/button/Button.scss */

.x-btn-default-small-menu-active,
.x-btn-default-small-pressed {
  border-color: #d89327;
  background-image: none;
  background-color: #d48304;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #d48304),
    color-stop(50%, #d48914),
    color-stop(51%, #d89327),
    color-stop(100%, #fbc269)
  );
  background-image: -webkit-linear-gradient(
    top,
    #d48304,
    #d48914 50%,
    #d89327 51%,
    #fbc269
  );
  background-image: -moz-linear-gradient(
    top,
    #d48304,
    #d48914 50%,
    #d89327 51%,
    #fbc269
  );
  background-image: -o-linear-gradient(
    top,
    #d48304,
    #d48914 50%,
    #d89327 51%,
    #fbc269
  );
  background-image: linear-gradient(
    top,
    #d48304,
    #d48914 50%,
    #d89327 51%,
    #fbc269
  );
}

.x-btn-default-small-over .x-frame-mc {
  background-color: #dca604;
}

.x-btn-default-small-focus .x-frame-mc {
  background-color: #dca604;
}

.x-btn-default-small-menu-active .x-frame-mc,
.x-btn-default-small-pressed .x-frame-mc {
  background-color: #e0ae1b;
}

.x-btn-default-medium {
  border-color: #bbbbbb;
}

.x-btn-default-medium {
  background-image: none;
  background-color: #f8f8f8;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #ffffff),
    color-stop(100%, #eeeeee)
  );
  background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
  background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);
  background-image: -o-linear-gradient(top, #ffffff, #eeeeee);
  background-image: linear-gradient(top, #ffffff, #eeeeee);
}

.x-btn-default-medium-mc {
  background-color: #f8f8f8;
}

.x-btn-default-medium .x-btn-inner {
  color: #333333;
}

.x-btn-default-medium .x-btn-glyph {
  color: #333333;
}

.x-ie8m .x-btn-default-medium .x-btn-glyph {
  color: #959595;
}

.x-btn-default-medium-disabled {
  border-color: #d7d7d7;
  background-image: none;
  background-color: #ececec;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #f4f4f4),
    color-stop(100%, #e2e2e2)
  );
  background-image: -webkit-linear-gradient(top, #f4f4f4, #e2e2e2);
  background-image: -moz-linear-gradient(top, #f4f4f4, #e2e2e2);
  background-image: -o-linear-gradient(top, #f4f4f4, #e2e2e2);
  background-image: linear-gradient(top, #f4f4f4, #e2e2e2);
}

.x-btn-default-medium-over {
  border-color: #9d9d9d;
  background-image: none;
  background-color: #f3f3f3;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #fbfbfb),
    color-stop(100%, #e9e9e9)
  );
  background-image: -webkit-linear-gradient(top, #fbfbfb, #e9e9e9);
  background-image: -moz-linear-gradient(top, #fbfbfb, #e9e9e9);
  background-image: -o-linear-gradient(top, #fbfbfb, #e9e9e9);
  background-image: linear-gradient(top, #fbfbfb, #e9e9e9);
}

.x-btn-default-medium-focus {
  border-color: #9d9d9d;
  background-image: none;
  background-color: #f3f3f3;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #fbfbfb),
    color-stop(100%, #e9e9e9)
  );
  background-image: -webkit-linear-gradient(top, #fbfbfb, #e9e9e9);
  background-image: -moz-linear-gradient(top, #fbfbfb, #e9e9e9);
  background-image: -o-linear-gradient(top, #fbfbfb, #e9e9e9);
  background-image: linear-gradient(top, #fbfbfb, #e9e9e9);
}

.x-btn-default-medium-menu-active,
.x-btn-default-medium-pressed {
  border-color: #9d9d9d;
  background-image: none;
  background-color: #d6d6d6;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #c7c7c7),
    color-stop(100%, #e0e0e0)
  );
  background-image: -webkit-linear-gradient(top, #c7c7c7, #e0e0e0);
  background-image: -moz-linear-gradient(top, #c7c7c7, #e0e0e0);
  background-image: -o-linear-gradient(top, #c7c7c7, #e0e0e0);
  background-image: linear-gradient(top, #c7c7c7, #e0e0e0);
}

.x-btn-default-medium-over .x-frame-mc {
  background-color: #f3f3f3;
}

.x-btn-default-medium-focus .x-frame-mc {
  background-color: #f3f3f3;
}

.x-btn-default-medium-menu-active .x-frame-mc,
.x-btn-default-medium-pressed .x-frame-mc {
  background-color: #d6d6d6;
}

.x-btn-default-medium-disabled .x-frame-mc {
  background-color: #ececec;
}

.x-btn-default-large {
  border-color: #bbbbbb;
}

.x-btn-default-large {
  background-image: none;
  background-color: #f8f8f8;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #ffffff),
    color-stop(100%, #eeeeee)
  );
  background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
  background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);
  background-image: -o-linear-gradient(top, #ffffff, #eeeeee);
  background-image: linear-gradient(top, #ffffff, #eeeeee);
}

.x-btn-default-large-mc {
  background-color: #f8f8f8;
}

.x-btn-default-large .x-btn-inner {
  color: #333333;
}

.x-btn-default-large .x-btn-glyph {
  color: #333333;
}

.x-ie8m .x-btn-default-large .x-btn-glyph {
  color: #959595;
}

.x-btn-default-large-disabled {
  border-color: #d7d7d7;
  background-image: none;
  background-color: #ececec;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #f4f4f4),
    color-stop(100%, #e2e2e2)
  );
  background-image: -webkit-linear-gradient(top, #f4f4f4, #e2e2e2);
  background-image: -moz-linear-gradient(top, #f4f4f4, #e2e2e2);
  background-image: -o-linear-gradient(top, #f4f4f4, #e2e2e2);
  background-image: linear-gradient(top, #f4f4f4, #e2e2e2);
}

.x-btn-default-large-over {
  border-color: #9d9d9d;
  background-image: none;
  background-color: #f3f3f3;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #fbfbfb),
    color-stop(100%, #e9e9e9)
  );
  background-image: -webkit-linear-gradient(top, #fbfbfb, #e9e9e9);
  background-image: -moz-linear-gradient(top, #fbfbfb, #e9e9e9);
  background-image: -o-linear-gradient(top, #fbfbfb, #e9e9e9);
  background-image: linear-gradient(top, #fbfbfb, #e9e9e9);
}

.x-btn-default-large-focus {
  border-color: #9d9d9d;
  background-image: none;
  background-color: #f3f3f3;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #fbfbfb),
    color-stop(100%, #e9e9e9)
  );
  background-image: -webkit-linear-gradient(top, #fbfbfb, #e9e9e9);
  background-image: -moz-linear-gradient(top, #fbfbfb, #e9e9e9);
  background-image: -o-linear-gradient(top, #fbfbfb, #e9e9e9);
  background-image: linear-gradient(top, #fbfbfb, #e9e9e9);
}

.x-btn-default-large-menu-active,
.x-btn-default-large-pressed {
  border-color: #9d9d9d;
  background-image: none;
  background-color: #d6d6d6;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #c7c7c7),
    color-stop(100%, #e0e0e0)
  );
  background-image: -webkit-linear-gradient(top, #c7c7c7, #e0e0e0);
  background-image: -moz-linear-gradient(top, #c7c7c7, #e0e0e0);
  background-image: -o-linear-gradient(top, #c7c7c7, #e0e0e0);
  background-image: linear-gradient(top, #c7c7c7, #e0e0e0);
}

.x-btn-default-large-over .x-frame-mc {
  background-color: #f3f3f3;
}

.x-btn-default-large-focus .x-frame-mc {
  background-color: #f3f3f3;
}

.x-btn-default-large-menu-active .x-frame-mc,
.x-btn-default-large-pressed .x-frame-mc {
  background-color: #d6d6d6;
}

.x-btn-default-large-disabled .x-frame-mc {
  background-color: #ececec;
}

.x-btn-default-toolbar-small {
  border-color: #e1e1e1;
}

/* line 137, ../../../ext-theme-base/sass/etc/mixins/frame.scss */

.x-btn-default-toolbar-small {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 3px 3px 3px 3px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #f5f5f5;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #f6f6f6),
    color-stop(50%, #f5f5f5),
    color-stop(51%, #e8e8e8),
    color-stop(100%, #f5f5f5)
  );
  background-image: -webkit-linear-gradient(
    top,
    #f6f6f6,
    #f5f5f5 50%,
    #e8e8e8 51%,
    #f5f5f5
  );
  background-image: -moz-linear-gradient(
    top,
    #f6f6f6,
    #f5f5f5 50%,
    #e8e8e8 51%,
    #f5f5f5
  );
  background-image: -o-linear-gradient(
    top,
    #f6f6f6,
    #f5f5f5 50%,
    #e8e8e8 51%,
    #f5f5f5
  );
  background-image: linear-gradient(
    top,
    #f6f6f6,
    #f5f5f5 50%,
    #e8e8e8 51%,
    #f5f5f5
  );
}

/* .x-btn-default-toolbar-small .x-btn-inner {
  color: #000;
}

.x-btn-default-toolbar-small .x-btn-glyph {
  color: #000;
} */

/* .x-ie8m .x-btn-default-toolbar-small .x-btn-glyph {
  color: #999999;
} */

.x-btn-default-toolbar-small-disabled {
  border-color: #d7d7d7;
}

.x-btn-default-toolbar-small-disabled .x-btn-inner {
  color: #8c8c8c;
}

/* line 492, ../../../ext-theme-neutral/sass/src/button/Button.scss */

.x-btn-default-toolbar-small-over {
  border-color: #157fcc;
  background-image: none;
  background-color: #3386c2;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #4792c8),
    color-stop(50%, #3386c2),
    color-stop(51%, #307fb8),
    color-stop(100%, #3386c2)
  );
  background-image: -webkit-linear-gradient(
    top,
    #4792c8,
    #3386c2 50%,
    #307fb8 51%,
    #3386c2
  );
  background-image: -moz-linear-gradient(
    top,
    #4792c8,
    #3386c2 50%,
    #307fb8 51%,
    #3386c2
  );
  background-image: -o-linear-gradient(
    top,
    #4792c8,
    #3386c2 50%,
    #307fb8 51%,
    #3386c2
  );
  background-image: linear-gradient(
    top,
    #4792c8,
    #3386c2 50%,
    #307fb8 51%,
    #3386c2
  );
}

.x-btn-default-toolbar-small-over .x-btn-inner {
  color: #fff !important;
}

/* line 516, ../../../ext-theme-neutral/sass/src/button/Button.scss */

.x-btn-default-toolbar-small-focus {
  border-color: #157fcc;
  background-image: none;
  background-color: #3386c2;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #4792c8),
    color-stop(50%, #3386c2),
    color-stop(51%, #307fb8),
    color-stop(100%, #3386c2)
  );
  background-image: -webkit-linear-gradient(
    top,
    #4792c8,
    #3386c2 50%,
    #307fb8 51%,
    #3386c2
  );
  background-image: -moz-linear-gradient(
    top,
    #4792c8,
    #3386c2 50%,
    #307fb8 51%,
    #3386c2
  );
  background-image: -o-linear-gradient(
    top,
    #4792c8,
    #3386c2 50%,
    #307fb8 51%,
    #3386c2
  );
  background-image: linear-gradient(
    top,
    #4792c8,
    #3386c2 50%,
    #307fb8 51%,
    #3386c2
  );
}

/* line 541, ../../../ext-theme-neutral/sass/src/button/Button.scss */

.x-btn-default-toolbar-small-menu-active,
.x-btn-default-toolbar-small-pressed {
  border-color: #157fcc;
  background-image: none;
  background-color: #2a6d9e;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #2a6d9e),
    color-stop(50%, #276796),
    color-stop(51%, #2a6d9e),
    color-stop(100%, #3f7ba7)
  );
  background-image: -webkit-linear-gradient(
    top,
    #2a6d9e,
    #276796 50%,
    #2a6d9e 51%,
    #3f7ba7
  );
  background-image: -moz-linear-gradient(
    top,
    #2a6d9e,
    #276796 50%,
    #2a6d9e 51%,
    #3f7ba7
  );
  background-image: -o-linear-gradient(
    top,
    #2a6d9e,
    #276796 50%,
    #2a6d9e 51%,
    #3f7ba7
  );
  background-image: linear-gradient(
    top,
    #2a6d9e,
    #276796 50%,
    #2a6d9e 51%,
    #3f7ba7
  );
}

.x-btn-default-toolbar-small-over .x-frame-mc {
  color: #fff;
  background-color: #f3f3f3;
}

.x-btn-default-toolbar-small-focus .x-frame-mc {
  color: #fff;
  background-color: #f3f3f3;
}

.x-btn-default-toolbar-small-menu-active .x-frame-mc,
.x-btn-default-toolbar-small-pressed .x-frame-mc {
  color: #fff;
  background-color: #d6d6d6;
}

.x-btn-default-toolbar-medium .x-btn-inner {
  color: #333333;
}

.x-btn-default-toolbar-medium .x-btn-glyph {
  color: #333333;
}

.x-ie8m .x-btn-default-toolbar-medium .x-btn-glyph {
  color: #999999;
}

.x-btn-default-toolbar-medium-disabled {
  border-color: #d7d7d7;
}

.x-btn-default-toolbar-medium-disabled .x-btn-inner {
  color: #8c8c8c;
}

.x-btn-default-toolbar-medium-over {
  border-color: #9d9d9d;
  background-image: none;
  background-color: #f3f3f3;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #fbfbfb),
    color-stop(100%, #e9e9e9)
  );
  background-image: -webkit-linear-gradient(top, #fbfbfb, #e9e9e9);
  background-image: -moz-linear-gradient(top, #fbfbfb, #e9e9e9);
  background-image: -o-linear-gradient(top, #fbfbfb, #e9e9e9);
  background-image: linear-gradient(top, #fbfbfb, #e9e9e9);
}

.x-btn-default-toolbar-medium-focus {
  border-color: #9d9d9d;
  background-image: none;
  background-color: #f3f3f3;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #fbfbfb),
    color-stop(100%, #e9e9e9)
  );
  background-image: -webkit-linear-gradient(top, #fbfbfb, #e9e9e9);
  background-image: -moz-linear-gradient(top, #fbfbfb, #e9e9e9);
  background-image: -o-linear-gradient(top, #fbfbfb, #e9e9e9);
  background-image: linear-gradient(top, #fbfbfb, #e9e9e9);
}

.x-btn-default-toolbar-medium-menu-active,
.x-btn-default-toolbar-medium-pressed {
  border-color: #9d9d9d;
  background-image: none;
  background-color: #d6d6d6;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #c7c7c7),
    color-stop(100%, #e0e0e0)
  );
  background-image: -webkit-linear-gradient(top, #c7c7c7, #e0e0e0);
  background-image: -moz-linear-gradient(top, #c7c7c7, #e0e0e0);
  background-image: -o-linear-gradient(top, #c7c7c7, #e0e0e0);
  background-image: linear-gradient(top, #c7c7c7, #e0e0e0);
}

.x-btn-default-toolbar-medium-over .x-frame-mc {
  background-color: #f3f3f3;
}

.x-btn-default-toolbar-medium-focus .x-frame-mc {
  background-color: #f3f3f3;
}

.x-btn-default-toolbar-medium-menu-active .x-frame-mc,
.x-btn-default-toolbar-medium-pressed .x-frame-mc {
  background-color: #d6d6d6;
}

.x-btn-default-toolbar-large .x-btn-inner {
  color: #333333;
}

.x-btn-default-toolbar-large .x-btn-glyph {
  color: #333333;
}

.x-ie8m .x-btn-default-toolbar-large .x-btn-glyph {
  color: #999999;
}

.x-btn-default-toolbar-large-disabled {
  border-color: #d7d7d7;
}

.x-btn-default-toolbar-large-disabled .x-btn-inner {
  color: #8c8c8c;
}

.x-btn-default-toolbar-large-over {
  border-color: #9d9d9d;
  background-image: none;
  background-color: #f3f3f3;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #fbfbfb),
    color-stop(100%, #e9e9e9)
  );
  background-image: -webkit-linear-gradient(top, #fbfbfb, #e9e9e9);
  background-image: -moz-linear-gradient(top, #fbfbfb, #e9e9e9);
  background-image: -o-linear-gradient(top, #fbfbfb, #e9e9e9);
  background-image: linear-gradient(top, #fbfbfb, #e9e9e9);
}

.x-btn-default-toolbar-large-focus {
  border-color: #9d9d9d;
  background-image: none;
  background-color: #f3f3f3;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #fbfbfb),
    color-stop(100%, #e9e9e9)
  );
  background-image: -webkit-linear-gradient(top, #fbfbfb, #e9e9e9);
  background-image: -moz-linear-gradient(top, #fbfbfb, #e9e9e9);
  background-image: -o-linear-gradient(top, #fbfbfb, #e9e9e9);
  background-image: linear-gradient(top, #fbfbfb, #e9e9e9);
}

.x-btn-default-toolbar-large-menu-active,
.x-btn-default-toolbar-large-pressed {
  border-color: #9d9d9d;
  background-image: none;
  background-color: #d6d6d6;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #c7c7c7),
    color-stop(100%, #e0e0e0)
  );
  background-image: -webkit-linear-gradient(top, #c7c7c7, #e0e0e0);
  background-image: -moz-linear-gradient(top, #c7c7c7, #e0e0e0);
  background-image: -o-linear-gradient(top, #c7c7c7, #e0e0e0);
  background-image: linear-gradient(top, #c7c7c7, #e0e0e0);
}

.x-btn-default-toolbar-large-over .x-frame-mc {
  background-color: #f3f3f3;
}

.x-btn-default-toolbar-large-focus .x-frame-mc {
  background-color: #f3f3f3;
}

.x-btn-default-toolbar-large-menu-active .x-frame-mc,
.x-btn-default-toolbar-large-pressed .x-frame-mc {
  background-color: #d6d6d6;
}

.x-toolbar-text {
  color: black;
}

.x-toolbar-separator-horizontal {
  border-left-color: #aca899;
  border-right-color: white;
}

.x-toolbar-footer {
  background: transparent;
}

.x-toolbar-default {
  border-color: #bcb0b0;
  background-image: none;
  background-color: #d8d8d8;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #e6e6e6),
    color-stop(100%, #efefef)
  );
  background-image: -webkit-linear-gradient(top, #e6e6e6, #efefef);
  background-image: -moz-linear-gradient(top, #e6e6e6, #efefef);
  background-image: -o-linear-gradient(top, #e6e6e6, #efefef);
  background-image: linear-gradient(top, #e6e6e6, #efefef);
}

.x-toolbar-scroll-left {
  border-color: #8db2e3;
}

.x-toolbar-scroll-right {
  border-color: #8db2e3;
}

.x-toolbar-vertical .x-toolbar-separator-vertical {
  border-top-color: #aca899;
  border-bottom-color: white;
}

.x-panel-default {
  border-color: #d0d0d0;
}

.x-panel-header-default {
  border-color: #d0d0d0;
}

.x-panel-header-text-container-default {
  color: #333333;
}

.x-panel-body-default {
  background: white;
  border-color: #d0d0d0;
  color: black;
}

.x-panel-header-default {
  background-image: none;
  background-color: #d7d2d2;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #f0f0f0),
    color-stop(100%, #d7d7d7)
  );
  background-image: -webkit-linear-gradient(top, #f0f0f0, #d7d7d7);
  background-image: -moz-linear-gradient(top, #f0f0f0, #d7d7d7);
  background-image: -o-linear-gradient(top, #f0f0f0, #d7d7d7);
  background-image: linear-gradient(top, #f0f0f0, #d7d7d7);
}

.x-panel-header-default-vertical {
  background-image: none;
  background-color: #d7d2d2;
  background-image: -webkit-gradient(
    linear,
    100% 50%,
    0% 50%,
    color-stop(0%, #f0f0f0),
    color-stop(100%, #d7d7d7)
  );
  background-image: -webkit-linear-gradient(right, #f0f0f0, #d7d7d7);
  background-image: -moz-linear-gradient(right, #f0f0f0, #d7d7d7);
  background-image: -o-linear-gradient(right, #f0f0f0, #d7d7d7);
  background-image: linear-gradient(right, #f0f0f0, #d7d7d7);
}

.x-ie9m .x-panel-header-default-vertical .x-panel-header-text-container {
  background-color: #d7d2d2;
  filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1), progid: DXImageTransform.Microsoft.Chroma(color=#d7d2d2);
}

.x-panel-header-default-top {
  -webkit-box-shadow: #ececec 0 1px 0px 0 inset;
  -moz-box-shadow: #ececec 0 1px 0px 0 inset;
  box-shadow: #ececec 0 1px 0px 0 inset;
}

.x-panel-header-default-right {
  -webkit-box-shadow: #ececec -1px 0 0px 0 inset;
  -moz-box-shadow: #ececec -1px 0 0px 0 inset;
  box-shadow: #ececec -1px 0 0px 0 inset;
}

.x-panel-header-default-bottom {
  -webkit-box-shadow: #ececec 0 -1px 0px 0 inset;
  -moz-box-shadow: #ececec 0 -1px 0px 0 inset;
  box-shadow: #ececec 0 -1px 0px 0 inset;
}

.x-panel-header-default-left {
  -webkit-box-shadow: #ececec 1px 0 0px 0 inset;
  -moz-box-shadow: #ececec 1px 0 0px 0 inset;
  box-shadow: #ececec 1px 0 0px 0 inset;
}

.x-panel-header-default .x-panel-header-glyph {
  color: #333333;
}

.x-ie8m .x-panel-header-default .x-panel-header-glyph {
  color: #858282;
}

.x-panel-default-framed {
  border-color: #d0d0d0;
}

.x-panel-header-default-framed {
  border-color: #d0d0d0;
}

.x-panel-header-text-container-default-framed {
  color: #333333;
}

.x-panel-body-default-framed {
  background: #f1f1f1;
  border-color: #d0d0d0;
  color: black;
}

.x-panel-default-framed {
  background-color: #f1f1f1;
}

.x-panel-default-framed-mc {
  background-color: #f1f1f1;
}

.x-panel-header-default-framed-top {
  background-image: none;
  background-color: #d7d2d2;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #f0f0f0),
    color-stop(100%, #d7d7d7)
  );
  background-image: -webkit-linear-gradient(top, #f0f0f0, #d7d7d7);
  background-image: -moz-linear-gradient(top, #f0f0f0, #d7d7d7);
  background-image: -o-linear-gradient(top, #f0f0f0, #d7d7d7);
  background-image: linear-gradient(top, #f0f0f0, #d7d7d7);
}

.x-panel-header-default-framed-top-mc {
  background-color: #d7d2d2;
}

.x-panel-header-default-framed-right {
  background-image: none;
  background-color: #d7d2d2;
  background-image: -webkit-gradient(
    linear,
    100% 50%,
    0% 50%,
    color-stop(0%, #f0f0f0),
    color-stop(100%, #d7d7d7)
  );
  background-image: -webkit-linear-gradient(right, #f0f0f0, #d7d7d7);
  background-image: -moz-linear-gradient(right, #f0f0f0, #d7d7d7);
  background-image: -o-linear-gradient(right, #f0f0f0, #d7d7d7);
  background-image: linear-gradient(right, #f0f0f0, #d7d7d7);
}

.x-panel-header-default-framed-right-mc {
  background-color: #d7d2d2;
}

.x-panel-header-default-framed-bottom {
  background-image: none;
  background-color: #d7d2d2;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #f0f0f0),
    color-stop(100%, #d7d7d7)
  );
  background-image: -webkit-linear-gradient(top, #f0f0f0, #d7d7d7);
  background-image: -moz-linear-gradient(top, #f0f0f0, #d7d7d7);
  background-image: -o-linear-gradient(top, #f0f0f0, #d7d7d7);
  background-image: linear-gradient(top, #f0f0f0, #d7d7d7);
}

.x-panel-header-default-framed-bottom-mc {
  background-color: #d7d2d2;
}

.x-panel-header-default-framed-left {
  background-image: none;
  background-color: #d7d2d2;
  background-image: -webkit-gradient(
    linear,
    100% 50%,
    0% 50%,
    color-stop(0%, #f0f0f0),
    color-stop(100%, #d7d7d7)
  );
  background-image: -webkit-linear-gradient(right, #f0f0f0, #d7d7d7);
  background-image: -moz-linear-gradient(right, #f0f0f0, #d7d7d7);
  background-image: -o-linear-gradient(right, #f0f0f0, #d7d7d7);
  background-image: linear-gradient(right, #f0f0f0, #d7d7d7);
}

.x-panel-header-default-framed-left-mc {
  background-color: #d7d2d2;
}

.x-panel-header-default-framed-collapsed-top {
  background-image: none;
  background-color: #d7d2d2;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #f0f0f0),
    color-stop(100%, #d7d7d7)
  );
  background-image: -webkit-linear-gradient(top, #f0f0f0, #d7d7d7);
  background-image: -moz-linear-gradient(top, #f0f0f0, #d7d7d7);
  background-image: -o-linear-gradient(top, #f0f0f0, #d7d7d7);
  background-image: linear-gradient(top, #f0f0f0, #d7d7d7);
}

.x-panel-header-default-framed-collapsed-top-mc {
  background-color: #d7d2d2;
}

.x-panel-header-default-framed-collapsed-right {
  background-image: none;
  background-color: #d7d2d2;
  background-image: -webkit-gradient(
    linear,
    100% 50%,
    0% 50%,
    color-stop(0%, #f0f0f0),
    color-stop(100%, #d7d7d7)
  );
  background-image: -webkit-linear-gradient(right, #f0f0f0, #d7d7d7);
  background-image: -moz-linear-gradient(right, #f0f0f0, #d7d7d7);
  background-image: -o-linear-gradient(right, #f0f0f0, #d7d7d7);
  background-image: linear-gradient(right, #f0f0f0, #d7d7d7);
}

.x-panel-header-default-framed-collapsed-right-mc {
  background-color: #d7d2d2;
}

.x-panel-header-default-framed-collapsed-bottom {
  background-image: none;
  background-color: #d7d2d2;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #f0f0f0),
    color-stop(100%, #d7d7d7)
  );
  background-image: -webkit-linear-gradient(top, #f0f0f0, #d7d7d7);
  background-image: -moz-linear-gradient(top, #f0f0f0, #d7d7d7);
  background-image: -o-linear-gradient(top, #f0f0f0, #d7d7d7);
  background-image: linear-gradient(top, #f0f0f0, #d7d7d7);
}

.x-panel-header-default-framed-collapsed-bottom-mc {
  background-color: #d7d2d2;
}

.x-panel-header-default-framed-collapsed-left {
  background-image: none;
  background-color: #d7d2d2;
  background-image: -webkit-gradient(
    linear,
    100% 50%,
    0% 50%,
    color-stop(0%, #f0f0f0),
    color-stop(100%, #d7d7d7)
  );
  background-image: -webkit-linear-gradient(right, #f0f0f0, #d7d7d7);
  background-image: -moz-linear-gradient(right, #f0f0f0, #d7d7d7);
  background-image: -o-linear-gradient(right, #f0f0f0, #d7d7d7);
  background-image: linear-gradient(right, #f0f0f0, #d7d7d7);
}

.x-panel-header-default-framed-collapsed-left-mc {
  background-color: #d7d2d2;
}

.x-ie9m .x-panel-header-default-framed-vertical .x-panel-header-text-container {
  background-color: #d7d2d2;
  filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1), progid: DXImageTransform.Microsoft.Chroma(color=#d7d2d2);
}

.x-panel-header-default-framed-top {
  -webkit-box-shadow: #ececec 0 1px 0px 0 inset, #ececec -1px 0 0px 0 inset,
    #ececec 1px 0 0px 0 inset;
  -moz-box-shadow: #ececec 0 1px 0px 0 inset, #ececec -1px 0 0px 0 inset,
    #ececec 1px 0 0px 0 inset;
  box-shadow: #ececec 0 1px 0px 0 inset, #ececec -1px 0 0px 0 inset,
    #ececec 1px 0 0px 0 inset;
}

.x-panel-header-default-framed-right {
  -webkit-box-shadow: #ececec 0 1px 0px 0 inset, #ececec 0 -1px 0px 0 inset,
    #ececec -1px 0 0px 0 inset;
  -moz-box-shadow: #ececec 0 1px 0px 0 inset, #ececec 0 -1px 0px 0 inset,
    #ececec -1px 0 0px 0 inset;
  box-shadow: #ececec 0 1px 0px 0 inset, #ececec 0 -1px 0px 0 inset,
    #ececec -1px 0 0px 0 inset;
}

.x-panel-header-default-framed-bottom {
  -webkit-box-shadow: #ececec 0 -1px 0px 0 inset, #ececec -1px 0 0px 0 inset,
    #ececec 1px 0 0px 0 inset;
  -moz-box-shadow: #ececec 0 -1px 0px 0 inset, #ececec -1px 0 0px 0 inset,
    #ececec 1px 0 0px 0 inset;
  box-shadow: #ececec 0 -1px 0px 0 inset, #ececec -1px 0 0px 0 inset,
    #ececec 1px 0 0px 0 inset;
}

.x-panel-header-default-framed-left {
  -webkit-box-shadow: #ececec 0 1px 0px 0 inset, #ececec 0 -1px 0px 0 inset,
    #ececec 1px 0 0px 0 inset;
  -moz-box-shadow: #ececec 0 1px 0px 0 inset, #ececec 0 -1px 0px 0 inset,
    #ececec 1px 0 0px 0 inset;
  box-shadow: #ececec 0 1px 0px 0 inset, #ececec 0 -1px 0px 0 inset,
    #ececec 1px 0 0px 0 inset;
}

.x-panel-header-default-framed .x-panel-header-glyph {
  color: #333333;
}

.x-ie8m .x-panel-header-default-framed .x-panel-header-glyph {
  color: #858282;
}

.x-tip-anchor {
  border-color: #868686;
}

.x-tip-anchor-top {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  _border-top-color: pink;
  _border-left-color: pink;
  _border-right-color: pink;
  _filter: chroma(color=pink);
}

.x-tip-anchor-bottom {
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  _border-bottom-color: pink;
  _border-left-color: pink;
  _border-right-color: pink;
  _filter: chroma(color=pink);
}

.x-tip-anchor-left {
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  _border-top-color: pink;
  _border-bottom-color: pink;
  _border-left-color: pink;
  _filter: chroma(color=pink);
}

.x-tip-anchor-right {
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
  _border-top-color: pink;
  _border-bottom-color: pink;
  _border-right-color: pink;
  _filter: chroma(color=pink);
}

.x-tip-default {
  background-color: #cccccc;
}

.x-tip-default-mc {
  background-color: #cccccc;
}

.x-tip-default {
  border-color: #868686;
}

.x-tip-default .x-tool-img {
  background-color: #cccccc;
}

.x-tip-header-text-container-default {
  color: #444444;
}

.x-tip-body-default {
  color: #444444;
}

.x-tip-body-default a {
  color: #2a2a2a;
}

.x-tip-form-invalid {
  background-color: white;
}

.x-tip-form-invalid-mc {
  background-color: white;
}

.x-tip-form-invalid {
  border-color: #a1311f;
  -webkit-box-shadow: #d87166 0 1px 0px 0 inset, #d87166 0 -1px 0px 0 inset,
    #d87166 -1px 0 0px 0 inset, #d87166 1px 0 0px 0 inset;
  -moz-box-shadow: #d87166 0 1px 0px 0 inset, #d87166 0 -1px 0px 0 inset,
    #d87166 -1px 0 0px 0 inset, #d87166 1px 0 0px 0 inset;
  box-shadow: #d87166 0 1px 0px 0 inset, #d87166 0 -1px 0px 0 inset,
    #d87166 -1px 0 0px 0 inset, #d87166 1px 0 0px 0 inset;
}

.x-tip-form-invalid .x-tool-img {
  background-color: white;
}

.x-tip-header-text-container-form-invalid {
  color: #444444;
}

.x-tip-body-form-invalid {
  color: #444444;
}

.x-tip-body-form-invalid a {
  color: #2a2a2a;
}

.x-btn-group-default {
  border-color: #d0d0d0;
  -webkit-box-shadow: #ececec 0 1px 0px 0 inset, #ececec 0 -1px 0px 0 inset,
    #ececec -1px 0 0px 0 inset, #ececec 1px 0 0px 0 inset;
  -moz-box-shadow: #ececec 0 1px 0px 0 inset, #ececec 0 -1px 0px 0 inset,
    #ececec -1px 0 0px 0 inset, #ececec 1px 0 0px 0 inset;
  box-shadow: #ececec 0 1px 0px 0 inset, #ececec 0 -1px 0px 0 inset,
    #ececec -1px 0 0px 0 inset, #ececec 1px 0 0px 0 inset;
}

.x-btn-group-header-default {
  background: #dfdfdf;
}

.x-btn-group-header-default .x-tool-img {
  background-color: #dfdfdf;
}

.x-btn-group-header-text-container-default {
  color: #666666;
}

.x-btn-group-default-framed {
  background-color: #d6d6d6;
}

.x-btn-group-default-framed-mc {
  background-color: #d6d6d6;
}

.x-btn-group-default-framed-notitle {
  background-color: #d6d6d6;
}

.x-btn-group-default-framed-notitle-mc {
  background-color: #d6d6d6;
}

.x-btn-group-default-framed {
  border-color: #d0d0d0;
  -webkit-box-shadow: #ececec 0 1px 0px 0 inset, #ececec 0 -1px 0px 0 inset,
    #ececec -1px 0 0px 0 inset, #ececec 1px 0 0px 0 inset;
  -moz-box-shadow: #ececec 0 1px 0px 0 inset, #ececec 0 -1px 0px 0 inset,
    #ececec -1px 0 0px 0 inset, #ececec 1px 0 0px 0 inset;
  box-shadow: #ececec 0 1px 0px 0 inset, #ececec 0 -1px 0px 0 inset,
    #ececec -1px 0 0px 0 inset, #ececec 1px 0 0px 0 inset;
}

.x-btn-group-header-default-framed {
  background: #dfdfdf;
}

.x-btn-group-header-default-framed .x-tool-img {
  background-color: #dfdfdf;
}

.x-btn-group-header-text-container-default-framed {
  color: #666666;
}

.x-window-ghost {
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=65);
  opacity: 0.65;
}

.x-window-default {
  border-color: #a9a9a9;
  -webkit-box-shadow: #ebe7e7 0 1px 0px 0 inset, #ebe7e7 0 -1px 0px 0 inset,
    #ebe7e7 -1px 0 0px 0 inset, #ebe7e7 1px 0 0px 0 inset;
  -moz-box-shadow: #ebe7e7 0 1px 0px 0 inset, #ebe7e7 0 -1px 0px 0 inset,
    #ebe7e7 -1px 0 0px 0 inset, #ebe7e7 1px 0 0px 0 inset;
  box-shadow: #ebe7e7 0 1px 0px 0 inset, #ebe7e7 0 -1px 0px 0 inset,
    #ebe7e7 -1px 0 0px 0 inset, #ebe7e7 1px 0 0px 0 inset;
}

.x-window-default {
  border-width: 1px;
  background-color: #e8e8e8;
}

.x-window-default-mc {
  background-color: #e8e8e8;
}

.x-window-body-default {
  border-color: #bcb1b0;
  background: #e0e0e0;
  color: black;
}

.x-window-header-default {
  border-width: 1px !important;
  border-color: #a9a9a9;
  background-color: #e8e8e8;
}

.x-window-header-default .x-tool-img {
  background-color: #e8e8e8;
}

.x-ie9m .x-window-header-default-vertical .x-window-header-text-container {
  background-color: #e8e8e8;
  filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1), progid: DXImageTransform.Microsoft.Chroma(color=#e8e8e8);
}

.x-window-header-text-container-default {
  color: #ffffff;
}

/* line 137, ../../../ext-theme-base/sass/etc/mixins/frame.scss */

.x-window-header-default-top {
  background-color: #009973;
}

.x-window-header-default-top-mc {
  background-color: #e8e8e8;
}

.x-window-header-default-right {
  background-color: #e8e8e8;
}

.x-window-header-default-right-mc {
  background-color: #e8e8e8;
}

.x-window-header-default-bottom {
  background-color: #e8e8e8;
}

.x-window-header-default-bottom-mc {
  background-color: #e8e8e8;
}

.x-window-header-default-left {
  background-color: #e8e8e8;
}

.x-window-header-default-left-mc {
  background-color: #e8e8e8;
}

.x-window-header-default-collapsed-top {
  background-color: #e8e8e8;
}

.x-window-header-default-collapsed-top-mc {
  background-color: #e8e8e8;
}

.x-window-header-default-collapsed-right {
  background-color: #e8e8e8;
}

.x-window-header-default-collapsed-right-mc {
  background-color: #e8e8e8;
}

.x-window-header-default-collapsed-bottom {
  background-color: #e8e8e8;
}

.x-window-header-default-collapsed-bottom-mc {
  background-color: #e8e8e8;
}

.x-window-header-default-collapsed-left {
  background-color: #e8e8e8;
}

.x-window-header-default-collapsed-left-mc {
  background-color: #e8e8e8;
}

.x-window-header-default-top {
  -webkit-box-shadow: #ebe7e7 0 1px 0px 0 inset, #ebe7e7 -1px 0 0px 0 inset,
    #ebe7e7 1px 0 0px 0 inset;
  -moz-box-shadow: #ebe7e7 0 1px 0px 0 inset, #ebe7e7 -1px 0 0px 0 inset,
    #ebe7e7 1px 0 0px 0 inset;
  box-shadow: #ebe7e7 0 1px 0px 0 inset, #ebe7e7 -1px 0 0px 0 inset,
    #ebe7e7 1px 0 0px 0 inset;
}

.x-window-header-default-right {
  -webkit-box-shadow: #ebe7e7 0 1px 0px 0 inset, #ebe7e7 0 -1px 0px 0 inset,
    #ebe7e7 -1px 0 0px 0 inset;
  -moz-box-shadow: #ebe7e7 0 1px 0px 0 inset, #ebe7e7 0 -1px 0px 0 inset,
    #ebe7e7 -1px 0 0px 0 inset;
  box-shadow: #ebe7e7 0 1px 0px 0 inset, #ebe7e7 0 -1px 0px 0 inset,
    #ebe7e7 -1px 0 0px 0 inset;
}

.x-window-header-default-bottom {
  -webkit-box-shadow: #ebe7e7 0 -1px 0px 0 inset, #ebe7e7 -1px 0 0px 0 inset,
    #ebe7e7 1px 0 0px 0 inset;
  -moz-box-shadow: #ebe7e7 0 -1px 0px 0 inset, #ebe7e7 -1px 0 0px 0 inset,
    #ebe7e7 1px 0 0px 0 inset;
  box-shadow: #ebe7e7 0 -1px 0px 0 inset, #ebe7e7 -1px 0 0px 0 inset,
    #ebe7e7 1px 0 0px 0 inset;
}

.x-window-header-default-left {
  -webkit-box-shadow: #ebe7e7 0 1px 0px 0 inset, #ebe7e7 0 -1px 0px 0 inset,
    #ebe7e7 1px 0 0px 0 inset;
  -moz-box-shadow: #ebe7e7 0 1px 0px 0 inset, #ebe7e7 0 -1px 0px 0 inset,
    #ebe7e7 1px 0 0px 0 inset;
  box-shadow: #ebe7e7 0 1px 0px 0 inset, #ebe7e7 0 -1px 0px 0 inset,
    #ebe7e7 1px 0 0px 0 inset;
}

.x-window-header-default .x-window-header-icon {
  color: #333333;
}

.x-window-header-default .x-window-header-glyph {
  color: #333333;
}

.x-ie8m .x-window-header-default .x-window-header-glyph {
  color: #8d8d8d;
}

.x-form-invalid-under {
  color: #c0272b;
}

.x-form-item-label {
  color: black;
}

.x-form-field {
  color: black;
}

.x-form-type-text textarea.x-form-invalid-field,
.x-form-type-text input.x-form-invalid-field,
.x-form-type-password textarea.x-form-invalid-field,
.x-form-type-password input.x-form-invalid-field,
.x-form-type-number textarea.x-form-invalid-field,
.x-form-type-number input.x-form-invalid-field,
.x-form-type-email textarea.x-form-invalid-field,
.x-form-type-email input.x-form-invalid-field,
.x-form-type-search textarea.x-form-invalid-field,
.x-form-type-search input.x-form-invalid-field,
.x-form-type-tel textarea.x-form-invalid-field,
.x-form-type-tel input.x-form-invalid-field {
  background-color: white;
  border-color: #cc3300;
}

.x-form-text {
  color: black;
  background: white repeat-x 0 0;
  border-color: #b5b8c8;
}

.x-form-focus {
  /* border-color: #a1a1a1; */
  border-color: #3892d3;
}

.x-form-empty-field,
textarea.x-form-empty-field {
  color: gray;
}

.x-form-display-field {
  color: black;
}

.x-message-box .x-window-body {
  background-color: #e8e8e8;
}

.x-form-invalid .x-form-checkboxgroup-body {
  border: 1px solid #cc3300;
}

.x-check-group-alt {
  background: #d5d5d5;
  border-top-color: #b4b4b4;
  border-bottom-color: #b4b4b4;
}

.x-form-check-group-label {
  color: black;
  border-color: black;
}

.x-fieldset {
  border-color: #b5b8c8;
}

.x-fieldset-header-text {
  color: #333333;
}

.x-form-trigger {
  border-color: #b5b8c8;
}

.x-trigger-cell {
  background-color: #eaeaea;
  /* background-color: white;*/
}

.x-form-trigger-over {
  border-color: #a1a1a1;
}

.x-form-trigger-wrap-focus .x-form-trigger {
  border-color: #009973;
}

div.x-form-spinner-up,
div.x-form-spinner-down {
  background-color: white;
}

.x-boundlist {
  border-color: #b5b8c8;
  background: white;
}

.x-boundlist-item {
  border-color: white;
}

/* .x-boundlist-selected {
  background: #d3d3d3;
  border-color: #b3abaa;
}

.x-boundlist-item-over {
  background: #e0e0e0;
  border-color: #bfb8b8;
} */

.x-boundlist-selected {
  background: #c1ddf1;
  border-color: #c1ddf1;
}

.x-boundlist-item-over {
  background: #d6e8f6;
  border-color: #d6e8f6;
}

.x-datepicker {
  border-color: #585858;
  background-color: white;
}

.x-datepicker-header {
  background-color: #6f6f6f;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #777777),
    color-stop(100%, #656565)
  );
  background-image: -webkit-linear-gradient(top, #777777, #656565);
  background-image: -moz-linear-gradient(top, #777777, #656565);
  background-image: -o-linear-gradient(top, #777777, #656565);
  background-image: linear-gradient(top, #777777, #656565);
}

.x-datepicker-arrow {
  background-color: #6f6f6f;
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

.x-datepicker-month .x-btn-inner {
  color: white;
}

.x-datepicker-column-header {
  color: #3e3e3e;
  border-color: #d0d0d0;
  background-image: none;
  background-color: #e9e9e9;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #f1f1f1),
    color-stop(100%, #dfdfdf)
  );
  background-image: -webkit-linear-gradient(top, #f1f1f1, #dfdfdf);
  background-image: -moz-linear-gradient(top, #f1f1f1, #dfdfdf);
  background-image: -o-linear-gradient(top, #f1f1f1, #dfdfdf);
  background-image: linear-gradient(top, #f1f1f1, #dfdfdf);
}

.x-datepicker-cell {
  border-color: white;
}

.x-datepicker-date {
  color: black;
}

a.x-datepicker-date:hover {
  color: black;
  background-color: #9affe6;
}

.x-datepicker-selected {
  /* border-color: #b2aaa9; */
  border-color: #9affe6;
}

.x-datepicker-selected .x-datepicker-date {
  /* background-color: #d8d8d8; */
  background-color: #9affe6;
}

.x-datepicker-today {
  border-color: darkred;
}

.x-datepicker-prevday .x-datepicker-date,
.x-datepicker-nextday .x-datepicker-date {
  color: #aaaaaa;
}

.x-datepicker-disabled a.x-datepicker-date {
  background-color: #eeeeee;
  color: #bbbbbb;
}

.x-datepicker-disabled a.x-datepicker-date:hover {
  background-color: #eeeeee;
}

.x-datepicker-footer,
.x-monthpicker-buttons {
  border-color: #d0d0d0;
  background-image: none;
  background-color: #e9e9e9;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #dfdfdf),
    color-stop(49%, #d6d6d6),
    color-stop(51%, #d0d0d0),
    color-stop(100%, #d2d2d2)
  );
  background-image: -webkit-linear-gradient(
    top,
    #dfdfdf,
    #d6d6d6 49%,
    #d0d0d0 51%,
    #d2d2d2
  );
  background-image: -moz-linear-gradient(
    top,
    #dfdfdf,
    #d6d6d6 49%,
    #d0d0d0 51%,
    #d2d2d2
  );
  background-image: -o-linear-gradient(
    top,
    #dfdfdf,
    #d6d6d6 49%,
    #d0d0d0 51%,
    #d2d2d2
  );
  background-image: linear-gradient(
    top,
    #dfdfdf,
    #d6d6d6 49%,
    #d0d0d0 51%,
    #d2d2d2
  );
}

.x-monthpicker {
  height: 240px;
  border-color: #585858;
  background-color: white;
}

.x-monthpicker-months {
  border-color: #585858;
}

.x-monthpicker-item-inner {
  color: #523a39;
  border-color: white;
}

a.x-monthpicker-item-inner:hover {
  background-color: #9affe6;
}

.x-monthpicker-selected {
  background-color: #9affe6;
  border-color: #b2aaa9;
}

.x-monthpicker-yearnav-button {
  background-color: white;
}

.x-form-file-wrap .x-form-text {
  color: gray;
}

.x-color-picker {
  background-color: white;
  border-color: white;
}

.x-color-picker-item {
  border-color: white;
  background-color: white;
}

a.x-color-picker-item:hover {
  border-color: #8bb8f3;
  background-color: #deecfd;
}

.x-color-picker-selected {
  border-color: #8bb8f3;
  background-color: #deecfd;
}

.x-color-picker-item-inner {
  border-color: #aca899;
}

.x-html-editor-wrap textarea {
  background-color: white;
}

.x-grid-body {
  background: white;
  border-color: #d0d0d0;
}

.x-grid-empty {
  color: gray;
  background-color: white;
}

.x-grid-cell {
  color: null;
  background-color: white;
  border-color: #ededed #c6c6c6 #ededed #c6c6c6;
}

.x-grid-row-alt .x-grid-td {
  background-color: #fafafa;
}

.x-grid-row-before-over .x-grid-td {
  border-bottom-color: #dddddd;
}

.x-grid-row-over .x-grid-td {
  /* border-bottom-color: #dddddd; */
  border-bottom-color: #9affe6;
}

.x-grid-row-before-selected .x-grid-td {
  border-bottom-color: #bfb8b8;
}

.x-grid-row-selected .x-grid-td {
  border-bottom-color: #bfb8b8;
}

.x-grid-row-before-focused .x-grid-td {
  /* border-bottom-color: #464646; */
  border-bottom-color: #9affe6;
}

.x-grid-row-focused .x-grid-td {
  background-color: #efefef;
}

.x-grid-row-over .x-grid-td {
  /* background-color: #efefef; */
  background-color: #9affe6;
}

.x-grid-row-selected .x-grid-td {
  /* background-color: #e0e0e0; */
  background-color: #9affe6;
}

.x-grid-row-focused .x-grid-td {
  border-bottom-color: #9affe6;
  /* border-bottom-color: #464646; */
}

.x-grid-table .x-grid-row-focused-first .x-grid-td {
  border-top-color: #464646;
}

.x-grid-row-selected .x-grid-row-summary .x-grid-td {
  border-bottom-color: #e0e0e0;
}

.x-grid-row-focused .x-grid-row-summary .x-grid-td {
  border-bottom-color: #efefef;
}

.x-grid-with-row-lines .x-grid-table {
  border-top-color: white;
}

.x-grid-with-row-lines .x-grid-table-over-first {
  border-top-color: #dddddd;
}

.x-grid-with-row-lines .x-grid-table-selected-first {
  border-top-color: #bfb8b8;
}

.x-grid-body .x-grid-table-focused-first {
  border-top-color: #464646;
}

.x-grid-cell-special {
  border-color: #ededed #c6c6c6 #ededed #c6c6c6;
  background-image: none;
  background-color: #f6f6f6;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #f6f6f6),
    color-stop(100%, #e9e9e9)
  );
  background-image: -webkit-linear-gradient(top, #f6f6f6, #e9e9e9);
  background-image: -moz-linear-gradient(top, #f6f6f6, #e9e9e9);
  background-image: -o-linear-gradient(top, #f6f6f6, #e9e9e9);
  background-image: linear-gradient(top, #f6f6f6, #e9e9e9);
}

.x-grid-row-selected .x-grid-cell-special {
  border-right-color: #ededed #d4b7b7;
  background-image: none;
  background-color: #e0e0e0;
  background-image: -webkit-gradient(
    linear,
    0% 50%,
    100% 50%,
    color-stop(0%, #e0e0e0),
    color-stop(100%, #d3d3d3)
  );
  background-image: -webkit-linear-gradient(left, #e0e0e0, #d3d3d3);
  background-image: -moz-linear-gradient(left, #e0e0e0, #d3d3d3);
  background-image: -o-linear-gradient(left, #e0e0e0, #d3d3d3);
  background-image: linear-gradient(left, #e0e0e0, #d3d3d3);
}

.x-grid-row .x-grid-cell-selected {
  color: null;
  background-color: #b8cfee;
}

.x-grid-resize-marker {
  background-color: #0f0f0f;
}

.x-grid-drop-indicator {
  background-color: #77bc71;
}

.x-grid-header-ct {
  border-color: #d0d0d0;
  border-bottom-color: #208694;
  background-color: #208694;
  background-image: none;
  background-color: #208694;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #208694),
    color-stop(100%, #22717c)
  );
  background-image: -webkit-linear-gradient(top, #208694, #22717c);
  background-image: -moz-linear-gradient(top, #208694, #22717c);
  background-image: -o-linear-gradient(top, #208694, #22717c);
  background-image: linear-gradient(top, #208694, #22717c);
}

.x-grid-body {
  border-top-color: #c5c5c5;
}

.x-column-header,
.x-column-header-over,
.x-column-header-sort-ASC,
.x-column-header-sort-DESC {
  border-right-color: #208694;
  color: #fff;
  background-image: none;
  background-color: #208694;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #208694),
    color-stop(100%, #22717c)
  );
  background-image: -webkit-linear-gradient(top, #208694, #22717c);
  background-image: -moz-linear-gradient(top, #208694, #22717c);
  background-image: -o-linear-gradient(top, #208694, #22717c);
  background-image: linear-gradient(top, #208694, #22717c);
}

.x-group-sub-header {
  background: transparent;
  border-top-color: #c5c5c5;
}

/* .x-column-header-over,
.x-column-header-sort-ASC,
.x-column-header-sort-DESC {
  background-image: none;
  background-color: #f0f0f0;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #ffffff),
    color-stop(100%, #f0f0f0)
  );
  background-image: -webkit-linear-gradient(top, #ffffff, #f0f0f0);
  background-image: -moz-linear-gradient(top, #ffffff, #f0f0f0);
  background-image: -o-linear-gradient(top, #ffffff, #f0f0f0);
  background-image: linear-gradient(top, #ffffff, #f0f0f0);
} */

.x-grid-group-hd {
  border-color: #bcb1b0;
  background: #dcdcdc;
}

.x-grid-group-title {
  color: #616161;
}

.x-grid-rowwrap {
  border-color: #ededed #c6c6c6 #ededed #c6c6c6;
}

.x-summary-bottom {
  border-bottom-color: #c5c5c5;
}

.x-docked-summary {
  border-color: #d0d0d0;
}

.x-grid-row-summary .x-grid-cell,
.x-grid-row-summary .x-grid-rowwrap,
.x-grid-row-summary .x-grid-cell-rowbody {
  border-color: #ededed #c6c6c6 #ededed #c6c6c6;
}

.x-grid-row-editor .x-panel-body {
  border-top-color: #d0d0d0 !important;
  border-bottom-color: #d0d0d0 !important;
  background-color: #ebe6e6;
}

.x-grid-row-editor-buttons-default-bottom {
  background-color: #ebe6e6;
}

.x-grid-row-editor-buttons-default-bottom-mc {
  background-color: #ebe6e6;
}

.x-grid-row-editor-buttons-default-top {
  background-color: #ebe6e6;
}

.x-grid-row-editor-buttons-default-top-mc {
  background-color: #ebe6e6;
}

.x-grid-row-editor-buttons {
  border-color: #d0d0d0;
}

.x-accordion-layout-ct {
  background-color: white;
}

.x-accordion-hd .x-panel-header-text-container {
  color: black;
}

.x-accordion-item .x-accordion-hd {
  background: #e5e5e5;
  border-top-color: #ececec;
}

.x-accordion-item .x-accordion-hd-sibling-expanded {
  border-top-color: #d0d0d0;
}

.x-accordion-item .x-accordion-hd-last-collapsed {
  border-bottom-color: #e5e5e5;
}

.x-accordion-hd .x-tool-img {
  background-color: #e5e5e5;
}

.x-splitter-active {
  background-color: #b4b4b4;
}

.x-border-layout-ct {
  background-color: #e0e0e0;
}

.x-menu-body {
  background: #f0f0f0;
}

.x-menu-icon-separator {
  border-left-color: #e0e0e0;
  background-color: white;
}

.x-menu-item-active {
  background-image: none;
  background-color: #e6e6e6;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #eeeeee),
    color-stop(100%, #dcdcdc)
  );
  background-image: -webkit-linear-gradient(top, #eeeeee, #dcdcdc);
  background-image: -moz-linear-gradient(top, #eeeeee, #dcdcdc);
  background-image: -o-linear-gradient(top, #eeeeee, #dcdcdc);
  background-image: linear-gradient(top, #eeeeee, #dcdcdc);
  border-color: #9d9d9d;
}

.x-nlg .x-menu-item-active {
  background: #e6e6e6 repeat-x left top;
}

.x-menu-item-glyph {
  color: #222222;
}

.x-ie8m .x-menu-item-glyph {
  color: #898989;
}

.x-menu-item-text {
  color: #222222;
}

.x-menu-item-separator {
  border-top-color: #e0e0e0;
  background-color: white;
}

.x-menu-date-item {
  border-color: #99bbe8;
}

.x-menu-item .x-form-item-label {
  color: #222222;
}

.x-menu-scroll-top,
.x-menu-scroll-bottom {
  background-color: #f0f0f0;
}

.x-resizable-handle {
  background-color: #fff;
}

.x-resizable-proxy {
  border-color: #3b5a82;
}

.x-tab-bar-default {
  border-color: #d0d0d0;
}

.x-tab-bar-strip-default {
  border-color: #d0d0d0;
  background-color: #eaeaea;
}

.x-tab-bar-default {
  background-color: #d2d2d2;
}

.x-tab-bar-default-top {
  background-image: none;
  background-color: #d2d2d2;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #dfdede),
    color-stop(100%, #d2d2d2)
  );
  background-image: -webkit-linear-gradient(top, #dfdede, #d2d2d2);
  background-image: -moz-linear-gradient(top, #dfdede, #d2d2d2);
  background-image: -o-linear-gradient(top, #dfdede, #d2d2d2);
  background-image: linear-gradient(top, #dfdede, #d2d2d2);
}

.x-tab-bar-default-bottom {
  background-image: none;
  background-color: #d2d2d2;
  background-image: -webkit-gradient(
    linear,
    50% 100%,
    50% 0%,
    color-stop(0%, #dfdede),
    color-stop(100%, #d2d2d2)
  );
  background-image: -webkit-linear-gradient(bottom, #dfdede, #d2d2d2);
  background-image: -moz-linear-gradient(bottom, #dfdede, #d2d2d2);
  background-image: -o-linear-gradient(bottom, #dfdede, #d2d2d2);
  background-image: linear-gradient(bottom, #dfdede, #d2d2d2);
}

.x-tab-bar-default-left {
  background-image: none;
  background-color: #d2d2d2;
  background-image: -webkit-gradient(
    linear,
    0% 50%,
    100% 50%,
    color-stop(0%, #dfdede),
    color-stop(100%, #d2d2d2)
  );
  background-image: -webkit-linear-gradient(left, #dfdede, #d2d2d2);
  background-image: -moz-linear-gradient(left, #dfdede, #d2d2d2);
  background-image: -o-linear-gradient(left, #dfdede, #d2d2d2);
  background-image: linear-gradient(left, #dfdede, #d2d2d2);
}

.x-tab-bar-default-right {
  background-image: none;
  background-color: #d2d2d2;
  background-image: -webkit-gradient(
    linear,
    100% 50%,
    0% 50%,
    color-stop(0%, #dfdede),
    color-stop(100%, #d2d2d2)
  );
  background-image: -webkit-linear-gradient(right, #dfdede, #d2d2d2);
  background-image: -moz-linear-gradient(right, #dfdede, #d2d2d2);
  background-image: -o-linear-gradient(right, #dfdede, #d2d2d2);
  background-image: linear-gradient(right, #dfdede, #d2d2d2);
}

.x-column-header-checkbox {
  border-color: #c5c5c5;
}

.x-tree-ddindicator {
  border-color: green;
}

.x-box-mc {
  background-color: #eee;
  color: #393939;
}

.x-box-blue .x-box-mc {
  background-color: #c3daf9;
}

.x-box-blue .x-box-mc h3 {
  color: #17385b;
}

.x-html-editor-wrap .x-toolbar {
  border-left-color: #b5b8c8;
  border-top-color: #b5b8c8;
  border-right-color: #b5b8c8;
}

.x-html-editor-input {
  border-color: #b5b8c8;
}

.x-column-header-trigger {
  background-color: #c5c5c5;
}

.x-accordion-hd {
  -webkit-box-shadow: inset 0 0 0 0 #e5e5e5;
  -moz-box-shadow: inset 0 0 0 0 #e5e5e5;
  box-shadow: inset 0 0 0 0 #e5e5e5;
}

.x-accordion-hd-sibling-expanded {
  -webkit-box-shadow: inset 0 1px 0 0 #ececec;
  -moz-box-shadow: inset 0 1px 0 0 #ececec;
  box-shadow: inset 0 1px 0 0 #ececec;
}

.header-elm > .x-panel-body-default {
  /* color: #7c0294; */
  color: #fff;
  background-color: transparent;
  text-shadow: 1px 1px #aaa;
  height: 50px;
}

.header-wrap-elm .x-panel-body-default {
  background-color: transparent;
}

.x-form-item-label {
  font-size: 14px;
  /* line-height: 17px; */
  line-height: 20px;
}

.x-grid-cell-inner {
  text-overflow: ellipsis;
  padding: 5px 10px 4px 10px;
}

.x-column-header,
.x-grid-cell {
  font-size: 13px;
  line-height: 15px;
}

.x-column-header-inner {
  padding: 7px 10px 7px 10px;
  text-overflow: ellipsis;
}

.x-btn-default-small .x-btn-inner {
  font-size: 12px;
  padding: 0 5px;
}

.x-btn-default-small-icon-text-left .x-btn-inner {
  line-height: 16px;
  padding-left: 21px;
}

.x-btn-default-small {
  padding: 3px;
}

.x-toolbar {
  font-size: 13px;
}

.x-toolbar-text {
  margin: 0 6px 0 4px;
  line-height: 16px;
  font-size: 12px;
  font-weight: normal;
}

.x-toolbar-footer {
  margin: 0;
  padding: 3px 0 3px 6px;
}

.x-panel-body-default {
  font-size: 13px;
}

.x-window-header-text-container-default {
  font-weight: bold;
  line-height: 15px;
  font-size: 13px;
  padding: 1px 0 0;
}

.x-window-header-default-top {
  padding: 5px 5px 5px 5px;
}

.x-form-text {
  padding: 4px 6px 3px 6px;
  height: 28px;
  line-height: 15px;
}

.x-form-trigger-wrap .x-form-text {
  height: 26px;
}

.x-form-item,
.x-form-field {
  font-size: 14px;
}

.x-form-trigger {
  height: 26px;
  border: none;
  background-position: 44px;
}

.x-form-trigger-click,
.x-form-trigger-wrap-focus .x-form-trigger-click {
  background-position: -44px;
}

.x-form-trigger-wrap-focus .x-form-trigger {
  background-position: -66px;
}

.x-form-form-item td {
  border-top: none;
}

.x-form-trigger-wrap {
  border-color: #b5b8c8;
}

/* Datepicker Medium Size */

.date-picker-medium.x-datepicker {
  width: 300px;
}

.date-picker-medium.x-datepicker .x-datepicker-date {
  font-size: 14px;
  padding: 5px;
  padding-right: 10px;
}

.date-picker-medium.x-datepicker .x-datepicker-column-header-inner {
  font-size: 14px;
  padding: 5px;
}

.date-picker-medium.x-datepicker .x-datepicker-header {
  padding: 10px 5px;
}

.date-picker-medium.x-datepicker .x-btn-inner.x-btn-inner-center {
  font-size: 14px;
}

.date-picker-medium.x-datepicker .x-datepicker-arrow {
  top: 15px;
}

/* .date-picker-medium.x-datepicker .x-datepicker-prev {
  left: 6px;
  background-image: url(../images/icons/previous-icon.png)
}

.date-picker-medium.x-datepicker .x-datepicker-next {
  right: 6px;
  background-image: url(../images/icons/next-icon.png)
} */

.date-picker-medium.x-datepicker .x-monthpicker-months {
  width: 150px;
}

.date-picker-medium.x-datepicker .x-monthpicker-months .x-monthpicker-item {
  width: 65px;
  margin-left: 5px;
}

.date-picker-medium.x-datepicker .x-monthpicker-item-inner {
  font-size: 14px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.date-picker-medium.x-datepicker .x-monthpicker-years {
  width: 145px;
}

.date-picker-medium.x-datepicker .x-monthpicker-years .x-monthpicker-item {
  width: 65px;
  margin-left: 5px;
}

.date-picker-medium.x-datepicker
  .x-monthpicker-yearnav
  .x-monthpicker-yearnav-button-ct:first-child {
  margin-left: 5px;
}

.date-picker-medium.x-datepicker
  .x-monthpicker-yearnav
  .x-monthpicker-yearnav-button-ct {
  width: 70px;
}

/* .date-picker-medium.x-datepicker .x-monthpicker-yearnav-button {
  height: 24px;
  width: 24px;
  background-color: transparent;
}

.date-picker-medium.x-datepicker .x-monthpicker-years div:first-child {
  height: 24px;
} */

/* .date-picker-medium.x-datepicker .x-monthpicker-yearnav-prev,
.date-picker-medium.x-datepicker .x-monthpicker-yearnav-prev-over {
  background-image: url(../images/icons/previous-icon.png) !important;
  background-position: center center;
}

.date-picker-medium.x-datepicker .x-monthpicker-yearnav-next,
.date-picker-medium.x-datepicker .x-monthpicker-yearnav-next-over {
  background-image: url(../images/icons/next-icon.png) !important;
  background-position: center center;
} */

/* End Datepicker Medium Size */

/* Yearpicker Medium Size */

/* Datepicker Medium Size */

.year-picker-medium.x-monthpicker {
  width: 150px;
}

.year-picker-medium.x-monthpicker .x-monthpicker-date {
  font-size: 14px;
  padding: 5px;
  padding-right: 10px;
}

.year-picker-medium.x-monthpicker .x-monthpicker-column-header-inner {
  font-size: 14px;
  padding: 5px;
}

.year-picker-medium.x-monthpicker .x-monthpicker-header {
  padding: 10px 5px;
}

.year-picker-medium.x-monthpicker .x-btn-inner.x-btn-inner-center {
  font-size: 14px;
}

.year-picker-medium.x-monthpicker .x-monthpicker-arrow {
  top: 15px;
}

/* .year-picker-medium.x-monthpicker .x-monthpicker-prev {
left: 6px;
background-image: url(../images/icons/previous-icon.png)
}

.year-picker-medium.x-monthpicker .x-monthpicker-next {
right: 6px;
background-image: url(../images/icons/next-icon.png)
} */

.year-picker-medium.x-monthpicker .x-monthpicker-months {
  width: 150px;
}

.year-picker-medium.x-monthpicker .x-monthpicker-months .x-monthpicker-item {
  width: 65px;
  margin-left: 5px;
}

.year-picker-medium.x-monthpicker .x-monthpicker-item-inner {
  font-size: 14px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.year-picker-medium.x-monthpicker .x-monthpicker-years {
  width: 145px;
}

.year-picker-medium.x-monthpicker .x-monthpicker-years .x-monthpicker-item {
  width: 65px;
  margin-left: 5px;
}

.year-picker-medium.x-monthpicker
  .x-monthpicker-yearnav
  .x-monthpicker-yearnav-button-ct:first-child {
  margin-left: 5px;
}

.year-picker-medium.x-monthpicker
  .x-monthpicker-yearnav
  .x-monthpicker-yearnav-button-ct {
  width: 70px;
}

/* End Yearpicker Medium Size */

.x-form-text.x-form-textarea {
  height: auto;
}

.x-form-add-trigger {
  background-image: url(../ext/resources/ext-theme-neptune/images/form/add-trigger.png);
}

.x-form-camera-trigger {
  background-image: url(../ext/resources/ext-theme-neptune/images/form/camera-trigger.png);
}

.images-view .thumb-wrap {
  margin: 4px;
  width: 23.8%;
}

.images-view .thumb-wrap span {
  padding-top: 10px;
}

.images-view .thumb {
  background: #fff;
  text-align: center;
}

.images-view .thumb img {
  width: auto;
}

.item-over {
  cursor: pointer;
}

/* Custom Toolbar default */

.x-toolbar-default {
  background-image: none !important;
  background-color: #a7a7a7 !important;
}

/* .x-btn-default-toolbar-small {
  background-image: linear-gradient(to right, #d7d7d7 0%, #fff 50%, #d7d7d7 100%) !important;
} */

.x-btn-default-toolbar-small {
  background-image: linear-gradient(
    to right,
    #fff 0%,
    #fff 50%,
    #fff 100%
  ) !important;
}

.x-btn-default-toolbar-small-icon-text-top .x-btn-icon-el {
  height: 60px !important;
}

.x-btn-default-toolbar-small-icon-text-top .x-btn-inner {
  color: #009973;
  padding-top: 55px;
}

.x-btn-default-toolbar-small-over {
  background-image: linear-gradient(
    to right,
    #cecece 0%,
    #cecece 51%,
    #cecece 100%
  ) !important;
  background-color: 004980 !important;
  color: #004a80 !important;
  background-image: -webkit-gradient(
    linear,
    50% 0,
    50% 100%,
    color-stop(0%, #0072bc),
    color-stop(50%, #0072bc),
    color-stop(51%, #6dc2fa),
    color-stop(100%, #0072bc)
  );
  background-image: -webkit-linear-gradient(
    top,
    #0072bc,
    #0072bc 50%,
    #6dc2fa 51%,
    #0072bc
  );
  background-image: -moz-linear-gradient(
    top,
    #0072bc,
    #0072bc 50%,
    #6dc2fa 51%,
    #0072bc
  );
  background-image: -o-linear-gradient(
    top,
    #0072bc,
    #0072bc 50%,
    #6dc2fa 51%,
    #0072bc
  );
  background-image: linear-gradient(
    top,
    #0072bc,
    #0072bc 50%,
    #6dc2fa 51%,
    #0072bc
  );
}

.x-btn-default-toolbar-small-focus {
  background-image: linear-gradient(
    to right,
    #cecece 0%,
    #cecece 51%,
    #cecece 100%
  ) !important;
  background-color: 0072bc !important;
  color: #fff !important;
  background-image: -webkit-gradient(
    linear,
    50% 0,
    50% 100%,
    color-stop(0%, #0072bc),
    color-stop(50%, #0072bc),
    color-stop(51%, #6dc2fa),
    color-stop(100%, #0072bc)
  );
  background-image: -webkit-linear-gradient(
    top,
    #0072bc,
    #0072bc 50%,
    #6dc2fa 51%,
    #0072bc
  );
  background-image: -moz-linear-gradient(
    top,
    #0072bc,
    #0072bc 50%,
    #6dc2fa 51%,
    #0072bc
  );
  background-image: -o-linear-gradient(
    top,
    #0072bc,
    #0072bc 50%,
    #6dc2fa 51%,
    #0072bc
  );
  background-image: linear-gradient(
    top,
    #0072bc,
    #0072bc 50%,
    #6dc2fa 51%,
    #0072bc
  );
}

.ico-calendar {
  background-image: url("../images/ssh/icon/calendar.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}

.ico-booking {
  background-image: url("../images/ssh/icon/booking.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}

.ico-phone-book {
  background-image: url("../images/ssh/icon/phone_book.png") !important;
  background-repeat: no-repeat;
  background-size: 80px !important;
  margin-bottom: 5px !important;
}

.ico-cost-estimate {
  background-image: url("../images/ssh/icon/costestimate.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}

.ico-cost-summary {
  background-image: url("../images/ssh/icon/costsummary.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}

.ico-costsum-mysale {
  background-image: url("../images/ssh/icon/costsum-mysale.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}

.ico-costsum-pabi {
  background-image: url("../images/ssh/icon/costsum-pabi.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}

.ico-evaluation {
  background-image: url("../images/ssh/icon/evaluation.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}

.ico-closed {
  background-image: url("../images/ssh/icon/closed.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}

.ico-checkin {
  background-image: url("../images/ssh/icon/checkin.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}

.ico-checkout {
  background-image: url("../images/ssh/icon/checkout.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}

.ico-namelist {
  background-image: url("../images/ssh/icon/namelist.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}

.ico-placeitem {
  background-image: url("../images/ssh/icon/placeitem.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}

.ico-customer {
  background-image: url("../images/ssh/icon/customer.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}

.ico-equipment {
  background-image: url("../images/ssh/icon/equipment.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}

.ico-repair {
  background-image: url("../images/ssh/icon/repair.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}

.ico-clean {
  background-image: url("../images/ssh/icon/clean.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}

.ico-forget {
  background-image: url("../images/ssh/icon/forget.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}

.ico-damage {
  background-image: url("../images/ssh/icon/damage.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}

.ico-necklanyard {
  background-image: url("../images/ssh/icon/necklanyard.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}

.ico-layout {
  background-image: url("../images/ssh/icon/layout.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}

.ico-roomsign {
  background-image: url("../images/ssh/icon/roomsign.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}

.ico-home {
  background-image: url("../images/ssh/icon/home.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}

.ico-meetingroom {
  background-image: url("../images/ssh/icon/meetingroom.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}

.ico-swim {
  background-image: url("../images/ssh/icon/swim.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}

.ico-backdrop {
  background-image: url("../images/ssh/icon/backdrop.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}

.ico-check-vehicle {
  background-image: url("../images/ssh/icon/checkvehicle.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}

.ico-multi-vehicle {
  background-image: url("../images/ssh/icon/multivehicle.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}

.ico-a-vehicle {
  background-image: url("../images/ssh/icon/avehicle.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}

.ico-sendparcel {
  background-image: url("../images/ssh/icon/sendparcel.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}

.ico-parceldelivery {
  background-image: url("../images/ssh/icon/parceldelivery.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}

.ico-busin {
  background-image: url("../images/ssh/icon/busin.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}

.ico-wounddebt {
  background-image: url("../images/ssh/icon/wounddebt.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}

.ico-repairnotify {
  background-image: url("../images/ssh/icon/repairnotify.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}

.ico-busout {
  background-image: url("../images/ssh/icon/busout.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}

.ico-equipment-receive {
  background-image: url("../images/ssh/icon/equipment-receive.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}

.ico-equipment-stock {
  background-image: url("../images/ssh/icon/equipment-stock.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}

.ico-equipment-adjust {
  background-image: url("../images/ssh/icon/equipment-adjust.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}

.ico-customer-point {
  background-image: url("../images/ssh/icon/customer_point.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}

.ico-event-manage {
  background-image: url("../images/ssh/icon/event_manage.png") !important;
  background-repeat: no-repeat;
  background-size: 40px !important;
  margin-top: 5px !important;
}

.ico-event-check {
  background-image: url("../images/ssh/icon/event_check.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}

.ico-event-config {
  background-image: url("../images/ssh/icon/event_config.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}

.ico-event-reward {
  background-image: url("../images/ssh/icon/event_reward.png") !important;
  background-repeat: no-repeat;
  background-size: 40px !important;
  margin-top: 5px !important;
}

.ico-event-type {
  background-image: url("../images/ssh/icon/event_type.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}

.ico-event-reward-type {
  background-image: url("../images/ssh/icon/event_reward_type.png") !important;
  background-repeat: no-repeat;
  background-size: 40px !important;
  margin-top: 5px !important;
}

.ico-food-address-manage {
  background-image: url("../images/ssh/icon/food_address_manage.png") !important;
  background-repeat: no-repeat;
  background-size: 40px !important;
  margin-top: 5px !important;
}

.ico-food-announcement {
  background-image: url("../images/ssh/icon/food_announcement.png") !important;
  background-repeat: no-repeat;
  background-size: 40px !important;
  margin-top: 5px !important;
}

.ico-food-category {
  background-image: url("../images/ssh/icon/food_category.png") !important;
  background-repeat: no-repeat;
  background-size: 40px !important;
  margin-top: 5px !important;
}

.ico-food-menu {
  background-image: url("../images/ssh/icon/food_menu.png") !important;
  background-repeat: no-repeat;
  background-size: 40px !important;
  margin-top: 5px !important;
}

.ico-food-order {
  background-image: url("../images/ssh/icon/food_order.png") !important;
  background-repeat: no-repeat;
  background-size: 35px !important;
  margin-top: 5px !important;
}

.ico-food-restaurant {
  background-image: url("../images/ssh/icon/food_restaurant.png") !important;
  background-repeat: no-repeat;
  background-size: 40px !important;
  margin-top: 5px !important;
}

.ico-check-in {
  background-image: url("../images/ssh/icon/check-in.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}

.ico-check-in-out-work {
  background-image: url("../images/ssh/icon/check-in-list.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}

.ico-check-in-evaluation {
  background-image: url("../images/ssh/icon/check-in-set-evaluetion.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}
/* tram-route-icon */
.ico-tram-route {
  background-image: url("../images/ssh/icon/tram-route.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}
.ico-tram-route-tag {
  background-image: url("../images/ssh/icon/tram-route-tag.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}
.ico-tram-route-arrange-car {
  background-image: url("../images/ssh/icon/tram-route-arrange-car.png") !important;
  background-repeat: no-repeat;
  background-size: 80px !important;
  margin-top: -10px !important;
}
.ico-tram-route-driver {
  background-image: url("../images/ssh/icon/tram-route-driver.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}
.ico-tram-route-round {
  background-image: url("../images/ssh/icon/tram-route-round.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}
.ico-tram-route-type-car {
  background-image: url("../images/ssh/icon/tram-route-type-car.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}
.ico-tram-route-car {
  background-image: url("../images/ssh/icon/tram-route-car.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}
.ico-tram-route-gps {
  background-image: url("../images/ssh/icon/tram-route-gps.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}
.ico-tram-route-set-description {
  background-image: url("../images/ssh/icon/tram-route-set-description.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}
/* end tram-route-icon */

/* search location */
.ico-search-location-manage {
  background-image: url("../images/ssh/icon/search_location_manage.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}
.ico-search-location-place-type {
  background-image: url("../images/ssh/icon/search_location_place_type.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}
.ico-search-location-shttle {
  background-image: url("../images/ssh/icon/search_location_shuttle.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}
/* search location */

/* droppoint */
.ico-droppoint_manage_storage {
  background-image: url("../images/ssh/icon/droppoint_manage_storage.png") !important;
  background-repeat: no-repeat;
  background-size: 40px !important;
  margin-top: 5px !important;
}

.ico-droppoint_order {
  background-image: url("../images/ssh/icon/droppoint_order.png") !important;
  background-repeat: no-repeat;
  background-size: 40px !important;
  margin-top: 5px !important;
}

.ico-droppoint_config {
  background-image: url("../images/ssh/icon/droppoint_config.png") !important;
  background-repeat: no-repeat;
  background-size: 40px !important;
  margin-top: 5px !important;
}
/* droppoint */

/* DoctorRoom */
.ico-doctorroom {
  background-image: url("../images/ssh/icon/doctorroom2.png") !important;
  background-repeat: no-repeat;
  background-size: 40px !important;
  margin-top: 5px !important;
}

.ico-doctorroom_condition {
  background-image: url("../images/ssh/icon/doctorroom_condition2.png") !important;
  background-repeat: no-repeat;
  background-size: 40px !important;
  margin-top: 5px !important;
}

.ico-doctorroom_group_type {
  background-image: url("../images/ssh/icon/doctorroom_group_type2.png") !important;
  background-repeat: no-repeat;
  background-size: 40px !important;
  margin-top: 5px !important;
}

.ico-doctorroom_reserved {
  background-image: url("../images/ssh/icon/doctorroom_reserved2.png") !important;
  background-repeat: no-repeat;
  background-size: 40px !important;
  margin-top: 5px !important;
}

.ico-doctorroom_type {
  background-image: url("../images/ssh/icon/doctorroom_type2.png") !important;
  background-repeat: no-repeat;
  background-size: 40px !important;
  margin-top: 5px !important;
}

.ico-doctorroom_ban {
  background-image: url("../images/ssh/icon/doctorroom_ban2.png") !important;
  background-repeat: no-repeat;
  background-size: 40px !important;
  margin-top: 5px !important;
}

.ico-doctorroom_bed {
  background-image: url("../images/ssh/icon/doctorroom_bed2.png") !important;
  background-repeat: no-repeat;
  background-size: 40px !important;
  margin-top: 5px !important;
}

.ico-doctorroom_booking {
  background-image: url("../images/ssh/icon/doctorroom_booking2.png") !important;
  background-repeat: no-repeat;
  background-size: 40px !important;
  margin-top: 5px !important;
}

.ico-doctorroom_returnkey {
  background-image: url("../images/ssh/icon/doctorroom_returnkey2.png") !important;
  background-repeat: no-repeat;
  background-size: 40px !important;
  margin-top: 5px !important;
}

.ico-doctorroom_return {
  background-image: url("../images/ssh/icon/doctorroom_return2.png") !important;
  background-repeat: no-repeat;
  background-size: 35px !important;
  margin-top: 5px !important;
}

.ico-doctorroom_close {
  background-image: url("../images/ssh/icon/doctorroom_close2.png") !important;
  background-repeat: no-repeat;
  background-size: 40px !important;
  margin-top: 5px !important;
}

.ico-doctorroom_change {
  background-image: url("../images/ssh/icon/doctorroom_change2.png") !important;
  background-repeat: no-repeat;
  background-size: 40px !important;
  margin-top: 5px !important;
}

.ico-repair-equipment_type {
  background-image: url("../images/ssh/icon/equipment_type_icon.png") !important;
  background-repeat: no-repeat;
  background-size: 40px !important;
  margin-top: 5px !important;
}

.ico-repair {
  background-image: url("../images/ssh/icon/repair_icon.png") !important;
  background-repeat: no-repeat;
  background-size: 40px !important;
  margin-top: 5px !important;
}

.ico-repair-responsible {
  background-image: url("../images/ssh/icon/responsible_icon.png") !important;
  background-repeat: no-repeat;
  background-size: 40px !important;
  margin-top: 5px !important;
}

/* DoctorRoom */

/* Borrow */
.ico-borrow {
  background-image: url("../images/ssh/icon/borrow.png") !important;
  background-repeat: no-repeat;
  background-size: 40px !important;
  margin-top: 5px !important;
}

.ico-borrow-adjust {
  background-image: url("../images/ssh/icon/borrow_adjust.png") !important;
  background-repeat: no-repeat;
  background-size: 40px !important;
  margin-top: 5px !important;
}

.ico-borrow-equipment {
  background-image: url("../images/ssh/icon/borrow_equipment.png") !important;
  background-repeat: no-repeat;
  background-size: 40px !important;
  margin-top: 5px !important;
}

.ico-borrow-equipment-type {
  background-image: url("../images/ssh/icon/borrow_equipment_type.png") !important;
  background-repeat: no-repeat;
  background-size: 40px !important;
  margin-top: 5px !important;
}

.ico-borrow-receive {
  background-image: url("../images/ssh/icon/borrow_receive.png") !important;
  background-repeat: no-repeat;
  background-size: 40px !important;
  margin-top: 5px !important;
}

.ico-borrow-stock {
  background-image: url("../images/ssh/icon/borrow_stock.png") !important;
  background-repeat: no-repeat;
  background-size: 40px !important;
  margin-top: 5px !important;
}

/* Borrow */

/* Icon Menu Regis */
.ico-regis-approve-regis {
  background-image: url("../images/regis/icon/approve_regis_icon.png") !important;
  background-repeat: no-repeat;
  background-size: 40px !important;
  margin-top: 5px !important;
}
.ico-regis-internal {
  background-image: url("../images/regis/icon/internal_department_icon.png") !important;
  background-repeat: no-repeat;
  background-size: 40px !important;
  margin-top: 5px !important;
}
.ico-regis-conditions {
  background-image: url("../images/regis/icon/conditions_icon.png") !important;
  background-repeat: no-repeat;
  background-size: 40px !important;
  margin-top: 5px !important;
}
.ico-regis-information {
  background-image: url("../images/regis/icon/regis_information.png") !important;
  background-repeat: no-repeat;
  background-size: 40px !important;
  margin-top: 5px !important;
}
.ico-regis-printcard {
  background-image: url("../images/regis/icon/printcard_icon.png") !important;
  background-repeat: no-repeat;
  background-size: 40px !important;
  margin-top: 5px !important;
}
.ico-regis-request {
  background-image: url("../images/regis/icon/request_icon.png") !important;
  background-repeat: no-repeat;
  background-size: 40px !important;
  margin-top: 5px !important;
}

/* visiting */
.ico-visit-request {
  background-image: url("../images/ssh/icon/visit_request.png") !important;
  background-repeat: no-repeat;
  background-size: 40px !important;
  margin-top: 5px !important;
}
.ico-visit-accep {
  background-image: url("../images/ssh/icon/visit_accep.png") !important;
  background-repeat: no-repeat;
  background-size: 40px !important;
  margin-top: 5px !important;
}
.ico-visit-evidence {
  background-image: url("../images/ssh/icon/visit_evidence.png") !important;
  background-repeat: no-repeat;
  background-size: 40px !important;
  margin-top: 5px !important;
}
.ico-visit-organi {
  background-image: url("../images/ssh/icon/visit_organi.png") !important;
  background-repeat: no-repeat;
  background-size: 40px !important;
  margin-top: 5px !important;
}
.ico-visit-target {
  background-image: url("../images/ssh/icon/visit_target.png") !important;
  background-repeat: no-repeat;
  background-size: 40px !important;
  margin-top: 5px !important;
}

.ico-notification-registration {
  background-image: url("../images/ssh/icon/notification_registration.png") !important;
  background-repeat: no-repeat;
  background-size: 40px !important;
  margin-top: 5px !important;
}

.ico-notification-round {
  background-image: url("../images/ssh/icon/notification_round.png") !important;
  background-repeat: no-repeat;
  background-size: 40px !important;
  margin-top: 5px !important;
}

.ico-notification-list {
  background-image: url("../images/ssh/icon/notification_list.png") !important;
  background-repeat: no-repeat;
  background-size: 40px !important;
  margin-top: 5px !important;
}

.ico-notification-filter {
  background-image: url("../images/ssh/icon/notification_filter.png") !important;
  background-repeat: no-repeat;
  background-size: 40px !important;
  margin-top: 5px !important;
}

.ico-hrd-boss {
  background-image: url("../images/hrd/hrd_boss.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}

.ico-hrd-year {
  background-image: url("../images/hrd/hrd_year.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}

.ico-hrd-course {
  background-image: url("../images/hrd/hrd_course.png") !important;
  background-repeat: no-repeat;
  background-size: 45px !important;
  margin-top: 5px !important;
}

.ico-hrd-plan-training {
  background-image: url("../images/hrd/hrd_plan_training.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}

.ico-hrd-plan-individual {
  background-image: url("../images/hrd/hrd_plan_individual.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}

.ico-hrd-setting {
  background-image: url("../images/hrd/hrd_setting.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}

.ico-hrd-portfolio {
  background-image: url("../images/hrd/hrd_portfolio.png") !important;
  background-repeat: no-repeat;
  background-size: 50px !important;
  margin-top: 5px !important;
}

.ico-hrd-course-history {
  background-image: url("../images/hrd/hrd_course_history.png") !important;
  background-repeat: no-repeat;
  background-size: 40px !important;
  margin-top: 5px !important;
}

/* well-being */

.ico-well-calendar {
  background-image: url("../images/wellbeing/carlendar.png") !important;
  background-repeat: no-repeat;
  background-size: 40px !important;
  margin-top: 5px !important;
}
.ico-well-treatment {
  background-image: url("../images/wellbeing/treatment.png") !important;
  background-repeat: no-repeat;
  background-size: 40px !important;
  margin-top: 5px !important;
}

/* well-being */

/* end icon menu regis */

.x-tab-default-top {
  background-color: #d7d7d7;
}

.x-tab-default-top-mc {
  background-color: #009973;
}

.x-tab-default-active {
  background-color: #fcb23f !important;
}

.x-tab-default-active .x-tab-inner {
  color: #009973;
}

.x-tab-default-active .x-tab-glyph {
  color: #009973;
}

.x-tab-default-over
/*.x-tab-default-top-over
.x-tab-top-over
.x-tab-over */

 {
  background-color: #fcb23f !important;
}

.x-tab-default-over .x-tab-inner {
  color: #009973 !important;
}

.booking-closejob .x-status-cell {
  background-color: rgb(243, 243, 176);
}

.x-status-cell-blue {
  background-color: #67f5f5 !important;
}

.booking-reject .x-status-cell {
  background-color: rgb(250, 164, 164);
}

.booking-cancel .x-status-cell {
  background-color: rgb(255, 153, 102);
}

.booking-confirm .x-status-cell {
  background-color: rgb(140, 216, 147);
}

.booking-checkin-status .x-status-cell {
  background-color: rgb(140, 216, 147);
}

.booking-closejob2 .x-status-cell {
  background-color: rgb(137, 207, 240);
}

.booking-waiting .x-status-cell {
  background-color: rgb(238, 255, 0);
}

.booking-disabeld .x-status-cell {
  background-color: rgb(163, 163, 163);
}

.booking-nocheckin .x-status-cell {
  background-color: rgb(188, 170, 164);
}

.booking-brown .x-status-cell {
  background-color: rgb(167, 94, 79);
}

.booking-blue .x-status-cell {
  background-color: rgb(0, 133, 232);
}

.checkin .x-checkin-cell {
  background-color: rgb(140, 216, 147);
}

.checkout .x-checkout-cell {
  background-color: rgb(250, 164, 164);
}

.costestimate-reject .x-status-cell {
  background-color: rgb(250, 164, 164);
}

.costsummary-reject .x-status-cell {
  background-color: rgb(250, 164, 164);
}

.bus-maintenance .x-status-cell {
  background-color: rgb(243, 243, 176);
}

.bus-closetimetable .x-status-cell {
  background-color: rgb(250, 164, 164);
}

.repair-cancelled .x-status-cell {
  background-color: #ff4949;
}

.repair-opened .x-status-cell {
  background-color: #62b1f6;
}

.repair-completed .x-status-cell {
  background-color: #1dae46;
}

.repair-inprogress .x-status-cell {
  background-color: #f7931d;
}

.repair-closed .x-status-cell {
  background-color: #ffc726;
}

.visit-blue .x-status-cell {
  background-color: #55adff;
}

.visit-wait .x-status-cell {
  background-color: #fffb93;
}

.visit-orange .x-status-cell {
  background-color: #ef6e00;
}

.visit-approve .x-status-cell {
  background-color: #89ff94;
}

.visit-not-approve .x-status-cell {
  background-color: #ffaaaa;
}

.visit-cancel .x-status-cell {
  background-color: #cdcdcd;
}

.datetime-picker2 {
  display: flex;
  flex-direction: row;
}

.datetime-readonly .x-form-field.x-form-text[readonly] {
  color: inherit !important;
  background-color: inherit !important;
}

.datetime-readonly td.x-trigger-cell {
  display: table-cell !important;
}

.x-btn-default-small.button-success {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 3px 3px 3px 3px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #33cc33;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #33cc33),
    color-stop(100%, #009933)
  );
  background-image: -webkit-linear-gradient(top, #33cc33, #009933);
  background-image: -moz-linear-gradient(top, #33cc33, #009933);
  background-image: -o-linear-gradient(top, #33cc33, #009933);
  background-image: linear-gradient(top, #33cc33, #009933);
}

.x-btn-default-small-over.button-success {
  border-color: #009933;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #33cc33),
    color-stop(100%, #006600)
  );
  background-image: -webkit-linear-gradient(top, #33cc33, #006600);
  background-image: -moz-linear-gradient(top, #33cc33, #006600);
  background-image: -o-linear-gradient(top, #33cc33, #006600);
  background-image: linear-gradient(top, #33cc33, #006600);
}

.x-btn-default-small.button-primary {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 3px 3px 3px 3px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #3399ff;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #3399ff),
    color-stop(100%, #3333ff)
  );
  background-image: -webkit-linear-gradient(top, #3399ff, #3333ff);
  background-image: -moz-linear-gradient(top, #3399ff, #3333ff);
  background-image: -o-linear-gradient(top, #3399ff, #3333ff);
  background-image: linear-gradient(top, #3399ff, #3333ff);
}

.x-btn-default-small-over.button-primary {
  border-color: #3333ff;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #3399ff),
    color-stop(100%, #3333cc)
  );
  background-image: -webkit-linear-gradient(top, #3399ff, #3333cc);
  background-image: -moz-linear-gradient(top, #3399ff, #3333cc);
  background-image: -o-linear-gradient(top, #3399ff, #3333cc);
  background-image: linear-gradient(top, #3399ff, #3333cc);
}

.custom-color-picker .x-color-picker {
  margin-left: 170px !important;
  position: fixed !important;
}