/* panels */

body {
  /* scrollbar-color: #15428b #cedbf2; */
}

/*
*::-webkit-scrollbar {
  background-color: #cedbf2;
}

*::-webkit-scrollbar-track {
  background-color: #cedbf2;
}

*::-webkit-scrollbar-thumb {
  background-color: #15428b;
  border-radius: 6px;
}
*/

.frame-panel-style, .frame-panel-style .x-panel-body, .x-border-layout-ct .frame-panel-style.x-tab-panel .x-tab-panel-body {
  background: #dfe8f6;
}

.x-toolbar .frame-panel-style {
  background: transparent;
}

.frame-panel-style .x-panel-btns-ct {
  /*background: #cedbf2; */
  background-color: #dfe8f6;
}

.mzr-boxshadow .x-panel-mr {
  background: #dbe7f4;
  /*box-shadow: inset -1px 0px 0px 0px #87AAC7, inset -2px 0px 0px 0px #fff;*/
  box-shadow: inset -1px 0 0 0 #fff;
}

.mzr-cssgradients .x-portal .x-panel-bbar,
.x-panel.border .x-panel-bbar {
  border-top: 1px solid #99bbe8;
}

.mzr-boxshadow .x-panel-ml {
  background: #dbe7f4;
  /*box-shadow:*/
      /*inset 1px 0px 0px 0px #87AAC7,*/
      /*inset 1px 0px 0px 0px #99bbe8,*/
      /*inset 2px 0px 0px 0px #fff;*/
  box-shadow: inset 1px 0 0 0 #fff;
  border-left: 1px solid #99bbe8;
  border-right: 1px solid #99bbe8;
}

.mzr-cssgradients .x-panel-bl {
   border-bottom: 1px solid #99bbe8;
   border-left: 1px solid #99bbe8;
   border-right: 1px solid #99bbe8;
   background: #dbe7f4;
   /*box-shadow:*/
   /*    inset 1px 0px #f8fbfc,*/
   /*    inset -1px 0px #f8fbfc,*/
   /*    inset 0px -1px #f8fbfc;*/
  box-shadow:
          inset 1px 0 #fff,
          inset -1px 0 #fff,
          inset 0 -1px #fff;
}

