@charset "UTF-8";
.platform-error {
  border: 1px solid #a94442 !important;
}

.invalid-message {
  font-size: 80%;
}

.invalid-message,
.label-invalid-message {
  width: 100%;
  margin-top: 0.25rem;
  color: #a94442;
}

.pfm-ctr-grid-view {
  height: 500px;
}

#preloader {
  position: relative;
}

#preloader span {
  display: block;
  bottom: 0px;
  width: 9px;
  height: 5px;
  background: #9b59b6;
  position: absolute;
  animation: preloader 1.5s infinite ease-in-out;
}

#preloader span:nth-child(2) {
  left: 11px;
  animation-delay: 0.2s;
}

#preloader span:nth-child(3) {
  left: 22px;
  animation-delay: 0.4s;
}

#preloader span:nth-child(4) {
  left: 33px;
  animation-delay: 0.6s;
}

#preloader span:nth-child(5) {
  left: 44px;
  animation-delay: 0.8s;
}

@keyframes preloader {
  0% {
    height: 5px;
    transform: translateY(0px);
    background: #9b59b6;
  }
  25% {
    height: 30px;
    transform: translateY(15px);
    background: #3498db;
  }
  50% {
    height: 5px;
    transform: translateY(0px);
    background: #9b59b6;
  }
  100% {
    height: 5px;
    transform: translateY(0px);
    background: #9b59b6;
  }
}
.preloader-container {
  background: none repeat scroll 0 0 black;
  position: fixed;
  display: block;
  opacity: 0.5;
  z-index: 99999999;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.page-load-progress {
  position: absolute;
  top: 50%;
  left: 50%;
}

.loader {
  display: inline-block;
  zoom: 1;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  line-height: 16px;
  margin-top: -1px;
  margin-bottom: 1px;
  position: absolute;
  top: 45%;
  z-index: 9999;
  left: 50%;
}

.preloader-content-loader {
  display: none;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 100px;
  height: 100px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #2486a9;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

#loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #0980b5;
  -webkit-animation: spin 3s linear infinite;
  animation: spin 3s linear infinite;
}

#loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #06a3e8;
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.tasklist-search-container {
  margin: 0.5rem 0px 0.5rem;
}

[isrequired=true]:after {
  content: "*";
  color: #a94442;
}

[isdisabled=true] {
  background-color: #e9ecef;
  opacity: 1;
  cursor: not-allowed !important;
}

[platform-html-element=true] {
  margin: 3px 0px;
}

.pfm-ctr-file input[type=file] {
  display: none;
}

[platform-component=true].pfm-ctr-wrapper {
  padding: 3px 10px;
}

.pfm-ctr-wrapper[type=platform-radio-button],
.pfm-ctr-wrapper[type=platform-check-box] {
  padding: 5px;
}

.form-control:disabled {
  cursor: not-allowed !important;
}

.flatpickr-input[readonly] {
  cursor: not-allowed;
}

.pfm-ctr-option-list-item input:disabled {
  cursor: not-allowed;
}

.form-button:disabled,
.custom-range:disabled,
.checkbox.toggle:disabled,
.pfm-ctr-chips-textbox-input:disabled {
  cursor: not-allowed !important;
}

/****************************** geiq components css START ********************************/
/*************** components overriden css ***************/
.pfm-ctr-geniq[platform-input-element=true] {
  border: 1px solid #ccc;
  padding: 15px;
  padding-bottom: 0;
  margin: 18px 7px;
  border-radius: 5px;
  background-color: #f7f7f7;
}

.pfm-ctr-geniq .pfm-ctr-geniq-label:first-child {
  border-bottom: 2px solid #bbb;
  font-weight: 600;
  margin-bottom: 15px;
}

.pfm-ctr-geniq > .pfm-ctr-geniq {
  border: 1px solid #ccc;
  padding: 15px;
  border-radius: 5px;
  background-color: #f7f7f7;
}

.pfm-ctr-geniq-textarea,
.pfm-ctr-geniq-input {
  max-width: 100% !important;
}

/*************** progress bar type response css ***************/
.progressBarType.successResponse {
  padding: 15px;
  background-color: #eee;
}

.progressBarType .responseItem {
  display: flex;
  margin-bottom: 8px;
  font-size: 14px;
}

.progressBarType .responseItem:first-child {
  margin-top: 5px;
}

.progressBarType .itemDetails {
  flex: 1 1 0%;
}

.progressBarType .itemScore {
  padding-left: 20px;
}

.progressBarType .itemBar {
  height: 5px;
  margin-bottom: 5px;
  background-image: linear-gradient(90deg, var(--tw-gradient-stops));
  --tw-gradient-from: var(--theme-color, #255fa6);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #ddd6fe;
  border-radius: 0.25rem;
}

/*************** green label type response css ***************/
.pfm-ctr-geniq-response .greenLabel {
  background-color: #dcefff;
  color: #36454f;
  border: 0.5px solid #a2d3ff;
  border-radius: 4px;
  padding: 15px;
  font-size: 13px;
  margin-bottom: 15px;
}

/*************** NER type response css ***************/
.textClassificationResponse .entities {
  line-height: 2;
}

.entities {
  font-size: 15px;
}

.entities mark {
  padding: 0.25em 0.35em;
  margin: 0 0.25em;
  border-radius: 0.25em;
  border: 1px solid;
}

.entities mark,
.entities mark:after {
  line-height: 1;
  display: inline-block;
}

.entities mark:after {
  box-sizing: border-box;
  content: attr(class);
  font-size: 0.6em;
  padding: 0.35em;
  border-radius: 0.35em;
  text-transform: uppercase;
  vertical-align: middle;
  margin-left: 5px;
}

.entities mark[class=B-PER] {
  background: rgba(166, 226, 45, 0.2);
  border-color: #a6e22d;
}

.entities mark[class=B-PER]:after {
  background: #a6e22d;
}

.entities mark[class=I-PER] {
  background: rgba(224, 0, 132, 0.2);
  border-color: #e00084;
}

.entities mark[class=I-PER]:after {
  background: #e00084;
}

.entities mark[class=B-MIS] {
  background: rgba(67, 198, 252, 0.2);
  border-color: #43c6fc;
}

.entities mark[class=B-MIS]:after {
  background: #43c6fc;
}

.entities mark[class=I-MIS] {
  background: rgba(67, 198, 252, 0.2);
  border-color: #43c6fc;
}

.entities mark[class=I-MIS]:after {
  background: #43c6fc;
}

.entities mark[class=B-ORG] {
  background: rgba(253, 151, 32, 0.2);
  border-color: #fd9720;
}

.entities mark[class=B-ORG]:after {
  background: #fd9720;
}

.entities mark[class=I-ORG] {
  background: rgba(253, 151, 32, 0.2);
  border-color: #fd9720;
}

.entities mark[class=I-ORG]:after {
  background: #fd9720;
}

.entities mark[class=B-LOC] {
  background: rgba(142, 125, 255, 0.2);
  border-color: #8e7dff;
}

.entities mark[class=B-LOC]:after {
  background: #8e7dff;
}

.entities mark[class=I-LOC] {
  background: rgba(255, 204, 0, 0.2);
  border-color: #fc0;
}

.entities mark[class=I-LOC]:after {
  background: #fc0;
}

.entities mark[class=O] {
  background: rgba(255, 204, 0, 0.2);
  border-color: #fc0;
}

.entities mark[class=O]:after {
  background: #fc0;
}

.summary-grid-form-container-header {
  padding-left: 15px;
}

.summary-grid-form-container {
  border: none;
  padding: 0px 15px 0px 15px;
}

/****************************** geiq components css START ********************************/
.hide-dialog-modal-container {
  height: 0px;
  border: 0px;
  padding: 0px;
}
.hide-dialog-modal-container .DialogModalButton {
  display: none;
}

#dialog-modal .ag-center-cols-container {
  width: 100% !important;
}

.tasklist-search-container span {
  outline: none;
}

.pfm-ctr-carousel .dotContainer {
  text-align: center;
}

.outer {
  display: flex;
  height: 100%;
}

.drop-col {
  padding-left: 10px;
  box-sizing: border-box;
  width: 0;
  flex-grow: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.drop-target {
  border: 1px solid #888;
  background-color: #88cc88;
  padding: 10px;
}

.json-display {
  padding-top: 10px;
  box-sizing: border-box;
  flex-grow: 1;
  border: 1px solid #888;
  background-color: #f8f8f8;
  overflow: auto;
}

.json-row {
  border: 1px solid grey;
  margin: 4px;
}

.grid-col {
  width: 0;
  flex: 1 1 auto;
  position: relative;
  height: 100%;
}

div[type=doughnut-chart],
.platform-chart {
  height: 500px;
}

/*card css*/
.cards-wrapper {
  grid-column: center-start/-1;
  display: flex;
  gap: 1rem;
  overflow-x: auto;
  padding-bottom: 1rem;
  padding-right: var(--page-margin);
  width: 100%;
}

.tns-controls {
  margin: 10px auto 0;
  text-align: center;
}

.tns-controls button {
  margin: 0;
  border: none;
  overflow: visible;
  font: inherit;
  color: inherit;
  text-transform: none;
  -webkit-appearance: none;
  border-radius: 0;
  display: inline-block;
  box-sizing: border-box;
  padding: 0 30px;
  vertical-align: middle;
  font-size: 14px;
  line-height: 38px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: 0.1s ease-in-out;
  transition-property: color, background-color, border-color;
}

.tns-controls button + button {
  margin-left: 5px;
}

.card-container-swiper {
  margin-bottom: 20px;
  transition: box-shadow 0.3s;
  margin: 10px !important;
  display: grid !important;
  min-height: 200px;
  min-width: 200px;
}

div.card-container-swiper div[cardtype=swiper] > div.card {
  flex: 0 0 calc((100% - 9rem) / 3);
}

.card-container-carousel {
  max-width: 100%;
  padding: 2rem 3rem;
  background: #e6e6e6;
  margin: 2rem auto 0 auto;
  overflow: hidden;
  border-radius: 5px;
  position: relative;
}

.static-card {
  display: grid;
  grid-template-columns: auto auto auto;
}

div.card-comp.card-comp-carousel > .card {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}

div[slidestoshow="5"].card-comp.card-comp-carousel > .card,
.five-cards {
  width: calc(3.84615% - 13px) !important;
  margin-right: 20px !important;
  margin-left: 2px !important;
}

div[slidestoshow="4"].card-comp.card-comp-carousel > .card,
.four-cards {
  width: calc(4% - 8px) !important;
  margin-right: 30px !important;
  margin-left: 3px !important;
}

div[slidestoshow="3"].card-comp.card-comp-carousel > .card,
.three-cards {
  width: calc(4.55556% - 34px) !important;
  margin-right: 50px !important;
  margin-left: 2px !important;
}

.card-comp-carousel {
  background-color: #e6e6e6;
}

/*search bar css*/
.listening {
  color: red !important;
  background-color: beige;
  animation: mic;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

/* ----- Image Grid ----- */
.imageGrid.img-grid-3 {
  display: grid;
  align-items: center;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.imageGrid.img-grid-4 {
  display: grid;
  align-items: center;
  grid-template-columns: repeat(4, 1fr);
  row-gap: 20px;
  column-gap: 12px;
}

.imageGrid.img-grid-5 {
  display: grid;
  align-items: center;
  grid-template-columns: repeat(5, 20%);
  grid-row-gap: 30px;
}

.imageGrid.img-grid-5 .grid {
  margin: 0 !important;
  width: 90% !important;
}

@keyframes mic {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  0% {
    transform: scale(1);
  }
}
.pfm-ctr-searchbar-button .fa-magnifying-glass:hover {
  color: #3c8cef !important;
  transform: scale(1.2);
}

.searchInput-icon button {
  outline: none;
}

#add-edit-form {
  max-height: 500px;
  overflow: auto;
}

/*css related to the pick and release*/
.pick-task {
  background: #fff none repeat scroll 0 0;
  height: 100%;
  opacity: 0.5;
  position: absolute;
  width: 100%;
  z-index: 1039;
}

.release-icon {
  right: 0;
  top: 15px;
  float: right;
}

.pick-btn {
  position: absolute;
  z-index: 1039;
  left: 49%;
  top: 50%;
  color: #FFF;
  font-size: 15px;
  border: 0px !important;
}

.release-btn {
  color: #FFF;
  font-size: 15px;
  border: 0px !important;
}

.button-text {
  font-size: 20px;
  font-style: normal;
  color: #fff;
  display: inline;
  padding-left: 24px;
  padding-right: 2px;
  cursor: pointer;
}

.pfm-initial-text {
  display: none;
}

.tab-active {
  display: block !important;
}

::-webkit-scrollbar-thumb {
  background: #255fa6;
}

.ag-theme-alpine-dark .ag-paging-page-size,
.ag-theme-quartz-dark .ag-paging-page-size,
.ag-theme-balham-dark .ag-paging-page-size,
.ag-theme-material-dark .ag-paging-page-size {
  color: #fff;
}

.date-icon-ag-grid {
  background-position: -251px -111px;
  width: 30px;
  height: 35px;
}

.date-time-icon-ag-grid {
  background-position: -466px -36px;
  width: 30px;
  height: 33px;
}

.ag-grid-cell-button {
  background-color: #255fa6 !important;
  width: 100px;
  margin-left: 10%;
  min-height: 15px;
}

.cell-toggle-button {
  position: relative;
  width: 60px;
  height: 30px;
  background-color: red;
  border-radius: 2rem;
  cursor: pointer;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px inset;
  appearance: none;
  outline: none;
  transition: background-color 0.5s ease;
}

.cell-toggle-button:checked {
  background-color: rgb(0, 237, 100);
}

.cell-toggle-button::before {
  content: "";
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: rgb(255, 255, 255);
  position: absolute;
  top: 0;
  left: 0;
  transition: transform 0.5s ease;
}

.cell-toggle-button:checked::before {
  transform: translateX(30px);
}

.aggrid-progress-bar-cell {
  display: flex;
  align-items: center;
  padding: 0 5px;
}

.aggrid-progress-bar-container {
  flex-grow: 1;
  background-color: #f3f3f3;
  border-radius: 4px;
  height: 6px;
  position: relative;
  margin-right: 10px;
}

.aggrid-progress-bar {
  height: 100%;
  background-color: #255fa6 !important;
  border-radius: 4px;
  transition: width 0.3s ease;
}

.aggrid-progress-bar-percentage {
  font-size: 14px;
  color: #333;
  white-space: nowrap;
}

.aggrid-range-slider-cell {
  display: flex;
  align-items: center;
  padding: 0 5px;
}

.aggrid-range-slider {
  flex-grow: 1;
  margin-right: 10px;
  -webkit-appearance: none;
  width: 100%;
  height: 8px;
  background: #f3f3f3;
  border-radius: 4px;
  outline: none;
  opacity: 0.7;
  transition: opacity 0.2s;
}

.aggrid-range-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  background: #255fa6 !important;
  cursor: pointer;
  border-radius: 50%;
}

.aggrid-range-slider::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: #255fa6 !important;
  cursor: pointer;
  border-radius: 50%;
}

.aggrid-range-slider-percentage {
  font-size: 14px;
  color: #333;
  white-space: nowrap;
}

.ag-row-group-contracted .aggrid-range-slider-cell {
  display: none !important;
}

.ag-row-group-contracted .cell-phone-number-input {
  display: none !important;
}

.ag-row-group-contracted .ag-grid-cell-button {
  display: none !important;
}

.ag-row-group-contracted .cell-email-input {
  display: none !important;
}

.ag-row-group-contracted .custom-date-filter {
  display: none !important;
}

.ag-row-group-contracted .aggrid-progress-bar-cell {
  display: none !important;
}

.ag-row-group-contracted .ag-checkbox-wrapper {
  display: none !important;
}

.ag-row-group-contracted .ag-toggle-wrapper {
  display: none !important;
}

.ag-row-group-contracted .ag-action-button-wrapper {
  display: none !important;
}

.ag-row-group-contracted .ag-grid-custom-select {
  display: none !important;
}

.ag-row-group-contracted .numeric-input {
  display: none !important;
}

.ag-row-group-contracted .grid-text-input {
  display: none !important;
}

.ag-row-group-contracted .grid-textarea-input {
  display: none !important;
}

.ag-row-group-contracted .icon-cell-rederer-wrapper {
  display: none !important;
}

.ag-row-group-contracted .custom-cell-renderer-wrapper {
  display: none !important;
}

.ag-row-group-expanded .aggrid-range-slider-cell {
  display: none !important;
}

.ag-row-group-expanded .cell-phone-number-input {
  display: none !important;
}

.ag-row-group-expanded .ag-grid-cell-button {
  display: none !important;
}

.ag-row-group-expanded .cell-email-input {
  display: none !important;
}

.ag-row-group-expanded .icon-cell-rederer-wrapper {
  display: none !important;
}

.ag-row-group-expanded .custom-date-filter {
  display: none !important;
}

.ag-row-group-expanded .custom-cell-renderer-wrapper {
  display: none !important;
}

.ag-row-group-expanded .aggrid-progress-bar-cell {
  display: none !important;
}

.ag-row-group-expanded .ag-checkbox-wrapper {
  display: none !important;
}

.ag-row-group-expanded .ag-toggle-wrapper {
  display: none !important;
}

.ag-row-group-expanded .ag-action-button-wrapper {
  display: none !important;
}

.ag-row-group-expanded .custom-select {
  display: none !important;
}

.ag-row-group-expanded .numeric-input {
  display: none !important;
}

.ag-row-group-expanded .decimal-input {
  display: none !important;
}

.ag-row-group-expanded .grid-text-input {
  display: none !important;
}

.ag-row-group-expanded .grid-textarea-input {
  display: none !important;
}

.ag-row-group-expanded .ag-grid-custom-select {
  display: none !important;
}

.ag-row-group-expanded .numeric-input {
  display: none !important;
}

.ag-row-group-expanded .decimal-input {
  display: none !important;
}

.ag-row-group-expanded .grid-text-input {
  display: none !important;
}

.ag-row-group-expanded .grid-textarea-input {
  display: none !important;
}

.ts-dropdown {
  width: calc(100% - 10px) !important;
  margin: 0 !important;
  left: 5px !important;
}

.ts-control {
  position: relative;
  border: 1px solid #ccc;
  padding: 5px 8px !important;
  background-color: #fff;
}

.ts-control::after {
  content: "▼";
  position: absolute;
  right: 3px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 16px;
  color: rgba(51, 51, 51, 0.2196078431);
}

.ts-wrapper.plugin-remove_button .item {
  padding: 5px !important;
}

.custom-tooltip {
  position: absolute;
  background-color: #333;
  color: #fff;
  padding: 8px;
  border-radius: 5px;
  font-size: 14px;
  white-space: nowrap;
  z-index: 1000;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
}

.signContainer.parent-disabled {
  cursor: not-allowed;
}

.pfm-ctr-signature-canvas.canvas-disabled {
  pointer-events: none;
}

/*adding class to the file control on "Disable Control"*/
.add-disable-cls {
  cursor: not-allowed !important;
  background-color: #e9ecef;
  opacity: 1;
}

/*adding class to the autocomplete control on "Disable Control"*/
.disabled-autocomplete {
  cursor: not-allowed !important;
  background-color: #e9ecef !important;
  opacity: 1;
}

.ag-grid-cell-button {
  color: #fff !important;
}

.form-section {
  display: none;
}

.login-container[data-state=login] .login-form {
  display: block;
}

.login-container[data-state=forgot] .forgot-password-container {
  display: block;
}

.login-container[data-state=signup] .sign-up-container {
  display: block;
}

.numeric-input,
.grid-text-input,
.decimal-input,
.ag-grid-custom-select,
.grid-textarea-input,
.cell-phone-number-input,
.cell-email-input {
  width: calc(100% - 4px) !important;
  border: 1px solid #ebeaea !important;
  outline: none !important;
  box-sizing: border-box !important;
  margin: 2px !important;
  height: calc(100% - 4px) !important;
  display: block !important;
  padding: 5px !important;
}

.ag-ltr .ag-cell {
  border-right-width: 1px;
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.ag-cell-wrapper.ag-cell-edit-wrapper.ag-checkbox-edit {
  margin-left: 28% !important;
}

.ag-cell-wrapper.ag-checkbox-cell {
  margin-left: 40% !important;
}

.ag-virtual-list-viewport.ag-filter-virtual-list-viewport.ag-focus-managed {
  overflow: visible !important;
}

.ag-grid-date-input-filter-container {
  display: flex !important;
}

.ag-grid-date-time-input-filter-container {
  display: flex !important;
  border: 1px solid gray;
}

.filter-date-time-picker-clear {
  margin-top: 8px !important;
}

.filter-date-picker-clear {
  margin-top: 10px !important;
}

.ag-header-cell.ag-floating-filter .custom-date-filter {
  border: none !important;
}

.ag-header-cell.ag-floating-filter .flatpickr-input {
  width: 50% !important;
}

.ag-header-cell.ag-floating-filter .ag-grid-date-time-input-filter-container {
  border: none !important;
  padding-top: 15px !important;
}

.recorder-btn .start-recorder-btn,
.recorder-btn .stop-recorder-btn {
  height: 1.9em;
  vertical-align: -0.9em;
}

.recorder-btn {
  border: none !important;
  outline: none !important;
  color: #a5a5a5;
  background-color: white;
}

.audio-recorder-wrapper:has([disabled]),
.audio-player-wrapper:has([disabled]),
.video-recorder-wrapper:has([disabled]),
.video-player-wrapper:has([disabled]) {
  cursor: not-allowed;
}

.audio-recorder[disabled],
.audio-component[disabled],
.video-component[disabled],
.pfm-video-recorder[disabled] {
  pointer-events: none;
  opacity: 1;
}

.video-wrapper .start-recorder-btn,
.video-wrapper .stop-recorder-btn {
  height: 2em;
  vertical-align: -0.9em;
}

.video-wrapper .start-recorder-btn {
  color: #255fa6;
}

.video-wrapper .stop-recorder-btn {
  color: red;
}

.grid-icon-text-input {
  margin: 5px !important;
}

.ag-header-cell-text {
  margin-left: 5px !important;
}

.grid-icon-text-label {
  color: inherit !important;
  margin-left: 5px !important;
  margin-right: 5px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.file-download-prefix-icon {
  margin-right: 10px !important;
}

.file-download-suffix-icon {
  margin-left: 10px !important;
}

.list-item-view-section {
  margin-bottom: 15px;
}

.tree-node {
  cursor: pointer;
  padding: 10px 10px;
  display: flex;
}

.tree-node:hover {
  background-color: #f0f0f0;
}

.node-meta {
  color: gray;
  font-size: 0.9em;
  margin-left: 10px;
}

.node-name span.exist-info {
  border-radius: 50%;
  padding: 2px 6px;
}

.node-name span.license-info {
  border-radius: 50%;
  padding: 2px 6px;
}

.node-name span.exist-info.already-exist {
  background-color: orange;
}

.node-meta-title {
  font-weight: bold;
  text-transform: capitalize;
}

.tree-node .node-checkbox {
  cursor: pointer;
}

.tree-node .node-checkbox:disabled {
  background-color: #ddd;
  cursor: not-allowed;
  opacity: 0.6;
}

.children {
  margin-left: 15px;
  border-left: 1px dashed #ccc;
  padding-left: 45px;
}

.tree-node .node-info {
  margin-left: 10px;
  width: 100%;
}

.tree-node .node-info p {
  margin-bottom: 0;
  word-break: break-all;
}

.node-node {
  margin-top: 10px;
}

.json-item {
  margin: 10px;
  font-weight: bold;
  text-transform: capitalize;
  border-bottom: 1px dotted #bdbdbd !important;
  padding: 5px;
  height: 40px;
}

.json-item .json-item-name {
  float: left;
  width: 70%;
}

.ts-dropdown-content {
  border-top: 1px solid #b7b7b7;
}

.qrcode-reader-container .scan-result,
.barcodeValueText {
  max-width: 140px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  position: relative;
  margin: 0px;
}

.qrcode-reader-container .scan-result:hover::after,
.barcodeValueText:hover::after {
  content: attr(title);
  position: absolute;
  left: 0;
  top: 100%;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 5px;
  border-radius: 4px;
  white-space: normal;
  max-width: 300px;
  z-index: 1000;
}

.mapRuntimConfiguration .addressInputDiv {
  margin-left: 80%;
}

.qrcode-reader-container .scan_result {
  max-width: 140px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  position: relative;
  margin: 0px;
}

.barcode-reader-container .scan_result {
  max-width: 140px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  position: relative;
  margin: 0px;
}

.qrcode-container:has([disabled]),
.barcode-container:has([disabled]) {
  cursor: not-allowed;
}

.qrcode-reader-container[disabled],
.barcode-reader-container[disabled] {
  pointer-events: none;
  opacity: 1;
}

.qrcode_rescan_button_container {
  margin-top: 20px;
}

.qrcode_scan_button_container {
  margin-top: 20px;
}

.qrcode_scan_result_container {
  margin-top: 40px;
}

.barcode_rescan_button_container {
  margin-top: 20px;
}

.barcode_scan_button_container {
  margin-top: 20px;
}

.barcode_scan_result_container {
  margin-top: 40px;
}

#html5-qrcode-button-camera-start {
  display: none;
}

#html5-qrcode-button-camera-stop {
  color: #fff;
  background-color: #255fa6;
  border-color: #255fa6;
  height: 40px;
}

.pfm-ctr-datetime .form-control[readonly]:not([disabled]),
.pfm-ctr-date .form-control[readonly]:not([disabled]),
.pfm-ctr-date-range .form-control[readonly]:not([disabled]) {
  background-color: #fff;
}

.ts-control {
  background: #fff !important;
}

/*chips control"*/
.displayChips.horizontal {
  white-space: nowrap;
}

.displayChips.vertical {
  max-height: 92px;
}

div.barcode-stream > div:nth-child(1),
div.qrcode-stream > div:nth-child(1) {
  display: none;
}

.info-loader {
  background: url(/o/static-resources/themes/green/images/icons/loading16.gif) no-repeat center center;
  display: inline-block;
  zoom: 1;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  line-height: 16px;
  margin-top: -1px;
  margin-bottom: 1px;
  position: absolute;
  top: 50%;
  z-index: 9999;
  left: 85%;
}

.info-preloader-content-loader.info-preloader-active {
  display: block;
}

.info-preloader-content-loader {
  display: none;
}

#select-all-checkbox {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid grey;
  border-radius: 4px;
  background-color: white;
  transform: scale(1.1);
  box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 5px;
  cursor: pointer;
  position: relative;
  vertical-align: top;
}

