/**************************************************************
*   Custom CSS for themeing surveys
*   Use this file for adding any custom CSS to a specific survey
*
***************************************************************/

/*****PUBLIX THEME*****/

/*put this in all surveys; separates questions on the same screen*/
.question-response-container {
       Display: inline-block;
} 

.top-logo {
    max-width:399px;
    width: 100%;
    height:auto;
}

#surveyContainer {
    min-height:50px;
}

/*change color of top bar*/
#topArea {
    background-color:#e5e5e5;
    padding:0px;
    height:110px;
}

/*hide header container*/
#headerContainer{
    display:none;
}

/*wrap text in grid stubs*/
.table-responsive>.table>tbody>tr>td {
    white-space:normal;
}

/*hide back button*/
#backButton {
    display:none;
}

/*change up next button*/
#nextButton,
#nextButton2
{
    background-color:#3E902D;
    width:100px;
    border-radius:25px;
    /*text-align: end;*/
    right: 40px;
    background-position: right 11px top 14px;
    background-size: 13px 8px;
    background-image: url('images/right_arrow.png');
}

#nextButton2
{
	float: right;
    background-repeat: no-repeat;
    padding-right: 20px;
    text-transform: none;
    position: relative;
}    
    
/*change color of progress bar and round corners*/
.progress-bar {
    background-color:#3E902D;
    border-radius:25px;
}

/*change color of progress percentage*/
.CurrentProgressPercentage {
    color: #3E902D;
    font-weight: 700;
}

.btn-primary:hover {
    color: #3E902D;
    background-color: #fff !important;
    border-color: #3E902D !important;
    text-transform: lowercase;
}

.radio-custom + .radio-custom-label:before {
    content: '' !important;
    background: #fff !important;
    border: 2px solid #909090 !important;
    display: inline-block !important;
    vertical-align: middle !important;
    width: 30px !important;
    height: 30px !important;
    padding: 2px !important;
    margin-right: 10px !important;
    text-align: center !important;
    border-radius:50px !important;
}

/*make selected radiobutton image*/
.radio-custom:checked + .radio-custom-label:before
{
    background: #3E902D !important;
    color: transparent !important;
    background-image: url(images/radiobutton.png) !important;
    background-size: cover !important;
    box-shadow: 0px 0px 0px 0px !important;
    background-repeat:no-repeat !important;
}

.checkbox-custom + .checkbox-custom-label:before {
    content: '' !important;
    background: #fff !important;
    border: 2px solid #909090 !important;
    display: inline-block !important;
    vertical-align: middle !important;
    width: 30px !important;
    height: 30px !important;
    padding: 2px !important;
/*    margin-right: 10px !important; */
    text-align: center !important;
}

/*make selected check box image*/
.checkbox-custom:checked + .checkbox-custom-label:before {
    background: #FFFFFF !important;
    color: transparent !important;
    background-image:url(images/check.png) !important;
    background-size: cover !important;
    box-shadow: 0px 0px 0px 0px !important;
    background-repeat:no-repeat !important;
}

/*vertically center rating grid stub labels*/
.table-responsive >.table .label_cell,
.table-responsive >.table .right_label_cell {
    vertical-align: middle;
}

td:hover {
    border: 1px solid #fff;
}

.SingleButtonGridButton:hover {
    border: solid 1px #3E902D;
}

.SingleButtonGrid .ActiveButton {
    border: solid 1px #3E902D;
    background-color: #3E902D;
    color: white;
}

td.SingleButtonGridButtonMobileStubLabel {
/*    font-weight: 700 !important;*/
}

#headerContainer {
    display: none;
}

#surveyContainer {
    padding-top: 0px;
}

.question-header {
    /*padding: 20px 0px 10px 0px;*/
    /*font-size: 20px*/
}

.SingleButtonGrid table tr td:last-child {
    text-align: center;
}