.mzr-cssgradients .x-panel-header {
  /* background:  linear-gradient(#d7e4f2, #cedff2 45%, #adc9ea 45%, #ccdef2 100%); **/
  /* background: #b5d1f8; */
  background:  linear-gradient(#f1feff, #cedbf2 50%, #adc9ea 50%, #ccdef2 100%);
  /*background:  linear-gradient(#f1feff, #ccdef2);*/
  box-shadow: inset 0 1px #f3f6fb;
}

.mzr-cssgradients .x-panel-tl .x-panel-header {
  border-left: 1px solid #99bbe8;
  border-right: 1px solid #99bbe8;
  border-top: 1px solid #99bbe8;
}

.mzr-cssgradients .x-panel-tc {
  /* background:  linear-gradient(#d7e4f2, #cedff2 45%, #adc9ea 45%, #ccdef2 100%); */
  background:  linear-gradient(#f1feff, #cedbf2 50%, #adc9ea 50%, #ccdef2 100%);
  box-shadow:  inset 0 1px #f3f6fb;
}

.mzr-cssgradients .x-panel .x-panel-tl .x-panel-header {
  box-shadow: inset 0 1px #f3f6fb;
}

.mzr-boxshadow .x-panel .x-panel-header .x-panel-tc {
  box-shadow: inset 1px 0 #f3f6fb;
}

.mzr-cssgradients .x-panel.x-portal .x-panel-tl .x-panel-header {
  border-top: 1px solid #99bbe8;
  border-left: 1px solid #99bbe8;
  border-right: 1px solid #99bbe8;
  /* border-bottom: 1px solid #99bbe8; */
  border-radius: 3px 3px 0 0;
  box-shadow:
    inset 1px 0 #f3f6fb,
    inset 0 1px #f3f6fb,
    inset -1px 0 #f3f6fb;
}

/* triggers */
.mzr-cssgradients.mzr-borderradius .x-form-field-wrap .x-form-trigger {
  color: #15428b;
  border-top: 1px solid #B5B8C8;
  border-right: 1px solid #B5B8C8;
  background: linear-gradient(#fff,#d1d2d9);
  box-shadow:
      inset 1px 1px #fff,
      inset -1px -1px #e3e3ef;
}

.mzr-cssgradients.mzr-borderradius .x-form-field-wrap .x-form-trigger.x-form-trigger-over {
  /*background: linear-gradient(#e4edff,#becdea);  linear-gradient(#fff,#cedbf2); */
  /* background: linear-gradient(#d1d2d9,#fff);
  box-shadow:
      inset 1px 1px #fff,
      inset -1px -1px #d3def2; */
  box-shadow:
      inset 1px 1px #fae497, /* top left */
      inset -1px -1px #eba731, /* bottom right */
      inset 2px 2px #f9df8c, /* top left */
      inset -2px -2px #f6c859; /* bottom right */
}

.mzr-cssgradients.mzr-borderradius .x-form-field-wrap .x-form-trigger.x-form-trigger-over.x-form-trigger-click {
  /* background: linear-gradient(#becdea,#e4edff); /*linear-gradient(#fff,#cedbf2); */
  /* box-shadow: unset; */
  background: linear-gradient(#d1d2d9,#fff);
  box-shadow:
      inset 1px 1px #fae497, /* top left */
      inset -1px -1px #eba731, /* bottom right */
      inset 2px 2px #f9df8c, /* top left */
      inset -2px -2px #f6c859; /* bottom right */
}


.query-editor .vehicle-criteria {
  /*border: 2px solid #7792b5;*/
}

.query-editor .vehicle-criteria .criteria-panel-left {
  border-left: 1px solid #99bbe8;
}

.query-editor .vehicle-criteria .field-browser-right {
  border-right: 1px solid #99bbe9;
}

.query-editor h2 {
  color: #15428b;
  font-size: 18px;
}

.query-editor .header {
  background-color: #15428b;
  color: #fff;
  font-size: 15px;
  padding: 2px;
}


.avt-wrap {
  border-bottom: 1px #99bbe8 solid;
}
.mzr-boxshadow .x-toolbar {
  /*background: base-toolbar;*/
  background: linear-gradient(#dae6f4, #d2e1f0);
  box-shadow: inset 0 1px 0 0 #fff;
}

.mzr-cssgradients .x-window .x-panel .x-toolbar {
  background: var(--window-toolbar);

}

.mzr-cssgradients .field-selector .x-toolbar {
  background: #dfe8f6 !important
}

/* tabs */
.mzr-cssgradients ul.x-tab-strip-top {
  background: linear-gradient(180deg, #dfe8f6, #cbdaef);
}

.mzr-cssgradients.mzr-borderradius .x-tab-strip-top .x-tab-with-icon.x-tab-strip-active,
.mzr-cssgradients.mzr-borderradius .x-tab-strip-top .x-tab-without-icon.x-tab-strip-active  {
  /* background: linear-gradient(0deg, #deecfd, #fff); */
  background: linear-gradient(0deg, #d5e2f2, #fff);
}

.mzr-cssgradients.mzr-borderradius .x-tab-strip-top .x-tab-with-icon,
.mzr-cssgradients.mzr-borderradius .x-tab-strip-top .x-tab-without-icon {
  border-top: 1px solid #8db2e3;
  border-left: 1px solid #8db2e3;
  border-right: 1px solid #8db2e3;
  background: linear-gradient(0deg, #deecfd, #ccdef6);
}
.mzr-boxshadow .x-tab-strip-top .x-tab-with-icon,
.mzr-boxshadow .x-tab-strip-top .x-tab-without-icon {
  box-shadow: inset -1px 0 0 0 #f8f8f8, inset 1px 0 0 0 #f8f8f8, inset 0 1px 0 0 #fff;
}

/*.mzr-cssgradients.mzr-borderradius .x-tab-strip-top .x-tab-with-icon.static-tab,
.mzr-cssgradients.mzr-borderradius .x-tab-strip-top .x-tab-without-icon.static-tab {
  background: linear-gradient(0deg, #91bbf2, #ccdef6);
} */
/* end tabs */


/* css replacement for ext window chrome */
.mzr-cssgradients.mzr-borderradius .x-window-tl {
  border-top: 1px solid #87a8c7;
  border-left: 1px solid #87a8c7;
  background: var(--window-header-bg);
}

.mzr-borderradius .x-window-tl .x-window-header {
  color: var(--window-header-fg);
}

.mzr-boxshadow .x-window-tl {
  box-shadow: inset 1px 0 0 0 #f8f8f8, inset 0 1px 0 0 #fff;
}

.mzr-cssgradients.mzr-borderradius .x-window-tr {
  border-right: 1px solid #87a8c7;
  background: var(--window-header-bg);
}

.mzr-boxshadow .x-window-tr {
  box-shadow: inset 0 1px 0 0 #fff, inset -1px 0 0 0 #f8f8f8;
}

.mzr-cssgradients.mzr-borderradius .x-window-tc {
  background: var(--window-header-bg);
  color: var(--window-header-fg);
}

.mzr-boxshadow .x-window-tc {
  box-shadow: inset 0 1px 0 0 #fff;
}

.mzr-cssgradients.mzr-borderradius .x-window-bl {
  border-left: 1px solid #87a8c7;
  border-bottom: 1px solid #87a8c7;
  border-right: 1px solid #87a8c7;
  background: #bfd5e9;
}

.mzr-boxshadow .x-window-bl {
  box-shadow: inset 0 -1px 0 0 #fff, inset -1px 0 0 0 #f8f8f8, inset 1px 0 0 0 #f8f8f8;
}

.mzr-cssgradients.mzr-borderradius .x-window-ml {
  border-left: 1px solid #87a8c7;
  background: #bfd5e9;
}

.mzr-cssgradients.mzr-borderradius .x-window-mr {
  border-right: 1px solid #87a8c7;
}

.mzr-boxshadow .x-window-ml {
  box-shadow: inset 1px 0 0 0 #f8f8f8;
}

.mzr-boxshadow .x-window-mr {
  box-shadow: inset -1px 0 0 0 #f8f8f8;
}

/* end window */

/* toolbar button */
.mzr-boxshadow.mzr-cssgradients .x-toolbar .x-btn.x-btn-over {
  border: 1px solid #a1b2df;
  background: linear-gradient(#e4edff,#becdea);
  box-shadow:
    inset -1px -1px #e3ecfc,
    inset 1px 1px #f2f6fc;
}
/* end toolbar button */

/* toasts */

.vic-toast {
  border: 1px solid rgba(132,160,196,0.7);
  background-color: #cedbf2;
}
/* end toasts */

/*  buttons */

.mzr-boxshadow.mzr-cssgradients .x-toolbar .x-btn.x-btn-menu-active,
.mzr-boxshadow.mzr-cssgradients .x-toolbar .x-btn.x-btn-over .x-btn-click,
.mzr-boxshadow.mzr-cssgradients .x-toolbar .x-btn:active:not(.x-item-disabled),
.mzr-boxshadow.mzr-cssgradients .x-toolbar .x-btn .x-btn-click,
.mzr-boxshadow.mzr-cssgradients .x-toolbar .x-btn-menu-active {
  border: 1px solid #a1b2df;
  background: linear-gradient(#b6c5e0,#e4edff);
  box-shadow:
    inset 1px 1px #b9caea,
    inset -1px -1px #f2f6fc;
}

.mzr-boxshadow.mzr-cssgradients .x-toolbar .x-btn.x-btn-menu-wrap.x-btn-menu-active,
.mzr-boxshadow.mzr-cssgradients .x-toolbar .x-btn.x-btn-menu-wrap.x-btn-over .x-btn-click,
.mzr-boxshadow.mzr-cssgradients .x-toolbar .x-btn.x-btn-menu-wrap .x-btn-click,
.mzr-boxshadow.mzr-cssgradients .x-toolbar .x-btn-menu-active.x-btn-menu-wrap {
  border: none;
  background: linear-gradient(#b6c5e0,#e4edff);
}


.mzr-boxshadow.mzr-cssgradients .x-toolbar .x-btn.x-btn-pressed {
  /* background: linear-gradient(#becdea,#e4edff); */
  background: linear-gradient(#b6c5e0,#e4edff);
  border-bottom: 1px solid #e4edff;
}

.mzr-boxshadow.mzr-cssgradients .x-toolbar .x-btn.x-btn-pressed.x-btn-over {
  border-bottom: 1px solid #a1b2df;
}

.viewport-marker .x-toolbar .x-btn-menu-arrow-wrap:hover .x-btn-center button,
.viewport-marker .x-toolbar .x-btn-text-icon:hover .x-btn-menu-arrow-wrap .x-btn-center button {
  border-left: 1px solid #a1b2df;
  box-shadow: inset 1px 0 #fff;
}

/* regular non-toolbar buttons */

.mzr-borderradius.mzr-cssgradients .x-btn {
  background: linear-gradient(#fff,#d1d2d9);
  border: 1px solid #203072;
}
.mzr-borderradius.mzr-cssgradients .x-btn.x-btn-pressed {
  background: linear-gradient(#cccdd4,#eee);
}

.mzr-borderradius.mzr-cssgradients .x-btn.x-btn-click {
  background: linear-gradient(#d1d2d9,#fff);
}

.mzr-cssgradients.mzr-boxshadow .x-btn.x-btn-over {
  box-shadow:
    inset 1px 1px #fae497, /* top left */
    inset -1px -1px #eba731, /* bottom right */
    inset 2px 2px #f9df8c, /* top left */
    inset -2px -2px #f6c859; /* bottom right */
}

.mzr-boxshadow .x-btn {
  box-shadow:
    inset 1px 1px #fff,
    inset -1px -1px #f7f8f9;
}

.mzr-boxshadow .x-btn.x-btn-over {
  border: 1px solid #203072;
  box-shadow:
    inset 1px 1px #fae497,
    inset -1px -1px #eba731,
    inset 2px 2px #f9df8c,
    inset -2px -2px #f6c859;
}

.mzr-boxshadow .x-btn.x-btn-focus {
  /* box-shadow: inset 0px -1px #15428b; */
  box-shadow: inset -1px -1px #15428b, inset 1px 1px #15428b;

}
.mzr-boxshadow .x-toolbar .x-btn.x-btn-focus {
  box-shadow: inset -1px -1px #15428b, inset 1px 1px #15428b;
}

.mzr-boxshadow .x-tab-right:focus .x-tab-strip-inner {
  box-shadow: inset 0 -1px #15428b;
}

.mzr-cssgradients .x-btn:active,
.mzr-cssgradients .x-btn .x-btn-click,
.mzr-cssgradients .x-btn.x-btn-menu-active {
  background: linear-gradient(#d1d2d9,#fff);
}

.mzr-boxshadow .x-btn.x-btn-menu-active {
  box-shadow: inset 1px 1px #ccc, inset -1px -1px #f7f8f9;
}
/* end buttons */

/* menu items */

.mzr-borderradius.mzr-cssgradients .x-menu-item-active {
  border: 1px solid #aaccf6;
  background: linear-gradient(#f5f9fd,#cde5fd);
}

/* tools */
/*
.x-panel-header .x-tool:after {
  border: 1px solid #99bbe8;
  color: #5080b0;
  background: rgb(217,236,255);
  background: radial-gradient(circle, rgba(217,236,255,1) 50%, rgba(255,255,255,1) 100%);
}
.x-panel-header .x-tool.x-tool-over:after {
  color: #15428b;
  background: rgb(217,236,255);
  background: radial-gradient(circle, rgba(207,231,255,1) 75%, rgba(255,255,255,1) 100%);
}*/

/*
.x-panel-header .x-tool.x-tool-sort:after {
  border: 1px solid #99bbe8;
  color: #5080b0;
  background: rgb(217,236,255);
  background: radial-gradient(circle, rgba(217,236,255,1) 50%, rgba(255,255,255,1) 100%);
}
.x-panel-header .x-tool.x-tool-sort.x-tool-sort-over:after {
  color: #15428b;
  background: rgb(217,236,255);
  background: radial-gradient(circle, rgba(207,231,255,1) 75%, rgba(255,255,255,1) 100%);
}

.x-panel-header .x-tool.x-tool-gear:after {
  border: 1px solid #99bbe8;
  color: #5080b0;
  background: rgb(217,236,255);
  background: radial-gradient(circle, rgba(217,236,255,1) 50%, rgba(255,255,255,1) 100%);
}
.x-panel-header .x-tool.x-tool-gear.x-tool-gear-over:after {
  color: #15428b;
  background: rgb(217,236,255);
  background: radial-gradient(circle, rgba(207,231,255,1) 75%, rgba(255,255,255,1) 100%);
}

.x-panel-header .x-tool.x-tool-email:after {
  border: 1px solid #99bbe8;
  color: #5080b0;
  background: rgb(217,236,255);
  background: radial-gradient(circle, rgba(217,236,255,1) 50%, rgba(255,255,255,1) 100%);
}
.x-panel-header .x-tool.x-tool-email.x-tool-email-over:after {
  color: #15428b;
  background: rgb(217,236,255);
  background: radial-gradient(circle, rgba(207,231,255,1) 75%, rgba(255,255,255,1) 100%);
}

.x-panel-header .x-tool.x-tool-refresh:after {
  border: 1px solid #99bbe8;
  color: #5080b0;
  background: rgb(217,236,255);
  background: radial-gradient(circle, rgba(217,236,255,1) 50%, rgba(255,255,255,1) 100%);
}
.x-panel-header .x-tool.x-tool-refresh.x-tool-refresh-over:after {
  color: #15428b;
  background: rgb(217,236,255);
  background: radial-gradient(circle, rgba(207,231,255,1) 75%, rgba(255,255,255,1) 100%);
}

.x-panel-header .x-tool.x-tool-close:after {
  border: 1px solid #99bbe8;
  color: #5080b0;
  background: rgb(217,236,255);
  background: radial-gradient(circle, rgba(217,236,255,1) 50%, rgba(255,255,255,1) 100%);
}
.x-panel-header .x-tool.x-tool-close.x-tool-close-over:after {
  color: #15428b;
  background: rgb(217,236,255);
  background: radial-gradient(circle, rgba(207,231,255,1) 75%, rgba(255,255,255,1) 100%);
}
/* end tools */

.grid-listbox .x-grid3-scroller {
  border: 1px solid #99bbe8;
}


.show-matching-only, .show-matching-only label {
  background-color: #90c0ff;
  border-radius: 2px;
  padding: 0 2px;
}

.mzr-borderradius .x-tip {
  /* background: #e9f0ff; */
  /* background: #f5f7f7; */
  background: #f0f0f8;
  /* border: 1px solid #91a2cc; */
  border: 1px solid #87aac7;
  border-radius: 4px;
}

.goog-tooltip > div {
  background: #f0f0f8 !important;
  border: 1px solid #87aac7 !important;
  border-radius: 4px;
}

.x-layout-split:hover {
  /*background:*/
  /*        radial-gradient(#dfe8f6 15%, transparent 16%) 0 0,*/
  /*        radial-gradient(#dfe8f6 15%, transparent 16%) 7px 7px,*/
  /*        radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,*/
  /*        radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 7px 7px repeat;*/
  /*background-color: #99bbe8;*/
  background-color: #0f5eb0;
  background-size: 7px 7px;
}

.x-layout-split.x-splitbar-v:hover {
  /*background:*/
  /*        radial-gradient(#dfe8f6 15%, transparent 16%) 0 0,*/
  /*        radial-gradient(#dfe8f6 15%, transparent 16%) 5px 5px,*/
  /*        radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,*/
  /*        radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 5px 5px repeat;*/
  /*background-color: #99bbe8;*/
  background-color: #0f5eb0;
  background-size: 5px 5px;
}

.x-panel-tbar button {
  color: #0a0a0a;
}

.mzr-boxshadow .x-form-focus,
.mzr-boxshadow textarea.x-form-focus {
  box-shadow: 0 0 3px #7eadd9;
  border: 1px solid #7eadd9;
}

.x-trigger-wrap-focus .x-form-trigger{border-bottom:1px solid #7eadd9;}

.mzr-cssgradients.mzr-borderradius .x-tab-strip-bottom .x-tab-with-icon,
.mzr-cssgradients.mzr-borderradius .x-tab-strip-bottom .x-tab-without-icon {
  border-radius: 0 0 4px 4px;
  border-bottom: 1px solid #8db2e3;
  border-left: 1px solid #8db2e3;
  border-right: 1px solid #8db2e3;
  background: linear-gradient(180deg, #deecfd, #ccdef6);
}

.mzr-cssgradients.mzr-borderradius .x-tab-strip-bottom .x-tab-with-icon.x-tab-strip-active,
.mzr-cssgradients.mzr-borderradius .x-tab-strip-bottom .x-tab-without-icon.x-tab-strip-active  {
  margin-top: -1px;
  background: linear-gradient(180deg, #deecfd, #fff);
  box-shadow: unset;
}

.mzr-cssgradients ul.x-tab-strip-bottom {
  background: linear-gradient(0deg, #dfe8f6, #cbdaef);
  margin-bottom: 1px;
}