/** --- CORE --- **/
.ui-widget-content {
   color:var(--color-text-80);
   padding:0;
   font-size:12px;
}
.ui-widget-header {
   background-color:var(--color-bg-80);
   border:0;
   border-bottom:solid 1px var(--color-border);
   color:var(--color-text-100);
}
.ui-widget.ui-widget-content { /** card21 **/
   border: 1px solid var(--color-border);
   background-color:var(--color-bg-100);
   border-radius:3px;
   box-shadow: var(--shadow-primary);
}
.ui-menu {
   z-index:1003;
}
/** --- TABS --- **/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
   border:solid 1px var(--color-border);
   background:var(--color-bg-80);
   color:var(--color-text-80);
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
   color:var(--color-text-80);
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
   border:solid 1px var(--color-border);
   background:var(--color-bg-100);
   color:var(--color-text-100);
}


.ui-tabs .ui-tabs-nav {
   padding:5px;
   padding-bottom:0;
}
/** --- SLIDER --- **/
.slider-green.ui-widget.ui-widget-content {
   background:var(--color-grey-40);
   height:10px;
   border-radius:5px;
   border:0;
}
.slider-green .ui-slider-handle {
   outline:none;
   cursor:pointer;
   background:#80c602;
   border:1px solid var(--color-bg-80);
   border-radius:50%;
   min-width: 18px;
   min-height: 18px;
}
/** --- DATE PICKER --- **/
.ui-widget.ui-datepicker {
   background: #fff;
   background: var(--color-bg-100);
}


:root {
   --jqui-src-icons: url(/static/jqueryui/1.13.2/images/ui-icons_444444_256x240.png);
}
html.dark:root {
   --jqui-src-icons: url(/static/jqueryui/1.13.2/images/ui-icons_ffffff_256x240.png);
}
.ui-state-hover {
   background:var(--color-grey-20) !important;
   border:solid 1px var(--color-grey-20) !important;
}

.ui-widget-header .ui-icon {
   background-image:var(--jqui-src-icons);
}