@CHARSET "UTF-8";

/*
 * Link to external documentation.
 */
.ek-extdoc {
  display: inline-block;
  position: relative;
  height: 15px;
  width: 15px;
  vertical-align: top;
  margin-left: .5rem;
/* background-position: center right;
background-repeat: no-repeat;
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3C%3Fxml version=%221.0%22 encoding=%22UTF-8%22%3F%3E%0A%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22%3E%0A%09%3Cpath fill=%22%23fff%22 stroke=%22%2336c%22 d=%22M1.5 4.518h5.982V10.5H1.5z%22/%3E%0A%09%3Cpath fill=%22%2336c%22 d=%22M5.765 1H11v5.39L9.427 7.937l-1.31-1.31L5.393 9.35l-2.69-2.688 2.81-2.808L4.2 2.544z%22/%3E%0A%09%3Cpath fill=%22%23fff%22 d=%22M9.995 2.004l.022 4.885L8.2 5.07 5.32 7.95 4.09 6.723l2.882-2.88-1.85-1.852z%22/%3E%0A%3C/svg%3E%0A");
 */}

.ek-extdoc::before {
  display: inline-block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 15px;
  width: 15px;
  border: 1px solid #ffffff;
  background-color: #ffffff;
  border-radius: 50%;
  box-shadow: 0px 1px 1px 0px #5070Ff88;
}

.ek-extdoc::after {
  display: inline-block;
  position: absolute;
  font-weight: 300;
  font-family: Arial, Helvetica, sans serif;
  font-size: 11px;
  content: "?";
  color: #20c0b0f0;
  padding-left: 4px;
  padding-top: 0px;
}

/*
 * Help tip icon
 */
.helptip {
  display: inline-block;
  position: relative;
  height: 15px;
  width: 15px;
  margin-left: 1rem;
}

.helptip::before {
  display: inline-block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 15px;
  width: 15px;
  border: 1px solid #ffffff;
  background-color: #ffffff;
  border-radius: 50%;
  box-shadow: 0px 1px 1px 0px #5070Ff;
}

.helptip span {
  display: none;
  position: absolute;
  min-width: 20em;
  white-space: pre-line;
}

.helptip::after {
  display: inline-block;
  position: absolute;
  font-weight: 600;
  font-family: Arial, Helvetica, sans serif;
  font-size: 11px;
  content: "i";
  color: #5070ff;
  padding-left: 6px;
  padding-top: 0px;
}

.helptip:hover {
  cursor: help;
}

.helptip:hover span:not(:empty) {
  display: inline-block;
  left: -5em;
  top: 20px;
  border: 1px #aaaaaa solid;
  border-radius: 5px;
  background-color: #ffffcc;
  padding: 12px;
  color: #000000;
  z-index: 1;
}


/*
 * Toggle button container
 */
.ek-togglebutton {
  display: inline-block;
  cursor: pointer;
}
.ek-togglebutton:hover {
  color: #308030;
}
.ek-togglebutton-untoggled {
}
.ek-togglebutton-toggled {
  display: none;
}

/*
 * Spinner widget
 */
.ek-spinner {
  display: inline-block;
  border: 5px solid #f3f3f3; /* Light grey */
  border-top: 5px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: spinner 2s linear infinite;
}

@keyframes spinner {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.ek-spinner-state {
  display: inline-block;
  color: #305030;
  margin-left: .5rem;
}

.ek-spinner-error {
  display: inline-block;
  color: #d03030;
  margin-left: .5rem;
}

.ek-spinner-info {
  display: inline-block;
  color: #3465a4;
  margin-left: .5rem;
}

.hidden {
  display: none;

/**
 * Flatpickr style overrides
 */
.flatpickr-monthDropdown-months {
	
}