#select-all-checkbox:checked {
  background-color: #1B84FF !important;
}

#select-all-checkbox:checked::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 6px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.file-download-prefix-icon,
.file-download-suffix-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  cursor: pointer;
}

/* Stepper Styles */
.stepper-action-btn {
  padding: 10px 20px;
  background-color: #007BFF;
  border: none;
  color: #fff;
  cursor: pointer;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.stepper-action-btn i {
  display: inline-flex;
  align-items: center;
}

.prev-button {
  background-color: #6c757d;
  margin-right: 10px;
}

.prev-button:hover {
  background-color: #5a6268;
}

.next-button {
  background-color: #007BFF;
}

.next-button:hover {
  background-color: #0056b3;
}

.finish-button {
  background-color: #28a745;
}

.finish-button:hover {
  background-color: #218838;
}

.button-container.vertical {
  display: flex;
  justify-content: end;
  margin-top: 20px;
}

.button-container.horizontal {
  display: flex;
  justify-content: end;
}

.main-content.horizontal {
  margin: 15px;
}

.main-content.vertical {
  width: 90%;
  margin: 15px;
}

.step-title {
  width: 100%;
  display: block;
  text-align: center;
}

.step-container {
  height: 50px;
  width: 90px;
  max-width: 300px !important;
}

.step {
  margin: auto;
}