#uiex-modal-root {
  position: relative;
  z-index: 1000;
}

.uiex-scrollable::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  background-color: #ccc;
  left: -10px;
}
.uiex-scrollable::-webkit-scrollbar-thumb {
  background: #888;
}

.bggreen {
  background-color: #53bb44;
}

*.uiex-hidden {
  display: none !important;
}

*.uiex-block:not(.uiex-hidden) {
  display: block !important;
}

*.uiex-float-left {
  float: left !important;
}

*.uiex-float-right {
  float: right !important;
}

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

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

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

*.uiex-valign-top {
  align-items: flex-start !important;
}

*.uiex-valign-center {
  align-items: center !important;
}

*.uiex-valign-bottom {
  align-items: flex-end !important;
}

*.uiex-color-black {
  background-color: #333 !important;
  color: #f1f1f1 !important;
  border-color: #111 !important;
}
*.uiex-color-black.uiex-color-hover:hover {
  background-color: #222 !important;
  border-color: #000 !important;
}
*.uiex-color-black.uiex-with-gradient {
  background: linear-gradient(#333, #000);
}

*.uiex-color-gray {
  background-color: #d1d1d1 !important;
  border-color: #929090 !important;
  color: #000 !important;
}
*.uiex-color-gray.uiex-color-hover:hover {
  background-color: #e1e1e1 !important;
  border-color: #929090 !important;
}
*.uiex-color-gray.uiex-with-gradient {
  background: linear-gradient(#e1e1e1, #b7b7b7);
}

*.uiex-color-white {
  background-color: #fff !important;
  border-color: #aaa !important;
}
*.uiex-color-white.uiex-color-hover:hover {
  background-color: #fff !important;
  border-color: #888 !important;
}
*.uiex-color-white.uiex-with-gradient {
  background: linear-gradient(#fff, #e0e0e0);
}

*.uiex-color-red {
  background-color: #e60614 !important;
  color: #fff !important;
  border-color: #8e000a !important;
}
*.uiex-color-red.uiex-color-hover:hover {
  background-color: #ff2734 !important;
  border-color: #8e000a !important;
}
*.uiex-color-red.uiex-with-gradient {
  background: linear-gradient(#e60614, #8e000a);
}

*.uiex-color-blue {
  background-color: #4a90e4 !important;
  color: #fff !important;
  border-color: #225fa7 !important;
}
*.uiex-color-blue.uiex-color-hover:hover {
  background-color: #559cf1 !important;
  border-color: #185092 !important;
}
*.uiex-color-blue.uiex-with-gradient {
  background: linear-gradient(#4a90e4, #225fa7);
}

*.uiex-color-green {
  background-color: #53bb44 !important;
  color: #fff !important;
  border-color: #328c26 !important;
}
*.uiex-color-green.uiex-color-hover:hover {
  background-color: #5dc54e !important;
  border-color: #297d1e !important;
}
*.uiex-color-green.uiex-with-gradient {
  background: linear-gradient(#53bb44, #328c26);
}

*.uiex-color-yellow {
  background-color: #f9e622 !important;
  border-color: #ab9c00 !important;
  color: #3d3e00 !important;
}
*.uiex-color-yellow.uiex-color-hover:hover {
  background-color: #efdc1a !important;
  border-color: #ab9c00 !important;
}
*.uiex-color-yellow.uiex-with-gradient {
  background: linear-gradient(#f9e622, #b5a500);
  color: #000;
}

*.uiex-color-orange {
  background-color: #ffab32 !important;
  border-color: #a05f00 !important;
  color: #4a2600 !important;
}
*.uiex-color-orange.uiex-color-hover:hover {
  background-color: #ffbf15 !important;
  border-color: #a05f00 !important;
}
*.uiex-color-orange.uiex-with-gradient {
  background: linear-gradient(#ffab32, #c17300);
  color: #000;
}

.uiex-simple-form {
  display: inline-block;
  min-width: 200px;
}
.uiex-simple-form.uiex-form-with-given-width {
  min-width: 0;
}
.uiex-simple-form:not(.uiex-without-border) .uiex-simple-form-inner {
  padding: 15px 20px;
  border: 1px solid #c7c7c7;
}
.uiex-simple-form.uiex-without-border .uiex-simple-form-caption {
  margin-bottom: 12px;
}
.uiex-simple-form .uiex-simple-form-caption {
  margin-bottom: 7px;
  color: #777;
  font-size: 14px;
  display: inline-block;
}
.uiex-simple-form .uiex-simple-form-content {
  margin-top: 10px;
}
.uiex-simple-form .uiex-simple-form-content:empty {
  display: none;
}
.uiex-simple-form .uiex-simple-form-content.uiex-content-before {
  margin-top: 0;
  margin-bottom: 12px;
}

.uiex-animated.uiex-effect-ease {
  transition-timing-function: ease;
}
.uiex-animated.uiex-effect-ease-out {
  transition-timing-function: ease-out;
}
.uiex-animated.uiex-effect-ease-in {
  transition-timing-function: ease-in;
}
.uiex-animated.uiex-effect-ease-in-out {
  transition-timing-function: ease-in-out;
}

.uiex-blured-1 {
  filter: blur(1px);
}

.uiex-blured-2 {
  filter: blur(2px);
}

.uiex-blured-3 {
  filter: blur(3px);
}

.uiex-blured-4 {
  filter: blur(4px);
}

.uiex-blured-5 {
  filter: blur(5px);
}

.uiex-blured-6 {
  filter: blur(6px);
}

.uiex-blured-7 {
  filter: blur(7px);
}

.uiex-blured-8 {
  filter: blur(8px);
}

.uiex-blured-9 {
  filter: blur(9px);
}

.uiex-blured-10 {
  filter: blur(10px);
}