/*Center grid inputs throughout survey*/
.checkbox-custom-label, .radio-custom-label {
    padding-left: 10px;
}

.SingleButtonGrid tr:hover {
    border: none;
}

/*hide progress bar*/
#progressArea {
    display:none !important;
}

/*mobile rating grid*/
.SingleButtonGridButton.SingleButtonGridButtonMobile {
    padding: 5px;
    margin: 5px;
    min-height: 0px;
}

/**************SURVEY SPECIFIC CHANGES**************/

#progressArea
{
	display: none;
}

#rating_grid_table_Q1 td:first-child,
#rating_grid_table_Q2 td:first-child,
#rating_grid_table_Q3 td:first-child,
#rating_grid_table_Q4 td:first-child,
#rating_grid_table_Q5 td:first-child,
#rating_grid_table_DEPT3 td:first-child
{
	display: none;
}
	
#rating_grid_table_S6 td:first-child,
#rating_grid_table_Q3 td:first-child,
#rating_grid_table_Q5 td:first-child
{
	width: 30%
}	

@media (min-width: 760px)
{
#checkbox_grid_table_Q4 td:first-child,
#checkbox_grid_table_Q4_A td:first-child,
#checkbox_grid_table_Q6 td:first-child,
#checkbox_grid_table_Q6_A td:first-child,
#checkbox_grid_table_Q11 td:first-child,
#checkbox_grid_table_Q11_A td:first-child
{
	width: 40%
}		
}

@media (max-width: 760px)
{
#checkbox_grid_table_Q11 td:first-child,
#checkbox_grid_table_Q11_A td:first-child
{
	width: 50%
}		
}

#rating_grid_table_Q10A #heading_cell_0,
#rating_grid_table_Q10A #heading_cell_10
{
width: 14%;
}

#rating_grid_table_Q10A #heading_cell_1,
#rating_grid_table_Q10A #heading_cell_2,
#rating_grid_table_Q10A #heading_cell_3,
#rating_grid_table_Q10A #heading_cell_4,
#rating_grid_table_Q10A #heading_cell_5,
#rating_grid_table_Q10A #heading_cell_6,
#rating_grid_table_Q10A #heading_cell_7,
#rating_grid_table_Q10A #heading_cell_8,
#rating_grid_table_Q10A #heading_cell_9
{
width: 8%;
}	

#question_response_container_S16 input[value="90"] + .radio-custom-label:before,
#question_response_container_S16 input[value="91"] + .radio-custom-label:before
{
	display: none;
}

input[name="Q12A_090"] + .checkbox-custom-label:before,
input[name="Q12A_091"] + .checkbox-custom-label:before,
input[name="Q12A_092"] + .checkbox-custom-label:before,
input[name="Q12A_093"] + .checkbox-custom-label:before,
input[name="Q12A_094"] + .checkbox-custom-label:before,
input[name="Q12A_095"] + .checkbox-custom-label:before,
input[name="Q12A_096"] + .checkbox-custom-label:before,
input[name="Q12A_097"] + .checkbox-custom-label:before,
input[name="Q12A_098"] + .checkbox-custom-label:before
{
	display: none;
}

.table .heading_cell {
    vertical-align: middle;
}

.img_text
{
	/*display: inline-block;*/
	/*width: 300px;*/
}

@media (max-width: 760px)
{
	.img_text
	{
		/*display: inline-block;*/
		/*width: 200px;*/
	}
}

@media (max-width: 760px)
{
	.img-fluid2
	{
		max-width: 100%;
		height: auto !important;
	}
}

@media (min-width: 760px)
{
.img-fluid2
	{
		max-width: 100%;
		height: auto !important;
	}
}

/*@media (max-width: 600px)
{
u.bannerUnderline {
    padding: 0px 1vw;
 
}
}*/

.img_TEST
{
	/*height: 20px;*/
	display: block;
	margin-left: auto;
	margin-right: auto;	
}

