@charset "UTF-8";
.ui.modal.mkp-calculator-modal.table-cloth-custom-modal {
	overflow-y: scroll;
	font-size: 16px;
}
.table-cloth-custom-modal .title {
	font-size: 24px;
	font-weight: 600;
}
.table-cloth-custom-modal .ui.form .field>label {
	font-size: 16px;
}
.table-cloth-custom-modal .ui.radio.checkbox label {
	padding-left: 0;
}
.table-cloth-custom-modal .ui.checkbox.radio input:checked~label::before,
.table-cloth-custom-modal .ui.checkbox.radio input:checked~label::after,
.table-cloth-custom-modal .ui.checkbox.radio label::before,
.table-cloth-custom-modal .ui.radio.checkbox label::after {
	content: none !important;
}
.table-cloth-custom-modal .ui.checkbox input+label[for], 
.table-cloth-custom-modal .ui.checkbox input.hidden+label {
	text-align: center;
}
.table-cloth-custom-modal .ui.checkbox.radio input~label img {
	border: 2px solid transparent;
	border-radius: 8px;
	overflow: hidden;
}
.table-cloth-custom-modal .ui.checkbox.radio input:checked~label img {
	border: 2px solid #2A63AC;
}
.table-cloth-custom-modal .ui.checkbox.radio input:checked~label span {
	font-weight: 600;
	color: #2A63AC;
}
.table-cloth-custom-modal .total {
	margin-top: 20px;
	text-align: left;
}
.table-cloth-custom-modal .total b {
	font-size: 26px;
}
.table-cloth-custom-modal .total #offerPrice {
	font-size: 24px;
}
.table-cloth-custom-modal .action {
	text-align: right;
}
.table-cloth-custom-modal #form-calculator-door .action a.button {
	width: 48%;
	display: inline-block;
	font-size: 18px;
	background-color: #0065B2;
}
.table-cloth-custom-modal #form-calculator-door .reset-btn {
	border-radius: 10px;
	background-color: #fff;
	color: #525255;
	border: 1px solid #99999C;
}
.table-cloth-custom-modal input::-webkit-outer-spin-button,
.table-cloth-custom-modal input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.table-cloth-custom-modal input[type=number] {
	-moz-appearance: textfield;
}
.table-cloth-custom-modal .quantity-tools {
	display: flex;
	align-items: center;
}

.table-cloth-custom-modal .quantity-tools button {
	width: 40px;
	height: 40px;
	padding: 10px;
	font-size: 16px;
	background-color: #fff;
	border: 1px solid var(--neutral-colors-gray-700, #99999C);
	border-radius: 10px;
}

.table-cloth-custom-modal .quantity-tools input {
	max-width: 70px;
	padding: 0px 8px;
	font-size: 18px;
	font-weight: 700;
	color: var(--neutral-colors-gray-800, #525255);
	text-align: center;
	border: 0 !important;
}

.table-cloth-custom-modal .column.ui.form{
	display: flex;
	flex-direction: column;
}

.table-cloth-custom-modal .ui.form .field input,
.table-cloth-custom-modal .ui.form .field .ui.dropdown{
	margin: 10px 0;
}

.table-cloth-custom-modal #form-calculator-door .recal-table-clot-btn{
	background-color: #fff !important;
	color: #525255;
	border: 1px solid #99999C;
	border-radius: 10px;
}