/* Client Form */

/* GENERAL ---------------------------------------------------- */

/* <div class="custom-spacer"></div> */
.custom-spacer.small{ display:block; height:20px; }
.custom-spacer{ display:block; height:40px; }

.frm_rootline_group{ margin-top:75px; }
#form_client_form .frm_submit.frm_flex button{ width: 49%; }

.frm_combo_inputs_container, .frm_grid_container, .frm_form_fields .frm_section_heading, .frm_form_fields .frm_fields_container{
	grid-gap: 1rem 5%;
}

.custom-spacer{ height:30px; }

.v_centered_flex{ display: flex; flex-direction: column; justify-content: center; }

.custom-pre-options-separator{ background-color:#333; }

.with_frm_style .frm_submit.frm_flex button.frm_button_submit ~ .frm_prev_page{ background-color:#111; color:#eee; }


.frm_image_options input[type="checkbox"]:not([disabled]) + .frm_image_option_container:hover{ border-color: #777; }
.frm_image_options input[type="radio"]:not([disabled]) + .frm_image_option_container:hover{ border-color: #777; }
input[type="checkbox"]:checked + .frm_image_option_container{ border-color: white; }
input[type="radio"]:checked + .frm_image_option_container{ border-color: white; }

.frm_image_options .frm_text_label_for_image_inner{ text-transform:uppercase; font-weight:bold; }

.frm_checkbox.frm_image_option label{ background-color:#151515; } 


.option-table{ border-collapse:collapse; }
.option-table th{ border-top:2px solid; border-bottom:2px solid; }
.option-table.summary-row > tbody tr:last-of-type td{ background-color: #222; border-top: 2px solid #555; }

.option-table > tbody > tr > th, .option-table > tbody > tr > td{ border-right:1px solid #555; }
.option-table > tbody > tr > th:last-of-type, .option-table > tbody > tr > td:last-of-type{ border-right:none; }
.option-table > tbody > tr > th, .option-table > tbody > tr > td{ text-align:center; }
.option-table > tbody > tr > th:first-of-type, .option-table > tbody > tr > td:first-of-type{ text-align:left; }
.option-table.centered > tbody > tr > th:first-of-type, .option-table.centered > tbody > tr > td:first-of-type{ text-align:center; }


.option-table.left > tbody > tr > th{ text-align:left !important; }
.option-table.left > tbody > tr > td{ text-align:left !important; border-bottom:1px solid #555 !important; }
.option-table.left ul{ margin-left:25px; margin-bottom:0px; }

#frm_field_183_container .frm_image_option_container img{ object-fit:contain; }


.summary-table{ border-collapse:collapse; margin-bottom:0px; }
.summary-table th{ padding-top:10px; padding-bottom:10px; border-left:0px; border-right:0px; }
.summary-table td{ padding-top:0px; padding-bottom:0px; }
.summary-table td, .summary-table th{ padding-left:15px; padding-right:15px; width:50%; }
.summary-table th{ border-top:2px solid; border-bottom:2px solid; }
/*
.summary-table > tbody > tr > th, .summary-table > tbody > tr > td{ border-right:1px solid #555; }
.summary-table > tbody > tr > th:last-of-type, .summary-table > tbody > tr > td:last-of-type{ border-right:none; }
*/

#total-summary{ font-weight:bold; }

.frm_text_label_for_image{ font-size: 1rem; }
.select-option{ 
	display: flex;
    width: 100%;
    padding: 15px;
    justify-content: center;
}
.select-btn, .selected-btn{
	text-align: center;
    border: 1px solid white;
    padding: 10px 10px;
    display: inline-block;
    width: 100%;
    max-width: 75%;
}
.selected-btn{ display:none; background-color: white; color: black; }
.option-price-proposal{
	padding: 5px 15px;
    width: 100%;
    text-align: center;
}
.option-price{ color:#777; font-size:0.75rem; }


.frm_image_options input[type="checkbox"]:not([disabled]) + .frm_image_option_container:hover .select-btn{ background-color:#777; }
.frm_image_options input[type="radio"]:not([disabled]) + .frm_image_option_container:hover .select-btn{ background-color:#777; }
input[type="checkbox"]:checked + .frm_image_option_container .select-btn{ display: none; }
input[type="checkbox"]:checked + .frm_image_option_container .selected-btn{ display: block; }
input[type="radio"]:checked + .frm_image_option_container .select-btn{ display: none; }
input[type="radio"]:checked + .frm_image_option_container .selected-btn{ display: block; }



@media screen and (min-width: 768px) {
	.frm_rootline_group{ margin-top:100px; }

	.content_pad_right{ padding-right: 30px; }
	.content_pad_left{ padding-left: 30px; }	

	.custom-spacer{ height:60px; }
}






/* PAGE 1 ---------------------------------------------------- */
.frm_page_num_1 .frm_rootline_group{ display:none; }
#form_client_form .frm_page_num_1 .frm_submit.frm_flex button{ width: 100%; }
/* --- */