@charset "utf-8";
.ui_cal_reset_calendar, .ui_cal_reset_calendar * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.ui_cal_calendar_content {
  display: none;
  position: absolute;
  min-width: 320px;
  background-color: #ffffff;
  border: solid 1px #b8b8b8;
  border-radius: 3px;
  padding: 10px;
  text-align: center;
  z-index: 50;
  border-radius: 4px;
  box-shadow: 0px 6px 10px -4px;
}

.ui_cal_calendar_content:nth-of-type(2) {
  margin-left: 334px;
}

.ui_cal_calendar_content .nav {
  background-color: #ececec;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 2em;
}

.ui_cal_calendar_content .nav h1 {
  display: inline;
  margin: 0 10px;
  color: #161616;
  position: relative;
}

.ui_cal_calendar_content .nav .nav_year, .ui_cal_calendar_content .nav .nav_month {
  margin: 0 4px;
  display: inline-block;
}

.ui_cal_calendar_content .nav .nav_year {
  cursor: pointer;
  box-sizing: border-box;
  width: 60px;
}

.ui_cal_calendar_content .nav .nav_year:hover {
  border: solid 1px #b8b8b8;
  border-radius: 5px;
}

.ui_cal_calendar_content .nav .nav_month {
  width: 30px;
}

.ui_cal_calendar_content .nav .select_year {
  display: none;
  position: absolute;
  top: -2px;
  left: -6px;
  padding: 2px 4px;
  font-size: 16px;
  border: solid 1px #b8b8b8;
  border-radius: 5px;
  background-color: #ececec;
  cursor: pointer;
  font-weight: bold;
  font-family: "游ゴシック", BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Hiragino Sans', 'ヒラギノ角ゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif;
  box-shadow: 0px 3px 10px -8px;
}

.ui_cal_calendar_content .nav .select_year option {
  font-family: "游ゴシック", BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Hiragino Sans', 'ヒラギノ角ゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif;
  font-weight: bold;
  padding: 2px;
}

.ui_cal_calendar_content .nav .month_move {
  cursor: pointer;
  padding: 0 4px;
  font-size: 1.2em;
  color: #161616;
}

.ui_cal_calendar_content .nav .month_move:hover {
  background-color: #cacaca;
}

.ui_cal_calendar_content .nav .month_move.prev:after {
  content: '＜';
  font-weight: bold;
}

.ui_cal_calendar_content .nav .month_move.next:after {
  content: '＞';
  font-weight: bold;
}

.ui_cal_calendar_content .cal_tb {
  width: 100%;
}

.ui_cal_calendar_content .cal_tb th, .ui_cal_calendar_content .cal_tb td {
  padding: 6px !important;
  width: auto !important;
  min-width: auto !important;
  text-align: center !important;
}

.ui_cal_calendar_content .cal_tb td {
  color: #161616;
  vertical-align: middle;
}

.ui_cal_calendar_content .cal_tb .current_date {
  cursor: pointer;
}

.ui_cal_calendar_content .cal_tb .current_date:hover {
  background-color: #cacaca;
}

.ui_cal_calendar_content .cal_tb .not_current_month {
  color: #d2d2d2;
  cursor: pointer;
}

.ui_cal_calendar_content .cal_tb .not_current_month:hover {
  background-color: #cacaca;
}

.ui_cal_calendar_content .cal_tb .today {
  background-color: #f9fd00;
}

.ui_cal_calendar_content .cal_tb .today:hover {
  background-color: #cacaca;
}

.ui_cal_calendar_content .cal_tb .select_date {
  background-color: #0091FF;
  color: #ffffff;
}

.ui_cal_calendar_content .cal_tb .select_date:hover {
  opacity: 0.7;
  background-color: #0091FF;
}

.ui_cal_calendar_content .time {
  display: flex;
  justify-content: center;
  height: 55px;
  align-items: center;
  font-size: 17px;
}

.ui_cal_calendar_content .time select {
  padding: 3px;
  border: 0;
  font-size: 17px;
  cursor: pointer;
}

.ui_cal_calendar_content .time select:hover {
  background-color: #cacaca;
}

.ui_cal_calendar_content .time select:hover option {
  background-color: #ffffff;
}

.ui_cal_calendar_content .time select option {
  font-size: 17px;
  cursor: pointer;
}

.ui_cal_calendar_content .cal_btns {
  text-align: right;
  margin-top: 8px;
}

.ui_cal_calendar_content .cal_btns .btn_cal_close {
  cursor: pointer;
  background-color: #0091FF;
  color: #ffffff;
  display: inline-block;
  padding: 4px 12px;
  border-radius: 4px;
}

.ui_cal_calendar_content .cal_btns .btn_cal_close:active {
  opacity: 0.7;
}

* {
  line-height: 140%;
}

body {
  background-color: #ebeef0;
  font-family: ui-sans-serif, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo UI", "Meiryo", "メイリオ", sans-serif;
}

@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.hide {
  display: none !important;
}

.right {
  text-align: right !important;
}

.center {
  text-align: center !important;
}

.left {
  text-align: left !important;
}

.full {
  width: 100%;
  height: 100%;
}

.full_horizon {
  width: 100%;
}

.full_vertical {
  height: 100%;
}

.margin {
  margin: 10px;
}

.margin_small {
  margin: 6px !important;
}

.margin_large {
  margin: 20px !important;
}

.margin_xlarge {
  margin: 40px !important;
}

.margin_default {
  margin: 10px;
}

.margin_default_small {
  margin: 6px !important;
}

.margin_default_large {
  margin: 20px !important;
}

.margin_default_xlarge {
  margin: 40px !important;
}

.margin_horizon {
  margin-right: 10px !important;
  margin-left: 10px !important;
}

.margin_horizon_small {
  margin-right: 6px !important;
  margin-left: 6px !important;
}

.margin_horizon_large {
  margin-right: 20px !important;
  margin-left: 20px !important;
}

.margin_horizon_xlarge {
  margin-right: 40px !important;
  margin-left: 40px !important;
}

