/*
  You can add custom CSS rules or import files here.
*/


/* Import the Radzen CSS files */
@import './styles-generated.css';

.rz-column-title-content {
  white-space: normal !important;
  word-wrap: break-word !important;
  }

 .rz-cell-data {
    white-space: normal !important;
    word-wrap: break-word !important;
    }

  
  .rz-state-disabled.organButton {
            border: 1px solid rgb(3, 118, 65)!important;
            background-color: transparent!important;
            color: rgb(3, 118, 65)!important;
            font-weight: bold !important;
            box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.7)!important;
  }

  .organButton {
    background-color: rgb(3, 118, 65) !important;
    opacity: 1 !important;
  }

  .rz-button.rz-button-md.rz-button-text-only.rz-state-active {
    
            color: rgb(5, 66, 38)!important;
            font-weight: bold !important;
            box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.7)!important;
  }

  .highlight-row {
    background-color: yellow !important;
    font-weight: bold;
  }

  .highlight-row td {
    background-color: yellow !important;
}

/*
 * Custom Dialog Styling for AOC form
 *
 * Editdor: Cade G.
 *
 * 6/27/2025
 *
 *
 * Additions: Adding styling for individual fields
 *
 * 7/18/2025
 *
 */
 
 .aoc-form-dialog {
  max-height: 90%;
  max-width: 90%;
}

.aoc-form-dialog .rz-state-disabled .rz-form-field-content > .rz-form-field-label {
  font-size: 12px;
  font-weight: bold;
  /*color: var(--rz-primary) !important;*/
}

.aoc-form-dialog .rz-form-field:not(.rz-floating-label) .rz-form-field-label, .rz-textbox:focus ~ .rz-form-field-label, .rz-textarea:focus ~ .rz-form-field-label, .rz-spinner:focus-within ~ .rz-form-field-label, .rz-autocomplete:focus-within ~ .rz-form-field-label, .rz-textbox:not(:placeholder-shown) ~ .rz-form-field-label, :not(.rz-state-empty) ~ .rz-form-field-label, .rz-variant-filled .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-filled :not(.rz-state-empty) ~ .rz-form-field-label, .rz-variant-flat :not(.rz-state-empty) ~ .rz-form-field-label, .rz-radio-button-list-vertical ~ .rz-form-field-label, .rz-radio-button-list-horizontal ~ .rz-form-field-label, .rz-checkbox-list-vertical ~ .rz-form-field-label, .rz-checkbox-list-horizontal ~ .rz-form-field-label, .rz-chkbox ~ .rz-form-field-label, .rz-state-empty:has(.rz-placeholder) ~ .rz-form-field-label {
  font-size: 12px;
  font-weight: bold;
  color: var(--rz-primary) !important;
  /*color: #000000;*/
}


.aoc-form-dialog .rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox {
  font-size: 11px;
}

.aoc-form-dialog .rz-form-field-content > *, .rz-form-field-content > .rz-autocomplete, .rz-form-field-content input, .rz-form-field-content .rz-inputtext, .rz-form-field-content .rz-calendar.rz-state-disabled .rz-inputtext{
  color: #000000 !important;
  font-size: 11px;

}


/*disabled fields*/
.aoc-form-dialog .rz-state-disabled .rz-form-field-content > .rz-form-field-label {
  font-size: 12px;
  font-weight: bold;
  /*color: #0000008f !important;*/
  color: #03764093 !important;
}

.aoc-form-dialog .rz-form-field.rz-state-disabled :not(.rz-button).rz-state-disabled, .rz-form-field.rz-state-disabled :not(.rz-button):disabled {
  /*color:rgba(233, 142, 130, 0.6) !important;
  border: rgba(233, 142, 130) !important;*/
  color: #0000008f !important;
}

.aoc-form-dialog .rz-calendar.rz-state-disabled .rz-inputtext {
  /*--rz-input-disabled-border: 1px solid rgba(233, 142, 130) !important;*/
}

.aoc-form-dialog .rz-datepicker-trigger.rz-state-disabled{
  /*color:rgba(233, 142, 130, 0.6) !important;*/
}


/*Pulled Data custom styling*/
.pulled-data-tn .rz-form-field-content{
  background-color: #03764011;
}

.pulled-data-tn .rz-spinner-input .valid .rz-inputtext {
  background-color: #03764011;
}

.rz-multiselect, .rz-dropdown .pulled-data-tn {
  background-color: #03764011;
}

.aoc-form-dialog .rz-form-field.rz-state-disabled :not(.rz-button).rz-state-disabled, .rz-form-field.rz-state-disabled :not(.rz-button):disabled {
  background-color: #03764000 !important;
}

/*Sticky Header Styling for AOC Form*/
.sticky-header {
  position: sticky;
  top: 0;
  background: #e6f2ff; /* soft blue */
  padding: 6px 10px;
  z-index: 1000;
}
 
.sticky-header p {
  margin: 0;
}




/*Media queries for AOC Form*/
@media screen and (max-width: 1024px){

.aoc-form-dialog {
  max-height: 90%;
  max-width: 90%;
  overflow-x: auto;
}

.aoc-form-dialog .rz-dialog-content{
width: 1400px;
}

.aoc-form-dialog .rz-dialog-titlebar{
width: 1400px;
}
}