/*******Progress Bar and Header ********/
.progressbar_progress {
    foreground-color: #5DC95B;
    background-color: #DAE0EA;
}

/******** Text Color******/



/******Buttons**********/

.button_button_isSecondary, .button_button_isSecondary:hover {
    background-color: #C9C9C9;
    font-family: Helvetica, sans-serif, Arial;
    font-weight: bold;
    font-size: 16px;
   background: transparent;
    border-color: black;
    border: 1px solid;
}


/******Tooltip**********/

.popup_popupContainer
{
padding: 0px;
}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;

}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

/* Calendar icon color changed */

.calendar_calendarIcon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    font-size: 28px;
    color: #0d5257;
}

/*Radio Boxes answer options changed */
.option_captionContainer {
    font-family: Helvetica, Sans-Serif, Arial;
}

/*Calendar - Date font changed*/
.calendar_calenderTextfieldInput {
    font-family: Helvetica, sans-serif, Arial;
}
/*Button Text font changed*/
.button_button_isPrimary {
    font-family: Helvetica, sans-serif, Arial;
    font-weight: bold;
    font-size: 16px;
} 
/*.Comment boxes font changed*/
textarea_textarea {
    font-family: Helvetica, sans-serif, Arial;
}
/* Question size, font, colour changed */
.question_questionTitle {
    position: relative;
    padding: 32px 0;
    font-size: 25px;
    line-height: 36px;
    width: 100%;
    font-family: Helvetica, sans-serif, Arial;
    color: #0d5257;
}

/* Removes spacing between Powerpass number and how often do you shop at Bunnings*/
.layout_text {
     padding: 0px 0;
}
.dropdown_dropdownLabel {
    
    font-size: 14px;
    font-weight: bold;
}

.dropdown_dropdownTitle{
    font-size: 16px !important;
}
.dropdown_dropdownLabel{

    font-family:Helvetica, sans-serif, Arial !important;
     
}
.dropdown_dropdownSelector{
    font-family:Helvetica, sans-serif, Arial !important; 
    font-size: 16px;
}
/*Grid questions font changed*/
.cellOption_input {
    font-family: Helvetica, sans-serif, Arial;
}
/*Comment text*/
.textarea_textarea {
    
    font-family: Helvetica, sans-serif, Arial;
}
/*Labels*/
dropdown_dropdownLabel false{
	   font-size: 14px;
    font-family: Helvetica, sans-serif, Arial;
}
/*items in dropdown*/
.dropdown_dropdownListItem{
 font-family: Helvetica, sans-serif, Arial;
 font-size: 16px !important;
}

/*Button Width changed*/
.navigationButtons_navigationButtonsContainer_hasOneButton .navigationButtons_pageButtonContainer button {
    width: 50%;
}
/*Changes text in h2*/
element.style {
    font-weight: normal;
    font-family: Helvetica, sans-serif, Arial;
    font-size: 25px;
    color: #0d5257;
}
/*** Prevent border lines from disappearing in Chrome when zooming out***/ .group_optionContainer {
    border-bottom: thin solid #dae0ea;
}
/* Recommended: decrease font size on mobile if your client is optimizing for response rates over accessibility */
@media screen and (max-width: 768px) 
{

  /* Reduce font size on questions */
  
.navigationButtons_navigationButtonsContainer
.navigationButtons_navigationButtonsContainer_hasOneButton{
    padding-top: 0px;
    
}  
}
/* Powered by Medallia logo in centre*/
.layout_footer{
    display: none; 
    padding-top:16px !important;
    padding-bottom: 16px !important;
}
/*Email Validation*/
.validation_caption {
    margin-left: 4px;
    vertical-align: middle;
    margin-right: 0;
    font-family: Helvetica, sans-serif, Arial;
}