fineui/dist/widget.css

.bi-date-trigger {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.bi-down-list-popup .list-group-item-text {
  max-width: 203px;
}
.bi-down-list-popup .bi-down-list-item .list-item-text {
  max-width: 203px;
}
.bi-dynamic-date-combo .date-font {
  font-size: 16px;
}
.bi-interactive-arrangement .interactive-arrangement-dragtag-line {
  z-index: 1000000000;
  background-color: #faaa39;
}
.bi-interactive-arrangement .interactive-arrangement-dragtag-icon {
  z-index: 1000000000;
}
.bi-interval-slider-label {
  min-height: 50px;
}

.bi-interval-slider {
  min-height: 50px;
}
.bi-month-trigger {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.bi-multilayer-select-tree-combo .trigger-icon-button {
  font-size: 16px;
}
.bi-multilayer-select-tree-combo .bi-combo.bi-combo-popup + .bi-trigger-icon-button .x-icon {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}
.bi-multilayer-select-tree-combo .bi-combo + .bi-trigger-icon-button .x-icon {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}

.bi-multilayer-select-level-tree .tree-view {
  min-width: 100%;
}
.bi-multilayer-single-tree-combo .trigger-icon-button {
  font-size: 16px;
}
.bi-multilayer-single-tree-combo .bi-combo.bi-combo-popup + .bi-trigger-icon-button .x-icon {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}
.bi-multilayer-single-tree-combo .bi-combo + .bi-trigger-icon-button .x-icon {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}

.bi-multilayer-single-level-tree .tree-view {
  min-width: 100%;
}
.bi-multi-select-check-pane .multi-select-check-selected {
  text-decoration: underline;
}

.bi-multi-select-combo .multi-select-trigger-icon-button {
  font-size: 16px;
}
.bi-multi-select-combo .bi-combo.bi-combo-popup + .bi-trigger-icon-button .x-icon {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}
.bi-multi-select-combo .bi-combo + .bi-trigger-icon-button .x-icon {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}

.bi-multi-select-insert-combo .multi-select-trigger-icon-button {
  font-size: 16px;
}
.bi-multi-select-insert-combo .bi-combo.bi-combo-popup + .bi-trigger-icon-button .x-icon {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}
.bi-multi-select-insert-combo .bi-combo + .bi-trigger-icon-button .x-icon {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}


.bi-multi-select-search-pane .multi-select-toolbar {
  color: #faaa39;
}
.bi-multi-select-check-selected-button {
  z-index: 1;
  min-width: 16px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.bi-multi-select-insert-list .bi-search-editor {
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -webkit-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.bi-multi-select-list .bi-search-editor {
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -webkit-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.bi-multi-tree-check-pane .multi-tree-check-selected {
  color: #3685f2;
}
.bi-multi-tree-combo .multi-select-trigger-icon-button {
  font-size: 16px;
}
.bi-multi-tree-combo .bi-combo.bi-combo-popup + .bi-trigger-icon-button .x-icon {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}
.bi-multi-tree-combo .bi-combo + .bi-trigger-icon-button .x-icon {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}
.bi-multi-tree-popup .popup-view-tree {
  min-height: 170px;
}
.bi-multi-tree-check-selected-button .trigger-check-selected {
  color: #3685f2;
  z-index: 1;
}
.bi-number-editor {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.bi-number-editor .pull-down-font {
  font-size: 12px;
}
.bi-number-editor .pull-up-font {
  font-size: 12px;
}
.bi-number-interval.hack {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.bi-number-interval .number-interval-small-editor {
  -moz-border-radius-topleft: 2px;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
  -webkit-border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.bi-number-interval .number-interval-big-editor {
  -moz-border-radius-topright: 2px;
  -webkit-border-top-right-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.bi-number-interval .number-interval-big-combo {
  -moz-border-radius-topleft: 2px;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
  -webkit-border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.bi-number-interval .number-interval-big-combo .bi-icon-combo-trigger .icon-combo-trigger-icon {
  font-size: 14px;
}
.bi-number-interval .number-interval-small-combo {
  -moz-border-radius-topright: 2px;
  -webkit-border-top-right-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.bi-number-interval .number-interval-small-combo .bi-icon-combo-trigger .icon-combo-trigger-icon {
  font-size: 14px;
}
.bi-number-interval.number-error .bi-input {
  color: #e65251 !important;
}
.bi-quarter-trigger {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.bi-search-multi-text-value-combo .multi-select-trigger-icon-button {
  font-size: 16px;
}
.bi-search-multi-text-value-combo.combo-error .bi-multi-select-searcher .tip-text-style {
  color: #e65251;
}
.bi-single-select-combo .single-select-trigger-icon-button {
  font-size: 16px;
}
.bi-single-select-combo .bi-combo.bi-combo-popup + .bi-trigger-icon-button .x-icon {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}
.bi-single-select-combo .bi-combo + .bi-trigger-icon-button .x-icon {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}
.bi-single-slider-label {
  min-height: 50px;
}

.bi-single-slider-normal {
  min-height: 30px;
}
.bi-single-slider {
  min-height: 50px;
}
.bi-single-slider-button .slider-button {
  cursor: ew-resize;
  border-width: 2px;
  border-style: solid;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background-color: #ffffff;
  height: 12px;
  width: 12px;
  top: 6px;
  left: -8px;
}
.bi-single-slider-button .slider-button:hover,
.bi-single-slider-button .slider-button.hover {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #f7f8fa;
  width: 16px;
  height: 16px;
  top: 4px;
  left: -10px;
}
.bi-single-slider-button .slider-button.disabled {
  border-color: #d0d4da;
}
.bi-single-slider-button .slider-button.disabled:hover,
.bi-single-slider-button .slider-button.disabled.hover {
  background-color: #f7f8fa;
  width: 12px;
  height: 12px;
  top: 6px;
  left: -8px;
}
.bi-theme-dark .bi-single-slider-button .slider-button {
  background-color: #20263b;
}
.bi-theme-dark .bi-single-slider-button .slider-button:hover,
.bi-theme-dark .bi-single-slider-button .slider-button.hover {
  background-color: #191b2b;
}
.bi-theme-dark .bi-single-slider-button .slider-button.disabled:hover,
.bi-theme-dark .bi-single-slider-button .slider-button.disabled.hover {
  background-color: #191b2b;
}
.bi-slider-track .gray-track {
  background-color: rgba(61, 77, 102, 0.1);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#1a3d4d66,endColorstr=#1a3d4d66);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.bi-slider-track .blue-track {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.bi-slider-track .disabled-blue-track {
  background-color: #d0d4da;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.bi-theme-dark .bi-slider-track .gray-track {
  background-color: rgba(214, 224, 220, 0.1);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#1ad6e0dc,endColorstr=#1ad6e0dc);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.bi-theme-dark .bi-slider-track .disabled-blue-track {
  background-color: #606479;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.bi-time-trigger .show-text {
  background-color: rgba(255, 255, 255, 0);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff,endColorstr=#00ffffff);
}
.bi-date-interval.time-error .bi-input {
  color: #e65251;
}
.bi-date-interval.time-error .sign-editor-text {
  color: #e65251;
}
.bi-time-interval .bi-date-time-trigger {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.bi-time-interval.time-error .bi-date-time-trigger .bi-input {
  color: #e65251;
}
.bi-time-interval.time-error .bi-date-time-trigger .sign-editor-text {
  color: #e65251;
}
.bi-year-popup .year-popup-navigation {
  line-height: 30px;
}
.bi-year-popup .year-popup-navigation > .center-element {
  border-left: 1px solid #e8eaed;
}
.bi-year-popup .year-popup-navigation > .first-element {
  border-left: none;
}
.bi-theme-dark .bi-year-popup .year-popup-navigation > .center-element {
  border-left: 1px solid #363e55;
}
.bi-theme-dark .bi-year-popup .year-popup-navigation > .first-element {
  border-left: none;
}
.bi-year-trigger {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.bi-year-month-interval.time-error .bi-input {
  color: #e65251;
}
.bi-year-month-interval.time-error .sign-editor-text {
  color: #e65251;
}