/** --- 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);
}
/** --- SORTABLE --- **/
.ui-sortable-handle {
   cursor: grab;
   transition: .2s box-shadow;
   margin-top:-1px;
}
.ui-sortable-handle:active, .ui-sortable-handle:hover {
   border-left-color: var(--color-green);
}
.ui-sortable-handle:active {
   cursor: grabbing;
   box-shadow: var(--shadow-big);
}