.img_Q3
{
	/*height: 20px;*/
	display: block;
	margin-left: auto;
	margin-right: auto;	
}

.img_Q4
{
	/*height: 20px;*/
	display: block;
	margin-left: auto;
	margin-right: auto;	
}

.img_Q5
{
	/*height: 20px;*/
	display: block;
	margin-left: auto;
	margin-right: auto;	
}

.img_Q6
{
	/*height: 20px;*/
	display: block;
	margin-left: auto;
	margin-right: auto;	
}

.img_Q7
{
	/*height: 20px;*/
	display: block;
	margin-left: auto;
	margin-right: auto;		
}

.img_Q8
{
	height: 50px !important;
}

.img_Q10A
{
	/*height: 20px;*/
	display: block;
	margin-left: auto;
	margin-right: auto;		
}

.img_Q9
{
	/*height: 20px;*/
	display: block;
	margin-left: auto;
	margin-right: auto;		
}

.img_Q11
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	/* height: 30px !important; */
	width: 70px !important;
}

.img_Q12A
{
	height: 175px !important;
}

.img_Q12B
{
	height: 175px !important;
}

@media (max-width: 760px)
{
	.img_TEST
	{
		/*height: 10px;*/
	display: block;
	margin-left: auto;
	margin-right: auto;		
	}
}

@media (max-width: 760px)
{
	.img_Q3
	{
		/*height: 10px;*/
	display: block;
	margin-left: auto;
	margin-right: auto;		
	}
}

@media (max-width: 760px)
{
	.img_Q4
	{
		/*height: 10px;*/
	display: block;
	margin-left: auto;
	margin-right: auto;		
	}
}

@media (max-width: 760px)
{
	.img_Q5
	{
		/*height: 10px;*/
	display: block;
	margin-left: auto;
	margin-right: auto;		
	}
}

@media (max-width: 760px)
{
	.img_Q6
	{
		/*height: 10px;*/
	display: block;
	margin-left: auto;
	margin-right: auto;		
	}
}

@media (max-width: 760px)
{
	.img_Q7
	{
		/*height: 10px;*/
	display: block;
	margin-left: auto;
	margin-right: auto;			
	}
}

@media (max-width: 760px)
{
	.img_Q8
	{
		height: 30px !important;
	}
}

@media (max-width: 760px)
{
	.img_Q10A
	{
		/*height: 10px;*/
	display: block;
	margin-left: auto;
	margin-right: auto;			
	}
}

@media (max-width: 760px)
{
	.img_Q9
	{
		/*height: 10px;*/
	display: block;
	margin-left: auto;
	margin-right: auto;			
	}
}

@media (max-width: 600px)
{
.SingleButtonGridButton {
	display: block;
}
}

@media (max-width: 760px)
{
	.img_Q11
	{
		display: block;
		margin-left: auto;
		margin-right: auto;
		/* height: 30px !important; */
		width: 70px !important;
	}
}

@media (max-width: 760px)
{
	.img_Q12A
	{
		height: 60px !important;
	}
}

@media (max-width: 760px)
{
	.img_Q12B
	{
		height: 60px !important;
	}
}

@media (min-width: 761px)
{
	#question_response_container_Q1X
	{
		column-count: 2;
		width: 100%;
		display: block;
	}
}

#rating_grid_table_S9 td:first-child,
#rating_grid_table_Q7 td:first-child,
#rating_grid_table_Q8 td:first-child,
#rating_grid_table_Q9 td:first-child,
#rating_grid_table_Q10 td:first-child
{
     width: 30%;
}

#question_response_container_Q20_A
{
	margin-bottom: 30px;
}

#question_header_I1_EMAIL_PREFERRED,
#question_header_I1_PHONE_PREFERRED,
#question_header_I1_TEXT
{
	display: none;
}

