/* -------------------------
   SURVEY JS
   ------------------------- */

.sv_main {border-radius: 0 0 4px 4px; font-family: 'Open Sans', sans-serif !important;}
.sv_main .sv_container .sv_body {text-align: left; border-radius: 0 0 4px 4px; border-top-width: 4px; border-top-color: #053E4C;}
.sv_main .sv_container .sv_body fieldset {border: 0;}
.sv_main .sv_container .sv_body .sv_progress {height: auto; border-radius: .25rem;}
.sv_main .sv_container .sv_body .sv_progress .sv_progress_bar {border-radius: .25rem; margin: 0; background-color: #7B98AA;}
.sv_main .sv_container .sv_body .sv_progress .sv_progress_bar > span {font-size: 12px !important; padding: 5px; font-weight: 600; line-height: 12px; position: relative; top: auto; color: #fff;}
.sv_main input[type="button"], .sv_main button {background-color: #7B98AA;}
.sv_main input[type="button"]:hover, .sv_main button:hover {background-color: #053E4C;}
.sv_main .sv_container .sv_body .sv_nav {overflow: hidden; padding-bottom: 0;}
.sv_main .sv_container .sv_body .sv_nav .sv_prev_btn, .sv_main .sv_container .sv_body .sv_nav .sv_next_btn, .sv_main .sv_container .sv_body .sv_nav .sv_complete_btn {font-size: 1em; padding: 5px 10px; border-radius: .25rem; margin: 0px 0px 5px 0px; transition: all .25s ease;}
.sv_main .sv_container .sv_body .sv_nav .sv_complete_btn {background: #053E4C;}
.sv_main .sv_container .sv_body .sv_nav .sv_complete_btn:hover {background: #7B98AA;}

@media (max-width: 600px) {.sv_main .sv_container .sv_body .sv_p_root table.sv_q_matrix td {text-align: left;}}

/* IMAGES */

#surveyElement .sd-question__content .sd-imagepicker .sd-imagepicker__item .sd-imagepicker__text {white-space: normal; text-align: left; margin: 0 0 0 10px; font-size: 1em; line-height: 1.2em;}
.sd-imagepicker__item--checked .sd-imagepicker__image-container::before {border: 3px solid #007bff; box-shadow: 0 0 6px rgba(0,0,0,.5);}
.sd-imagepicker__item:focus-within .sd-imagepicker__image, .sd-imagepicker__item--allowhover .sd-imagepicker__image:hover {border: 3px solid #007bff; opacity: 1;}
#surveyElement .sd-imagepicker__item img, #surveyElement .sd-imagepicker__item .sd-imagepicker__image-container > div {background-color: transparent;}
#surveyElement .sd-imagepicker__item-decorator {flex-direction: row; align-items: center;}
.sd-imagepicker__item--checked .sd-imagepicker__check-decorator {box-shadow: 0 5px 10px rgba(0, 0, 0, .25);}

/* AUDIO */

#surveyElement .sd-body .sd-element button {background: #19b394; border-radius: 4px; border: 0; padding: 10px; min-width: 38px; margin: 1px !important;}
#surveyElement .sd-body .sd-element button:hover, #surveyElement .sd-body .sd-element button:active, #surveyElement .sd-body .sd-element button:focus {background: #14a48b;}
#surveyElement .sd-body .sd-element button .fa {color: #fff;}
#surveyElement .sd-body .sd-element audio {box-shadow: none !important; height: 38px !important; margin: 1px 1px 1px 5px !important;}

/* BUTTON */

#surveyElement .sd-body__navigation .sd-btn {background: #19b394 !important; color: #fff !important;}
#surveyElement .sd-body__navigation .sd-btn:hover, #surveyElement .sd-body__navigation .sd-btn:active, #surveyElement .sd-body__navigation .sd-btn:focus {background: #14a48b !important; color: #fff !important;}