.jqx-widget { color: #333; }
.sb-jqx-widget, .-sb-jqx-widget-content { font-family: Helvetica Neue,Segoe UI,Verdana,Arial,sans-serif !important; font-size: 13px; }
[role="button"].sb-jqx-widget-content-bgc, .sb-jqx-widget-content-bgc.jqx-widget-content, .sb-jqx-widget-content-bgc .jqx-widget-content { background: initial; background-image: none !important; }
[role="button"].jqx-fill-state-pressed-classic,
[role="radio"].jqx-fill-state-pressed-classic { text-shadow: 1px 0 grey !important; color: ivory !important; }
[role="button"].jqx-fill-state-pressed-classic.jqx-fill-state-disabled-classic,
[role="radio"].jqx-fill-state-pressed-classic.jqx-fill-state-disabled-classic { text-shadow: none !important; color: ivory !important; }
div.jqx-widget:not(.jqx-ribbon,.jqx-checkbox) { display: inline-block; }
.jqx-button-temporary-div-sb { display: inline-block !important; }
.jqx-button-temporary-span-sb { display: inline-block; }
.jqx-fill-state-disabled,
.jqx-fill-state-disabled * { opacity: 0.97 !important; font-weight: normal !important; }
.jqx-fill-state-disabled[role="button"] { background-image: none !important; background-color: #E0E0E0 !important; color: dimgrey !important; }
.-jqx-grid-pager-number { color: black !important; }
.jqx-grid-pager-number-ui-sunny { color: darkslategray !important; font-weight: bold !important; }
.jqx-grid-cell-sort-ui-sunny, .jqx-grid-cell-filter-ui-sunny, .jqx-grid-cell-pinned-ui-sunny, .jqx-grid-cell-selected-ui-sunny {
background: lemonchiffon none repeat scroll 0 0;
}
.jqx-fill-state-pressed-ui-sunny {
color: black;
}
.jqx-widget-content-darkblue { color: #333; }
.jqx-button { cursor: pointer; }
input.jqx-button[type="submit"],
input.jqx-button[type="reset"] { padding: 0 0 !important; }
.jqx-button[disabled] { pointer-events: none; border: 1px solid #CCC !important; }
input.jqx-input[type="text"],
input.jqx-input[type="password"] { padding: 0 3px !important; }
input.jqx-input[type="text"].jqx-input-group-addon,
input.jqx-input[type="password"].jqx-input-group-addon { border: none; }
input.jqx-input {
padding: 0px 3px !important;
}
input[type="text"].jqx-input, input[type="password"].jqx-input {
min-height: 16px;
min-width: 16px;
margin: 0px;
border-width: 1px;
border-style: solid;
font-size: 13px;
-padding: 0px;
}
/*applied to the input when the validation fails.*/
.jqx-input-invalid
{
border-style: dashed !important;
border-width: 1px !important;
border-color: firebrick !important;
}
.jqx-input-invalid, .jqx-input-invalid input
{
background-color: #EEEEEE !important;
color: red !important;
}
-.jqx-input.jqx-fill-state-disabled
{ color: initial !important;
opacity: initial !important;
}
.jqx-border-material-sb
{ border-width: 0 0 1px 0 !important;
border-radius: 0 !important;
}
div.jqx-button, .-jqx-widget { box-sizing: border-box; }
/* jqx-expander */
.jqx-expander-header
{
/*line-height: 70% !important;*/
}
/*applid to the content of the expander header.*/
.jqx-expander-header-content
{
padding-left: 10px;
/*padding-top: 3px;*/
}
/*applid to the content of the expander header.*/
.jqx-expander-header-content-rtl
{
padding-right: 10px;
/*padding-top: 3px;*/
}
/* jqx-validator */
.jqx-validator-hint
{
min-height: 26px;
width: auto;
display: inline-block;
cursor: pointer;
padding: 5px 25px 3px 25px;
font-family: arimo_semibold, Helvetica Neue, Tahoma;
font-size: 13px;
/*font-weight: bold;*/
border: 1px solid maroon;
background-color: red;
color: #fff;
z-index: 99999;
white-space: nowrap;
/*-box-shadow: 2px 2px 3px #AAAAAA;*/
/*-box-shadow: 3px 3px 6px 2px #444*/
box-shadow: 1px 1px 6px 1px grey
}
.jqx-validator-hint-darksteelblue
{
border: 1px solid darkslategrey; #004a73;
background-color: #396a93; #darksteelblue; #449bca;
}
.jqx-validator-hint-arrow-darksteelblue
{
background-image: url(styles/images/multi-arrow-darksteelblue.gif);
}
.jqx-combobox-multi-item {
padding: 0 !important;
margin: 0 !important;
margin-left: -1px !important;
white-space: nowrap;
border-style: solid;
border-left-color: dimgrey;
border-right-color: dimgrey;
border-radius: 0 !important;
font-weight: normal;
overflow: hidden;
text-align: left;
}
.jqx-combobox-multi-item a[data-value] { padding-left: 6px; padding-right: 6px; }
/* jqx-toolbar */
.jqx-toolbar { box-shadow: 5px 5px 5px dimgrey !important; }
/* jqx-slider */
.jqx-slider { overflow: visible !important; }
/* jqx.classic */
.jqx-expander-header-classic{border-radius:4px !important; moz-border-radius:4px !important; webkit-border-radius:4px !important}
.jqx-expander-header-expanded-classic{border-bottom-width:0px; border-top-left-radius:4px !important; border-top-right-radius:4px !important; moz-border-radius-topleft:4px !important; moz-border-radius-topright:4px !important; webkit-border-top-left-radius:4px !important; webkit-border-top-right-radius:4px !important; border-bottom-left-radius:0px !important; border-bottom-right-radius:0px !important; moz-border-radius-bottomleft:0px !important; moz-border-radius-bottomright:0px !important; webkit-border-bottom-left-radius:0px !important; webkit-border-bottom-right-radius:0px !important; margin-bottom:0px}
/* jqx.ui-sunny */
.jqx-rc-tl-ui-sunny{border-top-left-radius:4px; moz-border-radius-topleft:4px; webkit-border-top-left-radius:4px}
.jqx-rc-tr-ui-sunny{border-top-right-radius:4px; moz-border-radius-topright:4px; webkit-border-top-right-radius:4px}
.jqx-rc-bl-ui-sunny{border-bottom-left-radius:4px; moz-border-radius-bottomleft:4px; webkit-border-bottom-left-radius:4px}
.jqx-rc-br-ui-sunny{border-bottom-right-radius:4px; moz-border-radius-bottomright:4px; webkit-border-bottom-right-radius:4px}
.jqx-rc-t-ui-sunny{border-top-left-radius:4px; border-top-right-radius:4px; moz-border-radius-topleft:4px; moz-border-radius-topright:4px; webkit-border-top-left-radius:4px; webkit-border-top-right-radius:4px}
.jqx-rc-b-ui-sunny{border-bottom-left-radius:4px; border-bottom-right-radius:4px; moz-border-radius-bottomleft:4px; moz-border-radius-bottomright:4px; webkit-border-bottom-left-radius:4px; webkit-border-bottom-right-radius:4px}
.jqx-rc-r-ui-sunny{border-bottom-right-radius:4px; border-top-right-radius:4px; moz-border-radius-bottomright:4px; moz-border-radius-topright:4px; webkit-border-bottom-right-radius:4px; webkit-border-top-right-radius:4px}
.jqx-rc-l-ui-sunny{border-bottom-left-radius:4px; border-top-left-radius:4px; moz-border-radius-bottomleft:4px; moz-border-radius-topleft:4px; webkit-border-bottom-left-radius:4px; webkit-border-top-left-radius:4px}
.jqx-rc-all-ui-sunny{border-radius:4px; moz-border-radius:4px; webkit-border-radius:4px}
.jqx-expander-header-ui-sunny { border-radius: 4px !important; moz-border-radius: 4px !important; webkit-border-radius: 4px !important; }
.jqx-expander-header-expanded-ui-sunny{color: #0074c7; background:#fff url(styles/images/sunny/ui-bg_gloss-wave_70_ffdd57_500x100.png) 50% 50% repeat-x; border:1px solid #aaa; border-bottom-width:0px; border-top-left-radius:8px !important; border-top-right-radius:8px !important; moz-border-radius-topleft:8px !important; moz-border-radius-topright:8px !important; webkit-border-top-left-radius:8px !important; webkit-border-top-right-radius:8px !important; border-bottom-left-radius:0px !important; border-bottom-right-radius:0px !important; moz-border-radius-bottomleft:0px !important; moz-border-radius-bottomright:0px !important; webkit-border-bottom-left-radius:0px !important; webkit-border-bottom-right-radius:0px !important; margin-bottom:0px}
.jqx-expander-header-expanded-ui-sunny{border-color:firebrick;color: #333;} /* #d19405 */
/* jqx.arctic */
input[type="text"].jqx-input-arctic, input[type="password"].jqx-input-arctic, input[type="text"].jqx-widget-content-arctic, input[type="textarea"].jqx-widget-content-arctic, textarea.jqx-input-arctic {
padding-left: 3px !important;
}
/* templates */
.jqx-info,
.jqx-warning { color: black !important; text-shadow: none!important; font-weight: normal!important; }
.jqx-info:focus,
.jqx-warning:focus { color: black !important; }
.jqx-info { background-repeat: repeat-x !important; background-image: linear-gradient(to bottom, #5bc0de, #2f96b4) !important; background-color: #49afcd !important;
border-left-color: #2f96b4 !important; border-right-color: #2f96b4 !important; border-top-color: #2f96b4 !important; border-bottom-color: #1f6377 !important; }
.jqx-warning { background-repeat: repeat-x !important; background-image: linear-gradient(to bottom, #fbb450, #f89406) !important; background-color: #faa732 !important;
border-left-color: #f89406 !important; border-right-color: #f89406 !important; border-top-color: #f89406 !important; border-bottom-color: #ad6704 !important; }
.jqx-success { background-repeat: repeat-x !important; background-image: linear-gradient(to bottom, #62c462, #51a351) !important; background-color: #5bb75b !important;
border-left-color: #51a351 !important; border-right-color: #51a351 !important; border-top-color: #51a351 !important; border-bottom-color: #387038 !important; }
.jqx-danger { background-repeat: repeat-x !important; background-image: linear-gradient(to bottom, #ee5f5b, #bd362f) !important; background-color: #da4f49 !important;
border-left-color: #bd362f !important; border-right-color: #bd362f !important; border-top-color: #bd362f !important; border-bottom-color: #802420 !important; }
.jqx-primary { background-repeat: repeat-x !important; background-image: linear-gradient(to bottom, #0088cc, #0044cc) !important; background-color: #006dcc !important;
border-left-color: #0044cc !important; border-right-color: #0044cc !important; border-top-color: #0044cc !important; border-bottom-color: #002a80 !important; }
.jqx-inverse { background-repeat: repeat-x !important; background-image: linear-gradient(to bottom, #444444, #222222) !important; background-color: #363636 !important;
border-left-color: #222222 !important; border-right-color: #222222 !important; border-top-color: #222222 !important; border-bottom-color: #000000 !important; }
.jqx-info:hover, .jqx-warning:hover, .jqx-success:hover, .jqx-danger:hover, .jqx-primary:hover, .jqx-inverse:hover, .jqx-link:hover
{ background-position: 0 -2000px !important; -transition: background-position 0.1s linear !important; }
.jqx-info:focus, .jqx-warning:focus, .jqx-success:focus, .jqx-danger:focus, .jqx-primary:focus, .jqx-inverse:focus, .jqx-link:focus
{ background-position: 0 0 !important; }
/** /
.jqx-info:hover { background-color: #2f96b4 !important; }
.jqx-warning:hover { background-color: #f89406 !important; }
.jqx-success:hover { background-color: #51a351 !important; }
.jqx-danger:hover { background-color: #bd362f !important; }
.jqx-primary:hover { background-color: #0044cc !important; }
.jqx-inverse:hover { background-color: #222222 !important; }
.jqx-link:hover { background-color: transparent !important; }
/ **/
.jqx-checkbox { display: inline-flex; align-items: center; }
.jqx-checkbox.jqx-rtl { flex-direction: row-reverse; }
.jqx-checkbox-default { margin: unset; }
.jqx-checkbox .jqx-checkbox-label:not(:empty) { margin-left: 3px; margin-right: 0; }
.jqx-checkbox.jqx-rtl .jqx-checkbox-label:not(:empty) { margin-left: 0; margin-right: 3px; }
.jqx-checkbox .jqx-checkbox-label { font-size: inherit; font-family: inherit; font-weight: inherit; }
.jqx-switchbutton-label-on { background-color: lime; color: black; }
.jqx-switchbutton-label-off { background-color: crimson; color: white; }
.jqx-switchbutton-label { font-family: helvetica neue, tahoma !important; font-size: 9pt !important; padding-top: 1px !important; display: flex; }
.jqx-switchbutton-label * { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.jqx-switchbutton-label-on-form { background-color: initial; background-image: linear-gradient(white,#d8d8d8); color: #006666 /* 20% teal */; font-family: open_sanssemibold, arimo_semibold !important; font-size: 1.0em !important; font-weight: normal !important; } /* lightgoldenrodyellow,palegoldenrod */
.jqx-switchbutton-label-off-form { background-color: initial; background-image: linear-gradient(#f8f8f8,#eaeaea); color: #892a2a /* 35% indianred */; font-family: arimo_regular; font-size: 0.80em !important; font-weight: normal !important; }
.jqx-widget[aria-disabled="true"]:not([role="checkbox"],.jqx-buttongroup) { background-color: #F8F8F8; border: 1px solid #CCC; }
.jqx-widget[aria-disabled="true"]:not([role="checkbox"]) >*,
.jqx-widget[aria-disabled="true"]:not([role="checkbox"]) input { background-color: #F8F8F8; }
.jqx-widget[aria-disabled="true"][role="checkbox"] > .jqx-checkbox-disabled { border: 1px solid #CCC; }
.jqx-fill-state-focus { border: 1px solid crimson !important; }
.jqx-grid[role="grid"] { border-left: 1px solid lightgrey; border-top: 1px solid lightgrey; box-shadow: 2px 2px 3px #AAAAAA; background-color: transparent; }
.jqx-datetimeinput-classic .jqx-action-button-classic { border-color: #c7c7c7; }
.jqx-datetimeinput-classic .jqx-action-button-classic.jqx-fill-state-hover-classic { border-color: #bbbbbb; background-color: lightgrey; background-image: linear-gradient(#f8f8f8,#c8c8c8); }
.jqx-datetimeinput-classic .jqx-action-button-classic.jqx-fill-state-pressed-classic { border-color: #7a7a7a; background-image: linear-gradient(#9a9a9a,#6a6a6a); }
.jqx-edit-icon-sb { margin: 0 3px; cursor: pointer; }
.jqx-edit-icon-sb-head { float: left; padding: 3px; margin: 0px; margin-top: 2px; }
.jqx-edit-icon-sb-head > div { margin: 4px 6px; width: 16px; height: 16px; font-size: 13pt; }
.jqx-data-table-toolbar-sb { overflow: hidden; position: relative; height: 100%; width: 100%; padding-left: 2px; background-color: lightgrey; }
/* preloaders */
.jqx-grid-load { background-image: url('styles/images/loaders/chasing-arrows-32.gif'); }
.jqx-file-upload-loading-element { background-image: url('styles/images/loaders/chasing-arrows-16.gif'); }
.jqx-loader-icon { background-image: url("styles/images/loaders/chasing-arrows-32.gif"); }
.jqx-dropdownlist-content-bootstrap { font-family: Verdana,Arial,sans-serif !important; color: black !important; }
[role="combobox"].jqx-fill-state-hover-bootstrap, [role="combobox"].jqx-fill-state-pressed-bootstrap { background-color: white !important; }
[role="combobox"].jqx-widget-bootstrap { box-shadow: none !important; }
.jqx-popup-bootstrap.jqx-listbox-bootstrap { top: 0 !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; }
[role="combobox"].jqx-rc-b-expanded-bootstrap { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; }
.jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal {
width: 18px ! important; opacity: 0.2 !important;
}
.jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal-horizontal {
height: 18px !important; opacity: 0.2 !important;
}
/* menu */
.jqx-menu-vertical-arctic-header { margin-bottom: 2px; padding: 0.55em 10px; line-height: 1.6; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid black; background-color: brown; color: snow; white-space: nowrap; }
.jqx-menu-vertical-arctic-footer { margin-top: 0px; padding: 0.15em 10px; line-height: 1.6; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid black; background-color: palegoldenrod; color: #333; white-space: nowrap; font-weight: lighter; }
.jqx-menu-vertical-arctic-header,
.jqx-menu-vertical-arctic-header * { font-size: 9.7pt; font-family: arimo_regular; }
.jqx-menu-vertical-arctic-header .popup-head-highlight { font-size: 11pt; font-family: arimo_bold; padding-top: 5px; text-transform: uppercase; }
.jqx-menu-vertical-arctic-footer,
.jqx-menu-vertical-arctic-footer * { font-size: 9.7pt; font-family: arimo_regular; }
.jqx-menu-vertical-arctic { padding: 0px !important; box-shadow: 2px 4px 8px 2px #888 !important; border: 1px solid dimgrey; border-radius: 4px; }
.jqx-menu-vertical-arctic .jqx-menu-ul { padding: 10px 6px !important; }
.jqx-menu-horizontal { display: flex !important; justify-content: space-around; align-items: stretch !important; box-sizing: border-box; padding: 0; }
.jqx-menu-horizontal .jqx-menu-ul { display: flex; justify-content: space-around; align-items: stretch; width: 100%; padding: 0; margin: 3px 0; }
.jqx-menu-sb .jqx-item { white-space: nowrap; box-sizing: border-box; }
.jqx-menu-vertical-arctic .jqx-item { border: none; }
.jqx-menu-vertical-arctic.jqx-menu-vertical-arctic-bordered-items .jqx-item { border-bottom: 1px solid darkkhaki; }
.jqx-menu-horizontal-arctic .jqx-item { padding: 0; }
.jqx-menu-vertical-arctic .jqx-item .jqx-item-wrapper-sb { top: 50%; transform: translateY(-50%); position: relative; }
.jqx-menu-sb-arctic .jqx-item .jqx-item-inside-sb { display: inline-block; height: 100%; text-shadow: none; }
.jqx-menu-horizontal-arctic .jqx-item .jqx-item-inside-sb { display: flex !important; align-items: center; }
.jqx-menu-vertical .jqx-item .jqx-item-inside-sb { border: 1px solid transparent; }
.jqx-menu-vertical .jqx-item .jqx-item-inside-sb.sb-icon { border-color: palegoldenrod; }
.jqx-menu-vertical .jqx-item.jqx-fill-state-focus .jqx-item-inside-sb { border: none; }
.jqx-menu-sb .jqx-item .jqx-item-inside-sb.arrow { z-index: 1; }
.jqx-menu-sb .jqx-item .jqx-item-inside-sb.icon { z-index: 1; }
.jqx-menu-sb .jqx-item .jqx-item-inside-sb.label { z-index: 0; }
.jqx-menu-sb-arctic .jqx-item .jqx-item-inside-sb.arrow { width: 26px; float: right; text-align: center; padding-right: 10px; }
.jqx-menu-sb-arctic .jqx-item .jqx-item-inside-sb.icon { width: 60px; float: left; text-align: center; background-color: palegoldenrod; color: black; }
.jqx-menu-horizontal .jqx-item .jqx-item-inside-sb.arrow,
.jqx-menu-horizontal .jqx-item .jqx-item-inside-sb.icon { justify-content: center; }
.jqx-menu-vertical .jqx-item .jqx-item-inside-sb.label { padding: 0 14px; width: 100%; }
.jqx-menu-horizontal .jqx-item .jqx-item-inside-sb.label { padding: 0 30px; }
.jqx-menu-vertical .jqx-item .jqx-item-inside-sb.icon:hover { background-color: gold !important; }
.jqx-menu-vertical-arctic .jqx-item-arctic { padding: 0px 0px !important; margin: 0 !important; height: 40px; -border: none !important; min-height: 40px; }
.jqx-menu-sb-arctic .jqx-item-arctic:not(.jqx-menu-item-disabled,.jqx-fill-state-pressed).jqx-fill-state-focus { background-color: lemonchiffon !important; }
.jqx-menu-arctic .jqx-item-arctic:not(.jqx-menu-item-disabled):hover,
.jqx-menu-arctic .jqx-item-arctic:not(.jqx-menu-item-disabled):hover div.jqx-item-inside-sb,
.jqx-menu-vertical-arctic .jqx-item-arctic:not(.jqx-menu-item-disabled):hover,
.jqx-menu-vertical-arctic .jqx-item-arctic:not(.jqx-menu-item-disabled):hover div.jqx-item-inside-sb { background-color: gold !important; color: black !important; text-shadow: none !important; }
.jqx-menu-vertical-arctic .jqx-item-arctic.jqx-menu-item-disabled { background-color: #f0f0f0; color: grey !important; }
.jqx-menu-popup-arctic { border: none; box-shadow: none !important; }
ul.jqx-popup-arctic { border: 1px solid dimgrey; padding: 0 !important; border-radius: 0 !important; }
.jqx-menu-vertical .jqx-menu-item-separator-arctic { margin: 0; background-color: goldenrod; height: 1px; width: 100%; }
.jqx-menu-vertical .jqx-menu-item-separator-label { height: initial; font-size: 1.0em; padding: 3px 15px; box-sizing: border-box; margin: 10px 0 5px 0px; }
.jqx-menu-vertical .jqx-menu-item-separator-label:first-of-type { margin-top: initial; }
.jqx-menu-horizontal .jqx-menu-item-separator { height: auto; width: 1px; }
.jqx-icon-arrow-left, .jqx-icon-arrow-right { float: none !important; display: inline-block !important; vertical-align: middle; }
.jqx-tabs-arrow-left-arctic, .jqx-menu-item-arrow-left-selected-arctic, .jqx-menu-item-arrow-top-left, .jqx-icon-arrow-left-arctic, .jqx-icon-arrow-down-left-arctic, .jqx-icon-arrow-left-selected-arctic {
background-image: url('styles/images/icon-left.png') !important;
}
.jqx-menu-item-arrow-left-selected-arctic {
background-image: url('styles/images/icon-left-white.png') !important;
}
.jqx-menu-sb .jqx-menu-item-arrow-right,
.jqx-menu-sb .jqx-menu-item-arrow-up,
.jqx-menu-sb .jqx-menu-item-arrow-down,
.jqx-menu-sb .jqx-menu-item-arrow-top { margin-right: initial !important; }
.jqx-menu-sb .jqx-menu-item-arrow-right-selected,
.jqx-menu-sb .jqx-menu-item-arrow-up-selected,
.jqx-menu-sb .jqx-menu-item-arrow-down-selected,
.jqx-menu-sb .jqx-menu-item-arrow-top-selected { margin-right: initial !important; }
.jqx-tree-item-arrow { float: left !important; }
/*
div.jqx-buttongroup-light.borsoft > div.jqx-button-light.jqx-fill-state-normal { border-color: #A0A0A0; background-color: ivory; }
div.jqx-buttongroup-light.borsoft > div.jqx-button-light.jqx-fill-state-pressed { background-color: firebrick; }
div.jqx-buttongroup-light.borsoft[aria-sb-orientation="horizontal"] > div.jqx-button-light.jqx-fill-state-pressed { border-left-color: gold; border-right-color: gold; }
div.jqx-buttongroup-light.borsoft[aria-sb-orientation="vertical"] > div.jqx-button-light.jqx-fill-state-pressed { border-top-color: gold; border-bottom-color: gold; }
div.jqx-buttongroup-light.borsoft > div.jqx-button-light.jqx-fill-state-pressed:hover { background-image: linear-gradient(crimson,firebrick) }
*/
div.jqx-buttongroup-light.borsoft > div.jqx-button-light.jqx-fill-state-normal { border-color: #A0A0A0; background-color: ivory; }
div.jqx-buttongroup-light.borsoft > div.jqx-button-light.jqx-fill-state-pressed { background-color: chartreuse; color: black; }
div.jqx-buttongroup-light.borsoft[aria-sb-orientation="horizontal"] > div.jqx-button-light.jqx-fill-state-pressed { border-left-color: darkgreen; border-right-color: darkgreen; }
div.jqx-buttongroup-light.borsoft[aria-sb-orientation="vertical"] > div.jqx-button-light.jqx-fill-state-pressed { border-top-color: darkgreen; border-bottom-color: darkgreen; }
div.jqx-buttongroup-light.borsoft > div.jqx-button-light.jqx-fill-state-pressed:hover { background-image: linear-gradient(mediumspringgreen,springgreen) }
div.jqx-buttongroup-light.borsoft .jqx-rc-tl-light { border-top-left-radius: 8px; }
div.jqx-buttongroup-light.borsoft .jqx-rc-bl-light { border-bottom-left-radius: 8px; }
div.jqx-buttongroup-light.borsoft .jqx-rc-tr-light { border-top-right-radius: 8px; }
div.jqx-buttongroup-light.borsoft .jqx-rc-br-light { border-bottom-right-radius: 8px; }
span.jqx-chart-tooltip-text { line-height: 1.6; }
div.jqx-widget-wrapper-sb { white-space: nowrap; display: inline-block; }
div > div.jqx-widget-wrapper-sb, td > div.jqx-widget-wrapper-sb { width: 100%; }
div.jqx-add-btn-sb-cntnr { text-shadow: none; cursor: pointer; z-index: 0; box-sizing: content-box; display: flex; height: calc(100% + 0px); position: absolute; top: 0px; margin-left: 0px; display: inline-block; border: 1px solid #c7c7c7; border-left: 1px solid transparent; border-top-right-radius: 3px; border-bottom-right-radius: 3px; text-align: center; white-space: nowrap; font-size: 12pt; line-height: 1.0; }
button.jqx-add-btn-sb > i { position: relative; margin: auto auto; color: grey; }
button.jqx-add-btn-sb:not(:first-of-type) { border-left: 1px solid #c7c7c7; }
button.jqx-add-btn-sb { display: inline-flex; -width: 30px; height: 100%; background-color: #f0f0f0; background-image: linear-gradient(#fafafa,#dadada); border: none; }
button.jqx-add-btn-sb:not([disabled]):hover { background-color: transparent; background-image: linear-gradient(#fafafa,#bababa); }
button.jqx-add-btn-sb:focus { border: 1px solid crimson; }
button.jqx-add-btn-sb:disabled { opacity: 0.85; }
.jqx-widget.jqx-widget-add-btn-sb, .jqx-widget-classic.jqx-widget-add-btn-sb { -border-right: none !important; border-top-right-radius: 0; border-bottom-right-radius: 0; }
.jqx-grid-column-header > div > div { position: relative; top: 50%; transform: translateY(-50%); margin-top: auto !important; margin-bottom: auto ! important }
.jqx-grid-table .jqx-grid-cell { padding: 4px 15px; }
.jqx-label-sb, .jqx-label-sb > * { font-family: HelveticaNeue, Tahoma, Calibri, Arial, Verdana !important; font-size: 11px !important; cursor: default !important; }
.ui-state-default.jqx-labeled-edit-qx,
.jqx-labeled-edit-qx { font-family: HelveticaNeue, Tahoma, Trebuchet MS, Verdana; font-size: 13px; font-weight: normal; }
.jqx-expander > .jqx-widget-header { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: initial; }
.jqx-expander > .jqx-widget-header .jqx-expander-arrow { margin: 0 5px !important; }
.jqx-dropdownbutton-content { display: flex; align-items: center; padding-left: 10px; padding-left: min(max(3px, 5%), 8px); }
.jqx-dropdownbutton-arrow { padding-right: 5px; width: initial !important; }
.jqx-dropdownlist-content { /*display: flex; align-items: center;*/ padding-left: 10px; padding-left: min(max(3px, 5%), 8px); }
.jqx-dropdownlist-arrow { padding-right: 5px; width: initial !important; }
.jqx-color-picker input { border: none; }
.jqx-color-picker .jqx-combobox { border: none !important; }
.jqx-color-picker .jqx-color-picker-input-section { display: block; margin-top: 4px; border-bottom: 1px solid lightgrey; white-space: nowrap; }
.jqx-color-picker .jqx-color-picker-input-block { border: 1px solid transparent; border-radius: 4px; padding: 2px; margin-right: 3px; text-align: left; font-size: 7pt; font-weight: bold; }
.jqx-color-picker .jqx-color-picker-input-block input { font-weight: bold; }
.jqx-color-picker .jqx-color-picker-input-section[mode="rgb"] .jqx-color-picker-input-block { color: black; }
.jqx-color-picker .jqx-color-picker-input-section[mode="hsv"] .jqx-color-picker-input-block { color: grey; }
.jqx-color-picker .jqx-color-picker-input-section[mode="hsl"] .jqx-color-picker-input-block { color: grey; }
.jqx-color-picker input.jqx-color-picker-rgb-input { width: 30px; height: 18px; text-align: center; max-width: 50px; }