@import url("./InfoDialogs.css");


.disable-content {
    pointer-events: none;
    opacity: 0.6;
}

.btn-success-500 {
    background-color: var(--color-success-500);
    color: white;
    font-weight: bold !important;
}



.up-arrow::before {
    content: '▲'; /* Up arrow symbol */
    margin-left: 10px;
}

.down-arrow::before {
    content: '▼'; /* Down arrow symbol */
    margin-left: 10px;
}

.buttonToogle {
    background-color: transparent;
    border: none;
    cursor: pointer;
    font-size: 16px;
}

.buttonToogle:focus {
    outline: none;
}

.line-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    margin-top: 10px;
  }

  .line-item .form-group {
    flex: 1;
    margin-right: 10px;
  }

  .line-item .form-group label {
    font-weight: bold;
    font-size: 0.9em;
    color: #333;
  }

  .line-item .form-control {
    width: 100%;
  }

  .line-item:last-child {
    border-bottom: none;
  }

.spacing-class {
  margin: 10px;
  padding: 5px;
}


.custom-table-header {
  text-align: center;
  white-space: nowrap;
  padding: 8px;
}


.info-icon-rounded {
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
}

.info-icon-rounded i {
  font-size: 20px;
  color: #000;
  cursor: pointer;
}
.disabled-div {
  pointer-events: none;
  opacity: 0.5;
}
.CE-form-multiselect button {
    min-width: unset !important;
    width:192px !important;
}