
body #gform_31, body #gform_27 {

    font-size: 16px;
    line-height: 170%;
    font-weight: 400;
    height: 100%;
    font-family: 'Open Sans', sans-serif;
    overflow-x: hidden;
}

#gform_31, #gform_27 {
    background-color: #f4f4f4;
    margin-bottom: 60px;
	padding: 40px 70px 50px;
}


@media (max-width:991px){
	#gform_31, #gform_27 {
    background-color: #f4f4f4;
    margin-bottom: 60px;
    padding: 40px 20px 50px;
	}

}

body .gform_wrapper ul li.gfield.gfield_html img{
	max-width: 100% !important;

}

#input_31_47, #input_31_48, #input_27_51, #input_27_52{
	width:50% !important;
	height:50px;
}


#input_31_45,  #input_31_4, #input_31_6,  #input_31_8, #input_31_46, #input_31_5,
#input_31_7, #input_31_9, #input_27_11,  #input_27_5, #input_27_6,  #input_27_9, #input_27_9, #input_27_12, #input_27_13, #input_27_8,  #input_27_10{
	width:100% !important;
	height:50px;
	border-radius:0px;
}

@media (min-width:992px){
	#field_27_11,  #field_27_5, #field_27_6,  #field_27_9
	{

		font-size: inherit;
		font-family: inherit;
		padding: 0px 10px 20px 0px;
		letter-spacing: normal;

	}


	#field_27_12,  #field_27_13, #field_27_8,  #field_27_10 {


		font-size: inherit;
		font-family: inherit;
		padding: 0px 0px 20px 10px;
		letter-spacing: normal;
	}


}

.gfield_label {
    font-weight: 700;
	font-size:16px;
	padding-bottom:10px;

}



input[type="checkbox"], .gfield_radio input[type="radio"] {
    display: none !important;
}
input[type="checkbox"] + label, .gfield_radio input[type="radio"] + label {
    position: relative;
}
input[type="checkbox"] + label:before, .gfield_radio input[type="radio"] + label:before  {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin: 0 4px 0 0;
    vertical-align: middle;
    cursor: pointer;
    /*position: absolute;*/
    content: "";
}

input[type="checkbox"] + label:before {
    background: url(../images/check_radio_sheet.png) left top no-repeat;
}
.gfield_radio input[type="radio"] + label:before {
    background: url(../images/check_radio_sheet.png) -169px top no-repeat;
}
input[type="checkbox"] + label:hover:before {
    background: url(../images/check_radio_sheet.png) -34px top no-repeat;
}
.gfield_radio input[type="radio"] + label:hover:before {
    background: url(../images/check_radio_sheet.png) -204px top no-repeat;
}
input[type="checkbox"]:checked + label:before {
    background: url(../images/check_radio_sheet.png) -68px top no-repeat;
}
.gfield_radio input[type="radio"]:checked + label:before {
    background: url(../images/check_radio_sheet.png) -237px top no-repeat;
}
.preview_box {
    height: 158px;
}

table.gsurvey-likert th.gsurvey-likert-choice-label{
background-color: #4a3276 !important;
color: #ffffff !important;
}

.gform_wrapper .ginput_container select{
	background-image: url(../images/icon-angle-down.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

}


#gform_submit_button_31, #gform_submit_button_30, #gform_submit_button_32, #gform_submit_button_27{
	color: #ffffff;
	background-color: #f26424;
	border-color: #f26424;
	border-bottom: 2px solid #f26424;
	-webkit-box-shadow: 0px 0px 0px 0px #f26424;
	-moz-box-shadow: 0px 0px 0px 0px #f26424;
	box-shadow: 0px 0px 0px 0px #f26424;
	font-size: 16px;
	font-weight: 700;
	width:100%;
	height:50px;
	text-transform: uppercase;

}


.entry-content h2 {
    color: #4a3276;
	border-bottom: #c7c6c6 1px solid;
	padding-bottom: 8px;
}

/*
.gsurvey-rating:not(:checked) > label:hover, .gsurvey-rating:not(:checked) > label:hover ~ label {
    background-image: url(../images/star1.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px 16px;
} */

