/* Default theme imported */
/*	Icon Colors */
/* Loading theme in configuration */
/* Themes of components */
/* Loading custom themes */
/* import theme overrides */
/* import custom css */
/* UI Components' variables are prefixed with lyte except for global variables

Eg: lyteDropdownPadding

*/
/* Import Component Variables */
.lytecol-yield {
  display: block;
  width: 100%;
  height: 100%;
}
.lyterow-yield {
  overflow: hidden;
}
/* Loading theme in configuration */
/* rtl files loading */
:root {
  --lyte-text-multiline-linecount: 3;
}
.lyteTextEllipsisNode,
.lyteTextWrapper,
lyte-text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
}
lyte-text {
  max-width: 100%;
}
lyte-text::after {
  content: '';
  display: block ;
}
.lyteTextNoSpace {
  display: inline-flex;
  align-items: baseline;
}
.lyteTextWrapper {
  vertical-align: text-bottom;
}
.lyteTextSuffix {
  vertical-align: text-bottom;
  display: inline-block;
  pointer-events: none;
}
.lyteTextNoSpace .lyteTextSuffix {
  margin-left: 3px;
}
.lyteTextSuffix > span {
  pointer-events: all;
}
.lyteTextIndividual:last-child .lyteTextComma {
  display: none;
}
.lyteTextRenderDiv {
  position: absolute;
  z-index: -1;
  opacity: 0;
  overflow: hidden;
}
.lyteTextIndividual {
  display: flex;
}
.lyteTextComma {
  white-space: pre;
}
.lyteTextTagWrapper {
  display: inline-flex;
}
.lyteTextNoSpace .lyteTextTagWrapper {
  overflow: hidden;
}
.lyteTextTagElement {
  background: #f1f1f1;
  color: #333;
  padding: 2px 8px;
  border-radius: 2px;
  margin-right: 5px;
  border: 1px solid #e8e8e8;
}
.lyteTextWithMultipleLineContent {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--lyte-text-multiline-linecount);
  white-space: normal;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
/* Make changes to override predefined styles */
lyte-accordion {
  display: block;
  position: relative;
}
lyte-accordion-item {
  margin: 3px;
  border-bottom: 1px solid #e9e9e9;
  display: block;
  background: #fff;
}
lyte-accordion-item:hover {
  border-bottom-color: #ccc;
}
.lyteAccordionNested lyte-accordion:last-child lyte-accordion-item:last-child {
  border-bottom: 0;
}
.lyteAccordionNested .lyteAccordionActive lyte-accordion-header,
lyte-accordion-header {
  padding: 15px 15px 10px;
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  color: #555;
  font-size: 16px;
  text-align: left;
  outline: 0;
  position: relative;
  display: block;
  cursor: pointer;
}
.lyteAccordionNested .lyteAccordionActive lyte-accordion-header:hover,
lyte-accordion-header:hover {
  color: #111;
}
.lyteAccordionActive {
  border-bottom-color: #aaa;
}
.lyteAccordionNested .lyteAccordionActive > lyte-accordion-header:hover,
.lyteAccordionNested .lyteAccordionActive > lyte-accordion-header,
.lyteAccordionActive lyte-accordion-header {
  color: #2c7bd0;
}
lyte-accordion-body {
  width: 400px;
  padding: 0 15px;
  color: #333;
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  font-size: 14px;
  text-align: left;
  display: block;
  overflow: hidden;
  transition: height ease-out 0.3s, padding ease-out 0.3s;
}
.lyteAccordionNested lyte-accordion-body {
  width: 100%;
  box-sizing: border-box;
}
.lyteAccordionNested .lyteAccordionActive lyte-accordion-body {
  padding-bottom: 0;
}
.lyteAccordionNested .lyteAccordionActive > lyte-accordion-body,
.lyteAccordionActive lyte-accordion-body {
  padding-bottom: 10px;
}
.lyteAccordionNested .lyteAccordionActive lyte-icon.lyteAccordionArrow,
lyte-icon.lyteAccordionArrow {
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -42px 0;
  width: 6px;
  height: 10px;
  position: absolute;
  left: 0;
  margin-top: 7px;
  display: inline-block;
}
.lyteAccordionNested .lyteAccordionActive > lyte-accordion-header lyte-icon.lyteAccordionArrow,
.lyteAccordionActive lyte-icon.lyteAccordionArrow {
  background-position: -28px 0px;
  width: 9px;
  height: 7px;
}
.lyteAccordionBodyHide {
  display: none;
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/accordion.less file
 */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
/* Make changes to override predefined styles */
.lyte-svg {
  background-image: url(../../images/sprite_lyte.svg);
}
lyte-alert {
  display: none;
}
.alertWrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 1060;
}
.alertPopup {
  padding: 20px 25px 25px;
  background: #fff;
  border: 1px solid #f7f7f7;
  border-radius: 3px;
  box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.35);
  display: inline-block;
  text-align: left;
  min-width: 350px;
  max-width: 550px;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
  position: relative;
  z-index: 10;
}
.alertPopup.lyteAlertSlideDown {
  top: -100%;
  transition-property: top;
}
.alertPopup.lyteAlertZoomIn {
  transition-property: opacity, transform;
  opacity: 0;
  transform: scale(0);
}
.alertPopup.lyteAlertZoomIn.alertOpened {
  opacity: 1;
  transform: scale(1);
}
lyte-alert-header,
.alertHeader,
.alertPrimaryMsg {
  font-family: 'LatoBold', 'Open Sans', sans-serif;
  font-size: 18px;
  color: #111;
  margin-bottom: 15px;
  font-weight: normal;
  display: block;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.alertPrimaryMsg {
  margin-bottom: 5px;
  font-size: 15px;
}
lyte-alert-content,
.alertSecondaryMsg {
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  font-size: 14px;
  color: #333;
}
lyte-alert-footer,
.alertFooter {
  text-align: right;
  padding-top: 25px;
  display: block;
}
.alertFooter lyte-button {
  margin-left: 7px;
}
.alertFooter lyte-button:first-of-type {
  margin-left: 0;
}
lyte-alert-footer.left,
.alertFooter.left {
  text-align: left;
}
lyte-alert-footer.center,
.alertFooter.center,
.alertPopup.lyteAlertCenterContent {
  text-align: center;
}
.alertPopup .alertContent {
  display: flex;
  align-items: center;
}
.lyteAlertCenterContent .alertContent {
  justify-content: center;
}
.alertFreezeLayer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  background: #000;
  opacity: 0;
}
.lyteStatusIcon {
  background: url(../../images/sprite_lyte.svg);
  width: 28px;
  height: 28px;
  margin-right: 10px;
  display: block;
}
.successAlertIcon {
  background-position: -91px -154px;
}
.errorAlertIcon {
  background-position: -131px -154px;
}
.warningAlertIcon {
  background-position: -210px -154px;
}
.infoAlertIcon {
  background-position: -170px -154px;
}
.confirmAlertIcon {
  background-position: -250px -154px;
}
.alertClose {
  background-position: -52px 0px;
  width: 13px;
  height: 13px;
  opacity: 0.5;
  cursor: pointer;
  position: absolute;
  top: 27px;
  right: 23px;
  display: inline-block;
  transform: scale(1.3);
}
.alertClose:hover {
  opacity: 1;
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/alert.less file
 */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
/* Make changes to override predefined styles */
/* BUTTON STYLES BEGINS   */
lyte-button {
  display: inline-block;
}
lyte-button button {
  border-radius: 2px;
  font-size: 15px;
  padding: 5px 15px;
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  display: inline-block;
  box-sizing: border-box;
  cursor: pointer;
  outline: none;
  border-width: 1px;
  border-style: solid;
}
lyte-button button:disabled {
  opacity: 0.5;
  pointer-events: none;
}
/*Specific type*/
.lyteDefaultBtn {
  background: #fff;
  color: #3c3c3c;
  border: 1px solid #c4c4c4;
}
.lyteDefaultBtn:hover {
  border: 1px solid #abaaaa;
}
.lytePrimaryBtn {
  background: #5ba1e5;
  color: #fff;
  border: 1px solid #5ba1e5;
}
.lytePrimaryBtn:hover {
  background: #3c98dd;
  color: #fff;
  border: 1px solid #3c98dd;
}
.lyte-button.lyteSecondary {
  background: #555;
  color: #fff;
  border: 1px solid #555;
}
.lyte-button.lyteSecondary:hover {
  background: #474747;
  color: #fff;
  border: 1px solid #444;
}
.lyteSuccess {
  background: #19bc7d;
  color: #fff;
  border: 1px solid #19bc7d;
}
.lyteSuccess:hover {
  background: #10ab6f;
  border: 1px solid #10ab6f;
}
.lyteDefaultBtn.lyteSuccess {
  background: #fff;
  color: #19bc7d;
  border: 1px solid #19bc7d;
}
.lyteDefaultBtn.lyteSuccess:hover {
  background: #19bc7d;
  color: #fff;
  border: 1px solid #19bc7d;
}
.lyteFailure {
  background: #ec4844;
  color: #fff;
  border: 1px solid #ec4844;
}
.lyteFailure:hover {
  background: #da3e3e;
  border: 1px solid #da3e3e;
}
.lyteDefaultBtn.lyteFailure {
  background: #fff;
  color: #ec4844;
  border: 1px solid #ec4844;
}
.lyteDefaultBtn.lyteFailure:hover {
  background: #ec4844;
  color: #fff;
  border: 1px solid #ec4844;
}
.lyteWarningBtn {
  background: #FF9318;
  color: #fff;
  border: 1px solid #FF9318;
}
.lyteWarningBtn:hover {
  background: #FF8800;
  border: 1px solid #FF8800;
}
.lyteDefaultBtn.lyteWarningBtn {
  background: #fff;
  color: #FF9318;
  border: 1px solid #FF9318;
}
.lyteDefaultBtn.lyteWarningBtn:hover {
  background: #FF9318;
  color: #fff;
  border: 1px solid #FF9318;
}
.lyteLg {
  padding: 7px 20px;
  font-size: 15px;
}
.lyteSm {
  padding: 3px 10px;
  font-size: 13px;
}
.lyteExsm {
  padding: 2px 8px;
  font-size: 12px;
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/button.less file
 */
/* BUTTON STYLES ENDS   */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
/* Make changes to override predefined styles */
/*  Input related CSS BEGINS    */
lyte-input {
  position: relative;
  display: inline-flex;
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
}
lyte-input .lyteLabel {
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  font-size: 15px;
  padding-right: 30px;
  color: #555;
  flex-grow: 1;
}
lyte-input .lyteField {
  flex-grow: 1;
}
lyte-input input,
lyte-input textarea {
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  font-size: 15px;
  color: #111;
  outline: none;
  box-sizing: border-box;
}
.lyteInputBox .lyteField {
  border: 1px solid #d6d6d6;
  border-radius: 2px;
}
.lyteInputBox input,
lyte-input textarea {
  background: #fff;
  border: 0;
  border-radius: 2px;
  padding: 7px 10px;
  width: 100%;
  display: block;
  box-shadow: none;
}
lyte-input textarea:disabled,
lyte-input input:disabled {
  background: #f3f3f3;
  cursor: not-allowed;
  color: #999;
}
.lyteInputWithPasswordToggleButton .lyteField,
lyte-input .ltIconShow.lyteField,
lyte-input[lt-prop-type="search"] .lyteField {
  position: relative;
}
lyte-input[lt-prop-type="textarea"] .lyteField {
  position: relative;
  overflow: hidden;
}
lyte-input textarea {
  min-height: 70px;
  resize: both;
}
lyte-input[lt-prop-type="textarea"] .lyteField::after {
  content: '';
  width: 17px;
  height: 17px;
  background: #fff;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 5;
  border-radius: 0;
  -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%);
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
}
.lyteInputDisabled[lt-prop-type="textarea"] .lyteField::after {
  background: #f3f3f3;
}
lyte-input.lyteInputBox[lt-prop-type="textarea"] .lyteField::after {
  border-radius: 0 0 1px;
}
lyte-input.lyteTextareaNoResize .lyteField::after {
  content: none;
}
.lyteTextareaNoResize textarea {
  resize: none;
}
.lyteInputBox .lyteField:hover {
  border: 1px solid #c1c1c1;
}
.lyteInputBox.lyteInputFocus .lyteField {
  border: 1px solid #7fceef;
}
.lyteInputBox input:hover,
lyte-input textarea:hover {
  border: 0;
}
.lyteInputBox input:focus,
lyte-input textarea:focus {
  border: 0;
}
.lyteTextareaResize {
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -266px -3px;
  width: 14px;
  height: 14px;
  right: 1px;
  bottom: 1px;
  display: inline-block;
  position: absolute;
  cursor: se-resize;
  opacity: 0.5;
  z-index: 10;
}
.lyteTextareaResizeHorizontal {
  cursor: ew-resize;
}
.lyteTextareaResizeVertical {
  cursor: ns-resize;
}
.lyteInputBox.lyteInputDisabled .lyteField:hover {
  border: 1px solid #d6d6d6;
}
lyte-input input::placeholder {
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  color: #a6a6a6;
}
lyte-input input:-ms-input-placeholder {
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  color: #a6a6a6;
}
lyte-input input::-ms-input-placeholder {
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  color: #a6a6a6;
}
lyte-input input::-ms-clear {
  display: none;
}
lyte-input textarea::placeholder {
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  color: #a6a6a6;
}
lyte-input textarea:-ms-input-placeholder {
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  color: #a6a6a6;
}
lyte-input textarea::-ms-input-placeholder {
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  color: #a6a6a6;
}
.lyteInputBox.horizontal {
  align-items: center;
}
.lyteInput.horizontal {
  align-items: flex-end;
}
lyte-input.horizontal .lyteLabel {
  min-width: 40%;
  width: 40%;
  box-sizing: border-box;
}
lyte-input.horizontal .lyteField {
  min-width: 60%;
  width: 60%;
}
lyte-input input[type='number']::-webkit-outer-spin-button,
lyte-input input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
lyte-input input[type='number'] {
  -moz-appearance: textfield;
}
.lyteInput .lyteField {
  border-bottom: 1px solid #d6d6d6;
}
.lyteInput input {
  background: #fff;
  border: 0;
  padding: 6px 10px;
  box-shadow: none;
  width: 100%;
}
.lyteInput.horizontal .lyteLabel {
  border-bottom: 1px solid #d6d6d6;
  padding: 5px 50px 5px 2px;
}
.lyteInput .lyteField:hover {
  border-bottom: 1px solid #c1c1c1;
}
.lyteInput.lyteInputDisabled .lyteField:hover {
  border-bottom: 1px solid #d6d6d6;
}
.lyteInput.lyteInputFocus .lyteField {
  border-bottom: 1px solid #7fceef;
}
lyte-input.vertical {
  flex-direction: column;
  text-align: left;
}
lyte-input.vertical .lyteLabel {
  padding-right: 0;
  margin-bottom: 10px;
}
.lyteInput.vertical .lyteLabel {
  padding: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
.lyteInput.vertical textarea,
.lyteInput.vertical input {
  padding-left: 0;
}
.lyteInput.vertical[lt-prop-type="search"] input,
lyte-input[lt-prop-type="search"] input {
  padding-left: 35px;
}
lyte-input[lt-prop-type="search"] .searchIcon {
  position: absolute;
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -180px -4px;
  width: 15px;
  height: 15px;
  left: 10px;
  top: calc(50% - 8px);
  opacity: 0.6;
  margin: 0;
  pointer-events: none;
}
.lyteInputWithClearIcon input,
lyte-input[lt-prop-close-icon="true"] input {
  padding-right: 30px;
}
lyte-input .inputCloseIcon {
  position: absolute;
  cursor: pointer;
  padding: 8px;
  z-index: 10;
  opacity: 0.7;
  top: calc(50% - 12px);
  right: 4px;
}
lyte-input .inputCloseIcon:hover {
  opacity: 1;
}
lyte-input .inputCloseIcon::before {
  content: '';
  display: block;
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -54px -2px;
  width: 8px;
  height: 8px;
  transform: scale(1.25);
}
lyte-input.lyteInputDisabled .inputCloseIcon {
  pointer-events: none;
}
lyte-input.lyteInputReadonly .inputCloseIcon {
  display: none !important;
}
.lyteInputCalendar {
  position: absolute;
  z-index: 1060;
  top: -999px;
}
lyte-input[lt-prop-type="datetime"] .lyteField {
  display: flex;
}
lyte-input[lt-prop-type="datetime"] .lyteField input {
  width: 50%;
}
.lyteInputBox[lt-prop-type="datetime"] input:first-child {
  border-radius: 2px 0 0 2px;
  border-right: 1px solid #d6d6d6;
}
.lyteInputDateTimePlaceholder {
  display: flex;
  position: absolute;
  left: 1px;
  right: 1px;
  top: 1px;
  bottom: 1px;
  font-size: 14px;
  color: #a6a6a6;
  align-items: center;
  pointer-events: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 9px 10px;
  background: #fff;
}
.lyteInputFocus .lyteInputDateTimePlaceholder {
  opacity: 0;
}
.lyteInputWithPasswordToggleButton.lyteInputBox input,
.lyteInputWithPasswordToggleButton.lyteInput input {
  padding-right: 25px;
}
.lyteInputWithPasswordToggleButton.lyteInputWithClearIcon input,
.lyteInputWithPasswordToggleButton.lyteInputBox[lt-prop-close-icon="true"] input,
.lyteInputWithPasswordToggleButton.lyteInput[lt-prop-close-icon="true"] input {
  padding-right: 50px;
}
.lyteInputWithPasswordToggleButton .inputCloseIcon {
  right: 26px;
}
.lyteInputPasswordToggleIcon {
  padding: 5px;
  position: absolute;
  right: 0;
  top: calc(50%);
  transform: translateY(-50%);
  cursor: pointer;
}
.lyteInputPasswordToggleIcon::after {
  content: '';
  background-image: url(../../images/sprite_lyte.svg);
  width: 16px;
  opacity: 0.7;
  display: block;
}
.lyteInputPasswordToggleIcon:hover::after {
  opacity: 1;
}
.lyteInputShowPasswordIcon::after {
  height: 12px;
  background-position: -212px -63px;
}
.lyteInputHidePasswordIcon::after {
  height: 16px;
  background-position: -238px -61px;
}
.lyteInputCalendarIcon {
  -webkit-mask-image: url(../../images/sprite_lyte.svg);
  mask-image: url(../../images/sprite_lyte.svg);
  -webkit-mask-position: -224px -81px;
  mask-position: -224px -81px;
  background-color: #676869;
  width: 16px;
  height: 17px;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.lyteInputWithCalendarIcon[lt-prop-type="datetime"] input:first-child,
.lyteInputWithCalendarIcon[lt-prop-type="date"] input {
  padding-right: 30px;
}
.lyteInputCalendarIcon:hover {
  background-color: #333;
}
.calendarOpen .lyteInputCalendarIcon,
.lyteInputCalendarIcon:focus {
  outline: 0;
  background-color: #5ba1e5;
}
.lyteInput .lyteInputCalendarIcon {
  right: 0;
}
.lyteInputBox .lyteInputCalendarIcon {
  right: 10px;
}
lyte-input[lt-prop-type="datetime"] .lyteInputCalendarIcon {
  right: unset;
  left: calc(50% - 10px);
  transform: translate(-100%, -50%);
}
.lyteInputTimeDropdown,
.lyteInputDateTimeDropdown {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: -1;
}
.lyteInputDateTimeDropdown {
  left: 50%;
}
.lyteInputDisabled.resizeStart textarea {
  pointer-events: none;
}
.lyteInputWithArrowKeys .lyteField {
  display: flex;
}
.lyteInputArrowContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  padding: 0 15px;
  user-select: none;
}
.lyteInputDownArrow,
.lyteInputUpArrow {
  background-image: url(../../images/sprite_lyte.svg);
  width: 8px;
  height: 15px;
  rotate: -90deg;
  scale: 0.7;
  opacity: 0.7;
  cursor: pointer;
}
.lyteInputUpArrow {
  background-position: -41px -29px;
}
.lyteInputDownArrow {
  background-position: -58px -29px;
}
.lyteInputArrowDisabled {
  opacity: 0.5;
  pointer-events: none;
}
.lyteInputWithPrefix .lyteField {
  display: flex;
}
.lyteInputPrefix {
  color: #111;
}
.lyteInput .lyteInputPrefix {
  padding: 6px 5px 6px 0;
}
.lyteInputBox .lyteInputPrefix {
  padding: 7px 0 7px 10px;
}
.lyteInputWithPrefix.lyteInputBox input {
  padding-left: 5px;
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/input .less file
 */
/*  Input related CSS ENDS    */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
lyte-image-player {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 200px;
}
lyte-image-player.lyteFullScreenElement {
  display: flex !important;
}
lyte-image-item {
  overflow: auto;
}
lyte-image-item img {
  width: 100%;
  display: block;
}
.lyteImagePlayerSlider {
  flex-grow: 1;
  height: 3px;
  background: #dee2ed;
  position: relative;
  outline: none;
  border-radius: 10px;
  cursor: pointer;
  transition: 0.1s ease;
}
.lyteImagePlayerSlider:hover {
  height: 7px;
}
.lyteImagePlayerFill {
  --lyte-image-player-fill-width: 0;
  height: 100%;
  background: #5ba1e5;
  border-radius: 10px;
  transition-property: width;
  transition-timing-function: linear;
  width: var(--lyte-image-player-fill-width);
}
.lyteImagePlayerControl {
  display: flex;
  align-items: center;
  position: relative;
  /* background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #797979); */
  background-color: #666;
  padding: 10px;
  font-size: 12px;
  color: #fff;
  gap: 10px;
}
.lyteImagePlayerHighlight {
  position: absolute;
  display: inline-block;
  width: 5px;
  height: 15px;
  border: 3px solid red;
  border-top: none;
  border-bottom: none;
  left: var(--lyte-image-player-highlight-position);
}
.lyteImagePlayerSliderHandler {
  --lyte-image-player-slider-handler-position: 0;
  width: 8px;
  height: 8px;
  top: 50%;
  background: #fff;
  cursor: pointer;
  position: absolute;
  transform: translateX(-50%) translateY(-50%);
  border-radius: 50%;
  transition-property: left,right;
  transition-timing-function: linear;
  left: var(--lyte-image-player-slider-handler-position);
  outline: none;
}
.lyteImagePlayerSlider:hover .lyteImagePlayerSliderHandler {
  width: 16px;
  height: 16px;
}
.lyteImagePlayerPlayIcon {
  border: 0;
  background-color: transparent;
  cursor: pointer;
  padding: 0 3px;
}
.lyteImagePlayerPlayIcon::after {
  content: "";
  -webkit-mask-image: url(../../images/sprite_lyte_video.svg);
  -webkit-mask-position: -210px -5px;
  mask-image: url(../../images/sprite_lyte_video.svg);
  mask-position: -210px -5px;
  width: 14px;
  height: 19px;
  background-color: #fff;
  display: block;
}
.lyteImagePlayerFinished .lyteImagePlayerPlayIcon::after,
.lyteImagePlayerPaused .lyteImagePlayerPlayIcon::after {
  mask-position: -186px -4px;
}
lyte-image-player lyte-loader,
.lytePlayerImageLoaded .lyteImagePlayerControl {
  display: none;
}
lyte-image-player.lytePlayerImageLoading lyte-loader,
lyte-image-player.lytePlayerImageLoading,
.lyteImagePlayerFinished .lyteImagePlayerControl,
.lyteImagePlayerPaused .lyteImagePlayerControl,
.lytePlayerImageLoaded:hover .lyteImagePlayerControl {
  display: flex;
}
lyte-image-player .lyteLoaderFreeze {
  background-color: #444;
}
lyte-image-player .lyteLoaderTimeoutMessage {
  color: #eee;
}
.lyteImagePlayerFullscreen {
  -webkit-mask-image: url(../../images/sprite_lyte_video.svg);
  -webkit-mask-position: -33px -6px;
  mask-image: url(../../images/sprite_lyte_video.svg);
  mask-position: -33px -6px;
  background-color: #fff;
  border: 0;
  width: 19px;
  height: 18px;
  cursor: pointer;
}
:fullscreen .lyteImagePlayerFullscreen {
  -webkit-mask-position: -59px -5px;
  mask-position: -59px -5px;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
lyte-datetime-input {
  display: inline-block;
}
.lyteDateTimeInputWrapper {
  display: flex;
  position: relative;
}
.lyteDateTimeInputBox .lyteDateTimeInputWrapper {
  border: 1px solid #d6d6d6;
  border-radius: 2px;
  align-items: center;
}
.lyteDateTimeInputBox:hover .lyteDateTimeInputWrapper {
  border: 1px solid #c1c1c1;
}
.lyteDateInputOpened.lyteDateTimeInputBox .lyteDateTimeInputWrapper,
.lyteDateInputFocused.lyteDateTimeInputBox .lyteDateTimeInputWrapper {
  border: 1px solid #7fceef;
}
.lyteDateTimeInputBox .lyteDateTimeInputWrapper > input {
  border-right: 1px solid #d6d6d6;
  border-radius: 2px 0 0 2px;
}
.lyteDateTimeInputBox .lyteDateTimeInputWrapper > div input {
  border-radius: 0 2px 2px 0;
}
.lyteDateTimeInputFlat .lyteDateTimeInputWrapper {
  border-bottom: 1px solid #d6d6d6;
  align-items: flex-end;
}
.lyteDateTimeInputFlat:hover .lyteDateTimeInputWrapper {
  border-bottom: 1px solid #c1c1c1;
}
.lyteDateInputOpened.lyteDateTimeInputFlat .lyteDateTimeInputWrapper,
.lyteDateInputFocused.lyteDateTimeInputFlat .lyteDateTimeInputWrapper {
  border-bottom: 1px solid #7fceef;
}
.lyteDateTimeInputWrapper input {
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  font-size: 15px;
  background: #fff;
  color: #111;
  border: 0;
  box-shadow: none;
  outline: 0;
}
.lyteDateTimeInputBox input {
  padding: 9px 10px;
}
.lyteDateTimeInputFlat input {
  padding: 9px 0;
}
.lyteDateTimeInputWrapper lyte-drop-button {
  padding: 0;
}
.lyteDateTimeInputWrapper .lyteDummyEventContainer:focus lyte-drop-button,
.lyteDateTimeInputWrapper .lyteDummyEventContainer:focus lyte-drop-button:hover,
.lyteDateTimeInputWrapper lyte-drop-button:hover,
.lyteDateTimeInputWrapper lyte-drop-button {
  border: 0;
  box-shadow: none;
}
.lyteDateTimeInputWormhole {
  position: absolute;
  left: -9999px;
  top: -9999px;
  z-index: 1060;
}
.lyteDateTimeInputHidden {
  display: none;
}
.lyteDateTimezone {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  padding: 0 5px;
  color: #111;
}
.lyteDateInputCalendarIcon {
  -webkit-mask: url(../../images/sprite_lyte.svg) no-repeat -224px -81px;
  mask: url(../../images/sprite_lyte.svg) no-repeat -224px -81px;
  width: 16px;
  height: 17px;
  background-color: #585858;
  position: absolute;
  left: calc(50% - 25px);
  cursor: pointer;
}
.lyteDateTimeInputBox[lt-prop-aria="true"] .lyteDateTimeInputWrapper > input {
  padding-right: 30px;
  width: 50%;
  box-sizing: border-box;
}
[lt-prop-aria="true"] .lyteDateTimeInputWrapper div {
  width: 50%;
}
.lyteDateTimeInputFlat[lt-prop-aria="true"] .lyteDateInputCalendarIcon {
  bottom: 10px;
}
.lyteDateInputCalendarIcon:hover {
  background-color: #333;
}
.lyteDateInputOpened .lyteDateInputCalendarIcon,
.lyteDateInputFocused .lyteDateInputCalendarIcon {
  outline: 0;
  background-color: #5ba1e5;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
lyte-number {
  position: relative;
  display: inline-flex;
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
}
lyte-number .lyteLabel {
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  font-size: 15px;
  padding-right: 30px;
  color: #555;
  flex-grow: 1;
}
lyte-number .lyteField {
  flex-grow: 1;
  display: flex;
}
lyte-number input {
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  font-size: 15px;
  color: #111;
  outline: none;
  box-sizing: border-box;
}
lyte-number input:disabled {
  background: #f3f3f3;
  cursor: not-allowed;
  color: #999;
}
lyte-number input::placeholder {
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  color: #a6a6a6;
}
lyte-number input:-ms-input-placeholder {
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  color: #a6a6a6;
}
lyte-number input::-ms-input-placeholder {
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  color: #a6a6a6;
}
lyte-number input::-ms-clear {
  display: none;
}
lyte-number.horizontal .lyteLabel {
  min-width: 40%;
  width: 40%;
  box-sizing: border-box;
}
lyte-number.horizontal .lyteField {
  min-width: 60%;
  width: 60%;
}
lyte-number.vertical {
  flex-direction: column;
  text-align: left;
}
lyte-number.vertical .lyteLabel {
  padding-right: 0;
  margin-bottom: 10px;
}
.lyteInputFocus.lyteErrorInput .lyteField,
.lyteErrorInput .lyteField:hover,
.lyteErrorInput .lyteField {
  border-color: #E74C3C;
  position: relative;
}
.lyteErrorInput .lyteField::after {
  content: '';
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -263px -31px;
  width: 16px;
  height: 15px;
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.lyteErrorInput input {
  padding-right: 35px;
}
.lyteNumberErrorMessage {
  color: #E74C3C;
  font-size: 13px;
  margin-top: 5px;
  display: block;
}
.lyteNumberArrowContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  padding: 0px 15px;
}
.lyteNumberUpArrow,
.lyteNumberDownArrow {
  background-image: url(../../images/sprite_lyte.svg);
  width: 8px;
  height: 15px;
  rotate: -90deg;
  scale: 0.7;
  opacity: 0.7;
  cursor: pointer;
}
.lyteNumberUpArrow:hover,
.lyteNumberDownArrow:hover {
  opacity: 1;
}
.lyteNumberUpArrow {
  background-position: -41px -29px;
}
.lyteNumberDownArrow {
  background-position: -58px -29px;
}
.lyteNumberArrowDisabled:hover,
.lyteNumberArrowDisabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.lyteNumberWithArrowKeys.lyteErrorInput .lyteField::after {
  right: 40px;
}
.lyteNumberUnitElem {
  align-self: center;
}
.lyteNumberUnitElem:last-child {
  margin-right: 10px;
}
.lyteNumberSuffix.lyteField {
  align-items: center;
}
.lyteNumberSuffixDummyWrapper {
  position: absolute;
  padding: 7px 10px;
  pointer-events: none;
  left: 1px;
  right: 1px;
  display: flex;
}
.lyteNumberWithArrowKeys .lyteNumberSuffixDummyWrapper {
  right: 39px;
}
.lyteNumberSuffixDummyElem {
  opacity: 0;
  max-width: 100%;
}
.lyteNumberSuffixDummyWrapper .lyteNumberUnitElem {
  margin-left: 5px;
  pointer-events: auto;
  margin-right: 0;
}
.lyteInputFocus .lyteNumberSuffixDummyWrapper {
  display: none;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
/* Make changes to override predefined styles */
/*  Navbar related CSS BEGINS */
lyte-nav {
  display: flex;
  background: #edf4f9;
}
lyte-nav-group,
lyte-nav > lyte-yield {
  display: flex;
}
lyte-nav lyte-nav-item {
  padding: 10px 20px;
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  font-size: 15px;
  color: #222;
  cursor: pointer;
}
lyte-nav lyte-nav-item:hover {
  background: #dfeaf5;
}
lyte-nav-item.lyteNavActive,
lyte-nav-item.lyteNavActive:hover {
  background: #5ba1e5;
  color: #fff;
}
.lyteNavVertical {
  height: 200px;
  overflow: hidden;
  flex-direction: column;
}
.lyteNavVertical > lyte-yield {
  flex-direction: column;
}
.lyteNavDiv {
  display: flex;
  flex-direction: column;
}
lyte-nav lyte-arrow {
  position: relative;
  height: 15px;
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
.lyteNavDiv + lyte-arrow {
  box-shadow: 0 -1px 1px 1px rgba(0, 0, 0, 0.1);
}
.arrow-down,
.arrow-up {
  position: absolute;
  width: 0;
  height: 0;
  top: 5px;
  left: calc(50% - 5px);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #555;
}
.arrow-down {
  top: 4px;
  border-bottom: 0;
  border-top: 5px solid #555;
}
.lyteNavKebabMenu {
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -294px -165px;
  width: 17px;
  height: 5px;
}
.lyteNavIconContainer {
  display: inline-flex;
  align-items: center;
  padding: 10px 20px;
  cursor: pointer;
}
.lyteNavIconContainer:hover,
.lyteNavIconContainer.lyteMenuSelected {
  background: #dfeaf5;
}
lyte-nav[lt-prop-alignment="vertical"] .lyteNavDivFullHeight.lyteNavDiv {
  height: 100%;
}
.lyteVisuallyHidden {
  position: absolute;
  top: auto;
  overflow: hidden;
  width: 0;
  height: 0;
  white-space: nowrap;
}
lyte-nav-menu-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  margin-inline-start: 5px;
}
lyte-nav-menu-icon::after {
  content: "";
  -webkit-mask-image: url(../../images/sprite_lyte.svg);
  mask-image: url(../../images/sprite_lyte.svg);
  -webkit-mask-position: -94px -109px;
  mask-position: -94px -109px;
  background-color: #000;
  width: 9px;
  height: 11px;
  transform: rotate(-90deg);
}
lyte-nav-item.lyteMenuSelected {
  background: #dfeaf5;
}
lyte-nav-item.lyteNavActive.lyteMenuSelected {
  background: #5ba1e5;
}
lyte-nav-menu-icon:hover {
  background: #c4ced7;
}
.lyteMenuSelected lyte-nav-menu-icon {
  background: #5ba1e5;
}
.lyteMenuSelected lyte-nav-menu-icon::after {
  background-color: #fff;
}
lyte-nav-menu-icon:hover::after {
  background-color: #000;
}
.lyteNavActive lyte-nav-menu-icon {
  background: transparent;
}
.lyteNavActive lyte-nav-menu-icon::after {
  background-color: #fff;
}
.lyteNavActive.lyteMenuSelected lyte-nav-menu-icon,
.lyteNavActive lyte-nav-menu-icon:hover {
  background: #4881b8;
}
.lyteNavActive.lyteMenuSelected lyte-nav-menu-icon::after,
.lyteNavActive lyte-nav-menu-icon:hover::after {
  background-color: #fff;
}
.lyteNavHorizontal {
  align-items: center;
}
.lyteNavBento {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  margin: 0 10px 0 auto;
}
.lyteNavCandyboxIcon {
  width: 15px;
  height: 15px;
  position: absolute;
  background: radial-gradient(circle at 2px 2px, #000 1px, transparent 2px, transparent 5px) 0 0 / 5px 5px;
  opacity: 1;
  transition: 0.6s;
}
.lyteNavCandyboxZIcon {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.lyteNavCandyboxZIconPath1,
.lyteNavCandyboxZIconPath2 {
  fill: none;
  stroke: #555;
  stroke-width: 8;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  animation: zline0-r 0.5s 0.15s linear forwards;
  transition: opacity 0.5s 0.15s ease-in-out;
  opacity: 0;
}
.lyteNavCandyboxZIconPath1 {
  stroke-dasharray: 600;
}
.lyteNavCandyboxZIconPath2 {
  stroke-dasharray: 300;
}
.lyteNavBento:hover .lyteNavCandyboxIcon {
  transform: scale(0);
  opacity: 0;
}
.lyteNavBento:hover .lyteNavCandyboxZIconPath1 {
  animation: zline0 0.5s 0.15s linear forwards;
  transition: opacity 0.5s 0.15s ease-in-out;
  opacity: 1;
}
.lyteNavBento:hover .lyteNavCandyboxZIconPath2 {
  animation: zline1 0.5s 0.15s linear forwards;
  transition: opacity 0.5s 0.15s ease-in-out;
  opacity: 1;
}
@keyframes zline0 {
  from {
    stroke-dashoffset: -300;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes zline0-r {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: -300;
  }
}
@keyframes zline1 {
  from {
    stroke-dashoffset: 300;
  }
  to {
    stroke-dashoffset: 0;
  }
}
/* import theme overrides - styles */
/* import custom css */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/nav.less file
 */
/*  Navbar related CSS BEGINS */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
/* Make changes to override predefined styles */
/*  Checkbox related CSS BEGINS   */
lyte-checkbox {
  color: #333;
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  font-size: 15px;
  display: inline-block;
  position: relative;
}
lyte-checkbox label {
  display: inline-block;
  cursor: pointer;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
lyte-checkbox input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.lyteCheckBoxDefault::before {
  content: '';
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -335px -4px;
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  border-radius: 2px;
}
lyte-checkbox input[type="checkbox"]:active + .lyteCheckBoxDefault::before,
.lyteCheckBoxDefault:hover::before {
  background-position: -359px -4px;
}
lyte-checkbox input[type="checkbox"]:focus + .lyteCheckBoxDefault::before {
  background-position: -359px -4px;
  box-shadow: 0 0 3px 1px #5aaaf9;
}
lyte-checkbox input[type="checkbox"]:disabled + .lyteCheckBoxDefault:hover::before {
  background-position: -335px -4px;
}
lyte-checkbox input[type="checkbox"]:checked + .lyteCheckBoxDefault::before {
  background-position: -384px -4px;
}
lyte-checkbox input[type="checkbox"]:checked:disabled + .lyteCheckBoxDefault:hover::before {
  background-position: -384px -4px;
}
.lyteCheckDisabled label {
  cursor: not-allowed;
}
.lyteCheckBoxPrimary::before {
  content: '';
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -35px -162px;
  width: 14px;
  height: 14px;
  margin-right: 3px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 2px;
}
lyte-checkbox input[type="checkbox"]:checked + .lyteCheckBoxPrimary::before {
  background-position: -8px -162px;
  width: 17px;
  margin-right: 0;
}
lyte-checkbox input[type="checkbox"]:focus + .lyteCheckBoxPrimary::before {
  box-shadow: 0 0 3px 1px #b0b0b0;
}
.lyteCheckBoxPrimary span,
.lyteCheckBoxDefault span {
  display: inline-block;
  vertical-align: middle;
  -ms-user-select: auto;
  -moz-user-select: auto;
  -webkit-user-select: auto;
  user-select: auto;
}
lyte-checkbox:hover span {
  color: #111;
}
lyte-checkbox[lt-prop-disabled="true"]:hover span {
  color: #333;
}
.lyteCheckSwitch {
  vertical-align: middle;
  width: 28px;
  height: 16px;
  display: inline-block;
  border-radius: 10px;
  position: relative;
  background: #d3d3d3;
}
.lyteCheckSwitch .on-btn {
  width: 12px;
  height: 12px;
  background: #fff;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  left: 2px;
  top: calc(50% - 6px);
  right: auto;
  transition: left 200ms ease;
}
input[type="checkbox"].on-off-sw:checked + .lyteCheckSwitch {
  background: #5ba1e5;
}
input[type="checkbox"].on-off-sw:focus + .lyteCheckSwitch {
  box-shadow: 0 0 5px 2px #d3d3d3;
}
input[type="checkbox"].on-off-sw:checked:focus + .lyteCheckSwitch {
  box-shadow: 0 0 5px 2px #5aaaf9;
}
input[type="checkbox"].on-off-sw:checked + .lyteCheckSwitch .on-btn {
  left: 14px;
}
.lyteCheckSwitch + span {
  vertical-align: middle;
  display: inline-block;
  margin-left: 5px;
}
.lyteCheckSliderLabel {
  box-sizing: border-box;
  position: relative;
}
.lyteCheckSlider {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 1.4rem;
}
.lyteCheckSlider::before {
  content: '';
  display: inline-block;
  position: absolute;
  z-index: 1;
  width: 1.4rem;
  height: 1.4rem;
  background: #fff;
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
  border-radius: 50%;
  left: 0;
  transition: left 200ms ease;
}
input[type="checkbox"]:checked + .lyteCheckSlider::before {
  left: 2.25rem;
}
.lyteCheckSlider::after {
  content: '';
  cursor: pointer;
  display: inline-block;
  position: absolute;
  z-index: 0;
  width: 3.5rem;
  height: 0.2rem;
  background: #b5b1b1;
  top: 0.6rem;
  left: 0;
}
input[type="checkbox"]:checked + .lyteCheckSlider::after {
  background: #000;
}
.lyteCheckSliderText {
  padding-left: 4.25rem;
  vertical-align: middle;
}
.lyteCheckDisabled .lyteCheckSlider::after,
.lyteCheckDisabled .lyteCheckSwitch,
.lyteCheckDisabled .lyteCheckBoxDefault::before,
.lyteCheckDisabled .lyteCheckBoxPrimary::before {
  opacity: 0.5;
}
.lyteCheckDisabled .lyteCheckSlider::before {
  background: #f5f5f5;
}
.lyteCkBoxLabelBiggerCase .lyteCheckbox,
.lyteCkBoxLabelBiggerCase {
  max-width: 100%;
}
.lyteCkBoxLabelBiggerCase .lyteCheckBoxDefault,
.lyteCkBoxLabelBiggerCase .lyteCheckBoxPrimary {
  display: flex;
  max-width: 100%;
}
.lyteCkBoxLabelBiggerCase .lyteCheckBoxDefault::before,
.lyteCkBoxLabelBiggerCase .lyteCheckBoxPrimary::before {
  flex-shrink: 0;
  margin-top: 2px;
}
.lyteCkBoxLabelBiggerCase .lyteCheckBoxDefault span,
.lyteCkBoxLabelBiggerCase .lyteCheckBoxPrimary span {
  overflow: auto;
  overflow-wrap: break-word;
  white-space: normal;
  margin-left: 5px;
}
.lyteCheckboxLabelEllipsis .lyteCheckbox,
.lyteCheckboxLabelEllipsis {
  max-width: 100%;
}
.lyteCheckboxLabelEllipsis .lyteCheckBoxDefault,
.lyteCheckboxLabelEllipsis .lyteCheckBoxPrimary {
  display: flex;
  align-items: center;
}
.lyteCheckboxLabelEllipsis .lyteCheckBoxDefault::before,
.lyteCheckboxLabelEllipsis .lyteCheckBoxPrimary::before {
  flex-shrink: 0;
}
.lyteCheckboxLabelEllipsis .lyteCheckBoxPrimary::before {
  margin-right: 5px;
}
lyte-checkbox.lyteCheckboxLabelEllipsis input[type="checkbox"]:checked + .lyteCheckBoxPrimary::before {
  margin-right: 2px;
}
.lyteCheckboxLabelEllipsis .lyteCheckBoxDefault span,
.lyteCheckboxLabelEllipsis .lyteCheckBoxPrimary span {
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.lyteCheckSwitch.lyteCheckboxSwitchWithStateLabel {
  min-width: 28px;
  min-height: 16px;
  width: auto;
  height: auto;
  display: inline-grid;
  grid-auto-flow: row;
  padding: 2px;
}
input[type="checkbox"].on-off-sw:checked + .lyteCheckSwitch.lyteCheckboxSwitchWithStateLabel .on-btn {
  left: calc(100% - 14px);
}
.lyteCheckboxStateLabel {
  font-size: 13px;
  padding-left: 17px;
  padding-right: 2px;
  grid-row: 1;
  grid-column: 1;
  transition: visibility 0.3s ease, opacity 0.3s ease;
}
input[type="checkbox"].on-off-sw:checked + .lyteCheckboxSwitchWithStateLabel .lyteCheckboxStateLabel {
  padding-right: 17px;
  padding-left: 2px;
  color: #fff;
}
.on-off-sw + .lyteCheckSwitch .lyteCheckboxOnStateLabel,
.on-off-sw:checked + .lyteCheckSwitch .lyteCheckboxOffStateLabel {
  visibility: hidden;
  opacity: 0;
}
.on-off-sw:checked + .lyteCheckSwitch .lyteCheckboxOnStateLabel {
  visibility: visible;
  opacity: 1;
}
.lyteCheckboxEmptyLabel .lyteCheckSwitch + span,
.lyteCheckboxEmptyLabel .lyteCheckBoxDefault span,
.lyteCheckboxEmptyLabel .lyteCheckBoxPrimary span,
.lyteCheckboxEmptyLabel .lyteCheckSliderText {
  display: none;
}
.lyteCheckboxEmptyLabel .lyteCheckBoxPrimary::before,
.lyteCheckboxEmptyLabel .lyteCheckBoxDefault::before {
  margin-right: 0;
  display: block;
}
/* import theme overrides - styles */
/* import custom css */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/checkbox.less file
 */
/*  Checkbox related CSS ENDS   */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
/* Make changes to override predefined styles */
/*  Calendar related CSS BEGINS     */
lyte-calendar {
  display: inline-block;
}
.lyteCalendarPopup {
  background: #fff;
  z-index: 1060;
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1);
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  font-size: 14px;
  border: 1px solid #d1d1d1;
}
.lyteCalendarNavigator {
  padding: 15px 20px 10px 20px;
  display: flex;
  align-items: center;
}
.lyteCalMonthDD {
  max-width: 150px;
  width: auto;
}
.lyteCalYearDD {
  width: auto;
}
.lyteCalendarPopup lyte-dropdown lyte-drop-button {
  box-sizing: border-box;
  color: #666;
  padding: 3px 25px 3px 1px;
  border: 0;
}
.lyteCalMonthDD lyte-drop-button {
  font-size: 18px;
}
.lyteCalYearDD lyte-drop-button {
  font-size: 16px;
}
.lyteCalendarPopup lyte-dropdown lyte-icon.dropdown {
  top: calc(50% - 2px);
}
.lyteCalendarPopup lyte-dropdown lyte-drop-button.lyteDropButtonDown,
.lyteCalendarPopup lyte-dropdown lyte-drop-button.lyteDropButtonUp,
.lyteCalendarPopup lyte-dropdown lyte-drop-button:hover {
  color: #111;
  padding: 3px 25px 3px 1px;
  border: 0;
}
.lyteCalendarDropdown lyte-drop-item {
  min-width: 40px;
}
.lyteCalNav {
  width: 20px;
  height: 20px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  order: 2;
  border: 1px solid #999;
  border-radius: 50%;
}
.lyteCalNav:hover {
  border: 1px solid #333;
}
.lyteCaldLft::before,
.lyteCaldRgt::before {
  content: '';
  position: absolute;
  top: 6px;
  left: 5px;
  width: 10px;
  height: 10px;
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -40px -1px;
  opacity: 0.5;
}
.lyteCalyearNavLft::before,
.lyteCalyearNavRgt::before {
  content: '';
  position: absolute;
  top: 5px;
  left: 5px;
  width: 10px;
  height: 10px;
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -351px -278px;
  opacity: 0.5;
}
.lyteCaldRgt {
  margin-left: 10px;
}
.lyteCalyearNavRgt {
  margin-left: 5px;
}
.lyteCalyearNavLft {
  margin-right: 5px;
}
.lyteCalyearNavLft::before {
  transform: rotate(180deg);
}
.lyteCaldLft::before {
  top: 5px;
  transform: rotate(180deg);
}
.lyteCalNav:hover::before {
  opacity: 1;
}
.lyteCalsCalMon {
  flex-grow: 3;
  text-align: left;
  order: 1;
  cursor: default;
  color: #111;
}
.lyteCalsCalMonth {
  font-size: 18px;
}
.lyteCalsCalYear {
  font-size: 16px;
}
.lyteCalTableContainer {
  border-spacing: 8px 5px;
  box-sizing: border-box;
  display: table;
  padding: 0 12px 8px;
  width: 100%;
}
.lyteCalTableRow,
.lyteCalTableRowHeader {
  display: table-row;
}
.lyteCalTableCellHeader {
  color: #777;
  cursor: default;
  display: table-cell;
  font-size: 13px;
  text-transform: uppercase;
  text-align: center;
  padding-bottom: 6px;
}
.lyteCalTableCell {
  border: 1px solid transparent;
  color: #111;
  cursor: pointer;
  font-size: 14px;
  display: table-cell;
  vertical-align: middle;
  padding: 0;
  text-align: center;
  width: 30px;
  min-width: 30px;
  height: 30px;
  border-radius: 50%;
}
.lyteCalOtherDecadeCell,
.lyteCalGray {
  opacity: 0.4;
}
.lyteCalWeekSelType .lyteCalTableRow:hover .lyteCalGray,
.lyteCalGray.lyteCalWeekSel,
.lyteCalOtherDecadeCell:hover,
.lyteCalOtherDecadeCell.lyteCalYearSel,
.lyteCalGray:hover,
.lyteCalGray.lyteCalSel {
  opacity: 1;
}
.lyteCalToday {
  background: #fff;
  color: #5ba1e5;
  border: 1px solid #5ba1e5;
}
.lyteCalTableCell:hover,
.lyteCalToday:hover {
  background: #e6f3fd;
}
.lyteCalDisabled.lyteCalSel,
.lyteCalHoliday.lyteCalSel,
.lyteCalWeekend.lyteCalSel,
.lyteCalSel,
.lyteCalSel:hover {
  background: #5ba1e5;
  color: #fff;
  border: 1px solid #5ba1e5;
}
.lyteCalBtns .lyteCalCurrentDate {
  padding: 10px;
  border-top: 1px solid #e0e0e0;
  text-align: center;
}
.lyteCalCurrentDate a {
  color: #2c7bd0;
  cursor: pointer;
}
.lyteCalEmpty {
  display: table-cell;
}
.lyteCalendarHidden {
  display: none;
}
.lyteCalendarPopup .lyteDummyEventContainer:focus lyte-drop-button,
.lyteCalendarPopup .lyteDummyEventContainer:focus lyte-drop-button:hover,
.lyteCalendarPopup lyte-drop-button.lyteDropButtonUp,
.lyteCalendarPopup lyte-drop-button.lyteDropButtonDown {
  border: 0;
  box-shadow: none;
}
.lyteCalTableRowGroup {
  display: table-row-group;
}
.lyteCalDisabled {
  background: transparent;
  pointer-events: none;
  opacity: 0.5;
}
.lyteCalendarDisabledDate {
  background: transparent;
  opacity: 0.5;
  cursor: default;
}
.lyteCalendarDisabledDate:hover {
  background: transparent;
}
/*  Drilldown calendar CSS BEGINS   */
.lyteDrillCalYearView,
.lyteDrillCalMonthView {
  border-spacing: 20px 40px;
}
.lyteDrillCalYearView .lyteCalTableCell,
.lyteDrillCalMonthView .lyteCalTableCell {
  height: auto;
  width: 40px;
  padding: 0 5px;
  border-radius: 3px;
}
.lyteDrillCalCurrentYear,
.lyteDrillCalCurrentMonth {
  color: #5ba1e5;
  border: 1px solid #5ba1e5;
}
.lyteDrillCalHeaderButton {
  background: transparent;
  padding: 2px 10px;
  color: #777;
  border: 1px solid #bbb;
  border-radius: 3px;
  font-size: 16px;
  cursor: pointer;
}
.lyteDrillCalHeaderButton:hover {
  background: #eee;
}
.lyteDrillCalYearListHeader:hover,
.lyteDrillCalYearListHeader {
  border-color: transparent;
  background: transparent;
  cursor: default;
}
.lyteDrillCalHeaderButton .lyteCalsCalMonth {
  font-size: 16px;
}
.lyteCalDisableNav {
  pointer-events: none;
  opacity: 0.5;
}
/*  Drilldown calendar CSS ENDS   */
.lyteVisuallyHidden {
  position: absolute;
  top: auto;
  overflow: hidden;
  width: 0;
  height: 0;
  white-space: nowrap;
}
/*	Calendar weekly selection CSS Begins */
.lyteCalWeekSelType .lyteCalTableCell {
  position: relative;
  border-radius: 0;
}
.lyteCalWeekSelType .lyteCalTableRow:hover .lyteCalTableCell {
  background: #e6f3fd;
  color: #111;
}
.lyteCalWeekSelType .lyteCalToday.lyteCalWeekSel,
.lyteCalWeekSelType .lyteCalTableRow:hover .lyteCalToday {
  border-color: transparent;
  border-radius: 0;
  color: #111;
}
.lyteCalWeekSelType .lyteCalTableRow:hover .lyteCalWeekSel,
.lyteCalWeekSel {
  background: #e6f3fd;
}
.lyteWeekNumContainer .lyteCalWeekSel:nth-child(2),
.lyteWeekNumContainer .lyteCalWeekSelType .lyteCalTableRow:hover .lyteCalTableCell:nth-child(2),
.lyteCalWeekSelType .lyteCalToday.lyteCalWeekSel:first-child,
.lyteCalWeekSelType .lyteCalTableRow:hover .lyteCalToday:first-child,
.lyteCalWeekSelType .lyteCalTableCell:first-child {
  border-radius: 50% 0 0 50%;
}
.lyteCalWeekSelType .lyteCalToday.lyteCalWeekSel:last-child,
.lyteCalWeekSelType .lyteCalTableRow:hover .lyteCalToday:last-child,
.lyteCalWeekSelType .lyteCalTableCell:last-child {
  border-radius: 0 50% 50% 0;
}
.lyteCalWeekSelType .lyteCalToday,
.lyteCalWeekSelType .lyteCalToday:first-child,
.lyteCalWeekSelType .lyteCalToday:last-child {
  border-radius: 50%;
}
.lyteWeekNumContainer .lyteCalWeekSel:nth-child(2),
.lyteCalWeekSelType .lyteCalWeekSel:first-child,
.lyteCalWeekSelType .lyteCalWeekSel:last-child {
  color: #fff;
  z-index: 0;
}
.lyteWeekNumContainer .lyteCalWeekSelType .lyteCalTableRow:hover .lyteCalWeekSel:nth-child(2),
.lyteCalWeekSelType .lyteCalTableRow:hover .lyteCalWeekSel:first-child,
.lyteCalWeekSelType .lyteCalTableRow:hover .lyteCalWeekSel:last-child {
  color: #fff;
}
.lyteCalWeekSel:last-child::before,
.lyteCalWeekSel:first-child::before,
.lyteWeekNumContainer .lyteCalWeekSel:nth-child(2)::before {
  content: '';
  background: #5ba1e5;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: -1;
}
.lyteWeekNumContainer .lyteCalWeekSel:nth-child(2)::before,
.lyteCalWeekSel:first-child::before {
  left: 0;
  top: 0;
}
.lyteCalWeekSel:last-child::before {
  right: 0;
  top: 0;
}
.lyteCalWeekSelType .lyteCalTableRow .lyteCalTableCell::after {
  content: '';
  position: absolute;
  left: calc(100% + 1px);
  width: 8px;
  top: -1px;
  bottom: -1px;
}
.lyteCalWeekSel::after,
.lyteCalWeekSelType .lyteCalTableRow:hover .lyteCalTableCell::after {
  background: #e6f3fd;
}
.lyteCalWeekSelType .lyteCalTableRow .lyteCalTableCell:last-child::after {
  content: none;
}
/*	Calendar weekly selection CSS Ends */
/*	Calendar Monthly selection, Yearly Selection CSS Begins */
.lyteCalYearSelType,
.lyteCalMonthSelType {
  border-spacing: 16px 40px;
}
.lyteCalYearSelType .lyteCalTableCell,
.lyteCalMonthSelType .lyteCalTableCell {
  height: auto;
  width: 40px;
  padding: 5px;
  border-radius: 3px;
}
.lyteCalYearSel:hover,
.lyteCalYearSel,
.lyteCalMonthSel:hover,
.lyteCalMonthSel {
  background: #5ba1e5;
  color: #fff;
}
.lyteCalWeekendHeader,
.lyteCalWeekSelType .lyteCalTableRow:hover .lyteCalHoliday,
.lyteCalWeekSelType .lyteCalTableRow:hover .lyteCalWeekend,
.lyteCalHoliday,
.lyteCalWeekend {
  color: #E74C3C;
}
.lyteWeekNumContainer .lyteCalTableContainer {
  padding-left: 0;
  position: relative;
}
.lyteCalTableRowGroup .lyteWeekNumberGrid {
  color: #7B7C7D;
  font-size: 14px;
  display: table-cell;
  vertical-align: middle;
  padding: 0;
  text-align: center;
  width: 30px;
  min-width: 30px;
  height: 30px;
  padding-right: 10px;
}
.lyteWeekNumContainer .lyteCalTableContainer::before {
  content: "";
  position: absolute;
  border-radius: 0 5px 0 0;
  border: 1px solid #DCDBDC;
  border-left: none;
  background: #F5F7F9;
  width: 42px;
  left: 0;
  display: inline-block;
  height: calc(100% - 6px);
  z-index: 0;
}
.lyteWeekNumberGrid {
  position: relative;
  z-index: 1;
}
.lyteCalTableCellHeader.lyteWeekNumberGrid {
  padding-right: 10px;
}
.lyteWeekNumberGrid.lyteCalCurWeekNum {
  color: #4497DD;
}
.lyteWeekNumContainer .lyteCalTableContainer.lyteCalYearSelType::before,
.lyteWeekNumContainer .lyteCalTableContainer.lyteCalMonthSelType::before {
  content: none;
}
.lyteCalHeaderCenterAlign .lyteCalNav {
  order: 1;
}
.lyteCalHeaderCenterAlign .lyteCalsCalMon {
  text-align: center;
}
/*	Calendar Monthly selection, Yearly Selection CSS Ends */
/* import theme overrides - styles */
/* import custom css */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/calendar.less file
 */
/*  Calendar related CSS ENDS     */
lyte-datemultiselect {
  display: inline-block;
}
.lyteDMSButton {
  border: 1px solid #d6d6d6;
  background-color: #fff;
  padding: 10px;
  border-radius: 5px;
  cursor: pointer;
}
.lyteDMSButton:hover {
  border: 1px solid #c1c1c1;
}
.lyteDmsWrap {
  display: flex;
  position: absolute;
  box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.05);
  border: 1px solid #E5E8EA;
  border-radius: 0 5px 5px 5px;
}
.lyteDmsSelectionContainer {
  background-color: #fff;
  border-radius: 0 5px 5px 0;
  box-shadow: none;
  display: inline-flex;
  flex-direction: column;
  overflow: auto;
  box-sizing: border-box;
  font-size: 15px;
  max-height: 350px;
  border-left: 1px solid #E5E8EA;
}
.lyteDmsCalcWrap {
  display: flex;
  align-items: center;
  padding: 15px 20px;
  border-bottom: 1px solid #BABDBF;
}
.lyteDmsDateCalc {
  color: #0984E3;
  border-radius: 5px;
  border: 1px solid #0984E3;
  width: 30px;
  height: 30px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
.lyteDmsDayCalc {
  margin: 0;
  margin-right: 30px;
  color: #152229;
}
.lyteDmsRightPanelContentWrap {
  overflow: auto;
  flex-grow: 1;
}
.lyteDmsRightDate {
  display: flex;
  flex-direction: column;
  padding: 10px 20px;
}
.lyteDmsSelectedDays {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 20px;
  color: #292C2E;
}
.lyteDMSRemoveIcon {
  width: 12px;
  height: 12px;
  -webkit-mask-image: url(../../images/sprite_lyte.svg);
  -webkit-mask-position: -324px -109px;
  mask-image: url(../../images/sprite_lyte.svg);
  mask-position: -324px -109px;
  background-color: #6D6E70;
  cursor: pointer;
}
.lyteDMSRemoveAll {
  color: #E74C3C;
  text-align: center;
  padding: 10px;
  cursor: pointer;
}
.lyteDMSHide {
  display: none;
}
.lyteDmsWrap .lyteCalendarPopup {
  border: 0;
  border-radius: 0 0 0 5px;
  box-shadow: none;
  border-right: 1px solid #E5E8EA;
}
.lyteDmsWrap {
  position: relative;
}
.lyteDMSButtonPlaceholder {
  color: #808080;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
/*  Calculator related style BEGINS   */
lyte-calculator {
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  display: inline-block;
  border-radius: 3px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding-left: 17px;
}
.lyteCalculator {
  border: 1px solid #d8d8d8;
  box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  outline: 0;
  width: 220px;
  box-sizing: content-box;
}
.lyteCalculator.advanced {
  width: 450px;
}
.lyteCalculator.basic .advancedCalculator {
  display: none;
}
.calculatorDisplay {
  position: relative;
  background: #fafafa;
  border-bottom: 1px solid #d8d8d8;
  padding: 5px 20px;
  border-radius: 3px 3px 0 0;
  height: 45px;
  box-sizing: content-box;
}
.calculatorrad {
  font-size: 12px;
  position: absolute;
  bottom: 5px;
}
.lyteCalculator.advanced .calculatorDisplay {
  padding: 5px 15px;
}
.lyteCalculatorTextField {
  width: 100%;
  border: 0;
  outline: 0;
  box-shadow: none;
  text-align: right;
  background: #fafafa;
  font-size: 20px;
  color: #111;
  height: 25px;
  direction: ltr;
}
.lyteCalculatorTextField::-ms-clear {
  display: none;
}
.calculatorDisplay.equalBtn .lyteCalculatorTextField {
  font-size: 14px;
  color: #777;
  height: 21px;
}
.calculatorbuttons,
.basicCalculator,
.advancedCalculator {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: relative;
}
.advancedCalculator {
  width: 250px;
}
.basicCalculator {
  align-content: baseline;
}
.advancedCalculator span,
.basicCalculator span {
  width: 55px;
  height: 38px;
  border-right: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  box-sizing: border-box;
  background: #f4f4f4;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  font-size: 15px;
  color: #111;
  direction: ltr;
}
.basicCalculator span.calcClearAc {
  font-size: 14px;
}
.basicCalculator span.doubleWidth {
  width: 110px;
}
.advancedCalculator span {
  width: 50px;
  font-size: 14px;
}
.lyteCalculator.advanced .basicCalculator span {
  width: 50px;
}
.lyteCalculator.advanced .basicCalculator span.doubleWidth {
  width: 100px;
}
.lyteCalculator.advanced .basicCalculator {
  width: 200px;
}
.advancedCalculator span:hover,
.basicCalculator span:hover {
  background: #eee;
}
.basicCalculator span.basicOp {
  background: #6f92e9;
  border-right: 0;
  font-size: 25px;
}
.basicCalculator span.basicOp.calcEqual {
  color: #fff;
}
.basicCalculator span.lastrow,
.advancedCalculator span.lastrow {
  border-bottom: 0;
}
.calculatorDispspan {
  text-align: right;
  font-size: 14px;
  color: #777;
  height: 22px;
}
.calculatorDisplay.equalBtn .calculatorDispspan {
  font-size: 20px;
  color: #111;
  height: 25px;
}
.calculatorToggle {
  display: block;
  position: absolute;
  left: -18px;
  border: 1px solid #d8d8d8;
  padding: 5px 3px;
  background: #f0f0f0;
  border-right: 0;
  top: 43px;
  cursor: pointer;
}
.calculatorsmaller {
  color: #f0f0f0;
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -40px -1px;
  opacity: 0.7;
  width: 10px;
  height: 10px;
  display: inline-block;
  transform: rotate(180deg);
}
.lyteCalculator.advanced .calculatorsmaller {
  transform: rotate(0deg);
}
.advancedCalculator span.CalculatorBtn15 {
  font-size: 15px;
}
.advancedCalculator span.CalculatorBtn16 {
  font-size: 16px;
}
.advancedCalculator span.CalculatorBtn17 {
  font-size: 17px;
}
.advancedCalculator span.calc-second {
  background: #e4e4e4;
}
.memorymr.active,
.memorymr.active:hover {
  background: #e4e4e4;
  position: relative;
}
.memorymr.active::before {
  content: '';
  position: absolute;
  right: 5px;
  top: 5px;
  background: #3663d4;
  width: 5px;
  height: 5px;
  border-radius: 50%;
}
.calcLeft {
  border-bottom-left-radius: 2px;
}
.lyteCalculator.advanced .basicCalculator .calcLeft {
  border-bottom-left-radius: 0px;
}
.calcRight {
  border-bottom-right-radius: 2px;
}
.basicCalculator span.basicOp:not(.calcEqual),
.advancedCalculator span.squareroot.inverse,
.advancedCalculator span.cuberoot.inverse,
.basicCalculator span.calcBackspace,
.advancedCalculator span.pieButton {
  position: relative;
  color: transparent;
}
.pieButton::after,
.basicCalculator span.basicOp:not(.calcEqual)::after,
.basicCalculator span.calcBackspace::after {
  content: '';
  position: absolute;
  background-image: url(../../images/sprite_lyte.svg);
}
.calcMultiply::after {
  background-position: -325px -110px;
  width: 14px;
  height: 12px;
  top: calc(50% - 6px);
  left: calc(50% - 7px);
}
.calcDivide::after {
  background-position: -348px -108px;
  width: 14px;
  height: 14px;
  top: calc(50% - 7px);
  left: calc(50% - 7px);
}
.calcAdd::after {
  background-position: -73px -58px;
  width: 11px;
  height: 11px;
  top: calc(50% - 5px);
  left: calc(50% - 5px);
}
.calcSub::after {
  background-position: -309px -116px;
  width: 12px;
  height: 2px;
  top: calc(50% - 1px);
  left: calc(50% - 6px);
}
.squareroot.inverse::before,
.cuberoot.inverse::before {
  content: '2';
  position: absolute;
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -374px -107px;
  width: 20px;
  height: 18px;
  top: calc(50% - 9px);
  left: calc(50% - 10px);
  color: #222;
  font-size: 13px;
  line-height: 10px;
  text-align: left;
  text-indent: -2px;
}
.cuberoot.inverse::before {
  content: 'y';
  line-height: 6px;
}
.squareroot.inverse::after,
.cuberoot.inverse::after {
  content: 'x';
  position: absolute;
  color: #222;
  top: 14px;
  line-height: 6px;
  left: calc(50%);
  text-indent: 1px;
}
.basicCalculator span.calcBackspace::after {
  background-position: -98px -134px;
  width: 16px;
  height: 12px;
  left: calc(50% - 8px);
  top: calc(50% - 6px);
}
.lyteCalculatorTextField.hideCursor,
.lyteCalculatorTextField.hideCursorNonEditable {
  color: transparent;
  text-shadow: 0 0 0 #111;
}
.equalBtn .lyteCalculatorTextField.hideCursorNonEditable {
  color: transparent;
  text-shadow: 0 0 0 #777;
}
.lyteCalculatorTextField.lyteScrollBar {
  height: 25px;
  overflow: hidden;
}
.toggleBtns {
  position: relative;
}
.toggleBtns sup {
  font-size: 0;
}
.cuberoot:not(.inverse)::after,
.squareroot:not(.inverse)::after,
.logbtn.inverse::after,
.naturallog.inverse::after,
.hyperbolic.inverse::after,
.trignometry.inverse::after {
  content: '-1';
  position: absolute;
  top: -7px;
  right: 7px;
  color: #111;
  font-size: 12px;
}
.hyperbolic.inverse::after {
  right: 5px;
}
.logbtn.inverse::after,
.naturallog.inverse::after {
  content: 'x';
  top: -7px;
  right: 10px;
}
.naturallog.inverse::after {
  right: 12px;
}
.squareroot:not(.inverse)::after {
  content: '2';
  right: 12px;
}
.cuberoot:not(.inverse)::after {
  content: 'y';
  right: 12px;
}
.pieButton::after {
  display: block;
  width: 10px;
  height: 10px;
  background-position: -124px -137px;
  top: calc(50% - 3px);
  left: calc(50% - 4px);
}
/* import theme overrides - styles */
/* import custom css */
/*  Calculator related style ENDS   */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
/* Make changes to override predefined styles */
/* Radiobutton CSS BEGINS */
lyte-radiobutton {
  color: #333;
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  font-size: 14px;
  display: inline-block;
  position: relative;
}
lyte-radiobutton label {
  cursor: pointer;
}
lyte-radiobutton.lyteRadioDisabled label {
  cursor: not-allowed;
}
lyte-radiobutton input[type="radio"] {
  position: absolute;
  opacity: 0;
}
.lyteRadioLayer {
  width: 15px;
  height: 15px;
  border: 1px solid #aaa;
  border-radius: 50%;
  display: inline-block;
  margin-right: 7px;
  vertical-align: middle;
  background: #fff;
  position: relative;
}
.lyteRadioLayer .lyteRadioCheck {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  position: absolute;
  top: calc(50% - 4.5px);
  left: calc(50% - 4.5px);
  background: #555;
  transform: scale(0);
  transition: transform 0.2s ease;
}
.lyteRadioDisabled input[type="radio"]:checked + .lyteRadioLayer,
lyte-radiobutton label:hover .lyteRadioLayer,
lyte-radiobutton input[type="radio"]:focus + .lyteRadioLayer,
lyte-radiobutton input[type="radio"]:active + .lyteRadioLayer,
lyte-radiobutton input[type="radio"]:checked + .lyteRadioLayer {
  border: 1px solid #555;
}
lyte-radiobutton input[type="radio"]:focus + .lyteRadioLayer {
  box-shadow: 0 0 4px 0 #555;
}
lyte-radiobutton input[type="radio"]:checked + .lyteRadioLayer .lyteRadioCheck {
  transform: scale(1);
}
.lyteRadioLabel {
  display: inline-block;
  vertical-align: middle;
}
lyte-radiobutton input[type="radio"]:focus ~ .lyteRadioLabel,
lyte-radiobutton label:hover .lyteRadioLabel {
  color: #111;
}
lyte-radiobutton .lytePrimary .lyteRadioLayer .lyteRadioCheck {
  background: #5ba1e5;
}
lyte-radiobutton label.lytePrimary:hover .lyteRadioLayer,
lyte-radiobutton .lytePrimary input[type="radio"]:focus + .lyteRadioLayer,
lyte-radiobutton .lytePrimary input[type="radio"]:active + .lyteRadioLayer,
lyte-radiobutton .lytePrimary input[type="radio"]:checked + .lyteRadioLayer {
  border: 1px solid #5ba1e5;
}
lyte-radiobutton .lytePrimary input[type="radio"]:focus + .lyteRadioLayer {
  box-shadow: 0 0 4px 0 #5ba1e5;
}
lyte-radiobutton .lyteSecondary .lyteRadioLayer .lyteRadioCheck {
  background: #72C98A;
}
lyte-radiobutton label.lyteSecondary:hover .lyteRadioLayer,
lyte-radiobutton .lyteSecondary input[type="radio"]:focus + .lyteRadioLayer,
lyte-radiobutton .lyteSecondary input[type="radio"]:active + .lyteRadioLayer,
lyte-radiobutton .lyteSecondary input[type="radio"]:checked + .lyteRadioLayer {
  border: 1px solid #72C98A;
}
lyte-radiobutton .lyteSecondary input[type="radio"]:focus + .lyteRadioLayer {
  box-shadow: 0 0 4px 0 #72C98A;
}
.lyteRadioSwitch {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 28px;
  height: 16px;
  border-radius: 20px;
  background: #d3d3d3;
}
.lyteRadioSwitch .on-btn {
  display: inline-block;
  position: absolute;
  width: 12px;
  height: 12px;
  background: #fff;
  border-radius: 50%;
  left: 2px;
  top: calc(50% - 6px);
  right: auto;
  transition: left 200ms ease;
}
lyte-radiobutton .on-off-sw:focus + .lyteRadioSwitch {
  box-shadow: 0 0 3px 1px #d3d3d3;
}
.on-off-sw:checked + .lyteRadioSwitch {
  background: #5ba1e5;
}
lyte-radiobutton .on-off-sw:checked:focus + .lyteRadioSwitch {
  box-shadow: 0 0 3px 1px #5ba1e5;
}
lyte-radiobutton .on-off-sw:checked + .lyteRadioSwitch .on-btn {
  left: 14px;
}
.lyteRadioSliderLabel {
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
}
.lyteRadioSlider {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 1.4rem;
}
.lyteRadioSlider::before {
  content: '';
  position: absolute;
  display: inline-block;
  z-index: 1;
  width: 1.4rem;
  height: 1.4rem;
  background: #fff;
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
  border-radius: 50%;
  left: 0;
  transition: left 200ms ease;
}
input[type="radio"]:checked + .lyteRadioSlider::before {
  left: 2.25rem;
}
.lyteRadioSlider::after {
  content: '';
  position: absolute;
  display: inline-block;
  z-index: 0;
  width: 3.5rem;
  height: 0.2rem;
  top: 0.6rem;
  left: 0;
  background: #b5b1b1;
}
input[type="radio"]:checked + .lyteRadioSlider::after {
  background: #000;
}
.lyteRadioSliderText {
  padding-left: 4.25rem;
  vertical-align: middle;
}
.lyteRadioDisabled .lyteRadioSlider::after,
.lyteRadioDisabled .lyteRadioSwitch,
.lyteRadioDisabled .lyteRadioLayer {
  opacity: 0.5;
}
.lyteRadioDisabled .lyteRadioSlider::before {
  opacity: 0.8;
  background: #f5f5f5;
}
.lyteRadioDisabled input[type="radio"]:active + .lyteRadioLayer,
.lyteRadioDisabled .lytePrimary input[type="radio"]:active + .lyteRadioLayer,
.lyteRadioDisabled .lyteSecondary input[type="radio"]:active + .lyteRadioLayer,
.lyteRadioDisabled label.lyteSecondary:hover .lyteRadioLayer,
.lyteRadioDisabled label.lytePrimary:hover .lyteRadioLayer,
.lyteRadioDisabled label:hover .lyteRadioLayer {
  border: 1px solid #aaa;
}
.lyteRadioDisabled label:hover .lyteRadioLabel {
  color: #333;
}
/*	CSS for handling bigger labels in Radio button BEGINS	*/
lyte-radiobutton.lyteRadioLabelBiggerCase {
  max-width: 100%;
}
lyte-radiobutton.lyteRadioLabelBiggerCase label {
  display: flex;
}
lyte-radiobutton.lyteRadioLabelBiggerCase .lyteRadioLayer {
  flex-shrink: 0;
}
lyte-radiobutton.lyteRadioLabelBiggerCase .lyteRadioLabel {
  overflow: auto;
  overflow-wrap: break-word;
  white-space: normal;
}
/*	CSS for handling bigger labels in Radio button ENDS	*/
.lyteRadioCheckbox {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #aaa;
  width: 14px;
  height: 14px;
  border-radius: 2px;
}
input[type="radio"]:checked + .lyteRadioCheckbox {
  border: 1px solid #5ba1e5;
  background-color: #5ba1e5;
}
input[type="radio"]:hover + .lyteRadioCheckbox {
  border: 1px solid #5ba1e5;
}
lyte-radiobutton input[type="radio"]:checked + .lyteRadioCheckbox::after {
  -webkit-mask-image: url(../../images/sprite_lyte.svg);
  -webkit-mask-position: -33px -15px;
  mask-image: url(../../images/sprite_lyte.svg);
  mask-position: -33px -15px;
  display: block;
  content: "";
  background-color: #fcfdff;
  width: 9px;
  height: 7px;
}
/* import theme overrides - styles s*/
/* import custom css */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/radiobutton.less file
 */
/* Radiobutton CSS ENDS */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
/* Make changes to override predefined styles */
/*  Dropdown related style BEGINS   */
lyte-dropdown,
lyte-drop-box {
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  font-size: 15px;
  color: #111;
  display: inline-block;
  max-width: 430px;
}
lyte-dropdown {
  max-width: 330px;
}
lyte-drop-button {
  border: 1px solid #d6d6d6;
  border-radius: 2px;
  cursor: pointer;
  text-align: left;
  position: relative;
  display: inline-block;
  padding: 7px 25px 7px 10px;
  width: 100%;
  box-sizing: border-box;
  color: #111;
  background: #fff;
}
lyte-dropdown lyte-drop-button:hover {
  border: 1px solid #c1c1c1;
}
lyte-drop-button.lyteDropButtonUp {
  border-radius: 0 0 2px 2px;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
}
lyte-drop-button.lyteDropButtonDown {
  border-radius: 2px 2px 0 0;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
}
.lyteMultiSearchDropButtonFocused:hover,
.lyteMultiSearchDropButtonFocused,
lyte-dropdown .lyteDummyEventContainer:focus lyte-drop-button,
lyte-dropdown .lyteDummyEventContainer:focus lyte-drop-button:hover {
  border: 1px solid #d6d6d6;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
}
lyte-drop-button.lyteDropButtonUp:hover,
lyte-drop-button.lyteDropButtonDown:hover {
  border: 1px solid #d6d6d6;
}
lyte-dropdown.calloutDrop lyte-drop-button {
  box-shadow: none;
  border-radius: 2px;
}
.lyteDropPlaceholderNormal,
.lyteDropdownLabel {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.lyteDummyEventContainer {
  outline: none;
}
lyte-drop-item {
  position: relative;
  cursor: pointer;
  display: block;
  text-align: left;
  color: #111;
  padding: 7px 15px 7px 25px;
  font-size: 15px;
  max-width: 100%;
  -ms-word-wrap: break-word;
  overflow-wrap: break-word;
}
lyte-drop-item.lyteDropdownActive,
lyte-drop-item.lyteSearchHidden {
  display: none;
}
.lyteDropdownSelection {
  background: #ededed;
}
lyte-drop-item[selected="true"]::before {
  content: '';
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -33px -15px;
  width: 9px;
  height: 7px;
  position: absolute;
  left: 10px;
  top: 15px;
}
lyte-dropdown lyte-icon.dropdown {
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -1px -2px;
  width: 8px;
  height: 4px;
  top: calc(50% - 2px);
  display: inline-block;
  opacity: 0.5;
  position: absolute;
  right: 10px;
}
/*  Multi select releated CSS--BEGINS   */
lyte-dropdown[lt-prop-type="multisearch"] lyte-drop-button,
lyte-dropdown[lt-prop-type="multiple"] lyte-drop-button {
  padding-right: 17px;
  min-height: 25px;
  white-space: normal;
}
lyte-dropdown[lt-prop-type="multisearch"] lyte-drop-button::after,
lyte-dropdown[lt-prop-type="multiple"] lyte-drop-button::after {
  content: '';
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -1px -2px;
  width: 8px;
  height: 4px;
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 15px;
  opacity: 0.5;
}
lyte-dropdown lyte-drop-button.ltDropdownIconNodePresent::after {
  content: none;
}
.lyteMultipleSelect li {
  background: #f1f1f1;
  color: #111;
  border: 1px solid #e8e8e8;
  margin: 3px 1px;
  border-radius: 2px;
  font-size: 15px;
  padding: 1px 25px 3px 7px;
  display: inline-block;
  position: relative;
  cursor: default;
  max-width: 100%;
  box-sizing: border-box;
}
.lyteMultipleSelect .lyteDropdownVisible {
  display: block;
  max-width: 100%;
  -ms-word-wrap: break-word;
  overflow-wrap: break-word;
}
lyte-dropdown[lt-prop-remove-multiple="true"] .lyteMultipleSelect li {
  cursor: pointer;
}
lyte-dropdown[lt-prop-type="multisearch"] .lyteMultipleSelect li.lyteMultiselectInput {
  background: #fff;
  border: 0;
  padding: 0;
  margin: 0;
  width: 150px;
}
lyte-dropdown[lt-prop-type="multisearch"] .lyteMultipleSelect .lyteMultiselectInput:only-of-type {
  width: 100%;
}
.lyteDropPlaceholderMultiple {
  padding-left: 0;
  font-size: 14px;
  color: #999;
  vertical-align: top;
}
.lyteMultipleSelect .lyteCloseIcon {
  position: absolute;
  cursor: pointer;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 18px;
  border-radius: 0 2px 2px 0;
}
.lyteMultipleSelect li:hover .lyteCloseIcon {
  background: #e8e8e8;
}
.lyteMultipleSelect .lyteCloseIcon::before {
  content: '';
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -54px -2px;
  width: 8px;
  height: 8px;
  top: calc(50% - 4px);
  right: 5px;
  opacity: 0.7;
  display: inline-block;
  position: absolute;
  cursor: pointer;
}
.lyteMultipleSelect .lyteCloseIcon:hover::before {
  opacity: 1;
}
.lyteDropdownNoResult {
  padding: 5px 15px 15px;
  text-align: center;
  font-size: 14px;
  color: #8a8a8a;
}
lyte-drop-button input {
  width: 100%;
  border: none;
  background: transparent;
  font-size: 14px;
  color: #111;
  padding: 0;
  box-sizing: border-box;
}
lyte-drop-button input:focus {
  outline: none;
}
.lyte-dropdown-filtered {
  display: none !important;
}
.lyteMultiSelectDropdown lyte-drop-item {
  padding: 7px 10px;
}
/*  Multi select releated CSS--ENDS   */
/*lyte-list-box dropbox related css--BEGINS     */
lyte-drop-box {
  background: #fff;
  box-sizing: border-box;
  border: 1px solid #d6d6d6;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
  z-index: 1060;
  position: absolute;
  border-radius: 0 0 2px 2px;
  display: block;
  width: auto;
  transform: translate(-1000px, -1000px);
}
lyte-drop-box[lyte-hidden] {
  visibility: hidden;
}
lyte-drop-box.lyteDropdownCurve {
  border-radius: 0 2px 2px 2px;
}
lyte-drop-box.lyteDropdownDown {
  transform: translateY(-1px);
}
lyte-drop-box.lyteDropdownUp {
  border-radius: 2px 2px 0 0;
  box-shadow: 0px -2px 6px 0px rgba(0, 0, 0, 0.15);
  transform: translateY(1px);
}
lyte-drop-box.lyteDropdownRight,
lyte-drop-box.lyteDropdownLeft {
  transform: none;
}
lyte-drop-box.lyteDropBodyCallout {
  border-radius: 2px;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
}
lyte-drop-box:not(.lyteDropBodyCallout) .lyteArrow {
  background: #ededed;
  width: 328px;
  height: 1px;
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
}
.lyteDropdownUp:not(.lyteDropBodyCallout) .lyteArrow {
  top: unset;
  bottom: -1px;
}
.lyteDropdownUp.lyteDropdownCurve {
  border-radius: 2px 2px 2px 0;
}
lyte-drop-box lyte-input.lyteInput .lyteSearch {
  padding-left: 35px;
}
lyte-drop-box.lyteDropdownUp lyte-input.lyteInput .lyteSearch {
  border-radius: 2px 2px 0 0;
}
lyte-drop-box.lyteDropdownHidden {
  display: none;
  transform: translate(-1000px, -1000px);
}
lyte-drop-footer,
lyte-drop-header {
  display: block;
}
lyte-drop-footer {
  border-top: 1px solid #ddd;
  text-align: center;
}
lyte-drop-body {
  padding: 5px 0;
  display: block;
  max-height: 210px;
  overflow-y: auto;
  position: relative;
}
lyte-drop-header lyte-search .searchIcon {
  top: 10px;
  left: 10px;
}
lyte-drop-box .lyteDropdownFooter {
  border-top: 1px solid #ddd;
}
lyte-drop-box .lyteDropdownFooter .lyteDropdownAction {
  padding: 7px 10px;
  font-size: 14px;
}
lyte-drop-label {
  display: block;
  height: auto;
  padding: 10px 10px 3px;
  text-align: left;
  font-size: 15px;
  font-family: 'LatoBold', 'Open Sans', sans-serif;
  overflow-wrap: break-word;
}
lyte-drop-label:first-child {
  padding-top: 5px;
}
/*lyte-list-box dropbox related css--ENDS     */
.lyteDropdownFiltered {
  display: none!important;
}
#lytedropdownfreezelayer {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  opacity: 0.1;
  position: fixed;
  overflow: hidden;
  display: none;
}
.lyteDropdownZIndex {
  z-index: calc(1060 - 5);
}
/*Dropdown element disabled option -- BEGINS*/
.lyteDropdown-disabled lyte-drop-button {
  background: #f3f3f3;
  color: #999;
  cursor: not-allowed;
}
.lyteDropdownDisabled lyte-drop-button:hover {
  border: 1px solid #d6d6d6;
}
.lyteDropdownDisabled .lyteDummyEventContainer:focus lyte-drop-button:hover,
.lyteDropdownDisabled .lyteDummyEventContainer:focus lyte-drop-button {
  box-shadow: none;
  border: 1px solid #d6d6d6;
}
.lyteDropdownDisabled .lyteMultipleSelect li {
  background: #ebe9e9;
  border: 1px solid #d3d3d3;
  cursor: not-allowed;
}
.lyteDropdownDisabled .lyteCloseIcon {
  pointer-events: none;
}
.lyteDropdownDisabled .lyteMultipleSelect li:hover .lyteCloseIcon {
  background: transparent;
}
lyte-dropdown .lyteDropdown-disabled lyte-icon.dropdown {
  opacity: 0.3;
}
/*Dropdown element disabled option -- ENDS*/
/*  Dropdown item disabled CSS -- BEGINS    */
lyte-drop-item.lyteDropdown-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
/*  Dropdown item disabled CSS -- ENDS    */
.lyteDropPlaceholderNormal {
  margin-right: 20px;
  color: #828282;
}
.lyteMultipleSelect li.lyteDropMark {
  background: #eef5fa;
  border: 1px solid #3ea7fc;
}
.lyteMultipleSelect li.lyteDropMark:hover .lyteCloseIcon {
  background: #daebf7;
}
/*  Callout hook related CSS -- BEGINS    */
/*Dropdown with arrow */
lyte-drop-box .lyteArrowIcon {
  width: 0;
  height: 0;
  border-bottom: 8px solid #fff;
  position: absolute;
}
lyte-drop-box .lyteArrowTop::after,
lyte-drop-box .lyteArrowTop::before,
lyte-drop-box .lyteArrowBottom::after,
lyte-drop-box .lyteArrowBottom::before,
lyte-drop-box .lyteArrowRight::after,
lyte-drop-box .lyteArrowRight::before,
lyte-drop-box .lyteArrowLeft::after,
lyte-drop-box .lyteArrowLeft::before {
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border: 8px solid transparent;
}
/*Arrow Top*/
lyte-drop-box .lyteArrowTop {
  top: 0;
}
lyte-drop-box .lyteArrowTop::after,
lyte-drop-box .lyteArrowTop::before {
  bottom: 0;
  left: 0;
}
lyte-drop-box .lyteArrowTop::after {
  border-bottom-color: #fff;
  margin-left: -8px;
}
lyte-drop-box .lyteArrowTop::before {
  border-bottom-color: #d6d6d6;
  border-width: 10px;
  margin-left: -10px;
}
/*Arrow bottom*/
lyte-drop-box .lyteArrowBottom {
  bottom: -8px;
  top: unset;
}
lyte-drop-box .lyteArrowBottom::after,
lyte-drop-box .lyteArrowBottom::before {
  top: 0;
  left: 0;
}
lyte-drop-box .lyteArrowBottom::after {
  border-top-color: #fff;
  margin-left: -8px;
}
lyte-drop-box .lyteArrowBottom::before {
  border-top-color: #d6d6d6;
  border-width: 10px;
  margin-left: -10px;
}
/*Arrow Right*/
lyte-drop-box .lyteArrowRight {
  right: 0;
}
lyte-drop-box .lyteArrowRight::after,
lyte-drop-box .lyteArrowRight::before {
  left: 0;
  top: 0;
}
lyte-drop-box .lyteArrowRight::after {
  border-left-color: #fff;
  margin-top: -8px;
}
lyte-drop-box .lyteArrowRight::before {
  border-left-color: #d6d6d6;
  border-width: 10px;
  margin-top: -10px;
}
/*Arrow Left*/
lyte-drop-box .lyteArrowLeft {
  left: 0;
}
lyte-drop-box .lyteArrowLeft::after,
lyte-drop-box .lyteArrowLeft::before {
  right: 0;
  top: 0;
}
lyte-drop-box .lyteArrowLeft::after {
  border-right-color: #fff;
  margin-top: -8px;
}
lyte-drop-box .lyteArrowLeft::before {
  border-right-color: #d6d6d6;
  border-width: 10px;
  margin-top: -10px;
}
/*  Callout hook related CSS -- ENDS    */
lyte-drop-box.lyteAnimate {
  transition: top 0.4s ease;
}
lyte-drop-box.lyteDropBoxAnimate {
  transition-property: top, height;
  overflow: hidden;
}
lyte-drop-box.lyteAnimate lyte-drop-body {
  transition: height 0.4s ease;
  overflow: hidden;
}
.lyteBodyWrapper {
  overflow: hidden;
}
.lyteDropdownFFScroll {
  overflow-y: scroll;
}
.lyteDropdownFFZeroScroll {
  overflow-y: hidden;
}
.lyteDropdownHideGroup {
  display: none;
}
.lyteDropdownWithDeselectIcon lyte-drop-button {
  padding-right: 70px;
}
.lyteDropdownDeselectIcon {
  width: 18px;
  height: 18px;
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.lyteDropdownDeselectIcon:hover {
  background: #eee;
}
.lyteDropdownDeselectIcon::after {
  content: '';
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -54px -2px;
  width: 8px;
  height: 8px;
  display: inline-block;
}
.lyteDropdownFieldLabel {
  margin-bottom: 10px;
  color: #555;
}
.lyteDropdownHorizontal {
  display: inline-flex;
  align-items: center;
}
.lyteDropdownHorizontal .lyteDropdownFieldLabel {
  margin-bottom: 0;
  margin-right: 10px;
}
@media only screen and (max-device-width: 650px) {
  lyte-drop-body {
    max-height: 70px;
  }
}
/* import theme overrides - styles */
/* import custom css */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/dropdown.less file
 */
/*  Dropdown related style ENDS   */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
.lyteDockYield {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  pointer-events: none;
  display: flex;
  padding: 5px;
}
.lyteDockTopAlign {
  align-items: flex-start;
  justify-content: center;
}
.lyteDockBottomAlign {
  align-items: flex-end;
  justify-content: center;
}
.lyteDockLeftAlign {
  justify-content: flex-start;
  align-items: center;
}
.lyteDockRightAlign {
  justify-content: flex-end;
  align-items: center;
}
.lyteDock {
  border: 0.5px solid #18181c;
  background: rgba(21, 19, 21, 0.313);
  display: flex;
  border-radius: 10px;
  transition: 0.2s transform linear, width 0.2s linear;
  justify-content: center;
  box-sizing: border-box;
  pointer-events: auto;
}
.lyteDockIconWrapper {
  width: calc(var(--lyte-dock-icon-wrapper-size)*1px);
  height: calc(var(--lyte-dock-icon-wrapper-size)*1px);
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  align-items: center;
  position: relative;
  transition: width 0.2s linear, height 0.2s linear, padding 0.2s linear;
}
.lyteDockPreventTransition,
.lyteDockPreventTransition .lyteDockIconWrapper {
  transition: none;
}
.lyteDockRightAlign .lyteDockIconWrapper,
.lyteDockLeftAlign .lyteDockIconWrapper {
  padding: 4px 0;
}
.lyteDockTopAlign .lyteDockIconWrapper,
.lyteDockBottomAlign .lyteDockIconWrapper {
  padding: 0 4px;
}
.lyteIcon {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.lyteDockTopAlign .lyteDock,
.lyteDockBottomAlign .lyteDock {
  max-height: calc(var(--lyte-dock-icon-max-size)*1px);
  /*  --lyte-dock-icon-max-size   */
  min-height: calc(var(--lyte-dock-icon-min-size)*1px);
  /*  --lyte-dock-icon-min-size   */
  padding: 0 6px;
}
.lyteDockRightAlign .lyteDock,
.lyteDockLeftAlign .lyteDock {
  flex-direction: column;
  max-width: calc(var(--lyte-dock-icon-max-size)*1px);
  min-width: calc(var(--lyte-dock-icon-min-size)*1px);
  padding: 6px 0;
}
.lyteDockTopAlign .lyteDock {
  align-items: flex-start;
  transform: translateY(-110%);
}
.lyteDockBottomAlign .lyteDock {
  align-items: flex-end;
  transform: translateY(110%);
}
.lyteDockRightAlign .lyteDock {
  align-items: flex-end;
  transform: translateX(110%);
}
.lyteDockLeftAlign .lyteDock {
  align-items: flex-start;
  transform: translateX(-110%);
}
.lyteDockTopAlign.lyteDockZoomed {
  padding-top: 9px;
}
.lyteDockTopAlign.lyteDockZoomed1 {
  padding-top: 6px;
}
.lyteDockTopAlign.lyteDockZoomed2 {
  padding-top: 3px;
}
.lyteDockRightAlign.lyteDockZoomed {
  padding-right: 9px;
}
.lyteDockRightAlign.lyteDockZoomed1 {
  padding-right: 6px;
}
.lyteDockRightAlign.lyteDockZoomed2 {
  padding-right: 3px;
}
.lyteDockLeftAlign.lyteDockZoomed {
  padding-left: 9px;
}
.lyteDockLeftAlign.lyteDockZoomed1 {
  padding-left: 6px;
}
.lyteDockLeftAlign.lyteDockZoomed2 {
  padding-left: 3px;
}
.lyteDockBottomTransform {
  transform: translateX(-50%);
}
.lyteDockBottomAlign.lyteDockZoomed {
  padding-bottom: 9px;
}
.lyteDockBottomAlign.lyteDockZoomed1 {
  padding-bottom: 6px;
}
.lyteDockBottomAlign.lyteDockZoomed2 {
  padding-bottom: 3px;
}
.lyteIcon.lyteDockEntered {
  width: 50px;
  height: 50px;
}
.lyteDockZoomed {
  width: calc(var(--zoom)*1px);
  height: calc(var(--zoom)*1px);
}
.lyteDockZoomed1 {
  width: calc(var(--zoom1)*1px);
  height: calc(var(--zoom1)*1px);
}
.lyteDockZoomed2 {
  width: calc(var(--zoom2)*1px);
  height: calc(var(--zoom2)*1px);
}
.lyteDockHidden {
  display: none;
}
.lyteDockTooltip {
  padding: 3px 7px;
  background: #000;
  display: none;
  color: #fff;
  border-radius: 5px;
}
.lyteDockIconWrapper:hover .lyteDockTooltip {
  display: block;
}
.lyteDockLeftAlign .lyteDockIconWrapper {
  flex-direction: row-reverse;
}
.lyteDockTopAlign .lyteDockIconWrapper {
  flex-direction: column-reverse;
}
.lyteDockBottomAlign .lyteDockIconWrapper {
  flex-direction: column;
}
.lyteDock.lyteDockShow {
  transform: translate(0);
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
lyte-combobox {
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
}
lyte-combobox lyte-dropdown {
  display: block;
  width: 100%;
  max-width: unset;
}
.lyteComboboxButtonSearch.lyteComboboxSearchPresent .lyteDropPlaceholderNormal,
.lyteComboboxButtonSearch.lyteComboboxSearchPresent .lyteDropdownLabel,
lyte-combobox.buttonSearch.lyteComboboxSearchPresent .lyteDropPlaceholderNormal,
lyte-combobox.buttonSearch.lyteComboboxSearchPresent .lyteDropdownLabel {
  position: absolute;
  z-index: 5;
  pointer-events: none;
  padding-left: 20px;
}
.lyteComboboxButtonSearch .lyteDropButtonDown .lyteDropdownLabel,
.lyteComboboxButtonSearch .lyteDropButtonUp .lyteDropdownLabel,
lyte-combobox.buttonSearch .lyteDropButtonDown .lyteDropdownLabel,
lyte-combobox.buttonSearch .lyteDropButtonUp .lyteDropdownLabel {
  opacity: 0.5;
}
.lyteComboboxFiltering .lyteDropPlaceholderNormal,
.lyteComboboxButtonSearch .lyteComboboxFiltering .lyteDropdownLabel {
  opacity: 0;
}
.lyteComboboxBtnSearchInput {
  width: 100%;
}
.lyteInput.lyteComboboxBtnSearchInput[lt-prop-type="search"] .lyteComboboxBtnSearchOrigIpt {
  padding: 0;
  padding-left: 20px;
}
.lyteComboboxBtnSearchInput.lyteInputFocus .lyteField,
.lyteComboboxBtnSearchInput .lyteField:hover,
.lyteComboboxBtnSearchInput .lyteField {
  border: 0;
}
.lyteComboboxBtnSearchInput[lt-prop-type="search"] .searchIcon {
  left: 0;
}
.lyteComboboxDropboxSearch {
  box-sizing: border-box;
  width: 100%;
}
.lyteComboboxDropboxSearch.lyteInputBox {
  padding: 15px;
}
.lyteComboboxFieldLabel {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 10px;
  color: #555;
}
.lyteComboboxHorizontal {
  display: flex;
  align-items: center;
}
.lyteComboboxHorizontal .lyteComboboxFieldLabel {
  margin-bottom: 0;
  margin-right: 10px;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
lyte-dateselect lyte-dropdown {
  display: block;
}
.lyteCalendarSelected,
.lyteDateSelect lyte-item:hover {
  background: #e8e8e8;
}
.lyteDateSelectHidden {
  display: none !important;
}
#lyteDateSelect lyte-drop-body {
  max-height: none;
  overflow: visible;
}
#lyteDateSelect lyte-drop-item {
  white-space: nowrap;
}
#lyteDateSelect lyte-drop-item[selected="true"] .dateArrow {
  position: absolute;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  background: #fff;
  right: -4px;
  top: calc(50% - 5px);
  z-index: -1;
  box-shadow: 1px -1px #d6d6d6;
}
lyte-drop-item[selected="true"].lyteDateSelectTempSelection::before {
  content: none;
}
.lyteDateSelectPrevTempSelection::before {
  content: '';
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -33px -15px;
  width: 9px;
  height: 7px;
  position: absolute;
  left: 10px;
  top: 15px;
}
#lyteDateSelect lyte-drop-item[selected="true"] .dateArrow.arrowLeft {
  left: -4px;
  box-shadow: -1px 1px #d6d6d6;
  right: unset;
}
#lyteDateSelect lyte-drop-item[selected="true"] {
  overflow: visible;
}
.dateSelectcal {
  position: absolute;
  z-index: 1060;
}
#lyteDateSelect,
.dateSelectcal .lyteDsBeforeCal,
.dateSelectcal .specificDate,
.dateSelectcal .customRange {
  opacity: 0;
  transition: height 0.3s, opacity 0.3s, transform 0.3s;
  transform-origin: top;
}
#lyteDateSelect.lyteDateselectAnimate,
.dateSelectcal.lyteDateselectAnimate .specificDate,
.dateSelectcal.lyteDateselectAnimate .customRange {
  opacity: 1;
}
.dateSelectcal.lyteDateselectAnimate .specificDate,
.dateSelectcal.lyteDateselectAnimate .customRange,
.lyteDateselectAnimationHappening {
  overflow: hidden;
}
#lyteDateSelect.lyteDateselectUp,
.dateSelectcal.lyteDateselectUp .specificDate,
.dateSelectcal.lyteDateselectUp .customRange {
  transform-origin: bottom;
}
.dateSelectcal .lyteDsBeforeCal,
.dateSelectcal .specificDate,
.dateSelectcal .customRange {
  display: flex;
  flex-direction: column;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
  border-radius: 2px;
}
.dateSelectcal .lyteDsBeforeCal.lyteDropdownHidden,
.dateSelectcal .specificDate.lyteDropdownHidden,
.dateSelectcal .customRange.lyteDropdownHidden {
  display: none;
}
.dateSelectcal .lyteDsBeforeCal lyte-calendar,
.dateSelectcal lyte-daterangepicker,
.dateSelectcal .specificDate lyte-calendar {
  border: 1px solid #d6d6d6;
  border-radius: 2px 2px 0 0;
}
.dateSelectcal .lyteDateRangePickerRow,
.dateSelectcal .lyteCalendarPopup {
  border: 0;
  box-shadow: none;
  border-radius: 2px 2px 0 0;
}
.dateSelectcal lyte-button {
  padding: 10px;
  margin-left: auto;
}
.dateSelectcal .lyteCalCurrentDate {
  display: none;
}
#lyteDateSelect lyte-drop-item {
  padding-right: 25px;
}
#lyteDateSelect lyte-drop-item.lyteDS_SecondaryOptItem::after {
  content: '';
  position: absolute;
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -1px -2px;
  width: 8px;
  height: 4px;
  transform: rotate(-90deg);
  right: 10px;
  top: calc(50% - 2px);
  opacity: 0.5;
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
lyte-file-message,
lyte-fileupload,
lyte-file-select-area {
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  display: block;
}
.lyteFileUpdMsgWrap {
  font-size: 13px;
  box-sizing: border-box;
  cursor: pointer;
  outline: none;
  background: #fff;
  text-align: center;
  color: #666;
}
.lyteFileUpdBoxType .lyteFileUpdMsgWrap {
  border-radius: 10px;
  padding: 30px;
  border: 1px dashed #b8bdbe;
}
.lyteFileUpdBoxType .lyteFileUpdMsgWrap:hover {
  border: 1px dashed #969b9c;
}
.fileDragEnter.lyteFileUpdInputType .lyteFileUpdMsgWrap,
.fileDragEnter.lyteFileUpdBoxType .lyteFileUpdMsgWrap {
  border: 1px dashed #6eb0cb;
  background: #fafcff;
}
.lyteFileUpdMsg {
  position: relative;
  line-height: 21px;
}
.fileDragEnter .lyteFileUpdMsg {
  opacity: 0.7;
}
.lyteFileUpdBoxType .lyteFileUpdMsg {
  padding-left: 40px;
}
.lyteFileUpdBoxType .lyteFileUpdMsg::before {
  content: '';
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -155px -203px;
  width: 30px;
  height: 21px;
  display: inline-block;
  position: absolute;
  left: 0;
}
.lyteFileUpdThumb {
  display: block;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  border: 1px solid #aaa;
}
.lyteFileUpdList {
  display: flex;
  flex-direction: column;
}
.multiFileupload .lyteFileUpdListFile {
  margin-bottom: 10px;
}
.multiFileupload .lyteFileUpdListFile:first-of-type {
  margin-top: 15px;
}
.lyteFileUpdListFile {
  position: relative;
  display: flex;
  padding: 10px 15px;
  background: #f7f7f7;
  border: 1px solid #f1f1f1;
  border-radius: 10px;
  align-items: center;
}
.lyteFileUpdListFile.lyteFileError {
  background: #ffeeee;
  border: 1px solid #f8dcdc;
}
.lyteFileUpdTypePreview {
  margin-right: 10px;
}
.lyteFileUpdTypeIcon::after {
  content: '';
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -117px -198px;
  display: block;
  width: 21px;
  height: 26px;
}
.lyteFileUpdTypeIcon.pdf::after {
  background-position: -8px -198px;
}
.lyteFileUpdTypeIcon.video::after {
  background-position: -35px -198px;
}
.lyteFileUpdTypeIcon.image::after {
  background-position: -63px -198px;
}
.lyteFileUpdTypeIcon.zip::after {
  background-position: -90px -198px;
}
.lyteFileUpdFileName {
  color: #333;
  font-size: 14px;
  margin-right: 10px;
  max-width: calc(100% - 300px);
  white-space: nowrap;
}
.lyteFileUpdListFile.lyteFileSuccess .lyteFileUpdFileName {
  max-width: calc(100% - 150px);
}
.lyteFileUpdFileSize {
  font-size: 12px;
  color: #666;
  margin-right: auto;
  white-space: nowrap;
}
.lyteFileUpdFileStatus {
  display: flex;
  margin-right: 10px;
}
.lyteFileUpdProgressBar {
  height: 5px;
  width: 140px;
  background: #dfecfb;
  flex-grow: 1;
  border-radius: 5px;
}
.lyteFileUpdProgressFill {
  height: 5px;
  background: #4ea2f7;
  width: 0;
  border-radius: 5px;
  transition: width 0.1s linear;
}
lyte-file-retry {
  display: inline-flex;
  margin-right: 10px;
}
.lyteFileUpdFailMsg {
  font-size: 12px;
  color: #f00;
  margin-right: 10px;
  cursor: default;
}
.lyteFileUpdRetryMsg {
  font-size: 12px;
  color: #555;
  text-decoration: underline;
  cursor: pointer;
}
.lyteFileUpdRetryMsg:hover {
  color: #333;
}
lyte-file-close {
  cursor: pointer;
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -347px -157px;
  width: 17px;
  height: 17px;
  opacity: 0.4;
  display: inline-flex;
  flex-shrink: 0;
}
.lyteFileUpdListFile.lyteFileSuccess lyte-file-close {
  visibility: hidden;
}
.lyteFileUpdListFile.lyteFileSuccess:hover lyte-file-close {
  visibility: visible;
}
lyte-file-close:hover {
  opacity: 0.7;
}
.lyteFileUpdBoxType #lyteFileUpdSelectedFile {
  background: #ddd;
  border: 1px solid #ccc;
}
.lyteFileUpdInputType .lyteFileUpdMsgWrap {
  padding: 7px 10px;
  border-radius: 3px;
  border: 1px dashed #c7c7c7;
  background: #fff;
  text-align: left;
}
.lyteFileUpdInputType .lyteFileUpdMsgWrap:hover {
  border: 1px dashed #969b9c;
}
.lyteFileUpdInputType .lyteFileUpdListFile {
  padding: 7px 10px;
  border: 1px dashed #c7c7c7;
  border-radius: 3px;
  background: #fff;
}
.lyteFileUpdInputType .lyteFileUpdListFile.lyteFileError {
  background: #ffeeee;
  border: 1px dashed #f8dcdc;
}
.lyteFileUpdInputType .lyteFileUpdFileName {
  line-height: 21px;
  font-size: 13px;
  max-width: calc(100% - 250px);
}
.lyteFileUpdInputType .lyteFileUpdListFile.lyteFileSuccess .lyteFileUpdFileName {
  max-width: calc(100% - 90px);
}
.lyteFileUpdInputType lyte-file-close {
  background-position: -324px -162px;
  width: 10px;
  height: 10px;
}
.lyteFileUpdBtnType .lyteFileUpdMsgWrap {
  width: 30px;
  height: 30px;
  background: #4ea2f7;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lyteFileUpdBtnType .lyteFileUpdMsgWrap::after {
  content: '';
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -197px -205px;
  width: 15px;
  height: 19px;
  display: block;
}
.lyteFileUpdListFile.lyteFileError .lyteFileUpdFileStatus,
.lyteFileUpdListFile.lyteFileSuccess .lyteFileUpdFileStatus,
.lyteFileUpdBtnType .lyteFileUpdMsg,
.fileuploadInput,
.lyteFileUpdInputType .lyteFileUpdTypePreview,
.lyteFileUpdBoxType .lyteFileUpdMsgWrap.lyteHide,
lyte-fileupload .lyteHide {
  display: none;
}
.lyteFileUpdDisabled {
  pointer-events: none;
  opacity: 0.6;
}
.lyteFileDragWrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 15;
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
/* Make changes to override predefined styles */
/* Autocomplete styles BEGINS */
lyte-autocomplete {
  position: relative;
  display: inline-block;
}
lyte-autocomplete lyte-dropdown {
  /*  Since this mixin is provided, This mixin can not be removed immediately */
  display: block;
}
lyte-autocomplete lyte-dropdown lyte-drop-button {
  border: 0;
  padding: 0;
}
lyte-autocomplete lyte-input {
  display: block;
}
lyte-autocomplete lyte-input.lyteInputBox .lyteInputBoxSearch input {
  padding-left: 10px;
}
lyte-autocomplete lyte-input.lyteInputBox input {
  padding-right: 25px;
  font-size: 15px;
}
lyte-autocomplete.searchPresent lyte-input.lyteInputBox input {
  padding-right: 60px;
}
lyte-autocomplete .lyteDropButtonDown lyte-input.lyteInputBox .lyteField,
lyte-autocomplete .lyteDropButtonDown lyte-input.lyteInputBox input {
  border-radius: 2px 2px 0 0;
}
lyte-autocomplete .lyteDropButtonUp lyte-input.lyteInputBox .lyteField,
lyte-autocomplete .lyteDropButtonUp lyte-input.lyteInputBox input {
  border-radius: 0 0 2px 2px;
}
lyte-autocomplete lyte-dropdown lyte-drop-button.lyteDropButtonUp,
lyte-autocomplete lyte-dropdown lyte-drop-button.lyteDropButtonDown,
lyte-autocomplete lyte-dropdown .lyteDummyEventContainer:focus lyte-drop-button,
lyte-autocomplete lyte-dropdown .lyteDummyEventContainer:focus lyte-drop-button:hover,
lyte-autocomplete lyte-dropdown lyte-drop-button:hover,
lyte-autocomplete lyte-dropdown lyte-drop-button.lyteDropButtonDown:hover,
lyte-autocomplete lyte-dropdown lyte-drop-button.lyteDropButtonUp:hover {
  border: 0;
  box-shadow: none;
}
lyte-autocomplete lyte-dropdown .lyteDummyEventContainer:focus .lyteField,
lyte-autocomplete .lyteDropButtonDown lyte-input.lyteInputBox .lyteField,
lyte-autocomplete .lyteDropButtonUp lyte-input.lyteInputBox .lyteField {
  border: 1px solid #7fceef;
}
.lyteAutoCompCloseIcon {
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -54px -2px;
  width: 8px;
  height: 8px;
  display: inline-block;
  vertical-align: top;
}
.lyteAutoCompCloseIconWrapper {
  right: 5px;
  top: calc(50% - 12px);
  padding: 8px;
  height: 8px;
  position: absolute;
  cursor: pointer;
  z-index: 10;
  opacity: 0.5;
}
lyte-autocomplete.searchPresent .lyteAutoCompCloseIconWrapper {
  right: 40px;
}
.lyteAutoCompCloseIconWrapper:hover {
  opacity: 1;
}
lyte-autocomplete lyte-input[lt-prop-type="search"] .searchIcon {
  left: auto;
  right: 10px;
  top: calc(50% - 7.5px);
  z-index: 10;
  cursor: default;
  opacity: 0.7;
}
.iconSeparator {
  height: 24px;
  border-right: 1px solid #ddd;
  right: 35px;
  top: calc(50% - 12px);
  display: inline-block;
  position: absolute;
  z-index: 10;
}
lyte-autocomplete-description {
  opacity: 0.4;
  font-size: 13px;
  align-self: center;
  white-space: nowrap;
}
.lyteautocompleteError {
  display: block;
  box-sizing: border-box;
  text-align: center;
  font-size: 14px;
  color: #8a8a8a;
  padding: 5px 15px 15px;
}
lyte-drop-item .lyteAutoComplete {
  color: #6b6b6b;
  max-width: 100%;
  overflow-wrap: break-word;
}
.lyteautocompleteDropdown {
  border: 1px solid #dadada;
  border-top: 1px solid #dadada;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
}
.lyteautocompleteDropdown.lyteDropdownDown {
  transform: translateY(5px);
}
.lyteautocompleteDropdown.lyteDropdownUp {
  transform: translateY(-5px);
}
.lyteautocompleteDropdown lyte-drop-item {
  padding-left: 10px;
  display: flex;
}
.lyteautocompleteDropdown lyte-drop-item[selected='true']::before {
  content: none;
}
.lyteautocompleteHighlight {
  color: #000;
  background: #fff5b0;
}
.lyteautocompleteDropdown lyte-drop-item.lyteSearchHidden {
  display: none;
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/autocomplete.less file
 */
/* Autocomplete styles ENDS */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
/* Make changes to override predefined styles */
/* Breadcrumb styles BEGINS */
lyte-breadcrumb,
.lyte-breadcrumb-structure {
  display: inline-block;
}
lyte-breadcrumb-body {
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  font-size: 15px;
  color: #555;
  cursor: pointer;
}
lyte-breadcrumb-body:hover {
  color: #111;
}
.lyteActive lyte-breadcrumb-body {
  color: #2c7bd0;
}
lyte-breadcrumb-item {
  padding: 0;
  font-size: 15px;
  margin-right: 25px;
  display: inline-block;
  position: relative;
}
lyte-breadcrumb-item::after {
  content: '';
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -42px -1px;
  width: 6px;
  height: 9px;
  position: absolute;
  right: -18px;
  top: calc(50% - 9px/2);
  opacity: 0.5;
}
lyte-breadcrumb-item:last-child {
  margin-right: 0;
}
lyte-breadcrumb-item:last-child::after {
  content: none;
}
.lyteBreadcrumbCollapseSection > lyte-yield {
  display: flex;
}
.lyteBreadcrumbCollapsibleContainer lyte-breadcrumb-structure {
  display: flex;
  align-items: center;
}
.lyteBreadcrumbCollapsibleContainer lyte-breadcrumb-item {
  margin-right: 40px;
  white-space: nowrap;
}
.lyteBreadcrumbFirst lyte-breadcrumb-item:last-of-type {
  margin-right: 38px;
}
.lyteBreadcrumbLast lyte-breadcrumb-item:last-of-type {
  margin-right: 0;
}
.lyteBreadcrumbCollapsibleContainer lyte-breadcrumb-item::after {
  right: -23px;
}
.lyteBreadcrumbShrinkButton {
  border: 1px solid transparent;
  padding: 0;
  height: 25px;
  width: 25px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lyteBreadcrumbCollapsibleContainer .lyteBreadcrumbShrinkButton:hover,
.lyteBreadcrumbCollapsibleContainer .lyteDummyEventContainer:focus .lyteBreadcrumbShrinkButton:hover,
.lyteBreadcrumbCollapsibleContainer .lyteDummyEventContainer:focus .lyteBreadcrumbShrinkButton {
  border: 1px solid transparent;
  box-shadow: none;
}
.lyteBreadcrumbCollapsibleContainer lyte-drop-button.lyteDropButtonUp,
.lyteBreadcrumbCollapsibleContainer lyte-drop-button.lyteDropButtonDown,
.lyteBreadcrumbCollapsibleContainer .lyteDummyEventContainer:focus lyte-drop-button.lyteBreadcrumbShrinkButton.lyteDropButtonDown,
.lyteBreadcrumbCollapsibleContainer .lyteDummyEventContainer:focus lyte-drop-button.lyteBreadcrumbShrinkButton.lyteDropButtonUp {
  border: 1px solid transparent;
  box-shadow: none;
  background: #DDE1E4;
  border-radius: 3px;
}
.lyteBreadcrumbCollapsibleContainer .lyteDummyEventContainer:focus-visible .lyteBreadcrumbShrinkButton {
  border: 1px solid #0984E3;
  background: #fff;
  box-shadow: 0px 0px 5px 1px #0984E333;
}
.lyteBreadcrumbCollapseIcon {
  -webkit-mask-image: url(../../images/sprite_lyte.svg);
  mask-image: url(../../images/sprite_lyte.svg);
  -webkit-mask-position: -295px -165px;
  mask-position: -295px -165px;
  background-color: #7B7C7D;
  display: inline-block;
  width: 16px;
  height: 4px;
}
.lyteBreadcrumbFirst lyte-breadcrumb-item:last-child::after {
  content: '';
}
.lyteBreadcrumbCollapseShowElem {
  position: relative;
  display: flex;
  align-items: center;
  padding-right: 35px;
}
.lyteBreadcrumbCollapseShowElem::after {
  content: '';
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -42px -1px;
  width: 6px;
  height: 9px;
  opacity: 0.5;
  position: absolute;
  right: 17px;
}
.lyteBreadcrumbCollapsibleContainer lyte-drop-button.lyteDropButtonUp .lyteBreadcrumbCollapseIcon,
.lyteBreadcrumbCollapsibleContainer lyte-drop-button.lyteDropButtonDown .lyteBreadcrumbCollapseIcon,
.lyteBreadcrumbCollapseShowElem:hover .lyteBreadcrumbCollapseIcon {
  background-color: #5B5D5F;
}
.lyteBreadcrumbDropdown.lyteDropdownUp .lyteArrow,
.lyteBreadcrumbDropdown.lyteDropdownDown .lyteArrow {
  display: none;
}
.lyteBreadcrumbDropdown.lyteDropdownDown {
  transform: translateY(5px);
}
.lyteBreadcrumbDropdown.lyteDropdownUp {
  transform: translateY(-5px);
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/breadcrumb.less file
 */
/* Breadcrumb styles ENDS */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
/* modal Styles BEGINS */
.lyteModal {
  background: #fff;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
  position: absolute;
  z-index: 10;
  opacity: 0;
  box-sizing: border-box;
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  border-radius: 2px;
  border: 1px solid transparent;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.bodyWrapper {
  overflow: hidden;
}
.modalWrapper {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1040;
  position: fixed;
  overflow: auto;
}
.modalWrapper.noFreeze {
  pointer-events: none;
}
.modalWrapper.noFreeze .lyteModal {
  pointer-events: auto;
}
lyte-modal-header {
  font-size: 18px;
  color: #111;
  font-family: 'LatoBold', 'Open Sans', sans-serif;
  padding: 25px 25px 15px;
  overflow-wrap: break-word;
}
lyte-modal-content {
  padding: 15px 25px;
  box-sizing: border-box;
  font-size: 15px;
  color: #333;
}
lyte-modal-footer {
  padding: 10px 25px 25px;
}
lyte-modal-header,
lyte-modal-content,
lyte-modal-footer {
  display: block;
  box-sizing: border-box;
}
.modalWrapper.scrollable {
  overflow: hidden;
}
.modalWrapper.scrollable lyte-modal-content {
  overflow: auto;
}
.lyteModalHidden lyte-modal-freeze {
  pointer-events: none;
  opacity: 0;
}
lyte-modal-freeze {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  background: #000;
  display: block;
  opacity: 0.4;
  transition: opacity ease 0.15s;
  transform: translate3d(0, 0, 0);
}
.lyteModalClose {
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -52px 0px;
  width: 13px;
  height: 13px;
  opacity: 0.5;
  cursor: pointer;
  position: absolute;
  top: 30px;
  right: 30px;
  display: inline-block;
  transform: scale(1.3);
  z-index: 5;
  outline: none;
}
.lyteModalClose:hover {
  opacity: 1;
}
lyte-modal-footer.left {
  text-align: left;
}
lyte-modal-footer.center {
  text-align: center;
}
lyte-modal-footer.right {
  text-align: right;
}
lyte-modal-footer lyte-button {
  margin-left: 7px;
}
lyte-modal-footer lyte-button:first-child {
  margin-left: 0;
}
.lyteModalFromLeft,
.lyteModalFromRight,
.lyteModalFromTop,
.lyteModalFromBottom,
.lyteModalFadeIn {
  opacity: 1;
}
.lyteModalHeaderDraggable {
  cursor: move;
  touch-action: none;
}
.lyteModal.lyteZoom {
  transform-origin: center;
}
.lyteModal.lyteModalFromRight {
  left: 100%;
}
.lyteModalYieldWithPadding {
  display: flex;
  flex-direction: column;
  max-height: inherit;
  height: inherit;
  padding: var(--lyte-modal-yield-padding);
  box-sizing: border-box;
}
.lyteModalDisplayNone {
  display: none;
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/modal.less file
 */
/* modal Styles ENDS */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
lyte-multi-dropdown {
  max-width: 330px;
  display: inline-block;
}
lyte-multi-dropdown lyte-dropdown {
  max-width: 100%;
  display: block;
}
lyte-multi-dropdown lyte-dropdown[lt-prop-type="multiple"] lyte-drop-button {
  padding: 9px 25px 9px 10px;
}
.lyteMultiDropdownDropbox lyte-drop-item {
  padding: 8px 15px 8px 25px;
  display: block;
}
lyte-multi-dropdown .lyteMultipleSelect {
  margin: 0;
  padding: 0;
}
lyte-multi-dropdown .lyteMultipleSelect li {
  margin-bottom: 0;
}
lyte-multi-dropdown .lyteMultipleSelect .lyteMultiDropdownNmoreElem {
  background: #5ba1e5;
  border: 1px solid transparent;
  color: #fff;
  padding: 1px 7px 2px 7px;
  cursor: pointer;
}
.lyteMultiDropdownTagHovercard.lyteHovercardPopover .lytePopover {
  background: #fff;
  border: 1px solid #e0e0e0;
}
.lyteMultiDropdownTagHovercard.lyteHovercardPopover .lytePopoverArrowIcon {
  background: #fff;
}
.lyteMultiDropdownTagHovercard .lytePopoverArrowIcon.lytePopoverArrowBottom {
  box-shadow: 1px 1px 0 0 #e0e0e0;
}
.lyteMultiDropdownTagHovercard .lytePopoverArrowIcon.lytePopoverArrowTop {
  box-shadow: -1px -1px 0 0 #e0e0e0;
}
.lyteMultiDropdownTagHovercard .hoverCardWrapper {
  max-width: 450px;
}
.lyteMultiDropdownTagHovercard .lyteMultipleSelect {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
lyte-multi-dropdown .lyteMultipleSelect lyte-text {
  vertical-align: bottom;
}
.lyteMultiDropdownCheckBoxTypeDropbox lyte-drop-group.lyteDropdownHideGroup,
.lyteMultiDropdownDropbox lyte-drop-group.lyteDropdownHideGroup,
.lyteMultiDropdownCheckBoxTypeDropbox lyte-drop-item {
  display: block;
}
.lyteMultiDropdownCheckBoxTypeDropbox lyte-drop-item::before {
  content: none;
}
lyte-multi-dropdown .lyteDropPlaceholderMultiple {
  padding: 0;
}
.lyteMultiDropSelectedText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
/* Make changes to override predefined styles */
/* Gridstack styles BEGINS  */
lyte-gridstack {
  display: block;
  position: relative;
  height: auto;
  width: 1090px;
  color: #333;
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  font-size: 14px;
}
.lyteGridstackScope {
  outline: none;
  overflow: auto;
  position: relative;
  transition: height 0.3s ease;
  background: #ebebeb;
  background-repeat: repeat;
  min-height: 600px;
}
.lyteGridstackHandler {
  background: #fff;
  border: 1px solid #e1e0e0;
  position: absolute;
  overflow: auto;
  cursor: move;
  box-sizing: border-box;
  border-radius: 2px;
  transition: left 0.2s linear, top 0.2s linear, width 0.2s linear, height 0.2s linear, right 0.2s linear;
}
.lyteGridstackHandler:hover {
  border-color: #ccc;
}
.lyteGridstackHandler.gridSelected,
.lyteGridstackHandler.lyteGridFocused {
  z-index: 22;
  position: absolute;
  cursor: move;
  box-sizing: border-box;
  border: 1px solid #5ba1e5;
  overflow: visible;
  transition: none;
}
.lyteGridstackHandler .lyteGridResize {
  display: none;
}
.lyteGridstackHandler.lyteGridFocused > .lyteGridResize {
  display: block;
}
.lyteGridstackHandler.lyteGridStackMove > .lyteGridResize {
  display: none;
}
lyte-gridstack:not(.gridFreezeMode) .lyteBestFit {
  z-index: 0;
  position: absolute;
  opacity: 0.4;
}
lyte-gridstack:not(.gridFreezeMode) .lyteBestFit.lyteGrid {
  background: #b1aeae;
}
lyte-grid-content {
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  position: absolute;
}
lyte-gridstack .lyteGridResize {
  height: 7px;
  width: 7px;
  z-index: 20;
  border: 1px solid #5ba1e5;
  background: #fff;
  position: absolute;
}
lyte-gridstack .lyteGridStackTop {
  left: calc(50% - 4px);
  top: -5px;
  cursor: n-resize;
}
lyte-gridstack .lyteGridStackTopLeft {
  left: -5px;
  top: -5px;
  cursor: nw-resize;
}
lyte-gridstack .lyteGridStackTopRight {
  right: -5px;
  top: -5px;
  cursor: ne-resize;
}
lyte-gridstack .lyteGridStackBottom {
  left: calc(50% - 4px);
  bottom: -5px;
  cursor: s-resize;
}
lyte-gridstack .lyteGridStackBottomLeft {
  left: -5px;
  bottom: -5px;
  cursor: sw-resize;
}
lyte-gridstack .lyteGridStackBottomRight {
  right: -5px;
  bottom: -5px;
  cursor: se-resize;
}
lyte-gridstack .lyteGridStackRight {
  top: calc(50% - 4px);
  right: -5px;
  cursor: col-resize;
}
lyte-gridstack .lyteGridStackLeft {
  top: calc(50% - 4px);
  left: -5px;
  cursor: col-resize;
}
lyte-gridstack.gridFreezeMode .lyteGridstackHandler {
  cursor: default;
}
lyte-gridstack.gridFreezeMode .lyteGridstackHandler.lyteGridFocused {
  border-color: #e1e0e0;
}
lyte-gridstack.gridFreezeMode .lyteGridstackHandler .lyteGridResize {
  display: none;
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/gridstack.less file
 */
/* Gridstack styles ENDS  */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
/* Menu CSS BEGINS  */
lyte-menu-box {
  box-sizing: border-box;
  z-index: 1060;
  vertical-align: middle;
  width: auto;
  position: absolute;
  top: -9999px;
  left: -9999px;
  outline: none;
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  box-shadow: 0px 1px 3px 0px rgba(134, 134, 134, 0.4);
  border-radius: 2px;
}
lyte-menu-body {
  overflow: auto;
  display: block;
  outline: none;
  background: #fff;
  border: 1px solid #d6d6d6;
  border-radius: 2px;
  padding: 5px 0;
}
lyte-menu-item {
  position: relative;
  cursor: pointer;
  display: flex;
  white-space: nowrap;
  text-align: left;
  font-size: 15px;
  padding: 5px 15px;
  z-index: 1;
  color: #111;
}
.lyteMenuSelection {
  background: #ebebeb;
}
lyte-menu-label {
  font-size: 14px;
  color: #111;
  margin-right: 30px;
  white-space: normal;
  word-break: break-word;
}
lyte-menu-header {
  display: block;
  height: auto;
  color: #111;
  font-family: 'LatoBold', 'Open Sans', sans-serif;
  font-size: 14px;
  text-align: left;
  cursor: default;
  padding: 3px 15px 4px 15px;
}
lyte-menu-description {
  font-size: 14px;
  margin-left: auto;
  opacity: 0.5;
  color: #111;
}
lyte-menu-group {
  border-bottom: 1px solid #e5e5e5;
  display: block;
  padding: 5px 0;
}
lyte-menu-group:first-of-type {
  border-top: 0;
  padding-top: 0;
}
lyte-menu-group:last-of-type {
  border-bottom: 0;
  padding-bottom: 0;
}
lyte-menu-group:last-of-type + lyte-menu-item {
  border-top: 1px solid #e5e5e5;
}
lyte-menu {
  display: none;
}
.lytemenufreezelayer {
  opacity: 0.1;
  background: #fff;
  position: fixed;
  z-index: calc(1060 - 5);
}
.lytemenufreezelayer.top {
  top: 0;
  width: 100%;
}
.lytemenufreezelayer.bottom {
  bottom: 0;
  width: 100%;
}
.lytemenufreezelayer.left {
  left: 0;
}
.lytemenufreezelayer.right {
  right: 0;
  width: 100%;
}
.lytemenufreezelayer.nogroup {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.lyteMenuWrapperDiv {
  overflow: auto;
}
lyte-menu-box .lyteArrow {
  width: 11px;
  height: 11px;
  position: absolute;
  background: #fff;
  transform: rotate(45deg);
}
lyte-menu-box .lyteArrow::after,
lyte-menu-box .lyteArrow::before {
  content: none;
}
lyte-menu-box .lyteArrow.lyteArrowTop {
  box-shadow: -1px -1px 0 0 #d6d6d6;
  top: -4px;
}
lyte-menu-box .lyteArrow.lyteArrowBottom {
  box-shadow: 1px 1px 0 0 #d6d6d6;
  bottom: -4px;
}
lyte-menu-box .lyteArrow.lyteArrowLeft {
  box-shadow: -1px 1px 0 0 #d6d6d6;
  left: -4px;
}
lyte-menu-box .lyteArrow.lyteArrowRight {
  box-shadow: 1px -1px 0 0 #d6d6d6;
  right: -4px;
  left: unset;
}
.lyteMenuHidden {
  display: none !important;
}
lyte-menu-box.lyteAnimate {
  transition: top 0.4s ease;
}
lyte-menu-box.lyteAnimate lyte-menu-body {
  transition: height 0.4s ease;
  overflow: hidden;
}
.lyteHoverMenu lyte-menu-body::before {
  content: '';
  position: absolute;
}
.lyteHoverMenu.topPlace lyte-menu-body::before,
.lyteHoverMenu.bottomPlace lyte-menu-body::before {
  height: 10px;
  left: 0;
  right: 0;
}
.lyteHoverMenu.leftPlace lyte-menu-body::before,
.lyteHoverMenu.rightPlace lyte-menu-body::before {
  width: 10px;
  top: 0;
  bottom: 0;
}
.lyteHoverMenu.bottomPlace lyte-menu-body::before {
  top: -10px;
}
.lyteHoverMenu.topPlace lyte-menu-body::before {
  bottom: -10px;
}
.lyteHoverMenu.leftPlace lyte-menu-body::before {
  right: -10px;
}
.lyteHoverMenu.rightPlace lyte-menu-body::before {
  left: -10px;
}
.lyteBodyWrapper {
  overflow: hidden;
}
.lyteMenuItemDisabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.lyteMenuAccordionContainer {
  display: flex;
  flex-direction: column;
  padding: 0;
}
.lyteMenuAccordionItem {
  transition: height 0.5s linear;
  overflow: hidden;
}
.lyteMenuAccordionItem lyte-menu-item {
  padding-left: 25px;
}
.lyteMenuAccordionClosed .lyteMenuAccordionItem {
  height: 0;
}
.lyteMenuAccordionContainer.lyteMenuSelection {
  background: transparent;
}
.lyteMenuAccordionContainer > lyte-menu-label {
  padding: 5px 15px;
  margin-right: 0;
  position: relative;
}
.lyteMenuAccordionContainer.lyteMenuSelection > lyte-menu-label {
  background: #ebebeb;
}
.lyteMenuAccordionContainer > lyte-menu-label::after {
  content: '';
  display: inline-block;
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -1px -2px;
  width: 8px;
  height: 4px;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%) rotate(360deg);
  transition: transform 0.3s ease;
}
.lyteMenuAccordionOpened.lyteMenuAccordionContainer > lyte-menu-label::after {
  transform: translate(0%, -50%) rotate(180deg);
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/menu.less file
 */
/* Menu CSS ENDS  */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
/* Make changes to override predefined styles */
/* Navigator CSS BEGINS  */
lyte-navigator {
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  font-size: 14px;
  cursor: default;
}
.lyteNavigator {
  display: flex;
  align-items: center;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
}
/*  Single Arrow related common code BEGINS   */
.lyteNavigator .lyteIconSingleFront::before,
.lyteNavigator .lyteIconSingleBack::before,
.lyteSingleFront lyte-nav-arrow,
.lyteSingleBack lyte-nav-arrow {
  width: 8px;
  height: 15px;
  display: inline-block;
  background-image: url(../../images/sprite_lyte.svg);
  opacity: 0.9;
  transform: scale(0.8);
  cursor: pointer;
}
.lyteNavigator .lyteIconSingleBack::before,
.lyteSingleBack lyte-nav-arrow {
  background-position: -58px -29px;
}
.lyteNavigator .lyteIconSingleBack:not(.lyteDisabled):hover::before,
.lyteSingleBack:not(.lyteDisabled):hover lyte-nav-arrow {
  background-position: -21px -77px;
  opacity: 1;
}
.lyteNavigator .lyteIconSingleFront::before,
.lyteSingleFront lyte-nav-arrow {
  background-position: -41px -29px;
}
.lyteNavigator .lyteIconSingleFront:not(.lyteDisabled):hover::before,
.lyteSingleFront:not(.lyteDisabled):hover lyte-nav-arrow {
  background-position: -4px -77px;
  opacity: 1;
}
/*  Single Arrow related common code ENDS   */
/*  Double Arrow related common code BEGINS   */
.lyteDoubleFront lyte-nav-arrow,
.lyteDoubleBack lyte-nav-arrow,
.lyteNavigator .lyteIconDoubleBack::before,
.lyteNavigator .lyteIconDoubleFront::before {
  background-image: url(../../images/sprite_lyte.svg);
  width: 12px;
  height: 13px;
  opacity: 0.7;
  display: inline-block;
  cursor: pointer;
}
.lyteDoubleBack lyte-nav-arrow,
.lyteNavigator .lyteIconDoubleBack::before {
  background-position: -30px -135px;
}
.lyteDoubleFront lyte-nav-arrow,
.lyteNavigator .lyteIconDoubleFront::before {
  background-position: -12px -135px;
}
.lyteDoubleBack:not(.lyteDisabled):hover lyte-nav-arrow,
.lyteNavigator .lyteIconDoubleBack:not(.lyteDisabled):hover::before {
  background-position: -70px -135px;
}
.lyteDoubleFront:not(.lyteDisabled):hover lyte-nav-arrow,
.lyteNavigator .lyteIconDoubleFront:not(.lyteDisabled):hover::before {
  background-position: -52px -135px;
}
/*  Double Arrow related common code ENDS   */
/*  Default type navigator code BEGINS  */
.lyteNavigatorMidPoint {
  margin: 0 20px;
  color: #333;
  cursor: default;
}
.lyteNavigatorText {
  margin: 0 10px;
  color: #a2a2a2;
}
.lyteNavigator .lyteIconSingleBack,
.lyteNavigator .lyteIconSingleFront,
.lyteNavigator .lyteIconDoubleBack,
.lyteNavigator .lyteIconDoubleFront {
  cursor: pointer;
  position: relative;
  width: 25px;
  height: 25px;
  display: inline-flex;
  align-items: center;
}
.lyteNavigator .lyteIconDoubleBack::before,
.lyteNavigator .lyteIconDoubleFront::before,
.lyteNavigator .lyteIconSingleFront::before,
.lyteNavigator .lyteIconSingleBack::before {
  content: '';
  display: block;
  margin: auto;
}
.lyteNavigator .lyteIconSingleFront.lyteDisabled,
.lyteNavigator .lyteIconDoubleFront.lyteDisabled,
.lyteNavigator .lyteIconSingleBack.lyteDisabled,
.lyteNavigator .lyteIconDoubleBack.lyteDisabled {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}
/*  Default type navigator code ENDS  */
/*  Border type and Simple type common code BEGINS  */
.lytepagination:not(.textNavLink) .lyteNavArrow lyte-nav-arrow,
.lytepagination:not(.textNavLink) .lyteNavArrowBorder lyte-nav-arrow {
  color: transparent;
  font-size: 14px;
  line-height: 18px;
}
.lytepagination:not(.textNavLink) .lyteNavArrowBorder.lyteSingleBack lyte-nav-arrow {
  line-height: 19px;
}
.lytepage,
.lyteNavArrowBorder,
.lyteNavArrow {
  display: inline-block;
  vertical-align: middle;
}
.lytepagination .lyteborder,
.lytepagination .lytesimple {
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  color: #333;
}
.lytepagination .lyteborder.dots3,
.lytepagination .lytesimple.dots3 {
  border: 0;
  padding: 0;
  margin: 0;
  color: #333;
  vertical-align: top;
  pointer-events: none;
}
.lytepagination .lyteDisabled.lyteNavArrow,
.lytepagination .lyteDisabled.lyteNavArrowBorder {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}
.lyteSingleFront.lyteDisabled lyte-nav-arrow,
.lyteSingleBack.lyteDisabled lyte-nav-arrow {
  opacity: 0.7;
  cursor: not-allowed;
  pointer-events: none;
}
/*  Border type and Simple type common code ENDS  */
/*  Border type navigator  BEGINS  */
.lytepagination .lyteborder {
  height: 22px;
  padding: 2.5px;
  border: 1px solid #c4c4c4;
  border-radius: 3px;
  margin: 0px 5px;
  min-width: 22px;
  line-height: 22px;
  display: inline-block;
}
.lytepagination .lyteborder:hover {
  border-color: #aaa;
  color: #111;
}
.lyteborder.lyteNavArrowBorder {
  width: 22px;
  line-height: 27px;
}
.lyteborder.lyteNavArrowBorder:hover {
  border-color: #5ba1e5;
}
.lytepagination .lyteborder.lyteActiveAdd,
.lytepagination .lyteborder.lyteActiveAdd:hover {
  border-color: #5ba1e5;
  color: #5ba1e5;
  cursor: default;
}
.lyteDisabled.lyteNavArrowBorder,
.lyteDisabled.lyteNavArrowBorder:hover {
  border-color: #c4c4c4;
}
/*  Border type navigator ENDS  */
/*  Simple type navigator BEGINS    */
.lyteNavArrow,
.lytepagination .lytesimple {
  border: 0;
  width: 25px;
  height: 25px;
  padding: 2.5px;
  line-height: 25px;
  border-radius: 50%;
  margin: 2.5px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
}
.lyteNavArrow lyte-nav-arrow {
  margin-top: 5px;
}
.lyteNavArrow.lyteDoubleFront lyte-nav-arrow,
.lyteNavArrow.lyteDoubleBack lyte-nav-arrow {
  margin-top: 6px;
}
.lytepagination .lytesimple:hover {
  background: #e6f3fd;
}
.lytepagination .lytesimple.lyteActiveAdd,
.lytepagination .lytesimple.lyteActiveAdd:hover {
  background: #5ba1e5;
  color: #fff;
}
.lytepagination .lytesimple.dots3 {
  vertical-align: middle;
  line-height: 15px;
}
/*  Simple type navigator ENDS    */
/*  Navigator with Text value styles BEGINS  */
.lytepagination.textNavLink .lyteNavArrow,
.lytepagination.textNavLink .lyteborder.lyteNavArrowBorder {
  width: auto;
  height: auto;
  border: 0;
  line-height: 20px;
  color: #333;
}
.lytepagination.textNavLink .lyteNavArrow:hover,
.lytepagination.textNavLink .lyteborder.lyteNavArrowBorder:hover {
  color: #111;
}
.lytepagination.textNavLink lyte-nav-arrow {
  width: auto;
  height: auto;
  background-image: none;
  transform: scale(1);
  opacity: 1;
}
.lytepagination.textNavLink .lyteNavArrow lyte-nav-arrow {
  margin-top: 0;
}
/*  Navigator with Text value styles ENDS  */
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/navigator.less file
 */
/* Navigator CSS ENDS  */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
/* Make changes to override predefined styles */
/* Search CSS BEGINS */
.lyteSearchHidden {
  display: none !important;
}
lyte-search[lt-prop-close-icon="true"] input {
  padding-right: 30px;
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/search.less file
 */
/* Search CSS ENDS */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
/* Make changes to override predefined styles */
/* Slider CSS BEGINS  */
lyte-slider {
  display: inline-block;
}
lyte-slider * {
  box-sizing: content-box;
}
lyte-slider .lyteSlide {
  height: 100%;
}
.lyteRangeSlider,
.lyteSliderFill {
  display: block;
  border-radius: 10px;
  cursor: pointer;
}
.lyteRangeSlider {
  height: 8px;
  background: #dee2ed;
  position: relative;
  outline: none;
}
.lyteSliderFill {
  background: #5ba1e5;
  position: absolute;
  top: 0;
  /*  Altering this may cause alignment issue */
}
.lyteSlide,
.lyteSliderHandler {
  outline: none;
}
.lyteSliderHandler {
  z-index: 5;
}
.lyteSliderHandler.lyteMultiSliderSelected {
  z-index: 10;
}
.lyteSliderDisabled {
  pointer-events: none;
  opacity: 0.5;
}
.lyteSquare.lyteSliderHandler,
.lyteCircle.lyteSliderHandler {
  width: 12px;
  height: 12px;
  background: #fff;
  border-radius: 50%;
  border: 2px solid #4495e4;
  cursor: pointer;
  position: absolute;
  top: -4px;
  left: 10px;
}
.lyteSquare.lyteSliderHandler {
  border-radius: 0;
}
.lyteRangeSlider .lyteScaleLine .lyteScalLable {
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  font-size: 12px;
  color: #111;
  padding-top: 10px;
  display: inline-block;
}
/*  Horizontal slider related CSS Starts  */
.lyteRangeSlider.lyteHorizontal .lyteScaleOption {
  position: absolute;
  top: 15px;
  left: 0;
  /*  Altering this may cause alignment issue */
  width: 100%;
  height: 10px;
}
.lyteRangeSlider .lyteScaleLine {
  width: 18px;
  height: 8px;
  text-align: center;
  display: inline-block;
  position: absolute;
  margin-left: -9px;
  left: 20px;
}
.lyteScaleLine span:first-child {
  height: 100%;
  width: 2px;
  background: #c0c0c0;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 8px;
}
.lyteRangeSlider.lyteHorizontal .lyteSliderFill {
  height: 100%;
}
.lyteRangeSlider.lyteHorizontal .lyteArrow.lyteSliderHandler {
  border: 2px solid #4495e4;
  width: 10px;
  height: 9px;
  border-bottom-width: 1px;
  top: -4px;
  background: #fff;
  cursor: pointer;
  position: absolute;
  left: 13px;
}
.lyteRangeSlider.lyteHorizontal .lyteArrow.lyteSliderHandler::after,
.lyteRangeSlider.lyteHorizontal .lyteArrow.lyteSliderHandler::before {
  content: "";
  border-style: solid;
  border-color: transparent;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  left: 0;
}
.lyteRangeSlider.lyteHorizontal .lyteArrow.lyteSliderHandler::before {
  border-top-color: #4495e4;
  border-width: 7px;
  margin-left: -2px;
  top: 10px;
}
.lyteRangeSlider.lyteHorizontal .lyteArrow.lyteSliderHandler::after {
  border-top-color: #fff;
  border-width: 5px;
  margin-left: 0;
  top: 9px;
}
/*  Horizontal slider related CSS Ends  */
/*  Vertical slider related CSS  Begins  */
.lyteRangeSlider.lyteVertical {
  width: 8px;
  height: 100%;
}
.lyteVertical .lyteSliderFill {
  width: 8px;
}
.lyteVertical .lyteCircle.lyteSliderHandler {
  top: 10px;
  left: -4px;
}
.lyteVertical .lyteSquare.lyteSliderHandler {
  left: -4px;
}
.lyteVertical.lyteRangeSlider .lyteScaleLine .lyteScalLable {
  position: absolute;
  padding-top: 0;
  top: -10px;
  left: 10px;
}
.lyteVertical.lyteRangeSlider .lyteArrow .lyteScaleLine .lyteScalLable {
  top: -10px;
  left: 10px;
}
.lyteVertical .lyteArrow.lyteSliderHandler,
.lyteVertical .lyteArrowLeft.lyteSliderHandler {
  top: 13px;
  width: 9px;
  height: 10px;
  border: 2px solid #4495e4;
  background: #fff;
  cursor: pointer;
  position: absolute;
}
.lyteVertical .lyteArrow.lyteSliderHandler {
  border-right-width: 1px;
  left: -4px;
}
.lyteVertical .lyteArrowLeft.lyteSliderHandler {
  border-left-width: 1px;
  left: 0;
}
.lyteVertical .lyteArrow.lyteSliderHandler::after,
.lyteVertical .lyteArrow.lyteSliderHandler::before,
.lyteVertical .lyteArrowLeft.lyteSliderHandler::after,
.lyteVertical .lyteArrowLeft.lyteSliderHandler::before {
  content: "";
  border-style: solid;
  border-color: transparent;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.lyteVertical .lyteArrow.lyteSliderHandler::before,
.lyteVertical .lyteArrowLeft.lyteSliderHandler::before {
  border-color: transparent;
  border-width: 7px;
  margin-top: -2px;
}
.lyteVertical .lyteArrow.lyteSliderHandler::before {
  border-left-color: #4495e4;
  left: 10px;
}
.lyteVertical .lyteArrowLeft.lyteSliderHandler::before {
  border-right-color: #4495e4;
  right: 10px;
}
.lyteVertical .lyteArrow.lyteSliderHandler::after,
.lyteVertical .lyteArrowLeft.lyteSliderHandler::after {
  border-color: transparent;
  border-width: 5px;
  margin-top: 0;
}
.lyteVertical .lyteArrow.lyteSliderHandler::after {
  left: 9px;
  border-left-color: #fff;
}
.lyteVertical .lyteArrowLeft.lyteSliderHandler::after {
  right: 9px;
  border-right-color: #fff;
}
.lyteVertical.lyteRangeSlider .lyteScaleOption {
  position: absolute;
  top: 0;
  /*  Altering this may cause alignment issue */
  left: 15px;
  width: 10px;
  height: 100%;
}
.lyteVertical.lyteRangeSlider .lyteScaleLine {
  width: 6px;
  height: 18px;
  position: absolute;
  margin-top: 0;
  margin-left: -6px;
  top: 20px;
  left: 6px;
}
.lyteVertical.lyteRangeSlider .lyteArrow .lyteScaleLine {
  left: 8px;
}
.lyteVertical .lyteScaleLine span:first-child {
  height: 2px;
  width: 6px;
  left: 0;
  top: -1px;
}
.lyteVertical.lyteRangeSlider .lyteArrowLeft .lyteScaleLine .lyteScalLable {
  top: -8px;
  left: unset;
  right: 10px;
}
.lyteVertical.lyteRangeSlider .lyteArrowLeft.lyteScaleOption {
  left: -15px;
}
/*  Vertical slider related CSS  Ends  */
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/slider.less file
 */
/* Slider CSS ENDS  */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
/* Make changes to override predefined styles */
/* Step CSS BEGINS   */
lyte-step {
  display: inline-block;
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  font-size: 14px;
}
lyte-step * {
  box-sizing: content-box;
}
/*  Slash and Arrow related CSS BEGINS  */
.lyteStepArrow lyte-step-item,
.lyteStepSlash lyte-step-item {
  display: inline-block;
  color: #333;
  margin-right: 10px;
}
.lyteStepArrow lyte-step-item:hover,
.lyteStepSlash lyte-step-item:hover {
  color: #111;
}
.lyteStepArrow lyte-step-item:last-of-type,
.lyteStepSlash lyte-step-item:last-of-type {
  margin-right: 0;
}
.lyteStepArrow lyte-step-body,
.lyteStepSlash lyte-step-body {
  cursor: pointer;
}
.lyteStepArrow .lyteActive,
.lyteStepSlash .lyteActive {
  color: #2C7BD0;
}
.lyteStepArrow .lyteActive:last-of-type,
.lyteStepArrow .lyteCompleted,
.lyteStepSlash .lyteActive:last-of-type,
.lyteStepSlash .lyteCompleted {
  color: #72c880;
}
.lyteStepSlash lyte-step-body::after {
  content: '/';
  margin-left: 10px;
}
.lyteStepArrow lyte-step-body::after {
  content: '>';
  margin-left: 10px;
}
.lyteStepArrow lyte-step-item:last-of-type lyte-step-body::after,
.lyteStepSlash lyte-step-item:last-of-type lyte-step-body::after {
  content: none;
}
/*  Slash and Arrow related CSS ENDS  */
/*   Bullet Step related CSS BEGINS    */
.lyteStepBullet {
  display: flex;
  justify-content: center;
}
.lyteStepBullet lyte-step-item {
  width: 150px;
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  align-content: flex-start;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  z-index: 0;
}
.lyteStepBullet lyte-step-head {
  width: 20px;
  height: 20px;
  border: 2px solid transparent;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  text-indent: -10px;
  color: transparent;
  cursor: pointer;
}
.lyteStepBullet lyte-step-head::before {
  content: '';
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 50%;
  background: #3ac998;
  transform: scale(1);
  transition: transform 0.3s ease;
  position: relative;
  z-index: 10;
}
.lyteStepBullet lyte-step-head:hover::before {
  transform: scale(1.2);
}
.lyteStepBullet .lyteActive lyte-step-head {
  border-color: #3ac998;
  background: #fff;
}
.lyteStepBullet .lyteActive:last-of-type lyte-step-head,
.lyteStepBullet .lyteCompleted lyte-step-head {
  border-color: #3ac998;
  background: #3ac998;
}
.lyteStepBullet lyte-step-item.lyteActive:last-of-type lyte-step-head::before,
.lyteStepBullet .lyteCompleted lyte-step-head::before {
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -1px -28px;
  width: 15px;
  height: 12px;
  transform: scale(1);
}
.lyteStepBullet .lyteActive lyte-step-head::before {
  transform: scale(1);
}
.lyteStepBullet lyte-step-head::after {
  content: '';
  position: absolute;
  height: 2px;
  background: #d4e9e2;
  width: 140px;
  vertical-align: middle;
  left: 15px;
  z-index: -1;
}
.lyteStepBullet .lyteCompleted lyte-step-head::after {
  background: #3ac998;
}
.lyteStepBullet lyte-step-item:last-of-type {
  width: 100px;
}
.lyteStepBullet lyte-step-item:last-of-type lyte-step-head::after {
  content: none;
}
.lyteStepBullet lyte-step-body {
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  color: #949d9a;
  font-size: 14px;
  display: block;
  position: relative;
  text-align: center;
  padding: 10px 0;
  transform: translateX(calc(-50% + 13px));
  cursor: pointer;
}
.lyteStepBullet .lyteCompleted lyte-step-body,
.lyteStepBullet .lyteActive lyte-step-body {
  color: #3ac998;
}
/*   Bullet Step related CSS ENDS    */
/*   Flat Step related CSS BEGINS   */
.lyteStepFlat {
  display: flex;
  counter-reset: stepSetNumber;
}
.lyteStepFlat lyte-step-item {
  background: #fff;
  border: 1px solid #c3c3c3;
  border-left: none;
  border-right: none;
  padding: 0 30px;
  position: relative;
  cursor: pointer;
  color: #333;
}
.lyteStepFlat lyte-step-item:first-child {
  padding-left: 15px;
  border-left: 1px solid #c3c3c3;
}
.lyteStepFlat lyte-step-item:last-of-type {
  border-right: 1px solid #c3c3c3;
}
.lyteStepFlat lyte-step-item::before,
.lyteStepFlat lyte-step-item::after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
}
.lyteStepFlat lyte-step-item::before {
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 18px solid #fff;
  right: -18px;
  top: 0;
  z-index: 10;
}
.lyteStepFlat lyte-step-item::after {
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 19px solid #c3c3c3;
  right: -19px;
  top: -1px;
  z-index: 9;
}
.lyteStepFlat lyte-step-item:last-of-type::before,
.lyteStepFlat lyte-step-item:last-of-type::after {
  content: none;
}
.lyteStepFlat lyte-step-item.lyteActive,
.lyteStepFlat lyte-step-item.lyteCompleted {
  background: #1d414e;
  border-top-color: #1d414e;
  border-bottom-color: #1d414e;
  color: #fff;
}
.lyteStepFlat lyte-step-item.lyteActive:first-child,
.lyteStepFlat lyte-step-item.lyteCompleted:first-child {
  border-left-color: #1d414e;
}
.lyteStepFlat lyte-step-item.lyteActive:last-of-type,
.lyteStepFlat lyte-step-item.lyteCompleted:last-of-type {
  border-right-color: #1d414e;
}
.lyteStepFlat lyte-step-item.lyteActive::after,
.lyteStepFlat lyte-step-item.lyteActive::before,
.lyteStepFlat lyte-step-item.lyteCompleted::before {
  border-left-color: #1d414e;
}
.lyteStepFlat lyte-step-item.lyteCompleted::after {
  border-left-color: #fff;
}
.lyteStepFlat lyte-step-body {
  display: inline-block;
  padding: 7px 15px 8px 30px;
  position: relative;
  white-space: nowrap;
}
.lyteStepFlat lyte-step-body::before {
  counter-increment: stepSetNumber;
  content: counter(stepSetNumber);
  color: #666;
  position: absolute;
  width: 22px;
  height: 22px;
  border: 1px solid #c3c3c3;
  left: 0;
  top: calc(50% - 12px);
  text-align: center;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.lyteStepFlat lyte-step-item.lyteActive lyte-step-body::before,
.lyteStepFlat lyte-step-item.lyteCompleted lyte-step-body::before {
  color: #fff;
  border: 1px solid #fff;
}
.lyteStepFlat lyte-step-item:hover {
  background: #f5f5f5;
}
.lyteStepFlat lyte-step-item:hover::before {
  border-left-color: #f5f5f5;
}
.lyteStepFlat lyte-step-item.lyteActive:hover,
.lyteStepFlat lyte-step-item.lyteCompleted:hover {
  background: #1d414e;
}
.lyteStepFlat lyte-step-item.lyteActive:hover::before,
.lyteStepFlat lyte-step-item.lyteCompleted:hover::before {
  border-left-color: #1d414e;
}
/*   Flat Step related CSS ENDS   */
/*  Advanced Step related CSS BEGINS    */
.lyteStepAdvanced lyte-step-structure {
  transition: opacity 0.3s linear;
  display: flex;
  white-space: normal;
}
.lyteStepAdvanced .lyteStepFade {
  opacity: 0;
}
.lyteStepAdvanced lyte-step-item {
  background: #dce9f8;
  border: 1px solid transparent;
  border-left: none;
  border-right: none;
  padding: 7px 30px;
  position: relative;
  cursor: pointer;
  color: #333;
}
.lyteStepAdvanced lyte-step-backward + lyte-step-item {
  border-left: 1px solid #fff;
}
.lyteStepAdvanced lyte-step-body {
  white-space: nowrap;
}
.lyteStepAdvanced lyte-step-item:hover {
  background: #b9d5f5;
}
.lyteStepAdvanced lyte-step-item.lyteCompleted {
  background: #adccf0;
}
.lyteStepAdvanced lyte-step-item.lyteActive {
  background: #3891f8;
  color: #fff;
}
.lyteStepAdvanced lyte-step-forward::after,
.lyteStepAdvanced lyte-step-item::after,
.lyteStepAdvanced lyte-step-backward + lyte-step-item::before {
  content: '';
  width: 18px;
  height: 18px;
  position: absolute;
  background: inherit;
  top: 6px;
}
.lyteStepAdvanced lyte-step-forward::after,
.lyteStepAdvanced lyte-step-item::after {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg) skew(15deg, 15deg);
  right: -10px;
  z-index: 9;
}
.lyteStepAdvanced lyte-step-backward + lyte-step-item::before {
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  transform: rotate(-45deg) skew(-15deg, -15deg);
  left: -10px;
}
.lyteStepAdvanced lyte-step-backward + lyte-step-item.lyteWarning::before {
  border-top: 1px dashed #3891F8;
  border-left: 1px dashed #3891F8;
}
.lyteStepAdvanced .lyteStepLast::after,
.lyteStepAdvanced lyte-step-backward.lyteStepHidden + lyte-step-item::before {
  content: none;
}
.lyteStepAdvanced lyte-step-item.lyteWarning {
  border-top: 1px dashed #3891F8;
  border-bottom: 1px dashed #3891F8;
}
.lyteStepAdvanced lyte-step-backward + lyte-step-item.lyteWarning {
  border-left: 1px dashed #3891F8;
}
.lyteStepAdvanced lyte-step-item.lyteWarning::after {
  border-top: 1px dashed #3891F8;
  border-right: 1px dashed #3891F8;
  width: 18px;
  height: 18px;
  top: 6px;
}
.lyteStepAdvanced lyte-step-backward,
.lyteStepAdvanced lyte-step-forward {
  background: #dce9f8;
  border-top: 1px solid #dce9f8;
  border-bottom: 1px solid #dce9f8;
  padding: 5px 30px;
  position: relative;
  cursor: pointer;
  color: #333;
}
.lyteStepAdvanced lyte-step-backward:hover,
.lyteStepAdvanced lyte-step-forward:hover {
  background: #b9d5f5;
}
.lyteStepAdvanced lyte-step-backward::before {
  content: '';
  width: 23px;
  height: 23px;
  position: absolute;
  background: inherit;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  transform: rotate(45deg);
  left: -13px;
  top: 3px;
  z-index: 9;
}
.lyteStepAdvanced lyte-step-forward.lyteStepHidden,
.lyteStepAdvanced lyte-step-backward.lyteStepHidden {
  display: none;
}
/*  Advanced Step related CSS ENDS    */
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/step.less file
 */
/* Step CSS ENDS   */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
/* Make changes to override predefined styles */
/*  Lyte Table CSS BEGINS   */
lyte-table {
  display: block;
  height: inherit;
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
}
lyte-table-structure {
  display: table;
  position: relative;
  background: #fff;
  box-sizing: border-box;
}
lyte-tr {
  display: table-row;
}
lyte-tr.lyteTableDummyRow {
  position: relative;
}
lyte-col {
  display: table-column;
}
lyte-colgroup {
  display: table-column-group;
}
lyte-thead {
  display: table-header-group;
}
lyte-th {
  cursor: default;
  background: #f7f7f7;
  text-align: left;
  color: #333;
  font-family: 'LatoBold', 'Open Sans', sans-serif;
  font-size: 14px;
  outline: none;
  padding: 12px 15px;
  position: relative;
  display: table-cell;
  vertical-align: middle;
  min-width: 50px;
  box-sizing: border-box;
  white-space: nowrap;
  text-transform: capitalize;
}
lyte-th.tableRowFixed {
  z-index: 6;
}
.lyteTableFixed {
  z-index: 8;
  box-shadow: 3px 0 7px -2px rgba(0, 0, 0, 0.2);
}
lyte-th.tableRowFixed.lyteTableFixed {
  z-index: 10;
}
lyte-th:last-of-type lyte-tablehead-resize {
  cursor: default;
  position: absolute;
  right: 0;
  height: 0px;
  width: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
}
lyte-tbody {
  display: table-row-group;
}
lyte-td {
  display: table-cell;
  border-bottom: 1px solid #e2e2e2;
  vertical-align: middle;
  background: #fff;
  min-width: 50px;
  box-sizing: border-box;
  padding: 15px;
  font-size: 15px;
  white-space: nowrap;
  color: #111;
  position: relative;
}
lyte-tfoot {
  display: table-footer-group;
}
lyte-table > .lyteTableScroll {
  overflow: auto;
  max-width: 100%;
  max-height: 100%;
  outline: none;
}
lyte-table.border .lyteTableScroll {
  border-bottom: 1px solid #e2e2e2;
  border-right: 1px solid #e2e2e2;
}
lyte-table > .lyteTableScroll > lyte-yield {
  display: block;
  width: 100%;
}
lyte-table.border lyte-tbody lyte-tr:last-of-type lyte-td {
  border-bottom: 0;
}
lyte-table.border lyte-thead lyte-tr lyte-td:last-of-type,
lyte-table.border lyte-tbody lyte-tr lyte-td:last-of-type {
  border-right: 0;
}
lyte-table.border lyte-th {
  border: 1px solid #e2e2e2;
  border-bottom: none;
  border-right: none;
}
lyte-table.border lyte-th:last-of-type {
  border-right: 0;
}
lyte-table.border lyte-td {
  border: 1px solid #e2e2e2;
  border-right: 0;
  border-top: 0;
}
.lyteDualResize lyte-th:last-of-type lyte-tablehead-resize,
lyte-tablehead-resize {
  cursor: ew-resize;
  height: 100%;
  width: 21px;
  top: 0;
  z-index: 9;
  right: -12px;
  position: absolute;
}
.lyteTableFixed lyte-tablehead-resize {
  display: none;
}
.lyteTableEnableResize lyte-th.lyteTableFixed:hover {
  z-index: 9;
}
.lyteTableEnableResize .lyteTableFixed lyte-tablehead-resize {
  display: block;
}
.lyteDualResize lyte-th:last-of-type lyte-tablehead-resize {
  pointer-events: auto;
  right: 0;
}
lyte-tablehead-resize::after {
  content: '';
  position: absolute;
  width: 3px;
  height: 100%;
  right: 10px;
  background: transparent;
}
.lyteDualResize lyte-th:last-of-type lyte-tablehead-resize::after {
  right: 0;
}
lyte-th[resize="enable"]:not(.lyteTableFixed):hover {
  z-index: 7;
}
lyte-th[resize="enable"]:not(.lyteTableFixed).lyteTableResizeSelect {
  z-index: 8;
}
lyte-th[resize="enable"]:hover lyte-tablehead-resize::after {
  background: #5ba1e5;
  opacity: 0.7;
}
lyte-th[resize="enable"] lyte-tablehead-resize:hover::after,
lyte-th[resize="enable"].resizeSelect lyte-tablehead-resize::after {
  background: #5ba1e5;
  opacity: 1;
}
lyte-table.resizing lyte-th[resize="enable"]:not(.resizeSelect):hover lyte-tablehead-resize::after {
  background: transparent;
}
lyte-table-resize {
  width: 15px;
  height: 15px;
  bottom: 0;
  cursor: se-resize;
  z-index: 10;
  right: 0;
  position: absolute;
}
lyte-table-resize:hover {
  border-bottom: 2px solid #5ba1e5;
  border-right: 2px solid #5ba1e5;
}
lyte-table-horizontal-resize {
  width: 15px;
  height: 100%;
  bottom: 0;
  cursor: col-resize;
  z-index: 9;
  right: 0;
  position: absolute;
}
lyte-table-horizontal-resize:hover {
  border-right: 2px solid #5ba1e5;
}
lyte-table-vertical-resize {
  width: 100%;
  height: 15px;
  bottom: 0;
  cursor: row-resize;
  z-index: 9;
  right: 0;
  position: absolute;
}
lyte-table-vertical-resize:hover {
  border-bottom: 2px solid #5ba1e5;
}
.lyteTableSortHelper {
  font-family: 'LatoBold', 'Open Sans', sans-serif;
  font-size: 14px;
  position: absolute;
  z-index: 1080;
  background: #fff;
  border: 1px solid #5ba1e5;
  padding: 12px 15px;
  box-sizing: border-box;
  cursor: move;
  color: #333;
}
.sortableTable lyte-th {
  cursor: move;
}
lyte-table.lyteStickyTable {
  --lyte-table-intersection: 0px;
}
.lyteStickyTable .lyteFixedColumn {
  position: sticky;
  z-index: 1;
}
.lyteIntersectionDiv {
  position: absolute;
  width: 1px;
  height: 10px;
  top: var(--lyte-table-intersection);
  opacity: 0;
  pointer-events: none;
  z-index: -1;
}
.lyteStickyTable lyte-th {
  top: 0;
  position: sticky;
  z-index: 6;
}
.lyteStickyTable lyte-th.lyteFixedColumn {
  /*	lyteFixedColumn class will be added to fixed column while rendering itself	*/
  z-index: 7;
}
.lyteStickyTable lyte-th.lyteTableFixed {
  /*	lyteTableFixed class will be added to fixed column while scrolling	*/
  z-index: 8;
}
.lyteTableRightFixed.lyteTableFixed {
  box-shadow: -3px 0 7px -2px rgba(0, 0, 0, 0.2);
}
.lyteStickyTableColumnMoving {
  z-index: 10;
}
lyte-th.lyteStickyTableColumnMoving {
  z-index: 15;
}
.lyteStickyTableColumnSortAnimate {
  transform: translateX(0px);
  transition: transform 0.2s linear;
}
lyte-table.lyteTableInfiniteScrollBorderReset lyte-td {
  border: 0;
  padding: 0;
}
.lyteTableInfiniteScrollBorderReset lyte-cell-wrapper {
  display: block;
  padding: 15px;
  border-bottom: 1px solid #e2e2e2;
  height: 100%;
  box-sizing: border-box;
}
.border.lyteTableInfiniteScrollBorderReset lyte-cell-wrapper {
  border: 1px solid #e2e2e2;
  border-right: 0;
  border-top: 0;
}
/*	Lyte Table - infinite scroll - Sortable case related CSS BEGINS */
.lyteTableWithSortableRow lyte-tr {
  cursor: move;
}
.lyteTableInfiniteScrollBorderReset .lyteTableRowSorting lyte-cell-wrapper,
.lyteTableInfiniteScrollBorderReset .lyteTableRowSorting + lyte-tr lyte-cell-wrapper,
lyte-table .lyteTableRowSorting lyte-td,
lyte-table .lyteTableRowSorting + lyte-tr lyte-td {
  border-top: 1px solid #e2e2e2;
  padding-top: 14px;
}
.lyteTableInfiniteScrollBorderReset .lyteTableRowSorting lyte-td,
.lyteTableInfiniteScrollBorderReset .lyteTableRowSorting + lyte-tr lyte-td {
  border-top: 0;
  padding-top: 0;
}
lyte-table.border .lyteTableWithSortableRow .lyteTableRowSorting lyte-td:last-of-type {
  border-right: 1px solid #e2e2e2;
}
lyte-tr.lyteTableRowSorting {
  position: relative;
  z-index: 10;
}
.lyteTableWithSortableRow .lyteTableSortablePlaceholder lyte-td {
  background: #f6fad2;
  border-left: 1px solid transparent;
  border-bottom: 1px solid #e2e2e2;
}
.lyteTableWithSortableRow .lyteTableSortablePlaceholder lyte-td:first-of-type {
  border-left: 1px solid #e2e2e2;
}
.lyteTableSortablePlaceholder {
  position: absolute;
  background: #f6fad2;
  border: 1px solid #edf2c3;
  box-sizing: border-box;
  z-index: 5;
}
.lyteTableSortablePlaceholderHidden {
  display: none;
}
/*	Lyte Table - infinite scroll - Sortable case related CSS ENDS */
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/table.less file
 */
/*  Lyte Table CSS ENDS   */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
/* Make changes to override predefined styles */
.lyteTooltip {
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  font-size: 13px;
  padding: 3px 8px;
  position: absolute;
  background: #222;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  z-index: 1080;
  white-space: pre-wrap;
  left: -9999px;
  top: -9999px;
}
.lyteTooltip.lyteTooltipHidden {
  display: none !important;
}
.lyteTooltip.lyteTooltipCallout .lyteTooltipInnerSpan,
.lyteTooltip.lyteTooltipCallout::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: inherit;
  transform: rotate(45deg);
  z-index: -1;
}
.lyteTooltip.lyteTooltipCallout .lyteTooltipInnerSpan {
  transform: translateX(-5px) rotate(45deg);
}
.lyteTooltip.lyteRight .lyteTooltipInnerSpan,
.lyteTooltip.lyteRight::before {
  left: -5px;
  top: calc(50% - 5px);
}
.lyteTooltip.lyteLeft .lyteTooltipInnerSpan,
.lyteTooltip.lyteLeft::before {
  right: -5px;
  top: calc(50% - 5px);
}
.lyteTooltip.lyteBottom .lyteTooltipInnerSpan,
.lyteTooltip.lyteBottom::before {
  left: calc(50% - 5px);
  top: -5px;
}
.lyteTooltip.lyteTop .lyteTooltipInnerSpan,
.lyteTooltip.lyteTop::before {
  left: calc(50% - 5px);
  bottom: -5px;
}
.lyteTooltip.lyteTopright .lyteTooltipInnerSpan,
.lyteTooltip.lyteTopright::before {
  left: 20%;
  bottom: -5px;
}
.lyteTooltip.lyteTopleft .lyteTooltipInnerSpan,
.lyteTooltip.lyteTopleft::before {
  bottom: -5px;
  left: 80%;
}
.lyteTooltip.lyteBottomright .lyteTooltipInnerSpan,
.lyteTooltip.lyteBottomright::before {
  top: -5px;
  left: 20%;
}
.lyteTooltip.lyteBottomleft .lyteTooltipInnerSpan,
.lyteTooltip.lyteBottomleft::before {
  top: -5px;
  left: 80%;
}
.lyteTooltip.lyteInnerToolAdded::before {
  content: none;
}
.lyteTooltip.whiteBg {
  background: #fff;
  border: 1px solid #c1c1c1;
  color: #111;
}
.lyteTooltip.whiteBg::before {
  background: #fff;
}
.lyteTooltip.whiteBg.lyteRight::before {
  box-shadow: -1px 1px 0 0 #c1c1c1;
  left: -4px;
  top: calc(50% - 4px);
}
.lyteTooltip.whiteBg.lyteLeft::before {
  box-shadow: 1px -1px 0 0 #c1c1c1;
  right: -4px;
  top: calc(50% - 4px);
}
.lyteTooltip.whiteBg.lyteBottom::before {
  box-shadow: -1px -1px 0 0 #c1c1c1;
  left: calc(50% - 4px);
  top: -4px;
}
.lyteTooltip.whiteBg.lyteTop::before {
  box-shadow: 1px 1px 0 0 #c1c1c1;
  left: calc(50% - 4px);
  bottom: -4px;
}
.lyteTooltip.whiteBg.lyteTopright::before {
  box-shadow: 1px 1px 0 0 #c1c1c1;
  left: 20%;
  bottom: -4px;
}
.lyteTooltip.whiteBg.lyteTopleft::before {
  box-shadow: 1px 1px 0 0 #c1c1c1;
  bottom: -4px;
  left: 80%;
}
.lyteTooltip.whiteBg.lyteBottomright::before {
  box-shadow: -1px -1px 0 0 #c1c1c1;
  top: -4px;
  left: 20%;
}
.lyteTooltip.whiteBg.lyteBottomleft::before {
  box-shadow: -1px -1px 0 0 #c1c1c1;
  top: -4px;
  left: 80%;
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/tooltip.less file
 */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
/* Make changes to override predefined styles */
/*  Popover related CSS BEGINS  */
.bodyWrapper {
  overflow: hidden;
}
.popoverWrapper {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1040;
  position: fixed;
}
.popoverWrapper.noFreeze {
  pointer-events: none;
}
.lytePopover {
  background: #fff;
  border: 1px solid #e0e0e0;
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);
  position: absolute;
  z-index: calc(1040 + 10);
  opacity: 0;
  border-radius: 3px;
  transition: opacity ease 0.4s;
  box-sizing: border-box;
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  top: -9999px;
  left: -9999px;
}
.popoverWrapper.noFreeze .lytePopover {
  pointer-events: auto;
}
.lytePopover.lyteZoom {
  transition: transform 0.4s ease, opacity 0.4s ease;
  transform: scale(0);
}
.popoverWrapper.scrollable {
  overflow: hidden;
}
.popoverWrapper.scrollable .lytePopoverContent {
  overflow: auto;
}
.popoverWrapper.scrollable .lytePopover {
  max-height: 100%;
}
lyte-popover-header {
  padding: 15px 30px;
  font-family: 'LatoBold', 'Open Sans', sans-serif;
  font-size: 16px;
  color: #222;
}
lyte-popover-header,
lyte-popover-content,
lyte-popover-footer {
  display: block;
  box-sizing: border-box;
}
lyte-popover-content {
  padding: 15px 30px;
}
lyte-popover-footer {
  padding: 15px 30px;
}
lyte-popover-freeze {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  height: auto;
  background: #000;
  display: block;
  opacity: 0.4;
  transition: opacity ease 0.15s;
  transform: translate3d(0, 0, 0);
}
.lytePopoverClose {
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -52px 0px;
  width: 13px;
  height: 13px;
  opacity: 0.5;
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 14px;
  display: block;
  transform: scale(1.3);
  z-index: 5;
}
.lytePopoverClose:hover {
  opacity: 1;
}
lyte-popover-footer.left {
  text-align: left;
}
lyte-popover-footer.center {
  text-align: center;
}
lyte-popover-footer.right {
  text-align: right;
}
lyte-popover-footer lyte-button {
  margin-left: 7px;
}
lyte-popover-footer lyte-button:first-child {
  margin-left: 0;
}
.lytePopoverArrowIcon {
  width: 11px;
  height: 11px;
  position: absolute;
  background: #fff;
  transform: rotate(45deg);
  display: block;
}
.lytePopoverArrowIcon.lytePopoverArrowTop {
  box-shadow: -1px -1px 0 0 #e0e0e0;
  top: -5px;
}
.lytePopoverArrowIcon.lytePopoverArrowBottom {
  box-shadow: 1px 1px 0 0 #e0e0e0;
  bottom: -5px;
}
.lytePopoverArrowIcon.lytePopoverArrowRight {
  box-shadow: 1px -1px 0 0 #e0e0e0;
  right: -5px;
}
.lytePopoverArrowIcon.lytePopoverArrowLeft {
  box-shadow: -1px 1px 0 0 #e0e0e0;
  left: -5px;
}
.lytePopoverHeaderDraggable {
  cursor: move;
  touch-action: none;
}
.lyteStopBodyScrolling {
  overflow: hidden;
}
.lytePopoverVisible {
  opacity: 1;
}
.lytePopoverDispNone {
  display: none;
}
.lytePopoverVisibilityHidden {
  visibility: hidden;
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/*  Popover related CSS ENDS  */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
/* LYTE-MESSAGEBOX BEGINS   */
.lyteMessageBoxContent {
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  font-size: 15px;
  color: #333;
}
.lyteMessageBox {
  padding: 0 50px 0 0;
  z-index: 1080;
  background: #fff;
  border-radius: 2px;
  color: #333;
  font-size: 15px;
  transition: 0.3s all ease;
  display: block;
  animation-duration: 0.5s;
  animation-fill-mode: both;
  border: 1px solid transparent;
  position: absolute;
  min-width: 200px;
}
.lyteMessageBox.successMessageIcon {
  border-color: #49a251;
}
.lyteMessageBox.errorMessageIcon {
  border-color: #e64040;
}
.lyteMessageBox.warningMessageIcon {
  border-color: #ea8d42;
}
.lyteMessageBox.infoMessageIcon {
  border-color: #188bc7;
}
.lyteMessageBox .lyteMessageBoxSymbol {
  height: 100%;
  display: inline-block;
  position: absolute;
  width: 50px;
}
.lyteMessageBox.successMessageIcon .lyteMessageBoxSymbol {
  background: #49a251;
}
.lyteMessageBox.errorMessageIcon .lyteMessageBoxSymbol {
  background: #e64040;
}
.lyteMessageBox.warningMessageIcon .lyteMessageBoxSymbol {
  background: #ea8d42;
}
.lyteMessageBox.infoMessageIcon .lyteMessageBoxSymbol {
  background: #188bc7;
}
.lyteMessageBox .lyteMessageBoxSymbol::before {
  content: "";
  background-image: url(../../images/sprite_lyte.svg);
  position: absolute;
  display: inline-block;
  width: 22px;
  height: 20px;
  top: calc(50% - 10px);
  left: calc(50% - 11px);
}
.lyteMessageBox.successMessageIcon .lyteMessageBoxSymbol::before {
  background-position: -287px -58px;
}
.lyteMessageBox.errorMessageIcon .lyteMessageBoxSymbol::before {
  background-position: -317px -60px;
  width: 24px;
  left: calc(50% - 12px);
}
.lyteMessageBox.warningMessageIcon .lyteMessageBoxSymbol::before {
  background-position: -347px -58px;
}
.lyteMessageBox.infoMessageIcon .lyteMessageBoxSymbol::before {
  background-position: -377px -58px;
}
.lyteMessageBox .lyteMessageBoxContent {
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
  padding: 10px 15px 10px 65px;
}
.lyteMessageBox .lyteMessageBoxClose {
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -54px -2px;
  top: calc(50% - 4px);
  width: 8px;
  height: 8px;
  display: inline-block;
  position: absolute;
  cursor: pointer;
  right: 15px;
}
.lyteMessageBoxFadeIn {
  animation-name: lyteMsgBoxFadeIn;
}
@keyframes lyteMsgBoxFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.lyteMessageBoxFadeOut {
  animation-name: lyteMsgBoxFadeOut;
}
@keyframes lyteMsgBoxFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* LYTE-MESSAGEBOX ENDS   */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
/* LYTE-TABS CSS BEGINS */
lyte-tabs {
  display: block;
  background: #fff;
  position: relative;
  width: 100%;
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
}
lyte-tab-head {
  display: flex;
  border: 1px solid #ddd;
  box-sizing: border-box;
}
lyte-tab-title {
  display: inline-block;
  font-size: 15px;
  color: #555;
  padding: 10px 5px;
  margin: 0 10px;
  cursor: pointer;
  box-sizing: border-box;
  background: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
lyte-tab-title span {
  display: inline-block;
  vertical-align: middle;
}
lyte-tab-title:hover {
  color: #111;
}
lyte-tab-title.lyteTabActive,
lyte-tab-title.lyteTabActive:hover {
  color: #2c7bd0;
  font-weight: normal;
}
lyte-tab-body {
  display: block;
  border: 1px solid #ddd;
  padding: 15px;
  font-size: 14px;
  text-align: left;
  overflow: auto;
  box-sizing: border-box;
}
lyte-tab-content {
  color: #111;
}
.lyteTabShow {
  display: block;
  flex-grow: 1;
}
.lyteTabTitleHide,
.lyteTabHide {
  display: none;
}
/*  Tab top starts */
.lyteTabDefaultTop lyte-tab-body {
  border-top: 0;
}
.lyteTabDefaultTop lyte-tab-head {
  border-bottom-color: #e5e5e5;
}
.lyteTabDefaultTop lyte-tab-title {
  margin-bottom: -1px;
  border-bottom: 1px solid #e5e5e5;
}
.lyteTabDefaultTop lyte-tab-title.lyteTabActive {
  border-bottom: 1px solid #2c7bd0;
}
.lyteTabDefaultTop lyte-tab-title:hover {
  border-bottom-color: #666;
}
.lyteTabDefaultTop lyte-tab-title.lyteTabActive:hover {
  border-bottom-color: #2c7bd0;
}
/*  Tab top ends */
/*  Tab bottom starts */
.lyteTabDefaultBottom lyte-yield {
  display: flex;
  flex-direction: column;
}
.lyteTabDefaultBottom lyte-tab-head {
  order: 2;
  border-top-color: #e5e5e5;
}
.lyteTabDefaultBottom lyte-tab-body {
  order: 1;
  border-bottom: 0;
}
.lyteTabDefaultBottom lyte-tab-title {
  border-top: 1px solid #e5e5e5;
  margin-top: -1px;
}
.lyteTabDefaultBottom lyte-tab-title.lyteTabActive {
  border-top: 1px solid #2c7bd0;
}
.lyteTabDefaultBottom lyte-tab-title:hover {
  border-top-color: #666;
}
.lyteTabDefaultBottom lyte-tab-title.lyteTabActive:hover {
  border-top-color: #2c7bd0;
}
/*  Tab bottom ends */
/*  Tab left and right starts */
.lyteTabDefaultLeft lyte-yield {
  display: flex;
}
.lyteTabDefaultLeft lyte-tab-head,
.lyteTabDefaultRight lyte-tab-head {
  flex-direction: column;
  flex-grow: 1;
  padding: 10px 0;
  width: 200px;
  text-align: left;
  overflow: auto;
}
.lyteTabDefaultLeft lyte-tab-head {
  border-right: 0;
}
.lyteTabDefaultLeft lyte-tab-body,
.lyteTabDefaultRight lyte-tab-body {
  flex-grow: 10;
  width: calc(100% - 200px);
  padding-top: 18px;
}
.lyteTabDefaultLeft lyte-tab-title.lyteTabActive,
.lyteTabDefaultLeft lyte-tab-title.lyteTabActive:hover,
.lyteTabDefaultRight lyte-tab-title.lyteTabActive,
.lyteTabDefaultRight lyte-tab-title.lyteTabActive:hover {
  border-left: 1px solid #2c7bd0;
  background: #f5f5f5;
  position: relative;
  z-index: 10;
}
.lyteTabDefaultRight lyte-yield {
  display: flex;
  flex-direction: row-reverse;
}
.lyteTabDefaultRight lyte-tab-head {
  border-left: 0;
}
.lyteTabDefaultLeft lyte-tab-title,
.lyteTabDefaultRight lyte-tab-title {
  margin: 0;
  padding: 10px 15px;
  overflow: visible;
}
.lyteTabDefaultLeft lyte-tab-title:hover,
.lyteTabDefaultRight lyte-tab-title:hover {
  background: #fafafa;
}
/*  Tab left and right ends */
.lyteTabCloseIcon {
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -54px -2px;
  width: 8px;
  height: 8px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
.lyteTabAlignStart {
  justify-content: flex-start;
}
.lyteTabAlignCenter {
  justify-content: center;
}
.lyteTabAlignEnd {
  justify-content: flex-end;
}
.lyteTabOverflowV lyte-tab-title {
  overflow: visible;
}
.lyteTabForceHide {
  display: none;
}
#moreMenu {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: 0.7;
  padding: 10px;
}
#moreMenu.lyteMenuSelected,
#moreMenu:hover {
  opacity: 1;
}
#moreMenu span {
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -294px -165px;
  width: 17px;
  height: 5px;
}
.lyteTabRightCollapse {
  flex-flow: row-reverse;
  justify-content: flex-start;
}
.lyteTabVH lyte-tab-title,
.lyteTabVH .lyteMenuSelected {
  visibility: hidden;
}
lyte-tab-title.lyteTabDisable {
  pointer-events: none;
  cursor: default;
  opacity: 0.7;
}
/*  Lyte Nested Tabs CSS Begins */
.lyteNestedTab .lyteTabDefaultTop > lyte-yield {
  display: block;
}
.lyteNestedTab .lyteTabDefaultTop > lyte-yield > lyte-tab-head {
  flex-direction: row;
  padding: 0;
  width: auto;
  border: 1px solid #ddd;
  overflow: visible;
}
.lyteNestedTab .lyteTabDefaultTop > lyte-yield > lyte-tab-head lyte-tab-title {
  margin: 0 10px;
  padding: 10px 5px;
  overflow: hidden;
  margin-bottom: -1px;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
.lyteNestedTab .lyteTabDefaultTop > lyte-yield > lyte-tab-head lyte-tab-title:hover {
  background: #fff;
  border: 0;
  border-bottom: 1px solid #666;
}
.lyteNestedTab .lyteTabDefaultTop > lyte-yield > lyte-tab-head lyte-tab-title.lyteTabActive {
  border: 0;
  border-bottom: 1px solid #2c7bd0;
  background: #fff;
}
.lyteNestedTab .lyteTabDefaultTop > lyte-yield > lyte-tab-body {
  width: auto;
  padding: 15px;
  border: 1px solid #ddd;
  border-top: 0;
}
.lyteNestedTab .lyteTabDefaultBottom > lyte-yield {
  flex-direction: column;
}
.lyteNestedTab .lyteTabDefaultBottom > lyte-yield > lyte-tab-head {
  flex-direction: row;
  padding: 0;
  width: auto;
  border: 1px solid #ddd;
  overflow: visible;
}
.lyteNestedTab .lyteTabDefaultBottom > lyte-yield > lyte-tab-head lyte-tab-title {
  margin: 0 10px;
  padding: 10px 5px;
  overflow: hidden;
  margin-top: -1px;
  border: 0;
  border-top: 1px solid #e5e5e5;
}
.lyteNestedTab .lyteTabDefaultBottom > lyte-yield > lyte-tab-head lyte-tab-title:hover {
  background: #fff;
  border: 0;
  border-top: 1px solid #666;
}
.lyteNestedTab .lyteTabDefaultBottom > lyte-yield > lyte-tab-head lyte-tab-title.lyteTabActive {
  border: 0;
  border-top: 1px solid #2c7bd0;
  background: #fff;
}
.lyteNestedTab .lyteTabDefaultBottom > lyte-yield > lyte-tab-body {
  width: auto;
  padding: 15px;
  border: 1px solid #ddd;
  border-bottom: 0;
}
.lyteNestedTab .lyteTabDefaultLeft > lyte-yield {
  flex-direction: row;
}
.lyteNestedTab .lyteTabDefaultLeft > lyte-yield > lyte-tab-head {
  order: 0;
  border: 1px solid #ddd;
  border-right: 0;
}
.lyteNestedTab .lyteTabDefaultLeft > lyte-yield > lyte-tab-head lyte-tab-title {
  border: 0;
}
.lyteNestedTab .lyteTabDefaultLeft > lyte-yield > lyte-tab-head lyte-tab-title.lyteTabActive {
  border-bottom: 0;
  border-left: 1px solid #2c7bd0;
}
.lyteNestedTab .lyteTabDefaultLeft > lyte-yield > lyte-tab-body {
  border: 1px solid #ddd;
}
.lyteNestedTab .lyteTabDefaultRight > lyte-yield {
  flex-direction: row-reverse;
}
.lyteNestedTab .lyteTabDefaultRight > lyte-yield > lyte-tab-head {
  border: 1px solid #ddd;
  border-left: 0;
  order: 0;
}
.lyteNestedTab .lyteTabDefaultRight > lyte-yield > lyte-tab-head lyte-tab-title {
  border: 0;
}
.lyteNestedTab .lyteTabDefaultRight > lyte-yield > lyte-tab-head lyte-tab-title.lyteTabActive {
  border: 0;
  border-left: 1px solid #2c7bd0;
}
.lyteNestedTab .lyteTabDefaultRight > lyte-yield > lyte-tab-body {
  border: 1px solid #ddd;
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* LYTE-TABS CSS ENDS   */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
/* LYTE-COLORPICKER BEGINS */
.lyteColorPicker {
  display: inline-block;
  border: 1px solid #e6e6e6;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
  background: #fff;
}
.lyteColorPicker.popColorPicker {
  display: none;
}
.lyteColorPicker__showhidecontainer {
  overflow: hidden;
  padding: 0;
  position: relative;
  text-align: left;
  font-size: 13px;
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
}
/*  Colorpicker basic section related code begins    */
.lyteColorPicker__default {
  width: 220px;
  display: flex;
  flex-direction: column;
}
.lyteColorPicker__nocolorbutton {
  padding: 8px 15px;
  border-bottom: 1px solid #e6e6e6;
  cursor: pointer;
}
.lyteColorPicker__noFill {
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -43px -79px;
  width: 11px;
  height: 11px;
  opacity: 0.6;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
}
.lyteColorPicker__nocolorbutton svg {
  display: none;
}
.lyteColorPicker__nocolorbutton:hover {
  background: #f5f5f5;
}
.lyteColorPicker__palettecontainer {
  border-bottom: 1px solid #e6e6e6;
  order: 0;
  padding: 8px 15px 15px;
}
.lyteColorPicker__palettecontainer.LCP_DefaultColorCont.default_color {
  display: flex;
  padding: 10px 15px 3px;
  justify-content: left;
}
.cpDefault__colors {
  border-radius: 50%;
}
.lyteColorPicker__palette {
  font-size: 0;
}
.lyteColorPickerUsedColors {
  margin: 0;
  padding: 0;
}
.lyteColorPicker__paletteheading {
  cursor: default;
  color: #111;
  margin-bottom: 10px;
}
.lyteColorPicker__defaultpaletteheading {
  cursor: default;
  color: #111;
  margin: 0 5px 8px 5px;
}
.lyteColorPicker__palettecontainer.usedColor__container {
  order: 1;
}
.lyteColorPicker__navigatable {
  order: 2;
  padding: 10px 15px;
  border-radius: 0 0 2px 2px;
  cursor: pointer;
}
.lyteColorPicker__navigatable:hover {
  background: #f5f5f5;
}
.lyteColorPicker__colorfieldcontainer {
  display: none;
  order: 3;
}
.lyteColorPicker__palette .standard__colors,
.lyteColorPicker__shades {
  margin: 0;
  padding: 0;
  line-height: 1;
}
.lyteColorPicker__palette .cpDefault__colors,
.lyteColorPicker__shades {
  margin: 0;
  padding: 0;
  line-height: 1;
  border-radius: 50%;
}
.lyteColorPicker__colorpan {
  width: 15px;
  height: 15px;
  margin: 0 2px;
  padding: 0;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
  display: inline-block;
  cursor: pointer;
  box-sizing: border-box;
  position: relative;
}
.default__colors .lyteColorPicker__colorpan {
  border: 1px solid transparent;
}
.default__colors:first-child .lyteColorPicker__colorpan {
  margin-bottom: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.default__colors:nth-child(2),
.default__colors:nth-child(3) {
  display: none;
}
.lyteColorPickerShowHiddenColor.default__colors:nth-child(2),
.lyteColorPickerShowHiddenColor.default__colors:nth-child(3),
.lyteColorPickerAccentColorPalette .default__colors:nth-child(2),
.lyteColorPickerAccentColorPalette .default__colors:nth-child(3) {
  display: block;
}
.lyteColorPicker__colorpan:hover {
  border-color: rgba(0, 0, 0, 0.3);
}
.default__colors:first-child .lyteColorPicker__colorpan:hover {
  border-color: rgba(17, 17, 17, 0.3);
}
.lyteColorPicker__colorpan.lyteCPSelectedColor::before {
  content: '';
  position: absolute;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  width: 8px;
  height: 4px;
  top: 2px;
  left: 2px;
  transform: rotate(-45deg);
}
.lyteColorPicker__colorpan.lyteCPSelectedColor[lt-prop-title="#FFFFFF"]::before {
  border-left: 1px solid #333;
  border-bottom: 1px solid #333;
}
.lyteColorPicker__text {
  display: inline-block;
  vertical-align: middle;
  color: #111;
}
.LCP_rightArrow {
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -97px -26px;
  width: 4px;
  height: 7px;
  display: inline-block;
  vertical-align: middle;
  margin-top: 3px;
}
.lyteColorPicker__icon {
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -110px -58px;
  width: 14px;
  height: 11px;
  opacity: 0.6;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
}
/*  Colorpicker basic section related code ends    */
/*  Colorpicker advanced section related code begins    */
.lyteColorPicker--advanced {
  padding: 10px;
  width: 260px;
}
.colorDiv {
  overflow: hidden;
  position: relative;
  cursor: default;
  touch-action: none;
  border: 1px solid #d6d6d6;
  border-radius: 2px;
}
#lyteCPImgDiv {
  height: 160px;
  background-image: url(../../images/lyteCPbgGradient.png);
  background-repeat: round;
}
.colorSlider_palette_circle {
  border: 2px solid #fff;
  border-radius: 50%;
  height: 8px;
  width: 8px;
  cursor: pointer;
  position: absolute;
  z-index: 10;
}
.lyteColorPicker__previewDiv {
  padding: 3px 0px;
  position: relative;
}
.lyteColorPicker__opacityslider,
.colorSlider_hue {
  position: relative;
  vertical-align: middle;
  touch-action: none;
}
.lyteColorPicker__sliderDiv {
  display: flex;
  align-items: center;
  margin: 15px 0;
}
.colorSlider_hue {
  margin-bottom: 15px;
}
.opacityslider__circlethumb,
.colorSlider_sliderHandle {
  width: 5px;
  height: 10px;
  border-radius: 2px;
  border: 1px solid #000;
  position: absolute;
  z-index: 14;
  top: 0;
  background: #fff;
}
.lyteColorPicker__transparentbg,
.colorSlider_hueBar_border {
  width: 210px;
  border-radius: 6px;
}
.opacityslider__track,
.colorSlider_hueBar {
  background-image: linear-gradient(to right, red, #ff00dd, blue, aqua, #00ff00, yellow, red);
  height: 10px;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.3);
}
.opacityslider__track {
  background-image: none;
}
.opacityPreviewDiv__transparentbg,
.previewDiv {
  width: 32px;
  height: 32px;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 50%;
}
.opacityPreviewDiv__transparentbg1,
.dynamicDiv {
  width: 32px;
  height: 32px;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.3);
}
.lyteColorPicker__commandbar {
  margin: 10px 0 5px;
  display: flex;
}
.LCP_backbtn {
  margin-right: auto;
}
.selectFormat {
  width: 70px;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}
.selectFormat lyte-dropdown {
  display: block;
  width: 70px;
}
.selectFormat lyte-dropdown lyte-drop-button {
  font-size: 12px;
}
.lyteCPDropbox {
  width: 70px;
}
.lyteCPDropbox .lyteArrow {
  width: 70px;
}
.lyteCPDropbox lyte-drop-item {
  padding: 5px;
  font-size: 12px;
  color: #555;
}
.lyteCPDropbox lyte-drop-item[selected="true"] {
  color: #333;
}
.lyteCPDropbox lyte-drop-item[selected="true"]::before {
  content: none;
}
.selectFormat .colorPickerDD {
  padding: 5px 20px 5px 5px;
}
.selectFormat lyte-dropdown lyte-icon.dropdown {
  background-position: -14px -2px;
  width: 9px;
  height: 5px;
}
.showValue {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 85px);
}
.cpValFormatIp {
  border-spacing: 0;
}
.cpValFormatIp lyte-tr:nth-child(2) lyte-td {
  font-size: 12px;
  color: #9b9b9b;
  text-align: center;
}
.cpValFormatIp lyte-td {
  vertical-align: top;
  padding: 0;
  border-bottom: 0;
  min-width: auto;
}
.cpValFormatIp lyte-tr:first-child lyte-td {
  padding-left: 5px;
}
.cpValFormatIp lyte-tr:first-child lyte-td:first-child {
  padding-left: 0;
}
.showValue .lyteField {
  border: 1px solid #d6d6d6;
}
.showValue .lyteInputBox input {
  padding: 5px 4px;
  font-size: 12px;
  min-width: auto;
  text-align: center;
}
.showValue .lyteInputBox .lyteField:hover {
  border: 1px solid #c1c1c1;
}
.showValue .lyteInputBox.lyteInputFocus .lyteField {
  outline: none;
  border: 1px solid #c1c1c1;
}
.showValue .lyteInputBox.vertical {
  width: 40px;
}
#lyteCPShowValue {
  width: 128px;
}
#lyteCPShowValue.lyteInputBox input {
  text-align: left;
}
.lyteColorPicker__transparentbg {
  border-radius: 6px;
  background: url(../../images/lyteCP_op_slider_bg.png);
}
.lyteCP__transparentbg {
  background: url(../../images/lyteCP_op_slider_bg.png);
  border-radius: 50%;
  width: 34px;
  height: 34px;
}
.lyteCP_PreviewWrapper {
  margin-left: auto;
}
.lyteCP__dynamicColor {
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  overflow: hidden;
}
.lyteCP__dynamicColor .previewDiv,
.lyteCP__dynamicColor .dynamicDiv {
  border-radius: 0;
  border: 0;
  width: 100%;
  height: 100%;
}
.lyteCPHexText lyte-td:first-child {
  visibility: hidden;
}
#lyteCPHiddenInput {
  position: absolute;
  left: -9999px;
}
/*  Colorpicker advanced section related code ends    */
.lyteColorPicker__pe {
  pointer-events: none;
  cursor: default;
}
.showValue .lyteInputBox.lyteInputFocus.lyteCp__Invalid .lyteField {
  border: 1px solid #f4a7a7;
}
.lyteCp__Invalid input {
  background: #f5c7c7;
}
.lyteColorPicker__commandbar button {
  text-transform: capitalize;
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* LYTE-COLORPICKER ENDS */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
/* LYTE-PROGRESSBAR BEGINS  */
.lyteProgressBar {
  position: relative;
}
.lyteProgressBar.lyteHorizontal {
  height: 14px;
  width: calc(100% - 200px);
  background: #e5e5e5;
  border-radius: 8px;
}
.lyteProgressBar .lyteProgressStatus {
  display: block;
  height: 100%;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  background: #51a2ee;
  color: #fff;
  transition: width 0.25s;
}
.lyteProgressBar .lyteProgressStatus .progressMovingObj,
.lyteProgressBar .lyteProgressStatusStack .progressMovingObj {
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  top: 0;
  box-sizing: border-box;
  background-image: linear-gradient(-45deg, rgba(221, 221, 221, 0.29) 25%, transparent 25%, transparent 50%, rgba(221, 221, 221, 0.29) 50%, rgba(221, 221, 221, 0.29) 75%, transparent 75%, transparent);
  background-size: 20px 20px;
  animation: move 1s linear infinite;
  border-radius: 20px;
}
@keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 20px 20px;
  }
}
.lyteProgressBar .lyteProgressPercentage {
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  font-size: 12px;
  line-height: 14px;
  color: #fff;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  top: 0px;
  z-index: 10;
}
.lyteProgressBar.lyteProgressCompleted .lyteProgressStatusVertical,
.lyteProgressBar.lyteProgressCompleted .lyteProgressStatus {
  background: #3fbd5f;
}
/*  Radial progress bar related CSS -- BEGINS   */
.lyteProgressBar.lyteCircle {
  width: 100px;
  height: 100px;
}
.lyteProgressBar .lyteCircleType {
  position: relative;
  display: inline-block;
}
.lyteCircleType svg {
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  font-size: 17px;
  fill: #333;
}
.lyteProgressBar.lyteCircle .svgValueEle {
  transform: rotate(-90deg);
}
.lyteProgressBar.lyteCircle circle:first-child {
  stroke: #DCE0E3;
}
.lyteCircle .ltProgressFillCircle {
  stroke: #51a2ee;
}
.lyteProgressCompleted.lyteCircle .ltProgressFillCircle {
  stroke: #3fbd5f;
}
.lyteProgressBar.lyteCircle circle {
  transition: stroke-dashoffset 0.25s linear;
}
/*  Radial progress bar related CSS -- ENDS   */
/*  Indeterminate horizontal progress bar related CSS -- BEGINS   */
.lyteIndeterminate {
  overflow: hidden;
}
.inc {
  animation: increase 2s infinite;
}
.dec {
  animation: decrease 2s 0.5s infinite;
}
@keyframes increase {
  from {
    left: -5%;
    width: 5%;
  }
  to {
    left: 130%;
    width: 100%;
  }
}
@keyframes decrease {
  from {
    left: -80%;
    width: 80%;
  }
  to {
    left: 110%;
    width: 10%;
  }
}
/*  Indeterminate horizontal progress bar related CSS -- ENDS   */
/*  stacked progress bar related CSS -- BEGINS   */
.lyteStacked,
.lyteProgressStatusStack {
  display: flex;
  overflow: hidden;
}
.lyteStacked .lyteProgressStatusStack {
  flex-direction: column;
  justify-content: center;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background: #007bff;
  transition: width 2s linear;
}
.lyteProgressBarWithLineSeparator.lyteStacked {
  overflow: visible;
}
.lyteProgressBarWithLineSeparator .lyteProgressStatusStack:first-child {
  border-radius: 8px 0 0 8px;
}
.lyteProgressBarWithLineSeparator .lyteProgressStatusStack:last-child {
  border-radius: 0 8px 8px 0;
}
.lyteProgressBarWithLineSeparator .lyteProgressStatusStack:only-child {
  border-radius: 8px;
}
.lyteProgressBarLineSeparator {
  width: 1px;
  height: 100%;
  padding: 5px 0;
  background: #000;
  transform: translate(0, -5px);
}
/*  stacked progress bar related CSS -- ENDS   */
/*  vertical progress bar related CSS -- BEGINS   */
.lyteProgressBar.lyteVertical {
  background-color: #e5e5e5;
  background-position: 50% 50%;
  border-radius: 8px;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
}
.lyteProgressBar .lyteProgressStatusVertical {
  border-radius: 8px;
  background: #51a2ee;
  width: 100%;
  position: absolute;
  overflow: hidden;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  transition: height 0.25s;
  left: 0;
  height: 0;
}
.lyteProgressStatusVertical.up {
  bottom: 0;
}
.lyteProgressStatusVertical.down {
  top: 0;
}
.lyteProgressStatusVertical .lyteProgressPercentage {
  top: 50%;
  transform: translate(-50%, -50%);
}
/*  vertical progress bar related CSS -- ENDS   */
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* LYTE-PROGRESSBAR END*/
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
/* LYTE-DATERANGEPICKER BEGINS  */
lyte-daterangepicker {
  display: inline-block;
}
lyte-daterangepicker * {
  box-sizing: content-box;
}
lyte-daterangepicker lyte-calendar {
  display: block;
}
.lyteDateRangePickerRow {
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  display: flex;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid #d1d1d1;
  background: #fff;
}
.lyteDateRangePickerRow .lyteCalendarPopup {
  box-shadow: none;
  border: none;
  background: inherit;
}
.lyteDateRangePickerRow lyte-dropdown lyte-drop-button {
  background: inherit;
}
.lyteDateRangePickerCol1,
.lyteDateRangePickerCol2 {
  position: relative;
  flex-grow: 1;
}
.lyteDateRangePickerRow .lyteCalBtns {
  display: none;
}
.lyteDateRPMonthHeader {
  text-align: center;
  font-size: 13px;
  padding: 12px 23px;
}
.lyteDateRPLeftNav {
  position: absolute;
  top: 17px;
  left: 20px;
}
.lyteDateRPRightNav {
  top: 17px;
  right: 20px;
  position: absolute;
}
.monthDD {
  max-width: 150px;
  margin-right: 7px;
  width: auto;
}
.monthDD lyte-drop-button {
  font-size: 18px;
}
.yearDD {
  width: auto;
}
.yearDD lyte-drop-button {
  font-size: 16px;
}
.dRPCalendar2 .lyteCalTableContainer {
  border-left: 1px solid #f0f0f0;
}
.lyteDateRangePickerRow .lyteCalToday {
  background: inherit;
}
.lyteDateRPMonthStartDate,
.lyteDateRPMonthEndDate,
.lyteDateRangePickerRow .lyteDateRPTempSelected {
  border-radius: 0;
  background: #e6f3fd;
  position: relative;
  color: #111;
}
.lyteDateRPTempFirstDateSelected.lyteCalTableCell,
.lyteDateRPTempLastDateSelected,
.lyteDateRPFirstDateSelected.lyteCalTableCell,
.lyteDateRPLastDateSelected.lyteCalTableCell,
.lyteDateRPTempSelected.lyteDateRPTempFirstDateSelected:hover,
.lyteDateRPTempSelected.lyteDateRPTempLastDateSelected:hover,
.lyteDateRPTempFirstDateSelected:hover,
.lyteDateRPTempLastDateSelected:hover,
.lyteDateRPFirstDateSelected:hover,
.lyteDateRPLastDateSelected:hover {
  color: #fff;
  position: relative;
  z-index: 0;
  background: #e6f3fd;
  border-radius: 50% 0 0 50%;
  border-color: transparent;
}
.lyteDateRPTempSelected.lyteDateRPTempLastDateSelected,
.lyteDateRPTempLastDateSelected.lyteCalTableCell,
.lyteDateRPLastDateSelected.lyteCalTableCell,
.lyteDateRPTempLastDateSelected:hover,
.lyteDateRPLastDateSelected:hover {
  background: #e6f3fd;
  border-radius: 0 50% 50% 0;
  color: #fff;
}
.lyteDateRPTempFirstDateSelected::before,
.lyteDateRPFirstDateSelected::before,
.lyteDateRPTempLastDateSelected::before,
.lyteDateRPLastDateSelected::before {
  content: '';
  width: 100%;
  height: 100%;
  background: #5ba1e5;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 50%;
}
.lyteDateRPTempFirstDateSelected {
  border-radius: 50% 0 0 50%;
}
.lyteDateRPTempFirstDateSelected::after,
.lyteDateRPFirstDateSelected::after,
.lyteDateRPMonthStartDate::after,
.lyteDateRPTempSelected::after {
  content: '';
  position: absolute;
  left: calc(100% + 1px);
  width: 8px;
  background: #e6f3fd;
  top: -1px;
  height: 32px;
}
.lyteWeekNumberGrid + .lyteDateRPLastDateSelected,
.lyteWeekNumberGrid + .lyteDateRPTempLastDateSelected,
.lyteWeekNumberGrid + .lyteDateRPTempLastDateSelected:hover,
.lyteDateRPFirstDateSelected:last-of-type,
.lyteDateRPTempFirstDateSelected:last-of-type,
.lyteDateRPLastDateSelected:first-child,
.lyteDateRPTempLastDateSelected:first-child,
.lyteDateRPTempLastDateSelected.lyteCalTableCell:first-child:hover {
  background: transparent;
}
.lyteDateRPTempFirstDateSelected,
.lyteDateRPTempLastDateSelected,
.lyteDateRPFirstDateSelected,
.lyteDateRPLastDateSelected {
  color: #fff;
}
.lyteDateRPTempSelected:hover {
  background: #e6f3fd;
  color: #111;
  border-radius: 0;
}
.lyteCalTableCell.lyteDateRPTempLastDateSelected:hover,
.lyteDateRPMonthEndDate,
.lyteDateRPTempSelected:last-of-type,
.lyteCalTableCell.lyteDateRPTempSelected:last-of-type:hover {
  border-radius: 0 50% 50% 0;
}
.lyteWeekNumberGrid + .lyteDateRPTempSelected,
.lyteDateRPMonthStartDate,
.lyteDateRPTempSelected:first-of-type,
.lyteDateRPTempSelected:first-of-type:hover {
  border-radius: 50% 0 0 50%;
}
.lyteDateRPMonthEndDate:first-of-type {
  border-radius: 50%;
}
.lyteDateRPTempSelected:last-of-type::after,
.lyteDateRPFirstDateSelected:last-of-type::after,
.lyteDateRPTempFirstDateSelected:last-of-type::after,
.lyteDateRPTempLastDateSelected::after,
.lyteDateRPLastDateSelected::after {
  width: 0;
}
.lyteDateRPTempFirstDateSelected.lyteDateRPTempLastDateSelected,
.lyteDateRPFirstDateSelected.lyteDateRPLastDateSelected {
  background: #fff;
}
.lyteDateRPTempFirstDateSelected.lyteDateRPMonthEndDate,
.lyteDateRPMonthEndDate.lyteDateRPFirstDateSelected {
  background: #fff;
  border-radius: 50% 0 0 50%;
}
.lyteDateRPInterimEndDate::after,
.lyteDateRPTempFirstDateSelected.lyteDateRPMonthEndDate::after,
.lyteDateRPMonthEndDate.lyteDateRPFirstDateSelected::after {
  content: none;
}
.lyteDateRPMonthStartDate.lyteDateRPTempLastDateSelected,
.lyteDateRPMonthStartDate.lyteDateRPLastDateSelected {
  background: #fff;
}
.lyteDateRPInterimEndDate:hover,
.lyteDateRPInterimEndDate.lyteDateRPTempSelected:first-of-type,
.lyteDateRPInterimEndDate {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
}
.lyteDateRPInterimStartDate.lyteDateRPTempSelected.lyteDateRPTempLastDateSelected,
.lyteDateRPInterimStartDate.lyteDateRPTempLastDateSelected:hover,
.lyteDateRPInterimStartDate:hover,
.lyteDateRPInterimStartDate {
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
}
.lyteCalToday.lyteDateRPTempSelected {
  border-color: transparent;
}
/*------- Added by Sam-------*/
.lyteDateRPNavDisabled {
  opacity: 0.3;
  pointer-events: none;
}
.lyteSeperateDRP .lyteDateRPFirstDateSelected,
.lyteSeperateDRP .lyteDateRPLastDateSelected {
  border-radius: 50%;
}
.lyteSeperateDRP .lyteDateRPFirstDateSelected:after {
  display: none;
}
.lyteDateRangePickerRow .lyteCalTableCell {
  touch-action: none;
}
/*------- Added for ltPropHeaderType option -------*/
.lyteDateRPStringHeader {
  padding-top: 17px;
  font-size: 18px;
  color: #666;
}
/*------- Added for ltPropFillRows option -------*/
lyte-daterangepicker .lyteCalDiffMonth {
  pointer-events: none;
  opacity: 0.4;
}
/*------- Added by Sam-------*/
.lyteAllowOtherMonthSelection .lyteCalDiffMonth {
  pointer-events: auto;
}
.lyteAllowOtherMonthSelection .lyteCalDisabled {
  pointer-events: none;
}
.lyteAllowOtherMonthSelection .lyteDateRPFirstDateSelected,
.lyteAllowOtherMonthSelection .lyteDateRPTempSelected,
.lyteAllowOtherMonthSelection .lyteDateRPLastDateSelected,
.lyteAllowOtherMonthSelection .lyteCalDiffMonth:hover {
  opacity: 1;
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* LYTE-DATERANGEPICKER ENDS    */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
lyte-tree {
  background: #fff;
  display: block;
  padding-left: 50px;
  overflow: hidden;
  transition: height 0.2s ease;
}
lyte-tree lyte-yield {
  display: inline-block;
}
lyte-tree-body {
  display: block;
  margin-top: 20px;
}
.lyteTreeBodyDivLastVisibleElem > lyte-tree-body > .mainContainer::after,
.lyteTreeBodyDiv:last-of-type > lyte-tree-body > .mainContainer::after {
  content: '';
  position: absolute;
  width: 3px;
  height: calc(100% - 18px);
  background: #fff;
  z-index: 10;
  left: -43px;
  top: 9px;
}
lyte-tree-content {
  display: block;
  cursor: pointer;
  position: relative;
}
lyte-tree lyte-tree lyte-tree-content::before {
  content: '';
  width: 30px;
  height: 1px;
  border-bottom: 1px dashed #aaa;
  position: absolute;
  left: -38px;
  top: 9px;
}
.mainContainer {
  position: relative;
}
.mainContainer::before {
  content: '';
  width: 1px;
  height: calc(100% - 34px);
  border-left: 1px dashed #aaa;
  top: 25px;
  position: absolute;
  left: 8px;
}
.lyteTreeNoChildContainer::before {
  content: none;
}
lyte-tree-icon {
  display: inline-block;
  text-align: left;
}
lyte-tree-icon .collapseBox {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  opacity: 0.7;
}
lyte-tree-icon:hover .collapseBox {
  opacity: 0.8;
}
.lyteTreeOpen .collapseBox,
lyte-tree-icon.open .collapseBox {
  opacity: 0.9;
}
lyte-tree lyte-tree lyte-tree-icon:hover .collapseBox {
  border-color: #333;
}
.treeValue {
  display: inline-block;
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  font-size: 14px;
  color: #333;
  margin-left: 5px;
  vertical-align: middle;
}
lyte-tree lyte-tree lyte-tree-icon:hover .treeValue {
  color: #111;
}
.lyteTreeOpen .arrow,
lyte-tree-icon.open .arrow {
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -25px -107px;
  width: 16px;
  height: 16px;
  display: inline-block;
  position: absolute;
}
.lyteTreeClose .arrow,
lyte-tree-icon.close .arrow {
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -1px -107px;
  width: 16px;
  height: 16px;
  display: inline-block;
  position: absolute;
}
.lyteTreeOpen .treeValue,
lyte-tree-icon.open .treeValue {
  font-family: 'LatoBold', 'Open Sans', sans-serif;
}
.lyteTreeHasNoChild .lyteTreeOpen .treeValue,
.lyteTreeHasNoChild lyte-tree-icon.open .treeValue,
.noChildClass lyte-tree-icon.open .treeValue {
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  margin-left: 0;
  margin-top: -3px;
  color: #333;
  cursor: default;
}
.lyteTreeHasNoChild .collapseBox,
.noChildClass .collapseBox {
  display: none;
}
.lyteDataTreeNodeWrap {
  padding-left: 12px;
}
.lyteDataTreeNode {
  position: relative;
  display: flex;
  align-items: flex-start;
  margin-bottom: 5px;
  color: #333;
}
.lyteDataTreeIndex {
  color: #5ba1e5;
}
.lyteDataTreeNodeContent {
  margin-left: 10px;
}
.lyteDataTreeNodeText {
  color: #357636;
}
.lyteDataTreeObjectNode,
.lyteDataTreeArrayNode {
  cursor: pointer;
}
.lyteDataTreeClosed::before {
  content: '';
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #555;
  display: inline-block;
  position: absolute;
  left: -10px;
  top: 5px;
}
.lyteDataTreeNodeContent > .lyteDataTreeSubLevel > .lyteDataTreeNodeWrap {
  padding-left: 0;
}
.lyteDataTreeNodeContent > .lyteDataTreeSubLevel > .lyteDataTreeNodeWrap > .lyteDataTreeNode {
  position: static;
}
.lyteDataTreeOpened::before {
  content: '';
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #555;
  display: inline-block;
  position: absolute;
  left: -12px;
  top: 8px;
}
.lyteTreeComma:last-of-type {
  display: none;
}
.lyteDataTreeSubLevel {
  padding-left: 0;
}
.lyteDataTreeObjectTextLabel {
  opacity: 0;
}
/*	Lyte Tree Horizontal Related CSS Begins	*/
lyte-tree[lt-prop-structure-type="hierarchy"],
.lyteHTreeChildWrap {
  padding-left: 0;
}
.lyteHTreeParentNode {
  padding: 15px;
  position: relative;
}
.lyteHTreeContentWrap {
  cursor: pointer;
}
.lyteHTreeConnectorLine {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  flex-direction: column;
}
.lyteHTreeVerticalConnectLine {
  background: #555;
  flex-grow: 1;
}
.lyteHTreeHorizontalAfterConnectLine,
.lyteHTreeHorizontalBeforeConnectLine {
  position: absolute;
  height: 1px;
  top: 50%;
  background: #555;
  width: 15px;
}
.lyteHTreeHorizontalBeforeConnectLine {
  left: 0;
}
.lyteHTreeHorizontalAfterConnectLine {
  right: 0;
}
.lyteHTreeVerticalConnectorHidden {
  visibility: hidden;
}
.lyteHTreeHorizontalConnectorHidden {
  display: none;
}
/*	Lyte Tree Horizontal Related CSS Ends	*/
/*	Sortable Tree related LESS Begins	*/
.lyteTreeTopParent.lyteTreeSortable {
  position: relative;
}
.lyteTreeSortableElement {
  position: relative;
  border: solid 1px transparent;
  -webkit-user-select: none;
  user-select: none;
}
.lyteTreeCurrentSortElem {
  cursor: move;
  pointer-events: none;
  background: #eee;
  z-index: 15;
}
.lyteTreeSortable .lyteTreeSortableElement.lyteTreeSortableDropPlaceholderChild {
  z-index: 15;
  border: 1px dashed #5ba1e5;
}
.lyteTreeSortable lyte-tree-body {
  margin-top: 0;
}
.lyteTreeSortable .lyteTreeMainContainer::before {
  left: calc((var(--treeLevel) * 50px) + 8px);
  z-index: 1;
  top: 35px;
}
.lyteTreeSortable .lyteTreeBodyDivLastVisibleElem > lyte-tree-body > .mainContainer::after,
.lyteTreeSortable .lyteTreeBodyDiv:last-of-type > lyte-tree-body > .mainContainer::after {
  left: calc((var(--treeLevel)*50px) - 43px);
  top: 19px;
}
.lyteTreeSortable lyte-tree {
  padding: 0;
}
.lyteTreeSortable lyte-tree-content {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: calc(var(--treeLevel) * 50px);
}
.lyteTreeSortable lyte-tree-content::before {
  left: calc((var(--treeLevel) * 50px) - 42px);
  top: 17px;
}
.lyteTreeDragRunning .treeValue {
  user-select: none;
}
.lyteTreeSortable .lyteTreeSortableElement.lyteTreeSortableDropPlaceholderBottom::before,
.lyteTreeSortable .lyteTreeSortableElement.lyteTreeSortableDropPlaceholderTop::before {
  content: '';
  border-left: 5px solid #5ba1e5;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  left: 0;
}
.lyteTreeSortableDropPlaceholderTop::before {
  top: -6px;
}
.lyteTreeSortableDropPlaceholderBottom::before {
  bottom: -6px;
}
.lyteTreeSortable .lyteTreeSortableElement.lyteTreeSortableDropPlaceholderBottom::after,
.lyteTreeSortable .lyteTreeSortableElement.lyteTreeSortableDropPlaceholderTop::after {
  content: '';
  display: block;
  position: absolute;
  left: 10px;
  width: 25px;
  height: 2px;
  background: #5ba1e5;
  z-index: 10;
}
.lyteTreeSortableDropPlaceholderTop::after {
  top: -2px;
}
.lyteTreeSortableDropPlaceholderBottom::after {
  bottom: -2px;
}
.lyteHorizontalTreePlaceHolder {
  border: solid 1px #5ba1e5;
}
.lyteTreeDragRunning lyte-tree :not(lyte-tree.lyteTreeClosed) {
  overflow: visible;
}
.lyteTreeMM {
  cursor: move;
}
.lyteTreeSortable .lyteTreeMainContainer::before {
  height: calc(100% - 55px);
}
.lyteTreeSortableDropNotAllowed {
  cursor: not-allowed;
}
/*	Sortable Tree related LESS Ends	*/
/*	Unnamed Subgroup related CSS Begins	*/
.lyteTreeUnnamedSubgroup > lyte-tree-body > .lyteTreeMainContainer > .lyteTreeSortableElement > lyte-yield,
.lyteTreeUnnamedSubgroup > lyte-tree-body > .lyteTreeMainContainer > lyte-yield {
  display: block;
  padding-top: 20px;
}
.lyteTreeUnnamedSubgroup lyte-tree-body > .lyteTreeMainContainer > lyte-tree > .lyteTreeBodyDiv:first-of-type > lyte-tree-body,
.lyteTreeUnnamedSubgroup > lyte-tree-body {
  position: relative;
  margin-top: 0;
}
.lyteTreeUnnamedSubgroup > lyte-tree-body > .lyteTreeMainContainer::before {
  top: 30px;
  height: calc(100% - 39px);
}
.lyteTreeSortableElement + lyte-tree > .lyteTreeUnnamedSubgroup > lyte-tree-body > .lyteTreeMainContainer::before {
  top: 41px;
}
.lyteTreeUnnamedSubgroup > lyte-tree-body > .lyteTreeMainContainer > .lyteTreeSortableElement lyte-tree-content {
  padding-block: 0;
}
.lyteTreeUnnamedSubgroup > lyte-tree-body > .lyteTreeMainContainer > .lyteTreeSortableElement > lyte-yield > lyte-tree-content lyte-tree-icon,
.lyteTreeUnnamedSubgroup > lyte-tree-body > .lyteTreeMainContainer > .lyteTreeSortableElement > lyte-yield > lyte-tree-content .treeValue,
.lyteTreeUnnamedSubgroup > lyte-tree-body > .lyteTreeMainContainer > lyte-yield > lyte-tree-content lyte-tree-icon,
.lyteTreeUnnamedSubgroup > lyte-tree-body > .lyteTreeMainContainer > lyte-yield > lyte-tree-content .treeValue {
  display: none;
}
.lyteTreeUnnamedSubgroup > lyte-tree-body > .lyteTreeMainContainer > lyte-yield > lyte-tree-content::before {
  width: 45px;
}
.lyteTreeUnnamedSubgroup > lyte-tree-body > .lyteTreeMainContainer > .lyteTreeSortableElement > lyte-yield > lyte-tree-content::before {
  width: 50px;
  top: 19px;
}
.lyteTreeUnnamedSubgroup:last-of-type > lyte-tree-body > .lyteTreeMainContainer::after {
  height: calc(100% - 38px);
  top: calc(50% + 10px);
}
lyte-tree.lyteVerticalTree {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
.lyteTreeTopParent > .lyteVerticalTreeConnectLines {
  display: none;
}
.lyteVerticalTreeRow {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.lyteVerticalTreeNode {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 30px;
  position: relative;
}
.lyteVerticalTreeRow > .lyteVerticalTreeNode:first-child {
  padding-left: 0;
}
.lyteVerticalTreeRow > .lyteVerticalTreeNode:last-child {
  padding-right: 0;
}
.lyteVerticalTreeNodeContent {
  padding: 15px 30px;
  background: #f5f5f5;
  border: 1px solid #d6d6d6;
  cursor: pointer;
}
.lyteVerticalTreeConnectLines {
  width: 1px;
  height: 30px;
  flex-shrink: 0;
  background: #d6d6d6;
}
lyte-vertical-tree .lyteVerticalTreeConnectLines {
  display: none;
}
lyte-vertical-tree lyte-vertical-tree .lyteVerticalTreeConnectLines {
  display: block;
}
.lyteVerticalTreeRowJoinLines {
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background: #d6d6d6;
}
.lyteVerticalTreeNode:first-child > .lyteVerticalTreeRowJoinLines {
  left: calc(50% - 15px);
}
.lyteVerticalTreeNode:last-child > .lyteVerticalTreeRowJoinLines {
  right: calc(50% - 15px);
}
.lyteVerticalTreeNode:only-child > .lyteVerticalTreeConnectLines,
.lyteVerticalTreeNode:only-child > .lyteVerticalTreeRowJoinLines {
  display: none;
}
/*	Unnamed Subgroup related CSS Ends	*/
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
lyte-treeselect {
  display: inline-block;
}
lyte-treeselect lyte-dropdown {
  max-width: 100%;
  display: block;
}
lyte-treeselect lyte-dropdown[lt-prop-type="multiple"] lyte-drop-button::after {
  content: none;
}
.lyteTreeSelectDropbox lyte-drop-body {
  padding: 5px 10px;
}
.lyteTreeSelectDropbox lyte-tree {
  padding-left: 25px;
}
.lyteTreeSelectDropbox lyte-drop-body > lyte-tree {
  padding-left: 0;
}
.lyteTreeSelectDropbox lyte-tree-body {
  margin-top: 0;
}
.lyteTreeSelectDropbox .lyteTreeMainContainer::before {
  height: calc(100% - 40px);
}
.lyteTreeSelectDropbox lyte-tree-content {
  display: flex;
  align-items: center;
}
.lyteTreeSelectDropbox lyte-tree lyte-tree-content::before {
  width: 15px;
  left: -17px;
  top: 15px;
}
.lyteTreeSelectDropbox .lyteTreeBodyDiv:last-of-type > lyte-tree-body > .lyteTreeMainContainer::after {
  left: -18px;
  top: 17px;
}
.lyteTreeSelectDropbox lyte-drop-item.lyteDropdownActive,
.lyteTreeSelectDropbox .lyteTreeMainContainer > lyte-yield,
.lyteTreeSelectDropbox .collapseBox {
  display: block;
}
.lyteTreeSelectDropbox .lyteTreeHasNoChild .collapseBox {
  display: none;
}
.lyteTreeDropItem {
  flex: 1;
  padding-left: 5px;
  margin-left: 5px;
}
.lyteTreeHasNoChild .lyteTreeDropItem {
  padding-left: 10px;
  margin-left: 0;
}
.lyteTreeSelectSelected {
  background: #e6f3fd;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
lyte-tree-table {
  display: block;
  box-sizing: border-box;
  overflow: auto;
  position: relative;
  border: 1px solid #e2e2e2;
}
lyte-tree-table-node {
  display: table;
  width: 100%;
}
lyte-tree-table-header {
  display: table-header-group;
}
.lyteTreeTableRow,
lyte-tree-table-header > lyte-yield {
  display: table-row;
}
lyte-tree-table-th,
lyte-tree-table-td {
  display: table-cell;
  padding: 7px 15px;
}
lyte-tree-table-body {
  display: table-row-group;
}
lyte-tree-table-th {
  background: #f7f7f7;
  border-right: 1px solid #e2e2e2;
  position: sticky;
  top: 0;
  z-index: 10;
}
.lyteTreeFixedHeader {
  left: 0;
  z-index: 15;
}
lyte-tree-table-td {
  border-right: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
}
.lyteTreeFixedCol {
  position: sticky;
  left: 0;
  background: #fff;
  z-index: 5;
}
.lyteTreeTableRow:last-of-type lyte-tree-table-td {
  border-bottom: 0;
}
lyte-tree-table-td:last-of-type {
  border-right: 0;
}
lyte-tree-table-td:first-child {
  padding-left: calc((var(--tree-level) + 1) * 15px);
}
lyte-tree-table-icon {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  margin-left: -15px;
}
lyte-tree-table-icon::after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-top: 7px solid #555;
  transition: transform 0.3s ease;
}
.lyteTreeTableClosedRow lyte-tree-table-icon {
  transform: rotate(-90deg);
}
.lyteTreeLastFixedCol {
  box-shadow: 3px 0 7px -2px rgba(0, 0, 0, 0.2);
  background: green;
}
.lyteTreeTableDispNone {
  display: none;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
/*  Colorbox Styles starts  */
.lyteColorbox {
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  font-size: 14px;
  position: fixed;
  display: none;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1040;
}
.lyteColorboxDisplay.lyteColorbox {
  display: flex;
  flex-direction: column;
}
.lyteColorboxFreezeLayer {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: #000;
  opacity: 0.8;
}
.lyteColorboxWrapper {
  width: 900px;
  margin: 0 auto;
  background: #fff;
  position: relative;
  height: calc(100% - 170px);
  overflow: auto;
  border-radius: 0 0 2px 2px;
  z-index: 5;
}
.lyteColorboxContent {
  height: calc(100% - 65px);
  margin: 0 auto;
  position: relative;
  padding: 10px 10px 0;
  background: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: auto;
  border-radius: 3px 3px 0 0;
}
.lyteCBoxPhoto {
  max-height: inherit;
  max-width: 100%;
  transition: transform 0.15s linear;
}
.lyteColorboxHeader {
  display: flex;
  background: #fff;
  position: relative;
  padding: 15px 20px;
  border-top: 1px solid #ebebeb;
  border-radius: 0 0 3px 3px;
}
.lyteColorboxTitle {
  font-size: 15px;
  margin-right: auto;
  font-family: 'LatoBold', 'Open Sans', sans-serif;
  color: #111;
}
.lyteColorboxCloseIcon {
  position: fixed;
  top: 20px;
  right: 35px;
}
lyte-colorbox-close,
.lyteColorboxCloseIcon {
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -50px -100px;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  cursor: pointer;
  opacity: 0.8;
}
lyte-colorbox-close:hover,
.lyteColorboxCloseIcon:hover {
  opacity: 1;
}
.lyteColorboxThumbOuterWrapper {
  height: 150px;
  order: 3;
  position: relative;
  align-self: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  z-index: 5;
}
.lyteColorboxThumbInnerWrapper {
  display: flex;
  transition: transform 0.3s ease;
}
.lyteColorboxThumb {
  align-self: center;
  margin-right: 10px;
  width: 70px;
  height: 70px;
  border: 1px solid transparent;
  cursor: pointer;
  box-sizing: border-box;
  position: relative;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lyteColorboxThumb:hover {
  border: 1px solid #ccc;
}
.lyteColorboxThumb.thumb-on {
  border: 1px solid #fff;
}
.lyteColorboxThumb.thumb-on::after {
  content: attr(data-thumb-val);
  position: absolute;
  bottom: -30px;
  color: #fff;
  width: 100%;
  text-align: center;
}
.lyteColorboxThumb img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 2px;
  object-fit: contain;
}
.lyteCBoxIframeWrap {
  text-align: center;
}
.lyteCBoxIframeIcon {
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -117px -198px;
  width: 21px;
  height: 26px;
  display: inline-block;
}
.lyteCBoxIframeLabel {
  color: #fff;
  font-size: 13px;
  margin-top: 10px;
}
.lyteColorboxThumb .lyteCBoxFavImg {
  height: auto;
  width: auto;
}
.lyteCBoxPhotoZoomIn {
  cursor: zoom-in;
}
.lyteCBoxPhotoZoomOut {
  cursor: zoom-out;
}
lyte-colorbox-previous,
lyte-colorbox-next,
.lyteColorboxIconDiv {
  width: 40px;
  height: 40px;
  border: 1px solid #555;
  background: #222;
  position: fixed;
  border-radius: 50%;
  top: calc(50% - 20px);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
}
lyte-colorbox-previous:hover,
lyte-colorbox-next:hover,
.lyteColorboxIconDiv:hover {
  background: #000;
}
lyte-colorbox-previous,
.lyteCBoxPrevious {
  left: 20px;
}
lyte-colorbox-next,
.lyteCBoxNext {
  right: 20px;
}
.lyteColorboxNextIcon,
.lyteColorboxPreviousIcon {
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -94px -109px;
  width: 9px;
  height: 11px;
}
.lyteColorboxNextIcon {
  background-position: -115px -108px;
}
.lyteCBoxDownload {
  position: relative;
}
lyte-colorbox-download .lyteColorboxDownloadImg::after,
.lyteCBoxDownload .lyteColorboxDownloadImg::after {
  content: '';
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -271px -106px;
  width: 16px;
  height: 16px;
  opacity: 0.4;
  cursor: pointer;
  display: block;
}
lyte-colorbox-download .lyteColorboxDownloadImg:hover::after,
.lyteCBoxDownload .lyteColorboxDownloadImg:hover::after {
  opacity: 0.8;
}
.lyteColorboxUtilDiv {
  display: flex;
  background: #000;
  position: absolute;
  left: 50%;
  bottom: 65px;
  border-radius: 3px;
  z-index: 1020;
  transform: translateX(-50%);
  overflow: hidden;
}
lyte-colorbox-zoomin,
lyte-colorbox-reset,
lyte-colorbox-zoomout,
.lyteColorboxZoomIn,
.lyteColorboxReset,
.lyteColorboxZoomOut {
  cursor: pointer;
  padding: 10px;
  height: 16px;
}
.lyteColorboxDisabled {
  pointer-events: none;
  opacity: 0.6;
}
lyte-colorbox-zoomin:hover,
lyte-colorbox-reset:hover,
lyte-colorbox-zoomout:hover,
.lyteColorboxZoomIn:hover,
.lyteColorboxReset:hover,
.lyteColorboxZoomOut:hover {
  background: rgba(255, 255, 255, 0.25);
}
lyte-colorbox-zoomin::before,
lyte-colorbox-reset::before,
lyte-colorbox-zoomout::before,
.lyteColorboxZoomIn::before,
.lyteColorboxReset::before,
.lyteColorboxZoomOut::before {
  content: '';
  background: url(../../images/sprite_lyte.svg);
  display: inline-block;
  align-self: center;
}
lyte-colorbox-zoomout::before,
.lyteColorboxZoomOut::before {
  background-position: -132px -107px;
  width: 13px;
  height: 15px;
}
lyte-colorbox-zoomout:hover::before,
.lyteColorboxZoomOut:hover::before {
  background-position: -153px -107px;
}
lyte-colorbox-reset::before,
.lyteColorboxReset::before {
  background-position: -218px -106px;
  width: 17px;
  height: 17px;
}
lyte-colorbox-reset:hover::before,
.lyteColorboxReset:hover::before {
  background-position: -242px -106px;
}
lyte-colorbox-zoomin::before,
.lyteColorboxZoomIn::before {
  background-position: -175px -107px;
  width: 14px;
  height: 15px;
}
lyte-colorbox-zoomin:hover::before,
.lyteColorboxZoomIn:hover::before {
  background-position: -196px -107px;
}
.lyteColorboxHideVisibility {
  opacity: 0.6;
  cursor: not-allowed;
}
lyte-colorbox-next.lyteColorboxHideVisibility:hover,
lyte-colorbox-previous.lyteColorboxHideVisibility:hover,
.lyteColorboxIconDiv.lyteColorboxHideVisibility:hover {
  background: #222;
}
.lyteCBoxItem {
  position: absolute;
  height: calc(100% - 10px);
  width: calc(100% - 20px);
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
}
.lytCBoxPreviousItem {
  transform: translate3d(-100%, 0, 0);
  transition: none;
}
.lytCBoxNextItem {
  transform: translate3d(100%, 0, 0);
  transition: none;
}
.lyteCBoxCurrentItem {
  transform: translate3d(0%, 0, 0);
  transition: transform 0.3s ease;
}
.lyteCBoxOH {
  overflow: hidden;
}
.lyteCBoxPhoto,
.lyteCBoxIframe,
.lyteCBoxCustom,
.lyteCBoxDN {
  display: none;
}
.lyteCBoxVisible {
  display: inline-block;
}
.lyteCBoxAlignStart {
  align-items: flex-start;
}
lyte-colorbox-container {
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  font-size: 14px;
  position: fixed;
  display: none;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1040;
}
lyte-colorbox-container.lyteColorboxDisplay {
  display: block;
}
lyte-colorbox-header {
  position: fixed;
  top: 0;
  width: 100%;
  height: 60px;
  background: #222;
  z-index: 10;
  padding: 15px 20px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
lyte-colorbox-download {
  margin-left: 10px;
}
lyte-colorbox-download .lyteColorboxDownloadImg::after {
  background-position: -372px -157px;
  width: 16px;
  height: 15px;
}
lyte-colorbox-title {
  color: #fff;
  font-size: 16px;
}
lyte-colorbox-close {
  margin-left: auto;
}
lyte-colorbox-content {
  position: absolute;
  left: 0;
  right: 0;
  top: 60px;
  bottom: 0;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.8);
}
lyte-colorbox-container .lyteCBoxItem {
  height: 100%;
  width: 100%;
  background: transparent;
}
lyte-colorbox-container .lyteCBoxPhoto,
.lyteColorboxContent .lyteCBoxPhoto {
  position: relative;
  cursor: grab;
}
lyte-colorbox-container .lyteCBoxPhoto.lyteCBoxDragging,
.lyteColorboxContent .lyteCBoxPhoto.lyteCBoxDragging {
  cursor: grabbing;
}
lyte-colorbox-thumbnail {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  height: 150px;
  bottom: 0;
  z-index: 10;
  width: 100%;
}
lyte-colorbox-container .lyteColorboxUtilDiv {
  flex-direction: row-reverse;
  bottom: 150px;
}
.lyteCBoxMoveLeft {
  transform: translate3d(-100%, 0, 0);
}
.lyteCBoxMoveRight {
  transform: translate3d(100%, 0, 0);
}
.lyteCBoxMoveLeftWithTransition {
  transform: translate3d(-100%, 0, 0);
  transition: transform 0.3s;
}
.lyteCBoxMoveRightWithTransition {
  transform: translate3d(100%, 0, 0);
  transition: transform 0.3s;
}
.lyteCBoxAnimateOnUp {
  transition: transform 0.3s, left 0.3s, top 0.3s;
}
.lyteColorboxLoadingCircle {
  animation: lyteColorboxLoadingSvgAnim 1.4s linear infinite;
}
@keyframes lyteColorboxLoadingSvgAnim {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(270deg);
  }
}
lyte-colorbox-loading-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 5;
  transform: translate(-50%, -50%);
}
.lyteColorboxLoadingCircle circle {
  stroke-dasharray: 88px;
  stroke-dashoffset: 0;
  stroke-width: 1px;
  stroke-linecap: round;
  transform-origin: center;
  animation: lyteColorboxLoadingAnim 1.4s ease-in-out infinite;
}
@keyframes lyteColorboxLoadingAnim {
  0% {
    stroke-dashoffset: 88px;
  }
  50% {
    stroke-dashoffset: 22px;
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 88px;
    transform: rotate(450deg);
  }
}
lyte-colorbox-content .lyteColorBoxDisableTransition,
.lyteColorboxContent .lyteColorBoxDisableTransition {
  transition: none;
}
.lyteColorboxHideBtn {
  display: none;
}
/*
lyte-colorbox-previous.lyteColorboxHideVisibility:hover, lyte-colorbox-next.lyteColorboxHideVisibility:hover {
  background: #222;
}

.animateOnUp {
    transition: transform 0.3s, left 0.3s, top 0.3s;
}

}*/
/*Sets the orientation of the images so that there wont be any difference in viewing the image in different browser*/
.lyteColorboxThumb.addedOrientation img {
  image-orientation: from-image;
}
.lyteCBoxDNImp {
  display: none !important;
}
/* Sets z-index to current element for non sliding images*/
.lyteCBoxCurrentElem {
  z-index: 1;
}
.lyteCBoxPreviewNone {
  height: 100px;
  width: 100px;
  margin: auto;
  background-image: url(../../images/zip-folder.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* colorbox CSS ENDS   */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
lyte-counter {
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  font-size: 20px;
  color: #333;
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* Default theme imported */
:root {
  --lyte-rating-empty-color: #c7c7c7;
  --lyte-rating-fill-color: #f00;
  --lyte-rating-hover-color: #FF7778;
}
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
lyte-rating {
  display: inline-flex;
  white-space: nowrap;
}
lyte-rate-icon {
  display: inline-flex;
  cursor: pointer;
  padding-right: 5px;
  background-image: url(../../images/sprite_lyte.svg);
}
lyte-rate-icon:last-child {
  padding-right: 0px;
}
lyte-rating.star lyte-rate-icon {
  background-image: none;
}
lyte-rating.heart lyte-rate-icon {
  background-image: none;
}
lyte-rating.lineStar lyte-rate-icon {
  background-image: none;
}
lyte-rating.lineHeart lyte-rate-icon {
  background-image: none;
}
.lyteRatingReadOnly {
  cursor: not-allowed;
}
.lyteRatingReadOnly lyte-rate-icon {
  pointer-events: none;
}
.lyteRatingSmiley lyte-rate-icon:nth-child(1) {
  background-position: -72px -273px;
}
.lyteRatingSmiley.five lyte-rate-icon:nth-child(2) {
  background-position: -104px -273px;
}
.lyteRatingSmiley.three lyte-rate-icon:nth-child(2),
.lyteRatingSmiley.five lyte-rate-icon:nth-child(3) {
  background-position: -135px -273px;
}
.lyteRatingSmiley.five lyte-rate-icon:nth-child(4) {
  background-position: -41px -273px;
}
.lyteRatingSmiley.three lyte-rate-icon:nth-child(3),
.lyteRatingSmiley.five lyte-rate-icon:nth-child(5) {
  background-position: -10px -273px;
}
.lyteRatingSmiley lyte-rate-icon.lyteRatingHover:nth-child(1),
.lyteRatingSmiley lyte-rate-icon.lyteRated:nth-child(1) {
  background-position: -231px -273px;
}
.lyteRatingSmiley.five lyte-rate-icon.lyteRatingHover:nth-child(2),
.lyteRatingSmiley.five lyte-rate-icon.lyteRated:nth-child(2) {
  background-position: -263px -273px;
}
.lyteRatingSmiley.three lyte-rate-icon.lyteRatingHover:nth-child(2),
.lyteRatingSmiley.three lyte-rate-icon.lyteRated:nth-child(2),
.lyteRatingSmiley.five lyte-rate-icon.lyteRatingHover:nth-child(3),
.lyteRatingSmiley.five lyte-rate-icon.lyteRated:nth-child(3) {
  background-position: -294px -273px;
}
.lyteRatingSmiley.five lyte-rate-icon.lyteRatingHover:nth-child(4),
.lyteRatingSmiley.five lyte-rate-icon.lyteRated:nth-child(4) {
  background-position: -200px -273px;
}
.lyteRatingSmiley.three lyte-rate-icon.lyteRatingHover:nth-child(3),
.lyteRatingSmiley.three lyte-rate-icon.lyteRated:nth-child(3),
.lyteRatingSmiley.five lyte-rate-icon.lyteRatingHover:nth-child(5),
.lyteRatingSmiley.five lyte-rate-icon.lyteRated:nth-child(5) {
  background-position: -169px -273px;
}
.lyteRatingCustomSmileyBadIcon {
  background-position: -72px -273px;
}
.lyteRatingCustomSmileyPoorIcon {
  background-position: -104px -273px;
}
.lyteRatingCustomSmileyAverageIcon {
  background-position: -135px -273px;
}
.lyteRatingCustomSmileyGoodIcon {
  background-position: -41px -273px;
}
.lyteRatingCustomSmileyHappyIcon {
  background-position: -10px -273px;
}
.lyteRatingCustomSmileyBadHoverIcon,
.lyteRatingCustomSmileyBadRatedIcon {
  background-position: -231px -273px;
}
.lyteRatingCustomSmileyPoorHoverIcon,
.lyteRatingCustomSmileyPoorRatedIcon {
  background-position: -263px -273px;
}
.lyteRatingCustomSmileyAverageHoverIcon,
.lyteRatingCustomSmileyAverageRatedIcon {
  background-position: -294px -273px;
}
.lyteRatingCustomSmileyGoodHoverIcon,
.lyteRatingCustomSmileyGoodRatedIcon {
  background-position: -200px -273px;
}
.lyteRatingCustomSmileyHappyHoverIcon,
.lyteRatingCustomSmileyHappyRatedIcon {
  background-position: -169px -273px;
}
.lrcSwitchLikeEmpty {
  background-position: -230px -205px;
}
.lrcSwitchDislikeEmpty {
  background-position: -294px -210px;
}
.lrcSwitchLikeEmpty:hover {
  background-position: -262px -205px;
  opacity: 0.8;
}
.lrcSwitchDislikeEmpty:hover {
  background-position: -325px -210px;
  opacity: 0.8;
}
.lrcSwitchLike.lyteRated {
  background-position: -262px -205px;
  opacity: 1;
}
.lrcSwitchDislike.lyteRated {
  background-position: -325px -210px;
  opacity: 1;
}
.lrcToggleEmpty {
  background-position: -8px -239px;
}
.lrcToggleEmpty:hover,
.lrcToggleFill {
  background-position: -74px -239px;
}
.lyteRatingHeartHoverHalfIcon,
.lyteRatingHeartRatedHalfIcon,
.lyteRatingHeartEmptyIcon,
.lyteRatingHeartRatedIcon,
.lyteRatingHeartHoverRatedIcon {
  background-image: unset;
  -webkit-mask-image: url(../../images/sprite_lyte.svg);
  mask-image: url(../../images/sprite_lyte.svg);
  width: 21px;
  height: 21px;
}
.lyteRatingHeartEmptyIcon {
  -webkit-mask-position: -41px -239px;
  mask-position: -41px -239px;
  background-color: #C7C7C7;
}
.lyteRatingHeartRatedIcon {
  -webkit-mask-position: -74px -239px;
  mask-position: -74px -239px;
  background-color: #f00;
}
.lyteRatingHeartHoverRatedIcon.lyteRatingHeartRatedHalfIcon,
.lyteRatingHeartHoverRatedIcon {
  -webkit-mask-position: -8px -239px;
  mask-position: -8px -239px;
  background-color: #FF7778;
}
.lyteRatingHeartRatedHalfIcon,
.lyteRatingHeartHoverHalfIcon {
  -webkit-mask-position: -110px -239px;
  mask-position: -110px -239px;
}
.lyteRatingHeartHoverHalfIcon.lyteRatingHeartRatedHalfIcon,
.lyteRatingHeartHoverHalfIcon {
  background-color: #FF7778;
}
.lyteRatingHeartRatedHalfIcon {
  background-color: #f00;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
lyte-splitter {
  display: block;
  background: #fff;
  border: 1px solid #ddd;
  color: #333;
}
lyte-splitter lyte-yield {
  height: 100%;
  display: flex;
  width: 100%;
}
lyte-row-splitter {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
lyte-row-splitter:first-child {
  border-top: 0;
}
lyte-row-splitter:last-child {
  border-bottom: 0;
}
lyte-column-splitter {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  overflow: auto;
}
lyte-column-splitter:first-child {
  border-left: 0;
}
lyte-column-splitter:last-child {
  border-right: 0;
}
lyte-row-element,
lyte-column-element {
  flex-grow: 1;
  overflow: auto;
  display: flex;
}
lyte-row-element[lt-resize="false"] {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
lyte-row-element[lt-resize="false"]:first-child {
  border-top: 0;
}
lyte-row-element[lt-resize="false"]:last-child {
  border-bottom: 0;
}
lyte-column-element[lt-resize="false"] {
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
lyte-column-element[lt-resize="false"]:first-child {
  border-left: 0;
}
lyte-column-element[lt-resize="false"]:last-child {
  border-right: 0;
}
lyte-row-handle,
lyte-column-handle {
  background: #eee;
  border-radius: 0px;
  -webkit-user-select: none;
  user-select: none;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
lyte-column-handle {
  width: 8px;
  cursor: col-resize;
  flex-direction: column;
}
lyte-row-handle {
  height: 8px;
  cursor: row-resize;
}
lyte-row-handle:hover,
lyte-column-handle:hover {
  background: #ddd;
}
lyte-row-handle.splitResizing,
lyte-column-handle.splitResizing {
  background: #5ba1e5;
}
.rowHandleIcon,
.columnHandleIcon {
  background: #000;
  border-radius: 6px;
}
.columnHandleIcon {
  height: 30px;
  width: 4px;
  margin: 15px 0;
  order: 1;
}
.rowHandleIcon {
  height: 4px;
  width: 30px;
  margin: 0px 15px;
  order: 1;
}
.splitResizing .columnHandleIcon,
.splitResizing .rowHandleIcon {
  background: #fff;
}
.leftCollapseBtn {
  order: 0;
}
.rightCollapseBtn {
  order: 2;
}
.rightPointed::after,
.leftPointed::before {
  content: '';
  width: 0;
  height: 0;
  cursor: pointer;
  display: block;
}
.leftPointed::before {
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  border-right: 5px solid #000;
}
.rightPointed::after {
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  border-left: 5px solid #000;
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
.lyteSpeedDial {
  position: absolute;
  width: auto;
  height: auto;
  display: flex;
  gap: 20px;
}
.lyteSpeedDialIcon {
  width: 90%;
  height: 90%;
  border-radius: 50%;
}
.lyteSpeedDialMainIcon {
  width: var(--lyte-speed-dial-icon-size);
  height: var(--lyte-speed-dial-icon-size);
}
.lyteSpeedDialIconWrapper {
  width: var(--lyte-speed-dial-icon-size);
  height: var(--lyte-speed-dial-icon-size);
  display: flex;
  border-radius: 50%;
  background: #767373;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
}
.lyteSpeedDialIconCircleAlign .lyteSpeedDialIconWrapper {
  position: absolute;
  --lyte-speed-dial-angle: calc(var(--lyte-speed-dial-icon-index) * calc(var(--lyte-speed-dial-circle-total-degree) * 1deg) / var(--lyte-speed-dial-icon-count) + calc(var(--lyte-speed-dial-negative-deg) * 1deg));
  transform: rotate(var(--lyte-speed-dial-angle)) translate(calc(var(--lyte-speed-dial-circle-radius) * 1px)) rotate(calc(-1 * var(--lyte-speed-dial-angle)));
}
.lyteSpeedDial .lyteSpeedDialIconWrapper.lyteSpeedDialButtonIcon {
  background-color: #4b5e6a;
  transform: scale(1.3);
  border: 1px solid #282931;
}
.lyteSpeedDialIconRightAlign {
  align-items: center;
  flex-direction: row;
}
.lyteSpeedDialIconLeftAlign {
  flex-direction: row-reverse;
  transform: translateX(calc(-100% + var(--lyte-speed-dial-icon-size)));
}
.lyteSpeedDialIconTopAlign {
  flex-direction: column-reverse;
  transform: translateY(calc(-100% + var(--lyte-speed-dial-icon-size)));
}
.lyteSpeedDialIconBottomAlign {
  flex-direction: column;
}
.lyteSpeedDial .lyteSpeedDialMainIcon.lyteSpeedDialButtonIconRotated {
  transform: rotate(45deg);
  transform-origin: center;
}
.lyteSpeedDialIconWrapper:hover {
  background-color: #373636;
}
lyte-grouper {
  display: block;
}
lyte-grouper .lyteGroupWrap {
  display: flex;
}
lyte-grouper .lyteGroupWrap.lyteGroupVertical {
  flex-direction: column;
}
lyte-grouper lyte-button {
  flex-grow: 1;
}
lyte-grouper lyte-button button {
  border-radius: 0;
  width: 100%;
}
lyte-grouper .lyteGroupHorizontal lyte-button:first-child button {
  border-radius: 2px 0 0 2px;
}
lyte-grouper .lyteGroupHorizontal lyte-button:last-child button {
  border-radius: 0 2px 2px 0;
}
lyte-grouper .lyteGroupVertical lyte-button:first-child button {
  border-radius: 2px 2px 0 0;
}
lyte-grouper .lyteGroupVertical lyte-button:last-child button {
  border-radius: 0 0 2px 2px;
}
lyte-grouper .fillType lyte-button button.lyteDefaultBtn {
  border: 0;
  background: #e0e1e2;
}
lyte-grouper .fillType lyte-button button.lyteDefaultBtn:hover {
  border: 0;
  background: #cacbcd;
}
lyte-grouper .lineType lyte-button button.lyteDefaultBtn {
  border: 1px solid #ddd;
  background: #fff;
}
lyte-grouper .lineType.lyteGroupHorizontal lyte-button button.lyteDefaultBtn {
  border-right: 0;
}
lyte-grouper .lineType.lyteGroupVertical lyte-button button.lyteDefaultBtn {
  border-bottom: 0;
}
lyte-grouper .lineType lyte-button button.lyteDefaultBtn:hover {
  background: #f5f5f5;
}
lyte-grouper .lineType.lyteGroupHorizontal lyte-button:last-child button.lyteDefaultBtn {
  border-right: 1px solid #ddd;
}
lyte-grouper .lineType.lyteGroupVertical lyte-button:last-child button.lyteDefaultBtn {
  border-bottom: 1px solid #ddd;
}
.lyteGrouperInputOrDropdown .lyteGroupHorizontal {
  border: 1px solid #d6d6d6;
  border-radius: 2px;
}
.lyteGrouperInputOrDropdown .lyteGroupHorizontal:hover {
  border: 1px solid #c1c1c1;
}
.lyteGrouperInputOrDropdown .lyteGrouperFocused:hover,
.lyteGrouperInputOrDropdown .lyteGrouperFocused {
  border: 1px solid #7fceef;
}
lyte-grouper .lyteGrouperItem {
  border-right: 1px solid #d6d6d6;
  flex: 1;
}
lyte-grouper .lyteGrouperItem:last-child {
  border-right: 0;
}
lyte-grouper lyte-dropdown .lyteDummyEventContainer:focus lyte-drop-button:hover,
lyte-grouper lyte-dropdown .lyteDummyEventContainer:focus lyte-drop-button,
lyte-grouper lyte-drop-button:hover,
lyte-grouper lyte-drop-button {
  border: 0;
  box-shadow: none;
}
lyte-grouper .lyteInputBox.lyteInputFocus .lyteField,
lyte-grouper .lyteInputBox .lyteField:hover,
lyte-grouper .lyteInputBox .lyteField {
  border: 0;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
lyte-button-group {
  display: block;
}
lyte-button-group .lyteBtnGroupWrap {
  display: flex;
}
lyte-button-group .lyteGroupVertical .lyteBtnGroupWrap {
  flex-direction: column;
}
lyte-button-group lyte-button {
  flex-grow: 1;
}
lyte-button-group lyte-button button {
  border-radius: 0;
  width: 100%;
}
lyte-button-group .lyteGroupHorizontal lyte-button:first-child button {
  border-radius: 2px 0 0 2px;
}
lyte-button-group .lyteGroupHorizontal lyte-button:last-child button {
  border-radius: 0 2px 2px 0;
}
lyte-button-group .lyteGroupVertical lyte-button:first-child button {
  border-radius: 2px 2px 0 0;
}
lyte-button-group .lyteGroupVertical lyte-button:last-child button {
  border-radius: 0 0 2px 2px;
}
lyte-button-group .fillType lyte-button button.lyteDefaultBtn {
  border: 0;
  background: #e0e1e2;
}
lyte-button-group .fillType lyte-button button.lyteDefaultBtn:hover {
  border: 0;
  background: #cacbcd;
}
lyte-button-group .fillType lyte-button button.lyteBtnGroupSelectedBtn:hover,
lyte-button-group .fillType lyte-button button.lyteBtnGroupSelectedBtn {
  background: #c0c1c2;
  color: #111;
}
lyte-button-group .lineType lyte-button button.lyteDefaultBtn {
  border: 1px solid #d6d6d6;
  background: #fff;
}
lyte-button-group .lineType.lyteGroupHorizontal lyte-button button.lyteDefaultBtn {
  border-right: 0;
}
lyte-button-group .lineType.lyteGroupVertical lyte-button button.lyteDefaultBtn {
  border-bottom: 0;
}
lyte-button-group .lineType lyte-button button.lyteDefaultBtn:hover {
  background: #f5f5f5;
}
lyte-button-group .lineType.lyteGroupHorizontal lyte-button:last-child button.lyteDefaultBtn {
  border-right: 1px solid #d6d6d6;
}
lyte-button-group .lineType.lyteGroupVertical lyte-button:last-child button.lyteDefaultBtn {
  border-bottom: 1px solid #d6d6d6;
}
lyte-button-group .lineType lyte-button button.lyteBtnGroupSelectedBtn:hover,
lyte-button-group .lineType lyte-button button.lyteBtnGroupSelectedBtn {
  background: #eee;
  color: #111;
}
/* import theme overrides - styles */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
lyte-expresstable {
  display: block;
  height: 100%;
  max-height: inherit;
}
.lyteExpTableOrigTableWrapper {
  height: 100%;
  position: relative;
  max-height: inherit;
}
.lyteExpTableFixedColHeader {
  z-index: 1;
  box-shadow: 3px 0 5px 0px rgba(0, 0, 0, 0.2);
  position: absolute;
  background: #fff;
  border-right: 1px solid #e2e2e2;
}
.lyteExpTableWrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  border: 1px solid #e2e2e2;
  max-height: inherit;
}
.lyteExpTableSortableHelperCont {
  position: absolute;
  z-index: 1080;
  pointer-events: none;
  transform: translate(0px, 0px);
  overflow: hidden;
  background: #fff;
  will-change: transform;
}
.lyteExpTableSortableHelperCont .lyteExpTableHead {
  position: relative;
  z-index: 5;
}
.lyteExpTableFakeHeaderWrapper {
  position: absolute;
  display: flex;
  left: 0;
  right: 0;
  top: 0;
  overflow: hidden;
  background: #fff;
  z-index: 10;
}
.lyteExpTableFakeHeaderShow {
  opacity: 1;
  z-index: 10;
}
lyte-exptable {
  display: table;
}
.lyteExpTableHeaderGroup,
lyte-exptable-thead {
  display: table-header-group;
}
.lyteExpTableRowGroup,
lyte-exptable-tbody {
  display: table-row-group;
}
lyte-exptable-tr {
  display: table-row;
}
lyte-expresstable .lyteExpTableHide {
  display: none;
}
.lyteExpTableHeaderGroup lyte-exptable-th,
.lyteExpTableHeaderGroup lyte-exptable-tr {
  -ms-transform: inherit;
}
@supports (-ms-ime-align: auto) {
  /*  This code targets only Edge browser    */
  .lyteExpTableHeaderGroup lyte-exptable-th,
  .lyteExpTableHeaderGroup lyte-exptable-tr {
    transform: inherit;
  }
}
.lyteExpAccordionTable td,
lyte-exptable-th,
lyte-exptable-td {
  display: table-cell;
  text-align: left;
  padding: 12px 15px;
  border-bottom: 1px solid #e2e2e2;
  white-space: nowrap;
}
lyte-exptable-th {
  background: #f7f7f7;
  border-bottom: 0;
  box-sizing: border-box;
  white-space: nowrap;
  position: relative;
  min-width: 50px;
  color: #333;
}
lyte-exptable-td {
  color: #111;
}
.lyteExpTableOrigTableInnerWrap {
  overflow: auto;
  height: 100%;
  max-height: inherit;
}
.lyteExpOriginalTable {
  width: 100%;
}
.lyteExpTableOrigTableInnerWrap .lyteExpTableHeaderGroup {
  opacity: 0;
}
.lyteExpTableFixedColWrapper {
  position: absolute;
  background: #fff;
  border-right: 1px solid #e2e2e2;
  z-index: 5;
  overflow-x: hidden;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
  scrollbar-width: none;
  box-shadow: 3px 0 5px 0px rgba(0, 0, 0, 0.2);
  height: 100%;
}
.lyteExpTableNoShadow .lyteExpTableFixedColHeader,
.lyteExpTableNoShadow .lyteExpTableFixedColWrapper {
  box-shadow: none;
  border-right: 1px solid transparent;
}
.lyteExpTableFixedColWrapper::-webkit-scrollbar {
  width: 0;
}
.lyteExpSortableTable .lyteExpTableSortableColumn {
  opacity: 0;
}
.lyteExpTableFixedColTable {
  position: relative;
  z-index: 1;
  display: table;
  will-change: transform;
}
lyte-exptablehead-resize {
  cursor: ew-resize;
  height: 100%;
  width: 21px;
  top: 0;
  z-index: 9;
  right: -12px;
  position: absolute;
}
lyte-exptablehead-resize::after {
  content: '';
  position: absolute;
  width: 3px;
  height: 100%;
  right: 10px;
  background: transparent;
}
lyte-exptablehead-resize:hover::after {
  background: #5ba1e5;
}
.lyteExpTableFixedColHeader lyte-exptablehead-resize {
  display: none;
}
lyte-expresstable.tableLayoutFixed lyte-exptable {
  table-layout: fixed;
}
lyte-exptable-th:last-of-type lyte-exptablehead-resize {
  right: 0;
}
.lyteExpTableFakeColHeaderWrapper {
  display: table;
  table-layout: fixed;
}
.lyteFixHeaderDisplayNone {
  display: none;
}
/*  Sticky Express Table CSS BEGINS    */
.lyteExpStickyInterSection {
  position: absolute;
  width: 1px;
  height: 10px;
  top: 20px;
  opacity: 0;
  will-change: left, top, right;
  pointer-events: none;
  z-index: -1;
}
.lyteExpStickyTable .lyteExpTableWrapper {
  overflow: auto;
  border: 0;
}
.lyteExpStickyTable .lyteExpTableOrigTableInnerWrap {
  display: block;
  width: 100%;
  position: relative;
  border: 1px solid #e2e2e2;
  box-sizing: border-box;
}
.lyteExpStickyTable .lyteExpTableOrigTableInnerWrap .lyteExpTableHeaderGroup {
  opacity: 1;
}
.lyteExpStickyTable lyte-exptable-th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 10;
  background: #f7f7f7;
}
.lyteExpStickyTable lyte-exptable-th.lyteFixedColumn {
  z-index: 15;
}
.lyteExpAccordionTable td.lyteFixedColumn,
.lyteExpStickyTable lyte-exptable-td.lyteFixedColumn {
  position: sticky;
  z-index: 5;
  background: #fff;
}
/*  Sticky Express Table CSS ENDS    */
.lyteExpTableDummyColumn {
  position: absolute;
  z-index: 15;
  background: #fff;
  color: #333;
  outline: 1px solid #5ba1e5;
  padding: 12px 15px;
  box-sizing: border-box;
  cursor: move;
}
/*  Accordion Table BEGINS  */
.lyteExpAccordionTable lyte-exptable {
  table-layout: fixed;
}
.lyteExpAccordionTable td {
  white-space: pre-line;
  overflow-wrap: break-word;
}
.lyteExpTableAccordionContent .lyteExpressAccordionTdChild,
.lyteExpTableAccordionContent lyte-td-wrap {
  transform-origin: top;
  overflow: hidden;
  max-height: var(--tableMaxHeight);
  display: block;
}
.lyteExpTableHideStart .lyteExpTableAccordionContent td {
  padding: 0 15px;
  border-bottom-width: 0;
}
.lyteExpTableHideStart .lyteExpTableAccordionContent .lyteExpressAccordionTdChild,
.lyteExpTableHideStart .lyteExpTableAccordionContent lyte-td-wrap {
  max-height: 0px;
}
.lyteExpTableAccordionAnimation .lyteExpTableAccordionContent td {
  transition: padding 0.3s linear, border-width 0.3s linear;
}
.lyteExpTableAccordionAnimation .lyteExpTableAccordionContent .lyteExpressAccordionTdChild,
.lyteExpTableAccordionAnimation .lyteExpTableAccordionContent lyte-td-wrap {
  transition: max-height 0.3s linear;
}
.lyteExpTbodyClosed .lyteExpTableAccordionContent {
  display: none;
}
/*  Accordion Table ENDS  */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
lyte-banner {
  display: block;
}
.lyteBannerModalContent {
  background: #2f363d;
  padding: 10px 20px;
  text-align: center;
  color: #fff;
}
.lyteBannerModal .lyteModal {
  border: 0;
}
.lyteBannerModal .lyteModalFromBottom {
  box-shadow: 0 -3px 5px 0px rgba(0, 0, 0, 0.1);
}
.lyteBannerModal .lyteModalFromTop {
  box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.1);
}
.lyteBannerNonFloating .lyteModalClose,
.lyteBannerModal .lyteModalClose {
  background-position: -324px -109px;
  width: 13px;
  height: 13px;
  transform: scale(1);
  top: 15px;
  opacity: 0.8;
}
.lyteBannerNonFloating {
  background: #2f363d;
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  padding: 10px 20px;
  text-align: center;
  position: relative;
  color: #fff;
  font-size: 15px;
  box-sizing: border-box;
}
.lyteBannerFloating {
  background: #2f363d;
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  padding: 10px 20px;
  text-align: center;
  position: absolute;
  color: #fff;
  font-size: 15px;
  box-sizing: border-box;
}
.lyteBannerInlineFloating {
  overflow: hidden;
  position: absolute;
  width: 100%;
  pointer-events: none;
}
.lyteBannerInlineFloating .lyteBannerFloating {
  pointer-events: auto;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
.bodyWrapper {
  overflow: hidden;
}
.lytePopoverWrapper {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1040;
  position: fixed;
  pointer-events: none;
}
.lytePopoverVisibilityHidden {
  visibility: hidden;
}
.lytePopoverElement {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: #e0e0e0;
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);
  position: absolute;
  z-index: calc(1040 + 10);
  opacity: 0;
  border-radius: 3px;
  transition: opacity ease 0.4s;
  box-sizing: border-box;
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  pointer-events: auto;
}
.lytePopoverYield {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: auto;
}
.lytePopoverFadeAnimation .lytePopoverElement {
  opacity: 1;
}
.lytePopoverWrapper lyte-popover-freeze {
  opacity: 0.5;
  pointer-events: auto;
  transition: opacity 0.4s ease;
}
.lytePopoverPop .lytePopoverElement,
.lytePopoverZoom .lytePopoverElement {
  transition: transform 0.4s ease, opacity 0.4s ease;
  transform: scale(0);
}
.lytePopoverPopAnimation .lytePopoverElement,
.lytePopoverZoomAnimation .lytePopoverElement.lyteZoom {
  transform: scale(1);
  opacity: 1;
}
.lytePopoverPop .lytePopoverLeft {
  transform-origin: top right;
}
.lytePopoverPop .lytePopoverLeftCenter {
  transform-origin: center right;
}
.lytePopoverPop .lytePopoverLeftBottom {
  transform-origin: bottom right;
}
.lytePopoverPop .lytePopoverTopLeft {
  transform-origin: bottom left;
}
.lytePopoverPop .lytePopoverTop {
  transform-origin: bottom center;
}
.lytePopoverPop .lytePopoverTopRight {
  transform-origin: bottom right;
}
.lytePopoverPop .lytePopoverRight {
  transform-origin: top left;
}
.lytePopoverPop .lytePopoverRightCenter {
  transform-origin: center left;
}
.lytePopoverPop .lytePopoverRightBottom {
  transform-origin: bottom left;
}
.lytePopoverPop .lytePopoverBottom {
  transform-origin: top center;
}
.lytePopoverPop .lytePopoverBottomLeft {
  transform-origin: top left;
}
.lytePopoverPop .lytePopoverBottomRight {
  transform-origin: top right;
}
.lytePopoverWrapper.scrollable {
  overflow: hidden;
}
.lytePopoverWrapper.scrollable .lytePopoverContent {
  overflow: auto;
}
.lytePopoverWrapper.scrollable .lytePopoverElement {
  max-height: 100%;
}
lyte-popover-header {
  font-family: 'LatoBold', 'Open Sans', sans-serif;
  font-size: 16px;
  color: #222;
}
lyte-popover-header,
lyte-popover-content,
lyte-popover-footer {
  display: block;
  box-sizing: border-box;
  padding: 15px 30px;
}
lyte-popover-content {
  overflow: auto;
}
lyte-popover-freeze {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  height: auto;
  background: #000;
  display: block;
  opacity: 0;
  transition: opacity ease 0.15s;
  transform: translate3d(0, 0, 0);
}
.lytePopoverClose {
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -52px 0px;
  width: 13px;
  height: 13px;
  opacity: 0.5;
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 14px;
  display: block;
  transform: scale(1.3);
  z-index: 5;
}
.lytePopoverClose:hover {
  opacity: 1;
}
lyte-popover-footer.left {
  text-align: left;
}
lyte-popover-footer.center {
  text-align: center;
}
lyte-popover-footer.right {
  text-align: right;
}
lyte-popover-footer lyte-button {
  margin-left: 7px;
}
lyte-popover-footer lyte-button:first-child {
  margin-left: 0;
}
.lytePopoverArrowIcon {
  width: 11px;
  height: 11px;
  position: absolute;
  background: #fff;
  transform: rotate(45deg);
  display: block;
}
.lytePopoverArrowIcon.lytePopoverArrowTop {
  box-shadow: -1px -1px 0 0 #e0e0e0;
  top: -5px;
}
.lytePopoverArrowIcon.lytePopoverArrowBottom {
  box-shadow: 1px 1px 0 0 #e0e0e0;
  bottom: -5px;
}
.lytePopoverArrowIcon.lytePopoverArrowRight {
  box-shadow: 1px -1px 0 0 #e0e0e0;
  right: -5px;
}
.lytePopoverArrowIcon.lytePopoverArrowLeft {
  box-shadow: -1px 1px 0 0 #e0e0e0;
  left: -5px;
}
.lytePopoverHeaderDraggable {
  cursor: move;
  touch-action: none;
}
.lyteStopBodyScrolling {
  overflow: hidden;
}
.lytePopoverVisible {
  opacity: 1;
}
.lytePopoverHide,
.lytePopoverDispNone {
  display: none;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
.lyteHovercardPopover.popoverWrapper {
  z-index: 1080;
}
.lyteHovercardPopover .lytePopover {
  background: #222;
  color: #fff;
  border-radius: 5px;
  border: 1px solid transparent;
}
.lyteHovercardPopover .lytePopoverArrowIcon {
  background: #222;
}
.lyteHovercardPopover .lytePopoverArrowIcon.lytePopoverArrowTop {
  box-shadow: -1px -1px 0 0 #222;
}
.lyteHovercardPopover .lytePopoverArrowIcon.lytePopoverArrowBottom {
  box-shadow: 1px 1px 0 0 #222;
}
.lyteHovercardPopover .lytePopoverArrowIcon.lytePopoverArrowRight {
  box-shadow: 1px -1px 0 0 #222;
}
.lyteHovercardPopover .lytePopoverArrowIcon.lytePopoverArrowLeft {
  box-shadow: -1px 1px 0 0 #222;
}
.lyteHovercardWithMaxHeight {
  overflow: auto;
}
lyte-hovercard-content {
  padding: 15px;
  display: block;
  max-width: 500px;
  overflow-wrap: break-word;
}
.lyteHovercardPopover.lytePopTopToOrig .lytePopover::before,
.lyteHovercardPopover.lytePopBottomToOrig .lytePopover::before {
  content: '';
  width: 100%;
  height: 10px;
  background: transparent;
  position: absolute;
}
.lyteHovercardPopover.lytePopBottomToOrig .lytePopover::before {
  top: -10px;
}
.lyteHovercardPopover.lytePopTopToOrig .lytePopover::before {
  bottom: -10px;
}
.lyteHovercardPopover.lytePopLeftToOrig .lytePopover::before,
.lyteHovercardPopover.lytePopRightToOrig .lytePopover::before {
  content: '';
  height: 100%;
  width: 10px;
  background: transparent;
  position: absolute;
}
.lyteHovercardPopover.lytePopRightToOrig .lytePopover::before {
  left: -10px;
}
.lyteHovercardPopover.lytePopLeftToOrig .lytePopover::before {
  right: -10px;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
lyte-carousel {
  display: block;
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  width: 100%;
  height: 100%;
  min-height: 150px;
  padding: 15px 0;
}
.lyteCarouselWrapper lyte-yield,
.lyteCarouselWrapper {
  position: relative;
  display: grid;
  width: 100%;
  height: 100%;
  min-height: inherit;
  padding: 0 45px;
  box-sizing: border-box;
  grid-template-rows: 1fr auto;
  grid-template-columns: 1fr;
  overflow: hidden;
}
lyte-carousel-content {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  overflow: hidden;
  min-height: inherit;
  grid-row: 1 / span 2;
  grid-column: 1 / 2;
}
lyte-carousel-item {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: none;
  transform: translateX(0);
  transition: transform 0.2s ease;
  position: absolute;
  justify-content: center;
  align-items: center;
  text-align: center;
  outline: 0;
}
lyte-carousel-item.lyteActive {
  display: flex;
}
.lyteActiveNext {
  display: flex;
  transform: translateX(100%);
  padding-left: 40px;
}
.lyteActivePrev {
  display: flex;
  transform: translateX(-100%);
  padding-right: 40px;
}
.lyteCarouselVertical .lyteActiveNext,
.lyteCarouselVertical .lyteActivePrev {
  padding: 0;
}
lyte-carousel-indicator-item:focus-visible {
  outline-offset: -1px;
}
lyte-carousel-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
lyte-carousel-indicator {
  display: flex;
  max-width: 100%;
  overflow-x: auto;
  margin: 20px auto 0;
  height: fit-content;
  flex-shrink: 0;
}
lyte-carousel-indicator-item {
  width: 10px;
  height: 10px;
  background: #ddd;
  border-radius: 50%;
  margin: 0 10px;
  cursor: pointer;
  font-size: 0;
}
lyte-carousel-indicator-item:hover {
  background: #bbb;
}
lyte-carousel-indicator-item li {
  list-style: none;
}
lyte-carousel-indicator-item.lyteActive {
  background: #5ba1e5;
}
lyte-carousel-next,
lyte-carousel-prev {
  display: flex;
  width: 30px;
  height: 30px;
  border: 1px solid #ddd;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  position: absolute;
  z-index: 5;
  top: calc(50% - 25px);
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.1s ease;
}
lyte-carousel-prev {
  left: 0;
}
lyte-carousel-next:hover,
lyte-carousel-prev:hover {
  background: rgba(0, 0, 0, 0.4);
}
lyte-carousel-next {
  right: 0;
}
lyte-carousel-prev.lyteDisabled,
lyte-carousel-next.lyteDisabled {
  pointer-events: none;
  opacity: 0.5;
}
lyte-carousel-prev::before,
lyte-carousel-next::before {
  content: '';
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -94px -109px;
  width: 9px;
  height: 11px;
}
lyte-carousel-next::before {
  transform: rotate(180deg);
}
.lyteFade lyte-carousel-item {
  display: flex;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}
.lyteFade lyte-carousel-item.lyteActive {
  opacity: 1;
  z-index: 3;
}
lyte-carousel-sub-item {
  height: 100%;
  margin: 10px;
}
.lyteCarouselFrames lyte-carousel-item.lyteActive {
  flex-wrap: wrap;
  overflow: auto;
}
.lyteCarouselFrames lyte-carousel-sub-item {
  width: 150px;
  height: 200px;
  margin: 10px;
  background: #f5f5f5;
  border-radius: 5px;
  padding: 10px;
  border: 1px solid #ddd;
}
.lyteCarouselVertical .lyteCarouselWrapper > lyte-yield {
  flex-direction: row;
}
.lyteCarouselVertical lyte-carousel-indicator {
  flex-direction: column;
  margin-top: 0;
  overflow-y: auto;
  max-height: 100%;
  margin: auto 0;
  margin-left: 20px;
}
.lyteCarouselVertical lyte-carousel-indicator-item {
  margin: 0;
  margin-bottom: 10px;
}
.lyteCarouselVertical lyte-carousel-next,
.lyteCarouselVertical lyte-carousel-prev {
  left: calc(50% - 15px);
  transform: rotate(90deg);
  top: 0;
}
.lyteCarouselVertical lyte-carousel-next {
  top: unset;
  bottom: 0;
}
.lyteCarouselVertical .lyteActiveNext {
  transform: translateY(100%);
}
.lyteCarouselVertical .lyteActivePrev {
  transform: translateY(-100%);
}
.lyteCarouselIndicatiorItemImg {
  width: 100px;
  height: 60px;
  background: none !important;
  margin: 0 5px;
  position: relative;
  flex-shrink: 0;
  border-radius: 0;
}
.lyteCarouselIndicatiorItemImg img {
  width: 100%;
  height: 100%;
  display: block;
}
.lyteCarouselIndicatorInside lyte-carousel-indicator {
  margin: 0 auto;
  grid-row: 2;
  grid-column: 1 / 2;
  z-index: 5;
  margin-bottom: -10px;
  transition: margin 0.3s linear;
  padding: 1px;
}
.lyteCarouselIndicatorInside .lyteCarouselIndicatiorWrapper {
  margin-bottom: -80px;
}
.lyteCarouselIndicatorInside lyte-carousel-item img {
  object-fit: fill;
}
.lyteActive.lyteCarouselIndicatiorItemImg::after {
  content: "";
  background-color: #71a4e1ba;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.lyteCarouselWrapper.lyteCarouselIndicatorImg lyte-carousel-next,
.lyteCarouselWrapper.lyteCarouselIndicatorImg lyte-carousel-prev {
  top: calc(50% - 60px);
}
.lyteCarouselIndicatorInside.lyteCarouselIndicatorImg lyte-carousel-next,
.lyteCarouselIndicatorInside.lyteCarouselIndicatorImg lyte-carousel-prev {
  top: calc(50% - 20px);
}
.lyteCarouselIndicatorInside .lyteCarouselIndicatiorWrapper:hover,
.lyteCarouselIndicatorInside lyte-carousel-content:hover ~ .lyteCarouselIndicatiorWrapper {
  margin-bottom: 0;
}
.lyteCarouselIndicatorInside lyte-carousel-indicator:hover,
.lyteCarouselIndicatorInside lyte-carousel-content:hover ~ lyte-carousel-indicator {
  margin: auto auto 20px auto;
}
.lyteCarouselIndicatorInside .lyteCarouselIndicatiorWrapper::after {
  content: "";
  display: block;
  background: #00000063;
  width: calc(100% - 90px);
  height: 60px;
  position: absolute;
  z-index: -1;
  left: 45px;
}
.lyteCarouselVertical .lyteCarouselWrapper > lyte-yield,
.lyteCarouselVertical .lyteCarouselWrapper {
  padding: 45px 0;
  grid-template-columns: 1fr auto;
}
.lyteCarouselVertical .lyteCarouselIndicatorInside lyte-carousel-content {
  grid-column: 1 / span 2;
  grid-row: 1 / 2;
}
.lyteCarouselVertical .lyteCarouselIndicatorInside lyte-carousel-indicator {
  grid-row: 2/1;
  grid-column: 2;
  margin: auto 0px auto 100%;
  width: fit-content;
}
.lyteCarouselVertical .lyteCarouselIndicatorImg lyte-carousel-next,
.lyteCarouselVertical .lyteCarouselIndicatorImg lyte-carousel-prev {
  left: calc(50% - 70px);
  top: unset;
}
.lyteCarouselVertical .lyteCarouselIndicatorInside lyte-carousel-next,
.lyteCarouselVertical .lyteCarouselIndicatorInside lyte-carousel-prev {
  left: calc(50% - 10px);
}
.lyteCarouselVertical .lyteCarouselIndicatorInside .lyteCarouselIndicatiorWrapper::after {
  width: 100px;
  height: calc(100% - 90px);
  left: unset;
  top: 45px;
}
.lyteCarouselVertical .lyteCarouselIndicatorInside lyte-carousel-indicator-item:first-child {
  margin-top: 0;
}
.lyteCarouselVertical .lyteCarouselIndicatorInside lyte-carousel-indicator-item:last-child {
  margin-bottom: 0;
}
.lyteCarouselVertical .lyteCarouselIndicatorInside lyte-carousel-indicator:hover,
.lyteCarouselVertical .lyteCarouselIndicatorInside lyte-carousel-content:hover ~ lyte-carousel-indicator {
  margin: auto 20px auto 0;
}
.lyteCarouselVertical .lyteCarouselIndicatorInside.lyteCarouselIndicatorImg lyte-carousel-indicator:hover,
.lyteCarouselVertical .lyteCarouselIndicatorInside.lyteCarouselIndicatorImg lyte-carousel-content:hover ~ lyte-carousel-indicator {
  margin-right: unset;
  margin-left: 0;
  box-sizing: border-box;
}
lyte-carousel.lyteCarouselVertical .lyteCarouselWrapper > lyte-yield,
lyte-carousel .lyteCarouselIndicatorInside.lyteCarouselWrapper > lyte-yield {
  padding: 0;
  position: unset;
  margin: 0;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
lyte-badge {
  --lyte-badge-circle-radius: 6px;
  --lyte-badge-width: var(--lyte-badge-circle-radius);
  --lyte-badge-height: var(--lyte-badge-circle-radius);
}
.lyteBadge {
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  position: absolute;
  display: flex;
  text-align: center;
  justify-content: center;
  padding: 2px;
  border-radius: 12px;
  background: #f06060;
  border: 1px solid #fff;
}
.lyteBadgeContent {
  color: #fff;
  font-size: 8px;
  margin: auto;
}
.lyteBadgeWidHeiD {
  min-width: 10px;
  height: 10px;
  line-height: 10px;
}
.lyteBadgeWidHeiWD {
  min-width: 6px;
  min-height: 6px;
}
.lyteBadgeWithSize .lyteBadgeWidHeiWD {
  width: var(--lyte-badge-width);
  height: var(--lyte-badge-height);
  border-radius: 50%;
}
.lyteBadgeTopRight {
  right: 0;
  top: 0;
  transform: translate(50%, -50%);
}
.lyteBadgeTopLeft {
  left: 0;
  top: 0;
  transform: translate(-50%, -50%);
}
.lyteBadgeBottomRight {
  right: 0px;
  bottom: 0px;
  transform: translate(50%, 50%);
}
.lyteBadgeBottomLeft {
  left: 0px;
  bottom: 0px;
  transform: translate(-50%, 50%);
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
lyte-time-picker {
  position: relative;
  display: inline-block;
}
.lyteTimePickerField {
  display: inline-flex;
  border: 1px solid #d6d6d6;
  border-radius: 2px;
}
.lyteTimePickerField:hover {
  border: 1px solid #c1c1c1;
}
.lyteTimePickerDropdownOpened .lyteTimePickerField,
.lyteTimePickerField:focus-within {
  border: 1px solid #7fceef;
}
.lyteTimePickerInput {
  padding: 7px 10px;
  border: 0;
  border-radius: 1px 0 0 1px;
  outline: 0;
  font-size: 15px;
  background: #fff;
  color: #111;
}
.lyteTimePickerInput::placeholder {
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  color: #a6a6a6;
}
.lytetimePickerButton {
  padding: 5px;
  background: #eee;
  border-radius: 0 1px 1px 0;
  cursor: pointer;
  border: 0;
}
.lyteTimePickerBtnIcon {
  -webkit-mask-image: url(../../images/sprite_lyte.svg);
  mask-image: url(../../images/sprite_lyte.svg);
  -webkit-mask-position: -176px -132px;
  mask-position: -176px -132px;
  background-color: #555;
  width: 16px;
  height: 16px;
  display: block;
}
.lyteTimePickerDropdownNone {
  display: none;
}
lyte-time-picker-dropdown {
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  display: block;
  position: absolute;
  border: 1px solid #d6d6d6;
  z-index: 1060;
  background: #fff;
}
.lyteTimePickerDropdownValues {
  display: flex;
  height: 200px;
}
.lyteTimePickerUl {
  list-style-type: none;
  width: 55px;
  overflow-y: hidden;
  padding: 5px 0;
  margin: 0;
  border-right: 1px solid #d6d6d6;
}
.lyteTimePickerUl:last-of-type {
  border-right: 0;
}
.lyteTimePickerUl:hover {
  overflow-y: scroll;
}
.lyteTimePickerDropdownValues li {
  font-size: 15px;
  padding: 7px;
  color: #111;
  cursor: pointer;
  box-sizing: border-box;
  scroll-margin: 5px;
}
.lyteTimePickerItemFocused {
  background: #e6f3fd;
  outline: 0;
}
li.lyteTimePickerItemSelected {
  background-color: #5ba1e5;
  color: #fff;
}
.lyteTimePickerDropdownButton {
  padding: 10px;
  border-top: 1px solid #d6d6d6;
  text-align: right;
}
li.lyteTimePickerBlur {
  cursor: not-allowed;
  opacity: 0.6;
}
.lyteTimePickerDisabled .lytetimePickerButton,
.lyteTimePickerDisabled .lyteTimePickerInput {
  background: #f3f3f3;
  cursor: not-allowed;
  color: #999;
}
.lyteTimePickerDisabled .lyteTimePickerField:hover {
  border: 1px solid #d6d6d6;
}
#lyteTimePickerFreezeLayer {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  opacity: 0.1;
  position: fixed;
  overflow: hidden;
  display: none;
}
.lyteTimePickerOpenFreeze {
  overflow: hidden;
}
.lyteTimePickerOpenFreeze #lyteTimePickerFreezeLayer {
  display: block;
}
.lyteTimePickerScrollBehavior {
  scroll-behavior: smooth;
  overflow-y: auto;
}
.lytetimePickerCounterButtons {
  display: flex;
  flex-direction: column;
}
.lytetimePickerIncButton,
.lytetimePickerDecButton {
  border: 0;
  border-left: 1px solid #C4C9CC;
  padding: 0 7px;
  background-color: transparent;
  flex-grow: 1;
  cursor: pointer;
}
.lytetimePickerIncButton {
  border-bottom: 1px solid #C4C9CC;
}
.lyteTimePickerDecIcon,
.lyteTimePickerIncIcon {
  display: block;
  -webkit-mask: url(../../images/sprite_lyte.svg) no-repeat -14px -2px;
  mask: url(../../images/sprite_lyte.svg) no-repeat -14px -2px;
  background-color: #5B5D5F;
  width: 9px;
  height: 5px;
}
.lyteTimePickerIncIcon {
  transform: rotate(180deg);
}
.lytetimePickerIncButton:hover,
.lytetimePickerDecButton:hover {
  background-color: #eee;
}
.lyteTimePickerInvalidTime .lyteTimePickerField {
  border-color: #E74C3C;
  box-shadow: 0px 0px 5px 3px #E74C3C1F;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
.lyteTourFreezeLayer,
.lyteTourDummyWrap {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1070;
}
.lyteTourFreezeLayer {
  mix-blend-mode: hard-light;
  position: fixed;
  background: #000;
  opacity: 0.3;
}
.lyteTourClipMask {
  background: gray;
}
.lyteTourContainer {
  will-change: transform;
  position: absolute;
  top: 0;
  left: 0;
  transition: transform 0.3s linear;
  z-index: 1072;
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);
}
.lyteTourArrow {
  position: absolute;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  background: #fff;
  display: none;
  left: 0;
}
.lyteTourLeftArrow {
  border-left: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
}
.lyteTourRightArrow {
  right: 0;
  border-top: 1px solid #d6d6d6;
  border-right: 1px solid #d6d6d6;
  left: unset;
}
.lyteTourTopArrow {
  top: 0;
  border-top: 1px solid #d6d6d6;
  border-left: 1px solid #d6d6d6;
}
.lyteTourBottomArrow {
  bottom: 0;
  border-bottom: 1px solid #d6d6d6;
  border-right: 1px solid #d6d6d6;
}
.lyteTourStep {
  display: none;
  width: 100%;
  height: 100%;
  background: #fff;
  border: 1px solid #d6d6d6;
  border-radius: 3px;
  box-sizing: border-box;
}
lyte-tour-step-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}
lyte-tour-step-head {
  font-family: 'LatoBold', 'Open Sans', sans-serif;
  font-size: 20px;
  padding: 10px;
  color: #333;
}
lyte-tour-step-content {
  flex-grow: 1;
}
lyte-tour-step-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
}
lyte-tour-step-indicator-wrapper {
  display: flex;
}
lyte-tour-step-indicator {
  width: 10px;
  height: 10px;
  background: #ddd;
  border-radius: 50%;
  margin: 0 5px;
  cursor: pointer;
}
lyte-tour-step-indicator.lyteCurTourStep,
lyte-tour-step-indicator:hover {
  background: #5ba1e5;
}
.lyteTourActiveTarget {
  z-index: 1040;
}
.lyteTourTargetBackground {
  position: absolute;
  transition: top 0.3s ease, left 0.3s ease;
  border-radius: 50%;
}
.lyteTourDefaultArrow,
.lyteTourActive,
.lyteTourActiveStep {
  display: block;
}
.lyteTourResetSpacing {
  margin: 0;
}
.lyteTourDummyTarget {
  position: absolute;
  box-sizing: border-box;
  visibility: hidden;
}
.lyteTourDummyTarget.lyteTourActiveTarget {
  visibility: visible;
}
.lyteTourStepHidden {
  display: none;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
lyte-card {
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  display: block;
}
lyte-card-box {
  display: block;
  box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  text-align: left;
  background: #fff;
  color: #333;
}
.lyteCardYield {
  display: flex;
  flex-direction: column;
}
lyte-card-image {
  padding: 30px 20px;
  background: #eee;
  border-radius: 2px 2px 0 0;
}
lyte-card-header {
  font-family: 'LatoBold', 'Open Sans', sans-serif;
  font-size: 18px;
  padding: 10px 20px;
}
lyte-card-body {
  font-size: 14px;
  padding: 5px 20px;
}
lyte-card-footer {
  padding: 10px 20px;
}
.lyteCardImgElem {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin: auto;
  display: block;
  object-fit: cover;
}
.lyteCardRenderPlaceholder {
  min-height: 100px;
  height: 100%;
  width: 100%;
  background: #eee;
  border-radius: 3px;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
lyte-kanbanview {
  display: block;
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  position: relative;
}
.lyteKanbanviewScrollDivSelector {
  display: flex;
  border: 1px solid #d6d6d6;
  overflow-x: auto;
  overflow-y: hidden;
  height: 100%;
}
.lyteKanbanViewItem {
  min-width: 33%;
  width: 33%;
}
lyte-kanbanview lyte-board {
  position: relative;
  display: block;
  height: 100%;
}
lyte-kanbanview lyte-board.lyteSortableElem {
  min-width: unset;
}
lyte-kanbanview lyte-board .lyteBoardWrapper {
  border-right: 1px solid #d6d6d6;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #fff;
  color: #333;
}
lyte-kanbanview lyte-board.lyteSortablePlaceholder {
  background: #f5f5f5;
  border-right: 1px solid #d6d6d6;
}
lyte-kanbanview lyte-board.lyteSortableElem .lyteBoardWrapper {
  border: 1px solid #d6d6d6;
}
lyte-kanbanview lyte-board .lyteBoardHeader {
  padding: 15px;
  font-size: 18px;
  color: #666;
  z-index: 5;
  cursor: move;
  position: relative;
}
.lyteBoardHeader.lyteKanbanviewHeaderShadow {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}
.lyteBoardContainer {
  flex-grow: 1;
  overflow: auto;
}
.lyteKanbanNestedSortable {
  overflow: auto;
  height: 100%;
  box-sizing: border-box;
}
lyte-kanbanview .lyteBoardItemContentData {
  min-height: 50px;
  border-bottom: 1px solid #d6d6d6;
  background: #fff;
  padding: 15px;
  cursor: move;
  position: relative;
  flex-shrink: 0;
  display: block;
}
lyte-kanbanview .lyteBoardItemContentData:hover {
  background: #f5f5f5;
}
lyte-kanbanview .lyteBoardItemContentData.lyteSortablePlaceholder,
lyte-kanbanview .lyteBoardItemContentData.lyteSortablePlaceholder:hover {
  background: #f5f5f5;
  min-width: 100%;
}
lyte-kanbanview lyte-card-box {
  box-shadow: none;
  background: transparent;
}
lyte-kanbanview lyte-card-body {
  padding: 0;
}
.lyteKVLoadingHeaderPlaceholder,
.lyteKVLoadingPlaceholder {
  border: 1px solid #eee;
  border-radius: 3px;
  background: #f5f5f5;
}
.lyteKVLoadingPlaceholder {
  margin: 15px;
  height: 33%;
}
.lyteKVLoadingHeaderPlaceholder {
  margin: 15px 15px 0;
  height: 40px;
}
.lyteKanbanNoResultMsg {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #777;
  position: absolute;
  top: 50px;
  bottom: 0;
  width: 100%;
}
.lyteKanbanNoResultMsg.lyteHide {
  display: none;
}
lyte-kanbanview lyte-board .lyteBoardFooter {
  padding: 15px;
  font-size: 18px;
  color: #666;
  z-index: 5;
  cursor: move;
  position: relative;
}
.lyteKanbanBoardCollapse .lyteBoardHeader,
.lyteKanbanBoardCollapse .lyteBoardFooter,
.lyteKanbanBoardCollapse .lyteBoardContainer {
  display: none;
}
.lyteKanbanViewItem.lyteKanbanBoardCollapse {
  min-width: 50px;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
lyte-clock {
  display: inline-block;
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  color: #333;
}
.lyteClkFrameOuter {
  display: inline-block;
  padding: 10px;
  border-radius: 50%;
  background: linear-gradient(#fff, #fff 35%, #f5f5f5 50%, #eee);
  box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);
}
.lyteClkFrameInner {
  width: 160px;
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(#ddd, #eee 40%, #f5f5f5 60%, #fff);
}
.lyteClkAlogTik {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  display: none;
}
.lyteClkTik126,
.lyteClkTik39 {
  border-top: 12px solid #bbb;
  border-bottom: 12px solid #bbb;
}
.lyteClkTik17,
.lyteClkTik28,
.lyteClkTik410,
.lyteClkTik511 {
  border-top: 4px solid #bbb;
  border-bottom: 4px solid #bbb;
}
.lyteClkTik17 {
  transform: rotate(30deg);
}
.lyteClkTik28 {
  transform: rotate(60deg);
}
.lyteClkTik39 {
  transform: rotate(90deg);
}
.lyteClkTik410 {
  transform: rotate(120deg);
}
.lyteClkTik511 {
  transform: rotate(150deg);
}
.lyteClkAlogDial {
  position: absolute;
  top: 0;
  bottom: 0;
  transform: rotate(0deg);
}
.lyteClockMidCircle {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background: #fff;
  z-index: 10;
  position: relative;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);
}
.lyteClockHrDial {
  width: 5px;
  left: calc(50% - 2px);
}
.lyteClockMinDial {
  width: 3px;
  left: calc(50% - 1px);
}
.lyteClockSecDial {
  width: 1px;
  left: 50%;
  will-change: transform;
}
.lyteClkHrDialElem,
.lyteClkMinDialElem,
.lyteClkSecDialElem {
  border-radius: 10px;
  position: absolute;
  bottom: 50%;
  background: #666;
  width: 100%;
}
.lyteClkHrDialElem {
  height: 30%;
}
.lyteClkMinDialElem {
  height: 40%;
}
.lyteClkSecDialElem {
  height: 50%;
  background: #f00;
}
.lyteClkWatch,
.lyteClkTimer {
  display: flex;
  font-size: 20px;
}
.lyteClkWatchColon,
.lyteClkTimerColon {
  margin: 0 5px;
}
.lyteClkWatchDefAMPM {
  margin-left: 5px;
}
.lyteClkWatchFrameAMPM {
  position: absolute;
  bottom: 30px;
  width: 100%;
  text-align: center;
  left: 0;
  font-size: 14px;
}
.lyteClkTimerDefLabel {
  font-size: 15px;
  color: #777;
}
.lyteClkTimerFrameBox {
  position: relative;
  padding-bottom: 20px;
}
.lyteClkTimerFrameLabel {
  font-size: 10px;
  text-transform: capitalize;
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  text-align: center;
}
/*  Lyte Stop watch related code starts */
.lyteClockStopWatch {
  display: flex;
  flex-direction: column;
  text-align: center;
  border: 1px solid #d6d6d6;
  border-radius: 5px;
}
.lyteClockStopWatch .lyteClkOuterDiv {
  margin: 20px 20px 0;
}
.lyteClockStopWatch .lyteClkFrameOuter {
  margin: 20px;
  align-self: center;
}
.lyteClockStopWatch .lyteClockSwWrap {
  padding: 30px;
}
.lyteClockStopWatch .lyteClkFrameOuter .lyteClockSwWrap {
  padding: 0;
}
.lyteClockSwLapWrapper {
  border-top: 1px solid #d6d6d6;
}
.lyteClockSwWrap {
  font-size: 20px;
}
.lyteClockSwLap {
  display: flex;
  font-size: 16px;
  margin: 5px 0;
  border-bottom: 1px solid #d6d6d6;
  padding: 5px 0;
}
.lyteClockSwLap:last-child {
  border-bottom: 0;
}
.lyteClockSwLapLabel {
  margin-right: auto;
  padding: 0 10px;
}
.lyteClockSwLapTime {
  padding: 0 20px;
}
.lyteClockSwActionBtnWrap {
  display: flex;
  padding: 0 20px 15px;
}
.lyteClockSwActionBtn {
  width: 50px;
  height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  cursor: pointer;
  text-transform: capitalize;
  border-radius: 50%;
}
.lyteClockSWStart {
  border: 1px solid #5ba1e5;
  color: #5ba1e5;
}
.lyteClockSWStart:hover {
  background: #e6f3fd;
}
.lyteClockSWReset,
.lyteClockSWLap {
  border: 1px solid #666;
  color: #666;
  margin-left: auto;
}
.lyteClockSWReset:hover,
.lyteClockSWLap:hover {
  background: #eee;
}
.lyteClockSWPause {
  border: 1px solid #ec4844;
  color: #ec4844;
}
.lyteClockSWPause:hover {
  background: #ffe3e3;
}
.lyteClkTimerColon {
  display: none;
}
.lyteClkTimerBox + .lyteClkTimerColon {
  display: block;
}
.lyteClkTimerBox:last-of-type + .lyteClkTimerColon {
  display: none;
}
.lyteStopWatchWithHeight .lyteClkDigitalWrapper {
  height: inherit;
}
.lyteStopWatchWithHeight .lyteClockStopWatch {
  height: inherit;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.lyteStopWatchWithHeight .lyteClockSwLapWrapper {
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
/*  Lyte Stop watch related code ends */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
lyte-avatar-navigator {
  display: flex;
  position: relative;
}
.lyteAvatarSetCont {
  position: relative;
  overflow: hidden;
  margin: 0 20px;
}
.lyteAvatarSet {
  display: flex;
  position: absolute;
  transform: translate(-10000px);
  left: 0;
}
.lyteAvatarArrowCont {
  width: 30px;
  height: 30px;
  border: 1px solid #ddd;
  border-radius: 50%;
  align-self: center;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #ccc;
}
.lyteAvatarArrowCont:hover {
  background: #aaa;
}
.lyteAvatarNextIcon,
.lyteAvatarPrevIcon {
  content: '';
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -94px -109px;
  width: 9px;
  height: 11px;
}
.lyteAvatarNextIcon {
  transform: rotate(180deg);
}
lyte-avatar-navigator-item {
  margin: 0 5px;
  border-radius: 50%;
  border: 2px solid transparent;
  cursor: pointer;
  position: relative;
  display: inline-flex;
}
lyte-avatar-navigator-item:hover {
  border: 2px solid #d6d6d6;
  box-shadow: 0 0 6px #d6d6d6;
}
.lyteAvatarSelectedItem:hover,
.lyteAvatarSelectedItem {
  border: 2px solid #5ba1e5;
  box-shadow: 0 0 6px #5ba1e5;
}
lyte-avatar-navigator-item[disabled="true"] {
  cursor: not-allowed;
}
lyte-avatar-navigator-item[disabled="true"]:hover {
  border: 2px solid transparent;
  box-shadow: none;
}
lyte-avatar-navigator-item img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
}
.lyteAvatarSlideAnim {
  transition: transform 0.3s ease-in-out;
}
.lyteAvatarLoadingCont {
  width: 100%;
  height: 100%;
  position: absolute;
  background: #f5f5f5;
  border-radius: 50%;
  overflow: hidden;
}
.lyteAvatarLoading {
  height: 200%;
  width: 200%;
  background: linear-gradient(to bottom right, #eee 0%, #ddd 25%, #eee 50%, #ddd 75%, #eee 100%);
  animation: lyteAvatarLoadAnim 1s linear infinite;
  position: absolute;
}
.lyteVisuallyHidden {
  position: absolute;
  top: auto;
  overflow: hidden;
  width: 0;
  height: 0;
  white-space: nowrap;
}
@keyframes lyteAvatarLoadAnim {
  0% {
    top: -100%;
    left: -100%;
  }
  100% {
    top: 0%;
    left: 0%;
  }
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
lyte-dual-listbox {
  display: block;
  height: 600px;
}
.lyteDualListBoxWithMaxHeight {
  max-height: inherit;
  height: unset;
}
.lyteListboxToolbar {
  width: 32px;
  display: flex;
  flex-direction: column;
}
.lyteLBToolbarItems {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  margin: 10px auto;
  border: 1px solid #d6d6d6;
  border-radius: 50%;
  cursor: pointer;
}
.lyteLBToolbarItems:hover {
  border: 1px solid #aaa;
}
.lyteLBTBMoveLeft::after,
.lyteLBTBMoveRight::after {
  content: '';
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}
.lyteLBTBMoveLeft::after {
  border-right: 8px solid #555;
  transform: rotate(0deg) translateX(-1px);
}
.lyteLBTBMoveRight::after {
  border-left: 8px solid #555;
  transform: rotate(0deg) translateX(1px);
}
.lyteLBTBMoveUp::after,
.lyteLBTBMoveDown::after {
  content: '';
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.lyteLBTBMoveUp::after {
  border-bottom: 8px solid #555;
  transform: translateY(-1px);
}
.lyteLBTBMoveDown::after {
  border-top: 8px solid #555;
  transform: translateY(1px);
}
.lyteLBTBDeleteMarked::after {
  content: '';
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -187px -38px;
  width: 11px;
  height: 13px;
}
.lyteLBTBDeleteMarked:hover::after {
  background-position: -209px -38px;
}
.lyteListboxWrapper {
  display: flex;
  height: inherit;
  max-height: inherit;
}
.lyteListboxLeftPanel,
.lyteListboxRightPanel {
  width: 280px;
  border: 1px solid #d6d6d6;
  border-radius: 2px;
  overflow: auto;
  background: #fff;
}
.lyteListboxLeftPanel {
  display: flex;
  flex-direction: column;
  margin-right: 15px;
}
.lyteListboxRightPanel {
  margin-left: 15px;
}
.lyteListboxleftElementWrap {
  overflow: auto;
  flex-grow: 1;
}
.ltListboxNoToolbor .lyteListboxLeftPanel {
  margin-right: 50px;
}
.lyteListBoxLeftParentElement,
.lyteListBoxRightParentElement {
  display: flex;
  align-items: center;
  position: relative;
}
.lyteListBoxSearch {
  display: flex;
}
.lyteListBoxLeftWrap,
.lyteListBoxRightWrap {
  cursor: pointer;
}
.sortable-element.lyteListBoxLeftWrap .lyteLBLeftActive,
.sortable-element.lyteListBoxRightWrap .lyteLBRightActive {
  cursor: move;
}
.lyteListBoxRequiredParent {
  cursor: default;
}
lyte-lb-add,
lyte-lb-remove {
  width: 12px;
  height: 12px;
  display: inline-block;
  visibility: hidden;
  position: relative;
  z-index: 5;
  margin-left: auto;
  cursor: pointer;
}
lyte-lb-remove::before,
lyte-lb-add::before,
lyte-lb-add::after {
  content: '';
  position: absolute;
  border-radius: 2px;
  background: #666;
}
lyte-lb-remove::before,
lyte-lb-add::before {
  width: 12px;
  height: 2px;
  top: calc(50% - 1px);
}
lyte-lb-add::after {
  height: 12px;
  width: 2px;
  left: calc(50% - 1px);
}
.lyteListBoxLeftElement,
.lyteListBoxRightElement {
  padding: 5px 15px 5px 25px;
  font-size: 15px;
  display: flex;
  align-items: center;
  color: #333;
  outline: 0;
}
.lyteListBoxLeftElement:hover,
.lyteListBoxRightElement:hover {
  background: #f5f5f5;
}
.lyteListboxYield {
  max-width: 100%;
  overflow: auto;
  flex: 1;
  margin-right: 10px;
}
.lyteListBoxRequiredItem:hover,
.lyteLBDisabledElement .lyteListBoxLeftElement:hover,
.lyteLBoxDisabledParent .lyteListBoxLeftParentElement:hover {
  background: none;
}
.lyteLBLeftActive:hover,
.lyteLBRightActive:hover,
.lyteLBLeftActive,
.lyteLBRightActive {
  background: #f5f5f5;
  color: #111;
}
.lyteListBoxLeftElement:hover lyte-lb-add,
.lyteListBoxRightElement:hover lyte-lb-remove {
  visibility: visible;
}
.lyteLBoxDisabledParent .lyteListBoxLeftElement:hover lyte-lb-add,
.lyteLBDisabledElement .lyteListBoxLeftElement:hover lyte-lb-add {
  visibility: hidden;
}
.lyteLBLeftChildWrap,
.lyteLBRightChildWrap {
  transition: height 0.3s ease;
  overflow: hidden;
}
.lyteLBLeftChildWrap .lyteListBoxLeftElement,
.lyteLBRightChildWrap .lyteListBoxRightElement {
  padding-left: 40px;
}
.lyteListboxParentElementClose lyte-lb-collapse {
  transform: rotate(-90deg);
}
lyte-lb-collapse {
  width: 10px;
  height: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
  position: absolute;
  left: 10px;
}
lyte-lb-collapse::before {
  content: '';
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #555;
}
.lyteListboxBadge {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  transform: translateX(50%) translateY(-50%);
}
.lyteListboxBadge .lyteBadge {
  padding: 0;
  transform: translate(50%, -50%);
  right: 0;
  top: 0;
}
.lyteListboxBadge .lyteBadgeContent {
  padding: 3px 6px;
  border-radius: 10px;
  background: #f00;
  color: #fff;
  font-size: 13px;
  display: inline-block;
}
.lyteLBDisabledElement,
.lyteLBoxDisabledParent .lyteListBoxLeftParentElement {
  opacity: 0.5;
  cursor: default;
}
.lyteLBoxDisabledParent .lyteListBoxLeftParentElement,
.lyteLBDisabledElement .lyteListBoxLeftWrap {
  cursor: default;
}
.lyteLBDisabledElement .lyteLBoxDisabledParent .lyteListBoxLeftParentElement {
  opacity: 1;
}
.lyteDLBDisabledToolbar {
  opacity: 0.1;
  cursor: not-allowed;
}
.lyteLBLeftPanelDropZone {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  background: #f6fad2;
}
.lyteLBLeftPanelDropZoneB {
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 5px;
  right: 5px;
  border: 1px dashed #57a5c6;
}
.lyteListBoxNoResultsFound {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #777;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.lyteListBoxLeftWrap.sortable-element .lyteListBoxElementBg,
.lyteListBoxRightWrap.sortable-element .lyteListBoxElementBg {
  animation: lytelistboxBgAnim 1s ease;
}
.lyteLBDraggedElem {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}
.lyteLBPlaceHolder {
  background: #f6fad2;
}
@keyframes lytelistboxBgAnim {
  from {
    background: #FFF3AD;
    color: #333;
  }
  to {
    background: #fff;
  }
}
.lyteLBRightPanelWithPinOption {
  display: flex;
  flex-direction: column;
}
.lyteListboxUnpinnedWrapper {
  flex-grow: 1;
}
.lyteListboxSortablePanels {
  flex-shrink: 0;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
.lyteListUtils {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.lyteListviewWrapper .lyteStickyTable .lyteFixedColumn {
  position: sticky;
}
.lyteListviewWrapper .lyteStickyTable lyte-th.lyteTableFixed {
  z-index: calc(var(--lyte-listview-nested-total-level, 0) + 15);
}
.lyteListviewWrapper .lyteIntersectionDiv {
  position: absolute;
  width: 1px;
  height: 10px;
  top: var(--lyte-table-intersection);
  opacity: 0;
  pointer-events: none;
  z-index: -1;
}
.lyteListviewWrapper .lyteStickyTable lyte-th {
  top: unset;
  position: sticky;
  z-index: calc(var(--lyte-listview-nested-total-level, 0) + 10);
  transform: translateY(var(--lyte-table-intersection));
  background: #fff;
  border-bottom: 2px solid #d6d6d6;
}
.lyteListviewWrapper:not(.lyteListViewInfiniteScroll) .lyteStickyTable lyte-th {
  top: 0;
  transform: unset;
}
.lyteListviewWrapper:not(.lyteListViewInfiniteScroll).lyteListviewSubHeaderPresent .lyteStickyTable lyte-th {
  top: 43px;
}
.lyteListviewWrapper .lyteTableScroll {
  position: relative;
}
.lyteListviewWrapper lyte-table.lyteStickyTable {
  --lyte-table-intersection: 0px;
  border-radius: 3px;
  border: 1px solid #d6d6d6;
}
.lyteListHeaderName {
  max-width: 100%;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
}
.lyteListviewIntersection {
  height: 53px;
  pointer-events: none;
}
lyte-listview1 {
  height: 100%;
  display: block;
  position: relative;
}
.lyteListviewWrapper:not(.lyteListViewInfiniteScroll) .lyteListFakeHeader {
  position: sticky;
  top: 0;
  transform: unset;
}
.lyteListviewWrapper {
  height: 100%;
}
.lyteListFakeHeader {
  display: flex;
  position: relative;
  z-index: 30;
  transform: translateY(var(--lyte-table-intersection));
  background: #fff;
  border-radius: 3px 3px 0 0;
}
.lyteListFakeCell {
  position: sticky;
  top: 0;
  height: 43px;
  box-sizing: border-box;
  padding: 12px 15px;
}
.lyteListFakeCell:nth-child(odd) {
  background: #fff;
}
.lyteListFakeCell:nth-child(even) {
  background: #f7f7f7;
}
.lyteListviewWrapper lyte-table-structure {
  table-layout: fixed;
}
.lyteListviewWrapper .lyteTableLayoutAuto {
  table-layout: auto;
}
.lyteListFixed {
  background: white;
  z-index: 20;
}
.lyteListResizeHandler {
  position: absolute;
  right: 0;
  width: 10px;
  display: flex;
  justify-content: flex-end;
  height: 67%;
  top: 6px;
  cursor: ew-resize;
}
.lyteListFakeCell .lyteListResizeHandler {
  visibility: hidden;
}
.lyteListResizeHandler::after {
  content: '';
  display: block;
  width: 2px;
  background: #d7e2ed;
}
.lyteListviewWrapper lyte-td,
.lyteListviewWrapper td {
  cursor: pointer;
  padding: 8px 10px 7px 11px;
}
.lyteListviewWrapper td {
  display: table-cell;
  border-bottom: 1px solid #e2e2e2;
  vertical-align: middle;
  background: #fff;
  min-width: 50px;
  box-sizing: border-box;
  font-size: 15px;
  white-space: nowrap;
  color: #111;
}
.lyteListviewWrapper lyte-td:hover,
.lyteListviewWrapper td:hover {
  background: #f7f9fb;
}
.lyteListEditElement {
  position: absolute;
  display: none;
  border: 1px solid #5ba1e5;
  outline: none;
  box-sizing: border-box;
  z-index: 50;
}
.lyteListEditElement.lyteListActive {
  display: flex;
}
.lyteEditElementWrapper {
  flex-grow: 1;
  overflow: auto;
}
.lyteEditElementWrapper .lyteInputBox .lyteField {
  border: 0;
}
.lyteListviewEditElement {
  height: 100%;
  width: 100%;
  max-width: 100%;
  display: flex;
}
.lyteListEditElement lyte-dropdown {
  max-width: 100%;
}
.lyteListviewEditElement .lyteDummyEventContainer,
.lyteListviewEditElement input {
  height: 100%;
  max-width: 100%;
}
.lyteListviewEditElement .lyteDummyEventContainer {
  flex-grow: 1;
}
.lyteListviewEditElement .lyteDateTimeInputWrapper {
  max-width: 100%;
  border: 0 !important;
}
.lyteListviewEditElement .lyteDateInputDropdown,
.lyteListviewEditElement .lyteDateTimeInputWrapper > input {
  max-width: 50%;
  box-sizing: border-box;
}
.lyteListviewEditElement lyte-drop-button {
  display: flex;
  align-items: center;
  height: 100%;
  max-width: 100%;
  border: 0 !important;
  padding: 6px 10px 7px 10px;
}
.lyteListviewEditElement .lyteDateInputDropdown lyte-drop-button {
  padding: 0;
}
.lyteListEditElement > lyte-yield {
  display: block;
  width: 100%;
  height: 100%;
}
.lyteListviewWrapper lyte-td > lyte-yield > span,
.lyteListviewWrapper td > lyte-yield > span {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.lyteListviewWrapper lyte-td > lyte-yield,
.lyteListviewWrapper td > lyte-yield {
  display: block;
}
/*	Lyte List view filter related CSS Begins	*/
.lyteFilterType {
  margin: 10px 0;
}
.lyteFilterType lyte-radiobutton:first-child {
  margin-right: 10px;
}
.lyteFilterReset {
  font-family: 'LatoRegular', sans-serif;
  color: #777;
  font-size: 13px;
  cursor: pointer;
}
.lyteFilterContent lyte-accordion-item {
  border: 0;
  margin: 0 0 8px;
}
.lyteFilterContent lyte-accordion-header {
  padding: 5px 0;
  display: flex;
  align-items: center;
}
.lyteFilterContent lyte-accordion-body {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  padding-right: 0;
}
.lyteFilterContent .lyteAccordionArrow {
  position: static;
  margin-top: 0;
  margin-left: 5px;
}
.lyteListModalWrapper lyte-modal-header {
  padding: 15px 25px 10px;
}
.lyteListModalWrapper lyte-modal-content {
  padding: 0 25px;
}
.lyteListModalWrapper lyte-modal-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 25px 15px;
}
.lyteFilterElement {
  display: flex;
  margin-top: 8px;
  padding: 0 10px;
}
lyte-multiselect-filter {
  flex-direction: column;
}
.lyteMultiselectFilterTable {
  max-height: 200px;
  margin-top: 10px;
  border-radius: 3px;
  border: 1px solid #d6d6d6;
}
.lyteMultiselectFilterTable .lyteTableScroll {
  max-height: inherit;
}
.lyteMultiselectFilterTable lyte-table-structure {
  background: transparent;
}
.lyteMultiselectFilterTable lyte-td {
  border-bottom: 0;
  padding: 5px;
  background: transparent;
}
.lyteMultiselectFilterTable .lyteMultipleEmail {
  margin-left: 22px;
}
.lyteTextFilterWrapper {
  margin-left: 8px;
}
.lyteNumberFilterWrapper,
.lyteDateFilterWrapper {
  margin-left: 8px;
  display: flex;
}
.lyteNumberFilterWrapper lyte-input:nth-child(2),
.lyteDateFilterWrapper lyte-input:nth-child(2) {
  margin-left: 5px;
}
.lyteDateFilterDisabledElement {
  padding: 10px 6px 11px;
  background: #eee;
  border-radius: 2px;
}
/*	Lyte List view filter related CSS Ends	*/
/*	Lyte List view Filter Summary Begins	*/
.lyteListFilters {
  border: 1px solid #d6d6d6;
  padding: 5px;
  border-radius: 3px;
}
.lyteListFilterItem {
  display: flex;
  margin-bottom: 15px;
  position: relative;
  padding-left: 10px;
}
.lyteListFilterKey {
  color: #777;
  margin-right: 5px;
}
.lyteListFilterValueWrap .lyteListMultipleSelected {
  padding: 1px 3px 3px;
  border: 1px solid #d6d6d6;
  display: inline-block;
  border-radius: 3px;
  font-size: 13px;
}
.lyteListRemoveFilter {
  content: '';
  display: block;
  -webkit-mask-image: url(../../images/sprite_lyte.svg);
  mask-image: url(../../images/sprite_lyte.svg);
  -webkit-mask-position: -54px -2px;
  mask-position: -54px -2px;
  background-color: #000;
  width: 8px;
  height: 8px;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 8px;
  visibility: hidden;
}
.lyteListRemoveFilter:hover {
  background-color: #f00;
}
.lyteListFilterItem:hover .lyteListRemoveFilter {
  visibility: visible;
}
/*	Lyte List view Filter Summary Ends	*/
/*	Lyte Column Chooser component Related CSS Begins	*/
lyte-column-chooser {
  display: block;
}
.lyteColumnChooser {
  display: flex;
  flex-direction: column;
}
.lyteListviewManageColumnPopover lyte-popover-header {
  padding: 10px 20px;
}
.lyteListviewManageColumnPopover lyte-popover-content {
  max-height: 400px;
  overflow: auto;
  padding: 0 20px 10px;
}
.lyteColumnChooser lyte-checkbox {
  margin-bottom: 10px;
}
/*	Lyte Column Chooser component Related CSS Ends	*/
/*	List view Accordion table related CSS Begins	*/
.lyteListViewTableAccordionIcon {
  -webkit-mask-image: url(../../images/sprite_lyte.svg);
  -webkit-mask-position: -42px 0;
  mask-image: url(../../images/sprite_lyte.svg);
  mask-position: -42px 0;
  background-color: #333;
  width: 6px;
  height: 10px;
  display: inline-block;
  vertical-align: middle;
  transform: rotate(90deg);
}
.lyteListViewRowHidden .lyteListViewTableAccordionIcon {
  transform: rotate(0);
}
.lyteListviewWrapper td .lyteListViewTableAccordionIcon + lyte-yield {
  font-family: "LatoBold", sans-serif;
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
}
.lyteGroupHeading:hover {
  background: #f7f9fb;
}
.lyteGroupHeading td,
.lyteGroupHeading:hover td {
  background: transparent;
}
.lyteGroupHeading .lyteTableFixed {
  box-shadow: none;
}
/*	List view Accordion table related CSS Ends	*/
/*	List view footer related CSS Begins	*/
.lyteListviewFooter {
  display: flex;
  padding: 13px 15px;
  background: #f5f5f5;
  border-radius: 0 0 3px 3px;
  align-items: center;
}
.lyteListviewNavigator lyte-navigator {
  margin-left: auto;
}
.lyteListviewPerPageContainer {
  display: flex;
  align-items: center;
}
.lyteListviewPerPageLabel {
  margin-left: 10px;
}
/*	List view footer related CSS Ends	*/
.lyteListUtils lyte-listview-filter {
  margin: 0 10px 0 auto;
}
.lyteListviewHeader {
  display: flex;
  justify-content: space-between;
  padding: 20px 10px;
}
.lyteListviewHeader .lyteListviewPerPageContainer :first-child {
  margin-right: 30px;
}
.lyteListviewHeader .lyteListviewPerPageLabel {
  margin: 0 10px;
}
.lyteListviewWrapper .lyteGroupHeadingData {
  padding: 0;
}
.lyteListviewWrapper .lyteListviewNestedGroupHolder {
  padding: 0;
  border-bottom: 0;
}
lyte-nested-table {
  display: table;
  width: 100%;
  height: 100%;
}
lyte-nested-table th,
lyte-nested-table td {
  text-align: start;
  cursor: default;
}
lyte-nested-table th {
  font-family: 'LatoBold', sans-serif;
  font-size: 14px;
  font-weight: normal;
  position: sticky;
  background: #fff;
  top: calc(var(--lyte-listview-header-row-height) + (var(--lyte-listview-nested-level) * 35px));
  z-index: calc(var(--lyte-listview-nested-total-level) - var(--lyte-listview-nested-level) + 5);
  padding: 7px 10px;
  border-bottom: 1px solid #d6d6d6;
}
lyte-nested-table th.lyteListviewGroupColTh {
  padding-left: calc((var(--lyte-listview-nested-level) + 1) * 15px);
}
.lyteListviewWrapper lyte-nested-table .lyteFixedColumn {
  z-index: calc(var(--lyte-listview-nested-total-level) - var(--lyte-listview-nested-level) + 7);
}
.lyteListviewWrapper lyte-nested-table th.lyteFixedColumn {
  z-index: calc(var(--lyte-listview-nested-total-level) - var(--lyte-listview-nested-level) + 8);
}
.lyteListviewWrapper .lyteListviewNestedGroupHolder.lyteFixedColumn {
  z-index: 1;
}
.lyteNestedTableMainThWrapper {
  position: sticky;
  left: calc((var(--lyte-listview-nested-level) + 1) * 15px);
  display: inline-flex;
  align-items: center;
}
.lyteListviewNestedTableClosed lyte-nested-table th {
  font-family: 'LatoRegular', sans-serif;
}
.lyteListviewNestedTableHandler {
  width: 20px;
  height: 20px;
  border-radius: 3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  cursor: pointer;
}
.lyteListviewNestedTableHandler:hover {
  background: #eee;
}
.lyteListviewNestedTableHandler::before {
  content: "";
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -14px -2px;
  width: 9px;
  height: 5px;
  transform: rotate(0deg);
  transition: transform 0.2s linear;
}
.lyteListviewNestedTableClosed .lyteListviewNestedTableHandler::before {
  transform: rotate(-90deg);
}
.lyteListviewNestedTableHeading {
  display: inline-block;
  vertical-align: middle;
  margin: 0 3px;
}
.lyteListviewNestedAnimationHappening {
  transition: height 0.2s linear;
}
.lyteListviewIntersectionspan {
  width: 100%;
  height: 1px;
  pointer-events: none;
  display: block;
  position: sticky;
  left: 0;
}
@supports (overflow: clip) {
  .lyteListviewTableHolder {
    overflow: clip;
  }
}
@supports not (overflow: clip) {
  .lyteListviewNestedTableClosed tbody,
  .lyteListviewNestedAnimationHappening tbody {
    opacity: 0;
  }
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
lyte-listview-filter {
  display: block;
  margin: 10px 0;
}
.lyteListViewFilterWrapper {
  display: inline-block;
  position: relative;
}
.lyteListViewFilters {
  display: inline-flex;
  background: #fff;
  border: 1px solid #d6d6d6;
  border-radius: 2px;
  padding: 4px 10px;
  gap: 5px;
}
.lyteListViewFilters:focus-within {
  border: 1px solid #0984e3;
  box-shadow: 0px 0px 5px 2px rgba(9, 132, 227, 0.12);
}
.lyteListViewFilterInput {
  display: block;
  border: 0;
  outline: 0;
  padding: 5px 0;
}
.lyteFilterSearchWrap + .lyteListViewFilterInput {
  padding: 0 5px;
}
.lyteListViewDropdownHidden {
  display: none;
}
.lyteListViewDropdown {
  position: absolute;
  z-index: 1060;
}
.lyteListViewDropdownUl {
  list-style: none;
  border: 1px solid #e5e8ea;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.07);
  color: #152229;
  font-size: 14px;
  padding: 5px 0;
  min-width: 200px;
  max-width: 330px;
  max-height: 210px;
  overflow: auto;
}
.lyteListViewDropdownLi {
  padding: 8px 15px;
  cursor: pointer;
}
.lyteListViewDropdownHighlighted {
  background: #ededed;
}
.lyteFilterSearchWrap {
  display: flex;
  align-items: center;
  border-radius: 2px;
  border: 1px solid #AEDAF9;
  font-size: 13px;
  white-space: nowrap;
}
.lyteInputFilterLabel {
  padding: 4px;
  background: #EAF3FA;
  border-radius: 1px 0 0 1px;
}
.lyteFilterColumnName {
  padding: 4px;
  background: #F6FAFD;
}
.lyteFilterCondition {
  padding: 4px;
  outline: 0;
}
.lyteTimeFilterElement .lyteTimePickerInput,
.lyteDateTimeFilterElement .lyteDateTimeInputWrapper input,
.lyteInputFilterName.lyteInputBox input {
  padding: 4px;
  width: 50px;
  font-size: inherit;
}
.lyteTimeFilterElement .lytetimePickerButton {
  padding: 4px 5px;
}
.lyteDateTimeFilterElement.lyteDateTimeInputBox .lyteDateTimeInputWrapper > input {
  width: 80px;
}
.lyteTimeFilterElement .lyteTimePickerField,
.lyteDateTimeFilterElement.lyteDateTimeInputBox .lyteDateTimeInputWrapper,
.lyteInputFilterName.lyteInputBox.lyteInputFocus .lyteField,
.lyteInputFilterName .lyteField:hover,
.lyteInputFilterName .lyteField {
  border: 0;
}
.lyteDateTimeFilterElement .lyteDateInputDropdown {
  font-size: inherit;
}
.lyteListViewFilterClearIcon {
  display: inline-flex;
  padding: 0 4px;
  border-radius: 0 1px 1px 0;
  align-items: center;
  align-self: stretch;
  cursor: pointer;
}
.lyteFilterSearchWrap:hover .lyteListViewFilterClearIcon {
  background: #0984E3;
}
.lyteListViewFilterClearIcon::before {
  content: '';
  -webkit-mask-image: url(../../images/sprite_lyte.svg);
  mask-image: url(../../images/sprite_lyte.svg);
  -webkit-mask-position: -54px -2px;
  mask-position: -54px -2px;
  background-color: #111;
  width: 8px;
  height: 8px;
  display: inline-block;
}
.lyteFilterSearchWrap:hover .lyteListViewFilterClearIcon::before {
  background-color: #fff;
}
/* Default theme imported */
@keyframes loop {
  50% {
    background-size: 80%;
  }
  100% {
    background-position: 125% 0;
  }
}
@-webkit-keyframes loop {
  50% {
    background-size: 80%;
  }
  100% {
    background-position: 125% 0;
  }
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes listViewLazyLoadAnim {
  0% {
    left: -50%;
  }
  100% {
    left: 100%;
  }
}
/* Loading theme in configuration */
/* rtl files loading */
:root {
  --spinner-color: #333;
  --light-spinner-color: #33333335;
}
.ltLoaderSpin:after {
  z-index: 10;
  border-radius: 50%;
  width: 50px;
  height: 50px;
}
.ltLoaderSpin {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  border-top: 1px solid #33333335;
  border-right: 1px solid #33333335;
  border-bottom: 1px solid #333;
  border-left: 1px solid #333;
  -webkit-animation: load8 1s infinite linear;
  animation: load8 1s infinite linear;
}
.ltLoaderProgressBar {
  display: block;
  width: 90%;
}
.ltLoaderProgressBar.definite {
  position: relative;
  height: 3px;
  z-index: 4;
  background-color: #33333335;
  border-radius: 3px;
}
.ltLoaderProgressBar.definite span {
  content: '';
  position: absolute;
  z-index: 4;
  height: 100%;
  border-radius: 3px;
  background: black;
  transition: width 500ms;
}
.ltLoaderProgressBar.indefinite {
  height: 3px;
  z-index: 4;
  background: linear-gradient(to right, lightgray, black);
  background-color: #ccc;
  position: relative;
  background-size: 20%;
  background-repeat: repeat-y;
  background-position: -25% 0;
  animation: loop 1.2s ease-in-out infinite;
}
.lyteLoaderTimeoutMessage {
  z-index: 4;
  height: 10%;
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  color: var(--spinner-color);
  display: flex;
  align-content: flex-start;
  align-items: center;
  justify-content: center;
}
.lyteLoaderProgressMessage {
  z-index: 4;
  height: 25%;
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  color: #333;
  display: flex;
  align-content: flex-start;
  align-items: center;
  justify-content: center;
}
.ltLoaderProgressBar.indefinite.lyteLoaderTimeout {
  z-index: 4;
  animation: none;
}
.ltLoaderSpin.lyteLoaderTimeout {
  animation: none;
}
.lyteLoaderExit {
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -52px 0px;
  width: 13px;
  height: 13px;
  opacity: 0.5;
  margin-right: 1%;
  cursor: pointer;
  transform: scale(2);
  z-index: 4;
  outline: none;
}
.lyteLoaderParent {
  display: block;
  position: relative;
}
.lyteLoaderFreeze {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: #fff;
  opacity: 0.7;
  transition: opacity 0.15s ease 0s;
}
.ltLoader {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.ltspindiv {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 25%;
}
.ltexitdiv {
  height: 25%;
  width: 90%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.ltLoaderContainer {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
}
.lyteLoaderLazyLoad {
  height: 10px;
  width: 100%;
  position: relative;
  background: #efefef;
  overflow: hidden;
}
.lyteLoaderLazyLoadRunner {
  height: 10px;
  width: 40%;
  background: linear-gradient(to right, #efefef, #ddd, #efefef);
  animation: 1s linear infinite listViewLazyLoadAnim;
  position: absolute;
}
lyte-signature {
  border: 1px solid black;
  display: block;
  position: relative;
}
lyte-signature canvas {
  width: 100%;
  height: 100%;
}
lyte-signature img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
lyte-video {
  display: block;
  width: 100%;
}
lyte-video .lyteVideo {
  width: 100%;
  cursor: none;
  position: relative;
}
.lyteVideoContainer {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.lyteVideoControlsShow .lyteVideo {
  cursor: default;
}
.lyteVideoControls {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000);
  padding: 20px 30px;
  box-sizing: border-box;
  opacity: 0;
  transition: opacity 0.1s ease, transform 0.1s ease;
  transform: translateY(100%);
  z-index: 5;
  direction: ltr;
}
.lyteVideoControlsShow .lyteVideoControls {
  opacity: 1;
  transform: translateY(0);
}
.lyteVideoProgressWrapper {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.lyteVideoToolTip {
  position: absolute;
  padding: 3px 7px;
  border-radius: 2px;
  background: #333;
  color: #fff;
  transform: translateY(calc(-100% - 5px));
  font-size: 13px;
  display: none;
}
.lyteVideoProgressBar:hover .lyteVideoToolTip {
  display: block;
}
.lyteVideoProgressBar {
  height: 3px;
  position: relative;
  border-radius: 3px;
  flex-grow: 1;
  transition: height 0.1s ease, transform 0.1s ease;
  background: rgba(255, 255, 255, 0.3);
  cursor: pointer;
}
.lyteVideoProgressBar.lyteVideoBgTransparent {
  background: transparent;
}
.lyteVideoProgressBar:hover {
  opacity: 1;
  height: 7px;
}
.lyteVideoProgressed {
  height: 100%;
  background-color: #338cf0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  border-radius: 3px;
}
.lyteVideoProgressHandler {
  position: absolute;
  top: 1px;
  display: block;
  width: 16px;
  height: 16px;
  background: #fff;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.69);
  border-radius: 50%;
  z-index: 10;
  transform: translateX(-50%) translateY(-50%) scale(0.5);
  transition: transform 0.1s ease;
}
.lyteVideoProgressBar:hover .lyteVideoProgressHandler {
  transform: translateX(-50%) translateY(-50%) scale(1);
  top: 3px;
}
.lyteVideoChapterWrapper,
.lyteVideoProgressLoad {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.lyteVideoChapterWrapper {
  width: 100%;
  display: flex;
}
.lyteVideoChapter {
  position: relative;
  background: rgba(255, 255, 255, 0.3);
  margin-right: 2px;
  border-radius: 3px;
}
.lyteVideoProgressLoad {
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 3px;
}
.lyteVideoIconsWrap {
  display: flex;
  align-items: center;
}
.lyteVideoPlayPauseIconWrap {
  padding-right: 10px;
}
.lyteVideoPip,
.lyteVideoSettings,
.lyteVideoRewind,
.lyteVideoForward {
  padding: 0 10px;
}
.lyteVideoFullScreenControl {
  padding-left: 10px;
}
.lyteVideoIcons {
  border: 0;
  outline: 0;
  display: block;
  cursor: pointer;
  background-image: url(../../images/sprite_lyte_video.svg);
}
.lyteVideoPlayIcon {
  background-position: -210px -5px;
  width: 14px;
  height: 19px;
}
.lyteVideoPlayIcon.lyteVideoPaused {
  background-position: -186px -4px;
}
.lyteVideoRightIcons {
  display: flex;
  margin-left: auto;
}
.lyteVideoForwardIcon,
.lyteVideoRewindIcon {
  background-position: -268px -2px;
  width: 19px;
  height: 22px;
}
.lyteVideoForwardIcon {
  background-position: -296px -2px;
}
.lyteVideoPipIcon {
  background-position: -235px -5px;
  height: 18px;
  width: 22px;
}
.lyteVideoSettingsIcon {
  background-position: -4px -4px;
  width: 18px;
  height: 19px;
}
.lyteVideoFullScreen {
  background-position: -33px -6px;
  height: 16px;
  width: 16px;
}
.lyteVideoFullScreenExit {
  background-position: -59px -5px;
  height: 18px;
  width: 18px;
}
.lyteVideoVolumeControls {
  display: flex;
  align-items: center;
  padding: 0 10px;
  position: relative;
}
.lyteVideoVolumeIcon {
  background-image: url(../../images/sprite_lyte_video.svg);
  background-position: -153px -4px;
  width: 20px;
  height: 19px;
  display: block;
  margin: auto;
  cursor: pointer;
}
.lyteVideoVolumeIcon.lyteVideoLow {
  background-position: -125px -4px;
}
.lyteVideoVolumeIcon.lyteVideoMuted {
  background-position: -89px -4px;
}
.lyteVideoVolumeSlider {
  width: 90px;
  margin-left: 10px;
}
.lyteVideoVolumeSlider lyte-multislider {
  display: block;
}
.lyteVideoVolumeSlider .lyteRangeSlider {
  height: 4px;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.3);
}
.lyteVideoVolumeSlider lyte-multislider .lyteSlide {
  width: 100% !important;
  height: auto !important;
}
.lyteVideoVolumeSlider .lyteSliderFill {
  background: #fff;
  right: unset !important;
}
.lyteVideoVolumeSlider .lyteSliderFill.endFill {
  background: transparent;
}
.lyteVideoVolumeSlider .lyteSliderHandler {
  border: 0;
  background: #fff;
}
.lyteVideoAnimateForward,
.lyteVideoAnimateBackward,
.lyteVideoAnimatePlay {
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -40px;
  margin-top: -40px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  z-index: 1;
}
.lyteVideoAnimateBackward {
  left: 30%;
}
.lyteVideoAnimateForward {
  left: 70%;
}
.lyteVideoAnimate.lyteVideoAnimateBackward,
.lyteVideoAnimate.lyteVideoAnimateForward {
  opacity: 1;
}
.lyteVideoAnimateBackArrow {
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-right: 7px solid #fff;
  margin: 0 5px;
}
.lyteVideoAnimate .lyteVideoAnimateArrow1 {
  animation: lyteVideoArrowAnimation1 1.2s linear infinite;
}
.lyteVideoAnimate .lyteVideoAnimateArrow2 {
  animation: lyteVideoArrowAnimation2 1.2s linear infinite;
}
.lyteVideoAnimate .lyteVideoAnimateArrow3 {
  animation: lyteVideoArrowAnimation3 1.2s linear infinite;
}
.lyteVideoAnimateForwardArrow {
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 7px solid #fff;
  margin: 0 5px;
}
@keyframes lyteVideoArrowAnimation1 {
  0% {
    opacity: 0.3;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0.3;
  }
}
@keyframes lyteVideoArrowAnimation2 {
  0%,
  25% {
    opacity: 0.3;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0.3;
  }
}
@keyframes lyteVideoArrowAnimation3 {
  0%,
  50% {
    opacity: 0.3;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}
.lyteVideoAnimatePlay.lyteVideoAnimate {
  animation: lyteVideoPlayPause 0.5s linear;
}
@keyframes lyteVideoPlayPause {
  from {
    opacity: 1;
    transform: scale(0.5);
  }
  to {
    opacity: 0;
    transform: scale(1.5);
  }
}
.lyteVideoAnimatePlayIcon {
  background-image: url(../../images/sprite_lyte_video.svg);
  background-position: -186px -4px;
  width: 14px;
  height: 19px;
  transform: scale(1.5);
  margin-left: 10px;
}
.lyteVideoAnimatePauseIcon {
  background-image: url(../../images/sprite_lyte_video.svg);
  background-position: -210px -5px;
  height: 14px;
  width: 14px;
  transform: scale(1.5);
}
.lyteVideoSettingsWrapper {
  position: absolute;
  background: rgba(28, 28, 28, 0.9);
  color: #fff;
  font-size: 13px;
  bottom: 45px;
  padding: 5px 0;
  border-radius: 3px;
  min-width: 200px;
  z-index: 10;
}
.lyteVideoSettingsItem {
  padding: 8px 15px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
}
.lyteVideoSettingDropItem {
  padding: 8px 25px;
  cursor: pointer;
  position: relative;
}
.lyteVideoSettingsItemSelected,
.lyteVideoSettingsItemHover .lyteVideoSettingDropItem:hover,
.lyteVideoSettingsItemHover .lyteVideoSettingsItem:hover {
  background: rgba(255, 255, 255, 0.1);
}
.lyteVideoOptionselected::before {
  content: '';
  width: 12px;
  height: 5px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(-45deg);
  top: 12px;
  position: absolute;
  left: 7px;
}
.lyteVideoSettingsDropdownHead {
  padding: 3px 8px 8px;
  border-bottom: 1px solid #bbb;
  text-transform: capitalize;
  display: flex;
  align-items: center;
}
.lyteVideoSettingsBackIcon {
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -94px -109px;
  width: 9px;
  height: 11px;
  margin-right: 8px;
  cursor: pointer;
}
.lyteVideoSettingsKey::after {
  content: '';
  width: 6px;
  height: 6px;
  border-top: 1px solid #eee;
  border-right: 1px solid #eee;
  transform: rotate(45deg);
  display: inline-block;
  margin-left: 3px;
}
.lyteVideoTimer {
  color: #fff;
  font-size: 12px;
  margin-left: 15px;
}
.lyteVideoMenuHide {
  display: none;
}
.lyteVideoPoster {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
}
.lyteVideoSubtitleWrapper {
  position: absolute;
  transition: bottom 0.1s ease;
  bottom: 20px;
  z-index: 5;
  left: 20px;
  right: 20px;
  text-align: center;
  pointer-events: none;
}
.lyteVideoControlsShow .lyteVideoSubtitleWrapper {
  bottom: 80px;
}
.lyteVideoSubtitle {
  background: #333c;
  color: #fff;
  padding: 5px;
  border-radius: 3px;
  display: inline-block;
  pointer-events: auto;
}
.lyteVideoSubtitle:empty {
  visibility: hidden;
}
.lyteVideoPrefetchControlsContainer .lyteVideoPipIcon,
.lyteVideoPrefetchControlsContainer .lyteVideoFullScreen,
.lyteVideoPrefetchControlsContainer .lyteVideoSettingsIcon,
.lyteVideoPrefetchControlsContainer .lyteVideoForwardIcon,
.lyteVideoPrefetchControlsContainer .lyteVideoRewindIcon {
  cursor: not-allowed;
}
.lyteVideoPrefetchControlsContainer .lyteVideoProgressBar {
  cursor: default;
}
.lyteVideoPrefetchControlsContainer .lyteVideoProgressBar:hover {
  height: 3px;
}
.lyteVideoPrefetchControlsContainer .lyteVideoProgressBar:hover .lyteVideoProgressHandler {
  transform: translateX(-50%) translateY(-50%) scale(0.5);
  top: 1px;
}
.lyteVideoPosterBeforeVideoLoad {
  position: relative;
}
.lyteVideoPosterHide {
  display: none;
}
.lyteVideoPrefetchLoadingContainer {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 5;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}
.lyteVideoPrefetchInitialLoadingContainer {
  background: #000;
}
.lyteCircleLoader {
  height: 32px;
  width: 32px;
  animation: lyteCircleLoaderAnim 4.8s linear infinite;
}
@keyframes lyteCircleLoaderAnim {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.lyteCircleInnerLoader {
  display: block;
  /* clip: rect(0, 32px, 32px, 16px); */
  animation: lyteCircleInnerLoaderAnim 1.2s linear infinite;
}
.lyteCircleInnerLoader,
.lyteCircleInnerLoader::after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  height: 20px;
  width: 20px;
  clip-path: polygon(10px 0, 20px 0px, 20px 20px, 10px 20px);
  box-sizing: border-box;
}
@keyframes lyteCircleInnerLoaderAnim {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(220deg);
  }
}
.lyteCircleInnerLoader::after {
  content: "";
  /* clip: rect(0, 32px, 32px, 16px); */
  border: 2px solid #FFF;
  border-radius: 50%;
  animation: lyteCircleInnerLoaderAfterAnim 1.2s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}
@keyframes lyteCircleInnerLoaderAfterAnim {
  0% {
    transform: rotate(-140deg);
  }
  50% {
    transform: rotate(-160deg);
  }
  100% {
    transform: rotate(140deg);
  }
}
.lyteVideoIconDisabled {
  opacity: 0.5;
  cursor: default;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
lyte-voicenote {
  display: flex;
  background: #f5f8fb;
  align-items: center;
  border-radius: 20px;
  width: 570px;
  padding: 5px;
}
.lyteVoiceNotePrefetchContainer {
  display: flex;
  flex-grow: 1;
}
.lyteVoiceNotePrefetchPlayIcon,
.lyteVoiceNotePausePlayIcon {
  width: 32px;
  height: 32px;
  background: #8AC0F2;
  border-radius: 50%;
  border: 1px solid #fff;
  box-shadow: 0px 0px 2px 0px #00000040;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lyteVoiceNotePrefetchPlayIcon::after,
.lyteVoiceNotePausePlayIcon::after {
  content: '';
  -webkit-mask-image: url(../../images/sprite_lyte.svg);
  mask-image: url(../../images/sprite_lyte.svg);
  -webkit-mask-position: -181px -79px;
  mask-position: -181px -79px;
  background-color: #fff;
  width: 9px;
  height: 13px;
}
.lyteVoiceNotePrefetchPlayIcon::after,
.lyteVoiceNotePausePlayIcon.paused::after {
  -webkit-mask-position: -160px -80px;
  mask-position: -160px -80px;
  width: 10px;
  height: 11px;
  margin-left: 3px;
}
.lyteVoiceNotePrefetchLoading .lyteVoiceNotePrefetchPlayIcon::after {
  display: none;
}
.lyteVoiceNotePrefetchLoading .lyteVoiceNotePrefetchPlayIcon {
  pointer-events: none;
}
.lyteVoiceNotePrefetchLoadBarWrap {
  margin: 0 10px 0 20px;
  flex-grow: 1;
  display: flex;
  align-items: center;
}
.lyteVoiceNotePrefetchLoadingBar {
  background: #dce3eb;
  height: 2px;
  display: block;
  flex-grow: 1;
  position: relative;
}
.lyteVoiceNoteProgress {
  position: relative;
  outline: none;
  margin: 0 10px 0 20px;
  flex-grow: 1;
  background: #dce3eb;
}
.lyteVoiceNotePrefetchLoadingBar::before {
  content: '';
}
.lyteVoiceNotePrefetchLoadingBar::before,
.lyteVoiceNoteHandler {
  width: 12px;
  height: 12px;
  position: absolute;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: inherit;
  top: 1px;
}
.lyteVoiceNoteMetaLoaded .lyteVoiceNoteHandler {
  background: #59B0FF;
}
.lyteVoiceNoteMetaLoaded .lyteVoiceNoteProgress {
  cursor: pointer;
}
.lyteVoiceNoteCompletion {
  display: block;
  pointer-events: none;
  background: #8ac0f2;
  height: 2px;
  width: 0;
}
.lyteVoiceNoteElapsedTime,
.lyteVoiceNoteDurationSpan {
  color: #949fb5;
  font-size: 13px;
}
.lyteVoiceNoteDurationSpan {
  margin-right: 7px;
}
.lyteVoiceNoteTimeSeparate {
  margin: 0 5px;
  color: #949fb5;
}
.lyteVoiceNoteVolumeController {
  display: flex;
  margin-left: 10px;
}
.lyteVoiceNotePlaybackRate {
  margin: 0 10px;
}
.lyteVoiceNoteVolumeIcon,
.lyteVoiceNoteVolumeControl {
  -webkit-mask-image: url(../../images/sprite_lyte.svg);
  mask-image: url(../../images/sprite_lyte.svg);
  -webkit-mask-position: -68px -78px;
  mask-position: -68px -78px;
  background-color: #555;
  width: 20px;
  height: 16px;
  display: block;
  cursor: pointer;
}
.lyteVoiceNotePopover {
  padding: 7px 13px;
}
.lyteVoiceNoteVolumeIcon {
  margin-right: 10px;
}
.lyteVoiceNoteMuteIcon {
  -webkit-mask-position: -128px -78px;
  mask-position: -128px -78px;
}
.lyteVoiceNoteFullVolumeIcon {
  -webkit-mask-position: -95px -78px;
  mask-position: -95px -78px;
}
.lyteVoiceNoteVolumeSlider {
  display: flex;
  align-items: center;
}
.lyteVoiceNoteVolumeSlider .lyteRangeSlider {
  background: transparent;
  height: 2px;
}
.lyteVoiceNoteVolumeSlider .lyteRangeSlider.lyteHorizontal .lyteSliderFill {
  height: 2px;
  top: calc(50% - 1px) !important;
  background: #8ac0f2;
}
.lyteVoiceNoteVolumeSlider .lyteSliderHandler {
  background: #59B0FF;
  top: calc(50% - 6px);
  border: 0;
}
.lyteVoiceNotePlaybackRate lyte-drop-button {
  padding: 2px 7px;
  display: block;
  border-radius: 10px;
  color: #666;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
}
.lyteVoiceNotePlaybackRate lyte-icon.dropdown {
  display: none;
}
lyte-drop-box.lyteVoiceNotePlaybackRateDropbox {
  border-radius: 5px;
}
.lyteVoiceNotePlaybackRateDropbox .lyteArrow {
  display: none !important;
}
lyte-drop-box.lyteDropdownDown.lyteVoiceNotePlaybackRateDropbox {
  transform: translateX(-25%) translateY(15px);
}
lyte-drop-box.lyteDropdownUp.lyteVoiceNotePlaybackRateDropbox {
  transform: translateX(-25%) translateY(-15px);
}
.lyteVoiceNotePlaybackRateDropbox lyte-drop-item {
  padding: 4px 15px;
  font-size: 13px;
  color: #666;
}
.lyteVoiceNotePlaybackRateDropbox lyte-drop-item[selected="true"]::before {
  left: 4px;
  top: calc(50% - 3px);
}
.lyteVoiceNotePrefetchContainer .lyteCircleLoader {
  display: none;
}
.lyteVoiceNotePrefetchLoading .lyteCircleLoader {
  display: block;
}
.lyteVoiceNotePrefetchContainer ~ lyte-dropdown,
.lyteVoiceNotePrefetchContainer ~ .lyteVoiceNoteVolumeController {
  pointer-events: none;
  opacity: 0.7;
}
.lyteCircleLoader {
  height: 32px;
  width: 32px;
  animation: lyteCircleLoaderAnim 4.8s linear infinite;
}
@keyframes lyteCircleLoaderAnim {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.lyteCircleInnerLoader {
  display: block;
  /* clip: rect(0, 32px, 32px, 16px); */
  animation: lyteCircleInnerLoaderAnim 1.2s linear infinite;
}
.lyteCircleInnerLoader,
.lyteCircleInnerLoader::after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  height: 20px;
  width: 20px;
  clip-path: polygon(10px 0, 20px 0px, 20px 20px, 10px 20px);
  box-sizing: border-box;
}
@keyframes lyteCircleInnerLoaderAnim {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(220deg);
  }
}
.lyteCircleInnerLoader::after {
  content: "";
  /* clip: rect(0, 32px, 32px, 16px); */
  border: 2px solid #FFF;
  border-radius: 50%;
  animation: lyteCircleInnerLoaderAfterAnim 1.2s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}
@keyframes lyteCircleInnerLoaderAfterAnim {
  0% {
    transform: rotate(-140deg);
  }
  50% {
    transform: rotate(-160deg);
  }
  100% {
    transform: rotate(140deg);
  }
}
.lyteVoiceNoteError .lyteVoiceNotePlaybackRate,
.lyteVoiceNoteError .lyteVoiceNoteVolumeControl,
.lyteVoiceNoteError .lyteVoiceNotePausePlayIcon {
  pointer-events: none;
  opacity: 0.7;
}
.lyteVoiceNoteError .lyteVoiceNoteProgress {
  pointer-events: none;
}
.lyteVoiceNoteError .lyteVoiceNoteHandler {
  background: #dce3eb;
}
/* rtl files loading */
lyte-drawer {
  display: block;
  position: relative;
  max-height: 500px;
  border: 1px solid #ddd;
  color: #333;
}
lyte-drawer.lyteDrawerModal {
  border: 0;
}
.lyteDrawerInlineBody {
  display: flex;
  flex-direction: row;
  position: relative;
  overflow: hidden;
  max-height: inherit;
}
.lyteDrawerPanel {
  width: var(--lyte-drawer-width);
  max-height: inherit;
  outline: 0;
}
.drawerWrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
}
lyte-drawer-body {
  display: block;
  overflow: auto;
}
lyte-drawer-group {
  display: block;
  border-bottom: 1px solid #d6d6d6;
  margin-bottom: 20px;
  padding-bottom: 7px;
}
lyte-drawer-group:last-of-type {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
lyte-drawer-label {
  display: block;
  padding: 10px 10px 3px;
  font-size: 15px;
  font-family: 'LatoBold', 'Open Sans', sans-serif;
  color: #333;
}
lyte-drawer-item {
  position: relative;
  cursor: pointer;
  display: block;
  color: #333;
  padding: 8px 12px;
  font-size: 15px;
  margin: 5px 0;
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
}
.lyteDrawerItemFocused {
  background: #eee;
}
lyte-drawer-item.lyteDrawerActiveItem:hover,
.lyteDrawerActiveItem {
  background: #5ba1e5;
  color: #fff;
}
.lyteDrawerDisabledItem {
  pointer-events: none;
  opacity: 0.5;
  background: #d6d6d6;
}
.lyteDrawerContent {
  position: relative;
  flex: 1;
  padding: 40px 15px 15px;
  overflow: auto;
}
lyte-drawer-freeze {
  z-index: 5;
  background: #000;
  transition: opacity var(--lyte-drawer-transition-duration) ease;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  display: none;
}
lyte-drawer-freeze.lyteDrawerFreezeLayerShown {
  opacity: 0.3;
}
.lyteDrawerCloseIconWrap,
.lyteDrawerOpenElem {
  cursor: pointer;
  z-index: 5;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #ddd;
  box-shadow: 0px 0 3px 1px rgba(0, 0, 0, 0.06);
  background: #fff;
  position: absolute;
  right: -35px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 5px;
}
.lyteDrawerModal .lyteDrawerOpenElem {
  position: static;
}
.lyteDrawerModal lyte-modal-content:focus {
  outline: none;
}
.lyteDrawerToggleIcon {
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -153px -52px;
  width: 11px;
  height: 20px;
}
.lyteDrawerOpenElem .lyteDrawerToggleIcon {
  transform: rotate(180deg);
}
.lyteDrawerPanelRight .lyteDrawerOpenElem .lyteDrawerToggleIcon {
  transform: rotate(0deg);
}
.lyteDrawerPanelRight .lyteDrawerCloseIconWrap .lyteDrawerToggleIcon {
  transform: rotate(180deg);
}
.lyteDrawerPanelRight .lyteDrawerCloseIconWrap,
.lyteDrawerPanelRight .lyteDrawerOpenElem {
  left: -35px;
  right: unset;
}
.lyteDrawerInlineBody .lyteDrawerPanel {
  transition: transform var(--lyte-drawer-transition-duration) ease;
  position: absolute;
  top: 0;
  bottom: 0;
  background: #fff;
  z-index: 10;
}
.lyteDrawerInlineBody.lyteDrawerPanelLeft .lyteDrawerPanel {
  left: 0;
  transform: translateX(-100%);
}
.lyteDrawerInlineBody.lyteDrawerPanelRight .lyteDrawerPanel {
  right: 0;
  transform: translateX(100%);
}
.lyteDrawerShown.lyteDrawerInlineBody .lyteDrawerPanel {
  transform: translateX(0);
}
.lyteDrawerInlineBody.lyteDrawerInlineDisplace .lyteDrawerContent {
  transition: margin var(--lyte-drawer-transition-duration) ease;
  margin-left: 0;
  margin-right: 0;
}
.lyteDrawerShown.lyteDrawerInlineDisplace.lyteDrawerPanelLeft .lyteDrawerContent {
  margin-left: 200px;
}
.lyteDrawerShown.lyteDrawerInlineDisplace.lyteDrawerPanelRight .lyteDrawerContent {
  margin-right: 200px;
}
.lyteDrawerMiniIcon {
  width: 30px;
  height: 30px;
  display: inline-block;
  background-size: 100%;
  flex-shrink: 0;
}
.lyteDrawerMiniVariant .lyteDrawerCloseIconWrap,
.lyteDrawerMiniVariant .lyteDrawerOpenElem {
  right: -15px;
}
.lyteDrawerPanelRight.lyteDrawerMiniVariant .lyteDrawerCloseIconWrap,
.lyteDrawerPanelRight.lyteDrawerMiniVariant .lyteDrawerOpenElem {
  left: -15px;
}
.lyteDrawerInlineBody.lyteDrawerMiniVariant .lyteDrawerPanel {
  width: var(--lyte-drawer-mini-variant-width);
  overflow: visible;
  transition: width var(--lyte-drawer-transition-duration) ease;
  border-right: 1px solid #ddd;
  transform: translateX(0);
}
.lyteDrawerInlineBody.lyteDrawerPanelRight.lyteDrawerMiniVariant .lyteDrawerPanel {
  border-left: 1px solid #ddd;
  border-right: 0;
}
.lyteDrawerShown.lyteDrawerInlineBody.lyteDrawerMiniVariant .lyteDrawerPanel {
  width: var(--lyte-drawer-width);
}
.lyteDrawerMiniVariant lyte-drawer-body {
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
}
.lyteDrawerMiniVariant lyte-drawer-item {
  display: flex;
}
.lyteDrawerMiniLabel {
  margin-left: 10px;
  white-space: nowrap;
}
.lyteDrawerMiniVariant .drawerWrapper {
  width: 100%;
}
lyte-drawer-actions {
  width: 100%;
  padding: 10px 12px;
  position: relative;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  flex-shrink: 0;
}
.lyteDrawerOverlayShow {
  position: absolute;
  top: 0;
  bottom: 0;
  background: #fff;
  z-index: 1;
}
.lyteDrawerInlineDisplace.lyteDrawerMiniVariant .lyteDrawerContent {
  margin-left: var(--lyte-drawer-mini-variant-width);
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
lyte-code-snippet {
  display: block;
  position: relative;
  direction: ltr;
}
.lyteCSCopyButton {
  position: absolute;
  right: 15px;
  top: 15px;
}
.lyteCSCopyButton .lyteDefaultBtn {
  background: #EEF6FC;
  border: 1px solid #0984E3;
  border-radius: 5px;
  color: #0984E3;
  text-transform: capitalize;
}
.lyteCSContainer {
  display: flex;
  background: #F6FAFD;
  border: 1px solid #DCEDF9;
  border-radius: 5px;
  font-size: 14px;
  line-height: 18px;
  overflow: auto;
  box-sizing: border-box;
}
.lyteCSLineNumberContainer {
  padding: 15px;
}
.lyteCSLineNumber {
  display: block;
  color: #496A83;
  text-align: right;
}
.lyteCSCodeContainer {
  padding: 15px;
  white-space: pre;
  flex-grow: 1;
}
.lyteUrl,
.lyteTagNameCls {
  color: #04F;
}
.lytePunctuationCls {
  color: #04F;
}
.lyteContentCls {
  color: #333;
}
.lyteAttributeEqualsCls {
  color: #800080;
}
.lyteAttributeNameCls {
  color: #800080;
}
.lyteAttributeValQuoteCls {
  color: #006203;
}
.lyteAttributeValueCls {
  color: #006203;
}
.lyteEntityCls {
  color: #ff2f2f;
}
.lyteCSSComment,
.lyteCommentCls {
  color: #737373;
}
.lyteCSSSelector {
  word-spacing: 5px;
  color: #006203;
}
.lyteCSSRuleName {
  color: #333;
}
.lyteSymbols,
.lyteCSSPunctuation {
  color: #333;
}
.lyteCSSRuleName + .lyteCSSPunctuation {
  margin-right: 3px;
}
.lyteCSSValueFunction,
.lyteCSSRuleValue {
  color: #B24A00;
}
.lyteCSSCombinator {
  color: #ff00ff;
}
.lyteCSSAttributeName {
  color: #800080;
}
.lyteCSSImportant,
.lyteCSSAttributeValue {
  color: #04F;
}
.lyteCSSColorValue {
  color: orange;
}
.lyteYamlAliasPunctuationCls,
.lyteYamlAnchorPunctuationCls,
.lyteYamlAliasNameCls,
.lyteYamlAnchorNameCls {
  color: #006203;
}
.lyteYamlDataType,
.lyteYamlKey,
.lyteJavaKeyword,
.lytePythonKeyword,
.lyteJSKeyword {
  color: #800080;
}
.lytePlainText,
.lyteYamlIdentifier,
.lyteJavaIdentifier,
.lytePythonIdentifier,
.lyteJSIndentifier {
  color: #333;
}
.lyteYamlAnchorAlias,
.lyteJavaOperator,
.lytePythonOperator,
.lyteJSOperator {
  color: #800080;
}
.lyteYamlPunctuator,
.lyteJavaPunctuator,
.lytePythonPunctuator,
.lyteJSPunctuator {
  color: #1A1A1A;
}
.lyteNumbers,
.lyteYamlInteger,
.lyteJavaInteger,
.lytePythonInteger,
.lyteJavaFloat,
.lytePythonFloat,
.lyteJSNumber {
  color: #B24A00;
}
.lyteYamlString,
.lyteJavaString,
.lytePythonString,
.lyteJSStringLiteral {
  color: #B24A00;
}
.lyteYamlComment,
.lyteJavaComment,
.lytePythonComment,
.lyteJSComment {
  color: #5f5757;
}
.lyteJavaRegex,
.lytePythonRegex,
.lyteJSRegex {
  color: #00b483;
}
.lyteJavaBoolean,
.lytePythonBoolean,
.lyteJSBoolean {
  color: #6c58ff;
}
.lyteJSFunction {
  color: #006203;
}
.lyteJavaNull,
.lyteJSNull,
.lyteJSUndefined {
  color: #6c58ff;
}
.lyteCodeSnippetTransparentBg .lyteCSContainer {
  background: transparent;
}
.lyteCodeSnippetNumberSectionBg .lyteCSLineNumberContainer {
  background: #eef6fc;
}
.lyteCSCopyIcon {
  display: flex;
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  right: 8px;
  top: 8px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.lyteCSCopyIcon:hover {
  background: #dcedf9;
}
.lyteCSCopyIcon::after {
  content: '';
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -263px -61px;
  width: 16px;
  height: 16px;
  display: block;
}
lyte-connect {
  position: relative;
  display: block;
  --contextualLevel: 100;
}
lyte-connect-item {
  display: block;
  border: 1px solid #C2CFDE;
  border-radius: 3px;
  position: absolute;
  --contextualRatio: calc(var(--contextualLevel) / 100);
  width: calc(100px * var(--contextualRatio));
  z-index: 2;
  background: white;
  overflow: hidden;
  cursor: move;
  text-align: center;
}
lyte-connect-item.lyteConnectionHover {
  box-shadow: 0px 5px 10px #0000001A;
}
lyte-connect-item.lyteShapeHover {
  border: 1px solid #ACC3DD;
}
.lyteConnectShapeOverlapped {
  opacity: 0.5;
  cursor: not-allowed;
}
lyte-connection-title {
  display: block;
}
lyte-connection-header {
  display: block;
  padding: 10px;
  background: #d7e7fa;
  border-top: 4px solid #3D90F8;
}
lyte-connection-content {
  display: block;
  background: #d7e7fa;
}
lyte-connection-module {
  display: block;
  padding: 5px 10px;
  background: #fff;
  margin: 10px;
}
lyte-connection-footer {
  display: block;
  padding: 10px;
  background: #d7e7fa;
}
.lyteConnectionSelected:hover,
.lyteConnectionSelected {
  z-index: 10;
  border-color: #0984e3;
  box-shadow: 0px 0px 5px 3px rgba(9, 132, 227, 0.12);
}
.lyteConnectionPath {
  stroke: #65819D;
  stroke-width: 2;
  fill: none;
}
.lyteConnectorElementSelected .lyteConnectionPath {
  stroke: #0093ff;
}
.lyteConnectionHover .lyteConnectionPath {
  stroke-width: 3;
}
.lyteConnectionFakePath {
  stroke: transparent;
  stroke-width: 5;
  fill: none;
}
.lyteConnectionFakeContainer,
.lyteConnectionContainer {
  pointer-events: none;
  /*will-change: transform;*/
}
.lyteConnectionContainer path {
  pointer-events: auto;
  /*will-change: d*/
}
.lyteConnectPathSelection .lyteConnectionPath {
  stroke: #FF9632;
}
.lyteConnectShortestPathSelection .lyteConnectionPath {
  stroke: #73c121;
}
.lyteConnectHighlightAnimation .lyteConnectionPath {
  stroke: #00c4ff;
}
.lyteConnectionElement {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  outline: 0;
}
.lyteConnectionMarker {
  position: absolute;
  left: 0;
  top: 0;
}
.lyteConnectSelection {
  z-index: 3;
}
.lyteConnectWrapper {
  overflow: visible;
  height: 100%;
  width: 100%;
}
.lyteConnectOverlay {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  border: 1px solid #0984e3;
  border-radius: 5px;
  box-sizing: border-box;
}
.lytePreviewElement {
  position: absolute;
  border: 2px solid #555;
  border-radius: 5px;
}
.lytePreviewForeignObject {
  overflow: visible;
}
.lyteContextualAnimation lyte-connect-item {
  transition-property: width, height, left, top;
  transition-duration: 200ms;
  will-change: left, top, font-size, width, height;
}
.lyteContextualAnimation lyte-connection-content {
  transition-property: max-height, height;
  will-change: max-height, height;
  transition-duration: 200ms;
  pointer-events: none;
}
.lyteConnectSelectionElement {
  position: absolute;
  background: #00c4ff;
  opacity: 0.5;
}
.lyteConnectContextualLevel75 {
  font-size: 12px;
}
.lyteConnectContextualLevel75 lyte-connect-item {
  width: 75px;
}
.lyteConnectContextualLevel75 lyte-connection-content {
  max-height: 150px;
}
.lyteConnectContextualLevel50 {
  font-size: 8px;
}
.lyteConnectContextualLevel50 lyte-connect-item {
  width: 50px;
}
.lyteConnectContextualLevel50 lyte-connection-content {
  max-height: 100px;
}
.lyteConnectContextualLevel25 {
  font-size: 6px;
}
.lyteConnectContextualLevel25 lyte-connect-item {
  width: 40px;
}
.lyteConnectContextualLevel25 lyte-connection-content {
  max-height: 80px;
}
.lyteConnectContextualLevel0 lyte-connect-item {
  width: 20px;
  height: 20px;
  overflow: hidden;
}
.lyteConnectContextualLevel0 lyte-connection-content {
  display: none;
}
.lyteConnectGroupShape {
  background: transparent;
}
.lyteShapeHover .lyteConnectionPath {
  stroke: #0bb75d;
}
.lyteConnectionLineMarker {
  stroke: #65819D;
  stroke-width: 2;
  fill: none;
  transform-box: fill-box;
  transform-origin: center;
}
.lyteShapeHover .lyteConnectionLineMarker {
  stroke: #0bb75d;
}
.lyteConnectorElementSelected .lyteConnectionLineMarker {
  stroke: #0093ff;
}
.lyteConnectPreview {
  width: 200px;
  height: 200px;
  bottom: 30px;
  right: 30px;
  position: absolute;
  border: 1px solid #555;
  border-radius: 5px;
}
.lyteConnectHiddenElem {
  display: none !important;
}
.lyteSmartGuides {
  position: absolute;
  border: 1px dotted black;
  box-sizing: border-box;
  z-index: 100;
}
.lyteConnectionPreviewMarker {
  position: absolute;
  pointer-events: none;
}
.lyteConnectReconnectElement {
  z-index: 15;
  position: absolute;
  width: 10px;
  height: 10px;
  background: red;
  left: calc(var(--left) - 5px);
  top: calc(var(--top) - 5px);
}
.lyteConnectorReconnect .lyteConnectReconnectElement {
  pointer-events: none;
  visibility: hidden;
}
.lyteConnectorReconnect .lyteConnectorElementSelected path {
  pointer-events: none;
}
.lyteConnectorReconnect lyte-textbox.lyteConnectorElementSelected {
  display: none;
}
lyte-textbox {
  background: #fff;
  display: flex;
  flex-direction: column;
  position: absolute;
  transform: translate(-50%, -50%);
  min-width: 20px;
  min-height: 20px;
  pointer-events: auto;
  z-index: 10;
  border: 1px solid #ddd;
}
lyte-textbox.lyteConnectEmpty {
  border: 1px solid #ccc;
  border-radius: 5px;
}
.lyteConnectEmpty:before {
  content: "";
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -53px -58px;
  width: 11px;
  height: 11px;
  display: block;
}
.lyteConnectInnerSpan {
  text-align: center;
  position: relative;
  padding: 0 20px;
  border-left: 2px solid #00adff;
  border-right: 2px solid #00adff;
}
.lyteConnectInnerSpan::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background: #00adff;
  left: 0;
  top: 16px;
}
.lyteInnerText {
  padding: 10px;
  background: #fff;
  display: inline-block;
  position: relative;
  z-index: 1;
}
.lyteConnectInnerSpan:first-of-type .lyteInnerText {
  padding-top: 0;
  top: -5px;
}
.lyteConnectInnerSpan:last-of-type .lyteInnerText {
  padding-bottom: 0;
  bottom: -5px;
}
.lyteConnectInnerSpan:first-of-type {
  border-radius: 4px 4px 0 0;
}
.lyteConnectInnerSpan:last-of-type {
  border-radius: 0 0 4px 4px;
}
.lyteConnectInnerSpan:first-of-type::after {
  top: 0;
  border-radius: 5px 5px 0 0;
}
.lyteConnectInnerSpan:last-of-type::after {
  bottom: 0;
  top: auto;
  border-radius: 0 0 5px 5px;
}
.lyteConnectInnerSpan:only-of-type::after {
  content: unset;
}
.lyteConnectInnerSpan:only-of-type {
  border: 0;
  padding: 0;
}
.lyteConnectInnerSpan:only-of-type .lyteInnerText {
  bottom: auto;
  top: 5px;
}
.lyteConnectReadonly .lyteConnectAnchorPoint {
  display: none;
}
.lyteConnectGroupShape {
  display: flex;
  flex-direction: row;
  width: auto;
}
.lyteConnectGroupShape .lyteConnectInnerItem {
  margin: 0px 20px;
  padding: 15px 10px;
  text-align: center;
  position: relative;
  z-index: 10;
  border: 1px solid #C2CFDE;
  width: 100px;
}
.lyteGroupSortableSelect {
  overflow: visible;
}
.lyteConnectSortableDown path {
  pointer-events: none;
}
.lyteConnectSortHover {
  border: 1px solid #7fceef !important;
}
.lyteConnectLineAdjustElement {
  position: absolute;
  z-index: 15;
  background: #ddd;
  border: 1px solid #c6c6c6;
  box-sizing: border-box;
}
.lyteConnectLineAdjustElement:hover {
  background: #ccc;
}
.lyteConnectVerticalLine {
  width: 10px;
  height: 30px;
  left: calc(var(--left) - 5px);
  top: calc(var(--top) - 15px);
  cursor: ew-resize;
}
.lyteConnectHorizontalLine {
  width: 30px;
  height: 10px;
  left: calc(var(--left) - 15px);
  top: calc(var(--top) - 5px);
  cursor: ns-resize;
}
.lyteConnectFakeHangingItem {
  padding: 0px !important;
  visibility: hidden;
  pointer-events: none;
}
.lyteConnectAnchorPoint {
  position: absolute;
  width: 8px;
  height: 8px;
  /*transform: translate(-50%,-50%);*/
  border-radius: 50%;
  background: black;
  visibility: hidden;
  left: calc(var(--leftValue) - 4px);
  top: calc(var(--topValue) - 4px);
}
.lyteConnectShowAnchor .lyteConnectAnchorPoint.lyteConnectAnywhereAnchor {
  visibility: hidden;
}
.lyteConnectAnchorPoint.lyteConnectAnywhereAnchor {
  cursor: pointer;
  width: 12px;
  height: 12px;
  left: calc(var(--leftValue) - 6px);
  top: calc(var(--topValue) - 6px);
}
.lyteConnectShowAnchor lyte-connect-item,
.lyteShapeHover {
  overflow: visible;
}
.lyteConnectShowAnchor .lyteShapeHover > .lyteConnectAnchorPoint.lyteConnectAnywhereAnchor,
.lyteConnectShowAnchor .lyteConnectAnchorPoint,
.lyteShapeHover > .lyteConnectAnchorPoint {
  visibility: visible;
}
.lyteConnectionSelected .lyteConnectAnchorPoint {
  display: none;
}
.lyteConnectionSelected {
  overflow: visible;
}
lyte-suggestion-element {
  position: absolute;
  overflow: visible;
  display: none;
  padding: 5px;
  border-radius: 5px;
  border: 1px solid #ccc;
  cursor: pointer;
}
.lyteConnectSuggestionAddIcon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #0984e3;
  padding: 3px;
}
.lyteConnectSuggestionAddIcon::before {
  content: '';
  width: 11px;
  height: 11px;
  display: block;
  -webkit-mask-image: url(../../images/sprite_lyte.svg);
  -webkit-mask-position: -53px -58px;
  mask-image: url(../../images/sprite_lyte.svg);
  mask-position: -53px -58px;
  background: #fff;
  transform: scale(0.8);
}
lyte-suggestion-element.lyteElementSuggestedDisplay {
  display: block;
}
.lyteConnectSuggestEleLeft {
  top: 50%;
  right: 100%;
  transform: translate(-50%, -50%);
}
.lyteConnectSuggestEleRight {
  top: 50%;
  left: 100%;
  transform: translate(50%, -50%);
}
.lyteConnectSuggestEleDown {
  top: 100%;
  right: 50%;
  transform: translate(50%, 50%);
}
.lyteConnectSuggestEleTop {
  bottom: 100%;
  right: 50%;
  transform: translate(50%, -50%);
}
lyte-connect-item.lyteConnectSuggestedItem {
  background: #eee;
}
lyte-connect > .lyteConnectWrapper > svg > .lyteConnectSuggestedItem {
  opacity: 0.5;
}
.lyteConnectSuggestionItem {
  z-index: 15;
}
.lyteConnectionSelected.lyteConnectSuggestionItem:hover {
  z-index: 20;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
.lyteConnectionElement {
  position: relative;
}
.lyteConnectionMarker {
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.lyteConnectionFakeContainer,
.lyteConnectionContainer {
  pointer-events: none;
}
.lyteConnectionContainer path {
  pointer-events: auto;
}
.lyteConnectionPath {
  stroke: #65819D;
  stroke-width: 2;
  fill: none;
}
.lyteConnectionFakePath {
  stroke: transparent;
  stroke-width: 5;
  fill: none;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
lyte-connect-swimlanes {
  display: flex;
  position: relative;
}
.lyteConnectionSwimlanesMarker {
  position: absolute;
}
lyte-connect-swimlanes lyte-connect {
  position: absolute;
  z-index: 2;
}
lyte-connect-swimlanes .lyteConnectionSelected {
  pointer-events: none;
  /* color: red; */
}
.lyteSequentialFlow {
  background-color: #EDF4FA;
}
.lyteSequentialFlow lyte-connect-item {
  display: flex;
  position: relative;
  border-radius: unset;
  overflow: unset;
  cursor: unset;
  width: max-content;
  padding: 20px;
  background-color: #FEFEFE;
  z-index: unset;
}
lyte-sequential-condition,
.lyteSequentialFlow lyte-connect-item {
  padding: 5px 10px;
  margin: 30px 0;
  justify-content: center;
  border: 0;
  border-radius: 8px;
  color: #4F576A;
  font-size: 12px;
}
.lyteSequentialFlow lyte-connect-item.parentNode {
  position: absolute;
}
.lyteSequentialFlow .lyteSequentialBranchingType.parentNode > lyte-sequential-wrapper {
  padding: 20px;
}
lyte-sequential-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-left: 1px solid transparent;
  border-right: 1px dashed #CBCFD5;
  flex-shrink: 0;
  position: relative;
}
.lyteSequentialBranchingType > lyte-sequential-group-wrapper > lyte-sequential-group-container > lyte-sequential-group {
  border: 0;
}
.lyteSequentialBranchingType > lyte-sequential-group-wrapper > lyte-sequential-group-container {
  height: 100%;
  position: relative;
}
.lyteSequentialBranchingType > lyte-sequential-group-wrapper > lyte-sequential-group-container::after {
  content: "";
  position: absolute;
  width: 1px;
  border-right: 1px dashed #CBCFD5;
  height: calc(100% + 40px);
  top: -20px;
  right: 0;
}
.lyteSequentialBranchingType > lyte-sequential-group-wrapper > lyte-sequential-group-container:last-child:after {
  content: none;
}
lyte-sequential-icon {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -20px);
  top: 0;
  z-index: 10;
}
.lyteSequentialBranchingType > lyte-sequential-icon {
  transform: translate(-50%, -25px);
}
.lyteSequentialTryCatchType > lyte-sequential-group-wrapper > lyte-sequential-group-container:nth-of-type(1) {
  padding-right: 0;
}
.lyteSequentialTryCatchType > lyte-sequential-group-wrapper > lyte-sequential-group-container:nth-of-type(2) {
  margin-top: 120px;
  margin-left: 20px;
}
.lyteSequentialTryCatchType > lyte-sequential-group-wrapper > lyte-sequential-group-container,
.lyteSequentialLoopType > lyte-sequential-group-wrapper > lyte-sequential-group-container > lyte-sequential-group {
  border: 0;
}
lyte-sequential-condition {
  background-color: #DBE5FF;
  color: #275DE9;
  border-radius: 45px;
  white-space: nowrap;
}
.lyteSequentialFlow lyte-sequential-group-wrapper > lyte-sequential-group-container > lyte-sequential-group > lyte-sequential-condition {
  top: 40px;
  position: relative;
}
.lyteSequentialTryCatchType > lyte-sequential-group-wrapper > lyte-sequential-group-container > lyte-sequential-group > lyte-sequential-condition {
  border: 1px solid #CBCED5;
  padding: 3px 15px;
  background-color: #EDF4FA;
  border-radius: 20px;
  color: #4F576A;
  position: absolute;
  transform: translateY(-50%);
  top: 0;
  margin: 0;
}
.lyteSequentialFlow lyte-connect-item.lyteSequentialLoopType,
.lyteSequentialFlow lyte-connect-item.lyteSequentialTryCatchType,
.lyteSequentialFlow lyte-connect-item.lyteSequentialBranchingType {
  background-color: transparent;
  border: 1px dashed #CBCFD5;
  padding: 20px;
}
.lyteSequentialFlow lyte-connect-item lyte-sequential-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 4px;
  padding: 20px;
}
lyte-connect-item.lyteSequentialBranchingType > lyte-sequential-group-wrapper > lyte-sequential-group:last-child {
  border: 0;
}
lyte-connect-item.lyteSequentialTryCatchType > lyte-sequential-group-wrapper > lyte-sequential-group > lyte-sequential-wrapper {
  border: 1px dashed #CBCFD5;
  padding-bottom: 0;
}
lyte-connect-item.lyteSequentialLoopType > lyte-sequential-group-wrapper > lyte-sequential-group-container > lyte-sequential-group > lyte-sequential-wrapper {
  padding-bottom: 0;
}
.lyteSequentialFlow .lyteSequentialBranchingType > lyte-sequential-group-wrapper > lyte-sequential-group-container > lyte-sequential-group > lyte-sequential-condition {
  margin: 40px 20px 30px;
  padding: 0;
}
.lyteSequentialFlow lyte-sequential-dummylast {
  width: 10px;
  height: 10px;
  display: flex;
  background-color: black;
  border-radius: 10px;
  margin: 20px;
}
.lyteSequentialFlow .errorClass {
  display: flex;
  justify-content: center;
  color: #ff0000;
  border: none;
  padding: 0 10px;
  font-size: 12px;
  border-radius: 5px;
  background-color: #EDF4FA;
  white-space: nowrap;
}
.lyteSequentialBranchingType > lyte-sequential-group-wrapper > lyte-sequential-group-container > lyte-sequential-group > lyte-sequential-condition .branchIcon {
  background-color: #f0f4ff;
  border: 2px solid #e0e8ff;
  min-width: 40px;
  display: inline-block;
  border-radius: 40px;
  padding: 4px 0;
}
lyte-sequential-group.lyteSequentialPlaceholderType > lyte-sequential-condition .branchIcon {
  border: 1px dashed #275DE9;
  padding: 5px;
  background: #DFE7FC;
}
.lyteSequentialFlow .lyteConnectEmpty:before {
  content: "";
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  -webkit-mask: url(../../images/sprite_lyte.svg) no-repeat -20px -59px;
  mask: url(../../images/sprite_lyte.svg) no-repeat -20px -59px;
  background-color: #000;
  background-image: none;
  width: 9px;
  height: 9px;
  display: block;
}
lyte-textbox.lyteSequentialConditionAdd:before {
  background-color: #989EAC;
}
.lyteSequentialFlow lyte-textbox.lyteConnectEmpty {
  border-radius: 50%;
  min-width: 15px;
  min-height: 15px;
  border: 1px solid #989EAC;
}
.lyteSequentialFlow lyte-textbox.lyteSequentialPlaceholderText,
.lyteSequentialFlow lyte-textbox.lyteSequentialTextboxHidden {
  border: 1px solid #275DE9;
  background-color: #275DE9;
}
.lyteSequentialFlow .lyteSequentialPlaceholderText::before,
.lyteSequentialFlow .lyteSequentialTextboxHidden::before {
  background-color: #fff;
}
.lyteConnectionFakeContainer,
.lyteConnectionContainer {
  pointer-events: auto;
  position: absolute;
}
lyte-sequential-condition,
lyte-connect-item.lyteSequentialBlockType {
  z-index: 10;
}
.lyteSequentialPlaceholderText,
.lyteSequentialTextboxHidden {
  visibility: hidden;
}
lyte-sequential-group-wrapper {
  display: flex;
  align-items: flex-start;
  margin-top: 20px;
}
.lyteSequentialBranchingType > lyte-sequential-group-wrapper {
  margin-top: 0;
}
/* collapse css */
lyte-sequential-collapsible-item {
  display: none;
}
.lyteSequentialFlow lyte-connect-item lyte-sequential-wrapper.lyteSequentialToggle,
.lyteSequentialFlow lyte-connect-item lyte-sequential-group-wrapper.lyteSequentialToggle {
  display: none;
}
.lyteSequentialToggleAnime {
  transition-property: opacity,transform,height;
  transition-duration: 0.3s;
  transform-origin: top center;
  overflow: hidden;
  transition-timing-function: linear;
}
.lyteSequentialToggleAnimeProps {
  opacity: 0;
  transform: scaleY(0);
  height: 0;
}
.lyteSequentialConnectionAnime {
  transition-property: opacity;
  transition-duration: 0.3s;
}
.lyteSequentialCloseAnime {
  opacity: 0;
}
.lyteFollowupAnime {
  transition-property: transform;
  transition-duration: 0.5s;
}
.lyteSequentialTryCatchType > lyte-sequential-group-wrapper > lyte-sequential-group-container > lyte-sequential-group {
  border: 1px dashed #CBCFD5;
  align-self: flex-start;
}
lyte-connect-item.lyteSequentialTryCatchType > lyte-sequential-group-wrapper > lyte-sequential-group-container > lyte-sequential-group > lyte-sequential-wrapper {
  border: 0;
}
lyte-connect-item.lyteSequentialTryCatchType > lyte-sequential-group-wrapper > lyte-sequential-group-container {
  margin: 40px 20px 30px;
}
.lyteSequentialCollapseVisible {
  display: flex;
  flex-direction: column;
}
lyte-sequential-collapsible-item.lyteSequentialConnectionAnime {
  position: absolute;
}
lyte-sequential-collapsible-item.lyteSequentialConnectionAnime {
  transition-duration: 0.1s;
  transition-delay: 0s;
}
lyte-sequential-wrapper:not(.lyteSequentialToggle) + lyte-sequential-collapsible-item.lyteSequentialConnectionAnime {
  transition-duration: 0.3s;
  transition-delay: 0.1s;
}
.lyteSequentialDraggedConnection,
.lyteSequentialDragged {
  opacity: 0.7;
}
lyte-connect-item.lyteSequentialDroppableElem {
  margin: 0;
  width: 150px;
  height: 0px;
  overflow: hidden;
  transition: height 0.2s ease-out;
}
.lyteSequentialDroppableElem.animate {
  height: 70px;
}
lyte-connect-item.parentNode.lyteSequentialRollback {
  transition: transform 0.2s ease-out;
}
.lyteSequentialDragging {
  user-select: none;
  cursor: move;
}
.lyteSequentialCollapseVisible lyte-connect-item {
  margin: 50px 0 20px 0;
}
.lyteConnectionMarker {
  z-index: -1;
}
/* animation css */
.lyteSequentialFlow .lyteSequentialToggleAnime {
  transition-property: opacity,transform,height,width,left;
  transition-duration: 0.3s;
  transform-origin: center center;
  transition-timing-function: linear;
}
.lyteSequentialFlow .lyteSequentialToggleAnimeProps {
  opacity: 0;
  left: 0;
  height: 0;
  width: 0;
}
.lyteSequentialFlow .lyteSequentialCollapseVisible {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.lyteSequentialFlow .lyteFollowupAnime {
  transition-property: transform;
  transition-duration: 0.5s;
}
.lyteSequentialFlow .lyteSequentialConnectionAnime {
  transition-property: opacity;
  transition-duration: 0.1s;
  transition-timing-function: linear;
}
.lyteSequentialContainerType lyte-sequential-group {
  border: none;
}
.lyteSequentialFlow lyte-connect-item.lyteSequentialContainerType {
  border: 1px dashed #CBCFD5;
  background: transparent;
}
.lyteSequentialContainerType > lyte-sequential-icon {
  width: 30px;
  height: 30px;
  background: #ff9999;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translate(-50%, -17px);
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
lyte-timeline-view {
  display: block;
  font-family: "Zoho_Puvi_Regular", sans-serif;
}
.lyteTimelineViewFixedContainerHeight .lyteTimelineViewTable,
.lyteTimelineViewFixedContainerHeight .lyteTimelineViewContentElem {
  height: 100%;
}
.lyteTimelineViewTable {
  max-height: inherit;
  display: block;
  box-sizing: border-box;
  position: relative;
}
.lyteTimelineViewContentElem {
  --lyte-timelineview-groupby-panel-width: 201px;
  --lyte-timelineview-row-size: 30px;
  --lyte-timelineview-column-size: 200px;
  --lyte-timelineview-column-gridline-temp: 201px;
  display: grid;
  position: relative;
  grid-auto-columns: var(--lyte-timelineview-column-size);
  row-gap: 10px;
  max-height: inherit;
  grid-auto-rows: var(--lyte-timelineview-row-size);
  overflow: auto;
  border-top: 1px solid #d6d6d6;
  border-left: 1px solid #d6d6d6;
}
.lyteTimelineViewContentElem.lyteTimelineViewQuarterwise {
  grid-auto-columns: auto;
}
.lyteTimelineViewNoScroll.lyteTimelineViewContentElem {
  overflow-y: hidden;
}
.lyteTimelineViewWeekwise {
  --lyte-timelineview-column-size: 40px;
  --lyte-timelineview-column-gridline-temp: 41px;
}
.lyteTimelineViewMonthwise {
  --lyte-timelineview-column-size: 20px;
  --lyte-timelineview-column-gridline-temp: 21px;
}
.lyteTimelineViewWithGrouping .lyteTimelineViewContentElem {
  --lyte-timelineview-groupby-column-end: 2;
  grid-auto-rows: unset;
  grid-template-rows: 30px 30px auto;
  row-gap: 0;
}
.lyteTimelineViewWithGrouping .lyteTimelineViewContentElem.lyteTimelineViewWeekwise {
  --lyte-timelineview-groupby-column-end: 6;
}
.lyteTimelineViewWithGrouping .lyteTimelineViewContentElem.lyteTimelineViewMonthwise {
  --lyte-timelineview-groupby-column-end: 11;
}
.lyteTimelineYearHeaderElem,
.lyteTimelineViewHeaderElem,
.lyteTimelineViewHeaderMonthElem {
  grid-column: var(--lyte-timelineview-col-number);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  position: sticky;
  z-index: 5;
  font-size: 12px;
  padding: 10px 0;
}
.lyteTimelineYearHeaderElem span,
.lyteTimelineViewPeriodLabel {
  position: sticky;
  left: 0;
  padding: 0 10px;
}
.lyteTimelineViewTextHighlight {
  font-family: "Zoho_Puvi_Bold", sans-serif;
}
.lyteTimelineViewHeaderPrimaryLabel {
  font-family: "Zoho_Puvi_Bold", sans-serif;
}
.lyteTimelineViewWithGrouping .lyteTimelineYearHeaderElem span,
.lyteTimelineViewWithGrouping .lyteTimelineViewPeriodLabel {
  left: var(--lyte-timelineview-groupby-panel-width);
}
.lyteTimelineViewHeaderMonthElem {
  grid-row: 1;
  top: 0;
  border-left: 1px solid #d6d6d6;
  font-size: 11px;
  margin-bottom: -10px;
  cursor: pointer;
}
.lyteTimelineViewWithGrouping .lyteTimelineViewHeaderElem,
.lyteTimelineViewWithGrouping .lyteTimelineViewHeaderMonthElem {
  grid-column: var(--lyte-timelineview-col-number);
}
.lyteTimelineViewWithGrouping .lyteTimelineViewHeaderMonthElem {
  padding: 10px 20px;
  margin-bottom: 0;
}
/* 
.lyteTimelineViewWeekwise .lyteTimelineViewHeaderMonthElem::before {
	content: "";
	position: absolute;
	height: calc(100% - 5px);
	width: 1px;
	background: #ddd;
	left: 0;
	top: calc(100% + 5px);
	z-index: 1;
}
*/
.lyteTimelineViewDaywise .lyteTimelineViewPrimaryHeaderElem {
  justify-content: flex-start;
  border-left: 1px solid #EDF0F4;
  border-right: 0.5px solid #EDF0F4;
}
.lyteTimelineViewHeaderElem {
  grid-row: 2;
  top: 40px;
  border-bottom: 1px solid #EDF0F4;
  justify-content: center;
}
.lyteTimelineViewSecondaryHeaderElem {
  border-left: 1px solid #EDF0F4;
}
.lyteTimelineViewDaywise .lyteTimelineViewSecondaryHeaderElem {
  border-right: 0.5px solid #EDF0F4;
}
.lyteTimelineViewMonthwise .lyteTimelineViewSecondaryHeaderElem,
.lyteTimelineViewWeekwise .lyteTimelineViewSecondaryHeaderElem {
  border-left: 0;
}
.lyteTimelineViewSecondaryHeaderElem::after {
  content: '';
  position: absolute;
  left: 0;
  width: 1px;
  height: 10px;
  background: #EDF0F4;
  display: block;
  bottom: 0;
}
.lyteTimelineViewDaywise .lyteTimelineViewSecondaryHeaderElem::after,
.lyteTimelineViewQuarterwise .lyteTimelineViewSecondaryHeaderElem::after {
  content: none;
}
.lyteTimelineViewEndOfSection + .lyteTimelineViewSecondaryHeaderElem {
  border-left: 1px solid #d6d6d6;
}
.lyteTimelineViewEndOfSection + .lyteTimelineViewSecondaryHeaderElem::after {
  content: none;
}
.lyteTimelineViewDaywise .lyteTimelineViewHeaderElem {
  cursor: pointer;
}
.lyteTimelineViewDaywise .lyteTimelineViewHeaderMonthElem {
  cursor: default;
}
.lyteTimelineViewWithGrouping .lyteTimelineViewHeaderElem {
  top: 30px;
}
/*
.timelineColumnLine {
	grid-column-start: var(--lyte-timelineview-col-number);
	width: 1px;
	background-color: #ddd;
	grid-row: 2 / var(--lyte-timelineview-row-end);
}
.timelineColumnLine.timelineColumnSeparate {
	z-index: 10;
}
*/
.lyteTimelineViewOverlayDiv,
.lyteTimelineViewHeaderRowWrap,
.lyteTimelineViewHeaderRow,
.timelineColumnLinesContainer,
.lyteTimelineViewArrowContainer,
.lyteTimelineViewEventsContainer {
  display: contents;
}
.lyteTimelineViewEventDiv {
  grid-row: var(--lyte-timelineview-row-number);
  grid-column-start: var(--lyte-timelineview-column-start);
  grid-column-end: var(--lyte-timelineview-column-end);
  border-radius: 15px;
  position: relative;
  display: flex;
  z-index: 1;
}
.lyteTimelineViewWithGrouping .lyteTimelineViewEventDiv {
  grid-column-start: calc(var(--lyte-timelineview-column-start));
  grid-column-end: calc(var(--lyte-timelineview-column-end));
}
.lyteTimelineViewGroupbyContainer {
  grid-row: 3;
  grid-column: 1 / var(--lyte-timelineview-col-number);
  display: grid;
  align-items: flex-start;
  gap: 2px;
  align-self: flex-start;
}
.lyteTimelineViewGroupbyAccordion {
  display: grid;
}
.lyteTimelineViewGroupbyAccordionBody {
  display: grid;
  grid-auto-columns: var(--lyte-timelineview-column-size);
  row-gap: 10px;
  grid-auto-rows: var(--lyte-timelineview-row-size);
  transition: height 0.3s ease, margin 0.3s ease;
  margin: 10px 0;
}
.lyteTimelineViewHasMoreEvent .lyteTimelineViewGroupbyAccordionBody {
  margin-bottom: 0;
}
.lyteTimelineViewQuarterwise .lyteTimelineViewGroupbyAccordionBody {
  grid-auto-columns: auto;
}
.lyteTimelineViewHideAccordion .lyteTimelineViewGroupbyAccordionBody {
  contain: paint;
  height: 0px !important;
  margin: 0;
  z-index: 2;
}
.lyteTimelineViewGroupbyElementHeaderWrap {
  grid-column: 1 / var(--lyte-timelineview-col-number);
  grid-row: 1 / 4;
}
.lyteTimelineViewGroupbyElementHeader {
  position: sticky;
  left: 0;
  top: 0;
  z-index: 10;
  background: #fff;
  padding: 10px 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  border-right: 1px solid #D2D9E0;
  border-bottom: 1px solid #D2D9E0;
  margin-right: -1px;
  width: var(--lyte-timelineview-groupby-panel-width);
  height: 60px;
  box-sizing: border-box;
}
.lyteTimelineViewGroupbyElement {
  display: contents;
}
.lyteTimelineViewGroupbyElementFillBg,
.lyteTimelineViewGroupbyElementLabelWrap {
  grid-row: 1;
  grid-column: 1;
  background: #EFF1F5;
  position: sticky;
  top: 60px;
  cursor: pointer;
}
.lyteTimelineViewGroupbyElementFillBg {
  z-index: 3;
  width: 100%;
}
.lyteTimelineViewGroupbyElementLabelWrap {
  left: 0;
  z-index: 8;
  display: inline-flex;
  align-items: center;
  width: var(--lyte-timelineview-groupby-panel-width);
  padding: 10px 15px 10px 20px;
  box-sizing: border-box;
  border-right: 1px solid #D2D9E0;
}
.lyteTimelineViewGroupbyElementLabelWrap::before {
  content: '';
  height: 2px;
  width: 100%;
  position: absolute;
  display: block;
  top: 100%;
  left: 0;
  border-right: 1px solid #bbb;
  background: #fff;
}
.lyteTimelineViewLastAccordion .lyteTimelineViewGroupbyElementLabelWrap::before {
  content: none;
}
.lyteTimelineViewGroupbyAccordionArrow {
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -13px -1px;
  width: 10px;
  height: 6px;
  margin-left: auto;
  transform: rotate(-180deg);
  transition: transform 0.3s ease;
  flex-shrink: 0;
}
.lyteTimelineViewHideAccordion .lyteTimelineViewGroupbyAccordionArrow {
  transform: rotate(0deg);
}
.lyteTimelineViewGroupbySubgroup {
  position: sticky;
  left: 0;
  z-index: 7;
  grid-row: 1 / span var(--lyte-timelineview-row-end);
  grid-column: 1 / 3;
  width: calc(var(--lyte-timelineview-groupby-panel-width) - 1px);
  background-color: #fff;
  border-right: 1px solid #D2D9E0;
  margin-right: -1px;
  margin-top: -10px;
  margin-bottom: -2px;
}
.lyteTimelineViewHasMoreEvent .lyteTimelineViewGroupbySubgroup {
  grid-row: 1 / calc(var(--lyte-timelineview-row-end) + 1);
}
.lyteTimelineViewLastAccordion .lyteTimelineViewGroupbySubgroup {
  margin-bottom: 0;
}
.lyteTimeLineViewGroupbyDummyPanel {
  height: calc(100% - 60px);
  width: var(--lyte-timelineview-groupby-panel-width);
  background: #fff;
  position: sticky;
  z-index: 7;
  left: 0;
  border-right: 1px solid #bbb;
  box-sizing: border-box;
}
.lyteTimelineViewLastAccordion.lyteTimelineViewGroupbyAccordion .lyteTimelineViewOverlay {
  margin-bottom: 0;
  background-color: transparent;
}
.lyteTimelineViewBg {
  background-image: repeating-linear-gradient(to right, transparent 1px var(--lyte-timelineview-column-size), #EDF0F4 var(--lyte-timelineview-column-size) var(--lyte-timelineview-column-gridline-temp));
  pointer-events: none;
  grid-column: 1 / span var(--lyte-timelineview-col-number);
  grid-row: 3 / span var(--lyte-timelineview-row-end);
  margin-top: -10px;
  position: relative;
}
.lyteTimelineViewWithGrouping .lyteTimelineViewBg {
  grid-row: 3 / 4;
  grid-column: var(--lyte-timelineview-groupby-column-end) / var(--lyte-timelineview-col-number);
  margin-bottom: -2px;
}
.lyteTimelineViewHasMoreEvent .lyteTimelineViewBg {
  grid-row: 1 / calc(var(--lyte-timelineview-row-end) + 1);
}
.lyteTimelineViewEvent {
  --lyte-timelineview-eventbg: #F7D8C0;
  --lyte-timelineview-resize-color: #db5700;
  --lyte-timelineview-event-text-color: #313949;
  color: var(--lyte-timelineview-event-text-color);
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 20px;
  display: flex;
  align-items: center;
  background-color: var(--lyte-timelineview-eventbg);
}
.lyteTimelineViewEvent lyte-yield[yield-name="timeline-event"] {
  position: sticky;
  padding: 0 15px;
  left: 30px;
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
}
.lyteTimelineViewEvent lyte-yield.lyteTimelineViewEventAbsoluteText {
  left: 100%;
  position: absolute;
  cursor: text;
  color: #313949;
}
.lyteTimelineViewAbsoluteEvent.lyteTimelineViewEvent lyte-yield,
.lyteTimelineViewAbsoluteEvent .lyteTimelineViewEvent lyte-yield {
  color: #313949;
}
.lyteTimelineViewEvent.LyteTimelineViewGroupBy lyte-yield {
  left: calc(var(--lyte-timelineview-groupby-panel-width) + 30px);
}
.lyteTimelineViewEvent.LyteTimelineViewGroupBy lyte-yield.lyteTimelineViewEventAbsoluteText {
  left: 100%;
}
.lyteTimelineViewArrow {
  display: flex;
  grid-row: 3;
  grid-column: 1/var(--lyte-timelineview-col-number);
  align-items: center;
}
.lyteTimelineViewArrowBox {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.5);
  margin-right: 5px;
  flex-shrink: 0;
  position: sticky;
  z-index: 2;
  cursor: pointer;
}
.lyteTimelineViewArrowBox:hover {
  background: #ffffff;
}
.lyteTimelineViewArrowBox::before {
  content: '';
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -42px 0;
  width: 6px;
  height: 10px;
}
.lyteTimelineViewLeftArrow.lyteTimelineViewHideArrow ~ .lyteTimelineViewArrowSeparator {
  margin-left: auto;
}
.lyteTimelineViewLeftArrow {
  left: 10px;
}
.lyteTimelineViewWithGrouping .lyteTimelineViewLeftArrow {
  left: calc(var(--lyte-timelineview-groupby-panel-width) + 10px);
}
.lyteTimelineViewLeftArrow ~ .lyteTimelineViewArrowText {
  left: 40px;
}
.lyteTimelineViewLeftArrow.lyteTimelineViewHideArrow ~ .lyteTimelineViewArrowText {
  left: unset;
  right: 40px;
}
.lyteTimelineViewWithGrouping .lyteTimelineViewRightArrow.lyteTimelineViewHideArrow ~ .lyteTimelineViewArrowText {
  left: calc(var(--lyte-timelineview-groupby-panel-width) + 40px);
}
.lyteTimelineViewRightArrow {
  left: calc(100% - 20px);
}
.lyteTimelineViewArrow .lyteTimelineViewLeftArrow.lyteTimelineViewArrowBox::before {
  transform: rotate(180deg);
}
.lyteTimelineViewRightArrow + .lyteTimelineViewArrowText,
.lyteTimelineViewEventArrow .lyteTimelineViewRightArrow.lyteTimelineViewArrowBox {
  transform: translateX(-10px);
}
.lyteTimelineViewArrowText {
  position: sticky;
  max-width: 200px;
  z-index: 1;
}
.lyteTimelineViewArrowText.lyteTimelineViewArrowTextHide,
.lyteTimelineViewHideArrow {
  display: none;
}
.LyteTimelineViewGroupBy.event .lyteTimelineViewDue,
.lyteTimelineViewDue {
  position: absolute;
  left: calc(100% - 24px);
  width: 100px;
  z-index: -1;
  display: flex;
  background-color: inherit;
  justify-content: flex-end;
  top: 1px;
  bottom: 1px;
  border-radius: 15px;
  align-items: center;
  padding: 0 10px;
  box-sizing: border-box;
}
.lyteTimelineViewDue::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #c2bcbc;
  mix-blend-mode: soft-light;
  border-radius: 15px;
  z-index: -1;
}
.lyteTimelineViewDue > span {
  padding: 2px 5px;
  display: block;
  background: #fff;
  font-size: 12px;
  color: #313949;
  border-radius: 10px;
}
.lyteTimelineViewLoadMore {
  grid-row: var(--lyte-timelineview-row-end);
  position: relative;
  background: #F2F7FB;
  border: 1px solid transparent;
  display: flex;
  align-items: center;
  cursor: pointer;
  z-index: 1;
}
.lyteTimelineViewLoadMore:hover {
  background: #E7F2FF80;
  border: 1px solid #B2D2FF;
}
.lyteTimelineViewLoadMoreLabel {
  position: sticky;
  left: calc(50% + var(--lyte-timelineview-groupby-panel-width) / 2);
  transform: translateX(-50%);
  display: inline-block;
  color: #338CF0;
  font-size: 14px;
}
.lyteTimelineViewHideLoadmore {
  display: none;
}
.lyteTimeLineViewNoEnd.draggable-handle-element,
.lyteTimeLineViewNoEnd .lyteTimelineViewEvent {
  border-radius: 20px 0 0 20px;
}
.lyteTimeLineViewNoEnd .lyteTimeLineViewNoEndElem {
  position: absolute;
  width: 100px;
  height: 100%;
  top: 0;
  left: calc(100% + 2px);
  transform: skewX(-20deg);
  background: linear-gradient(to right, var(--lyte-timelineview-eventbg) 0px, var(--lyte-timelineview-eventbg) 4px, transparent 4px, transparent 6px, var(--lyte-timelineview-eventbg) 6px, var(--lyte-timelineview-eventbg) 19px, transparent 19px, transparent 21px, var(--lyte-timelineview-eventbg) 21px, var(--lyte-timelineview-eventbg) 34px, transparent 34px, transparent 37px, var(--lyte-timelineview-eventbg) 37px, var(--lyte-timelineview-eventbg) 46px, transparent 46px, transparent 50px, var(--lyte-timelineview-eventbg) 50px, var(--lyte-timelineview-eventbg) 57px, transparent 57px, transparent 63px, var(--lyte-timelineview-eventbg) 63px, var(--lyte-timelineview-eventbg) 68px, transparent 68px, transparent 76px, var(--lyte-timelineview-eventbg) 76px, var(--lyte-timelineview-eventbg) 79px, transparent 79px, transparent 87px, var(--lyte-timelineview-eventbg) 87px, var(--lyte-timelineview-eventbg) 89px, transparent 89px, transparent 99px, var(--lyte-timelineview-eventbg) 99px, var(--lyte-timelineview-eventbg) 100px);
}
.lyteTimeLineViewNoEnd .lyteTimeLineViewNoEndElem::before {
  content: '';
  width: 9px;
  height: 90%;
  background: var(--lyte-timelineview-eventbg);
  position: absolute;
  left: -8px;
}
.lyteTimelineViewEventResizeHandler {
  position: absolute;
  width: 13px;
  cursor: ew-resize;
  z-index: 1;
  top: 3px;
  bottom: 3px;
  visibility: hidden;
  display: flex;
  justify-content: space-between;
  padding: 0 5px;
  box-sizing: border-box;
}
.lyteTimelineViewLeft {
  left: 3px;
  border-radius: 20px 0 0 20px;
}
.lyteTimelineViewRight {
  right: 3px;
  border-radius: 0 20px 20px 0;
}
.lyteTimelineViewResizeHandlerPosInCenter .lyteTimelineViewEventResizeHandler {
  right: unset;
  left: 50%;
  transform: translateX(-50%);
}
.lyteTimelineViewShowResizeHandles .lyteTimelineViewEventResizeHandler {
  visibility: visible;
}
.lyteTimelineViewEvent.lyteTimelineViewEventDrag:hover .lyteTimelineViewEventResizeHandler {
  visibility: hidden;
}
.lyteTimelineViewEventResizeHandler::before,
.lyteTimelineViewEventResizeHandler::after {
  content: '';
  width: 1px;
  margin: 5px 0;
  background-color: var(--lyte-timelineview-resize-color);
  border-radius: 2px;
}
.lyteTimelineViewOnResize {
  outline-offset: -1px;
  outline: 1px dashed var(--lyte-timelineview-event-outline-color);
}
.lyteTimelineViewToday {
  grid-column-start: var(--lyte-timelineview-today-column-start);
  display: flex;
  flex-direction: column;
  align-items: center;
  position: sticky;
  top: 0;
  padding-top: 10px;
  box-sizing: border-box;
  grid-row: 1;
  z-index: 6;
  pointer-events: none;
}
.lyteTimelineViewToday.lyteTimelineViewTodayNotInView {
  align-items: flex-start;
}
.lyteTimelineViewTodayLineDiv {
  flex-grow: 1;
  display: flex;
}
.lyteTimelineViewTodayLine {
  width: 1px;
  background: #FF1B1B;
}
.lyteTimelineViewTodayText {
  background: #323949;
  color: #fff;
  font-size: 12px;
  padding: 3px 10px;
  border-radius: 5px;
  position: relative;
  pointer-events: auto;
  white-space: nowrap;
}
.lyteTimelineViewTodayNotInView .lyteTimelineViewTodayText {
  padding: 5px 10px;
  transform: translateX(calc(-50% + 0.5px));
}
.lyteTimelineViewQuarterwise .lyteTimelineViewTodayText {
  position: absolute;
  transform: translateX(calc(-50% + 0.5px));
}
.lyteTimelineViewQuarterwise .lyteTimelineViewTodayLineDiv {
  position: absolute;
  height: calc(100% - 35px);
  top: 35px;
  z-index: -1;
}
.lyteTimelineViewTodayText::after {
  content: ' ';
  position: absolute;
  left: 50%;
  top: 100%;
  height: 8px;
  width: 8px;
  background: #323949;
  transform: translate(-50%, -50%) rotate(45deg);
}
.lyteTimelineViewGroupbyCount {
  flex-shrink: 0;
  margin: 0 5px;
}
.lyteTimelineViewGroupbyCount .lyteBadge {
  min-width: 20px;
  min-height: 20px;
  padding: 2px 5px;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #B7D6FB;
  border-radius: 10px;
  position: static;
  transform: unset;
}
.lyteTimelineViewGroupbyCount .lyteBadgeContent {
  font-size: 11px;
  color: #313949;
}
.lyteTimelineViewQuarterwise .lyteTimelineYearHeaderElem {
  grid-column-end: span 12;
  grid-row: 1;
  top: 0;
  padding: 0;
  align-items: flex-end;
  justify-content: flex-start;
  padding-left: 10px;
}
.lyteTimelineViewQuarterwise .lyteTimelineYearHeaderElem > div {
  position: sticky;
  left: 10px;
}
.lyteTimelineViewQuarterwise .lyteTimelineViewHeaderElem {
  width: calc(var(--lyte-timelineview-lineCount) * var(--lyte-timelineview-column-size));
  box-sizing: border-box;
  padding: 0;
}
.lyteTimelineViewQuarterwise .lyteTimelineViewBg {
  grid-row: 3 / span var(--lyte-timelineview-row-end);
}
.lyteTimelineViewQuarterwise .lyteTimelineViewGroupbyAccordion .lyteTimelineViewBg {
  grid-row-start: 1;
}
.lyteTimelineViewQuarterwise .lyteTimelineViewEndOfSection + .lyteTimelineViewSecondaryHeaderElem {
  border-left: 1px solid #d6d6d6;
}
.lyteTimelineViewHoverCardDiv {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 6;
  pointer-events: none;
  border: 1px solid #338CF0;
  display: flex;
  flex-direction: column-reverse;
  border-radius: 5px;
  box-shadow: 0px 0px 10px 0px #0000001A;
  box-sizing: border-box;
  overflow: hidden;
}
.lyteTimelineViewHoverCardHide {
  display: none;
}
.lyteTimelineViewHoverCardLoading {
  width: 100%;
  height: 100px;
  background-color: #EDF0F4;
  align-content: center;
  justify-content: center;
}
.lyteTimelineViewHoverCard {
  width: 100%;
  background-color: #EDF0F4;
}
.lyteTimelineViewDragSourceElem {
  opacity: 0.6;
}
.lyteTimelineViewDragPlaceholder {
  border: 1px dashed #000;
  z-index: 5;
  display: flex;
}
.lyteTimelineViewHeaderElem.lyteTimelineViewHoliday,
.lyteTimelineViewHeaderElem.lyteTimelineViewWeekEnd {
  color: #8B9BB8;
}
.lyteTimelineViewOverlay {
  grid-column-start: var(--lyte-timelineview-col-number);
  grid-row: 3 / span var(--lyte-timelineview-row-end);
  background-color: #F8FAFF;
  margin-top: -10px;
  border-right: 1px solid #d6d6d6;
  border-left: 1px solid #d6d6d6;
  margin-left: 0;
  margin-right: -1px;
  background-image: repeating-linear-gradient(to right, transparent 0px calc(var(--lyte-timelineview-column-size) - 1px), #EDF0F4 calc(var(--lyte-timelineview-column-size) - 1px) var(--lyte-timelineview-column-size));
}
.lyteTimelineViewDaywise .lyteTimelineViewOverlay {
  background-image: none;
}
.lyteTimelineViewOverlay.lyteTimelineViewEvenSection {
  background-color: transparent;
}
.lyteTimelineViewWithGrouping .lyteTimelineViewOverlay {
  grid-row: 3 / 4;
  grid-column-start: var(--lyte-timelineview-col-number);
  margin-bottom: -2px;
}
.lyteTimelineViewGroupbyAccordionBody .lyteTimelineViewOverlay {
  visibility: hidden;
  grid-row: 1;
}
.lyteTimelineViewHasMoreEvent .lyteTimelineViewOverlay {
  grid-row: 1 / calc(var(--lyte-timelineview-row-end) + 1);
}
.lyteTimelineViewOverlay.lyteTimelineViewOddQuarter {
  background-color: transparent;
}
.lyteTimelineViewQuarterwise .lyteTimelineViewOverlay {
  display: grid;
  grid-template-columns: repeat(var(--lyte-timelineview-lineCount), 1fr);
  width: calc(var(--lyte-timelineview-lineCount) * var(--lyte-timelineview-column-size));
  box-sizing: border-box;
  border-right: 0;
  border-left: 1px solid #EDF0F4;
  margin-left: 0;
  margin-right: 0;
  background-image: unset;
}
.lyteTimelineQuarterViewLines {
  grid-column: var(--lyte-timelineView-count);
  width: 1px;
  background: #EDF0F4;
}
.lyteTimelineViewQuarterwise .lyteTimelineViewEvenQuarter + .lyteTimelineViewOddQuarter,
.lyteTimelineViewQuarterwise .lyteTimelineViewOddQuarter + .lyteTimelineViewEvenQuarter {
  border-left: 1px solid #d6d6d6;
}
.lyteTimelineViewNoResultDiv {
  margin-top: 10px;
  display: flex;
  align-items: center;
  grid-row: 3 / span calc(var(--lyte-timelineview-row-end));
}
.lyteTimelineViewNoResultLabel {
  position: sticky;
  left: 50%;
  transform: translateX(-50%);
  color: #777;
  font-size: 18px;
}
.lyteTimelineViewGroupbyContainer .lyteTimelineViewNoResultLabel {
  left: calc(50% + var(--lyte-timelineview-groupby-panel-width) / 2);
}
.lyteTimelineViewLoading {
  grid-column: 1 / var(--lyte-timelineview-col-number);
  grid-row: calc(var(--lyte-timelineview-row-end) + 2);
}
.lyteTimelineViewLoadingYield,
.lyteTimelineViewLoading lyte-loader {
  position: sticky;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 30px;
}
.lyteTimelineViewGroupbyContainer .lyteTimelineViewLoading {
  grid-row: var(--lyte-timelineview-row-end);
}
.lyteTimelineViewGroupbyContainer .lyteTimelineViewLoadingYield,
.lyteTimelineViewGroupbyContainer .lyteTimelineViewLoading lyte-loader {
  left: calc(50% + var(--lyte-timelineview-groupby-panel-width) / 2);
}
.lyteTimelineViewLoading .ltexitdiv {
  display: none;
}
.lyteTimelineViewLoading .ltspindiv {
  height: auto;
}
.lyteTimelineViewLoading .ltLoaderSpin {
  width: 28px;
  height: 28px;
}
.lyteTimelineViewNoRecordFound.lyteTimelineViewGroupbyAccordionBody {
  margin-top: 0;
}
.lyteTimelineViewGroupbyAccordionBody .lyteTimelineViewNoResultDiv {
  grid-row: 1;
}
.lyteTimelineViewOnEventResize * {
  cursor: ew-resize;
}
.lyteTimelineViewOnEventResize .draggable-element {
  cursor: ew-resize;
}
.lyteTimelineViewDisableResize.lyteTimelineViewEventResizeHandler {
  display: none;
}
.lyteTimelineViewDisableUserSelect,
.lyteTimelineViewDisableUserSelect * {
  -webkit-user-select: none;
  user-select: none;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/*  Git graph related CSS BEGINS    */
lyte-commit-graph {
  display: block;
}
.lyteCommitGraphWrapper {
  position: relative;
  overflow: hidden;
  width: 400px;
  height: 100%;
}
.lyteCommitsWrapper {
  position: relative;
  overflow: hidden;
  width: 100% !important;
  height: 100% !important;
}
.lyteCommitGraphCommits {
  height: 100%;
  overflow: auto;
}
.lyteCommitGraphCard {
  height: 50px;
  width: 100%;
  display: block;
  overflow: hidden;
}
lyte-commit-graph .lyteConnectionMarker {
  width: 1000px;
  height: 10000px;
  z-index: 1000;
  pointer-events: none;
}
lyte-commit-graph .lyteConnectionPath {
  stroke-width: 1px !important;
}
.lyteCommitGraphDummyTargets,
.lyteCommitGraphDummyTargetsTop {
  width: 100%;
  height: 38px;
  position: absolute;
  border: solid 1px transparent;
}
.lyteCommitGraphDummyTargetsTop {
  top: -100px;
}
.lyteCommitGraphDummyTargets {
  bottom: -200px;
}
.lyteCommitGraphLiWrapper {
  cursor: pointer;
  padding-right: 5px;
  width: 100%;
  height: 50px;
  font-family: "Zoho_Puvi_Medium", sans-serif;
  font-size: 12px;
  display: flex;
  overflow: hidden;
  border: solid 1px transparent;
  border-radius: 16px;
  box-sizing: border-box;
  padding-left: 15px;
}
.lyteCommitGraphLiWrapper:hover {
  background: #eee;
  border-color: #eee;
}
.lyteCommitGraphLi:hover {
  background-color: var(--graph-color);
}
.lyteCommitGraphLiActive {
  background-color: var(--graph-color);
}
.lyteCommitGraphLiHead {
  justify-content: space-between;
  align-items: center;
  padding: 5px;
}
.lyteCommitGraphLiHead .lyteCommitGraphLiAuthor {
  padding-right: 5px;
}
.lyteCommitGraphLinkWrap,
.lyteCommitGraphLinkDummyWrap {
  margin-right: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.lyteCommitGraphLinkWrap {
  padding-left: calc(var(--padding-var) * 10px);
}
.lyteCommitGraphDetailsWrap {
  position: absolute;
  height: 100%;
  left: calc(20px + (var(--left-intent) * 10px));
  right: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.lyteCommitGraphDummyTargets .lyteCommitGraphLinkDummyWrap {
  bottom: 0;
}
.lyteCommitGraphDummyTargetsTop .lyteCommitGraphLinkDummyWrapTop {
  top: 0;
}
.lyteCommitGraphLinkDummyWrapTop,
.lyteCommitGraphLinkDummyWrap {
  position: absolute;
  left: calc(var(--dummy-node-left) * 10px);
  margin: 0px 15px;
}
.lyteCommitGraphLink,
.lyteCommitGraphDummyLink,
.lyteCommitGraphDummyLinkTop {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: block;
  background: #ccc;
}
.lyteCommitGraphDummyLink,
.lyteCommitGraphDummyLinkTop {
  border: solid 1px #ccc;
}
.lyteCommitGraphLiMessage {
  color: var(--primary-font-color);
  margin-left: calc(var(--margin-var) * 10px);
  flex-basis: 50%;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.lyteCommitGraphLiMoreDets {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-basis: 50%;
}
.lyteCommitGraphLiAuthor,
.lyteCommitGraphLiDate,
.lyteCommitGraphLiBranch {
  font-size: 9px;
  color: #8f8f8f;
}
.lyteCommitGraphLiBranch {
  display: flex;
  gap: 2px;
}
.lyteCommitGraphLiDate {
  margin-right: 5px;
}
.lyteCommitGraphLiBranch span {
  padding: 1px 5px;
}
.lyteCommitGraphHead {
  background: #000;
}
.lyteCommitGraphTag {
  background: #24d5b4;
  color: #fff;
}
.lyteCommitGraphCard[graph-intent-level="0"] .lyteCommitGraphOrigin {
  border-left: solid 2px #000;
  background: #f2f2f2;
}
.lyteCommitGraphCard[graph-intent-level="1"] .lyteCommitGraphOrigin {
  border-left: solid 2px #0bff75;
  background: #f2f2f2;
}
.lyteCommitGraphCard[graph-intent-level="2"] .lyteCommitGraphOrigin {
  border-left: solid 2px #ff685f;
  background: #f2f2f2;
}
.lyteCommitGraphCard[graph-intent-level="3"] .lyteCommitGraphOrigin {
  border-left: solid 2px #56a3eb;
  background: #f2f2f2;
}
.lyteCommitGraphCard[graph-intent-level="4"] .lyteCommitGraphOrigin {
  border-left: solid 2px #474bb9;
  background: #f2f2f2;
}
.lyteCommitGraphCard[graph-intent-level="5"] .lyteCommitGraphOrigin {
  border-left: solid 2px #24d5b4;
  background: #f2f2f2;
}
.lyteCommitBox_0 .lyteCommitGraphLink {
  background-color: #000000;
  border: solid 1px #000000;
}
.lyteCommitBox_2 .lyteCommitGraphLink {
  background-color: #ff685f;
  border: solid 1px #ff685f;
}
.lyteCommitBox_3 .lyteCommitGraphLink {
  background-color: #56a3eb;
  border: solid 1px #56a3eb;
}
.lyteCommitBox_4 .lyteCommitGraphLink {
  background-color: #474bb9;
  border: solid 1px #474bb9;
}
.lyteCommitBox_5 .lyteCommitGraphLink {
  background-color: #24d5b4;
  border: solid 1px #24d5b4;
}
.lyteCommitBox_1 .lyteCommitGraphLink {
  background-color: #0bff75;
  border: solid 1px #0bff75;
}
.lyteCommitBoxLine_0 .lyteConnectionPath {
  stroke: #000000;
}
.lyteCommitBoxLine_2 .lyteConnectionPath {
  stroke: #ff685f;
}
.lyteCommitBoxLine_3 .lyteConnectionPath {
  stroke: #56a3eb;
}
.lyteCommitBoxLine_4 .lyteConnectionPath {
  stroke: #474bb9;
}
.lyteCommitBoxLine_5 .lyteConnectionPath {
  stroke: #24d5b4;
}
.lyteCommitBoxLine_1 .lyteConnectionPath {
  stroke: #0bff75;
}
.lyteCommitConnectBox .lyteCommitGraphLink {
  width: 6px;
  height: 6px;
  position: relative;
  border-radius: 50%;
  background: unset;
}
.lyteCommitConnectBox .lyteCommitGraphLink::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
}
.lyteCommitBox_0.lyteCommitConnectBox .lyteCommitGraphLink {
  border: 1px solid #000;
}
.lyteCommitBox_0.lyteCommitConnectBox .lyteCommitGraphLink::before {
  background: #000;
}
.lyteCommitBox_2.lyteCommitConnectBox .lyteCommitGraphLink {
  border: 1px solid #ff685f;
}
.lyteCommitBox_2.lyteCommitConnectBox .lyteCommitGraphLink::before {
  background: #ff685f;
}
.lyteCommitBox_3.lyteCommitConnectBox .lyteCommitGraphLink {
  border: 1px solid #56a3eb;
}
.lyteCommitBox_3.lyteCommitConnectBox .lyteCommitGraphLink::before {
  background: #56a3eb;
}
.lyteCommitBox_4.lyteCommitConnectBox .lyteCommitGraphLink {
  border: 1px solid #474bb9;
}
.lyteCommitBox_4.lyteCommitConnectBox .lyteCommitGraphLink::before {
  background: #474bb9;
}
.lyteCommitBox_5.lyteCommitConnectBox .lyteCommitGraphLink {
  border: 1px solid #24d5b4;
}
.lyteCommitBox_5.lyteCommitConnectBox .lyteCommitGraphLink::before {
  background: #24d5b4;
}
.lyteCommitBox_1.lyteCommitConnectBox .lyteCommitGraphLink {
  border: 1px solid #0bff75;
}
.lyteCommitBox_1.lyteCommitConnectBox .lyteCommitGraphLink::before {
  background: #0bff75;
}
.lyteCommitBoxDashedLine path {
  stroke-dasharray: 3px 2px;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
.lyteCropArea,
.displayImage,
.lyteCropBox {
  position: relative;
}
.lyteCropArea {
  background: #eee;
  direction: ltr;
}
.lyteCropBox {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.displayArea,
.displayImageDiv {
  position: absolute;
}
.lyteCropFixedImage {
  position: absolute;
  transform: rotate(0deg);
  left: 0;
  top: 0;
}
.lyteCropFixedDiv {
  height: 100%;
}
.lyteCropTopLeftCorner,
.lyteCropTopRightCorner,
.lyteCropBottomRightCorner,
.lyteCropBottomLeftCorner {
  width: 10px;
  height: 10px;
  background: #fff;
  z-index: 16;
  position: absolute;
}
.lyteCropTopLeftCorner {
  top: -5px;
  left: -5px;
  cursor: nwse-resize;
}
.lyteCropTopRightCorner {
  top: -5px;
  right: -5px;
  cursor: nesw-resize;
}
.lyteCropBottomRightCorner {
  bottom: -5px;
  right: -5px;
  cursor: nwse-resize;
}
.lyteCropBottomLeftCorner {
  bottom: -5px;
  left: -5px;
  cursor: nesw-resize;
}
.lyteCropTopEdge,
.lyteCropBottomEdge,
.lyteCropRightEdge,
.lyteCropLeftEdge {
  position: absolute;
  z-index: 15;
  display: flex;
}
.lyteCropTopEdge,
.lyteCropBottomEdge {
  left: 0;
  right: 0;
  height: 10px;
  justify-content: center;
  cursor: ns-resize;
}
.lyteCropRightEdge,
.lyteCropLeftEdge {
  top: 0;
  bottom: 0;
  width: 10px;
  align-items: center;
  cursor: ew-resize;
}
.lyteCropTopEdge {
  top: -5px;
}
.lyteCropBottomEdge {
  bottom: -5px;
}
.lyteCropRightEdge {
  right: -5px;
}
.lyteCropLeftEdge {
  left: -5px;
}
.lyteCropRightSpan,
.lyteCropLeftSpan,
.lyteCropBottomSpan,
.lyteCropTopSpan {
  width: 10px;
  height: 10px;
  background: #fff;
  pointer-events: none;
}
.lyteCropDivImage {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}
.lyteCropDivImageImg {
  position: absolute;
  z-index: 10;
}
.lyteCropCropper {
  background: rgba(255, 255, 255, 0.3);
  cursor: move;
  position: absolute;
  top: 0;
  left: 0;
}
.lyteCropperInfoBox {
  position: absolute;
  z-index: 100;
}
.lyteCropOpacityDiv {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #333;
  opacity: 0.9;
  transition: opacity 0.1s ease;
}
.lytecropVerGrid1,
.lytecropVerGrid2,
.lytecropHorGrid1,
.lytecropHorGrid2 {
  position: absolute;
  pointer-events: none;
  opacity: 0;
  z-index: 12;
  transition: opacity 0.3s ease;
}
.lytecropVerGrid1,
.lytecropVerGrid2 {
  border-right: 1px dashed #ccc;
  top: 0;
  bottom: 0;
}
.lytecropHorGrid1,
.lytecropHorGrid2 {
  border-top: 1px dashed #ccc;
  right: 0;
  left: 0;
}
.lytecropVerGrid1 {
  right: 33%;
}
.lytecropVerGrid2 {
  right: 66%;
}
.lytecropHorGrid1 {
  top: 33%;
}
.lytecropHorGrid2 {
  top: 66%;
}
.lytePSParent {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.lytePSBackImage,
.lytePSFrontImage {
  position: absolute;
  pointer-events: none;
}
.lytePSFreezeLayer {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: #333;
  opacity: 0.5;
}
.lytePSvisualArea {
  position: absolute;
  overflow: hidden;
  border-radius: 10px;
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
.draggable-handle-element {
  cursor: move;
}
.lyteSortableParent .lyteDraggablePlaceholder {
  background: #f6fad2;
  border: 1px solid #edf2c3;
  box-sizing: border-box;
}
.lyteSortableParent .lyteDraggableDisabledPlaceholder {
  background: #f5c7c7;
  border: 1px solid #f4a7a7;
  box-sizing: border-box;
}
.stopDefaultMove {
  touch-action: none;
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
:root {
  --lyte-landmark-section-role-color: #0984E3;
  --lyte-landmark-banner-role-color: brown;
  --lyte-landmark-complementary-role-color: green;
  --lyte-landmark-contentinfo-role-color: #E74C3C;
  --lyte-landmark-form-role-color: #000;
  --lyte-landmark-main-role-color: #F2A62E;
  --lyte-landmark-navigation-role-color: #3c98dd;
  --lyte-landmark-search-role-color: #da3e3e;
  --lyte-landmark-region-role-color: #df19df;
}
.lyteLandmarkMenuButtonWrap {
  display: flex;
  align-items: center;
  position: fixed;
  top: 20px;
  left: 20px;
  background: #fff;
  padding: 10px;
  border-radius: 5px;
  z-index: 20;
  box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);
  gap: 5px;
}
.lyteLandmarkDragIcon {
  display: flex;
  padding: 5px;
  gap: 3px;
}
.lyteLandmarkDragIcon::before,
.lyteLandmarkDragIcon::after {
  content: '';
  -webkit-mask-image: url(../../images/sprite_lyte.svg);
  -webkit-mask-position: -294px -4px;
  mask-image: url(../../images/sprite_lyte.svg);
  mask-position: -294px -4px;
  width: 3px;
  height: 13px;
  background-color: #777;
}
.lyteLandmarkDragIcon:hover::before,
.lyteLandmarkDragIcon:hover::after {
  background: #333;
}
.lyteLandmarkButton lyte-icon.dropdown {
  display: inline-block;
  vertical-align: middle;
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -1px -2px;
  width: 8px;
  height: 4px;
  opacity: 0.5;
  margin-left: 5px;
}
.lyteLandmarkButton.lyteMenuSelected .lyte-button,
.lyteLandmarkButtonHighlight .lyte-button {
  border: 1px solid #7fceef;
}
.ltLandmarkRoot [lt-prop-landmark][role] {
  position: relative;
  /* outline-offset: calc(-1 * var(--lyte-landmark-border-size)); */
}
.ltLandmarkRoot .ltLandmarkAbsoluteElem[lt-prop-landmark][role] {
  position: absolute;
}
.ltLandmarkRoot [lt-prop-landmark][role="section"] {
  outline: var(--lyte-landmark-border-size) solid var(--lyte-landmark-section-role-color);
}
.ltLandmarkRoot [lt-prop-landmark][role="banner"] {
  outline: var(--lyte-landmark-border-size) solid var(--lyte-landmark-banner-role-color);
}
.ltLandmarkRoot [lt-prop-landmark][role="complementary"] {
  outline: var(--lyte-landmark-border-size) solid var(--lyte-landmark-complementary-role-color);
}
.ltLandmarkRoot [lt-prop-landmark][role="contentinfo"] {
  outline: var(--lyte-landmark-border-size) solid var(--lyte-landmark-contentinfo-role-color);
}
.ltLandmarkRoot [lt-prop-landmark][role="form"] {
  outline: var(--lyte-landmark-border-size) solid var(--lyte-landmark-form-role-color);
}
.ltLandmarkRoot [lt-prop-landmark][role="main"] {
  outline: var(--lyte-landmark-border-size) solid var(--lyte-landmark-main-role-color);
}
.ltLandmarkRoot [lt-prop-landmark][role="navigation"] {
  outline: var(--lyte-landmark-border-size) solid var(--lyte-landmark-navigation-role-color);
}
.ltLandmarkRoot [lt-prop-landmark][role="search"] {
  outline: var(--lyte-landmark-border-size) solid var(--lyte-landmark-search-role-color);
}
.ltLandmarkRoot [lt-prop-landmark][role="region"] {
  outline: var(--lyte-landmark-border-size) solid var(--lyte-landmark-region-role-color);
}
.ltLandmarkRoot [lt-prop-landmark][role]::after {
  content: attr(landmark-display-label);
  position: absolute;
  font-size: 10px;
  top: 0;
  right: 0;
  padding: 2px 4px;
  color: #fff;
}
.ltLandmarkRoot [lt-prop-landmark][role="section"]::after {
  background-color: var(--lyte-landmark-section-role-color);
}
.ltLandmarkRoot [lt-prop-landmark][role="banner"]::after {
  background-color: var(--lyte-landmark-banner-role-color);
}
.ltLandmarkRoot [lt-prop-landmark][role="complementary"]::after {
  background-color: var(--lyte-landmark-complementary-role-color);
}
.ltLandmarkRoot [lt-prop-landmark][role="contentinfo"]::after {
  background-color: var(--lyte-landmark-contentinfo-role-color);
}
.ltLandmarkRoot [lt-prop-landmark][role="form"]::after {
  background-color: var(--lyte-landmark-form-role-color);
}
.ltLandmarkRoot [lt-prop-landmark][role="main"]::after {
  background-color: var(--lyte-landmark-main-role-color);
}
.ltLandmarkRoot [lt-prop-landmark][role="navigation"]::after {
  background-color: var(--lyte-landmark-navigation-role-color);
}
.ltLandmarkRoot [lt-prop-landmark][role="search"]::after {
  background-color: var(--lyte-landmark-search-role-color);
}
.ltLandmarkRoot [lt-prop-landmark][role="region"]::after {
  background-color: var(--lyte-landmark-region-role-color);
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
/*  Mentions Input Related CSS Begins   */
.lyteMIWrapper {
  width: 400px;
  position: relative;
  background: #fff;
  border-radius: 2px;
}
.lyteMIWrapper textarea {
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  font-size: 15px;
  line-height: 22px;
  height: 40px;
  min-height: 40px;
  display: block;
  padding: 8px;
  color: #111;
  overflow: hidden;
  background: transparent;
  position: relative;
  outline: 0;
  resize: none;
  box-sizing: border-box;
}
.lyteMIWrapper textarea::placeholder {
  color: #777;
}
.lyteMIOffsetDiv {
  position: fixed;
  visibility: hidden;
  top: -9999px;
  left: -9999px;
}
.lyteMIDropdown {
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  display: none;
  background: #fff;
  border: 1px solid #d6d6d6;
  position: absolute;
  z-index: 1060;
  margin-top: -2px;
  border-radius: 0 0 2px 2px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  color: #111;
  box-sizing: border-box;
  overflow: auto;
}
.lyteMIDropdown ul {
  margin: 0;
  padding: 5px 0;
  max-height: 300px;
}
.lyteMIDropdown lyte-mentions-item {
  background: #fff;
  margin: 0;
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  overflow: hidden;
  cursor: pointer;
  white-space: nowrap;
  font-size: 14px;
  padding: 5px 10px;
  text-align: left;
  display: flex;
  align-items: center;
}
.lyteMIDropdown lyte-mentions-item img {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  float: left;
  margin-right: 10px;
}
.lyteMIDropdown lyte-mentions-item em {
  font-weight: bold;
  font-style: normal;
}
.lyteMIDropdown lyte-mentions-item:hover,
.lyteMIDropdown lyte-mentions-item.lyteMIActive {
  background: #eaeaea;
}
.lyteMIDropdown lyte-mentions-item b {
  background: #ffff99;
  font-weight: normal;
}
.lyteMIDisplayBlock {
  display: block;
}
.lyteMIHide {
  visibility: hidden;
}
.lyteMIAddOverflow {
  overflow: auto;
}
.lyteMentions {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 8px;
  color: #fff;
  overflow: hidden;
  white-space: pre-wrap;
  word-wrap: break-word;
  text-align: left;
  line-height: 22px;
  pointer-events: none;
}
.lyteMIWithCloseIcon .lyteMentions {
  z-index: 1;
}
.lyteInput .lyteMentions {
  padding-left: 0;
}
.lyteMentionsNormalTextarea {
  top: 1px;
  left: 1px;
  bottom: 1px;
  right: 1px;
}
.lyteMentionsNormalTextarea + textarea {
  border: 1px solid #d6d6d6;
  border-radius: 2px;
  width: 100%;
}
.lyteMentionsNormalTextarea + textarea:hover {
  border: 1px solid #c1c1c1;
}
.lyteMentionsNormalTextarea + textarea:focus {
  border: 1px solid #7fceef;
}
.lyteMentions .lyteMentionsInnerDiv {
  color: transparent;
  white-space: pre-wrap;
  position: relative;
}
.lyteMentions .lyteMentionsStrongDiv {
  font-weight: normal;
  background: #e9f4ff;
  padding: 2px 0;
  line-height: 16px;
  position: relative;
  color: #111;
  pointer-events: all;
}
.lyteMentionsCustomWrapper {
  position: absolute;
  top: -100px;
  left: -100px;
}
.lyteBodyWrapper {
  overflow: hidden;
}
.lyteMIWrapper .lyteCloseIcon {
  height: 10px;
  width: 10px;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #0984E3;
  z-index: 1;
  display: none;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  transform: translate(40%, -40%);
  cursor: pointer;
}
.lyteMIWrapper .lyteCloseIcon::after {
  content: "";
  -webkit-mask: url(../../images/sprite_lyte.svg) no-repeat -3px -15px;
  mask: url(../../images/sprite_lyte.svg) no-repeat -3px -15px;
  background-color: #fff;
  width: 6px;
  height: 6px;
  display: inline-block;
}
.lyteMentionsStrongDiv:hover .lyteCloseIcon {
  display: inline-flex;
}
.lyteMIForInput {
  overflow: auto;
  scrollbar-width: none;
}
.lyteMIForInput::-webkit-scrollbar {
  display: none;
}
.lyteMIForInput .lyteMentions {
  width: max-content;
}
.lyteMIForInput .lyteMentionsStrongDiv {
  vertical-align: top;
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/*  Mentions Input Related CSS ENDS   */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
/* Make changes to override predefined styles */
/* CSS Common for all scrollbars */
.lyteScrollBar {
  overflow: hidden !important;
  position: relative !important;
  width: 100%;
  height: 100%;
  outline: none;
  box-sizing: border-box;
  overflow-anchor: none;
  -ms-overflow-style: none;
}
.lyteScrollContainer {
  position: absolute;
  border-radius: 4px;
  z-index: 1000;
  overflow: hidden;
}
.lyteScrollContainer:hover {
  background: #eee;
  opacity: 0.9;
}
.lyteScrollContainer .lyteScrollDiv:hover {
  background: #999;
}
.lyteScrollContainer.lyteScrollContainerY {
  width: 8px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: auto;
}
.lyteScrollContainer.lyteScrollContainerX {
  height: 8px;
  top: auto;
  bottom: 0px;
  right: 0px;
  left: 0px;
}
.lyteScrollContainer .lyteScrollDiv {
  background: #aaa;
  position: relative;
  border-radius: 5px;
}
.lyteScrollContainerY .lyteScrollDiv {
  width: 100%;
}
.lyteScrollContainerX .lyteScrollDiv {
  height: 100%;
}
.lyteScrollContainer.lyteScrollContainerX.top {
  top: 0px;
  bottom: auto;
}
.lyteScrollContainer.lyteScrollContainerY.left {
  left: 0px;
  right: auto;
}
@supports (-ms-overflow-style: none) {
  .lyteScrollBar {
    overflow: auto !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .lyteScrollBar {
    overflow: auto !important;
  }
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* Make preferred css changes over here.
 * This will be added to the end of the styles/scrollbar.less file
 */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
/* searchplugin Styles */
.lyteSearchHidden {
  display: none !important;
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
.lyteSelectionWrapperBox {
  position: relative;
  overflow: hidden;
  cursor: crosshair;
  user-select: none;
}
.lyteSelectorBackImage {
  display: block;
}
.lyteSelectionBox {
  position: absolute;
  cursor: move;
  border: 1px solid #fff;
  z-index: 10;
  box-sizing: border-box;
}
.lyteSelectorActiveBox {
  z-index: 15;
  border: 1px solid #5ba1e5;
}
.lyteSelectionFreezeLayer {
  position: absolute;
  margin: auto;
  user-select: none;
  background: #000;
  opacity: 0.3;
  cursor: crosshair;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.lyteSelectorHandles {
  width: 8px;
  height: 8px;
  background: #fff;
  position: absolute;
  display: none;
  border: 1px solid #5ba1e5;
}
.lyteTLCorner {
  top: -5px;
  left: -5px;
  cursor: nwse-resize;
}
.lyteTRCorner {
  top: -5px;
  right: -5px;
  cursor: nesw-resize;
}
.lyteBRCorner {
  bottom: -5px;
  right: -5px;
  cursor: nwse-resize;
}
.lyteBLCorner {
  bottom: -5px;
  left: -5px;
  cursor: nesw-resize;
}
.lyteTEdge {
  top: -5px;
  left: calc(50% - 5px);
  cursor: ns-resize;
}
.lyteBEdge {
  bottom: -5px;
  left: calc(50% - 5px);
  cursor: ns-resize;
}
.lyteREdge {
  right: -5px;
  top: calc(50% - 5px);
  cursor: ew-resize;
}
.lyteLEdge {
  left: -5px;
  top: calc(50% - 5px);
  cursor: ew-resize;
}
.lyteSelectorDeleteBtn {
  position: absolute;
  width: 15px;
  height: 15px;
  top: -18px;
  right: -18px;
  display: none;
  cursor: pointer;
  border-radius: 50%;
  background: #fff;
  padding: 1px;
}
.lyteSelectorDeleteBtn::after {
  content: '';
  display: block;
  background-image: url(../../images/sprite_lyte.svg);
  background-position: -187px -38px;
  width: 11px;
  height: 13px;
  margin: 1px auto;
}
.lyteSelectorDeleteBtn:hover::after {
  background-position: -209px -38px;
}
.lyteSelectorWorkArea {
  position: absolute;
  display: none;
}
.lyteSelectorActiveBox .lyteSelectorHandles,
.lyteSelectorActiveBox .lyteSelectorDeleteBtn,
.lyteSelectorActiveBox .lyteSelectorWorkArea {
  display: block;
}
.lyteSelectorLabel {
  position: absolute;
  width: 100%;
  color: #fff;
  font-size: 14px;
}
.lyteSelectorLabelTop {
  top: 0;
  transform: translateY(-100%);
}
.lyteSelectorLabelBottom {
  top: 100%;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
.lyteSortableParent .lyteSortablePlaceholder:hover,
.lyteSortableParent .lyteSortablePlaceholder {
  background: #f6fad2;
  border: 1px solid #edf2c3;
  box-sizing: border-box;
}
.lyteSortableParent .lyteSortableDisabledPlaceholder:hover,
.lyteSortableParent .lyteSortableDisabledPlaceholder {
  background: #f5c7c7;
  border: 1px solid #f4a7a7;
}
.nullifyTransition {
  transition-duration: 0s;
}
.lyteSortableDisablePE {
  pointer-events: none;
}
.lyteSortableDummyTr {
  opacity: 0 !important;
  box-sizing: border-box !important;
  pointer-events: none !important;
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
.lyteFindHighlight {
  background: #ff0;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
.lyteFollowerWrapper {
  position: absolute;
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  font-size: 13px;
  padding: 3px 8px;
  background: #222;
  color: #fff;
  border-radius: 2px;
  z-index: 1080;
}
.lyteFollowerContent {
  white-space: pre-wrap;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
.lyteResizeElement {
  position: relative;
}
.lyteResizeHandle {
  position: absolute;
  width: 8px;
  height: 8px;
  background: #5ba1e5;
  transform: translate(-50%, -50%);
  display: none;
}
.lyteResizeSelected .lyteResizeHandle {
  display: block;
}
.lyteResizeN {
  top: 0;
  left: 50%;
}
.lyteResizeNW {
  top: 0;
  left: 0%;
}
.lyteResizeNE {
  top: 0;
  left: 100%;
}
.lyteResizeS {
  left: 50%;
  top: 100%;
}
.lyteResizeSW {
  left: 0%;
  top: 100%;
}
.lyteResizeSE {
  left: 100%;
  top: 100%;
}
.lyteResizeW {
  left: 0;
  top: 50%;
}
.lyteResizeE {
  left: 100%;
  top: 50%;
}
.lyteResizeInfoDiv {
  position: absolute;
  display: block;
  border: 1px solid #d6d6d6;
  padding: 8px;
  pointer-events: none;
  z-index: 1080;
}
.lyteResizeCursorNE,
.lyteResizeCursorSW {
  cursor: nesw-resize;
}
.lyteResizeCursorNW,
.lyteResizeCursorSE {
  cursor: nwse-resize;
}
.lyteResizeCursorN,
.lyteResizeCursorS {
  cursor: ns-resize;
}
.lyteResizeCursorW,
.lyteResizeCursorE {
  cursor: ew-resize;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
.lyteZoomContainer {
  position: absolute;
  display: none;
  padding: 10px;
  z-index: 1080;
  background: #ececec;
  border: 1px solid #212121;
  color: #000;
  border-radius: 5px;
  font-size: 60px;
  outline: 1px solid #555;
  word-wrap: break-word;
  height: fit-content;
}
.lyteZoomContainer.showZoomContainer {
  display: block;
}
.lyteFullScreenActive > *:not(.lyteFullScreenTraverse):not(.lyteFullScreenElement):not(.lyteTooltip):not(lyte-wormhole):not(lyte-menu-box):not(lyte-drop-box):not(.dateSelectcal):not(lyte-colorbox-container),
.lyteFullScreenTraverse > *:not(.lyteFullScreenTraverse):not(.lyteFullScreenElement) {
  display: none !important;
}
.lyteFullScreenTraverse {
  display: block !important;
  position: absolute;
  top: 0px !important;
  right: 0px !important;
  bottom: 0px !important;
  left: 0px !important;
  box-sizing: border-box !important;
  min-width: 0px !important;
  max-width: none !important;
  min-height: 0px !important;
  max-height: none !important;
  width: 100% !important;
  height: 100% !important;
  transform: none !important;
  margin: 0px !important;
  padding: 0px !important;
  overflow: visible !important;
}
.lyteFullScreenElement {
  display: block !important;
  position: absolute;
  width: 100% !important;
  height: 100% !important;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Radiobutton CSS BEGINS */
.lyteRadioBtnGroupHorizontal {
  display: flex;
  flex-direction: row;
}
.lyteRadioBtnGroupVertical {
  display: flex;
  flex-direction: column;
}
.lyteRadioBtnGroupReadOnly {
  pointer-events: none;
}
.lyteRadioBtnGroupHorizontal lyte-radiobutton {
  margin-inline-end: 10px;
}
.lyteRadioBtnGroupHorizontal lyte-radiobutton:last-of-type {
  margin-inline-end: 0;
}
.lyteRadioBtnGroupVertical lyte-radiobutton {
  margin-bottom: 8px;
}
.lyteRadioBtnGroupVertical lyte-radiobutton:last-of-type {
  margin-bottom: 0;
}
.lyteRadioGroupFieldSet {
  display: flex;
  border: 0;
}
.lyteRadioGroupLegend {
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  font-size: 15px;
  margin-bottom: 10px;
  color: #555;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
.lyteCBoxGroupHorizontal {
  display: flex;
  flex-direction: row;
}
.lyteCBoxGroupVertical {
  display: flex;
  flex-direction: column;
}
.lyteCBoxGroupHorizontal lyte-checkbox {
  margin-inline-end: 10px;
}
.lyteCBoxGroupHorizontal lyte-checkbox:last-of-type {
  margin-inline-end: 0;
}
.lyteCBoxGroupVertical lyte-checkbox {
  margin-bottom: 8px;
}
.lyteCBoxGroupVertical lyte-checkbox:last-of-type {
  margin-bottom: 0;
}
.lyteCBoxGroupFieldSet {
  display: flex;
  border: 0;
}
.lyteCBoxGroupLegend {
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  font-size: 15px;
  margin-bottom: 10px;
  color: #555;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading custom themes */
/* tag styles BEGINS */
lyte-tag {
  position: relative;
  display: block;
}
lyte-tag-label {
  padding-bottom: 5px;
}
lyte-tag lyte-dropdown {
  width: 100%;
  display: inline-block;
}
lyte-tag-description {
  opacity: 0.4;
  font-size: 13px;
  white-space: nowrap;
}
.lyteTagDropdown lyte-drop-item {
  padding-left: 10px;
  display: flex;
  flex-direction: column;
}
.lyteTagDropdown lyte-drop-item.lyteDropdownActive {
  display: none;
}
lyte-tag lyte-dropdown .lyteTagInputLi {
  background: #fff;
  border: 0;
  padding: 0;
  margin: 0;
  width: auto;
  max-width: 100%;
}
lyte-tag lyte-dropdown .lyteTagInputLi input {
  max-width: 100%;
}
lyte-tag .lyteTagItem {
  display: block;
  max-width: 100%;
  -ms-word-wrap: break-word;
  overflow-wrap: break-word;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
lyte-tag .lyteTagRemoveIcon lyte-drop-button::after {
  display: none;
}
.lyteTagDropdown .lyteTagHidden {
  display: none;
}
.lyteTagDropdown .lyteTagGroupHidden {
  display: none;
}
/* import theme overrides - styles */
/* import custom css - final tweaks by the user */
/* tag styles ENDS */
@media (prefers-reduced-motion: reduce) {
  body:not(.lyteUICompOverrideSystemReducedAnim) .lyteContextualAnimation lyte-connect-item,
  body:not(.lyteUICompOverrideSystemReducedAnim) .lyteContextualAnimation lyte-connection-content,
  body:not(.lyteUICompOverrideSystemReducedAnim) .lyteProgressBar .lyteProgressStatus,
  body:not(.lyteUICompOverrideSystemReducedAnim) .lyteGridstackHandler,
  body:not(.lyteUICompOverrideSystemReducedAnim) .lyteCBoxItem,
  body:not(.lyteUICompOverrideSystemReducedAnim) .lyteVideoSubtitleWrapper,
  body:not(.lyteUICompOverrideSystemReducedAnim) .lyteVideoControls,
  body:not(.lyteUICompOverrideSystemReducedAnim) lyte-tree,
  body:not(.lyteUICompOverrideSystemReducedAnim) .lyteTourTargetBackground,
  body:not(.lyteUICompOverrideSystemReducedAnim) .lyteTourContainer,
  body:not(.lyteUICompOverrideSystemReducedAnim) .lyteRadioSlider::before,
  body:not(.lyteUICompOverrideSystemReducedAnim) .lyteRadioSwitch .on-btn,
  body:not(.lyteUICompOverrideSystemReducedAnim) .lyteRadioLayer .lyteRadioCheck,
  body:not(.lyteUICompOverrideSystemReducedAnim) .lytePopover.lyteZoom,
  body:not(.lyteUICompOverrideSystemReducedAnim) .lyteModal,
  body:not(.lyteUICompOverrideSystemReducedAnim) .lyteMessageBox,
  body:not(.lyteUICompOverrideSystemReducedAnim) lyte-menu-box.lyteAnimate lyte-menu-body,
  body:not(.lyteUICompOverrideSystemReducedAnim) lyte-menu-box.lyteAnimate,
  body:not(.lyteUICompOverrideSystemReducedAnim) .lyteExpTableAccordionAnimation .lyteExpTableAccordionContent .lyteExpressAccordionTdChild,
  body:not(.lyteUICompOverrideSystemReducedAnim) .lyteExpTableAccordionAnimation .lyteExpTableAccordionContent lyte-td-wrap,
  body:not(.lyteUICompOverrideSystemReducedAnim) .lyteExpTableAccordionAnimation .lyteExpTableAccordionContent td,
  body:not(.lyteUICompOverrideSystemReducedAnim) lyte-lb-collapse,
  body:not(.lyteUICompOverrideSystemReducedAnim) .lyteLBLeftChildWrap,
  body:not(.lyteUICompOverrideSystemReducedAnim) .lyteLBRightChildWrap,
  body:not(.lyteUICompOverrideSystemReducedAnim) lyte-drop-box.lyteAnimate lyte-drop-body,
  body:not(.lyteUICompOverrideSystemReducedAnim) lyte-drop-box.lyteAnimate,
  body:not(.lyteUICompOverrideSystemReducedAnim) .lyteDrawerInlineBody.lyteDrawerMiniVariant .lyteDrawerPanel,
  body:not(.lyteUICompOverrideSystemReducedAnim) .lyteDrawerInlineBody.lyteDrawerInlineDisplace .lyteDrawerContent,
  body:not(.lyteUICompOverrideSystemReducedAnim) .lyteDrawerInlineBody .lyteDrawerPanel,
  body:not(.lyteUICompOverrideSystemReducedAnim) #lyteDateSelect,
  body:not(.lyteUICompOverrideSystemReducedAnim) .dateSelectcal .specificDate,
  body:not(.lyteUICompOverrideSystemReducedAnim) .dateSelectcal .customRange,
  body:not(.lyteUICompOverrideSystemReducedAnim) .lyteCBoxAnimateOnUp,
  body:not(.lyteUICompOverrideSystemReducedAnim) .lyteCBoxMoveRightWithTransition,
  body:not(.lyteUICompOverrideSystemReducedAnim) .lyteCBoxMoveLeftWithTransition,
  body:not(.lyteUICompOverrideSystemReducedAnim) .lyteCBoxCurrentItem,
  body:not(.lyteUICompOverrideSystemReducedAnim) .lyteColorboxThumbInnerWrapper,
  body:not(.lyteUICompOverrideSystemReducedAnim) .lyteCheckSlider::before,
  body:not(.lyteUICompOverrideSystemReducedAnim) .lyteCheckSwitch .on-btn,
  body:not(.lyteUICompOverrideSystemReducedAnim) lyte-carousel-item,
  body:not(.lyteUICompOverrideSystemReducedAnim) .lyteAvatarSlideAnim,
  body:not(.lyteUICompOverrideSystemReducedAnim) .alertPopup,
  body:not(.lyteUICompOverrideSystemReducedAnim) lyte-accordion-body {
    transition-duration: 0.0001s !important;
  }
  body:not(.lyteUICompOverrideSystemReducedAnim) .lyteAvatarLoading {
    animation: none;
  }
}
.lyteUICompReducedAnim .lyteContextualAnimation lyte-connect-item,
.lyteUICompReducedAnim .lyteContextualAnimation lyte-connection-content,
.lyteUICompReducedAnim .lyteProgressBar .lyteProgressStatus,
.lyteUICompReducedAnim .lyteGridstackHandler,
.lyteUICompReducedAnim .lyteCBoxItem,
.lyteUICompReducedAnim .lyteVideoSubtitleWrapper,
.lyteUICompReducedAnim .lyteVideoControls,
.lyteUICompReducedAnim lyte-tree,
.lyteUICompReducedAnim .lyteTourTargetBackground,
.lyteUICompReducedAnim .lyteTourContainer,
.lyteUICompReducedAnim .lyteRadioSlider::before,
.lyteUICompReducedAnim .lyteRadioSwitch .on-btn,
.lyteUICompReducedAnim .lyteRadioLayer .lyteRadioCheck,
.lyteUICompReducedAnim .lytePopover.lyteZoom,
.lyteUICompReducedAnim .lyteModal,
.lyteUICompReducedAnim .lyteMessageBox,
.lyteUICompReducedAnim lyte-menu-box.lyteAnimate lyte-menu-body,
.lyteUICompReducedAnim lyte-menu-box.lyteAnimate,
.lyteUICompReducedAnim .lyteExpTableAccordionAnimation .lyteExpTableAccordionContent .lyteExpressAccordionTdChild,
.lyteUICompReducedAnim .lyteExpTableAccordionAnimation .lyteExpTableAccordionContent lyte-td-wrap,
.lyteUICompReducedAnim .lyteExpTableAccordionAnimation .lyteExpTableAccordionContent td,
.lyteUICompReducedAnim lyte-lb-collapse,
.lyteUICompReducedAnim .lyteLBLeftChildWrap,
.lyteUICompReducedAnim .lyteLBRightChildWrap,
.lyteUICompReducedAnim lyte-drop-box.lyteAnimate lyte-drop-body,
.lyteUICompReducedAnim lyte-drop-box.lyteAnimate,
.lyteUICompReducedAnim .lyteDrawerInlineBody.lyteDrawerMiniVariant .lyteDrawerPanel,
.lyteUICompReducedAnim .lyteDrawerInlineBody.lyteDrawerInlineDisplace .lyteDrawerContent,
.lyteUICompReducedAnim .lyteDrawerInlineBody .lyteDrawerPanel,
.lyteUICompReducedAnim #lyteDateSelect,
.lyteUICompReducedAnim .dateSelectcal .specificDate,
.lyteUICompReducedAnim .dateSelectcal .customRange,
.lyteUICompReducedAnim .lyteCBoxAnimateOnUp,
.lyteUICompReducedAnim .lyteCBoxMoveRightWithTransition,
.lyteUICompReducedAnim .lyteCBoxMoveLeftWithTransition,
.lyteUICompReducedAnim .lyteCBoxCurrentItem,
.lyteUICompReducedAnim .lyteColorboxThumbInnerWrapper,
.lyteUICompReducedAnim .lyteCheckSlider::before,
.lyteUICompReducedAnim .lyteCheckSwitch .on-btn,
.lyteUICompReducedAnim lyte-carousel-item,
.lyteUICompReducedAnim .lyteAvatarSlideAnim,
.lyteUICompReducedAnim .alertPopup,
.lyteUICompReducedAnim lyte-accordion-body {
  transition-duration: 0.0001s !important;
}
.lyteUICompReducedAnim .lyteAvatarLoading {
  animation: none;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
.lyteNotificationCenter {
  position: absolute;
  display: flex;
  flex-direction: column;
  right: 15px;
  top: 30px;
  z-index: 1040;
  transition: top 0.3s linear;
}
.lyteNotificationPopUpCenterWrapper {
  width: 350px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: auto;
  transition: transform 0.3s linear, height 0.3s linear;
}
.lyteNotificationParentContainer {
  width: 350px;
  position: relative;
  display: flex;
  flex-direction: column;
  transition: height 0.3s linear, margin 0.3s linear;
  gap: 10px;
  overflow: hidden;
  margin-top: 5px;
}
.lyteNotificationCenterWrapper {
  width: 350px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: auto;
  transition: transform 0.3s linear, height 0.3s linear;
}
.lyteNotificationPopUpItem,
.lyteNotificationItem {
  position: relative;
  border: 1px solid #0984E333;
  background-color: #EBF6FF;
  border-radius: 5px;
  width: 350px;
  transition: top 0.3s linear, transform 0.3s linear, height 0.3s linear, margin 0.3s linear, opacity 0.3s linear;
  top: 0;
  right: 0;
  padding: 15px 50px 15px 20px;
  box-shadow: 0px 3px 6px 0px #CFDCE6B2;
  box-sizing: border-box;
  margin-bottom: 10px;
  opacity: 0;
  transform: translateX(0);
}
.lyteNotificationPopUpItemActive {
  transform: scale(0);
}
.lyteNotificationFadeItemActive {
  opacity: 1;
}
.lyteNotificationSlideItemActive {
  transform: translateX(120%);
}
.lyteNotificationItem:last-child {
  margin-bottom: 0;
}
.lyteNotificationItemOverlap {
  position: absolute;
}
.lyteNotificationbtnWrapper {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  height: auto;
  transition: width 0.3s linear, height 0.3s linear, margin 0.3s linear;
}
.lyteNotificationbtnWrapper lyte-button {
  flex-shrink: 0;
  cursor: pointer;
}
.lyteNotificationbtnWrapper button {
  font-size: 12px;
  border-radius: 5px;
}
.lyteNotificationPopCloseIcon,
.lyteNotificationCloseIcon {
  -webkit-mask: url(../../images/sprite_lyte.svg) no-repeat -323px -161px;
  mask: url(../../images/sprite_lyte.svg) no-repeat -323px -161px;
  background-color: #666;
  width: 12px;
  height: 12px;
  cursor: pointer;
  display: none;
  position: absolute;
  right: 20px;
  top: 15px;
}
.lyteNotificationPopUpItem:hover .lyteNotificationPopCloseIcon,
.lyteNotificationItem:hover .lyteNotificationCloseIcon {
  display: block;
}
.lyteNotificationCancelBtn button {
  font-size: 0;
  padding: 6px;
}
.lyteNotificationPopCancelBtn button {
  border-radius: 50%;
  background-color: #f2f2f2;
  position: relative;
  left: 320px;
  font-size: 0;
  padding: 6px;
  margin: 5px;
}
.lyteNotificationPopCancelBtn button::after,
.lyteNotificationCancelBtn button::after {
  content: "";
  display: inline-block;
  -webkit-mask: url(../../images/sprite_lyte.svg) no-repeat -323px -161px;
  mask: url(../../images/sprite_lyte.svg) no-repeat -323px -161px;
  background-color: #666;
  width: 12px;
  height: 12px;
}
.lyteNotificationHideBtnWrapper {
  display: none;
}
.lyteNotificationSlideOut {
  transform: translateX(100%);
}
.newNotificationAdded {
  transform: translateX(calc(100% + 20px)) !important;
  opacity: 1;
}
.showPanelActive {
  transform: translateX(calc(100% + 20px)) !important;
  opacity: 0;
}
.lyteNotificationClosedClearIcon {
  -webkit-mask: url(../../images/sprite_lyte.svg) no-repeat -323px -161px;
  mask: url(../../images/sprite_lyte.svg) no-repeat -323px -161px;
  background-color: #fff;
  width: 12px;
  height: 12px;
  display: inline-block;
}
.lyteNotificationClearWrapper {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: absolute;
  z-index: 20;
  top: -10px;
  display: none;
  right: -8px;
  justify-content: center;
  cursor: pointer;
  box-shadow: -0.5px 0 5px 0.5px #c1c0c0cc;
  background: #052f404a;
}
.lyteNotificationClosed:hover .lyteNotificationClearWrapper {
  display: block;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lyteNotificationClosed:hover {
  overflow: visible;
}
.lyteNotificationClosed:hover .lyteNotificationCloseIcon {
  display: none;
}
.lyteNotificationClear {
  transform: translateX(calc(100% + 20px));
}
.lyteNotificationHideClear {
  display: none !important;
}
.lyteNotificationBtnWrapperHidden {
  height: 0 !important;
  width: 0;
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
.lyteOrgTreeWrapper {
  cursor: pointer;
  max-width: 100%;
  overflow: auto hidden;
  position: relative;
  display: inline-grid;
  grid-auto-flow: column;
}
.lyteOrgTreeColumn {
  display: flex;
  flex-direction: column;
  height: 500px;
  overflow: auto;
  margin: 0 -1px;
}
.lyteOrgTreeExpandedColumn {
  width: 300px;
}
.lyteOrgTreeShrinkedColumn {
  width: 150px;
}
.lyteOrgTreeElementsWrap {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 20px 0;
  border-left: 1px solid #ccc;
}
.lyteOrgTreeChildDropZone {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lyteOrgTreeElements {
  width: 60%;
  height: 50px;
  border-radius: 15px;
  margin: 0px auto;
  border: solid 1px #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  flex-shrink: 0;
}
.lyteOrgTreeShrinkedColumn .lyteOrgTreeElements {
  width: 50px;
  overflow: auto;
}
.lyteOrgTreeActiveElement {
  border: 1px solid #0088ff;
  z-index: 50;
}
.lyteOrgTreeBadgeWrapper {
  min-width: 30px;
  position: absolute;
  right: 15px;
}
.lyteOrgTreeChildrenCountBadge {
  height: 20px;
  min-width: 30px;
  margin: 0px auto;
  border: solid 1px #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
}
.lyteOrgTreeActiveWrap .lyteOrgTreeChildrenCountBadge {
  background-color: #0088ff;
  border-color: #0088ff;
  color: #fff;
  z-index: 100;
}
.lyteOrgTreeVerticalConnect {
  position: absolute;
  width: 2px;
  background-color: #0088ff;
  z-index: 10;
}
.lyteOrgTreeVerticalBorder {
  position: absolute;
  width: 1px;
  top: 20px;
  bottom: 0;
}
.lyteOrgTreeLeftHorizontalConnect,
.lyteOrgTreeRightHorizontalConnect {
  height: 1px;
  flex-grow: 1;
  top: calc(50% - 1px);
  z-index: -1;
}
.lyteOrgTreeLeftHorizontalConnect {
  left: 0;
  background-color: #ccc;
}
.lyteOrgTreeRightHorizontalConnect {
  right: 0;
}
.lyteOrgTreeColumn::-webkit-scrollbar {
  display: none;
}
.lyteOrgTreeColumn {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.lyteOrgTreeLoadMoreWrap,
.lyteOrgTreeScrollTopWrap {
  position: sticky;
  z-index: 100;
  display: none;
  transition-duration: 0.3s;
}
.lyteOrgTreeLoadMoreWrap {
  bottom: 0;
  top: unset;
  margin-top: auto;
}
.lyteOrgTreeScrollTopWrap {
  margin-top: 0;
  top: 0;
}
.lyteOrgTreeColumn:hover .lyteOrgTreeLoadMoreWrap,
.lyteOrgTreeColumn:hover .lyteOrgTreeScrollTopWrap {
  display: flex;
}
.lyteOrgTreeLoadMore,
.lyteOrgTreeTopScroll {
  width: 100%;
  height: 20px;
  top: 0;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
}
.lyteOrgTreeLoadMore {
  top: unset;
  bottom: 0;
}
.lyteOrgTreeChildPlaceHolder {
  width: 100%;
  height: 100%;
  display: none;
  background: #808080;
  z-index: 10000;
  position: absolute;
  pointer-events: none;
}
.lyteOrgTreeChildPlaceHolderActive {
  display: inline-block;
}
.lyteOrgTreeSiblingPlaceHolder {
  width: 100%;
  height: 50px;
  display: inline-block;
  background: #f5deb3;
  flex-shrink: 0;
}
.clonedElem {
  position: absolute;
  margin: 0;
  z-index: 10000;
  pointer-events: none;
}
.lyteOrgTreeConnectorSvg {
  position: absolute;
  pointer-events: none;
}
.lyteOrgTreeLoadMore::after,
.lyteOrgTreeTopScroll::after {
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  transform: rotate(45deg);
  border-left: 1px solid #000;
  border-top: 1px solid #000;
}
.lyteOrgTreeLoadMore::after {
  transform: rotate(-135deg);
}
.lyteOrgTreeBadgeWrapper + .lyteOrgTreeRightHorizontalConnect {
  background-color: #ccc;
  margin-right: 15px;
}
.lyteOrgTreeActiveWrap .lyteOrgTreeLeftHorizontalConnect,
.lyteOrgTreeActiveWrap .lyteOrgTreeRightHorizontalConnect {
  background-color: #0088ff;
  height: 2px;
  margin-right: 0;
  border-color: #0088ff;
}
.lyteOrgTreeColumn > div:nth-last-child(4)::after,
.lyteOrgTreeScrollTopWrap + .lyteOrgTreeElementsWrap::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(50% - 0.5px);
  position: absolute;
  z-index: 10;
  background-color: #fff;
  left: -1px;
}
.lyteOrgTreeScrollTopWrap + .lyteOrgTreeElementsWrap::before {
  top: 0;
}
.lyteOrgTreeColumn > div:nth-last-child(4)::after {
  bottom: 0;
}
.lyteOrgTreeWrapper div:first-of-type .lyteOrgTreeElementsWrap {
  border-left: 0;
}
div.lyteOrgTreeColumn:first-of-type {
  margin-left: 0;
}
div.lyteOrgTreeColumn:last-of-type {
  margin-right: 0;
}
/* Default theme imported */
/* Loading theme in configuration */
lyte-notecomp {
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding-bottom: 20px;
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  max-height: 100%;
  overflow: auto;
  box-sizing: border-box;
}
.lyteNoteMainComment {
  display: flex;
  align-items: flex-start;
  margin-bottom: 15px;
  padding: 15px 15px 0 20px;
}
.lyteNoteMainCommentAvatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin: 5px 5px 0 0;
}
lyte-notecomp lyte-note-editor {
  display: block;
  flex-grow: 1;
  overflow: auto;
  padding: 5px;
}
.lyteNoteFakeElement {
  padding: 10px;
  border: 1px solid #CBD8E4;
  border-radius: 6px;
  color: #313949;
  font-family: 'LatoRegular', 'Open Sans', sans-serif;
  font-size: 15px;
  cursor: text;
  position: relative;
}
.lyteNoteFakeElement:hover {
  background: #f8fbfe;
  border: 1px solid #cedbee;
}
.lyteNoteFakeElement.lyteNoteDraft {
  overflow: hidden;
  height: 20px;
  border: 1px solid #e2d3ca;
}
.lyteNoteDraft::after {
  content: '';
  background-image: url(../../images/lyte_note_sprite.svg);
  background-position: -195px -45px;
  width: 15px;
  height: 16px;
  display: block;
  position: absolute;
  right: 10px;
  top: calc(50% - 8px);
}
.lyteNoteDraftWrapper {
  opacity: 0.7;
}
.lyteNoteEditorWrapper {
  border: 1px solid #429FF5;
  border-radius: 6px;
  position: relative;
  transition: height 0.3s ease;
}
.lyteNoteEditorWrapper.lyteNoteEditorWhiteBg {
  box-shadow: 0 0 6px #8dc4ff;
}
lyte-notecomp lyte-texteditor {
  min-height: 50px;
  height: 120px;
  box-sizing: border-box;
  border-radius: 6px;
  border: 0;
  overflow: auto;
}
lyte-notecomp lyte-texteditor.lyteEditorFocused {
  border: 0;
}
lyte-notecomp .lyteEditorMainDiv {
  padding-right: 30px;
}
.lyteNoteEditorFooter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f7f9fb;
  padding: 5px 10px;
  border-radius: 0 0 6px 6px;
}
.lyteNoteCancelSaveWrap,
.lyteNoteFooterActions {
  display: flex;
}
.lyteNoteCancelSaveWrap lyte-button:last-child {
  margin-left: 10px;
}
.lyteNoteCommentWrapper {
  display: flex;
  flex-direction: column;
  overflow: auto;
  padding: 0 10px;
  position: relative;
}
.lyteEditorContent {
  padding: 10px;
  border: 1px solid #e4e4e4;
  border-radius: 10px;
  background: #f8f8f8;
  max-width: calc(100% - 105px);
}
lyte-comment:hover .lyteEditorContent {
  border: 1px solid #bdbcbc;
}
.lyteEditorContent ol,
.lyteEditorContent ul {
  padding-left: 20px;
}
.lyteCommentEmojiWrapper {
  display: flex;
  flex-wrap: wrap;
  margin-right: 5px;
}
lyte-emoji-container {
  display: inline-flex;
  background: #f0f2f5;
  border-radius: 20px;
  padding: 4px 6px;
  font-size: 13px;
  line-height: 13px;
  border: 1px solid transparent;
  cursor: pointer;
  margin-right: 8px;
  align-items: center;
  margin-bottom: 10px;
}
.lyte_emoji_reactions_0 {
  background: transparent;
  padding: 4px 9px;
}
.lyte_emoji_reactions_0:hover {
  background: #f0f2f5;
}
.lyteNoteLikeReaction lyte-emoji-holder {
  background-image: url(../../images/lyte_note_sprite.svg);
  background-position: -284px -2px;
  width: 14px;
  height: 16px;
}
.lyteNoteLikeReaction.lyteEmojiSelected lyte-emoji-holder {
  background-position: -304px -2px;
}
lyte-emoji-count {
  margin-left: 5px;
}
.lyte_emoji_reactions_0 lyte-emoji-count {
  display: none;
}
lyte-emoji-container:hover {
  border: 1px solid #c6d0d9;
}
.lyteEmojiSelected:hover,
.lyteEmojiSelected {
  color: #48aceb;
  background: #f8fcfe;
  border: 1px solid #94bdd6;
}
.lyteNoteEmojiTooltipTitle {
  font-family: 'LatoBold', 'Open Sans', sans-serif;
  margin-bottom: 5px;
  font-size: 14px;
}
.lyteNoteEmojiTooltipWrapper lyte-hovercard-content {
  padding: 8px;
}
.lyteNoteEmojiTooltipNames {
  list-style: none;
  font-size: 13px;
  color: #ddd;
}
.lyteNoteBgSwitcher {
  background-image: url(../../images/lyte_note_sprite.svg);
  background-position: -6px -4px;
  width: 16px;
  height: 15px;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.lyteNoteFileUpload,
.lyteNoteEditorIcon,
.lyteNoteSmileyIcon {
  width: 33px;
  height: 33px;
  border-radius: 6px;
  border: 1px solid transparent;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.lyteNoteSmileyIcon,
.lyteNoteIconHolder {
  margin-left: 5px;
}
.lyteNoteEditorIcon::before,
.lyteNoteFileUpload::before,
.lyteNoteSmileyIcon::before {
  content: '';
  background-image: url(../../images/lyte_note_sprite.svg);
}
.lyteNoteSmileyIcon::before {
  background-position: -261px -3px;
  width: 16px;
  height: 17px;
}
.lyteNoteFileUpload::before {
  background-position: -238px -4px;
  width: 16px;
  height: 14px;
}
lyte-note-editor .lyteFileUpdBtnType .lyteFileUpdMsgWrap {
  display: none;
}
.lyteNoteFileUpload .multiFileupload .lyteFileUpdList {
  margin: 0;
}
.lyteNoteFileUpload:hover,
.lyteNoteEditorIcon.lyteEditorPanelHidden:hover,
.lyteNoteSmileyIcon:hover {
  border: 1px solid #c1c8d2;
}
.lyteNoteIconHolder {
  display: flex;
  margin-right: auto;
  align-items: center;
}
.lyteNoteEditorIcon {
  background: #fff;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
  border-radius: 6px 0 0 6px;
}
.lyteEditorPanelHidden {
  background: transparent;
  box-shadow: none;
  border-radius: 6px;
}
.lyteNoteEditorIcon::before {
  background-position: -71px -25px;
  width: 13px;
  height: 13px;
}
lyte-notecomp .lyteEditorIconsDiv {
  border-radius: 0 6px 6px 0;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25) inset;
}
lyte-notecomp .lyteEditorBgIcon {
  margin-right: 0;
}
.lyteNoteFileStatus {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  background: #f7f9fb;
  padding: 10px;
  border-bottom: 1px solid #e3e7ee;
}
lyte-notecomp .multiFileupload .lyteFileUpdList {
  margin-top: 0;
  align-items: flex-start;
}
.lyteNoteFileStatus lyte-fileupload {
  width: auto;
  position: relative;
}
.lyteNoteFileStatus .lyteFileUpdThumb {
  border-radius: 6px 0 0 6px;
  width: 30px;
  height: 30px;
  border: 0;
  object-fit: cover;
}
.lyteNoteFileUpdListInnerWrap {
  width: 310px;
  display: flex;
  background: #eaf0f6;
  border-radius: 6px;
}
.lyteFileUpdListFile.lyteFileSuccess .lyteNoteFileUpdListInnerWrap {
  background: #eaf6ee;
}
.lyteFileUpdListFile.lyteFileError .lyteNoteFileUpdListInnerWrap {
  background: #f6eaea;
}
.lyteNoteFileStatus .lyteFileUpdTypePreview {
  margin-right: 0;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px 0 0 6px;
  flex-shrink: 0;
  background: #fff;
}
.lyteNoteFileStatus .lyteFileUpdListFile.lyteFileError,
.lyteNoteFileStatus .lyteFileUpdListFile {
  background: transparent;
  padding: 0;
  border: 0;
  padding-right: 50px;
}
.lyteNoteFileStatus .lyteFileUpdFileName {
  padding: 6px 5px;
  margin-right: 0;
  max-width: calc(100% - 80px);
  flex-shrink: 1;
  flex-grow: 1;
  font-size: 15px;
  color: #313949;
  line-height: 18px;
}
.lyteNoteFileStatus .lyteFileUpdListFile.lyteFileSuccess .lyteFileUpdFileName {
  max-width: calc(100% - 80px);
}
.lyteNoteFileStatus .lyteFileUpdFileStatus {
  position: absolute;
  bottom: 0;
  left: 30px;
  width: 280px;
  margin-right: 0;
}
.lyteNoteFileStatus .lyteFileUpdFileSize {
  padding: 7px 10px 7px 5px;
  border-radius: 0 6px 6px 0;
  font-size: 13px;
  margin-right: 0;
  flex-shrink: 0;
  color: #8390a9;
}
.lyteNoteFileStatus lyte-file-retry {
  margin-left: 10px;
  margin-right: 0;
  align-items: center;
  cursor: pointer;
}
.lyteNoteFileStatus .lyteFileUpdFailMsg {
  display: none;
}
.lyteNoteFileStatus .lyteFileUpdProgressBar {
  width: 100%;
  border-radius: 2px;
  height: 2px;
}
.lyteNoteFileStatus .lyteFileUpdProgressFill {
  border-radius: 0;
  height: 2px;
}
.lyteNoteFileStatus .lyteFileUpdListFile.lyteFileSuccess::after {
  content: '';
  background-image: url(../../images/lyte_note_sprite.svg);
  background-position: -139px -49px;
  width: 10px;
  height: 8px;
  display: block;
  position: absolute;
  left: 320px;
}
.lyteNoteFileStatus .lyteFileUpdListFile.lyteFileSuccess:hover::after {
  content: none;
}
.lyteNoteFileStatus lyte-file-close {
  /*	Not able to use Mask CSS here as the icon has multiple colors */
  background-image: url(../../images/lyte_note_sprite.svg);
  background-position: -113px -44px;
  width: 18px;
  height: 18px;
  opacity: 1;
  cursor: pointer;
  margin-left: 10px;
}
.lyteNoteFileStatus lyte-file-close:hover {
  opacity: 1;
}
.lyteNoteIndividualFilePercentage {
  margin-left: 10px;
  font-size: 13px;
  color: #8390a9;
}
.lyteNoteIndividualFilePercentage::after {
  content: '%';
}
.lyteNoteFileUploadStatus {
  padding: 10px;
  background: #fff;
  border-radius: 8px;
  color: #898f9a;
  font-size: 13px;
}
.lyteNoteFileStatus .lyteFileUpdRetryMsg {
  color: #58a2e5;
  border-bottom: 1px dotted #58a2e5;
  text-decoration: none;
  font-size: 13px;
  font-style: italic;
}
.lyteNoteFileStatus lyte-file-retry::after {
  content: '';
  background-image: url(../../images/lyte_note_sprite.svg);
  background-position: -91px -46px;
  width: 14px;
  height: 15px;
  display: inline-block;
  transform: scale(0.8);
  margin-left: 5px;
}
.lyteNoteFileStatus .fileDragEnter lyte-file-select-area {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px dashed #ddd;
  border-radius: 5px;
  box-sizing: border-box;
}
.lyteNoteFileStatus .fileDragEnter lyte-file-select-area::after {
  content: 'Drop files here to attach';
  color: #777;
}
.lyteNoteUploadSize,
.lyteNoteUploadCountSection {
  display: flex;
  align-items: center;
}
.lyteNoteUploadCountSection {
  margin-bottom: 10px;
}
.lyteNoteUploadText,
.lyteNoteSizeText {
  margin-right: 3px;
}
.lyteNoteFileLimitMessage {
  font-style: italic;
}
.lyteNoteUploadCountNumber,
.lyteNoteUploadSizeNumber {
  color: #313949;
}
.lyteNoteUploadCountSection .lyteNoteSvgContainer {
  width: 17px;
  height: 17px;
  margin-right: 9px;
  margin-left: 1px;
}
.lyteNoteUploadSize .lyteNoteSvgContainer {
  width: 19px;
  height: 19px;
  margin-right: 8px;
}
.lyteNoteSvgGroup {
  transform: rotate(-90deg);
  transform-origin: center;
}
.lyteNoteUploadCountSection .lyteNoteSvgGroup .background_circle {
  stroke-width: 10;
  stroke: #e55858;
  fill: none;
}
.lyteNoteUploadCountSection .lyteNoteSvgGroup .progress_circle {
  stroke-width: 10;
  stroke: #24C948;
  transition: stroke-dashoffset 2s linear;
  fill: none;
}
.lyteNoteUploadSize .lyteNoteSvgGroup .background_circle {
  stroke-width: 40;
  stroke: #dfebf6;
  fill: none;
}
.lyteNoteUploadSize .lyteNoteSvgGroup .progress_circle {
  stroke-width: 40;
  stroke: #42A2EB;
  transition: stroke-dashoffset 2s linear;
  fill: none;
}
lyte-notecomp lyte-editorpanel {
  overflow: hidden;
}
.lyteNoteEditorPanelslide .lyteEditorIconsDiv {
  transition: transform 0.3s linear;
}
.lyteNoteEditorPanelfade .lyteEditorIconsDiv {
  transition: opacity 0.3s linear;
}
.lyteNoteEditorPanelscale .lyteEditorIconsDiv {
  transition: transform 0.3s linear;
  transform-origin: left center;
}
.lyteNoteEditorPanelslide.lyteNoteEditorPanelTransStart .lyteEditorIconsDiv {
  transform: translateX(-100%);
}
.lyteNoteEditorPanelslide.lyteNoteEditorPanelTransEnd .lyteEditorIconsDiv {
  transform: translateX(0);
}
.lyteNoteEditorPanelfade.lyteNoteEditorPanelTransStart .lyteEditorIconsDiv {
  opacity: 0;
}
.lyteNoteEditorPanelfade.lyteNoteEditorPanelTransEnd .lyteEditorIconsDiv {
  opacity: 1;
}
.lyteNoteEditorPanelscale.lyteNoteEditorPanelTransStart .lyteEditorIconsDiv {
  transform: scaleX(0);
}
.lyteNoteEditorPanelscale.lyteNoteEditorPanelTransEnd .lyteEditorIconsDiv {
  transform: scaleX(1);
}
.lyteNoteTextEditorWrapper {
  position: relative;
}
.lyteNoteButtonDisabled {
  pointer-events: none;
}
lyte-notecomp .lyteFileUpdTypeIcon::after {
  background-image: url(../../images/lyte_note_sprite.svg);
  background-position: -205px -68px;
  width: 15px;
  height: 17px;
}
lyte-notecomp .lyteFileUpdTypeIcon.video::after {
  background-position: -5px -70px;
  width: 16px;
  height: 14px;
}
lyte-notecomp .lyteFileUpdTypeIcon.pdf::after {
  background-position: -70px -68px;
}
lyte-notecomp .lyteFileUpdTypeIcon.zip::after {
  background-position: -114px -68px;
}
lyte-notecomp .lyteFileUpdTypeIcon.wav::after {
  background-position: -94px -68px;
  width: 11px;
}
.lyteNotePinnedComment {
  background: #f4f4f4;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 10px;
  position: sticky;
  top: 0;
  z-index: 1;
  cursor: pointer;
}
.lyteNotePinIndicator {
  background: #d4a375;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
}
.lyteNotePinIndicator::before {
  content: '';
  background-image: url(../../images/lyte_note_sprite.svg);
  background-position: -219px -47px;
  width: 12px;
  height: 12px;
}
.lyteNoteUnpinIcon {
  position: absolute;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 10px;
  background: #fff;
  border-radius: 50%;
  top: calc(50% - 15px);
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1);
  visibility: hidden;
}
.lyteNoteUnpinIcon::before {
  content: '';
  background-image: url(../../images/lyte_note_sprite.svg);
  background-position: -5.5px -27px;
  width: 14px;
  height: 4px;
}
.lyteMenuSelected.lyteNoteUnpinIcon,
.lyteNotePinnedComment:hover .lyteNoteUnpinIcon {
  visibility: visible;
}
.lyteNotePinTooltipWrapper lyte-hovercard-content {
  font-size: 13px;
  padding: 8px;
}
.lyteNotePinTooltipWrapper .lyteNotePinMessage {
  display: block;
  margin-bottom: 5px;
}
.lyteNoteKeepEditingButton {
  margin-right: 5px;
}
.lyteNotePinnedCommentClick {
  border-radius: 6px;
  animation: lyteNoteShowPin 1s linear;
}
@keyframes lyteNoteShowPin {
  0%,
  100% {
    background: #fff;
  }
  25%,
  75% {
    background: #fffced;
  }
}
lyte-note-editor::after {
  content: attr(data-note-record);
}
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
lyte-circular-slider {
  display: block;
  width: 120px;
  height: 120px;
  position: relative;
}
.lyteCirSliderHandler {
  display: inline-block;
  background-color: #fff;
  border: 2px solid #3094D6;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 100%;
  border-radius: 50%;
  cursor: pointer;
  top: 50%;
  pointer-events: auto;
}
.lyteCirSliderHandlerWrapper {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.lyteCircularSliderReadOnly,
.lyteCircularSliderReadOnly .lyteCirSliderHandler,
.lyteCircularSliderDisabled {
  cursor: not-allowed;
}
.lyteCircularSliderDisabled .lyteCirSliderOuterCircle {
  stroke: #D7DBDE;
}
.lyteCircularSliderDisabled .lyteCirSliderStrokeCircle {
  stroke: #BABDBF;
}
.lyteCircularSliderDisabled .lyteCirSliderHandler {
  border: 1px solid #979797;
  pointer-events: none;
  cursor: not-allowed;
}
.lyteCircularSliderDisabled .lyteCirSliderHandler:focus-visible {
  box-shadow: none;
}
.lyteCirSliderHandler:focus-visible,
.lyteCircularSliderDrag .lyteCirSliderHandler {
  box-shadow: 1px 1px 5px 0px #0000002E;
  outline: none;
}
.lyteCircularSliderDrag .lyteCirSliderHandler {
  cursor: grabbing;
}
.lyteCircularSliderAnimation .lyteCirSliderStrokeCircle {
  transition: all 0.5s linear;
}
.lyteCircularSliderAnimation .lyteCirSliderHandlerWrapper {
  transition: transform 0.5s linear;
}
.lyteCirSliderSvg circle {
  cursor: pointer;
}
.lyteCircularSliderValue {
  text-anchor: middle;
  dominant-baseline: middle;
  font-size: 16px;
  fill: #000;
  user-select: none;
}
.lyteCircularSliderReadOnly .lyteCirSliderSvg,
.lyteCircularSliderDisabled .lyteCirSliderSvg {
  pointer-events: none;
}
lyte-chart {
  display: block;
}
.lyteChartOutlet {
  height: 100%;
}