/* ================================
   Ag grid buttons formatting - ai app specific
   ================================ */

.sia-dash-app .grid-action-plan-button,
.sia-dash-app .grid-remove-button,
.sia-dash-app .grid-resume-button{
  color:white !important;
  font-family: "CorporateS"!important;
  /* background-color: var(--accent_negative)!important; */
  border:none!important;
  text-transform: capitalize !important;
  font-weight: normal !important;
  font-size: 14px !important;
  display:flex!important; 
  justify-content:center!important; 
  align-items:center!important; 
  white-space:nowrap!important; 
  height: 35px !important;
  border-radius: 5px !important;
}

.sia-dash-app .grid-action-plan-button{
  background-color: var(--accent_negative)!important;
}

.sia-dash-app .grid-remove-button{
  background-color: var(--sia-brand-primary)!important;
}

.sia-dash-app .grid-resume-button{
  background-color: #002D72!important;
  color: white!important;
}

.sia-dash-app .grid-action-plan-button{
    background-color: var(--sia-brand-neutral) !important;
}


.sia-dash-app .intro-metric-label,
.sia-dash-app .intro-metric-score{
    font-family: var(--sia-font-family-bold)!important;
}

.sia-dash-app .introduction .intro-metric-label{
    font-size: 16px !important;
    letter-spacing: 3px!important;
    text-transform: uppercase!important;
    color: var(--sia-brand-neutral)!important;
    margin-bottom: 12px!important;            
}

.sia-dash-app .introduction .intro-metric-score{
    font-size: 40px!important;
    line-height: 1!important;
    color: var(--sia-heading-color)!important;     
}

.sia-dash-app .introduction .intro-metric-container{
    display: flex;
    gap: 60px;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 28px 28px 26px 28px;
    margin-top:0px;
}

/* ================================
   Formatting floating filter menu buttons
   ================================ */

/* Formatting 'reset' button within filter menu */

.sia-dash-app .introduction .ag-standard-button.ag-filter-apply-panel-button:nth-child(1),
.sia-dash-app #close-saved-assessment-modal {
color: white !important;
background-color: var(--sia-brand-neutral) !important;
border: 1px  var(--sia-brand-primary) !important;
border-radius: 0 !important;
font-size: 14px !important;
letter-spacing: normal !important;
text-transform:none !important;

}

/* Formatting 'apply' button within filter menu */

.sia-dash-app .introduction .ag-standard-button.ag-filter-apply-panel-button:nth-child(2),
.sia-dash-app #saved-assessment-download {
color: white !important;
background-color: var(--sia-brand-primary) !important;
border: 1px  black !important;
text-transform: capitalize !important;
font-size: 14px !important;
letter-spacing: normal !important;
border-radius: 0 !important;
}


.sia-dash-app #saved-assessment-download,
.sia-dash-app #close-saved-assessment-modal{
    font-family: var(--sia-font-family-heading)!important;
}
.sia-dash-app .introduction .ag-header-cell-filtered .ag-icon-filter::before {
    color: white !important;
}


.sia-dash-app .introduction .ag-icon-filter:hover{
    color: white !important;
}





.sia-dash-app #conditions-accept{
color: white !important;
background-color: var(--sia-brand-primary) !important;
border: 1px  black !important;
text-transform: capitalize !important;
font-size: 14px !important;
letter-spacing: normal !important;
border-radius: 0 !important;
font-family: var(--sia-font-family) !important;
}


.sia-dash-app #conditions-decline{
    font-family: var(--sia-font-family) !important;
}
.sia-dash-app #conditions-decline{
color: white !important;
background-color: var(--sia-brand-neutral) !important;
border: 1px  var(--sia-brand-primary) !important;
border-radius: 0 !important;
font-size: 14px !important;
letter-spacing: normal !important;
text-transform:none !important;

}

/* ================================
   Saved Assessment Modal Scrollbar
   ================================ */


.sia-dash-app .assessment-modal-body::-webkit-scrollbar-thumb {
  background-color: var(--sia-brand-primary) !important;
}

.sia-dash-app .introduction .dash-input::placeholder{
  color:black !important;
}


.sia-dash-app .introduction .remove-offset{
  /* right:none !important; */
  left:10px !important;
  top:10px !important;
  width:min(400px,96%)!important;
  position: relative !important;
  margin-bottom:35px !important;
}