li #field_27_45{
	float:left;
	margin-top: 10px;
}


@media (min-width:1200px) {

	.gsurvey-rating {
    float: left;
    margin-right: 50%;
	}

}

/* .btn { */
    /* -webkit-border-radius: 0px; */
    /* -moz-border-radius: 0px; */
    /* border-radius: 0px; */
    /* font-family: 'Open Sans', sans-serif; */
    /* padding-top: 8px; */
    /* padding-bottom: 8px; */
    /* text-transform: uppercase; */
    /* line-height: 36px; */
    /* /* line-height: 40px; */ */
/* } */


.ui-datepicker .ui-datepicker-prev:before {
  content: none !important;
  font-family: FontAwesome; }

.ui-datepicker .ui-datepicker-next:before {
  content: none !important;
  font-family: FontAwesome; }

 .ui-datepicker-next.ui-corner-all{
	color:transparent !important;
 }

table.gsurvey-likert td.gsurvey-likert-choice {
    background-image: url(../images/survey-form/active0.svg) !important;
    background-size: 30px 30px !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    height: 42px !important;
}

table.gsurvey-likert td.gsurvey-likert-choice.gsurvey-likert-selected {
    background-image: url(../images/survey-form/active1.svg) !important;
    background-size: 30px 30px !important;
    background-repeat: no-repeat !important;
    background-position: center center;
    background-color: rgba(223, 239, 255, 1) !important;
}



/* 14082017 */

#gform_30, #gform_31, #gform_32, #gform_34 {
    background-color: #f4f4f4;
    margin-bottom: 60px;
    padding: 40px 70px 50px;
}


@media (max-width: 480px){
	
	#gform_30, #gform_31, #gform_32, #gform_34 {
    background-color: #f4f4f4;
    margin-bottom: 60px;
    padding: 40px 20px 50px;
}


}





#field_30_6, #field_31_6{
	padding-left: 15px;
	padding-right: 15px;
}


#field_30_49 .col-md-6, #field_31_49 .col-md-6 {
	padding-left: 0;

}

#gform_submit_button_32{
	margin-top:20px;
}


@media (min-width: 992px){

#field_32_45, #field_32_4, #field_32_6, #field_32_49
{
	font-size: inherit;
	font-family: inherit;
	padding: 0px 10px 10px 0px;
	letter-spacing: normal;

}

#field_32_46, #field_32_5, #field_32_9, #field_32_50
{
	font-size: inherit;
	font-family: inherit;
	padding: 0px 0px 10px 10px;
	letter-spacing: normal;

}
 #field_32_53{
 		font-size: inherit;
	font-family: inherit;
	padding: 0px 10px 10px 0px;
	letter-spacing: normal;
	margin-top: -15px;
	    margin-bottom: 30px;
 }

}


@media (max-width: 991px){

	#field_32_46, #field_32_5, #field_32_9,
	 #field_32_50, #field_32_45, #field_32_4,
	  #field_32_6, #field_32_49, #field_32_49,
	   #field_32_50 {
		padding: 0px !important;
	}
	#field_32_53 {
		padding: 0px !important;
		margin-top: -15px;
		    margin-bottom: 30px;
	}


}

#field_32_42 .col-md-6{
	padding-left:0px !important;
}




/* 20170530 */




#field_30_1 .col-md-6, #field_31_1 .col-md-6 {
	padding-left: 0 !important;

}



@media (min-width: 992px){

	#field_31_11, #field_31_5, #field_31_6, #field_31_59, #field_30_11, #field_30_5, #field_30_6, #field_30_54 {
	padding-left: 0px;
	}

	#field_31_12, #field_31_13, #field_31_8, #field_31_10, #field_30_12, #field_30_13, #field_30_8, #field_30_10{
		padding-right: 0px;
	}



	#field_30_1 .col-md-6.rg, #field_31_1 .col-md-6.rg {
		padding-left: 15px !important;
		margin-bottom: 70px;
	}

	#input_30_50, #input_30_52, #input_31_56, #input_31_57, #input_32_47, #input_32_48, #input_34_56, #input_34_57{
		max-width: 48.5% !important;

	}


}

