/* Overrides to Extjs styles */

/* Dark theme */
:root {
  --black: #000;
  --white: #FFF;
  --marvin-yellow: #FFF27F;
  --marvin-yellow-header: #FFF27F;
  --grit42-header: #04040C;
  --grit42-header-text: #A4A4A6;
  --grit42-header-menu-hover: #22252E;
  --color1: #10141C;
  --color2: #1C2432;
  --color3: #04040C;
  --color4: #171E2A;
  --color5: #232C3C;
  --color6: #A4A4A6;
  --color7: #757575;
  --color8: #3B4556;
  --color9: #30333F;
  --color10: #666666;
  --color11: #C4C4C6;
  --color12: #CC3399; }

/* Beginning of application.css */

.grit42HeaderWrap .x-column-header-inner .x-column-header-text {
    white-space: normal;
}

.grit42tabBar .x-tab-bar-body .x-tab-bar-body-default .x-box-layout-ct {
    background-color: var(--white); /*color variable example*/
}

.crimsonTreeNode {
    color: crimson;
    font-style: italic; }

.img-chooser-view div {
    font: 12px Arial, Helvetica, sans-serif; }

.img-chooser-view .thumb-wrap {
    float: left;
    margin: 4px;
    margin-right: 0;
    padding: 60px;
    width: 220px;
    height: 220px;
    font-size: 1.2em;
    color: var(--color10); }

.img-chooser-view .thumb-back {
    background-color: var(--black); /*color variable example*/
    padding: 4px;
    width: 100px;
    height: 100px;
    border-radius: 15px;
    opacity: 0.8; }

.img-chooser-view .thumb {    
    padding: 4px;
    width: 91px;
    height: 91px;
    line-height: 90px;
    text-align: center;
    font-size: 56px;
    color: var(--color10);
    font-family:serif;
    font-weight: bold;
    position: relative;
    border-radius: 10px;
    margin: -95px 5px 15px 5px; }

.img-chooser-view .thumb-wrap span {
    display: block;
    overflow: hidden;
    text-align: center; }

.thumb-wrap img {
    display: block;
    margin-left: auto;
    margin-right: auto; }

.img-chooser-view .x-view-over {
    background-color: #BBBBBB;
    margin: 4px;
    margin-right: 0;
    padding: 60px;
    border-radius: 25px; }

.img-chooser-view .x-view-focus {
    background-color: #c4ccd2;
    margin: 4px;
    margin-right: 0;
    padding: 60px;
    border-radius: 25px; }

.img-chooser-view .loading-indicator {
    font-size:11px;
    background-image:url('../../resources/images/grid/loading.gif');
    background-repeat: no-repeat;
    background-position: left;
    padding-left:20px;
    margin:10px; }

.images img {
    margin: 20px; }

.icon-new {   background-image:url(/icons/icon-new.gif) !important; }
.icon-edit {  background-image:url(/icons/icon-edit.png) !important; }
.icon-delete{ background-image:url(/icons/icon-delete.gif) !important; }
.icon-triggerfield-new { background-image:url(/images/triggerfield-new.png) !important; }
.icon-thumbnail-view { background-image:url(/icons/icon-thumbnail_view.png) !important; }
.icon-combined-view { background-image:url(/icons/icon-combined_view.png) !important; }
.icon-table-view { background-image:url(/icons/icon-table_view.png) !important; }
.icon-thumbnail-view-mono { background-image:url(/icons/icon-thumbnail-view-mono.png) !important; }
.icon-combined-view-mono { background-image:url(/icons/icon-combined-view-mono.png) !important; }
.icon-table-view-mono { background-image:url(/icons/icon-table-view-mono.png) !important; }
.icon-table { background-image:url(/icons/icon-table.gif) !important; }
.icon-list { background-image:url(/icons/icon-list.png) !important; }
.icon-form { background-image:url(/icons/icon-form.gif) !important; }
.icon-pencil-mono { background-image:url(/icons/icon-pencil-mono.png) !important; }
.icon-plus-mono { background-image:url(/icons/icon-plus-mono.png) !important; }
.icon-cross-mono { background-image:url(/icons/icon-cross-mono.png) !important; }
.icon-user-mono { background-image:url(/icons/icon-user-mono.png) !important; }
.icon-upload-mono { background-image:url(/icons/icon-upload-mono.png) !important; }
.icon-download-mono { background-image:url(/icons/icon-download-mono.png) !important; }
.icon-trash-mono { background-image:url(/icons/icon-trash-mono.png) !important; }
.icon-trash-mono-neptune { background-image:url(/icons/icon-trash-mono-neptune.png) !important; }
.icon-checkmark-mono { background-image:url(/icons/icon-checkmark-mono.png) !important; }
.icon-arrow-back-mono { background-image:url(/icons/icon-arrow-back-mono.png) !important; }
.icon-document-mono { background-image:url(/icons/icon-document-mono.png) !important; }
.icon-search-mono { background-image:url(/icons/icon-search-mono.png) !important; }
.icon-external-link { background-image:url(/icons/icon-external-link.png) !important; }
.icon-duplicate { background-image:url(/icons/icon-duplicate.png) !important; }
.icon-error { background-image:url(/icons/icon-error.png) !important; }
.icon-warning { background-image:url(/icons/icon-warning.png) !important; }
.icon-filter-mono { background-image:url(/icons/icon-filter-mono.png) !important; }
.icon-mol-win { background-image:url(/icons/icon-mol-win.png) !important; }
.icon-graph { background-image:url(/icons/icon-graph.png) !important; }
.icon-tray { background-image:url(/icons/tray.png) !important; }
.icon-expand { background-image:url(/icons/icon-expand.png) !important; }
.icon-collapse { background-image:url(/icons/icon-collapse.png) !important; }
.icon-gear { background-image:url(/icons/icon-gear.png) !important; }

/* Multiline headers in ExtJs grids */
/* .x-column-header-inner .x-column-header-text { white-space: pre-wrap; } */

.fitImage {
    max-width:100%;
    max-height:100%;
    vertical-align: middle; }

.images-view .thumb {
    background: var(--color1);
    padding: 3px;
    padding-bottom: 3px; }

.x-quirks .images-view .thumb {
    padding-bottom: 3px; }

/*.images-view .thumb img {
    height: 160px;
    width: 180px; }*/

/*.images-view .thumb svg {
    display: block;
    margin-left: auto;
    margin-right: auto; }*/

.images-view .thumb .bg {
    background: var(--color1);
    /*width: 150px;*/
    height: 150px; }

.images-view .thumb-wrap {
    float: left;
    margin: 4px;
    margin-right: 0;
    padding: 5px;
    border: 1px solid transparent;
    width: 160px; }

.images-view .thumb-wrap .thumbtext {
    display: block;
    overflow: hidden;
    text-align: center;
    /* for ie to ensure that the text is centered */
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis; }

.images-view .x-item-over {
    border: 1px solid var(--color2);
    background: var(--color2) /*url(icons/over.gif) repeat-x left top*/;
    /*padding: 5px;*/ }

.images-view .x-item-selected {
    background: var(--color2) /*url(icons/selected.gif) no-repeat right bottom*/;
    border: 1px solid var(--color2);
    /*padding: 5px;*/ }

.images-view .x-item-selected .thumb {
    background: transparent; }

.x-view-selector {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    border: 1px dotted;
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
    zoom: 1;
    background-color: #c3daf9;
    border-color: #3399bb; }

.ext-strict .ext-ie .x-tree .x-panel-bwrap {
    position: relative;
    overflow: hidden; }

.mm-phantom-row {
    color: var(--color12); }

.mm-monospaced-text {
    font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace !important; }

/* End of application.css */

/* include fonts */
@font-face {
  font-family: 'Guardian';
  font-weight: bold;
  src: local('Guardian'), url(fonts/GuardianEgyp-Bold.woff) format('woff'); }

@font-face {
  font-family: 'Guardian-Light';
  src: local('Guardian-Light'), url(fonts/GuardianEgyp-Light.woff) format('woff'); }

@font-face {
  font-family: 'Sintony';
  font-weight: normal;
  src: local('Sintony'), url(fonts/Sintony-Regular.woff) format('woff'); }

@font-face {
  font-family: 'Sintony';
  font-weight: bold;
  src: local('Sintony'), url(fonts/Sintony-Bold.woff) format('woff'); }

body {    
    background-color: var(--color1);
    background-image: url("/images/grit_lsp.png");
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed; }
    
/* Inventory tree classes */
.inventory-1-icon { background-image: url(/icons/cool/inventory/21.png) !important; }
.inventory-2-icon { background-image: url(/icons/cool/inventory/2.png) !important; }
.inventory-3-icon { background-image: url(/icons/cool/inventory/3.png) !important; }
.inventory-4-icon { background-image: url(/icons/cool/inventory/4.png) !important; }
.inventory-20-icon { background-image: url(/icons/cool/inventory/20.png) !important; }
.inventory-21-icon { background-image: url(/icons/cool/inventory/21.png) !important; }
.inventory-22-icon { background-image: url(/icons/cool/inventory/22.png) !important; }
.inventory-23-icon { background-image: url(/icons/cool/inventory/23.png) !important; }
.inventory-24-icon { background-image: url(/icons/cool/inventory/24.png) !important; }
.inventory-25-icon { background-image: url(/icons/cool/inventory/25.png) !important; }
.inventory-27-icon { background-image: url(/icons/cool/inventory/27.png) !important; }

/* timeline classes */
.timeline-label { stroke: var(--white); stroke-width: 1; shape-rendering: crispEdges; }

/* Curvefit classes */
.curvefitscatterplot { fill: var(--color5); stroke-width: 0; }
.axis path,
.axis line { fill: none; stroke: var(--white); stroke-width: 1; shape-rendering: crispEdges; }
.legend rect { fill: var(--white); stroke: var(--white); opacity:0.8; }
.spot { stroke: red; stroke-width: 2; opacity:0.7; }
.box { font: 10px sans-serif; }
.box line,
.box rect,
.box circle { fill: steelblue; stroke: var(--black); stroke-width: 1px; }
.box .center { stroke-dasharray: 3,3; }
.box .outlier { fill: none; stroke: var(--black); }
.axislabel { font: 12px Arial; fill: var(--white); }
.axis text { fill: var(--white); }
.box .label { font: 12px Arial; }
.yruler, .xruler path,
.yruler, .xruler line { fill: none; stroke: var(--color8); stroke-width: 1; shape-rendering: crispEdges; }

/* Boxplot classes */
.boxplotbox { font: 10px sans-serif; }
.boxplotmedian { fill: none; stroke: var(--white); stroke-width: 1; }
.boxplotwhisker { fill: none; stroke: var(--white); stroke-width: 1; }
.boxplotcenter { fill: none; stroke: var(--white); stroke-width: 1; stroke-dasharray: 3,3; }
.boxplotcircle { fill: var(--white); stroke: var(--white); stroke-width: 1px; }
.boxplotoutlier { fill: none; stroke: var(--black); }

.grit42apptitle {
    color: var(--marvin-yellow);
    font-size: 20px;
    font-weight: bold;
    font-family: guardian, georgia, serif; }

.grit42listelement {
    color: var(--white);
    font-size: 14px;
    font-weight: bold;
    font-family: guardian, georgia, serif;
    cursor: pointer; }

body {    
    background-color: #10141d;
    background-image: url("/images/grit_lsp.png");
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}

/* Curvefit classes */
.axis path,
.axis line { fill: none; stroke: white; stroke-width: 1; shape-rendering: crispEdges; }
.legend rect { fill: white; stroke: white; opacity:0.8; }
.spot { stroke: red; stroke-width: 2; opacity:0.7; }
.box { font: 10px sans-serif; }
.box line,
.box rect,
.box circle { fill: steelblue; stroke: #000; stroke-width: 1px; }
.box .center { stroke-dasharray: 3,3; }
.box .outlier { fill: none; stroke: #000; }
.axislabel { font: 12px Arial; fill: white; }
.axis text { fill: white; }
.box .label { font: 12px Arial; }
.yruler, .xruler path,
.yruler, .xruler line { fill: none; stroke: #3B4556; stroke-width: 1; shape-rendering: crispEdges; }

/* Boxplot classes */
.boxplotbox { font: 10px sans-serif; }
.boxplotmedian { fill: none; stroke: white; stroke-width: 1; }
.boxplotwhisker { fill: none; stroke: white; stroke-width: 1; }
.boxplotcenter { fill: none; stroke: white; stroke-width: 1; stroke-dasharray: 3,3; }
.boxplotcircle { fill: white; stroke: white; stroke-width: 1px; }
.boxplotoutlier { fill: none; stroke: #000; }

.grit42apptitle {
    color: #f8eb60;
    font-size: 20px;
    font-weight: bold;
    font-family: guardian, georgia, serif;
}

.grit42transparentwindow {
    background-color: transparent !important;
    opacity: 0.90; }

/* Icons in SVG format */

.grit42EditIcon { background-image: url(data:image/svg+xml;base64,PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgd2lkdGg9IjE2IiAgIGhlaWdodD0iMTYiICAgdmlld0JveD0iMCAwIDE2IDE2IiAgIGlkPSJzdmc0MDY3IiAgIHZlcnNpb249IjEuMSIgICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkxIHIxMzcyNSIgICBzb2RpcG9kaTpkb2NuYW1lPSJlZGl0LnN2ZyI+ICA8ZGVmcyAgICAgaWQ9ImRlZnM0MDY5IiAvPiAgPHNvZGlwb2RpOm5hbWVkdmlldyAgICAgaWQ9ImJhc2UiICAgICBwYWdlY29sb3I9IiNmZmZmZmYiICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIgICAgIGJvcmRlcm9wYWNpdHk9IjEuMCIgICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIiAgICAgaW5rc2NhcGU6em9vbT0iMy45NTk3OTgiICAgICBpbmtzY2FwZTpjeD0iMjYuMDMzMDAxIiAgICAgaW5rc2NhcGU6Y3k9Ii0xOC4yMzY5MTciICAgICBpbmtzY2FwZTpkb2N1bWVudC11bml0cz0icHgiICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJsYXllcjEiICAgICBzaG93Z3JpZD0idHJ1ZSIgICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIgICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMTYiICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMCIgICAgIGlua3NjYXBlOndpbmRvdy15PSIyNyIgICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiICAgICB1bml0cz0icHgiICAgICBmaXQtbWFyZ2luLXRvcD0iMCIgICAgIGZpdC1tYXJnaW4tbGVmdD0iMCIgICAgIGZpdC1tYXJnaW4tcmlnaHQ9IjAiICAgICBmaXQtbWFyZ2luLWJvdHRvbT0iMCI+ICAgIDxpbmtzY2FwZTpncmlkICAgICAgIHR5cGU9Inh5Z3JpZCIgICAgICAgaWQ9ImdyaWQ0MTM3IiAgICAgICBvcmlnaW54PSItMzA4LjE4MjA5IiAgICAgICBvcmlnaW55PSItODY3LjgyMzU5IiAvPiAgPC9zb2RpcG9kaTpuYW1lZHZpZXc+ICA8bWV0YWRhdGEgICAgIGlkPSJtZXRhZGF0YTQwNzIiPiAgICA8cmRmOlJERj4gICAgICA8Y2M6V29yayAgICAgICAgIHJkZjphYm91dD0iIj4gICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PiAgICAgICAgPGRjOnR5cGUgICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+ICAgICAgICA8ZGM6dGl0bGU+PC9kYzp0aXRsZT4gICAgICA8L2NjOldvcms+ICAgIDwvcmRmOlJERj4gIDwvbWV0YWRhdGE+ICA8ZyAgICAgaW5rc2NhcGU6bGFiZWw9IkxheWVyIDEiICAgICBpbmtzY2FwZTpncm91cG1vZGU9ImxheWVyIiAgICAgaWQ9ImxheWVyMSIgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMDguMTgyMDksLTE2OC41Mzg2KSI+ICAgIDxnICAgICAgIHRyYW5zZm9ybT0ibWF0cml4KDEuMDk2NTcyNiwwLDAsLTEuMDYyNDc1MSwzMTAuNTUwNjksMTc5LjYyMDQpIiAgICAgICBpZD0iZzIyOCI+ICAgICAgPHBhdGggICAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiAgICAgICAgIGlkPSJwYXRoMjMwIiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiICAgICAgICAgZD0iTSAwLDAgLTAuODIzLC0zLjI5MiAyLjQ2OSwtMi40NjkgOS4zOTYsNC40NTggNi45MjcsNi45MjcgMCwwIFogbSAtMi4xNiwtNC42MjkgMS4yNjgsNS4xMDkgNy43ODUsNy43ODQgMy44NCwtMy44NCAtNy43ODQsLTcuNzg1IC01LjEwOSwtMS4yNjggeiIgLz4gICAgPC9nPiAgICA8ZyAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgxLjA5NjU3MjYsMCwwLC0xLjA2MjQ3NTEsMzEyLjg4MjExLDE4Mi44NjMwOCkiICAgICAgIGlkPSJnMjMyIj4gICAgICA8cGF0aCAgICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiICAgICAgICAgaWQ9InBhdGgyMzQiICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIgICAgICAgICBkPSJtIDAsMCBjIC0wLjM0MywxLjMzNyAtMS4zNzIsMi4zNjYgLTIuNzA5LDIuNzA5IGwgMC4yNCwwLjk2IEMgLTAuNzg5LDMuMjU4IDAuNTE0LDEuOTU1IDAuOTI2LDAuMjc0IEwgMCwwIiAvPiAgICA8L2c+ICAgIDxnICAgICAgIHRyYW5zZm9ybT0ibWF0cml4KDEuMDk2NTcyNiwwLDAsLTEuMDYyNDc1MSwzMTIuNzY5MjcsMTgwLjg1OTE0KSIgICAgICAgaWQ9ImcyMzYiPiAgICAgIDxwYXRoICAgICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgICAgICAgICBpZD0icGF0aDIzOCIgICAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIiAgICAgICAgIGQ9Ik0gMCwwIC0wLjY4NiwwLjcyIDYuMTM4LDcuNTQ0IDYuODI0LDYuODU4IDAsMCBaIiAvPiAgICA8L2c+ICAgIDxnICAgICAgIHRyYW5zZm9ybT0ibWF0cml4KDEuMDk2NTcyNiwwLDAsLTEuMDYyNDc1MSwzMDguOTMzNjgsMTgzLjgxMDM4KSIgICAgICAgaWQ9ImcyNDAiPiAgICAgIDxwYXRoICAgICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgICAgICAgICBpZD0icGF0aDI0MiIgICAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIiAgICAgICAgIGQ9Ik0gMCwwIDEuNTA5LDAuMzc3IEMgMS4zNzIsMC45MjYgMC45MjYsMS4zNzIgMC4zNzcsMS41MDkgTCAwLDAiIC8+ICAgIDwvZz4gICAgPGcgICAgICAgdHJhbnNmb3JtPSJtYXRyaXgoMS4wOTY1NzI2LDAsMCwtMS4wNjI0NzUxLDMyMC4wNjQzMywxNzAuNDM4OTIpIiAgICAgICBpZD0iZzI0NCI+ICAgICAgPHBhdGggICAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiAgICAgICAgIGlkPSJwYXRoMjQ2IiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiICAgICAgICAgZD0ibSAwLDAgMi40NjksLTIuNDY5IDAuNDgsMC40OCBDIDIuNjc1LC0wLjc1NCAxLjcxNSwwLjIwNiAwLjQ4LDAuNDggTCAwLDAgWiBNIDIuNDM1LC0zLjg0MSAtMS40MDYsMCAwLjEzNywxLjU0MyAwLjM3NywxLjUwOSBDIDIuMjI5LDEuMjY5IDMuNzA0LC0wLjIwNiAzLjk0NCwtMi4wNTcgTCAzLjk3OCwtMi4yOTggMi40MzUsLTMuODQxIFoiIC8+ICAgIDwvZz4gIDwvZz48L3N2Zz4K) !important; }
/* .grit42EditIcon {
    background-image: url('/images/icons(v3)_16x16.svg');
    background-size: 290px 290px;
    background-position: -56px -67px;
    display: inline-block; }
*/
.grit42ThrashIcon { background-image: url(data:image/svg+xml;base64,PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgd2lkdGg9IjE2IiAgIGhlaWdodD0iMTYiICAgdmlld0JveD0iMCAwIDE2IDE2IiAgIGlkPSJzdmc0MDY3IiAgIHZlcnNpb249IjEuMSIgICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkxIHIxMzcyNSIgICBzb2RpcG9kaTpkb2NuYW1lPSJ0cmFzaC5zdmciPiAgPGRlZnMgICAgIGlkPSJkZWZzNDA2OSIgLz4gIDxzb2RpcG9kaTpuYW1lZHZpZXcgICAgIGlkPSJiYXNlIiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiICAgICBib3JkZXJvcGFjaXR5PSIxLjAiICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMC4wIiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIgICAgIGlua3NjYXBlOnpvb209IjMuOTU5Nzk4IiAgICAgaW5rc2NhcGU6Y3g9IjI2LjAzMzAwMSIgICAgIGlua3NjYXBlOmN5PSItMTguMjM2OTE3IiAgICAgaW5rc2NhcGU6ZG9jdW1lbnQtdW5pdHM9InB4IiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ibGF5ZXIxIiAgICAgc2hvd2dyaWQ9InRydWUiICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE5MjAiICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDE2IiAgICAgaW5rc2NhcGU6d2luZG93LXg9IjAiICAgICBpbmtzY2FwZTp3aW5kb3cteT0iMjciICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIiAgICAgdW5pdHM9InB4IiAgICAgZml0LW1hcmdpbi10b3A9IjAiICAgICBmaXQtbWFyZ2luLWxlZnQ9IjAiICAgICBmaXQtbWFyZ2luLXJpZ2h0PSIwIiAgICAgZml0LW1hcmdpbi1ib3R0b209IjAiPiAgICA8aW5rc2NhcGU6Z3JpZCAgICAgICB0eXBlPSJ4eWdyaWQiICAgICAgIGlkPSJncmlkNDEzNyIgICAgICAgb3JpZ2lueD0iLTMwOC4xODIwOSIgICAgICAgb3JpZ2lueT0iLTg2Ny44MjM1OSIgLz4gIDwvc29kaXBvZGk6bmFtZWR2aWV3PiAgPG1ldGFkYXRhICAgICBpZD0ibWV0YWRhdGE0MDcyIj4gICAgPHJkZjpSREY+ICAgICAgPGNjOldvcmsgICAgICAgICByZGY6YWJvdXQ9IiI+ICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4gICAgICAgIDxkYzp0eXBlICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPiAgICAgICAgPGRjOnRpdGxlPjwvZGM6dGl0bGU+ICAgICAgPC9jYzpXb3JrPiAgICA8L3JkZjpSREY+ICA8L21ldGFkYXRhPiAgPGcgICAgIGlua3NjYXBlOmxhYmVsPSJMYXllciAxIiAgICAgaW5rc2NhcGU6Z3JvdXBtb2RlPSJsYXllciIgICAgIGlkPSJsYXllcjEiICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzA4LjE4MjA5LC0xNjguNTM4NikiPiAgICA8cGF0aCAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiAgICAgICBpZD0icGF0aDI0OCIgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIgICAgICAgZD0ibSAzMTMuNjc5MDEsMTczLjY5MTA2IDAuOTY1NzksMCAwLDcuNzI4MzkgLTAuOTY1NzksMCAwLC03LjcyODM5IHoiIC8+ICAgIDxwYXRoICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiICAgICAgIGlkPSJwYXRoMjUwIiAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDMxNS42MTE2MywxNzMuNjkxMDYgMC45NjU3OSwwIDAsNy43MjgzOSAtMC45NjU3OSwwIDAsLTcuNzI4MzkgeiIgLz4gICAgPHBhdGggICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgICAgICAgaWQ9InBhdGgyNTIiICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiICAgICAgIGQ9Im0gMzE3LjU0MzIxLDE3My42OTEwNiAwLjk2NTc5LDAgMCw3LjcyODM5IC0wLjk2NTc5LDAgMCwtNy43MjgzOSB6IiAvPiAgICA8cGF0aCAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiAgICAgICBpZD0icGF0aDI1NCIgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIgICAgICAgZD0ibSAzMDkuODE1ODYsMTcwLjc5MjY1IDEyLjU1ODM3LDAgMCwwLjk2NTc5IC0xMi41NTgzNywwIDAsLTAuOTY1NzkgeiIgLz4gICAgPGcgICAgICAgdHJhbnNmb3JtPSJtYXRyaXgoMS4wNDA3MiwwLDAsLTEuMDQwNzIsMzE4LjQ3NzE1LDE3MS4yNzU4NikiICAgICAgIGlkPSJnMjU2Ij4gICAgICA8cGF0aCAgICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiICAgICAgICAgaWQ9InBhdGgyNTgiICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIgICAgICAgICBkPSJtIDAsMCAtMC44NjYsMCAwLDAuOTI4IGMgMCwwLjI3OSAtMC4yMTcsMC40OTUgLTAuNDk1LDAuNDk1IGwgLTEuODU3LDAgYyAtMC4yNzgsMCAtMC40OTUsLTAuMjE2IC0wLjQ5NSwtMC40OTUgbCAwLC0wLjkyOCAtMC44NjYsMCAwLDAuOTI4IGMgMCwwLjc0MyAwLjYxOSwxLjM2MiAxLjM2MSwxLjM2MiBsIDEuODU3LDAgQyAtMC42MTksMi4yOSAwLDEuNjcxIDAsMC45MjggTCAwLDAiIC8+ICAgIDwvZz4gICAgPGcgICAgICAgdHJhbnNmb3JtPSJtYXRyaXgoMS4wNDA3MiwwLDAsLTEuMDQwNzIsMzE4Ljk5MjQxLDE4NC4zMTY5MSkiICAgICAgIGlkPSJnMjYwIj4gICAgICA8cGF0aCAgICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiICAgICAgICAgaWQ9InBhdGgyNjIiICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIgICAgICAgICBkPSJNIDAsMCAtNS41NjksMCBDIC02LjMxMiwwIC02Ljk2MiwwLjYxOSAtNy4wMjMsMS4zNjEgTCAtNy44OSwxMi41IC02Ljk2MiwxMi41NjIgLTYuMDk1LDEuNDIzIGMgMC4wMzEsLTAuMjc4IDAuMjc4LC0wLjQ5NSAwLjUyNiwtMC40OTUgbCA1LjU2OSwwIGMgMC4yNzgsMCAwLjUyNiwwLjI0OCAwLjUyNiwwLjQ5NSBMIDEuMzkyLDEyLjU2MiAyLjMyMSwxMi41IDEuNDU0LDEuMzYxIEMgMS4zOTIsMC41ODggMC43NDMsMCAwLDAiIC8+ICAgIDwvZz4gIDwvZz48L3N2Zz4K) !important; }
/* .grit42ThrashIcon { 
    background-image: url('/images/icons(v3)_16x16.svg');
    background-size: 290px 290px;
    background-position: -88px -67px;
    display: inline-block; }
*/
.grit42CloneIcon { background-image: url(data:image/svg+xml;base64,PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgd2lkdGg9IjE2IiAgIGhlaWdodD0iMTYiICAgdmlld0JveD0iMCAwIDE2IDE2IiAgIGlkPSJzdmc0MDY3IiAgIHZlcnNpb249IjEuMSIgICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkxIHIxMzcyNSIgICBzb2RpcG9kaTpkb2NuYW1lPSJjbG9uZS5zdmciPiAgPGRlZnMgICAgIGlkPSJkZWZzNDA2OSIgLz4gIDxzb2RpcG9kaTpuYW1lZHZpZXcgICAgIGlkPSJiYXNlIiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiICAgICBib3JkZXJvcGFjaXR5PSIxLjAiICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMC4wIiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIgICAgIGlua3NjYXBlOnpvb209IjMuOTU5Nzk4IiAgICAgaW5rc2NhcGU6Y3g9IjI2LjAzMzAwMSIgICAgIGlua3NjYXBlOmN5PSItMTguMjM2OTE3IiAgICAgaW5rc2NhcGU6ZG9jdW1lbnQtdW5pdHM9InB4IiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ibGF5ZXIxIiAgICAgc2hvd2dyaWQ9InRydWUiICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE5MjAiICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDE2IiAgICAgaW5rc2NhcGU6d2luZG93LXg9IjAiICAgICBpbmtzY2FwZTp3aW5kb3cteT0iMjciICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIiAgICAgdW5pdHM9InB4IiAgICAgZml0LW1hcmdpbi10b3A9IjAiICAgICBmaXQtbWFyZ2luLWxlZnQ9IjAiICAgICBmaXQtbWFyZ2luLXJpZ2h0PSIwIiAgICAgZml0LW1hcmdpbi1ib3R0b209IjAiPiAgICA8aW5rc2NhcGU6Z3JpZCAgICAgICB0eXBlPSJ4eWdyaWQiICAgICAgIGlkPSJncmlkNDEzNyIgICAgICAgb3JpZ2lueD0iLTMwOC4xODIwOSIgICAgICAgb3JpZ2lueT0iLTg2Ny44MjM1OSIgLz4gIDwvc29kaXBvZGk6bmFtZWR2aWV3PiAgPG1ldGFkYXRhICAgICBpZD0ibWV0YWRhdGE0MDcyIj4gICAgPHJkZjpSREY+ICAgICAgPGNjOldvcmsgICAgICAgICByZGY6YWJvdXQ9IiI+ICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4gICAgICAgIDxkYzp0eXBlICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPiAgICAgICAgPGRjOnRpdGxlPjwvZGM6dGl0bGU+ICAgICAgPC9jYzpXb3JrPiAgICA8L3JkZjpSREY+ICA8L21ldGFkYXRhPiAgPGcgICAgIGlua3NjYXBlOmxhYmVsPSJMYXllciAxIiAgICAgaW5rc2NhcGU6Z3JvdXBtb2RlPSJsYXllciIgICAgIGlkPSJsYXllcjEiICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzA4LjE4MjA5LC0xNjguNTM4NikiPiAgICA8ZyAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjk4NzI4NjU5LDAsMCwtMS4wMDMwNDMxLDMxOS40NDU1NCwxNzQuNTUzODUpIiAgICAgICBpZD0iZzI4NCI+ICAgICAgPHBhdGggICAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiAgICAgICAgIGlkPSJwYXRoMjg2IiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiICAgICAgICAgZD0ibSAwLDAgMCwtMC45IDMuMTk2LDAgMCwtNy45MTQgLTcuOTEzLDAgMCwzLjAwOSAtMC45MDEsMCAwLC0zLjkwOSA5LjcxNCwwIEwgNC4wOTYsMCAwLDAgWiIgLz4gICAgPC9nPiAgICA8cGF0aCAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiAgICAgICBpZD0icGF0aDI4OCIgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIgICAgICAgZD0ibSAzMDkuMTkzMjcsMTc3Ljc1MTU1IDcuODEyNCwwIDAsLTcuOTM3MDkgLTcuODEyNCwwIDAsNy45MzcwOSB6IG0gOC43MDE5NCwwLjkwMzc0IC05LjU5MDUsMCAwLC05Ljc0MzU2IDkuNTkwNSwwIDAsOS43NDM1NiB6IiAvPiAgPC9nPjwvc3ZnPgo=) !important; }
/* .grit42CloneIcon {
    background-image: url('/images/icons(v3)_16x16.svg');
    background-size: 290px 290px;
    background-position: -148px -67px;
    display: inline-block; }
*/     
.grit42ToolsIcon18 { background-image: url(data:image/svg+xml;base64,PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgd2lkdGg9IjE4IiAgIGhlaWdodD0iMTgiICAgdmlld0JveD0iMCAwIDE4IDE4IiAgIGlkPSJzdmc0MDY3IiAgIHZlcnNpb249IjEuMSIgICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkxIHIxMzcyNSIgICBzb2RpcG9kaTpkb2NuYW1lPSJ0b29scy5zdmciPiAgPGRlZnMgICAgIGlkPSJkZWZzNDA2OSIgLz4gIDxzb2RpcG9kaTpuYW1lZHZpZXcgICAgIGlkPSJiYXNlIiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiICAgICBib3JkZXJvcGFjaXR5PSIxLjAiICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMC4wIiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIgICAgIGlua3NjYXBlOnpvb209IjIyLjQiICAgICBpbmtzY2FwZTpjeD0iNy4xNjAzODA5IiAgICAgaW5rc2NhcGU6Y3k9IjUuODUyMjUxMyIgICAgIGlua3NjYXBlOmRvY3VtZW50LXVuaXRzPSJweCIgICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9ImxheWVyMSIgICAgIHNob3dncmlkPSJ0cnVlIiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMTAxNiIgICAgIGlua3NjYXBlOndpbmRvdy14PSIwIiAgICAgaW5rc2NhcGU6d2luZG93LXk9IjI3IiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIgICAgIHVuaXRzPSJweCIgICAgIGZpdC1tYXJnaW4tdG9wPSIwIiAgICAgZml0LW1hcmdpbi1sZWZ0PSIwIiAgICAgZml0LW1hcmdpbi1yaWdodD0iMCIgICAgIGZpdC1tYXJnaW4tYm90dG9tPSIwIj4gICAgPGlua3NjYXBlOmdyaWQgICAgICAgdHlwZT0ieHlncmlkIiAgICAgICBpZD0iZ3JpZDQxMzciICAgICAgIG9yaWdpbng9Ii0zMDguMzA0NzEiICAgICAgIG9yaWdpbnk9Ii04NjguMDY0NzgiIC8+ICA8L3NvZGlwb2RpOm5hbWVkdmlldz4gIDxtZXRhZGF0YSAgICAgaWQ9Im1ldGFkYXRhNDA3MiI+ICAgIDxyZGY6UkRGPiAgICAgIDxjYzpXb3JrICAgICAgICAgcmRmOmFib3V0PSIiPiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+ICAgICAgICA8ZGM6dHlwZSAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4gICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxnICAgICBpbmtzY2FwZTpsYWJlbD0iTGF5ZXIgMSIgICAgIGlua3NjYXBlOmdyb3VwbW9kZT0ibGF5ZXIiICAgICBpZD0ibGF5ZXIxIiAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMwOC4zMDQ3MSwtMTY2LjI5NzQxKSI+ICAgIDxnICAgICAgIHRyYW5zZm9ybT0ibWF0cml4KDEuMTUwODkwOSwwLDAsLTEuMTQzMDUzNywzMjAuMTUwNjYsMTgwLjMyODE4KSIgICAgICAgaWQ9ImcyOTAiPiAgICAgIDxwYXRoICAgICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgICAgICAgICBpZD0icGF0aDI5MiIgICAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIiAgICAgICAgIGQ9Im0gMCwwIGMgMCwwLjYzNiAwLDEuMjcyIDAuMDAzLDEuOTA5IDAsMC4wMTkgMC4wMjQsMC4wNTkgMC4wNDMsMC4wODkgMC4wMSwwLjAxNyAwLjAyLDAuMDM0IDAuMDM2LDAuMDUyIDAuMDEsMC4wMDcgMC4wMiwwLjAxNCAwLjAyNywwLjAyMiAwLjMsMC4yNjggMC40NjEsMC42MDIgMC40NTcsMC45NCBDIDAuNTYyLDMuMzQ3IDAuMzkzLDMuNjcyIDAuMDkxLDMuOTI4IDAuMDE3LDMuOTkyIC0wLjAwNyw0LjA0MyAtMC4wMDMsNC4xMzkgMC4wMDMsNC4yODIgMC4wMDIsNC40MjUgMCw0LjU3NCBsIDAsMC4wOTUgMy4wNDIsMCAwLC0wLjEwNSBDIDMuMDQ0LDQuMzc2IDMuMDQ1LDQuMTkxIDMuMDM5LDQuMDE3IDMuMDMsMy45OTkgMi45ODMsMy45NiAyLjk2NywzLjk0NyAyLjY1NSwzLjY4NyAyLjQ4MywzLjM1MSAyLjQ4MSwzIDIuNDgsMi42NTIgMi42NDcsMi4zMTUgMi45NTIsMi4wNTYgTCAyLjk3MywyLjA0IEMgMi45ODEsMi4wMjUgMi45OSwyLjAxIDMsMS45OTUgMy4wMTcsMS45NjcgMy4wNCwxLjkzIDMuMDQsMS45MTMgMy4wNDQsMC45NzMgMy4wNDQsMC4wMzQgMy4wNDQsLTAuOTA2IGwgMCwtMC40NzEgYyAwLC0wLjQwNiAtMC4xODEsLTAuNzA5IC0wLjUzNywtMC45IEMgMi4xOCwtMi40NTIgMS44NDgsLTIuNTQxIDEuNTIsLTIuNTQxIGMgLTAuMzM2LDAgLTAuNjczLDAuMDk0IC0xLjAwMSwwLjI3OCAtMC4zNDcsMC4xOTQgLTAuNTIyLDAuNTA2IC0wLjUyMSwwLjkyNiBDIDAsLTAuODkxIDAsLTAuNDQ1IDAsMCBtIDEuNDIxLDExLjI0OSBjIDAuMDAyLDAgMC4wMTYsMC4wMDUgMC4wNjMsMC4wMDUgbCAwLjEzMSwtMC4wMDMgMC4wMDgsMCBDIDEuNjM4LDExLjIxOCAxLjY1NSwxMS4xODYgMS42NzMsMTEuMTU0IDEuNzM1LDExLjAzNyAxLjc3MSwxMC45NiAxLjczNiwxMC44NjIgTCAxLjcxOCwxMC44MDggQyAxLjY4NywxMC43MiAxLjY1MywxMC42MyAxLjYzNiwxMC41MzQgMS42MTcsMTAuNDMzIDEuNTg1LDEwLjQzMyAxLjU1MywxMC40MzMgYyAtMC4wMTQsMCAtMC4wMjgsMC4wMDIgLTAuMDQzLDAuMDA1IC0wLjAyMywwLjAwMyAtMC4wNDYsMC4wMDUgLTAuMDcsMC4wMDYgLTAuMDExLDAuMDM0IC0wLjAyNSwwLjA2OCAtMC4wMzgsMC4xMDIgLTAuMDQ2LDAuMTIxIC0wLjA4OCwwLjIzNiAtMC4wOTQsMC4zNDcgLTAuMDA2LDAuMTA0IDAuMDQzLDAuMjQzIDAuMTEzLDAuMzU2IE0gMy41ODgsMy4zNjcgYyAwLjE5OCwwLjA5MSAwLjI5NCwwLjI0NCAwLjI5NCwwLjQ2OCAtMC4wMDEsMC4yMjcgMTBlLTQsMC40NTQgMC4wMDMsMC42ODEgMC4wMDEsMC4xNzcgMC4wMDIsMC4zNTQgMC4wMDIsMC41MyAwLDAuMjg0IC0wLjE3OCwwLjQ2MSAtMC40NjQsMC40NjEgbCAtMS40NzMsMC4wMDEgMCw0LjEwMSBjIDAuMjk1LDAuMDQyIDAuMzY5LDAuMzEgMC4zOTUsMC40MDMgMC4wNjEsMC4yMjggMC4xMzgsMC40NzMgMC4yMzUsMC43NDkgMC4wNTQsMC4xNTQgMC4wNDcsMC4yOTcgLTAuMDIyLDAuNDQ5IEMgMi40ODcsMTEuMzYyIDIuNDA3LDExLjUzNSAyLjM0NywxMS43MDkgMi4yODgsMTEuODggMi4xODksMTIgMi4wNCwxMi4wNzYgTCAwLjk4NiwxMi4wODcgMC45NTYsMTIuMDQ4IEMgMC45MzMsMTIuMDE2IDAuOTA2LDExLjk4NCAwLjg4MSwxMS45NTMgMC44MTgsMTEuODc4IDAuNzU1LDExLjggMC43MDgsMTEuNzEgMC42MTQsMTEuNTM1IDAuNTM2LDExLjM0OSAwLjQ3NSwxMS4xNTkgMC40MzcsMTEuMDQ0IDAuNDMyLDEwLjkxIDAuNDYsMTAuODAxIDAuNDk0LDEwLjY2NSAwLjUzOCwxMC41MzIgMC41ODEsMTAuMzk4IDAuNjE2LDEwLjI5IDAuNjUxLDEwLjE4MSAwLjY4MiwxMC4wNzEgMC43MjUsOS45MTYgMC44MDMsOS42MzggMS4xMDcsOS42MDQgMS4xMDgsOS42MDIgMS4xMDgsOS42IDEuMTA4LDkuNTk3IGwgMCwtMS41MTcgYyAwLC0wLjg0NiAwLC0xLjY5MiAwLjAwMiwtMi41MzcgQyAxLjExLDUuNTI0IDEuMTA4LDUuNTEzIDEuMTA5LDUuNTA4IDEuMTA0LDUuNTA3IDEuMDkzLDUuNTA2IDEuMDc1LDUuNTA2IDAuODY0LDUuNTA4IDAuNjUzLDUuNTA5IDAuNDQyLDUuNTA5IEwgLTAuMzE2LDUuNTA4IEMgLTAuNjksNS41MDcgLTAuODI5LDUuMzcgLTAuODMsNS4wMDEgLTAuODMsNC44OTYgLTAuODI5LDQuNzkxIC0wLjgyOCw0LjY4NiAtMC44MjYsNC40NDcgLTAuODIzLDQuMiAtMC44MzQsMy45NTggLTAuODQ0LDMuNzMyIC0wLjgxLDMuNDc5IC0wLjQ3OCwzLjMyNyAtMC4zNzcsMy4yOCAtMC4zMDUsMy4yMDYgLTAuMjcyLDMuMTE3IC0wLjI0NSwzLjAzOCAtMC4yNSwyLjk1NSAtMC4yODksMi44NzUgLTAuMzMyLDIuNzg3IC0wLjQzLDIuNjkzIC0wLjU0OCwyLjYyNCAtMC43NDYsMi41MSAtMC44MzQsMi4zNjIgLTAuODMyLDIuMTQ0IGMgMC4wMDYsLTEuNCAwLjAwNiwtMi40NyAwLC0zLjQ3IC0wLjAwMywtMC41MDMgMC4xNzcsLTAuOTI4IDAuNTUsLTEuMzAxIDAuNDY2LC0wLjQ2NCAxLjEyNCwtMC43MzEgMS44MDYsLTAuNzMxIDAuNTg5LDAgMS4xNjEsMC4xOTcgMS42MDgsMC41NTUgMC41MTMsMC40MSAwLjc1OSwwLjkxOCAwLjc1MiwxLjU1MyAtMC4wMTEsMS4wNTggLTAuMDA2LDIuMTMzIC0xMGUtNCwzLjE3MyBsIDAsMC4xNzYgQyAzLjg4NiwyLjM2NiAzLjc4NSwyLjUzMyAzLjU1NywyLjY0IDMuMzYxLDIuNzMyIDMuMjk0LDIuODQ4IDMuMzE2LDMuMDU1IDMuMzMxLDMuMTkyIDMuNDEyLDMuMjg2IDMuNTg4LDMuMzY3IiAvPiAgICA8L2c+ICAgIDxnICAgICAgIHRyYW5zZm9ybT0ibWF0cml4KDEuMTUwODkwOSwwLDAsLTEuMTQzMDUzNywzMTUuNTkzMTIsMTczLjY4MDg3KSIgICAgICAgaWQ9ImcyOTQiPiAgICAgIDxwYXRoICAgICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgICAgICAgICBpZD0icGF0aDI5NiIgICAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIiAgICAgICAgIGQ9Ik0gMCwwIEMgMC4wNTMsLTAuNjYzIDAuMDk5LC0xLjMyNiAwLjE0NSwtMS45ODggTCAwLjI1LC0zLjQ3IGMgMC4wNiwtMC44MzIgMC4xMTksLTEuNjYzIDAuMTc1LC0yLjQ5NCAwLjAwNywtMC4xIDAuMDE1LC0wLjIwMSAwLjAyNCwtMC4zMDIgMC4wMjYsLTAuMjg5IDAuMDUyLC0wLjU4OSAwLjAyMiwtMC44NzIgLTAuMDc2LC0wLjcyMyAtMC42ODEsLTEuMjI1IC0xLjQzOCwtMS4xODIgLTAuNzM4LDAuMDM1IC0xLjI1MiwwLjQ2NCAtMS4zNDMsMS4xMTggLTAuMDM0LDAuMjU2IC0wLjAxMiwwLjUyOSAwLjAwOCwwLjc5NCAwLjAwNiwwLjA3NiAwLjAxMiwwLjE1MyAwLjAxNywwLjIyOSAwLjAzNCwwLjUyNyAwLjA3MiwxLjA1MyAwLjExLDEuNTc5IGwgMC4wNTcsMC43OTEgYyAwLjA2NywwLjkzNSAwLjEzNCwxLjg3IDAuMTk5LDIuODA1IGwgMC4wMjgsMC40MTQgYyAwLjAxNSwwLjIxOSAwLjAyOSwwLjQzOSAwLjA0NiwwLjY1OSAwLjAxNywwLjE5OSAtMC4wNjMsMC4zNSAtMC4yNDMsMC40NjMgLTAuNDM2LDAuMjczIC0wLjgyOSwwLjU5NSAtMS4xNjYsMC45NTcgLTAuNzkyLDAuODQ5IC0wLjg4OSwxLjgzOCAtMC4yODYsMi45MzggMC4wNzcsMC4xNDIgMC4xNzksMC4yNzEgMC4yODUsMC40MDcgMC4wMDUsMC4wMDYgMC4wMDksMC4wMTEgMC4wMTMsMC4wMTcgbCAwLC0wLjI3IEMgLTMuMjQzLDQuMjY0IC0zLjI0NCwzLjk0NyAtMy4yMzcsMy42MzEgLTMuMjM1LDMuNTE3IC0zLjE5OCwzLjM5NCAtMy4xMzksMy4zMDEgLTIuOTcyLDMuMDQ0IC0yLjgwMSwyLjc5IC0yLjYzLDIuNTM2IC0yLjUxNSwyLjM2NCAtMi4zOTksMi4xOTIgLTIuMjg1LDIuMDIgYyAwLjEwMSwtMC4xNTQgMC4yNDEsLTAuMjI5IDAuNDM0LC0wLjIyOSAwLjYyMSwwLjAwNiAxLjI0LDAuMDA1IDEuODczLDAgMC4xOCwwIDAuMzE3LDAuMDc0IDAuNDE1LDAuMjI1IEMgMC41MzgsMi4xNjcgMC42NCwyLjMxOCAwLjc0MSwyLjQ2OCAwLjkyMiwyLjczNSAxLjEwMiwzLjAwMyAxLjI3NSwzLjI3NCAxLjM0NSwzLjM4MiAxLjM4OSwzLjUyNSAxLjM5MiwzLjY1NyAxLjQsMy45NTggMS4zOTgsNC4yNTggMS4zOTcsNC41NTggTCAxLjM5Niw0Ljg1IEMgMS42MjMsNC41OTIgMS43ODgsNC4zMTQgMS45MDksMy45OSAyLjI3NiwzLjAwNCAyLjA3OCwyLjEzNSAxLjMyLDEuNDA0IDAuOTkzLDEuMDg5IDAuNjIzLDAuODE1IDAuMjY1LDAuNTUgMC4wNjEsMC4zOTkgLTAuMDE5LDAuMjM1IDAsMCBNIDEuMjYzLDYuMDc3IEMgMS4xMDcsNi4xODkgMC45NDQsNi4yMDggMC43OTQsNi4xMzEgMC42NDEsNi4wNTIgMC41NjIsNS45MTQgMC41NjIsNS43MiAwLjU2Myw1LjM5NyAwLjU2Myw1LjA3MyAwLjU2Miw0Ljc0OSBsIDAsLTAuMjc0IEMgMC41NjMsNC4yNDggMC41NjQsNC4wMiAwLjU2MSwzLjc5NCAwLjU1OSwzLjczNiAwLjU0MiwzLjY3NyAwLjUxOCwzLjYzOCAwLjM0NiwzLjM3MyAwLjExNywzLjAyNCAtMC4xMjMsMi42ODUgLTAuMTQyLDIuNjU4IC0wLjE5OSwyLjYyNyAtMC4yMzIsMi42MjcgLTAuNjkzLDIuNjE4IC0xLjE1NywyLjYyIC0xLjYyLDIuNjI3IC0xLjY0OSwyLjYyNyAtMS43MDEsMi42NTUgLTEuNzE4LDIuNjggLTEuOTUxLDMuMDExIC0yLjE3NywzLjM1MyAtMi4zNjcsMy42NDMgLTIuMzkzLDMuNjgyIC0yLjQwOSwzLjczMSAtMi40MDksMy43NyAtMi40MTMsNC40MDcgLTIuNDE0LDUuMDQ1IC0yLjQwOCw1LjY4MyAtMi40MDcsNS44MiAtMi40MjksNi4wMTUgLTIuNjMxLDYuMTI1IC0yLjc4MSw2LjIwOSAtMi45MzQsNi4xOTIgLTMuMTExLDYuMDY5IC0zLjc2Nyw1LjYxIC00LjI0LDUuMDA2IC00LjUxOSw0LjI3MiBjIC0wLjM4MywtMS4wMTMgLTAuMzIsLTEuOSAwLjE5MywtMi43MTEgMC4zNzMsLTAuNTkgMC44ODEsLTEuMTA0IDEuNTUyLC0xLjU3MSAwLjA2OSwtMC4wNDggMC4wODUsLTAuMDc4IDAuMDc5LC0wLjE1NCAtMC4wNjYsLTAuODY4IC0wLjEyNywtMS43MzcgLTAuMTg4LC0yLjYwNyBsIC0wLjExLC0xLjU4NSBjIC0wLjA0OSwtMC43MzEgLTAuMDk5LC0xLjQ2MSAtMC4xNTgsLTIuMTkgLTAuMDQ4LC0wLjU4NiAwLjAzLC0xLjAyMyAwLjI1MiwtMS40MTcgMC40MSwtMC43MzIgMS4xNywtMS4xODYgMS45ODQsLTEuMTg2IDAuMjA0LDAgMC40MDYsMC4wMjkgMC42MDEsMC4wODUgMS4wMTEsMC4yOTYgMS42OTgsMS4yNTIgMS42MzMsMi4yNzQgLTAuMDQ1LDAuNzE0IC0wLjA5NiwxLjQyNyAtMC4xNDgsMi4xNCBsIC0wLjEwNywxLjQ5IGMgLTAuMDcxLDAuOTk4IC0wLjE0MiwxLjk5NiAtMC4yMTcsMi45OTQgLTAuMDA2LDAuMDc0IDAuMDEsMC4xMDUgMC4wNzksMC4xNTIgMC41NTMsMC4zODMgMSwwLjgwNSAxLjM2NSwxLjI5MSAwLjU1NCwwLjczOSAwLjczOCwxLjUxIDAuNTY1LDIuMzU5IEMgMi42NSw0LjY0MyAyLjExNCw1LjQ2NCAxLjI2Myw2LjA3NyIgLz4gICAgPC9nPiAgICA8ZyAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgxLjE1MDg5MDksMCwwLC0xLjE0MzA1MzcsMzIxLjkwNDk2LDE4Mi4yMTgzNCkiICAgICAgIGlkPSJnMjk4Ij4gICAgICA8cGF0aCAgICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiICAgICAgICAgaWQ9InBhdGgzMDAiICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIgICAgICAgICBkPSJNIDAsMCAwLDAgMCwtMC4wMDIgMCwwIFogbSAtMC40MTQsMC4zNjUgYyAwLC0wLjI3NyAwLjE1OCwtMC40NiAwLjQwMiwtMC40NjcgbCAwLjAxMiwwIGMgMC4yNDQsMCAwLjQxNSwwLjE5MiAwLjQxNiwwLjQ2NyAwLjAwMSwwLjk2MSAwLjAwMSwxLjkyMyAwLDIuODg0IDAsMC4yODYgLTAuMTYzLDAuNDcgLTAuNDE4LDAuNDcgQyAtMC4yNTYsMy43MTkgLTAuNDE0LDMuNTQgLTAuNDE1LDMuMjUgLTAuNDE2LDIuOTMxIC0wLjQxNiwyLjYxMiAtMC40MTYsMi4yOTMgTCAtMC40MTUsMS44MTUgLTAuNDE2LDEuNDUzIGMgMCwtMC4zNjMgMCwtMC43MjYgMC4wMDIsLTEuMDg4IiAvPiAgICA8L2c+ICAgIDxnICAgICAgIHRyYW5zZm9ybT0ibWF0cml4KDEuMTUwODkwOSwwLDAsLTEuMTQzMDUzNywzMTQuNTY2ODgsMTgyLjc1NTY4KSIgICAgICAgaWQ9ImczMDIiPiAgICAgIDxwYXRoICAgICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgICAgICAgICBpZD0icGF0aDMwNCIgICAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIiAgICAgICAgIGQ9Ik0gMCwwIDAsMCAwLC0wLjAwMiAwLDAgWiBNIC0wLjAxMiwxLjY3MSBDIC0wLjQ1NiwxLjY2OCAtMC44OTUsMS4yMzIgLTAuODk3LDAuNzkgLTAuODk5LDAuMzc0IC0wLjUxOCwtMC4wOTYgLTAuMDA4LC0wLjEwMiBsIDAuMDA4LDAgYyAwLjUwNCwwIDAuODg0LDAuNDY5IDAuODg3LDAuODg3IEMgMC44OSwwLjk5MSAwLjc5MSwxLjIxIDAuNjE4LDEuMzg1IDAuNDM5LDEuNTY3IDAuMjExLDEuNjcxIC0wLjAxMiwxLjY3MSIgLz4gICAgPC9nPiAgPC9nPjwvc3ZnPgo=) !important; }

/*  Global overrides  */
.x-mask ~ .x-css-shadow,
.x-grid-col-dd ~ .x-css-shadow {
  visibility: hidden; }

.x-menu-item .x-menu-item-icon{
  top: 13.5px; }

.x-menu-item .x-menu-item-arrow {
  top: 19px; }


/* PICKER FIELD */
.grit42FilterField {
  height: 34px; }


/* ENTITY GRID */
.grit42entityGridTitle,
.grit42entityGridTitle .x-form-display-field.x-form-display-field-default {
  background-color: var(--color5);
  color: var(--marvin-yellow);
  font-size: 20px;
  font-weight: bold;
  font-family: guardian, georgia, serif; }

/* ENTITY EDIT FORM */
.grit42EditForm span,
.grit42EditForm input,
.grit42EditForm label {
  font: bold 12px/21px Sintony, arial, verdana, sans-serif; }

.grit42EditForm label {
  margin-right: 5px; }

/* BUTTONS  */
/*
.grit42NewExperimentFromSetup {
  font-size }*/

/* Header navigation */

.grit42headbg {
  background: var(--grit42-header); }


.grit42header {
  padding: 15px 15px 0;
  width: 50%;
  background: var(--grit42-header);
  color: var(--grit42-header-text);
  font-style: normal;
  font-variant-ligatures: normal;
  font-variant-caps: normal;
  font-variant-numeric: normal;
  font-weight: bold;
  font-stretch: normal;
  font-size: 13px;
  line-height: 19px;
  font-family: guardian, serif;
  cursor: pointer; }

.grid42headerover {
  color: var(--white); }

.grit42headerselected {
  border-bottom: 5px solid var(--marvin-yellow);
  background-color: var(--grit42-header);
  color: var(--white); }
  
.x-btn.grit42headerbutton.x-unselectable.x-box-item.x-btn-default-small {
  background-color: var(--grit42-header); 
  -webkit-border-radius: 0em;
  -moz-border-radius: 0em;
  -ms-border-radius: 0em;
  -o-border-radius: 0em;
  border-radius: 0em;
  padding: 5px 30px 21px; }
  
.x-btn.grit42headerbutton.x-unselectable.x-box-item.x-btn-default-small .x-btn-inner.x-btn-inner-default-small {
  color: var(--white); }
  
.x-img.grit42logo.x-box-item.x-img-default {
  top: 3px !important; }
    
.grit42gridHeaderBlock {
  background: var(--color5); }
    
.grit42panelTitle {
  background: var(--color5);
  color: var(--marvin-yellow);
  font-size: 20px;
  font-weight: bold;
  font-family: guardian, georgia, serif; }

.grit42filter {
  border-top: 1px solid var(--color9);
  background: var(--color5); }

.grit42filteritems {
  margin: 0px 10px 0px 0px;
  padding: 11px 15px 11px 15px;
  background: var(--color4);
  font-size: 12px;
  color: var(--white);
  font-weight: bold; }

.grit42YellowButton {
  background-color: var(--marvin-yellow); }


/* Grid Mods */

.x-column-header-text-inner {
  font-family: Sintony, sans-serif;
  font-size  : 12px;
  font-weight: bold; }

.x-grid-cell-inner {
  font-family: Sintony, sans-serif;
  font-size  : 12px;
  font-weight: normal; }

/* DASHBOARDS */

.grit42dashboardPanel>div.x-panel-header.x-header {
  margin-left: 40px; }

/* */


/* Science Dashborad  */

.grit42dashPanel div.x-title-text.x-title-text-default.x-title-item {
  font-size: 11px;
  font-color: var(--marvin-yellow);
  padding: 1px 0; }

.grit42dashPanel a.x-component.x-box-item.x-toolbar-item.x-component-default {
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  color: var(--white); }


/* SETUP APP */

.grit42SetupDetails {
  background-color: var(--color5); }


/* Mods */

::-webkit-scrollbar {
  width: 12px;  /* for vertical scrollbars */
  height: 12px; /* for horizontal scrollbars */ }

::-webkit-scrollbar-track { 
  background: var(--black); }

::-webkit-scrollbar-thumb {
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  -ms-border-radius: 1em;
  -o-border-radius: 1em;
  border-radius: 1em;
  background: var(--marvin-yellow); }

/* Grit42 benzene radio button */
.x-form-radio-default { background: url(/images/radio.png) no-repeat; }


.x-body {
  color: var(--white);
  font-size: 13px;
  line-height: 17px;
  font-weight: 300;
  font-family: Sintony, arial, verdana, sans-serif;
  background: var(--color1); }


/* X-panel setion */
  
.x-panel-default {
  border-color: var(--color1);
  padding: 0; }
  
.x-panel-body-default {
  background: var(--color1);
  border-color: var(--color1);
  color: var(--white);
  font-size: 12px;
  font-weight: 300;
  font-family: Sintony, arial, verdana, sans-serif;
  border-width: 0px;
  border-style: solid; }
  
.x-panel-header-default {
  background-image: none;
  background-color: var(--color1); }
  
.x-panel-header-default {
  font-size: 15px;
  border: 1px solid var(--color1); }
  
.x-panel-header-default .x-tool-img {
  background-color: var(--color5); }
  
.x-panel-default-outer-border-trl {
  border-top-color: var(--color1) !important;
  border-top-width: 1px !important;
  border-right-color: var(--color1) !important;
  border-right-width: 1px !important;
  border-left-color: var(--color1) !important;
  border-left-width: 1px !important; }
  
.x-panel-header-title-default {
  color: var(--marvin-yellow);
  font-size: 20px;
  font-weight: bold;
  font-family: guardian, georgia, serif;
  line-height: 20px; }

.x-panel-default-outer-border-rl {
  border-right-color: var(--color4) !important;
  border-right-width: 1px !important;
  border-left-color: var(--color4) !important;
  border-left-width: 1px !important; }
  
.x-panel-default-outer-border-rbl {
  border-right-color: var(--color4) !important;
  border-right-width: 1px !important;
  border-bottom-color: var(--color4) !important;
  border-bottom-width: 1px !important;
  border-left-color: var(--color4) !important;
  border-left-width: 1px !important; }


/* x-grid section */
  
.x-grid-body {
  background: var(--color2);
  border-width: 1px;
  border-style: solid;
  border-color: var(--color2); }

.x-grid-with-row-lines .x-grid-item {
  border-style: solid;
  border-width: 1px 0 0;
  border-color: var(--color5); }
  
.x-grid-with-row-lines .x-grid-item:first-child {
  border-top-color: var(--color5); }

.x-grid-item {
  color: var(--white);
  font: 300 15px/17px Sintony, arial, verdana, sans-serif;
  background-color: var(--color2); }
  
.x-grid-cell-special {
  border-color: var(--color5);
  border-style: solid;
  border-right-width: 1px; }

.x-grid-header-ct {
  border: 1px solid var(--color4);
  border-bottom-color: var(--color4);
  background-color: var(--color4); }

.x-grid-group-hd {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: var(--color4);
  padding: 7px 4px;
  background: var(--color4);
  cursor: pointer; }
  
.x-grid-row-expander:focus {
  outline: 1px solid var(--color4); }


/* TODO: CSS3 syntax is ::before; */  
.x-grid-item-focused .x-grid-cell-inner:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  pointer-events: none;
  border: 1px solid var(--marvin-yellow); }
  
.x-grid-group-title {
  color: var(--marvin-yellow);
  font: bold 15px/17px Sintony, arial, verdana, sans-serif; }

.x-grid-checkcolumn {
  width: 15px;
  height: 15px;
  /* background-image: url(/images/radio.png) no-repeat; */ }

.x-grid-checkcolumn-checked {
  background-position: 0 -15px; }

.x-grid-item-selected {
  color: var(--white);
  background-color: var(--color7); }
  
.x-grid-with-row-lines .x-grid-item.x-grid-item-selected {
  border-style: solid;
  border-color: var(--color5); }
  
.x-grid-with-row-lines .x-grid-item-selected + .x-grid-item {
  border-top-style: solid;
  border-top-color: var(--color5); }
  
.x-grid-row .x-grid-cell-selected {
  color: var(--white);
  background-color: var(--color5); }
  
.x-grid-item-over {
  color: var(--marvin-yellow); }
  
.x-grid-item-alt {
  background-color: var(--color5); }
  
.x-grid-dirty-cell {
  background: url(/images/grid/dirty.png) no-repeat 0 0; }
  
.x-grid-item-focused {
  outline: 0;
  color: var(--white); }
  
.x-grid-with-row-lines .x-grid-item.x-grid-item-over {
  border-style: solid;
  border-color: var(--color5); }
  
.x-grid-with-row-lines .x-grid-item-over + .x-grid-item {
  border-top-style: solid;
  border-top-color: var(--color5); }
  
.x-grid-empty {
  padding: 10px;
  color: var(--color8);
  background-color: var(--color2);
  font: 300 13px helvetica, arial, verdana, sans-serif; }

.x-column-header {
  border-right: 1px solid var(--color5);
  color: var(--white);
  font: bold 15px/30px Sintony, arial, verdana, sans-serif;
  outline: 0;
  background-color: var(--color4); }

.x-column-header-over,
.x-column-header-sort-ASC,
.x-column-header-sort-DESC {
  background-image: none;
  background-color: var(--color2);
  border-bottom-color: var(--color4);
  border-bottom-width: 1px }
  
.x-column-header.x-column-header-focus {
  color: var(--white); }
  
.x-column-header-over,
.x-column-header-sort-ASC,
.x-column-header-sort-DESC {
  background-image: none;
  background-color: var(--color2); }

.x-column-header-open {
  background-color: var(--color2); }

.x-column-header-open .x-column-header-trigger {
  background-color: var(--color2); }
  
.x-column-header-trigger {
  background: var(--color2) url(/images/grid/hd-pop.png) no-repeat center center;
  border-left: 1px solid var(--color4); }

/* TODO: CSS3 syntax is ::before; */  
.x-column-header.x-column-header-focus .x-column-header-inner:before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  border: 1px solid var(--color2);
  pointer-events: none; }
  
.x-grid-row-checker,
.x-column-header-checkbox .x-column-header-text {
  height: 15px;
  width: 15px;
  /* background-image: url(/images/radio.png); */
  line-height: 15px; }  


/* x-toolbar section */

.x-toolbar-default {
  padding: 6px 0 6px 8px;
  border-style: solid;
  border-color: var(--color5);
  border-width: 1px;
  background-image: none;
  background-color: var(--color5); }
  
.x-toolbar-footer {
  padding: 6px 0 6px 6px;
  border-style: solid;
  border-color: var(--color1);
  border-width: 0;
  background-image: none;
  background-color: var(--color1); }
  
.x-toolbar-footer .x-tool-img {
  background-image: url(images/tools/tool-sprites-dark.png);
  background-color: var(--color1); }
  
.x-toolbar-text-default {
  padding: 0 4px;
  color: var(--white);
  font: 300 13px/16px helvetica, arial, verdana, sans-serif; }
  

/* x-btn section  */

.x-btn-default-small {
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  -ms-border-radius: 0.2em;
  -o-border-radius: 0.2em;
  border-radius: 0.2em;
  padding: 4px 3px 4px 3px;
  border-width: 0px;
  border-style: solid;
  background-color: var(--color3);
  height: 34px; }

.x-btn-inner-default-small {
  font: bold 12px/18px guardian, serif;
  color: var(--white);
  padding: 0 5px;
  max-width: 100%; }
  
.x-action-col-icon {
    height: 16px;
    width: 16px;
    margin-right: 8px; 
    background-repeat: no-repeat; }
  
.x-btn-default-small {
  border-color: var(--color8); }
  
.x-btn.x-btn-menu-active.x-btn-default-small,
.x-btn.x-btn-pressed.x-btn-default-small {
  border-color: var(--color5);
  background-image: none;
  background-color: var(--color4); }
  
.x-btn.x-btn-disabled.x-btn-default-small {
  background-image: none;
  background-color: var(--color4); }
  
.x-btn-focus.x-btn-default-small {
  background-image: none;
  background-color: var(--color3); }
/*  -webkit-box-shadow: var(--color3) 0 1px 0px 0 inset, var(--color3) 0 -1px 0px 0 inset, var(--color3) -1px 0 0px 0 inset, var(--color3) 1px 0 0px 0 inset;
  -moz-box-shadow: var(--color3) 0 1px 0px 0 inset, var(--color3) 0 -1px 0px 0 inset, var(--color3) -1px 0 0px 0 inset, var(--color3) 1px 0 0px 0 inset;
  box-shadow: var(--color3) 0 1px 0px 0 inset, var(--color3) 0 -1px 0px 0 inset, var(--color3) -1px 0 0px 0 inset, var(--color3) 1px 0 0px 0 inset; */

.x-btn-over.x-btn-default-small {
  border-color: var(--color10);
  background-image: none;
  background-color: var(--color1); }

/* .x-btn-focus.x-btn-over.x-btn-default-small {
  -webkit-box-shadow: var(--color5) 0 1px 0px 0 inset, var(--color5) 0 -1px 0px 0 inset, var(--color5) -1px 0 0px 0 inset, var(--color5) 1px 0 0px 0 inset;
  -moz-box-shadow: var(--color5) 0 1px 0px 0 inset, var(--color5) 0 -1px 0px 0 inset, var(--color5) -1px 0 0px 0 inset, var(--color5) 1px 0 0px 0 inset;
  box-shadow: var(--color5) 0 1px 0px 0 inset, var(--color5) 0 -1px 0px 0 inset, var(--color5) -1px 0 0px 0 inset, var(--color5) 1px 0 0px 0 inset; }
*/
  
.x-btn-default-medium {
  -webkit-border-radius: 1.5px;
  -moz-border-radius: 1.5px;
  -ms-border-radius: 1.5px;
  -o-border-radius: 1.5px;
  border-radius: 1.5px;
  padding: 6px 28px 6px 28px;
  border-width: 1px;
  border-style: solid;
  background-color: var(--color3);
  border-color:  var(--color6); }
  
.x-btn-inner-default-medium {
  font: bold 15px/20px guardian, georgia, serif;
  color: var(--white);
  padding: 0 8px;
  max-width: 100%; }
  
.x-btn-over.x-btn-default-medium {
  border-color: var(--color11);
  background-image: none;
  background-color: var(--color3); }

.x-btn-focus.x-btn-default-medium {
  background-image: none;
  background-color: var(--color3);
  -webkit-box-shadow: var(--color3) 0 1px 0px 0 inset, var(--color3) 0 -1px 0px 0 inset, var(--color3) -1px 0 0px 0 inset, var(--color3) 1px 0 0px 0 inset;
  -moz-box-shadow: var(--color3) 0 1px 0px 0 inset, var(--color3) 0 -1px 0px 0 inset, var(--color3) -1px 0 0px 0 inset, var(--color3) 1px 0 0px 0 inset;
  box-shadow: var(--color3) 0 1px 0px 0 inset, var(--color3) 0 -1px 0px 0 inset, var(--color3) -1px 0 0px 0 inset, var(--color3) 1px 0 0px 0 inset; }
  
.x-btn.x-btn-menu-active.x-btn-default-medium,
.x-btn.x-btn-pressed.x-btn-default-medium {
  border-color: var(--color3);
  background-image: none;
  background-color: var(--color3); }
  
.x-btn.x-btn-disabled.x-btn-default-medium {
  background-image: none;
  background-color: var(--color3); }
  
.x-btn-default-large {
  -webkit-border-radius: 1.5px;
  -moz-border-radius: 1.5px;
  -ms-border-radius: 1.5px;
  -o-border-radius: 1.5px;
  border-radius: 1.5px;
  padding: 7px 28px 7px 28px;
  border-width: 1px;
  border-style: solid;
  background-color: var(--marvin-yellow); }
  
.x-btn-default-toolbar-large {
  -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-color: var(--marvin-yellow); }
  
.x-btn.x-btn-menu-active.x-btn-default-toolbar-large,
.x-btn.x-btn-pressed.x-btn-default-toolbar-large {
  border-color: #c6c6c6;
  background-image: none;
  background-color: var(--marvin-yellow); }
  
.x-btn-default-toolbar-large {
  -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-color: #f8eb5f; }
  
.x-btn.x-btn-menu-active.x-btn-default-toolbar-large,
.x-btn.x-btn-pressed.x-btn-default-toolbar-large {
  border-color: #c6c6c6;
  background-image: none;
  background-color: #f8eb5f; }
  
.x-btn-default-large {
  border-color: var(--marvin-yellow); }
  
.x-btn-inner-default-large {
  font: bold 15px/20px guardian, georgia, serif;
  color: var(--black);
  padding: 0 10px;
  max-width: 100%; }
  
.x-btn-over.x-btn-default-large {
  border-color: var(--color5);
  background-image: none;
  background-color: #ffcc33; }
  
.x-btn.x-btn-menu-active.x-btn-default-large,
.x-btn.x-btn-pressed.x-btn-default-large {
  border-color: #ffcc33;
  background-image: none;
  background-color: #ffcc33; }

/* line 751, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-focus.x-btn-menu-active.x-btn-default-large,
.x-btn-focus.x-btn-pressed.x-btn-default-large {
  -webkit-box-shadow: #ffcc33 0 1px 0px 0 inset, #ffcc33 0 -1px 0px 0 inset, #ffcc33 -1px 0 0px 0 inset, #ffcc33 1px 0 0px 0 inset;
  -moz-box-shadow: #ffcc33 0 1px 0px 0 inset, #ffcc33 0 -1px 0px 0 inset, #ffcc33 -1px 0 0px 0 inset, #ffcc33 1px 0 0px 0 inset;
  box-shadow: #ffcc33 0 1px 0px 0 inset, #ffcc33 0 -1px 0px 0 inset, #ffcc33 -1px 0 0px 0 inset, #ffcc33 1px 0 0px 0 inset; }
  
.x-btn-focus.x-btn-over.x-btn-default-large {
  -webkit-box-shadow: #ffcc33 0 1px 0px 0 inset, #ffcc33 0 -1px 0px 0 inset, #ffcc33 -1px 0 0px 0 inset, #ffcc33 1px 0 0px 0 inset;
  -moz-box-shadow: #ffcc33 0 1px 0px 0 inset, #ffcc33 0 -1px 0px 0 inset, #ffcc33 -1px 0 0px 0 inset, #ffcc33 1px 0 0px 0 inset;
  box-shadow: #ffcc33 0 1px 0px 0 inset, #ffcc33 0 -1px 0px 0 inset, #ffcc33 -1px 0 0px 0 inset, #ffcc33 1px 0 0px 0 inset; }

/* line 779, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-btn.x-btn-disabled.x-btn-default-large {
  background-image: none;
  background-color: var(--color1); }
  
.x-btn-focus.x-btn-default-large {
  background-image: none;
  background-color: #ffcc33;
  -webkit-box-shadow: #ffcc33 0 1px 0px 0 inset, #ffcc33 0 -1px 0px 0 inset, #ffcc33 -1px 0 0px 0 inset, #ffcc33 1px 0 0px 0 inset;
  -moz-box-shadow: #ffcc33 0 1px 0px 0 inset, #ffcc33 0 -1px 0px 0 inset, #ffcc33 -1px 0 0px 0 inset, #ffcc33 1px 0 0px 0 inset;
  box-shadow: #ffcc33 0 1px 0px 0 inset, #ffcc33 0 -1px 0px 0 inset, #ffcc33 -1px 0 0px 0 inset, #ffcc33 1px 0 0px 0 inset; }
  
/* TODO: x-nbr a topo? :after doesn't make sense here? -> incorrect use of pseudo-element, no content; */
.x-nbr .x-segmented-button-item.x-btn-focus.x-btn-default-large:after {
  border-width: 1px;
  border-color: var(--color1); }


/* +New Button */

.x-btn-button.x-btn-button-default-large.x-btn-text.x-btn-button-center {
  height: 20px; }

.x-btn-default-small.grit42newButton {
  font: bold 15px/20px Guardian, arial, verdana, sans-serif;
  background-color: inherit;
  border: solid 1px var(--color6);
  padding: 2.5px;
  height: 26px; }

.grit42newButton.x-btn-inner-default-small {
  font-size: 13px;
  /*padding: 2px;*/ }

.grit42newButton .x-btn-wrap {
  height: 20px; }

.x-btn.grit42newButton.x-unselectable.x-box-item.x-btn-default-large .x-btn-inner-default-large{
  font: bold 15px/20px Guardian, arial, verdana, sans-serif;
  background-color: inherit;
  border: solid 1px var(--color6);
  padding: 6px 28px 6px 28px; }

/* End of +New Button */

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

.x-btn.x-btn-disabled.x-btn-default-toolbar-small {
  background-image: none;
  background-color: var(--color3); }
  
.x-btn-default-toolbar-small {
  border-color: var(--color3); }
  
.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-color: var(--color3); }
  
.x-btn-over.x-btn-default-toolbar-small {
  border-color: var(--color3);
  background-image: none;
  background-color: var(--color3); }


/* x-tab section  */

.x-tab-bar-default {
  background-color: var(--color1); }
   
.x-tab-inner-default {
  font: bold 17px/34px guardian, georgia, serif;
  color: #757575;
  max-width: 100%; }
  
.x-tab-default-top {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding: 3px 8px 3px 8px;
  border-width: 1px;
  border-style: solid;
  background-color: var(--black); }
  
.x-tab-default {
  border-color: var(--black);
  cursor: pointer; }
  
.x-tab-over.x-tab-default {
  border-color: var(--color5);
  background-color: var(--color5); }

/* line 1814, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab.x-tab-active.x-tab-default {
  border-color: var(--color5);
  background-color: var(--color5); }
  
.x-tab-default-top.x-tab-focus.x-tab-active {
  -webkit-box-shadow: var(--color5) 0 1px 0px 0 inset, var(--color5) 0 -1px 0px 0 inset, var(--color5) -1px 0 0px 0 inset, var(--color5) 1px 0 0px 0 inset;
  -moz-box-shadow: var(--color5) 0 1px 0px 0 inset, var(--color5) 0 -1px 0px 0 inset, var(--color5) -1px 0 0px 0 inset, var(--color5) 1px 0 0px 0 inset;
  box-shadow: var(--color5) 0 1px 0px 0 inset, var(--color5) 0 -1px 0px 0 inset, var(--color5) -1px 0 0px 0 inset, var(--color5) 1px 0 0px 0 inset; }
  
.x-tab-default-top.x-tab-focus.x-tab-over {
  -webkit-box-shadow: var(--color5) 0 1px 0px 0 inset, var(--color5) 0 -1px 0px 0 inset, var(--color5) -1px 0 0px 0 inset, var(--color5) 1px 0 0px 0 inset;
  -moz-box-shadow: var(--color5) 0 1px 0px 0 inset, var(--color5) 0 -1px 0px 0 inset, var(--color5) -1px 0 0px 0 inset, var(--color5) 1px 0 0px 0 inset;
  box-shadow: var(--color5) 0 1px 0px 0 inset, var(--color5) 0 -1px 0px 0 inset, var(--color5) -1px 0 0px 0 inset, var(--color5) 1px 0 0px 0 inset; }
  

/* x-form */

.x-form-checkbox-default {
  background: url(/images/radio.png) no-repeat; }

.x-form-text-default {
  color: var(--white);
  padding: 3px 6px 2px 6px;
  background-color: var(--color2);
  font: bold 12px/21px Sintony, arial, verdana, sans-serif;
  min-height: 24px; }
  
.x-form-invalid-field-default {
  background-color: var(--color2); }
  
.x-form-item-label-default {
  color: var(--color7);
  font: bold 12px/21px Sintony, arial, verdana, sans-serif;
  min-height: 24px;
  padding-top: 4px;
  padding-right: 5px; }
  
.x-form-empty-field-default {
  color: var(--color8); }

.x-form-cb-label-default {
  margin-top: 4px;
  font: bold 12px/21px Sintony, arial, verdana, sans-serif;
  color: var(--color7); }
  
.x-form-trigger-wrap-default {
  border-width: 1px;
  border-style: solid;
  border-color: var(--color2); }
  
.x-form-trigger-wrap-default.x-form-trigger-wrap-focus {
  border-color: var(--color2); }

.x-form-trigger-wrap-default.x-form-trigger-wrap-invalid {
  border-color: var(--color12); }
  
.x-form-trigger-default {
/*  background-image: url('/images/icons(v3)_16x16.svg');
  background-size: 420px 300px;
  background-position: -352px -35px; 
  background-color: var(--color2); } */
  background: var(--color2) url(/images/form/trigger.png) no-repeat;
  background-position: 0 center;
  width: 22px; }
/*  
.x-form-trigger.x-form-trigger-default.x-form-trigger-click {
  background-position: -352px -35px; }
  
.x-form-trigger-default.x-form-trigger-over {
  background-position: -352px -35px; }
  
.x-form-trigger-default.x-form-trigger-over.x-form-trigger.focus {
  background-position: -352px -35px; } 
*/
.x-form-clear-trigger {
/*  background-image: url('/images/icons(v3)_16x16.svg');
  background-size: 420px 300px;
  background-position: -82px -176px; }
*/
  background-image: url(/images/form/clear-trigger.png); }

.x-form-spinner-default {
  background-image: url(/images/form/spinner.png);
  background-color: var(--color5);
  width: 22px;
  height: 11px; }
  
.x-form-display-field-body {
  vertical-align: top; }
  
.x-form-display-field-default {
  min-height: 24px;
  font: bold 12px/21px Sintony, arial, verdana, sans-serif;
  color: var(--white);
  background-color: var(--color2);
  margin-top: 4px;
  margin-left: 6px; }

/*  MENU   START*/
/* does not include certain buttons styled elsewhere in this file*/

.grit42menuBlack {
  background-color: var(--grit42-header); }


.x-menu-default {
  border-style: solid;
  /*border-width: 1px;*/
  border-width: 0;
  border-color: var(--black);
  background-color: var(--color2); }

/* line 242, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x-menu-body-default {
  background: var(--grit42-header);
  padding: 0; }

.x-menu-icon-separator-default {
  left: 26px;
  border-left: transparent 1px;
  background-color: var(--color2);
  width: 0px; }

/* .x-menu-item-default.x-menu-item-active {
  background-image: none;
  background-color: var(--color2); } */
  
.x-menu-item-default .x-form-item-label {
  font-size: 13px;
  color: var(--white); }

/* overwrite indent */
.x-menu-item-text-default.x-menu-item-indent {
  margin-left: 0; }

.x-menu-item-text-default {
  font: normal 13px Sintony, arial, verdana, sans-serif;
  line-height: 23px;
  color: var(--white);
  cursor: pointer;
  padding: 12px 3px 13px 8px; } /* Grit42 header menu padding */
  
.x-menu-item-default .x-menu-item-link {
  border-top: 1px solid var(--grit42-header-menu-hover);
  margin: 0 20px; }

.x-menu-item:first-child .x-menu-item-link {
  border-top: 0; }

.x-menu-item-default.x-menu-item-active {
  background-image: none;
  background-color: var(--grit42-header-menu-hover); }

.x-nlg .x-menu-item-default.x-menu-item-active {
  background: var(--color2) repeat-x left top;
  background-image: url(images/menu/menu-item-default-active-bg.gif); }


/* Icons */
.x-menu-item-checked .x-menu-item-icon-default.x-menu-item-checkbox {
  background-image: url(/images/menu/default-checked.png); }

.x-menu-item-unchecked .x-menu-item-icon-default.x-menu-item-checkbox {
  background-image: url(/images/menu/default-unchecked.png); }


/* Grid header menu*/
/* kill separator */
div.x-menu-item.x-menu-item-default.x-box-item.x-menu-item-separator.x-menu-item-plain {
  visibility: hidden; }


/* x-window */

.x-window-default {
  border-color: #10141C;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 0 0 0 0;
  border-width: 1px;
  border-style: solid;
  background-color: var(--color1); }

.x-window-header-default-top {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 9px 9px 6px 9px;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  background-color: var(--color1); }

.x-window-header-default {
  font-size: 15px;
  border-color: var(--color1);
  background-color: var(--color1); }

.x-window-header-default .x-tool-img {
  background-color: var(--color1); }
  
.x-window-header-title-default {
  color: var(--marvin-yellow);
  font-size: 15px;
  font-weight: 300;
  font-family: guardian, georgia, serif;
  line-height: 16px; }
  
.x-window-body-default {
  border-color: var(--color1);
  border-width: 0px;
  border-style: solid;
  background: var(--color1);
  color: var(--white);
  font-size: 13px;
  font-weight: 300;
  font-family: Sintony, arial, verdana, sans-serif; }




/* MISC section*/
  
.x-tree-checkbox {
  margin-right: 4px;
  top: 5px;
  width: 15px;
  height: 15px;
  background-image: url(/images/radio.png); }

.x-box-scroller-tab-bar-default {
  background-color: var(--black); }

.x-box-scroller-tab-bar-default .x-ie8 .x-box-scroller-plain {
  background-color: var(--black); }
  
.x-item-over {
  color: var(--marvin-yellow);
  background: var(--color5);
  background-color: var(--color5); }
    
.x-mask {
  background-image: none;
  background-color: rgba(32, 32, 32, 0.65);
  cursor: default;
  border-style: solid;
  border-width: 1px;
  border-color: transparent; }
  
body.x-border-layout-ct,
div.x-border-layout-ct {
  background-color: var(--color1); }

.x-splitter-active {
  background-color: var(--black);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8; }


/* SETUPS APP*/
/* remove hairline from details tab*/
.grit42gridHeaderBlock .x-fieldset-default {
  border:0; }


/* SETUPS APP  DONE*/

.x-fieldset-default {
  border: 1px solid var(--color1);
  padding: 0 10px;
  margin: 0 0 10px; }
  
.x-fieldset-header-default > .x-fieldset-header-text {
  font: 300 12px/16px Sintony, arial, verdana, sans-serif;
  color: var(--marvin-yellow);
  padding: 1px 0; }

.x-tab-bar-default-top > .x-tab-bar-body-default {
  padding: 12px 6px 0px 0px; }
  
.x-boundlist {
  border-width: 1px;
  border-style: solid;
  border-color: var(--color2);
  background-color: var(--color2); }

.x-boundlist-item {
  padding: 12px 3px 13px 8px;
  /*padding: 12px 3px 10px 12px;*/
  font: normal 13px Sintony, arial, verdana, sans-serif;
  line-height: 22px;
  cursor: pointer;
  /*cursor: hand;*/
  position: relative;
  /*allow hover in IE on empty items*/  
  margin: 0 20px;
  border-width: 1px;
  border-style: hidden;
  border-color: var(--color5);
  border-top: 1px solid var(--color4);
  color: var(--white); 
  background-color: var(--color2); }
  
.x-boundlist-selected {
  background: var(--color2);
  border-color: var(--color5); }

.x-boundlist-item-over {
  background: var(--color5);
  border-color: var(--color5); }

.x-tool-img {
  overflow: hidden;
  width: 16px;
  height: 16px;
  background-image: url(/images/tools/tool-sprites.png);
  margin: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8; }
  
.x-progress-default {
  background-color: var(--color3);
  border-width: 0;
  height: 20px;
  border-color: var(--color3); }
  
.x-progress-default .x-progress-bar-default {
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  -ms-border-radius: 1em;
  -o-border-radius: 1em;
  border-radius: 1em;
  background-image: none;
  background-color: var(--marvin-yellow); }

.x-message-box .x-window-body {
  background-color: var(--color1);
  border-width: 0; }

.x-resizable-handle {
    background-color: var(--color3);
    background-repeat: no-repeat; }
  
.x-mask.x-focus {
  border-style: solid;
  border-width: 1px;
  border-color: var(--color1); }
  
.x-tree-lines .x-tree-elbow {
    background-image: url(/icons/cool/tree/elbow.png);
}
.x-tree-lines .x-tree-elbow-end {
    background-image: url(/icons/cool/tree/elbow-end.png);
}
.x-tree-lines .x-tree-elbow-plus {
    background-image: url(/icons/cool/tree/elbow-plus.png);
}
.x-tree-lines .x-tree-elbow-end-plus {
    background-image: url(/icons/cool/tree/elbow-end-plus.png);
}
.x-tree-lines .x-grid-tree-node-expanded .x-tree-elbow-plus {
    background-image: url(/icons/cool/tree/elbow-minus.png);
}
.x-tree-lines .x-grid-tree-node-expanded .x-tree-elbow-end-plus {
    background-image: url(/icons/cool/tree/elbow-end-minus.png);
}
.x-tree-lines .x-tree-elbow-line {
    background-image: url(/icons/cool/tree/elbow-line.png);
}
.x-colorpicker-colormap-blender {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* /home/teamcity/buildAgent/work/47e72153b7b97580/sencha/ext/packages/ux/classic/sass/src/colorpick/Selector.scss:49 */
.x-colorpicker-colormap-draghandle {
    width: 15px;
    height: 15px;
    position: relative;
    left: -7px;
    top: -7px;
    background-image: url(images/colorpick/drag_circle.png);
}
/* /home/teamcity/buildAgent/work/47e72153b7b97580/sencha/ext/packages/ux/classic/sass/src/colorpick/Selector.scss:60 */
.x-colorpicker-draghandle-container {
    width: 20px;
}
/* /home/teamcity/buildAgent/work/47e72153b7b97580/sencha/ext/packages/ux/classic/sass/src/colorpick/Selector.scss:63 */
.x-colorpicker-draghandle-container .x-autocontainer-outerCt {
    height: 100%;
}
/* /home/teamcity/buildAgent/work/47e72153b7b97580/sencha/ext/packages/ux/classic/sass/src/colorpick/Selector.scss:68 */
.x-colorpicker-draghandle {
    width: 32px;
    height: 9px;
    position: relative;
    left: -6px;
    top: -4px;
    background-image: url(images/colorpick/pickerslider.png);
    background-repeat: no-repeat;
    z-index: 1;
}
/* /home/teamcity/buildAgent/work/47e72153b7b97580/sencha/ext/packages/ux/classic/sass/src/colorpick/Selector.scss:79 */
.x-colorpicker-hue {
    background-image: url(images/colorpick/huegradient.png);
}
/* /home/teamcity/buildAgent/work/47e72153b7b97580/sencha/ext/packages/ux/classic/sass/src/colorpick/Selector.scss:86 */
.x-colorpicker-hue-gradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* /home/teamcity/buildAgent/work/47e72153b7b97580/sencha/ext/packages/ux/classic/sass/src/colorpick/Selector.scss:95 */
.x-colorpicker-saturation .x-colorpicker-draghandle-container {
    background: -moz-linear-gradient(top, #fff 0%, #000 100%);
    /* FF3.6+ */
    background: -webkit-linear-gradient(top, #fff 0%, #000 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fff 0%, #000 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fff 0%, #000 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #fff 0%, #000 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
}
/* /home/teamcity/buildAgent/work/47e72153b7b97580/sencha/ext/packages/ux/classic/sass/src/colorpick/Selector.scss:106 */
.x-colorpicker-value .x-colorpicker-draghandle-container {
    background: -moz-linear-gradient(top, red 0%, #000 100%);
    /* FF3.6+ */
    background: -webkit-linear-gradient(top, red 0%, #000 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, red 0%, #000 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, red 0%, #000 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, red 0%, #000 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#000000',GradientType=0 );
}
/* /home/teamcity/buildAgent/work/47e72153b7b97580/sencha/ext/packages/ux/classic/sass/src/colorpick/Selector.scss:117 */
.x-colorpicker-alpha .x-colorpicker-draghandle-container {
    background-image: url(images/colorpick/checkerboard.png);
}
/* /home/teamcity/buildAgent/work/47e72153b7b97580/sencha/ext/packages/ux/classic/sass/src/colorpick/Selector.scss:123 */
.x-colorpicker-preview {
    background-image: url(images/colorpick/checkerboard.png);
}
/* /home/teamcity/buildAgent/work/47e72153b7b97580/sencha/ext/packages/ux/classic/sass/src/colorpick/Button.scss:2 */
.x-colorpicker-button {
    position: relative;
    border: 1px solid gray;
    background-image: url(images/colorpick/checkerboard.png);
}
/* /home/teamcity/buildAgent/work/47e72153b7b97580/sencha/ext/packages/ux/classic/sass/src/colorpick/Field.scss:3 */
.x-colorpicker-field .x-form-item-body {
    position: relative;
}
.x-colorpicker-field .x-form-text-wrap {
    position: static;
}
/* /home/teamcity/buildAgent/work/47e72153b7b97580/sencha/ext/packages/ux/classic/sass/src/colorpick/Field.scss:7 */
.x-colorpicker-field input {
    padding-left: 26px;
}
/* /home/teamcity/buildAgent/work/47e72153b7b97580/sencha/ext/packages/ux/classic/sass/src/colorpick/Field.scss:12 */
.x-colorpicker-field-swatch {
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0px;
    background-image: url(images/colorpick/checkerboard.png);
    top: 0px;
    bottom: 0px;
    margin: 0px;
}
/* /home/teamcity/buildAgent/work/47e72153b7b97580/sencha/ext/packages/ux/classic/sass/src/colorpick/Field.scss:25 */
.x-colorpicker-field-swatch-inner {
    position: absolute;
    height: 100%;
    width: 100%;
}
.x-grid-item-over {
    background-color: var(--color7);
}
.x-grid-cell-row-numberer {
    background-color: var(--color4);
}

.x-keyboard-mode .x-grid-item-focused {
    color: var(--white);
}

.x-keyboard-mode .x-grid-item-focused .x-grid-cell-inner:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    pointer-events: none;
    border: 1px solid var(--marvin-yellow);
}
