.surveyCustomCssScope_Guest_Experience_Feedback_Survey_Style_Sheet {
/* PenFed Branding:
- Dark Blue: #002855
- Light Blue: #006B9A
- Dark Gray: #5767A
- Light Gray: #D9D9D6
*/
 
/* Adjusting the padding of survey background and survey form */
.surveyRuntimeScreen,
.surveyRuntimeScreen + .surveyRuntimeActionBar {
   min-width:70%;
   max-width:90%;
}
 
/* Adjusting the padding between the logo and the first question */
.surveyRuntimeScreen {
   margin-top: 2rem;
}
 
/* Adjusting the padding between questions and the navigation buttons */
.surveyRuntimeActionBar {
   padding-top:1rem;
   margin: 0 auto;
}
 
/* Changing the style of questions */
.slds-rich-text-editor__textarea, .slds-rich-text-editor__output {
   font-family: inherit;
   color: #000000;
   font-size: 14px;
   font-style: bold;
}
 
/* Expand or reduce the text area of free text questions */
.surveyAnswerTextarea textarea {
   min-height: 4rem;
}
 
/* Navigation buttons: primary (brand) look-and-feel */
.navigationButtons .slds-button_brand,
button.primaryButton.slds-button_brand {
   background-color: #002855!important;
   border-color: #002855!important;
   color: #ffffff !important;
}
 
/* Navigation buttons: secondary (neutral) look-and-feel */
.navigationButtons .slds-button_neutral,
button.secondaryButton.slds-button_neutral {
   background-color: #ffffff !important;
   border-color: #002855 !important;
   color: #002855 !important;
}
 
/* Ratings and choices: accent color for emoji, multi-select bars, and selected states */
.surveyAnswerRating .visualPicker.dynamic-emoji-rating-interaction--highlight svg {
   background-color: #002855;
}
 
/* Multi choice question button color */
.surveyAnswerMultiChoice .runtimeBtns:after {
   background-color: #002855;
}
 
/* Rating question emoji selection color*/
.surveyAnswerRating .visualPicker input:checked~label svg,
.surveyAnswerRating .visualPicker.rating-interaction--highlight svg {
   fill: #002855;
}
 
/* Radio button selection color*/
.surveyAnswerRadio .visualPicker .slds-button.runtimeBtns.selected:enabled {
   background-color: #002855;
}
 
/* Global brand button overrides (fallbacks outside navigation containers) */
.slds-button_brand,
.slds-button--brand {
   background-color: #002855;
   border-color: #002855;
}
 
/* Slider controls: thumb, hover, and track colors */
.slds-slider__range{
   opacity:0.7;
   transition:.2s;
 
}
.slds-slider__range::-webkit-slider-thumb,
.slds-slider__range:active::-webkit-slider-thumb {
   background-color:#002855;
}
.slds-slider__range:hover{
   opacity:1;
}
}