@media (max-width: 768px){

	#field_31_11, #field_31_5, #field_31_6, #field_31_8,
	 #field_30_11, #field_30_5, #field_30_6, #field_30_54,
	#field_31_12, #field_31_13, #field_31_6, #field_31_10,#field_31_59,
	 #field_30_12, #field_30_13, #field_30_8, #field_30_10{
	padding-left: 0px;
	padding-right: 0px;
	}
}
#gform_submit_button_31, #gform_submit_button_30 {

	margin-top: 20px;
}

/*form bold text*/
span.ioi-survey-text {
    text-decoration: underline;
    text-transform: uppercase;
    font-weight: bold;
}

li#field_30_10 .gfield_description,
li#field_31_10 .gfield_description,
li#field_32_9 .gfield_description,
li#field_32_53 .gfield_description,
li#field_30_54 .gfield_description,
li#field_31_59 .gfield_description,
li#field_34_59 .gfield_description,
li#field_34_10 .gfield_description {
    display: none;
}
li#field_31_52, li#field_30_18 {
    clear: both;
}
.permahover{
    display: block!important;
    margin-top: 5px;
    font-style: italic;
    font-size:12px;
}

#field_32_9 .ginput_counter.warningTextareaInfo,
#field_31_10 .ginput_counter.warningTextareaInfo,
#field_30_10 .ginput_counter.warningTextareaInfo {
    margin-top: 5px;
    font-style: italic;
}

/*rating*/
.gsurvey-rating:not(:checked) > label:hover, .gsurvey-rating:not(:checked) > label:hover ~ label{
    background: url(../images/check_radio_sheet-whs.png)!important;
    background-repeat: no-repeat!important;
    background-position: top center!important;
    background-size: 16px;
}

.gsurvey-rating:not(:checked) > label {
    float: right;
    height: 70px!important;
    text-align: center;
    display: grid;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 18px!important;
    line-height: 18px;
    color: #4a3276!important;
    background: url(../images/uncheck_rating-adhs.png)!important;
    background-repeat: no-repeat!important;
    background-position: top center!important;
    background-size: 16px 16px;
}
.gsurvey-rating > input:checked ~ label{
        background: url(../images/check_radio_sheet-whs.png)!important;
        background-position: top center!important;
        background-repeat: no-repeat!important;
}
.gsurvey-rating > input:checked + label:hover, .gsurvey-rating > input:checked + label:hover ~ label, .gsurvey-rating > input:checked ~ label:hover, .gsurvey-rating > input:checked ~ label:hover ~ label, .gsurvey-rating > label:hover ~ input:checked ~ label {
    color: #4a3276!important;
}
.gsurvey-rating {
     float: none!important;
    width: 100%;
}
.gsurvey-rating label {
    width: 34px!important;
    margin: 0px 28.4px;
}
    @media screen and (max-width: 1024px){
        .gsurvey-rating label {
        width: 33px!important;
        margin: 0 19px;
        }
    }
    @media screen and (max-width: 768px){
        .gsurvey-rating label {
        margin: 0 8.5px;
        }
    }
    @media screen and (max-width: 425px){
        .gsurvey-rating label {
            margin: 0 -3px 0 0;
        }
    }
    /* issue #5837 */
    @media screen and (max-width: 414px){
        .gsurvey-rating label {
            margin: 0 -4px 0 0;
        }
    }
    @media screen and (max-width: 375px){
        .gsurvey-rating label {
            margin: 0 -8px 0 0;
        }
    }
    @media screen and (max-width: 360px){
        .gsurvey-rating label {
            margin: 0 -9px 0 0;
        }
    }
    @media screen and (max-width: 320px){
        .gsurvey-rating label {
            margin: 0 -13px 0 0;
        }
    }

/* issue #5837 */
@media (max-width:480px){
	
    .entry-content h2{
        font-size: 24px;
      }
      .gsurvey-rating:not(:checked) > label {
        background-size: 20px !important;
    }
    .gsurvey-rating:not(:checked) > label:hover ~ label{
        background-size: 20px !important;
    }
    .gsurvey-rating > input:checked ~ label, .gsurvey-rating:not(:checked) > label:hover{
        background-size: 20px !important;
    }
}

