.values_survey_teacher_outer { position: relative; width: 100%; background-color: #282828; color: #FFFFFF; }
.values_survey_teacher_inner {  padding: 16px 16px 16px; }


.values_survey_form_upper_outer { position: relative; width: 100%; background-color: #FFFFFF;  }
.values_survey_form_upper_inner {   padding: 16px 16px 16px;  color: #292929;   }

.values_survey_form_lower_outer { position: relative; width: 100%; background-color: #f8f8f0;  }
.values_survey_form_lower_inner {   padding: 16px 16px 16px;  color: #292929;   }


.values_survey_form_lower_others_outer { position: relative; width: 100%; background-color: #ececec;  }
.values_survey_form_lower_others_inner {   padding: 16px 16px 16px;  color: #292929;   }

.values_survey_form_lower_extras_outer { position: relative; width: 100%; background-color: #FFFFFF; opacity: 0.3;  pointer-events: none;  }
.values_survey_form_lower_extras_inner {   padding: 24px 16px 24px;  color: #292929;   }


.values_survey_form_closing_outer { position: relative; width: 100%; background-color: #f8f8f0; padding: 32px 0px; opacity: 0.3; pointer-events: none; }
.values_survey_form_closing_inner {   padding: 0px 16px 0px;  color: #292929; text-align: left !important;   }

.vs_teachers_form_outer.cols_3 {  position: relative; width: 100%;  margin-top: 32px;  padding: 0px 0px;   }

.vs_form_outer.cols_3 {  position: relative; width: 100%;  margin-top: 32px;  padding: 0px 0px;   }

.content__space__reset { display: block; width: 100%;   }

.form__field { position: relative; display: inline-block; text-align: center;   font-size: 24px; line-height: 30px;   width: 25%; text-align: left;  vertical-align: top;  padding: 0px 16px 24px;  }



.vs_teachers_form_outer .form__field {  width: calc(100% / 3); }
.vs_teachers_form .form__field {  width: calc(100% / 3); }
.vs_form_outer .form__field {  width: calc(100% / 3); } 

.form__field__title { position: relative; display: block;  text-align: left;  padding-bottom: 8px;   font-size: 24px; line-height: 30px; min-height: 68px;  font-family: 'VAGRoundedNext-SemiBold'; }

.form_field_title_notes { position: relative; display: block;  text-align: left;   font-size: 18px; line-height: 24px; font-family: 'VAGRoundedNext-Light'; }

input[type="radio"], input[type="checkbox"] { display: none;   }


input[type="radio"] + label::after { content: " ";  background-size: 22px; width: 22px;  height: 22px;  background-position: 50% 50%;  background-repeat: no-repeat;  opacity: 1;  display: inline-block; vertical-align: top; margin-left: 8px; border: 1px solid #ec1c99; border-radius: 11px; margin-top: 4px; }
input[type="radio"] + label::after {  background-image: url('../img/radio_circle_empty.svg');background-color: #FFFFFF;  }
input[type="radio"] + label:hover::after, .form__field--radios-inline input[type="checkbox"] + label:hover::after { opacity: 1; }
input[type="radio"]:checked + label::after { background-image: url('../img/radio_circle_filled.svg'); opacity: 1; background-color: #FFFFFF; }

.invalid input[type="radio"] + label { color: red;   }


input[type="radio"] + label::after { content: " ";  background-size: 22px; width: 22px;  height: 22px;  background-position: 50% 50%;  background-repeat: no-repeat;  opacity: 1;  display: inline-block; vertical-align: top; margin-left: 8px; border: 1px solid #ec1c99; border-radius: 11px; margin-top: 4px; }
input[type="radio"] + label::after {  background-image: url('../img/radio_circle_empty.svg');background-color: #FFFFFF;  }
input[type="radio"] + label:hover::after, .form__field--radios-inline input[type="checkbox"] + label:hover::after { opacity: 1; }
input[type="radio"]:checked + label::after { background-image: url('../img/radio_circle_filled.svg'); opacity: 1; background-color: #FFFFFF; }



.form__field--radios-vertical input[type="radio"] + label::before { content: " ";  background-size: 22px; width: 22px;  height: 22px;  background-position: 50% 50%;  background-repeat: no-repeat;  opacity: 1;  display: inline-block; vertical-align: top; margin-right: 8px; border: 1px solid #ec1c99; border-radius: 11px; margin-top: 4px; }

.form__field--radios-vertical input[type="radio"] + label::before {  background-image: url('../img/radio_circle_empty.svg'); background-color: #FFFFFF;  }
.form__field--radios-vertical input[type="radio"] + label::after { display: none; }
.form__field--radios-vertical input[type="radio"] + label:hover::before, .form__field--radios-vertical input[type="checkbox"] + label:hover::before { opacity: 1; }

.form__field--radios-vertical input[type="radio"]:checked + label::before { background-image: url('../img/radio_circle_filled.svg'); opacity: 1; background-color: #FFFFFF; }
.form__field--radios-vertical input[type="radio"]:checked + label::after { display: none; }



.values_survey_outer input[type="checkbox"] + label::after { 
  content: " "; line-height: 21px; font-size: 21px; background-size: 20px; width: 20px;  height: 21px;  background-position: 50% 50%; 
background-repeat: no-repeat;  opacity: 0.6;  display: inline-block; margin: 0px 10px; }
.values_survey_outer input[type="checkbox"] + label::after {   background-image: url('../img/checkbox_square_empty.svg'); }
.values_survey_outer input[type="checkbox"]:checked + label::after { background-image: url('../img/checkbox_square_filled.svg'); opacity: 1; }


.radio_each_outer { position: relative; display: block;    }
.form__field--radios-inline .radio_each_outer { display: inline-block;  vertical-align: top; padding: 0px 24px 0px 0px;  }
.form__field--error .radio_each_outer { color: red;   }
.form__field--error .checkbox_each_outer { color: red;   }

.form__field__input__outer {  position: relative; display: inline-block;  border: 0px solid #ec1c99; padding: 0px;   margin-top: 0px; vertical-align: top; width: 100%;   }
.form__field__input__outer--focus { border: 0px solid #ec1c99;  outline: 0;   }
.form__field--radios .form__field__input__outer {  padding: 10px 0px;  }


.form__field__input {  position: relative; display: inline-block; vertical-align: top;  width: 100%; border: 1px solid #ec1c99; text-align: left !important; font-size: 18px; line-height: 24px; padding: 8px;  color: #282828;  background-color: #FFFFFF;   }

.values_survey_form_upper_inner  .form__field__input {  background-color: #f8f8f0;  }

   ::placeholder { text-transform: none !important;  }
   .form__field__input::placeholder { color: #282828;  opacity: 1; }
   input:focus::placeholder { opacity: 0;   }
   textarea:focus::placeholder { opacity: 0;   }
   input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
   *:focus::-webkit-input-placeholder { opacity: 0; } /* Chrome <=56, Safari < 10 */
   *:focus:-moz-placeholder { opacity: 0; } /* FF 4-18 */
   *:focus::-moz-placeholder { opacity: 0; } /* FF 19-50 */
   *:focus:-ms-input-placeholder { opacity: 0; } /* IE 10+ */
   *:focus::placeholder { opacity: 0; } /* Modern Browsers */

.form__field__input.invalid  { border: 1px solid red; color: red;   }

.vs_teacher_survey_error { position: relative; display: inline-block; width: calc(100% / 1.5); color: red;   font-size: 18px; line-height: 24px;  text-align: left; padding: 0px 16px;  opacity: 0;  transition: all 0.5s;  }
.vs_teacher_survey_error--shown { opacity: 1;  }   
   
   
   /* DROPDOWN */

   .form__field__input__outer--dropdown { height: 45px;    }

   .input__dropdown__arrow { display: inline-block; position: absolute; right: 10px; top: 8px; cursor: pointer; border: 0px solid red; width: 24px; height: 24px;  }
   .input__dropdown__arrow svg { display: block; width: 100%; height: 100%;  fill: #ec1c99; }
   .form__field--error .input__dropdown__arrow svg { fill: red;  }


   .input__dropdown__default-text { display: inline-block; width: 100%; font-size: 18px; line-height: normal; padding: 8px;  color: #282828; cursor: pointer; padding-right: 30px; outline: 0;  }
   .input--dropdown { position: relative; width: auto !important; padding-right: 2px; border: 1px solid #ec1c99; background-color: #FFFFFF; z-index: 3000 !important; }

.values_survey_form_upper_inner .input--dropdown {  background-color: #f8f8f0;  }

   .input__dropdown__options-outer { transition: all 0.5s; background-color: #FFFFFF; z-index: 3000 !important;  display: block; touch-action: auto;   position: relative; overflow: hidden; opacity: 1;  height: auto;  max-height: 300px; padding-left: 8px; padding-bottom: 8px;  padding-top: 12px;     }
.values_survey_form_upper_inner  .input__dropdown__options-outer {  background-color: #f8f8f0;  }

   .input--dropdown-closed .input__dropdown__options-outer { transition: all 0.5s; max-height: 0px;  padding-bottom: 0px; padding-top: 0px;   } 


   .input__dropdown__optiongroup {  color: #282828; font-size: 18px;    }
   .input__dropdown__option { cursor: pointer; color: #282828; font-size: 18px;  line-height: normal; }
   .input__dropdown__option:hover { color: #282828;    }


   .input__dropdown__options-outer .simplebar-track.simplebar-vertical { background-color: #f4f4f4; width: 8px; border-radius: 4px;   }
   .input__dropdown__options-outer .simplebar-scrollbar { right: 0px; width: 8px; display: block; cursor: pointer !important;   }
   .input__dropdown__options-outer .simplebar-scrollbar:hover { cursor: pointer !important;  }
   .input__dropdown__options-outer .simplebar-scrollbar::before { background-color: #A9A9A9; border-radius: 4px;  width: 8px;  opacity: 1;   }

/* SUBMIT BUTTON */

   .form__submit__button { font-family: 'VAGRoundedNext-SemiBold'; pointer-events: none;  opacity: 0.7; position: relative;  display: inline-block; width: 100%; -webkit-appearance: none;  border: 1px solid #ec1c99; background-color: #FFFFFF; text-align: center; font-size: 28px; line-height: 28px; padding: 5px 16px; color: #ec1c99;  outline: 0; margin: 0px 0px; min-width: 140px; border-radius: 19px; text-transform: uppercase; transition: opacity 0.3s;  }
   .form__submit__button--valid { opacity: 1; pointer-events: auto; border: 1px solid #ec1c99; background-color: #FFFFFF;  color: #ec1c99;  }

   .form__submit__button::-moz-focus-inner { border: 0; }

   .vs_form .form__submit__button { opacity: 0.6;  border: 1px solid #282828; color: #282828;  }
.vs_form .form__submit__button--valid { opacity: 1; pointer-events: auto; border: 1px solid #ec1c99; background-color: #FFFFFF;  color: #ec1c99;  }

/* TEACHERS FORM */
.vs_teacher_survey_or { display: inline-block; width: 60px; text-align: center;  opacity: 0; transition: all 1s;  }
.vs_teacher_survey_or--show { opacity: 1;    }
.vs_teachers_form--before .vs_teacher_survey_or { opacity: 1;    }




#form__field--survey_set_name {  width: calc((100% / 3) - 30px); }
#form__field--new_survey_set_name {  width: calc((100% / 3) - 30px); opacity: 0;  transition: all 1s; }
.vs_teachers_form--before #form__field--new_survey_set_name { opacity: 1;    }
.new_survey_set_name--show#form__field--new_survey_set_name { opacity: 1;  }
.vs_teachers_form--no-active #form__field--new_survey_set_name { opacity: 1;  }

#vs_teacher_form_submit { transition: all 0.5s; opacity: 1;   }
#vs_teacher_form_submit.faded_out { opacity: 0;   }


/* PICTURE SET */
.picture_set_outer { position: relative; width: 100%; padding: 16px 16px; }


.question_title_outer { position: relative; width: 100%; display: block; padding-bottom: 5px; padding-top: 35px; }

.question_title { display: inline-block; font-family: 'VAGRoundedNext-SemiBold';  font-size: 24px; line-height: 30px; vertical-align: top; width: 100%; }
.question_title label { display: inline-block; font-family: 'VAGRoundedNext-SemiBold';  font-size: 24px; line-height: 30px; vertical-align: top; padding-top: 0px; }
.question_title label p { display: inline-block; font-family: 'VAGRoundedNext-SemiBold';   font-size: 24px; line-height: 30px; vertical-align: top; padding-top: 0px; }
.question_title_description { padding-bottom: 5px; }
.ps_title_desc_outer .question_title_description {font-family: 'VAGRoundedNext-Light'; font-size: 18px; line-height: 36px; padding-top: 10px; }
.question_title_description p { color: inherit; position: relative;font-family: 'VAGRoundedNext-Light';  font-size: 18px !important; line-height: 24px; padding-bottom: 10px; }
.picture_drop_set_outer { position: relative; width: 100%; display: none; flex-direction: row; flex-wrap: nowrap; align-items: flex-end; margin-bottom: 16px;  min-height: 123px; opacity: 0;  }
.picture_drop_set_outer.show_first { display: flex; opacity: 1; transition: all 0.5s; }
.picture_drop_set_outer.last_one { align-items: center; }
.picture_drop_set_outer--fade_out { opacity: 0 !important;  }
.picture_drop_set_outer--fade_in { opacity: 1 !important;  }

.picture_drop_set_outer .form_field_outer { padding-right: 15px; flex-shrink: 0; flex-grow: 0; }
.drag_and_drop_target { position: relative; width: 115px; height: 115px; display: inline-block; margin-right: 5px; margin-bottom: 5px; background-color: #ec1c99; }
.drag_and_drop_target.drop-hover { background-color: #ec652c;    }

.picture_set_others .drag_and_drop_target { background-color: #000079;  }
.picture_set_others .drag_and_drop_target.drop-hover { background-color: #00bafd;  }

.drag_and_drop_q_title_outer { position: relative; flex-grow: 1; text-align: left; }
.picture_drop_set_outer .question_title_outer { padding-top: 5px; }
.picture_drop_set_outer .question_title_description { color: #1f75ba; font-family: 'VAGRoundedNext-Light';  font-size: 18px; line-height: 36px; padding-top: 10px; }  
.picture_set_grid { position: relative; display: flex; width: 100%; text-align: left; flex-direction: row; flex-wrap: wrap;   }  
.picture_set_each { position: relative; display: inline-block;  width: 115px;  margin-right: 5px; margin-bottom: 5px;   }
.picture_set_each_bg_grey { position: relative; width: 100%; padding-bottom: 100%;   background-color:  #b3b3b3; }
.picture_set_each_bg { position: absolute; width: 100%; background-color:  #FFFFFF; top: 0px; left: 0px;  box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  }

.picture_set_each_bg img { display: block; position: relative; width: 100%; }
.picture_set_each_bg::after { box-shadow: 0px 0px 0px 4px #FFFFFF inset;  content: ''; display: block; height: 100%; position: absolute; top: 0; width: 100%; }
.drag_and_drop_target .picture_set_each_bg::after { box-shadow: 0px 0px 0px 4px #ec652c inset;  content: ''; display: block; height: 100%; position: absolute; top: 0; width: 100%; }
.picture_set_each:hover .picture_set_each_bg::after { box-shadow:0px 0px 0px 4px #ec1c99 inset;  content: ''; display: block; height: 100%; position: absolute; top: 0; width: 100%; }

.picture_set_others .drag_and_drop_target .picture_set_each_bg::after {  box-shadow: 0px 0px 0px 4px #00bafd inset;  }
.picture_set_others .picture_set_each:hover .picture_set_each_bg::after {  box-shadow: 0px 0px 0px 4px #000079 inset;  }

.picture_set_each_caption { text-align: center; font-size: 12px; line-height: 12px;  font-family: 'VAGRoundedNext-Light'; padding: 5px;    }

.picture_set_intro_outer { position: relative; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-end; margin-bottom: 32px;   }
.ps_person { position: relative; width: 180px;  border: 0px solid #757575; flex-grow: 0; flex-shrink: 0; }
.ps_person img { display: block; width: 100%; }
.ps_title_desc_outer { position: relative;  border: 0px solid red; padding-left: 20px; text-align: left; flex-grow: 1;   }


.ps_title_desc_outer .question_title {  font-size: 24px; line-height: 30px;   }
.ps_title_desc_outer .question_title_description { font-family: 'VAGRoundedNext-Light'; font-size: 24px; line-height: 30px; padding-bottom: 0px;  }
.ps_title_desc_outer .question_title_description p { color: inherit; position: relative; font-family: 'VAGRoundedNext-Light';  font-size: 24px !important; line-height: 30px; }


.result_count { font-family: 'VAGRoundedNext-SemiBold';  }

.spider_group_outer {  position: relative; display: block; width: 100%; padding: 32px 0px;  }

.spider_alongside.cols_2 {  padding-left: calc(100% / 8); position: relative; font-family: 'VAGRoundedNext-Light';  font-size: 18px !important; line-height: 24px;  padding-top: 32px; }
.spider_class_form { position: relative; width: 100%; display: block;   }
.spider_class_form .form__field { position: relative; width: 80%; padding: 0px 0px;   }
.spider_class_form .input--dropdown { background-color: #f8f8f0; }
.spider_class_form .input__dropdown__options-outer {  background-color: #f8f8f0;  }


.spider_group_outer #vp_2 .radarCircle { fill: #21aae2;   }
.spider_group_outer #vp_3 .radarCircle { fill: #ec1c99;   }
.spider_group_outer #vp_4 .radarCircle { fill: #ec1c99;   }

.spider_explaination_outer { position: relative; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-content: center; align-items: center; padding-bottom: 16px;   }
.spider_class_explaination { font-size: 18px; line-height: 24px; text-align: right !important; }
.spider_key { font-size: 14px; line-height: 20px;   text-align: center !important;  }

.spider_lower_text { position: relative; width: 100%; display: block;  font-size: 14px; line-height: 20px;   text-align: center !important;   font-family: 'VAGRoundedNext-SemiBold';  }

/* EXTRA QUESTIONS */
.extra_questions_subtitle { display: block; position: relative; width: 100%; font-family: 'VAGRoundedNext-Regular'; font-size: 30px; line-height: 36px;  color: #ec1c99;  text-align: left; padding: 0px 16px 32px;  }
.extra_questions_small_text { display: block; position: relative; width: 100%; font-family: 'VAGRoundedNext-Light'; font-size: 24px; line-height: 30px;  color: #292929;  text-align: left; padding: 0px 16px 16px;  }
.form__field--cols-4 {  width: 100%; padding-bottom: 48px;   }
.form__field--cols-4 .form__field__title { min-height: 0px;   font-family: 'VAGRoundedNext-SemiBold'; }
.ladder_image { position: relative; display: block; width: 200px;   }

/* TABLE FIELDS */
.table_field { margin-top: 16px;   }
.table_field td { padding: 6px 16px; vertical-align: middle;    }
.table_field_title_row td { vertical-align: middle; text-align: center; font-family: 'VAGRoundedNext-Light'; font-size: 21px; line-height: 26px;  }
td.table_field_title { font-family: 'VAGRoundedNext-SemiBold'; font-size: 24px; line-height: 30px; text-align: left;    }
.table_field_option { text-align: center;   }
.table_field_option label { font-size: 0px;   }
.table_field_option_label { width: 250px;   }
.table_field_column_head {  font-family: 'VAGRoundedNext-SemiBold'; font-size: 21px; line-height: 26px; width: 250px; }

.table_field_option input[type="radio"] + label::after { margin-top: 8px; }

/* SLIDER */
/*
input[type=range] { -webkit-appearance: none;  width: 100%;  background: transparent; }
input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; }
input[type=range]:focus { outline: none; }
input[type=range]::-ms-track { width: 100%; cursor: pointer; background: transparent;  border-color: transparent; color: transparent; }
*/


.form__field__input__outer--range { position: relative; display: flex; width: 100%; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; align-content: stretch; margin-top: 16px; margin-bottom: 10px; }

.slider_outer { position: relative;  display: block; flex-grow: 1; width: auto; font-size: 0px; line-height: 0px;  }

.slider_min_label { position: relative; display: block; flex-grow: 0; flex-shrink: 1; font-family: 'VAGRoundedNext-Light'; font-size: 24px; line-height: 30px;  padding: 2px 16px 2px 0px;  text-align: right;   }
.slider_max_label { position: relative; display: block; flex-grow: 0; flex-shrink: 1;  font-family: 'VAGRoundedNext-Light'; font-size: 24px; line-height: 30px;  padding: 2px 0px 2px 16px; }
.form__field__input--range { width: 100%;  margin-bottom: 0px;  border: 0px;   }


.slider_markers_outer { position: relative; display: flex;  width: 100%; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; padding: 4px 0px 0px;    }
.slider_marker {  position: relative; display: block; font-family: 'VAGRoundedNext-Light'; font-size: 12px; line-height: 14px;  text-align: center;  }
/*
input[type=range]::-webkit-slider-runnable-track {  background: #ec1c99;  }
input[type=range]:focus::-webkit-slider-runnable-track { background: #ec1c99; }
input[type=range]::-moz-range-track {background: #ec1c99; } 
input[type=range]::-ms-track { background: transparent; border-color: transparent; }
input[type=range]::-ms-fill-lower { background: #ec1c99; }
input[type=range]:focus::-ms-fill-lower { background: #ec1c99; }
input[type=range]::-ms-fill-upper { background: #ec1c99; }
input[type=range]:focus::-ms-fill-upper { background: #ec1c99; }
*/

/** FF*/

input[type=range]:focus { outline: none; }

input[type="range"]::-moz-range-progress { background-color: #ec1c99; height: 8px;  border-radius: 4px;  }
input[type="range"]::-moz-range-track {   background-color: silver; height: 8px; border-radius: 4px;  }
input[type=range]::-moz-range-thumb { background: #ffffff; border: 2px solid #ec1c99; border-radius: 50%; cursor: pointer;   }
/* CHROME */
input[type=range] { -webkit-appearance: none;  height: 8px; background-color: transparent;  } 
input[type=range]::-webkit-slider-thumb {  -webkit-appearance: none; background: #ffffff; border: 2px solid #ec1c99; border-radius: 50%; cursor: pointer; height: 20px; width: 20px;   margin-top: -6px;   }
input[type=range]::-webkit-slider-runnable-track {   -webkit-appearance: none; width: 100%; height: 8px; cursor: pointer; 
  background:  #ec1c99; border-radius: 4px; border: 0px;  }


  input[type=range]::-ms-track { width: 100%; height: 8px; cursor: pointer; background: transparent; border-color: transparent; border-width: 16px 0; color: transparent; }
  input[type=range]::-ms-fill-lower { background: #ec1c99; border: 0px; border-radius: 4px; }
  input[type=range]::-ms-fill-upper { background: silver; border: 0px;  border-radius: 4px; }
  input[type=range]::-ms-thumb { border: 2px solid #ec1c99; height: 20px; width: 20px; border-radius: 50%; background: #ffffff; cursor: pointer;   margin-top: -6px;  }
  input[type=range]:focus::-ms-fill-lower { background: #ec1c99; }
  input[type=range]:focus::-ms-fill-upper { background: silver; }



/*
input[type='range']::-moz-range-thumb {
  background: #333;
  border-radius: 50%;
  box-shadow: -1010px 0 0 1000px #666;
  cursor: pointer;
  height: 20px;
  width: 20px;
  border: 0;
}

input[type="range"]::-moz-range-track {
  background-color: #ddd;
}
input[type="range"]::-moz-range-progress {
  background-color: #666;
  height: 20px
}
input[type="range"]::-ms-fill-upper {
  background-color: #ddd;
}
input[type="range"]::-ms-fill-lower {
  background-color: #666;
}
*/



@media only screen and (max-width: 500px) {
  .values_survey_teacher_outer { padding: 16px 0px 16px;   }
  .values_survey_form_lower_extras_outer { padding: 16px 0px 16px; }
  .vs_teachers_form_outer.cols_3 { margin-top: 16px;   }
  .vs_teachers_form .form__field { width: 100%; padding-bottom: 16px;  font-size: 18px; line-height: 24px;  }
  .vs_form_outer .form__field { width: 100%; padding-bottom: 16px;  font-size: 18px; line-height: 24px;   }
  .vs_form .form__field { width: 100%; padding-bottom: 16px;  font-size: 18px; line-height: 24px;  }
  
  
  .vs_teachers_form  .form__field__title {  min-height: 0px;   font-size: 18px; line-height: 24px; }
  .vs_form_outer  .form__field__title {  min-height: 0px;   font-size: 18px; line-height: 24px; }
  input[type="radio"] + label::after { margin-top: 1px;   }
  
  #form__field--survey_set_name {  width: 100%;  }
  #form__field--new_survey_set_name { width: 100%; height: 0px; overflow: hidden; padding-bottom: 0px; transition: all 0s;     }

  .vs_teacher_survey_or { display: none;  font-size: 18px; line-height: 24px; text-align: left; padding-bottom: 16px; padding-left: 16px; transition: all 0s;   }
  .vs_teacher_survey_or--show { display: block; width: 100%;  }
  .vs_teacher_survey_error { display: none;   }
  .vs_teacher_survey_error--shown { display: block; width: 100%;  font-size: 14px; line-height: 18px; text-align: left; padding-top: 8px;   }
  .new_survey_set_name--show#form__field--new_survey_set_name { height: auto; overflow: hidden; padding-bottom: 8px; transition: all 0s;    }
  .vs_form { padding: 16px 0px;   }

  .picture_set_intro_outer { flex-direction: column;  align-items: flex-start;  }
.ps_title_desc_outer { padding-left: 0px; font-size: 18px; line-height: 24px;  padding-top: 16px;  }
.ps_title_desc_outer .question_title { font-size: 18px; line-height: 24px;   }
.ps_title_desc_outer .question_title_description { font-size: 18px; line-height: 24px;   }
.ps_title_desc_outer .question_title_description p { font-size: 18px !important; line-height: 24px;   }

.picture_drop_set_outer { flex-direction: column; align-items: flex-start;  }
.picture_drop_set_outer .form_field_outer {  order: 1;   }
.question_title {  font-size: 18px; line-height: 24px;  }

.spider_alongside.cols_2 { padding-left: 16px;   }

.ladder_image { width: 100px;   }
.form__field--cols-4 {   padding-bottom: 24px;   }
.extra_questions_subtitle { font-size: 24px; line-height: 32px;    }
.form__field--cols-4 .form__field__title { font-size: 18px; line-height: 24px; }


/* TABLE FIELDS */
.table_field { margin-top: 8px;  }
.table_field td { padding: 2px 8px;   }
.table_field_title_row td {  font-size: 14px; line-height: 16px;   }
td.table_field_title { font-size: 16px; line-height: 20px;  }
.table_field_option_label {  font-size: 14px; line-height: 16px;   }

.table_field_column_head {  font-size: 16px; line-height: 20px; }

.picture_set_each { width: 60px;   }
.drag_and_drop_target {  width: 60px; height: 60px;  }
.picture_set_each_caption { font-size: 10px; line-height: 10px; padding: 2px;   }

.slider_min_label  { font-size: 16px; line-height: 20px;  padding-right: 4px;  text-align: center; }
.slider_max_label  { font-size: 16px; line-height: 20px; padding-left: 4px;  text-align: center;  }
.slider_marker.skip { opacity: 0;    }


}

@media only screen and (min-width: 501px) and (max-width: 767px) {
  .values_survey_teacher_outer { padding: 16px 0px 16px;   }
    .values_survey_form_lower_extras_outer { padding: 16px 0px 16px; }
  .vs_teachers_form_outer.cols_3 { margin-top: 16px;   }
  .vs_teachers_form .form__field { width: 100%; padding-bottom: 16px;  font-size: 18px; line-height: 24px;  }
  .vs_form_outer .form__field { width: 100%; padding-bottom: 16px;  font-size: 18px; line-height: 24px;   }
  .vs_form .form__field { width: 100%; padding-bottom: 16px;  font-size: 18px; line-height: 24px;  }
  
  .vs_teachers_form  .form__field__title {  min-height: 0px;   font-size: 18px; line-height: 24px; }
  .vs_form_outer  .form__field__title {  min-height: 0px;   font-size: 18px; line-height: 24px; }
  input[type="radio"] + label::after { margin-top: 1px;   }
  
  #form__field--survey_set_name {  width: 100%;  }
  #form__field--new_survey_set_name { width: 100%; height: 0px; overflow: hidden; padding-bottom: 0px; transition: all 0s;     }

  .vs_teacher_survey_or { display: none;  font-size: 18px; line-height: 24px; text-align: left; padding-bottom: 16px; padding-left: 16px; transition: all 0s;   }
  .vs_teacher_survey_or--show { display: block; width: 100%;  }
  .vs_teacher_survey_error { display: none;   }
  .vs_teacher_survey_error--shown { display: block; width: 100%;  font-size: 14px; line-height: 18px; text-align: left; padding-top: 8px;   }
  .new_survey_set_name--show#form__field--new_survey_set_name { height: auto; overflow: hidden; padding-bottom: 8px; transition: all 0s;    }
  .vs_form { padding: 16px 0px;   }

  .picture_set_intro_outer { flex-direction: column;  align-items: flex-start;  }
.ps_title_desc_outer { padding-left: 0px; font-size: 18px; line-height: 24px;  padding-top: 16px;  }
.ps_title_desc_outer .question_title { font-size: 18px; line-height: 24px;   }
.ps_title_desc_outer .question_title_description { font-size: 18px; line-height: 24px;   }
.ps_title_desc_outer .question_title_description p { font-size: 18px !important; line-height: 24px;   }

.picture_drop_set_outer { flex-direction: column; align-items: flex-start;  }
.picture_drop_set_outer .form_field_outer {  order: 1;   }
.question_title {  font-size: 18px; line-height: 24px;  }
  
  .spider_alongside.cols_2 { padding-left: 16px;   }
  
  
  .ladder_image { width: 100px;   }
  .form__field--cols-4 {   padding-bottom: 24px;   }
  .extra_questions_subtitle { font-size: 24px; line-height: 32px;    }
  .form__field--cols-4 .form__field__title { font-size: 18px; line-height: 24px; }
  
  
  
  /* TABLE FIELDS */
  .table_field { margin-top: 8px;   }
  .table_field td { padding: 2px 8px;   }
  .table_field_title_row td {  font-size: 16px; line-height: 20px;  }
  td.table_field_title {  font-size: 16px; line-height: 20px;  }
.table_field_option_label {  font-size: 16px; line-height: 20px; width: auto;   }

.table_field_column_head {  font-size: 16px; line-height: 20px; width: auto;  }

.extra_questions_small_text { font-size: 18px; line-height: 24px;   }

.slider_min_label  { font-size: 16px; line-height: 20px;  padding-right: 4px;  text-align: center; }
.slider_max_label  { font-size: 16px; line-height: 20px; padding-left: 4px;  text-align: center;  }
.slider_marker.skip { opacity: 0;    }
  
}


@media only screen and (min-width: 767px) and (max-width: 1000px)  { 
  
    .vs_teachers_form .form__field {  font-size: 18px; line-height: 24px;  }
    .vs_form_outer .form__field { font-size: 18px; line-height: 24px; }
    .vs_form .form__field { font-size: 18px; line-height: 24px; }
    .vs_teachers_form  .form__field__title { font-size: 18px; line-height: 24px; }
    .vs_form_outer  .form__field__title { font-size: 18px; line-height: 24px; }
    input[type="radio"] + label::after { margin-top: 1px;   }
    .ps_title_desc_outer { font-size: 18px; line-height: 24px;  }
    .ps_title_desc_outer .question_title { font-size: 18px; line-height: 24px;   }
    .ps_title_desc_outer .question_title_description { font-size: 18px; line-height: 24px;   }
    .ps_title_desc_outer .question_title_description p { font-size: 18px !important; line-height: 24px;   }
    .question_title {  font-size: 18px; line-height: 24px;  }
    #form__field--new_survey_set_name { width: 100%; max-width: 500px; height: 0px; overflow: hidden; padding-bottom: 0px; transition: all 0s;    }
    .new_survey_set_name--show#form__field--new_survey_set_name { height: auto; overflow: hidden; padding-bottom: 8px; transition: all 0s;    }
    .vs_teacher_survey_or { display: none;  font-size: 18px; line-height: 24px; text-align: left; padding-bottom: 16px; padding-left: 16px; transition: all 0s;   }
    .vs_teacher_survey_or--show { display: block; width: 100%;  }
    #form__field--new_survey_set_name .form__field__title { min-height: 0px;   }
      .vs_teacher_survey_error--shown {  font-size: 14px; line-height: 18px;  }
        .spider_alongside.cols_2 { padding-left: 16px;   }
        .extra_questions_subtitle { font-size: 24px; line-height: 32px;    }
        .form__field--cols-4 .form__field__title { font-size: 18px; line-height: 24px; }
      
        
        /* TABLE FIELDS */
        .table_field { margin-top: 8px;   }
        .table_field td { padding: 2px 16px;   }
        .table_field_title_row td {  font-size: 18px; line-height: 24px;  }
        td.table_field_title {  font-size: 18px; line-height: 24px;  }
      .table_field_option_label {  font-size: 18px; line-height: 24px; width: auto;   }
      .extra_questions_small_text { font-size: 18px; line-height: 24px;   }
      
      .slider_min_label  { font-size: 16px; line-height: 20px;  padding-right: 4px;  text-align: center; }
      .slider_max_label  { font-size: 16px; line-height: 20px; padding-left: 4px;  text-align: center;  }
      
}