input[name="Q7_001"][value="0"] + label,
input[name="Q7_004"][value="0"] + label,
input[name="Q7_005"][value="0"] + label,
input[name="Q7_006"][value="0"] + label
{
	display: none;
}

.SingleButtonGridButtonMobile[data-stub-value="Q7_001"][data-banner-value="0"],
.SingleButtonGridButtonMobile[data-stub-value="Q7_004"][data-banner-value="0"],
.SingleButtonGridButtonMobile[data-stub-value="Q7_005"][data-banner-value="0"],
.SingleButtonGridButtonMobile[data-stub-value="Q7_006"][data-banner-value="0"]
{
	display: none !important;
}

#question_header_S1B_REFUSED,
#question_header_S1B_2ND_REFUSED,
#question_header_S1B_3RD_REFUSED
{
	display: none;
}

/*resize numeric entry box including prefix or suffix*/
#number_input_group_S1,
#number_input_group_S1_2ND,
#number_input_group_S1_3RD
{
    width: 250px;
} 

#sline_textbox_S1C_001,
#sline_textbox_S1C_2ND_001,
#sline_textbox_S1C_3RD_001
{
    width: 75px;
} 

#sline_textbox_S1C_002,
#sline_textbox_S1C_2ND_002,
#sline_textbox_S1C_3RD_002
{
    width: 75px;
} 

#question_header_S1B_001,
#sline_textbox_S1B_001,
#question_header_S1B_2ND_001,
#sline_textbox_S1B_2ND_001,
#question_header_S1B_3RD_001,
#sline_textbox_S1B_3RD_001
{
	display: inline-flex;
	flex-wrap: wrap;
}

#question_header_S1C,
#question_header_S1C_2ND,
#question_header_S1C_3RD,
#question_response_container_S1C,
#question_response_container_S1C_2ND,
#question_response_container_S1C_3RD
{
	display: inline-flex;
	flex-wrap: wrap;
}
    
#question_header_S1B_001,
#question_header_S1B_2ND_001,
#question_header_S1B_3RD_001,
#question_header_S1C,
#question_header_S1C_2ND,
#question_header_S1C_3RD,
#question_response_container_S1C_001,
#question_response_container_S1C_002,
#question_response_container_S1C_2ND_001,
#question_response_container_S1C_2ND_002,
#question_response_container_S1C_3RD_001,
#question_response_container_S1C_3RD_002
{
	padding-right: 10px;
}

#question_response_container_S1C_002:before,
#question_response_container_S1C_2ND_002:before,
#question_response_container_S1C_3RD_002:before
{
	display: inline;
	content: ":";
	padding-left: 2px;
	padding-top: 2px;
	padding-right: 10px;
	white-space: nowrap;
	clear: none;
} 

#sline_textbox_S1C_002,
#sline_textbox_S1C_2ND_002,
#sline_textbox_S1C_3RD_002
{
	display: inline;
}

#demographic_error_S1C,
#demographic_error_S1C_2ND,
#demographic_error_S1C_3RD
{
	flex: 0 0 100%;
}

#question_response_container_S6A
{
	margin-top: 30px;
}

/*
#demographic_error_S1B
{
	display: none;
}
*/

#radio_div_S1D_0,
#radio_div_S1D_2ND_0
{
	display: none;
}

#radio_error_x_S1D,
#radio_error_x_S1D_2ND
{
    display:none;
}

.question-overall-container-RC,
#question_header_RC,
#question_response_container_RC
.question-overall-container-RC_2ND,
#question_header_RC_2ND,
#question_response_container_RC_2ND
{
	display: none;
}

#button2Area
{
	display: none;
}

.EnterDetails
{
	font-size: 22px;
	color: #545454;
}

#Privacy
{
	font-size: 13px;
	color: #808080;
}

#Manually
{
	font-size: 16px;
	font-weight: 700;
	color: #545454;
}


#question_response_container_S1D,
#question_response_container_S1D_2ND
{
	display: block;
}