.margin_vertical {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.margin_vertical_small {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}

.margin_vertical_large {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.margin_vertical_xlarge {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.margin_top {
  margin-top: 10px !important;
}

.margin_top_small {
  margin-top: 6px !important;
}

.margin_top_large {
  margin-top: 20px !important;
}

.margin_top_xlarge {
  margin-top: 40px !important;
}

.margin_right {
  margin-right: 10px !important;
}

.margin_right_small {
  margin-right: 6px !important;
}

.margin_right_large {
  margin-right: 20px !important;
}

.margin_right_xlarge {
  margin-right: 40px !important;
}

.margin_bottom {
  margin-bottom: 10px !important;
}

.margin_bottom_small {
  margin-bottom: 6px !important;
}

.margin_bottom_large {
  margin-bottom: 20px !important;
}

.margin_bottom_xlarge {
  margin-bottom: 40px !important;
}

.margin_left {
  margin-left: 10px !important;
}

.margin_left_small {
  margin-left: 6px !important;
}

.margin_left_large {
  margin-left: 20px !important;
}

.margin_left_xlarge {
  margin-left: 40px !important;
}

.margin_not_top {
  margin-right: 10px !important;
  margin-bottom: 10px !important;
  margin-left: 10px !important;
}

.margin_not_top_small {
  margin-right: 6px !important;
  margin-bottom: 6px !important;
  margin-left: 6px !important;
}

.margin_not_top_large {
  margin-right: 20px !important;
  margin-bottom: 20px !important;
  margin-left: 20px !important;
}

.margin_not_top_xlarge {
  margin-right: 40px !important;
  margin-bottom: 40px !important;
  margin-left: 40px !important;
}

.margin_not_right {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  margin-left: 10px !important;
}

.margin_not_right_small {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
  margin-left: 6px !important;
}

.margin_not_right_large {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  margin-left: 20px !important;
}

.margin_not_right_xlarge {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
  margin-left: 40px !important;
}

.margin_not_bottom {
  margin-top: 10px !important;
  margin-right: 10px !important;
  margin-left: 10px !important;
}

.margin_not_bottom_small {
  margin-top: 6px !important;
  margin-right: 6px !important;
  margin-left: 6px !important;
}

.margin_not_bottom_large {
  margin-top: 20px !important;
  margin-right: 20px !important;
  margin-left: 20px !important;
}

.margin_not_bottom_xlarge {
  margin-top: 40px !important;
  margin-right: 40px !important;
  margin-left: 40px !important;
}

.margin_not_left {
  margin-top: 10px !important;
  margin-right: 10px !important;
  margin-bottom: 10px !important;
}

.margin_not_left_small {
  margin-top: 6px !important;
  margin-right: 6px !important;
  margin-bottom: 6px !important;
}

.margin_not_left_large {
  margin-top: 20px !important;
  margin-right: 20px !important;
  margin-bottom: 20px !important;
}

.margin_not_left_xlarge {
  margin-top: 40px !important;
  margin-right: 40px !important;
  margin-bottom: 40px !important;
}

.margin_zero {
  margin: 0;
}

.margin_zero_default {
  margin: 0;
}

.margin_zero_horizon {
  margin-right: 0;
  margin-left: 0;
}

.margin_zero_vertical {
  margin-top: 0;
  margin-bottom: 0;
}

.margin_zero_top {
  margin-top: 0;
}

.margin_zero_right {
  margin-right: 0;
}

.margin_zero_bottom {
  margin-bottom: 0;
}

.margin_zero_left {
  margin-left: 0;
}

.ui_panel {
  background: #fff;
  color: #444;
}

.ui_panel.transparent {
  background-color: transparent;
}

.ui_panel.dark {
  background-color: #024;
  color: #fff;
}

.ui_panel.light {
  background-color: #f2f2f2;
  color: #444;
}

.ui_panel.border {
  border: solid 1px #ccc;
}

.ui_panel.border_vertical {
  border: solid #ccc 0;
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.ui_panel.border_horizon {
  border: solid #ccc 0;
  border-right-width: 1px;
  border-left-width: 1px;
}

.ui_panel.border_top {
  border: solid #ccc 0;
  border-top-width: 1px;
}

.ui_panel.border_bottom {
  border: solid #ccc 0;
  border-bottom-width: 1px;
}

.ui_panel.border_right {
  border: solid #ccc 0;
  border-right-width: 1px;
}

.ui_panel.border_left {
  border: solid #ccc 0;
  border-left-width: 1px;
}

.ui_panel.border_not_top {
  border: solid #ccc 1px;
  border-top-width: 0px;
}

.ui_panel.border_not_bottom {
  border: solid #ccc 1px;
  border-bottom-width: 0px;
}

.ui_panel.border_not_right {
  border: solid #ccc 1px;
  border-right-width: 0px;
}

.ui_panel.border_not_left {
  border: solid #ccc 1px;
  border-left-width: 0px;
}

.ui_panel.shadow {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
}

.ui_panel.code {
  font-family: Consolas, "Courier New";
  tab-size: 4;
  white-space: pre-wrap;
}

.ui_panel.pre_wrap {
  white-space: pre-wrap;
}

.ui_panel.radius {
  border-radius: 10px;
}

.ui_panel.radius_top {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.ui_panel.radius_bottom {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.ui_panel.radius_left {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.ui_panel.radius_right {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.ui_panel.padding {
  padding: 10px;
}

.ui_panel.padding_small {
  padding: 6px;
}

.ui_panel.padding_large {
  padding: 20px;
}

.ui_panel.padding_xlarge {
  padding: 40px;
}

.ui_panel.padding_default {
  padding: 10px;
}

.ui_panel.padding_default_small {
  padding: 6px;
}

.ui_panel.padding_default_large {
  padding: 20px;
}

.ui_panel.padding_default_xlarge {
  padding: 40px;
}

.ui_panel.padding_horizon {
  padding-right: 10px;
  padding-left: 10px;
}

.ui_panel.padding_horizon_small {
  padding-right: 6px;
  padding-left: 6px;
}

.ui_panel.padding_horizon_large {
  padding-right: 20px;
  padding-left: 20px;
}

.ui_panel.padding_horizon_xlarge {
  padding-right: 40px;
  padding-left: 40px;
}

.ui_panel.padding_vertical {
  padding-top: 10px;
  padding-bottom: 10px;
}

.ui_panel.padding_vertical_small {
  padding-top: 6px;
  padding-bottom: 6px;
}

.ui_panel.padding_vertical_large {
  padding-top: 20px;
  padding-bottom: 20px;
}

.ui_panel.padding_vertical_xlarge {
  padding-top: 40px;
  padding-bottom: 40px;
}

.ui_panel.padding_top {
  padding-top: 10px;
}

.ui_panel.padding_top_small {
  padding-top: 6px;
}

.ui_panel.padding_top_large {
  padding-top: 20px;
}

.ui_panel.padding_top_xlarge {
  padding-top: 40px;
}

.ui_panel.padding_right {
  padding-right: 10px;
}

.ui_panel.padding_right_small {
  padding-right: 6px;
}

.ui_panel.padding_right_large {
  padding-right: 20px;
}

.ui_panel.padding_right_xlarge {
  padding-right: 40px;
}

.ui_panel.padding_bottom {
  padding-bottom: 10px;
}

.ui_panel.padding_bottom_small {
  padding-bottom: 6px;
}

.ui_panel.padding_bottom_large {
  padding-bottom: 20px;
}

.ui_panel.padding_bottom_xlarge {
  padding-bottom: 40px;
}

.ui_panel.padding_left {
  padding-left: 10px;
}

.ui_panel.padding_left_small {
  padding-left: 6px;
}

.ui_panel.padding_left_large {
  padding-left: 20px;
}

.ui_panel.padding_left_xlarge {
  padding-left: 40px;
}

.ui_panel.padding_not_top {
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}

.ui_panel.padding_not_top_small {
  padding-right: 6px;
  padding-bottom: 6px;
  padding-left: 6px;
}

.ui_panel.padding_not_top_large {
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
}

.ui_panel.padding_not_top_xlarge {
  padding-right: 40px;
  padding-bottom: 40px;
  padding-left: 40px;
}

.ui_panel.padding_not_right {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}

.ui_panel.padding_not_right_small {
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 6px;
}

.ui_panel.padding_not_right_large {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
}

.ui_panel.padding_not_right_xlarge {
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 40px;
}

.ui_panel.padding_not_bottom {
  padding-top: 10px;
  padding-right: 10px;
  padding-left: 10px;
}

.ui_panel.padding_not_bottom_small {
  padding-top: 6px;
  padding-right: 6px;
  padding-left: 6px;
}

.ui_panel.padding_not_bottom_large {
  padding-top: 20px;
  padding-right: 20px;
  padding-left: 20px;
}

.ui_panel.padding_not_bottom_xlarge {
  padding-top: 40px;
  padding-right: 40px;
  padding-left: 40px;
}

.ui_panel.padding_not_left {
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}

.ui_panel.padding_not_left_small {
  padding-top: 6px;
  padding-right: 6px;
  padding-bottom: 6px;
}

.ui_panel.padding_not_left_large {
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}

.ui_panel.padding_not_left_xlarge {
  padding-top: 40px;
  padding-right: 40px;
  padding-bottom: 40px;
}

.ui_panel.layout_vertical {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ui_panel.layout_vertical_left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.ui_panel.layout_vertical_right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.ui_panel.layout_vertical_baseline {
  display: flex;
  flex-direction: column;
  align-items: baseline;
}

.ui_panel.layout_vertical_stretch {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.ui_panel.layout_horizon {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.ui_panel.layout_horizon_top {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.ui_panel.layout_horizon_bottom {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}

.ui_panel.layout_horizon_baseline {
  display: flex;
  flex-direction: row;
  align-items: baseline;
}

.ui_panel.layout_horizon_stretch {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}

.ui_panel.layout_horizon_wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}

.ui_panel.layout_vertical>.spacer, .ui_panel.layout_vertical_left>.spacer, .ui_panel.layout_vertical_right>.spacer, .ui_panel.layout_vertical_baseline>.spacer, .ui_panel.layout_vertical_stretch>.spacer {
  flex-grow: 1;
  width: 100%;
}

.ui_panel.layout_horizon>.spacer, .ui_panel.layout_horizon_top>.spacer, .ui_panel.layout_horizon_bottom>.spacer, .ui_panel.layout_horizon_baseline>.spacer, .ui_panel.layout_horizon_stretch>.spacer {
  flex-grow: 1;
  height: 100%;
}

.ui_heading {
  background-color: #fff;
  color: #444;
  font-weight: normal;
  border: solid #024;
  border-width: 0 0 0 6px;
  padding: 10px 12px;
  margin-bottom: 20px;
}

h1.ui_heading {
  font-size: 16px;
}

h2.ui_heading {
  font-size: 14px;
  padding: 6px 10px;
}

h3.ui_heading {
  font-size: 12px;
  padding: 4px 8px;
}

.ui_text {
  padding: 10px;
  font-size: 14px;
  border: solid 1px #ccc;
  border-radius: 4px;
}

.ui_text:not( [readonly]):focus {
  border-color: rgba(0, 145, 255, 0.8);
}

.ui_text[readonly] {
  box-shadow: none;
}

.ui_text:disabled {
  background-color: #eee;
  color: #888;
  cursor: not-allowed;
}

textarea.ui_text {
  width: 100%;
  height: 80px;
  line-height: 140%;
  resize: none;
}

textarea.ui_text.resize_full {
  resize: auto;
}

.ui_search {
  position: relative;
  display: inline-block;
}

.ui_search input[type=text] {
  width: 100%;
  padding-right: 40px;
  border-radius: 4px 4px 4px 4px;
}

.ui_search button {
  position: absolute;
  right: 0;
  top: 0px;
  bottom: 0px;
  width: 40px;
  -webkit-user-select: none;
  user-select: none;
  background-color: #f2f2f2;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iYmxhY2siIHdpZHRoPSIxOHB4IiBoZWlnaHQ9IjE4cHgiPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMTUuNSAxNGgtLjc5bC0uMjgtLjI3QzE1LjQxIDEyLjU5IDE2IDExLjExIDE2IDkuNSAxNiA1LjkxIDEzLjA5IDMgOS41IDNTMyA1LjkxIDMgOS41IDUuOTEgMTYgOS41IDE2YzEuNjEgMCAzLjA5LS41OSA0LjIzLTEuNTdsLjI3LjI4di43OWw1IDQuOTlMMjAuNDkgMTlsLTQuOTktNXptLTYgMEM3LjAxIDE0IDUgMTEuOTkgNSA5LjVTNy4wMSA1IDkuNSA1IDE0IDcuMDEgMTQgOS41IDExLjk5IDE0IDkuNSAxNHoiLz48L3N2Zz4=');
  background-size: 18px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  cursor: pointer;
  border: solid 1px #ccc;
  border-radius: 0 4px 4px 0;
  line-height: 100%;
}

.ui_search button:hover {
  background-color: #fcfcfc;
  color: #888;
}

.ui_button {
  display: inline-block;
  padding: 12.5px 20px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  font-weight: normal;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  background-color: transparent;
  border: solid 1px transparent;
  border-radius: 4px;
  line-height: 100%;
  -webkit-appearance: none;
  appearance: none;
  white-space: nowrap;
}

.ui_button.wrap_allow {
  white-space: normal;
}

.ui_button.icon {
  background-repeat: no-repeat;
  background-position: 10px 50%;
  background-size: 24px 24px;
  padding-left: 40px;
}

.ui_button.icon.icon_star {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0id2hpdGUiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTEyIDE3LjI3TDE4LjE4IDIxbC0xLjY0LTcuMDNMMjIgOS4yNGwtNy4xOS0uNjFMMTIgMiA5LjE5IDguNjMgMiA5LjI0bDUuNDYgNC43M0w1LjgyIDIxeiIvPjwvc3ZnPg==');
}

.ui_button.icon.icon_download {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNmZmYiIGQ9Ik0xMCA2YTQgNCAwIDAgMSAzLjYzNSAyLjMyOUEzIDMgMCAwIDEgMTggMTFsLS4wMDMuMTI1YTQuMDAxIDQuMDAxIDAgMCAxLS43OTcgNy44N0wxNyAxOUg3YTQgNCAwIDAgMS0uODQ5LTcuOTFBNCA0IDAgMCAxIDEwIDZabTMuNDYgNS4wMDJMMTAuNjQgMTFjLS4yMjMgMC0uMzA0LjAyMy0uMzg1LjA2N2EuNDU0LjQ1NCAwIDAgMC0uMTkuMTg5LjU5LjU5IDAgMCAwLS4wNjQuMjg1bC0uMDAyLjFWMTRINy43MTNsLS4wNTguMDA3YS4yNS4yNSAwIDAgMC0uMTM4LjM5OGwuMDQuMDQgNC4xMyAzLjMwNS4wODMuMDU0YS41LjUgMCAwIDAgLjQ2IDBsLjA4Mi0uMDU0IDQuMTMxLTMuMzA1LjA0Ny0uMDQ4YS4yNS4yNSAwIDAgMCAuMDI3LS4yNDZsLS4wMzQtLjA1Ny0uMDQtLjA0YS4yNS4yNSAwIDAgMC0uMS0uMDQ4TDE2LjI4NyAxNEgxNHYtMi4zNTljMC0uMjIzLS4wMjMtLjMwNC0uMDY3LS4zODVhLjQ1NC40NTQgMCAwIDAtLjE4OS0uMTkuNTkuNTkgMCAwIDAtLjI4NS0uMDY0WiIvPjwvc3ZnPg==');
  background-repeat: no-repeat;
  background-position: 10px 8px;
}

.ui_button.icon.icon_csv {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTggMmEyIDIgMCAwIDEgMiAydjE2YTIgMiAwIDAgMS0yIDJINmEyIDIgMCAwIDEtMi0yVjhsNi02aDhabS0uNSAySDEwdjJhMiAyIDAgMCAxLTIgMkg2djExLjVhLjUuNSAwIDAgMCAuNS41aDExYS41LjUgMCAwIDAgLjUtLjV2LTE1YS41LjUgMCAwIDAtLjUtLjVaTTguNzE4IDE1LjM2Yy4yOSAwIC41NDcuMDU4Ljc3My4xNzMuMjI3LjExNi40LjI1OS41Mi40MjkuMTIuMTcuMTgxLjMzLjE4MS40ODIgMCAuMDgzLS4wMy4xNTYtLjA4OC4yMmEuMjc5LjI3OSAwIDAgMS0uMjEyLjA5NWMtLjA5MyAwLS4xNjMtLjAyMi0uMjA5LS4wNjZhLjkxMy45MTMgMCAwIDEtLjE1NS0uMjI3IDEuMDkyIDEuMDkyIDAgMCAwLS4zMzMtLjM5OC44MTQuODE0IDAgMCAwLS40NzMtLjEzMi44NTYuODU2IDAgMCAwLS43MTEuMzRjLS4xNzcuMjI2LS4yNjUuNTQ3LS4yNjUuOTY0IDAgLjI3OC4wMzkuNTEuMTE3LjY5NGEuODc3Ljg3NyAwIDAgMCAuMzMyLjQxNGMuMTQzLjA5MS4zMS4xMzcuNTAzLjEzN2EuODgzLjg4MyAwIDAgMCAuNTI5LS4xNTUuOTM2LjkzNiAwIDAgMCAuMzI1LS40NTUuNzczLjc3MyAwIDAgMSAuMTE1LS4yMzFjLjA0Ni0uMDYuMTItLjA5LjIyLS4wOS4wODYgMCAuMTYuMDMuMjIyLjA5MWEuMy4zIDAgMCAxIC4wOTMuMjI1Ljk1NC45NTQgMCAwIDEtLjA4NC4zNyAxLjM1MiAxLjM1MiAwIDAgMS0uNzI2LjcwMmMtLjE4OC4wOC0uNDA2LjExOS0uNjU1LjExOS0uMTg5IDAtLjM2LS4wMTgtLjUxNS0uMDU0YTEuNDQ3IDEuNDQ3IDAgMCAxLS40MjEtLjE2NyAxLjQyIDEuNDIgMCAwIDEtLjM0OC0uMjk5IDEuNzc3IDEuNzc3IDAgMCAxLS4yNDItLjM3NyAxLjk2NyAxLjk2NyAwIDAgMS0uMTUtLjQ0NiAyLjQyOSAyLjQyOSAwIDAgMS0uMDUtLjUwM2MwLS4yODguMDQyLS41NDYuMTI2LS43NzRhMS42NSAxLjY1IDAgMCAxIC4zNi0uNTg0IDEuNTcgMS41NyAwIDAgMSAuNTUtLjM3Yy4yMS0uMDg1LjQzMy0uMTI3LjY3LS4xMjdabTMuNDI1IDBjLjIyIDAgLjQxLjAyNy41Ny4wODIuMTYuMDU0LjI5My4xMjcuNC4yMTcuMTA1LjA5LjE4Mi4xODUuMjMxLjI4NC4wNDkuMS4wNzMuMTk2LjA3My4yOSAwIC4wODctLjAzLjE2NS0uMDkxLjIzNGEuMjkyLjI5MiAwIDAgMS0uMjI5LjEwNGMtLjA4MyAwLS4xNDYtLjAyMS0uMTg5LS4wNjJhLjgzOS44MzkgMCAwIDEtLjE0LS4yMDQuOTI0LjkyNCAwIDAgMC0uMjM1LS4zMTZjLS4wOS0uMDc2LS4yMzctLjExNC0uNDM5LS4xMTRhLjc2MS43NjEgMCAwIDAtLjQ1My4xMjNjLS4xMTUuMDgyLS4xNzIuMTgxLS4xNzIuMjk3YS4zLjMgMCAwIDAgLjA1OS4xODVjLjAzOS4wNTMuMDkyLjA5Ny4xNi4xMzUuMDcuMDM3LjEzOC4wNjYuMjA4LjA4OGwuMzQ3LjA5MmMuMjAyLjA0OC4zODQuMS41NDguMTU3LjE2NC4wNTcuMzAzLjEyNi40MTcuMjA3YS44NTQuODU0IDAgMCAxIC4yNy4zMDkuOTkuOTkgMCAwIDEgLjA5NS40NThjMCAuMjE2LS4wNTUuNDEtLjE2Ny41ODNhMS4xMTEgMS4xMTEgMCAwIDEtLjQ5LjQwNmMtLjIxNC4wOTctLjQ2OS4xNDYtLjc2My4xNDYtLjM1NCAwLS42NDUtLjA2Ny0uODc0LS4yYTEuMTY0IDEuMTY0IDAgMCAxLS4zOTctLjM4NS44NzMuODczIDAgMCAxLS4xNTMtLjQ2N2MwLS4wODguMDMtLjE2My4wOTItLjIyNmEuMzEyLjMxMiAwIDAgMSAuMjMzLS4wOTRjLjA3NiAwIC4xNDEuMDI0LjE5NC4wNzNhLjQ4LjQ4IDAgMCAxIC4wOTYuMTNsLjA0LjA4N2MuMDQ1LjExNC4wOTQuMjEuMTQ3LjI4Ni4wNTMuMDc3LjEyOC4xNC4yMjQuMTkuMDk2LjA0OS4yMjIuMDc0LjM3OC4wNzQuMjE1IDAgLjM5LS4wNS41MjQtLjE1YS40NTIuNDUyIDAgMCAwIC4yMDEtLjM3NS4zOTYuMzk2IDAgMCAwLS4xMDgtLjI5LjcuNyAwIDAgMC0uMjgxLS4xN2wtLjIwMS0uMDZhNi44NTIgNi44NTIgMCAwIDAtLjI2LS4wNjQgMy4zNzYgMy4zNzYgMCAwIDEtLjY0NS0uMjFjLS4xNzQtLjA4MS0uMzExLS4xOTEtLjQxMy0uMzNhLjg1Ni44NTYgMCAwIDEtLjE1Mi0uNTIuODkuODkgMCAwIDEgLjE2LS41MjRjLjEwOC0uMTUzLjI2NC0uMjcuNDY3LS4zNTNhMS45MSAxLjkxIDAgMCAxIC43MTgtLjEyM1ptNC42IDBhLjM0MS4zNDEgMCAwIDEgLjM0Mi4zMjUuNTA4LjUwOCAwIDAgMS0uMDE1LjExNmwtLjAxNy4wNjEtLjA2NC4xODQtLjk2IDIuNTk0Yy0uMDMuMDgtLjA2Ni4xNTEtLjEwNy4yMTJhLjQ4LjQ4IDAgMCAxLS4xNjIuMTUuNDg4LjQ4OCAwIDAgMS0uMjQ4LjA1OS40OTYuNDk2IDAgMCAxLS4yNDgtLjA1Ny40NzIuNDcyIDAgMCAxLS4xNjMtLjE1MiAxLjExNyAxLjExNyAwIDAgMS0uMTEtLjIxM2wtLjk4OS0yLjY5OGEuOTY2Ljk2NiAwIDAgMS0uMDQtLjEzMi41NjMuNTYzIDAgMCAxLS4wMTUtLjEyYzAtLjA4My4wMzMtLjE1OC4xLS4yMjdhLjMzNy4zMzcgMCAwIDEgLjI1Mi0uMTAyYy4xMjMgMCAuMjEuMDM4LjI2Mi4xMTMuMDM4LjA1Ny4wNzguMTQuMTE3LjI0N2wuODUxIDIuNTE2Ljg2OS0yLjU3OS4wNC0uMTAzYS4zNTMuMzUzIDAgMCAxIC4xMDQtLjEzNC4zMDcuMzA3IDAgMCAxIC4yLS4wNlpNMTEuOTQgOWMuMzEzIDAgLjU5Ni4wNzIuODUuMjE3LjI1NC4xNDQuNDUyLjM1Ny41OTYuNjM3LjE0My4yOC4yMTUuNjI3LjIxNSAxLjAzOCAwIC41NS0uMTM3IDEuMDY1LS40MSAxLjU0Ni0uMjc0LjQ4LS42MDguODYtMS4wMDIgMS4xNDEtLjM5My4yOC0uNzUuNDIxLTEuMDY5LjQyMWEuNzEuNzEgMCAwIDEtLjQ5My0uMTcuNTE4LjUxOCAwIDAgMS0uMTktLjM5N2MwLS4yMjcuMTMzLS40MS40LS41NS43NjItLjM2IDEuMTQyLS44MTQgMS4xNDItMS4zNTgtLjQzIDAtLjgtLjExMy0xLjExMy0uMzM4LS4zMTItLjIyNC0uNDY5LS41NC0uNDY5LS45NDUgMC0uMzUuMTUzLS42NDUuNDYtLjg4NEExLjcxIDEuNzEgMCAwIDEgMTEuOTQgOVoiLz48L3N2Zz4=');
  background-repeat: no-repeat;
  background-position: 10px 8px;
}

.ui_button.icon.icon_upload {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNmZmYiIGQ9Ik0xMCA2YTQgNCAwIDAgMSAzLjYzNSAyLjMyOUEzIDMgMCAwIDEgMTggMTFsLS4wMDMuMTI1YTQuMDAxIDQuMDAxIDAgMCAxLS43OTcgNy44N0wxNyAxOUg3YTQgNCAwIDAgMS0uODQ5LTcuOTFBNCA0IDAgMCAxIDEwIDZabTEuNzcgNS4xOTYtLjA4Mi4wNTMtNC4xMzEgMy4zMDVhLjI1LjI1IDAgMCAwIC4wOTguNDM5bC4wNTguMDA2SDEwdjIuMzZjMCAuMjIyLjAyMy4zMDMuMDY3LjM4NWEuNDU0LjQ1NCAwIDAgMCAuMTg5LjE4OWMuMDgxLjA0My4xNjIuMDY2LjM4NS4wNjZoMi43MThjLjIyMyAwIC4zMDQtLjAyMy4zODUtLjA2NmEuNDU0LjQ1NCAwIDAgMCAuMTktLjE5LjU5LjU5IDAgMCAwIC4wNjQtLjI4NGwuMDAyLTIuNDZoMi4yODdhLjI1LjI1IDAgMCAwIC4xNTYtLjA1NGwuMDQtLjA0YS4yNS4yNSAwIDAgMCAuMDA3LS4zMDJsLS4wNDctLjA0OS00LjEzLTMuMzA1YS41LjUgMCAwIDAtLjQ1NC0uMDlsLS4wODkuMDM3WiIvPjwvc3ZnPg==');
  background-repeat: no-repeat;
  background-position: 10px 8px;
}

.ui_button.icon.icon_plus {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTIgMWM2LjA3NSAwIDExIDQuOTI1IDExIDExcy00LjkyNSAxMS0xMSAxMVMxIDE4LjA3NSAxIDEyIDUuOTI1IDEgMTIgMVptMCAyYTkgOSAwIDEgMCAwIDE4IDkgOSAwIDAgMCAwLTE4Wm0wIDNhMS41IDEuNSAwIDAgMSAxLjUgMS41djNoM2ExLjUgMS41IDAgMCAxIDAgM2gtM3YzYTEuNSAxLjUgMCAwIDEtMyAwdi0zaC0zYTEuNSAxLjUgMCAwIDEgMC0zaDN2LTNBMS41IDEuNSAwIDAgMSAxMiA2WiIvPjwvc3ZnPg==');
  background-repeat: no-repeat;
  background-position: 10px 8px;
}

.ui_button.icon.icon_edit {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJtMTIuMDM0IDYtMiAySDVhMSAxIDAgMCAwLS45OTMuODgzTDQgOXYxMGExIDEgMCAwIDAgLjg4My45OTNMNSAyMGgxMGExIDEgMCAwIDAgLjk5My0uODgzTDE2IDE5di01LjY1NGwyLTJWMTlhMyAzIDAgMCAxLTMgM0g1YTMgMyAwIDAgMS0zLTNWOWEzIDMgMCAwIDEgMy0zaDcuMDM0Wm00LjM2OS0yLjI0NyAzLjUzNSAzLjUzNS03LjA3IDcuMDcxLTQuMzU1IDEuNDUyYS41LjUgMCAwIDEtLjYzMy0uNjMzbDEuNDUyLTQuMzU0IDcuMDctNy4wNzFabTMuNTM1LTIuMTIyIDIuMTIyIDIuMTIyYTEgMSAwIDAgMSAwIDEuNDE0TDIwLjY0NSA2LjU4IDE3LjExIDMuMDQ2bDEuNDE0LTEuNDE1YTEgMSAwIDAgMSAxLjQxNCAwWiIvPjwvc3ZnPg==');
  background-repeat: no-repeat;
  background-position: 10px 8px;
}

.ui_button.icon.icon_delete {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNmZmYiIGQ9Ik02IDljLjU2OCAwIDEuMDQzLjQzIDEuMS45OTVsLjgxIDguMTA1YTEgMSAwIDAgMCAuOTk1LjloNi4xOWExIDEgMCAwIDAgLjk5NS0uOWwuODEtOC4xMDVBMS4xMDUgMS4xMDUgMCAwIDEgMTggOWEuOTIuOTIgMCAwIDEgLjkyLjkybC0uMDAzLjA3Ny0uNzY0IDkuMTdBMiAyIDAgMCAxIDE2LjE2IDIxSDcuODRhMiAyIDAgMCAxLTEuOTkzLTEuODM0bC0uNzY0LTkuMTdBLjkyLjkyIDAgMCAxIDYgOVptMyAxYy4yODEgMCAuNTE0LjIxOS41MzEuNDk5bC40MzggNy4wMDJhLjQ3LjQ3IDAgMCAxLS40NC40OThMOS41IDE4YS41MzIuNTMyIDAgMCAxLS41MzEtLjQ5OWwtLjQzOC03LjAwMmEuNDcuNDcgMCAwIDEgLjQ0LS40OThMOSAxMFptNi4wMyAwYS40Ny40NyAwIDAgMSAuNDM3LjQxNGwuMDAyLjA4NS0uNDM4IDcuMDAyQS41MzIuNTMyIDAgMCAxIDE0LjUgMThoLS4wM2EuNDcuNDcgMCAwIDEtLjQzNy0uNDE0bC0uMDAyLS4wODUuNDM4LTcuMDAyYS41MzIuNTMyIDAgMCAxIC40NC0uNDkxTDE1IDEwaC4wM1pNMTIgMTBhLjUuNSAwIDAgMSAuNS41djdhLjUuNSAwIDEgMS0xIDB2LTdhLjUuNSAwIDAgMSAuNS0uNVptMC03YTEgMSAwIDAgMSAxIDF2Mmg2YTEgMSAwIDAgMSAwIDJINWExIDEgMCAxIDEgMC0yaDZWNGExIDEgMCAwIDEgMS0xWiIvPjwvc3ZnPg==');
  background-repeat: no-repeat;
  background-position: 10px 8px;
}

.ui_button.icon.icon_save {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTAgOGExIDEgMCAwIDEgMSAxdjFoOGExIDEgMCAwIDEgMSAxdjIuNWgxLjU4N2ExIDEgMCAwIDEgLjk0MyAxLjMzM2wtMi4yOTUgNi41YTEgMSAwIDAgMS0uOTQzLjY2N0gzLjVhMSAxIDAgMCAxLTEtMVY5YTEgMSAwIDAgMSAxLTFIMTBabS0xLjUgMkg1YS41LjUgMCAwIDAtLjUuNXY1LjgzMmwuNzY1LTIuMTY1YTEgMSAwIDAgMSAuOTQzLS42NjdIMTh2LTFhLjUuNSAwIDAgMC0uNS0uNWgtOGEuNS41IDAgMCAxLS41LS41di0xYS41LjUgMCAwIDAtLjUtLjVabTIuMDQtOC40OThMMTMuMzYgMS41Yy4yMjMgMCAuMzA0LjAyMy4zODUuMDY3YS40NTQuNDU0IDAgMCAxIC4xOS4xODljLjA0My4wODEuMDY2LjE2Mi4wNjYuMzg1VjQuNWgzLjE3NGEuMjUuMjUgMCAwIDEgLjE2OC4wNjVsLjA0LjA0NmEuMjUuMjUgMCAwIDEtLjAxOS4zMDNsLS4wNS4wNDQtNC43NTggMy4xNzJhMSAxIDAgMCAxLS45OTQuMDY3bC0uMTE2LS4wNjctNC43NTgtMy4xNzJhLjI1LjI1IDAgMCAxIC4wODEtLjQ1MWwuMDU4LS4wMDdIMTBWMi4xNDFjMC0uMjIzLjAyMy0uMzA0LjA2Ny0uMzg1YS40NTQuNDU0IDAgMCAxIC4xODktLjE5LjU5LjU5IDAgMCAxIC4yODUtLjA2NFoiLz48L3N2Zz4=');
  background-repeat: no-repeat;
  background-position: 10px 8px;
}

.ui_button.icon.icon_password {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJtMTUuMDMyIDgtLjUzNiAySDUuNjZsLS4zMTUuMDA2LS4yNDguMDEyYy0uMjIuMDE1LS4zNTcuMDQtLjQ2Ny4wNzlsLS4xMDMuMDQzLS4wNS4wMjRhLjcyNy43MjcgMCAwIDAtLjMxMy4zMTRsLS4wMjQuMDQ5LS4wNDMuMTAzYTEuNTQ0IDEuNTQ0IDAgMCAwLS4wNy4zNjRsLS4wMTYuMjItLjAwOC4yOC0uMDAzLjM1MnY0LjQ5NGwuMDA2LjMxNS4wMTIuMjQ4Yy4wMTUuMjIuMDQuMzU3LjA3OS40NjdsLjA0My4xMDMuMDI0LjA1Yy4wNzUuMTQuMTc0LjIzOC4zMTQuMzEzbC4wNDkuMDI0LjEwMy4wNDNjLjA5Mi4wMzIuMjAzLjA1NS4zNjQuMDdsLjIyLjAxNi4yOC4wMDguMzUyLjAwM0gxOC4zNGwuMzE1LS4wMDYuMjQ4LS4wMTJjLjIyLS4wMTUuMzU3LS4wNC40NjctLjA3OWwuMTAzLS4wNDMuMDUtLjAyNGEuNzI3LjcyNyAwIDAgMCAuMzEzLS4zMTRsLjAyNC0uMDQ5LjA0My0uMTAzYy4wMzItLjA5Mi4wNTUtLjIwMy4wNy0uMzY0bC4wMTYtLjIyLjAwOC0uMjguMDAzLS4zNTItLjAwMS0yLjU0NSAxLjIzNS00LjYwM2MuMTQuMTYuMjYyLjMzNi4zNjUuNTI5bC4wOTMuMTg1Yy4yMDEuNDM4LjMwOC45NTYuMzA4IDIuMTI2djQuMzA4YzAgMS4xNy0uMTA3IDEuNjg4LS4zMDggMi4xMjZsLS4wOTMuMTg1YTIuNzI2IDIuNzI2IDAgMCAxLTEuMTM0IDEuMTM0bC0uMTg1LjA5M2MtLjQzOC4yMDEtLjk1Ni4zMDgtMi4xMjYuMzA4SDUuODQ2Yy0xLjE3IDAtMS42ODgtLjEwNy0yLjEyNi0uMzA4bC0uMTg1LS4wOTNBMi43MjYgMi43MjYgMCAwIDEgMi40IDE4LjQ2NWwtLjA5My0uMTg1Yy0uMTg3LS40MDctLjI5Mi0uODgyLS4zMDYtMS44ODVMMiAxMS44NDVjMC0xLjE3LjEwNy0xLjY4Ny4zMDgtMi4xMjVsLjA5My0uMTg1QTIuNzI2IDIuNzI2IDAgMCAxIDMuNTM1IDguNGwuMTg1LS4wOTNjLjQwNy0uMTg3Ljg4Mi0uMjkyIDEuODg1LS4zMDZsOS40MjctLjAwM1pNMTIgMTJhMiAyIDAgMSAxIDAgNCAyIDIgMCAwIDEgMC00Wm0tNSAwYTIgMiAwIDEgMSAwIDQgMiAyIDAgMCAxIDAtNFptMTAuMDkxLTcuMzM2IDMuODY0IDEuMDM1LTEuOTcxIDcuMzU2LTIuMzk2IDIuNTk2YS40MS40MSAwIDAgMS0uNjktLjE4NmwtLjc3OC0zLjQ0NSAxLjk3MS03LjM1NlptMS41NjItMi43MzYgMi4zMTguNjIxYy40MjcuMTE0LjY4NC41MzcuNTc1Ljk0M2wtLjM5NCAxLjQ3MS0zLjg2My0xLjAzNS4zOTQtMS40NzFjLjEwOS0uNDA3LjU0My0uNjQzLjk3LS41M1oiLz48L3N2Zz4=');
  background-repeat: no-repeat;
  background-position: 10px 8px;
}

.ui_button.icon.icon_medicine {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNmZmYiIGQ9Ik0xOS4wNzEgMTJBNSA1IDAgMSAxIDEyIDE5LjA3MUw0LjkyOSAxMkE1IDUgMCAxIDEgMTIgNC45MjlMMTkuMDcxIDEyWm0tMS40MTQgMS40MTQtMi44MjktMi44MjgtNC4yNDIgNC4yNDIgMi44MjggMi44MjlhMyAzIDAgMCAwIDQuMzY0LTQuMTE1bC0uMTIxLS4xMjhabS00Ljk1LTUuNjU3TDEwLjk0IDUuOTlsLS4xNC0uMTM1Yy0xLjA1Ny0uOTYtMi41OTctMS4zNTQtMy45NzItLjY2NmEuNS41IDAgMCAwIC40NDcuODk0Yy45NDgtLjQ3NCAyLjA0OC0uMiAyLjgyNS40ODhsLjEzMy4xMjZMMTIgOC40NjRsLjA3LjA1OGEuNS41IDAgMCAwIC42OTUtLjY5NWwtLjA1OC0uMDdaIi8+PC9zdmc+');
  background-repeat: no-repeat;
  background-position: 10px 8px;
}

.ui_button.icon.icon_medicine_category {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTcgMTNhNCA0IDAgMSAxIDAgOEg3YTQgNCAwIDEgMSAwLThoMTBabTAgMmgtNHY0aDRhMiAyIDAgMCAwIC4xNS0zLjk5NUwxNyAxNVptLTcuOTUtMS4yNzhoLTEuNWwtLjE5NS4wMDRjLTEuNDI2LjA2OC0yLjc5My44NzktMy4yOCAyLjMzOGEuNS41IDAgMCAwIC45NS4zMTZjLjMzNS0xLjAwNiAxLjMwNi0xLjU5IDIuMzQyLTEuNjUzbC4xODMtLjAwNWgxLjVsLjA5LS4wMDhhLjUuNSAwIDAgMCAwLS45ODRsLS4wOS0uMDA4Wk0xNyAzYTQgNCAwIDEgMSAwIDggNCA0IDAgMCAxIDAtOFpNNyAzYTQgNCAwIDEgMSAwIDggNCA0IDAgMCAxIDAtOFptMCAxYTMgMyAwIDEgMCAwIDYgMyAzIDAgMCAwIDAtNlptLjY0NiAxLjY0Ni43MDguNzA4LTIgMi0uNzA4LS43MDggMi0yWiIvPjwvc3ZnPg==');
  background-repeat: no-repeat;
  background-position: 10px 8px;
}

.ui_button.icon.icon_master_import {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNmZmYiIGQ9Ik02LjA2MSAxNy43MTNjLjc4OS41NDQgMS45Ny45MDMgMy4zOTggMS4xMWwuNTE4LjA2N2MuNjYuMDczIDEuMzM0LjExIDIuMDIzLjExLjY4OSAwIDEuMzY0LS4wMzcgMi4wMDctLjEwOGwuNTE3LS4wNjZjMS40MzktLjIxIDIuNjMtLjU3IDMuNDItMS4wOTkuMDI1LjA1OC4wNDEuMTE4LjA1LjE3OUwxOCAxOHYxYzAgLjgyLTEuNDgyIDEuNTI2LTMuNjAzIDEuODM0bC0uNS4wNjRBMTcuMjcgMTcuMjcgMCAwIDEgMTIgMjFjLS42NjMgMC0xLjMtLjAzNi0xLjg5Ni0uMTAybC0uNS0uMDY0Yy0yLjA0LS4yOTYtMy40ODktLjk2LTMuNTk3LTEuNzRMNiAxOXYtMWwuMDA3LS4wOTRhLjc0NS43NDUgMCAwIDEgLjA1NC0uMTkzWm0wLTIuOTk5Yy43MjguNSAxLjc5Ljg0NiAzLjA3MyAxLjA1OWwuMzI1LjA1LjUxOC4wNjcuNDk3LjA0OGExOC41NjMgMTguNTYzIDAgMCAwIDMuMDQ1IDBsLjQ4OC0uMDQ2LjUxNy0uMDY2LjI2My0uMDRjMS4zMjEtLjIxNCAyLjQxNS0uNTYyIDMuMTU3LTEuMDU5LjAyNS4wNTguMDQxLjExOC4wNS4xNzlMMTggMTV2MWMwIC40NS0uNDQ1Ljg2NS0xLjE5NyAxLjE5OWwtLjI5Mi4xMi0uMjczLjA5Ny0uMjQ0LjA3Ni0uMTE4LjAzNS0uMjY4LjA3MS0uMzU4LjA4My0uNTEyLjA5OS0uMzQxLjA1NC0uNS4wNjRjLS40NDguMDUtLjkxOC4wODItMS40MDUuMDk1TDEyIDE4Yy0uNjYzIDAtMS4zLS4wMzYtMS44OTYtLjEwMmwtLjUtLjA2NC0uNDg2LS4wOC0uMjc1LS4wNTMtLjE3Ny0uMDM4LS4yNjEtLjA2Mi0uMzE0LS4wODQtLjM2My0uMTEzLS4xMy0uMDQ1LS4yMDgtLjA3OS0uMjItLjA5My0uMTc3LS4wODUtLjIwNy0uMTEyYy0uNDU2LS4yNjYtLjczNC0uNTctLjc4LS44OTZMNiAxNnYtMWwuMDA3LS4wOTQuMDItLjA5Ni4wMzQtLjA5NlpNMTIgMTBjLjY2MyAwIDEuMy4wMzYgMS44OTYuMTAybC41LjA2NGMyLjA0LjI5NiAzLjQ4OS45NiAzLjU5NyAxLjc0TDE4IDEydjFjMCAuNDUtLjQ0NS44NjUtMS4xOTcgMS4xOTlsLS4yOTkuMTIyLS4yNjYuMDk1LS4yNDQuMDc2LS4xMTguMDM1LS4yNjguMDcxLS4zNTguMDgzLS40MjUuMDg0LS40MjguMDY5LS41LjA2NGMtLjQ0OC4wNS0uOTE4LjA4Mi0xLjQwNS4wOTVMMTIgMTVjLS40OTcgMC0uOTgtLjAyLTEuNDQyLS4wNThsLS40NTQtLjA0NC0uNS0uMDY0LS4yNTktLjA0LS4zNDgtLjA2MmMtLjE3NS0uMDM0LS4zNDUtLjA3LS41MDgtLjExbC0uMzQyLS4wODktLjMxLS4wOTMtLjIyNy0uMDc2LS4yMDQtLjA3Ny0uMjQyLS4xMDMtLjE3NS0uMDg0LS4yMDMtLjExYy0uNDU2LS4yNjYtLjczNC0uNTctLjc4LS44OTZMNiAxM3YtMWwuMDA3LS4wOTRDNi4xNTQgMTAuODQ1IDguNzggMTAgMTIgMTBabS0xLjQ2LTYuOTk4TDEzLjM2IDNjLjIyMyAwIC4zMDQuMDIzLjM4NS4wNjdhLjQ1NC40NTQgMCAwIDEgLjE5LjE4OWMuMDQzLjA4MS4wNjYuMTYyLjA2Ni4zODVWNmgzLjE3NGEuMjUuMjUgMCAwIDEgLjE2OC4wNjVsLjA0LjA0NmEuMjUuMjUgMCAwIDEtLjAxOS4zMDNsLS4wNS4wNDQtNC43NTggMy4xNzJhMSAxIDAgMCAxLS45OTQuMDY3bC0uMTE2LS4wNjctNC43NTgtMy4xNzJhLjI1LjI1IDAgMCAxIC4wODEtLjQ1MUw2LjgyNiA2SDEwVjMuNjQxYzAtLjIyMy4wMjMtLjMwNC4wNjctLjM4NWEuNDU0LjQ1NCAwIDAgMSAuMTg5LS4xOS41OS41OSAwIDAgMSAuMjg1LS4wNjRaIi8+PC9zdmc+');
  background-repeat: no-repeat;
  background-position: 10px 8px;
}

.ui_button.icon.icon_search {
  background-image: url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJtMTEuNSAzYTguNSA4LjUgMCAwIDEgNi45NzggMTMuMzU2bDIuNTgzIDIuNTgzYTEuNSAxLjUgMCAwIDEgLTIuMDA4IDIuMjI1bC0uMTE0LS4xMDMtMi41ODMtMi41ODNhOC41IDguNSAwIDEgMSAtNC44NTYtMTUuNDc4em0wIDNhNS41IDUuNSAwIDEgMCAwIDExIDUuNSA1LjUgMCAwIDAgMC0xMXoiLz48L3N2Zz4=');
  background-repeat: no-repeat;
  background-position: 10px 8px;
}

.ui_button.icon_back {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNNS40OTQsOS42MzFsMy41NTIsMy41OTNhMS42MzYsMS42MzYsMCwwLDEsLjAxMSwyLjI5NCwxLjYsMS42LDAsMCwxLTIuMjgxLjAwOEwuNDcsOS4xNDdhMS42MzQsMS42MzQsMCwwLDEsMC0yLjI5Mkw2Ljc2Ni40ODRBMS42LDEuNiwwLDAsMSw5LjA0NS40NzJsLjExMS4xMjNhMS42MzcsMS42MzcsMCwwLDEtLjEsMi4xNzRMNS40OCw2LjM4NEgxOC4zOTJhMS42MjQsMS42MjQsMCwwLDEsMCwzLjI0N1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIgNCkiIGZpbGw9IiNmZmYiLz48L3N2Zz4=');
  background-repeat: no-repeat;
  background-position: center;
  background-position: 10px 8px;
}

.ui_button.icon_plus_black {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjMDAwIiBkPSJNMTIgMWM2LjA3NSAwIDExIDQuOTI1IDExIDExcy00LjkyNSAxMS0xMSAxMVMxIDE4LjA3NSAxIDEyIDUuOTI1IDEgMTIgMVptMCAyYTkgOSAwIDEgMCAwIDE4IDkgOSAwIDAgMCAwLTE4Wm0wIDNhMS41IDEuNSAwIDAgMSAxLjUgMS41djNoM2ExLjUgMS41IDAgMCAxIDAgM2gtM3YzYTEuNSAxLjUgMCAwIDEtMyAwdi0zaC0zYTEuNSAxLjUgMCAwIDEgMC0zaDN2LTNBMS41IDEuNSAwIDAgMSAxMiA2WiIvPjwvc3ZnPg==');
  background-repeat: no-repeat;
  background-position: center;
}

.ui_button.icon_minus_black {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAOlJREFUeNqsU8ENgzAMDBEDdARGgA3459NMQBmJCYAJ6Ic/G8AIjMAIvVROdIpEitpaOkVxbOdydjIVmTHmgaUB6uhoAcZ5ngd2ZpRYYJmAUqVtAywK7aGAJK/AjW8DdtkXEasDqFyRXBwTJbcxTbFBntdLrMupMnKmkmONQrwWam/an5KdScwi20bTu0Z13XxsnZNzF4rubfeTxCcYWBJXaTo81BfGDErpcQt0iRnwbQ0FFtHBiTmA4kEinVkQXrMg0iJ1oY1BeD+JK43w6SxEM7AhrvIaWBrlHoHNhVG2//tMv3znlwADAPGNX4X4eRAEAAAAAElFTkSuQmCC');
  background-repeat: no-repeat;
  background-position: center;
}

.ui_button.icon_up_down_black {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAACXAAAAlwHUBiyCAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAEJQTFRF////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhihLswAAABV0Uk5TAAIFEhomMDE+T15fhJWguN/x9v3+eHkSiwAAAHVJREFUKFN1kkcSwCAMxICQXkjT/7+aS4aSsDpqZ2ywbUzEbZszNVZYa34GmP++PwHO/uubHQD2pvQ28BJsESxEltyPdwruMXl/kHH4GEwUTDEYrtxfQ6rVdhlt8jKQpWRz+Vz5QT0SPUQ5dr0ovVp9DJ/zeQAsdBE19Y1JEgAAAABJRU5ErkJggg==');
  background-repeat: no-repeat;
  background-position: center;
}

.ui_button:focus {
  outline-color: rgba(0, 145, 255, 0.8);
  outline-style: auto;
  outline-width: 5px;
  z-index: 1;
}

.ui_button.small {
  padding: 6px 12px;
}

.ui_button.small.icon {
  padding-left: 28px;
  background-position: 8px 50%;
  background-size: 18px 18px;
}

.ui_button:not(:disabled, .disabled):hover {
  opacity: 0.8;
}

.ui_button+.ui_button {
  margin-left: 6px;
}

.ui_button.done {
  background-color: #0e4fa6;
  color: #fff;
}

.ui_button.cancel, .ui_button.close {
  background-color: #888;
  color: #fff;
}

.ui_button.info {
  background-color: #080;
  color: #fff;
}

.ui_button.warn {
  background-color: #c42;
  color: #fff;
}

.ui_button.danger {
  background-color: #f20;
  color: #fff;
}

.ui_button:disabled, .ui_button.disabled {
  background-color: #eee;
  color: #888;
  cursor: not-allowed;
  box-shadow: none;
}

.ui_switch, .ui_checkbox, .ui_radio {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  background: #fff;
}

.ui_switch:focus, .ui_checkbox:focus, .ui_radio:focus {
  outline-color: rgba(0, 145, 255, 0.8);
  outline-style: auto;
  outline-width: 5px;
}

.ui_switch+label, .ui_checkbox+label, .ui_radio+label {
  cursor: pointer;
}

.ui_switch:disabled+label, .ui_checkbox:disabled+label, .ui_radio:disabled+label {
  cursor: not-allowed;
}

.ui_checkbox, .ui_radio {
  overflow: hidden;
  width: 21px;
  height: 21px;
  margin: 2px 1px 3px;
  cursor: pointer;
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(14, 16, 20, 0.16), inset 0 1px 2px 1px rgba(0, 0, 0, 0.16), inset 0 0 4px 1px rgba(0, 0, 0, 0.04);
}

.ui_checkbox:checked, .ui_radio:checked {
  border-color: transparent;
  background: #0e4fa6;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0));
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.16), inset 0 0 0 2px rgba(255, 255, 255, 0.04);
}

.ui_checkbox:disabled, .ui_radio:disabled {
  background: #eee;
  box-shadow: inset 0 0 0 1px rgba(14, 16, 20, 0.2);
  cursor: not-allowed;
}

.ui_checkbox:disabled:checked, .ui_radio:disabled:checked {
  background: #0e4fa6;
}

.ui_switch {
  overflow: hidden;
  width: 36px;
  height: 20px;
  margin: 1px;
  cursor: pointer;
  border-radius: 999px;
  background: #eee;
  box-shadow: inset 0 0 0 1px rgba(14, 16, 20, 0.16), inset 0 0 1px 1px rgba(0, 0, 0, 0.02);
  transition: all 0.2s ease;
}

.ui_switch:checked {
  background: #0e4fa6;
}

.ui_switch:checked::before {
  transform: translateX(15px);
}

.ui_switch:disabled {
  cursor: not-allowed;
  background: #eee;
}

.ui_switch:disabled:checked {
  background: #888;
}

.ui_switch::before {
  position: absolute;
  display: block;
  top: 2px;
  left: 2px;
  height: calc(100% - 4px);
  padding-left: calc(50% - 2px);
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.32), 0 0 2px 0 rgba(0, 0, 0, 0.16), 0 0 4px 0 rgba(0, 0, 0, 0.08);
  transition: all 0.2s ease;
  content: "";
}

.ui_checkbox {
  border-radius: 0.24em;
}

.ui_checkbox:checked::before {
  position: absolute;
  display: block;
  top: -3px;
  left: 0;
  right: 0;
  bottom: 0;
  background: no-repeat center 0.16em;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0id2hpdGUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEwLjk3IDQuOTdhLjc1Ljc1IDAgMCAxIDEuMDcgMS4wNWwtMy45OSA0Ljk5YS43NS43NSAwIDAgMS0xLjA4LjAyTDQuMzI0IDguMzg0YS43NS43NSAwIDEgMSAxLjA2LTEuMDZsMi4wOTQgMi4wOTMgMy40NzMtNC40MjVhLjI2Ny4yNjcgMCAwIDEgLjAyLS4wMjJ6Ii8+PC9zdmc+');
  background-size: 23px;
  content: "";
}

.ui_radio {
  border-radius: 50%;
}

.ui_radio:checked::before {
  position: absolute;
  display: block;
  top: calc(50% - 5.5px);
  left: calc(50% - 5.5px);
  width: 11px;
  height: 11px;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.24);
  content: "";
}

.ui_select {
  -webkit-user-select: none;
  user-select: none;
  appearance: none;
  -webkit-appearance: none;
  padding: 11.5px;
  padding-right: 32px;
  border: 0;
  border-radius: 4px;
  background: #fff no-repeat calc(100% - 8px) center;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCA4IDYiPjxwYXRoIGZpbGw9IiM5YTllYTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNDEgNS43OUw3LjkxNi43MzVBLjQ2MS40NjEgMCAwIDAgNy43OC4wNzkuNTA2LjUwNiAwIDAgMCA3LjUwOCAwSC40OTJBLjQ4My40ODMgMCAwIDAgMCAuNDczYS40Ni40NiAwIDAgMCAuMDgzLjI2MkwzLjU5IDUuNzlhLjUwNC41MDQgMCAwIDAgLjgxOCAweiIvPjwvc3ZnPg==');
  background-size: auto 24%;
  color: #444;
  outline: none;
  box-shadow: inset 0 0 0 1px #d1d4da;
  font-size: 14px;
  cursor: pointer;
}

.ui_select:focus {
  border-color: rgba(0, 145, 255, 0.8);
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5), inset 0 0 0 2px rgba(0, 145, 255, 0.8);
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCA4IDYiPjxwYXRoIGZpbGw9IiMwMDkxZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNDEgNS43OUw3LjkxNi43MzVBLjQ2MS40NjEgMCAwIDAgNy43OC4wNzkuNTA2LjUwNiAwIDAgMCA3LjUwOCAwSC40OTJBLjQ4My40ODMgMCAwIDAgMCAuNDczYS40Ni40NiAwIDAgMCAuMDgzLjI2MkwzLjU5IDUuNzlhLjUwNC41MDQgMCAwIDAgLjgxOCAweiIvPjwvc3ZnPg==');
}

.ui_select:disabled {
  color: #888;
  background-color: #eee;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCA4IDYiPjxwYXRoIGZpbGw9IiNkMWQ0ZGEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNDEgNS43OUw3LjkxNi43MzVBLjQ2MS40NjEgMCAwIDAgNy43OC4wNzkuNTA2LjUwNiAwIDAgMCA3LjUwOCAwSC40OTJBLjQ4My40ODMgMCAwIDAgMCAuNDczYS40Ni40NiAwIDAgMCAuMDgzLjI2MkwzLjU5IDUuNzlhLjUwNC41MDQgMCAwIDAgLjgxOCAweiIvPjwvc3ZnPg==');
  box-shadow: none;
  cursor: not-allowed;
}

.ui_list tr.clickable {
  cursor: pointer;
}

.ui_list tr.clickable:hover {
  background-color: #e1e1e1;
  color: #888;
}

.ui_list tr.clickable>td {
  background-color: transparent;
}

.ui_list tr.nodata>th, .ui_list tr.nodata>td {
  padding: 40px;
  text-align: center;
}

.ui_list tr.border>th, .ui_list tr.border>td {
  border-width: 1px;
}

.ui_list tr.border_vertical>th, .ui_list tr.border_vertical>td {
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.ui_list tr.border_horizon>th, .ui_list tr.border_horizon>td {
  border-right-width: 1px;
  border-left-width: 1px;
}

.ui_list tr.border_top>th, .ui_list tr.border_top>td {
  border-top-width: 1px;
}

.ui_list tr.border_right>th, .ui_list tr.border_right>td {
  border-right-width: 1px;
}

.ui_list tr.border_bottom>th, .ui_list tr.border_bottom>td {
  border-bottom-width: 1px;
}

.ui_list tr.border_left>th, .ui_list tr.border_left>td {
  border-left-width: 1px;
}

.ui_list tr.border_not_top>th, .ui_list tr.border_not_top>td {
  border-width: 1px;
  border-top-width: 0px;
}

.ui_list tr.border_not_right>th, .ui_list tr.border_not_right>td {
  border-width: 1px;
  border-right-width: 0px;
}

.ui_list tr.border_not_bottom>th, .ui_list tr.border_not_bottom>td {
  border-width: 1px;
  border-bottom-width: 0px;
}

.ui_list tr.border_not_left>th, .ui_list tr.border_not_left>td {
  border-width: 1px;
  border-left-width: 0px;
}

.ui_list tr.nowrap>th, .ui_list tr.nowrap>td {
  white-space: nowrap;
}

.ui_list tr.min>th, .ui_list tr.min>td {
  width: 1%;
  white-space: nowrap;
}

.ui_list tr th {
  padding: 6px 10px;
  background-color: #024;
  color: #fff;
  border-style: solid;
  border-color: #024;
  font-weight: normal;
  text-align: left;
}

.ui_list tr td {
  padding: 10px;
  background-color: #fff;
  color: #444;
  border-style: solid;
  border-color: #ccc;
  font-weight: normal;
}

.ui_list tr th, .ui_list tr td {
  vertical-align: middle;
}

.ui_list tr th.sortable, .ui_list tr td.sortable {
  background-repeat: no-repeat;
  background-position: calc(100% - 24px) center;
  padding-right: 64px !important;
  cursor: pointer;
}

.ui_list tr th.sortable:hover, .ui_list tr td.sortable:hover {
  opacity: 0.8;
}

.ui_list tr th.sortable.asc, .ui_list tr td.sortable.asc {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0id2hpdGUiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNNy40MSAxNS40MUwxMiAxMC44M2w0LjU5IDQuNThMMTggMTRsLTYtNi02IDZ6Ii8+PC9zdmc+');
}

.ui_list tr th.sortable.desc, .ui_list tr td.sortable.desc {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0id2hpdGUiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMFYweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik03LjQxIDguNTlMMTIgMTMuMTdsNC41OS00LjU4TDE4IDEwbC02IDYtNi02IDEuNDEtMS40MXoiLz48L3N2Zz4=');
}

.ui_list tr th.clickable, .ui_list tr td.clickable {
  cursor: pointer;
}

.ui_list tr th.clickable:hover, .ui_list tr td.clickable:hover {
  background-color: #fcfcfc;
  color: #888;
}

.ui_list tr th.nodata, .ui_list tr td.nodata {
  padding: 40px;
  text-align: center;
}

.ui_list tr th.border, .ui_list tr td.border {
  border-width: 1px;
}

.ui_list tr th.border_all, .ui_list tr td.border_all {
  border-width: 1px;
}

.ui_list tr th.border_horizon, .ui_list tr td.border_horizon {
  border-right-width: 1px;
  border-left-width: 1px;
}

.ui_list tr th.border_vertical, .ui_list tr td.border_vertical {
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.ui_list tr th.border_top, .ui_list tr td.border_top {
  border-top-width: 1px;
}

.ui_list tr th.border_right, .ui_list tr td.border_right {
  border-right-width: 1px;
}

.ui_list tr th.border_bottom, .ui_list tr td.border_bottom {
  border-bottom-width: 1px;
}

.ui_list tr th.border_left, .ui_list tr td.border_left {
  border-left-width: 1px;
}

.ui_list tr th.border_not_top, .ui_list tr td.border_not_top {
  border-width: 1px;
  border-top-width: 0;
}

.ui_list tr th.border_not_right, .ui_list tr td.border_not_right {
  border-width: 1px;
  border-right-width: 0;
}

.ui_list tr th.border_not_bottom, .ui_list tr td.border_not_bottom {
  border-width: 1px;
  border-bottom-width: 0;
}

.ui_list tr th.border_not_left, .ui_list tr td.border_not_left {
  border-width: 1px;
  border-left-width: 0;
}

.ui_list tr th.nowrap, .ui_list tr td.nowrap {
  white-space: nowrap;
}

.ui_list tr th.min, .ui_list tr td.min {
  width: 1%;
  white-space: nowrap;
}

.ui_props {
  width: 100%;
}

.ui_props.inner>.group:first-child>.title {
  border-top-width: 0;
}

.ui_props.inner>.group:last-child>.prop:last-child {
  border-bottom-width: 0;
}

.ui_props.inner>.prop:first-child {
  border-top-width: 0;
}

.ui_props.inner>.prop:last-child {
  border-bottom-width: 0;
}

.ui_props .group>.title {
  background-color: #f2f2f2;
  color: #444;
  border: solid #ccc;
  border-width: 1px 0 0 0;
  padding: 6px 10px;
}

.ui_props .group>.title.dark {
  background-color: #024;
  color: #fff;
}

.ui_props .group>.title.light {
  background-color: #f2f2f2;
  color: #444;
}

.ui_props .prop {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  background: #fff;
  color: #444;
  border: solid #ccc;
  border-width: 1px 0 0 0;
}

.ui_props .prop:last-child {
  border-width: 1px 0 1px 0;
}

.ui_props .prop.border_none {
  border-width: 0;
}

.ui_props .prop.border_top {
  border-top-width: 1px;
}

.ui_props .prop.border_right {
  border-right-width: 1px;
}

.ui_props .prop.border_bottom {
  border-bottom-width: 1px;
}

.ui_props .prop.border_left {
  border-left-width: 1px;
}

.ui_props .prop.border_not_top {
  border-width: 1px;
  border-top-width: 0px;
}

.ui_props .prop.border_not_right {
  border-width: 1px;
  border-right-width: 0px;
}

.ui_props .prop.border_not_bottom {
  border-width: 1px;
  border-bottom-width: 0px;
}

.ui_props .prop.border_not_left {
  border-width: 1px;
  border-left-width: 0px;
}

.ui_props .prop>div {
  padding: 10px;
}

.ui_props .prop>div.dark {
  background-color: #024;
  color: #fff;
}

.ui_props .prop>div.light {
  background-color: #f2f2f2;
  color: #444;
}

.ui_props .prop>div:first-child {
  width: 200px;
  padding: 10px;
  white-space: nowrap;
}

.ui_props .prop>div.fill {
  flex-grow: 1;
}

.ui_props .prop.clickable {
  cursor: pointer;
}

.ui_props .prop.clickable:hover {
  background: #fcfcfc;
  color: #888;
}

.ui_props .group:not( :last-child) .prop:last-child {
  border-bottom-width: 0;
}

.ui_tab {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  width: 100%;
  padding: 10px 20px 0 20px;
  white-space: nowrap;
}

.ui_tab>div {
  cursor: pointer;
  padding: 10px 20px;
  border: solid #ccc;
  border-width: 1px 1px 0 1px;
  -webkit-user-select: none;
  user-select: none;
}

.ui_tab>div:hover {
  opacity: 0.8;
}

.ui_tab>div.selected {
  background-color: #fff;
  color: #444;
}

.ui_tab>div:not(.selected) {
  background-color: #f2f2f2;
  color: #444;
}

.ui_tab>div.spacer, .ui_tab>div.controls {
  border: none;
  background: transparent;
  cursor: auto;
  padding-left: 0;
  padding-right: 0;
}

.ui_tab>div.spacer:hover, .ui_tab>div.controls:hover {
  opacity: 1;
}

.ui_tab>div.spacer.spacer, .ui_tab>div.controls.spacer {
  flex-grow: 1;
}

.ui_tab>div+div {
  margin-left: 10px;
}

.ui_tab_body {
  border: solid 1px #ccc;
  padding: 10px;
  margin: 0 10px 10px 10px;
  background-color: #fff;
  color: #444;
}

.ui_tab_body.shadow {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
}

.ui_tab_body:not(.selected) {
  display: none;
}

.ui_dialog {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 1000;
}

.ui_dialog.show {
  display: block;
  animation-name: fadein;
  animation-duration: 200ms;
  animation-timing-function: ease-out;
}

.ui_dialog.full_horizon>div {
  width: calc(100% - 80px);
  left: 40px;
}

.ui_dialog.full_vertical>div {
  height: calc(100% - 80px);
  top: 40px;
}

.ui_dialog>div {
  position: absolute;
  box-shadow: 0 2px 100px 0 rgba(0, 0, 0, 0.24), 0 1px 16px 0 rgba(0, 0, 0, 0.72);
  border-radius: 10px;
  line-height: 140%;
  width: 500px;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
}

.ui_dialog>div .header {
  padding: 10px;
  letter-spacing: 2px;
  background-color: #024;
  color: #fff;
  border-radius: 10px 10px 0 0;
  font-size: 16px;
}

.ui_dialog>div .header.error {
  padding: 10px;
  letter-spacing: 2px;
  background: #024;
  background-image:  url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDIwIDE5Ij48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0tMi0yaDI0djI0SC0yeiIvPjxwYXRoIGZpbGw9IiNmN2I1MDAiIGQ9Ik03LjM1MiAxLjZhMi45OTIgMi45OTIgMCAwIDEgNS4yOTYgMGw2Ljk0NSAxMi42NWMxLjE2MyAyLjExNy0uMzA2IDQuNzUtMi42NDggNC43NUgzLjA1NUMuNzEzIDE5LS43NTUgMTYuMzY3LjQwNyAxNC4yNXpNMTAgMTRhMSAxIDAgMSAwIDAgMiAxIDEgMCAwIDAgMC0yem0wLThhMSAxIDAgMCAwLTEgMXY1YTEgMSAwIDEgMCAyIDBWN2ExIDEgMCAwIDAtMS0xeiIvPjwvZz48L3N2Zz4=');
  background-repeat : no-repeat;
  background-position : 10px 50%;
  padding-left: 40px;
  color: #b00;
  border-radius: 10px 10px 0 0;
  font-size: 16px;
  font-weight: 600;
}

.ui_dialog>div .body {
  background-color: #fff;
  color: #444;
  min-height: 120px;
  overflow: auto;
  font-size: 14px;
  flex-grow: 1;
}

.ui_dialog>div .footer {
  padding: 10px;
  background-color: #f2f2f2;
  color: #444;
  text-align: center;
  border-radius: 0 0 10px 10px;
}

.ui_dialog>div .footer .ui_button {
  width: 120px;
}

.ui_pager {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #444;
}

.ui_pager .links {
  display: flex;
  -webkit-user-select: none;
  user-select: none;
}

.ui_pager .links .disabled {
  pointer-events: none;
  opacity: 0.4;
}

.ui_pager .links>a {
  cursor: pointer;
  border-radius: 4px;
  width: 32px;
  height: 32px;
}

.ui_pager .links>a.prev {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDE1IDEyIj48cGF0aCBmaWxsPSIjNjE2NzczIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00LjEyIDcuMjIzbDIuNjY0IDIuNjk1Yy40NzIuNDczLjQ3NSAxLjI0Mi4wMDggMS43Mi0uNDcuNDgtMS4yMzUuNDgzLTEuNzEuMDA2TC4zNTEgNi44NkExLjIyNiAxLjIyNiAwIDAgMSAuMzUgNS4xNDJMNS4wNzUuMzYyQTEuMTk4IDEuMTk4IDAgMCAxIDYuNzgzLjM1NWwuMDgzLjA5MmMuMzg4LjQ3Ni4zNjQgMS4xOC0uMDc2IDEuNjNMNC4xMSA0Ljc4OGg5LjY4NGMuNjY3IDAgMS4yMDYuNTQ2IDEuMjA2IDEuMjE3IDAgLjY3Mi0uNTQgMS4yMTgtMS4yMDYgMS4yMTh6Ii8+PC9zdmc+');
}

.ui_pager .links>a.next {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDE1IDEyIj48cGF0aCBmaWxsPSIjNjE2NzczIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC44OCA3LjIyM0w4LjIxNiA5LjkxOGExLjIyNyAxLjIyNyAwIDAgMC0uMDA4IDEuNzJjLjQ3LjQ4IDEuMjM1LjQ4MyAxLjcxLjAwNmw0LjczLTQuNzg0Yy40NjktLjQ3NC40Ny0xLjI0My4wMDEtMS43MThMOS45MjUuMzYyQTEuMTk4IDEuMTk4IDAgMCAwIDguMjE3LjM1NWwtLjA4My4wOTJhMS4yMjggMS4yMjggMCAwIDAgLjA3NiAxLjYzbDIuNjggMi43MTJIMS4yMDZBMS4yMSAxLjIxIDAgMCAwIDAgNi4wMDVjMCAuNjcyLjU0IDEuMjE4IDEuMjA2IDEuMjE4eiIvPjwvc3ZnPg==');
}

.ui_pager .links .prev+.next {
  margin-left: 10px;
}

.ui_pager .links a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 1px solid #fff;
  background: #f2f2f2 no-repeat center;
  text-decoration: none;
  color: #444;
  overflow: hidden;
}

.ui_pager .links a:before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0;
  content: "";
}

.ui_pager .links a:hover::before {
  opacity: 0.08;
}

.ui_pager .links a:active :before {
  background: #fff;
  opacity: 0.32;
}

.ui_pager .links a.active {
  pointer-events: none;
  background-color: rgba(0, 145, 255, 0.8);
  color: #fff;
}

.ui_pager .links .pages {
  display: flex;
  margin: 0 10px;
}

.ui_pager .links .pages a:first-child {
  border-radius: 4px 0 0 4px;
}

.ui_pager .links .pages a:last-child {
  border-radius: 4px 0 0 4px;
}

.code {
  border-style: dotted !important;
  border-color: #4a4;
  color: #4a4;
}

.code.sample {
  color: #444;
}

@media screen and (max-width: 1000px)
{
  .btn_toggle
  {
    position: relative;
    top: 10px;
    transform: translateY(-50%);
    background: #444;
    display: block;
    width: 24px;
    height: 24px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 50%;
    margin-left: auto;
  }

  .btn_toggle::before,
  .btn_toggle::after
  {
    display: block;
    content: '';
    background-color: #FFF;
    position: absolute;
    width: 10px;
    height: 2px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .btn_toggle::before
  {
    width: 2px;
    height: 10px;
  }

  .disp .btn_toggle::before
  {
    content: normal;
  }
}