#survey_user > div.header > div { display: block; }
#survey_user > div.header > div.panel_main { position: relative; }
#survey_user > div.header > div.panel_main > div:not(#progress_bar) { height: 100%; }

#survey_user > div.header > div.panel_main > div { padding-left: 0; }
#survey_user > div.header > div.panel_main > div img { height: 30px; margin-left: auto; order: 2; padding-right: 20px; }

@keyframes cssProgressActiveRight {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 35px 35px;
  }
}

#survey_user > div.section { height: calc(100vh - 50px); }


#survey_user > div.header > div.panel_main > #progress_bar { border-radius: 5px; height: 18px; background: #ebf0ff; /*bottom: -18px; position: absolute;*/ z-index: 5; width: 100%; padding: 0; border: 1px solid #ececec; box-sizing: border-box; overflow: hidden; }
#survey_user > div.header > div.panel_main > #progress_bar #progress { border-radius: 5px; width: 10%; height: 100%; background-color: var(--sky-color); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.125) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.125) 50%, rgba(255, 255, 255, 0.125) 75%, transparent 75%, transparent);  animation: cssProgressActiveRight 2s linear infinite; background-size: 35px 35px; transition: width 0.8s ease-in-out; position: relative; }
#survey_user > div.header > div.panel_main > #progress_bar #progress::after { content: attr(data-per)"%"; position: absolute; right: 0; font-size: 12px; margin-right: 10px; color: var(--blue-color); top: -2px;}

#survey_user > div.section > div.panel_main { background: #fff; padding-top: 50px;  padding-bottom: 100px; }
#survey_user > div.section > div.panel_main .question_set { margin-bottom: 30px; }
#survey_user > div.section > div.panel_main > .button_wrap { text-align: center; margin-top: 50px; }
#survey_user > div.section > div.panel_main > .button_wrap .button { margin: 0 10px; }

#survey_user > div.section > div.panel_right > .button_wrap { display: inline-block; }
#survey_user > div.section > div.panel_right > .button_wrap .button:hover { background: var(--blue-color); border-color: var(--blue-color); }
#survey_user > div.section > div.panel_right > .button_wrap .button:hover i { color: #fff; }