@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");

:root {
    --question_text_alignment: left;
    --instruction_font_size: 12px;
    --answer_opens_padding: 5px;
    --answers_text_size: 16px;
    --answers_text_weight: normal;

    --body_background_color: #E8F7FF;

    --custom_button_background_color: rgba(196, 214, 202, 1);
    --custom_button_checked_background_color: #b4b4b4;
    --custom_special_background_color: rgb(236, 236, 236);
    --text_color_instruction: #0F2156;
    --text_size_instruction: 12px;
    --text_weight_instruction: normal;
    --text_style_instruction: italic;
    --button_color: #4C534F;
    --button_color_background: #fff;
    --button_color_clicked: #4c4c4c66;    
    --button_color_clicked_background: #24356E;
    --button_size: max(min(8vmin, 24px),24px);
    --button_size_small: max(min(8vmin, 24px),24px);
    --check_font_size: calc(var(--button_size) * 0.9);
    --text_color: #0F2156;
    --text_decoration_instruction: none;
    --text_size_supplementary:18px;
    --text_weight_supplementary:normal;
    --text_style_supplementary:none;
    --text_decoration_supplementary:none;
    --text_color_error:#ff0000;
    --text_size_error: var(--instruction_font_size);
    --text_weight_error:bold;
    --text_style_error:none;
    --text_decoration_error:none;

    --main_font_family: Roboto;
    --main_font_size: 16px;
    --main_font_weight: normal;
    --main_logo_alignment: left;
    --main_logo_height: 55px;
    --main_text_color: #0F2156;
    --page_background_image: url("");
    --page_background_color: #15e4e480;
    --page_content_background_color: white;
    --page_content_border_radius: 6px;



    --question_row_text_color: #0F2156;
    --question_row_hover_text_color: #fff;
    --question_row_selected_text_color: #fff;
    --question_row_selected_hover_text_color: #fff;
    
    --question_row_border_color: #CEEFFF;
    --question_row_hover_border_color: #CEEFFF;

    --question_row_background_color: #CEEFFF;
    --question_row_alt_background_color: #CEEFFF;
    --question_row_hover_background_color: #029deb76;

    --question_row_selected_background_color: #0F2156;
    --question_row_selected_hover_background_color: #0F2156;



    --question_font_size: 20px;   
    --question_font_weight: normal;


    --progressbar_background_color: #4c4c4c66;
    --progressbar_foreground_color: #0F2156;
    --progressbar_width: 90%;
    --progressbar_height: 4px;
    --progressbar_radius: 2px;
    --progressbar_horizontal_text_align: 102%;
    --progressbar_vertical_text_align: -13px;
    --progressbar_text_size: -13px;

    --button_background_color: #0F2156;
    --button_border_color: #0F2156;
    --button_text_color: #fff;
    --button_border_radius: 6px;
    --button_border_width: 0px;
    --button_min_width: 100px;
    --button_height: 44px;
    --button_font_size: 16px;
    --button_font_weight: 700;
    --button_line_height: 20px;
    --button_vertical_align: middle;
    --button_background_color_hover: #0D3069;
    --button_border_color_hover: #0D3069;

    --input_field_border_color: #CEEFFF;
    --input_main_color: #0F2156;
    --input_radio_checkbox_size: max(min(8vmin, 24px),24px);
    --input_radio_checkbox_grid_color: #24356e;

    --interactive_checked_text_color: #0F2156;
    --interactive_border: 1px;
    --interactive_border_hover: 1px;
    --interactive_text_color: #0F2156;
    --interactive_background_color: #4c4c4c34;
    --interactive_checked_background_color: #4d4d4d4c;
    --interactive_background_color_hover: #CEEFFF;
    --interactive_text_color_hover: #0F2156;

    --interactive_font_size: 16px;
    --interactive_font_weight: normal;
    --interactive_border_radius: 6px;
    --interactive_margin: 8px;
    --interactive_padding: 12px;
    --interactive_text_align: center;
    --interactive_vertical_align: middle;
    --special_text_color: white;
    --special_background_color: #093A4E;
    --main_logo_max_width: 66px;
    --text_color_supplementary: #0F2156;

    --grouping_header_text_color: #ffffff;
    --grouping_header_background_color: #0ABAEF;
    --grouping_header_text_color_hover: #ffffff;
    --grouping_header_background_color_hover: #0ABAEF;
}
#html{
    height: -webkit-fill-available;
}
body {
    background-image: var(--body_background_image) !important;
}

.rsBtn:hover {
    border: 1px solid var(--input_field_border_color) !important;
}



@media only screen and (max-width: 767px) {
  /* For mobile phones: */
    .buttonExit {
        width: 100vw !important;
        position: absolute !important;
        top: 6px !important;
    }
}
@media only screen and (min-width: 768px) {
  /* For mobile phones: */
    .buttonExit {
        width: 150px !important;
        position: absolute !important;
        top: 10vh !important;
        left: 85vw !important;
        height: 50px !important;
    }
}

.logo1 {
    filter: brightness(0.5);
}