/* Interaction states --- beginning ----------------------------------*/
.ui-spinner {
    height: 18px;
    padding: 8px 0 8px 8px;
}

.ui-spinner-focused {
    border-color: var(--border-color-6, #3c3f46) !important;
}

.ui-spinner-input {
    margin: 0px;
    border: 0px !important;
    width: calc(100% - 25px);
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    padding: 0;
    height: 18px;
}

span.ui-spinner a {
    cursor: pointer;
}

span.ui-spinner a.ui-spinner-up {
    border-left: 1px solid var(--border-color-2, #ffffff);
    border-bottom: 1px solid var(--border-color-2, #ffffff);
}

span.ui-spinner a.ui-spinner-down {
    border-left: 1px solid var(--border-color-2, #ffffff);
}

span.ui-spinner + label {
    margin-left: 4px;
}

.ui-spinner-button {
    width: 18px;
}

.ui-button {
    margin-right: 0;
    vertical-align: middle;
}

button.ui-button,
.ui-spinner-button,
label.ui-checkboxradio-radio-label,
label.ui-checkboxradio-label,
label.ui-controlgroup-item-small {
    border: 1px solid var(--border-color-2);
    font-weight: normal;
    background: var(--background-color-2);
}

button.ui-button:hover,
span.ui-spinner a:hover,
label.ui-checkboxradio-radio-label:hover,
label.ui-checkboxradio-label:hover,
label.ui-controlgroup-item-small:hover {
    color: var(--text-color-4, #222) !important;
    border-color: var(--border-color-5, #777);
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: var(--text-color-1);
    text-decoration: none;
}

.ui-button:hover:not(:disabled) {
    font-weight: normal;
}

.ui-state-hover a,
.ui-state-hover a:hover {
    color: #313131;
    text-decoration: none;
}

.ui-button:active:not(:disabled),
.ui-context-button {
    outline: none;
    color: var(--text-color-3, #222);
    border: 1px solid var(--border-color-5, #777);
    background-color: var(--background-color-3, #fff);
    /* W3C */
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #313131;
    text-decoration: none;
}

.ui-widget :active {
    outline: none;
}

.ui-widget-content {
    border: 1px solid var(--border-color-2, #B6B6B6);
    background: var(--background-color-4);
    color: var(--text-color-1);
}

.ui-spinner.invalid .ui-widget-content {
    background: transparent;
}

table .border-bottom-grey {
    border-bottom: 1px solid #ddd !important;
}

/* Interaction states --- end ----------------------------------*/
/*
 * jQuery UI CSS Framework 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ctl=themeroller
 */


/* Component containers
----------------------------------*/
.ui-widget { 
    font-family: Arial,sans-serif;
}
.ui-widget input, 
.ui-widget select, 
.ui-widget textarea, 
.ui-widget button { 
    font-family: Arial,sans-serif; 
}
.ui-widget-content { 
    color: var(--text-color-1); 
}
.ui-widget-content a { 
    color: var(--text-color-1); 
}
.ui-widget-header a {
    color: var(--text-color-1);
}

/* COmponents end */

.ui-corner-all {
    border-radius: 2px;
}

.ui-corner-top,
.ui-corner-left,
.ui-corner-top-left,
.ui-controlgroup-horizontal> :first-child,
.ui-controlgroup-vertical> :first-child {
    border-top-left-radius: 2px;
}

.ui-corner-top,
.ui-corner-right,
.ui-corner-top-right,
.ui-controlgroup-horizontal> :last-child,
.ui-controlgroup-vertical> :first-child {
    border-top-right-radius: 2px;
}

.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bottom-left,
.ui-controlgroup-horizontal> :first-child,
.ui-controlgroup-vertical> :last-child {
    border-bottom-left-radius: 2px;
}

.ui-corner-bottom,
.ui-corner-right,
.ui-corner-bottom-right,
.ui-controlgroup-horizontal> :last-child,
.ui-controlgroup-vertical> :last-child {
    border-bottom-right-radius: 2px;
}

.ui-controlgroup-item {
    height: 18px;
    padding: 8px;
    min-width: 18px;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked,
.ui-controlgroup-item.ui-checkboxradio-checked {
    background-color: var(--background-color-4, #fff);
    box-shadow: inset 0 -3px 0px -2px var(--accent-color);
    border-bottom-color: var(--accent-color);
}

.ui-checkboxradio {
    display: none;
}

.ui-checkboxradio-radio-label .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    border-style: none;
}

ul.ui-menu-icons,
ul.ui-contextmenu {
    z-index: 50000;
}

.ui-menu-li-disabled {
    cursor: default !important;
    pointer-events: none;

}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);/* support: IE8 */
    background-image: none;
}

ul.ui-contextmenu li:not(.ui-button) {
    list-style: none;
    display: block;
    padding: 5px 30px 5px 12px;
    text-decoration: none;
    color: var(--text-color-4, #2e2e2e);
    outline: none;
}

ul.ui-contextmenu li:not(.ui-button):not(.without-border) {
    border-top: 1px solid var(--border-color-2, #eee);
}

ul.ui-contextmenu > li:hover {
    background: var(--background-color-14, #f1faff);
}

/*datepicker
-------------*/
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    border: 1px solid var(--border-color-5, #B6B6B6);
    position: absolute;
    top: 5px;
    width: 23px;
    height: 23px;
}
.ui-datepicker .ui-datepicker-prev {
    left: 4px;
}
.ui-datepicker .ui-datepicker-next {
    right: 4px;
}
.ui-datepicker .ui-datepicker-prev-hover {
    left: 4px;
    border: 1px solid #9D9D9D;
    color: #313131;
    cursor: pointer;
}
.ui-datepicker .ui-datepicker-next-hover {
    right: 4px;
    border: 1px solid #9D9D9D;
    color: #313131;
    cursor: pointer;
}
.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
    margin-top: -6.2px;
    margin-left: -6.5px;
}
.ui-datepicker-today > a:not(.ui-state-active) {
    background-color: #fff !important;
    background-image: none !important;
}
.ui-datepicker .ui-state-hover {
    color: #313131;
    border: 1px solid #9D9D9D;
}
.ui-datepicker .ui-state-active {
    background-color: #fff;
    color: var(--accent-color);
    border: 1px solid #9D9D9D;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 40%;
    min-width: 0;
    padding: 4px 0 4px 8px;
}
.ui-datepicker .ui-state-highlight {
    border: 1px solid #c5c5c5;
    background: #fff;
    color: rgba(0,0,0,.8);
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
    z-index: 999;
}