/*Custom font for text heading*/

.indicatorCircle_indicatorCircleContainer.indicatorCircle {
    display: block !important;
}
.layout_text.textNode{
font-size:28px;
}

/* Primary buttons include: Begin, Next, and Finish */
.button_button_isPrimary {
    background-color: #4B4B4B;     
    color: #FFFFFF;                
}

.button_button_isPrimary:hover {
    background-color: #E20074;    
	color: FFFFFF;
}

/* The secondary button is Back */
.button_button_isSecondary {
    background-color: #E2E2E2;     
    color: #213144;               
}


.button_button_isSecondary:hover {
    background-color: #C9C9C9;     
	color: 213144;
}

.questionCaption {
    color: #213144;
}


/* Progress bar background, or incomplete area */
.progressbar_progressBar {
    background-color: #DAE0EA;    /* Color of incomplete area */
    height: 6px;                  /* Height of the bar */
}

/* Progress bar */
.progressbar_progressBarIndicator {
    background-color: #E20074;    /* Color of the progress bar */
}

/****UPDATE FONT FAMILY****/
@font-face {
  font-family: 'my_font';
  src: url('https://medallia.s3.amazonaws.com/Deutsche+Telekom/TeleGroteskNext/Webfonts/telegrotesknext-regular.woff') format('woff2'), /* Super Modern Browsers */
       /*url('https://medallia.s3.amazonaws.com/Telefonica/frutiger-roman.woff2') format('woff'), /* Pretty Modern Browsers */
}
body, html{
  font-family: my_font, Verdana, Geneva, sans-serif;
}

/****ENSURE ON MOBILE SELECTED CIRCLE IS ABOVE THE SCALE BORDERS****/
.indicatorCircle_indicatorCircleContainer.indicatorCircle {
    display: table-row;
}

/*** MOBILE ADJUSTMENT - ACHOR, BODY AND QUESTION TEXT FONT SIZE ***/
@media screen and (max-width: 768px) {
.anchor {
    font-size: 9px;
    vertical-align: bottom;
}
.modal_modalOpen{
position:relative;
}
.layout_text.textNode{
font-size:18px;
}
body {
    font-size: 16px;
}
}
@media screen and (max-width: 768px){
.question_questionTitle {
    font-size: 18px;
    line-height: 32px;
}
.modal_modalOpen{
position:relative;
}
}