:root {
	--main: #f73936;
	--cc-primary: #F73936;
	--fz-4: 0.2083333333rem;
	--fz-8: 0.4166666667rem;
	--fz-10: 0.5208333333rem;
	--fz-12: 0.625rem;
	--fz-14: 0.7291666667rem;
	--fz-15-base: 15px;
	--fz-15: 0.78125rem;
	--fz-16: 0.8333333333rem;
	--fz-18: 0.9375rem;
	--fz-20: 1.0416666667rem;
	--fz-24: 1.25rem;
	--fz-28: 1.4583333333rem;
	--fz-30: 1.5625rem;
	--fz-32: 1.6666666667rem;
	--fz-36: 1.875rem;
	--fz-40: 2.0833333333rem;
	--fz-44: 2.2916666667rem;
	--fz-48: 2.5rem;
	--fz-60: 3.125rem;
	--fz-64: 3.3333333333rem;
}
.acf-postbox > .acf-fields.-top > .acf-field > .acf-label label {
	font-size: 20px;
	background-color: #efefef;
	padding: 10px !important;
}
.acf-postbox > .acf-fields.-top > .acf-field .acf-field-group > .acf-label label {
	font-size: 16px;
	background-color: #e3e3e3;
	padding: 8px !important;
}
/* .acf-postbox > .acf-fields.-top > .acf-field-repeater > .acf-label label {
	font-size: 20px;
	background-color: #efefef;
	padding: 10px !important;
}
.acf-postbox > .acf-fields.-top > .acf-field-image > .acf-label label {
	font-size: 20px;
	background-color: #efefef;
	padding: 10px !important;
} */
body.login {
	background-color: #f0f0f1;
}
#login {
	width: 690px;
}
#loginform {
	background: #ffffff;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
	border-radius: 10px;
	border: 0;
	padding: 75px 60px 30px;
}
#loginform input[type="text"]::placeholder,
#loginform input[type="password"]::placeholder {
	color: #999999;
}
#loginform input[type="text"],
#loginform input[type="password"] {
	background: #f5f5f5;
	border-radius: 25px;
	height: 50px;
	border: 0;
	outline: none;
	box-shadow: 0 0 0 1px #f5f5f5;
	transition: 0.3s all ease-in-out;
	padding: 0 35px;
	font-size: 14px;
}
#loginform label {
	margin-bottom: 15px;
}
#loginform #user_login {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAxOCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjYyNSAxMi4zNzVINi44NzVDMy4wNDY4OCAxMi4zNzUgMCAxNS40NjA5IDAgMTkuMjVDMCAxOS45NTMxIDAuNTQ2ODc1IDIwLjUgMS4yNSAyMC41SDE2LjI1QzE2LjkxNDEgMjAuNSAxNy41IDE5Ljk1MzEgMTcuNSAxOS4yNUMxNy41IDE1LjQ2MDkgMTQuNDE0MSAxMi4zNzUgMTAuNjI1IDEyLjM3NVpNMS44NzUgMTguNjI1QzIuMTg3NSAxNi4xNjQxIDQuMjk2ODggMTQuMjUgNi44NzUgMTQuMjVIMTAuNjI1QzEzLjE2NDEgMTQuMjUgMTUuMjczNCAxNi4xNjQxIDE1LjU4NTkgMTguNjI1SDEuODc1Wk04Ljc1IDEwLjVDMTEuNDg0NCAxMC41IDEzLjc1IDguMjczNDQgMTMuNzUgNS41QzEzLjc1IDIuNzY1NjIgMTEuNDg0NCAwLjUgOC43NSAwLjVDNS45NzY1NiAwLjUgMy43NSAyLjc2NTYyIDMuNzUgNS41QzMuNzUgOC4yNzM0NCA1Ljk3NjU2IDEwLjUgOC43NSAxMC41Wk04Ljc1IDIuMzc1QzEwLjQ2ODggMi4zNzUgMTEuODc1IDMuNzgxMjUgMTEuODc1IDUuNUMxMS44NzUgNy4yNTc4MSAxMC40Njg4IDguNjI1IDguNzUgOC42MjVDNi45OTIxOSA4LjYyNSA1LjYyNSA3LjI1NzgxIDUuNjI1IDUuNUM1LjYyNSAzLjc4MTI1IDYuOTkyMTkgMi4zNzUgOC43NSAyLjM3NVoiIGZpbGw9IiM5OTk5OTkiLz4KPC9zdmc+Cg==);
	background-repeat: no-repeat;
	background-position: center right 20px;
}
#loginform input[type="text"]:focus,
#loginform input[type="password"]:focus {
	box-shadow: 0 0 0 1px var(--main);
}
#login .message {
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
	border-radius: 10px;
	border-left: 0;
	border-bottom: 3px solid red;
}
.login .button.wp-hide-pw {
	min-width: 55px;
	min-height: 50px;
	border: 0 !important;
	outline: none !important;
	box-shadow: none !important;
}
.wp-hide-pw span::before {
	color: #999999;
}
#login #wp-submit {
	background: var(--main);
	border-radius: 25px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	font-weight: bold;
	width: 100%;
	font-size: 20px;
	border: 0;
	outline: none;
	transition: 0.3s all ease-in-out;
}
#login #wp-submit:hover {
	background-color: #cd2623;
}
.forgetmenot {
	font-size: 14px;
	color: #666666;
}
.forgetmenot input:focus {
	box-shadow: 0 0 0 1px var(--main);
	border-color: var(--main);
}
#login input[type="checkbox"]:checked::before {
	filter: invert(56%) sepia(33%) saturate(5832%) hue-rotate(341deg) brightness(97%) contrast(96%);
}
#login a:hover {
	color: var(--main) !important;
}
/* @note Quotation */
.table-primary p {
	margin-bottom: 0 !important;
}

.table-primary {
	border-collapse: collapse;
	width: 100%;
}

.table-primary th,
.table-primary td {
	border: 1px solid #dcdcdc;
	padding: var(--fz-10) var(--fz-32);
}
.table-primary th:nth-child(5) {
	width: 100px;
	text-align: center;
}
.table-primary td:nth-child(5) {
	width: 100px;
	text-align: center;
}

.table-primary tbody tr th:nth-child(3),
.table-primary tbody tr td:nth-child(3),
.table-primary thead th:nth-child(3) {
	text-align: center;
}

.table-primary tbody tr th:nth-child(4),
.table-primary tbody tr td:nth-child(4),
.table-primary thead th:nth-child(4) {
	text-align: right;
}

.table-primary tbody tr th,
.table-primary tbody tr th p {
	background-color: var(--cc-secondary-2);
	color: white;
	font-weight: bold;
}

.table-primary tbody tr[sub] td,
.table-primary tbody tr[sub] td p {
	font-weight: bold;
}

.table-primary tbody tr[sub] {
	background-color: #eff2f4;
}

.table-primary tbody td:nth-child(1),
.table-primary thead th:nth-child(1),
.table-primary tbody th:nth-child(1) {
	padding: 0 16px;
}

.table-primary thead th,
.table-primary thead th p {
	background-color: var(--cc-primary);
	color: white;
	font-weight: bold;
}

.table-primary tbody td,
.table-primary tbody td p {
	font-weight: 500;
}

.table-primary tbody tr[red] td p,
.table-primary tbody tr[red] td {
	font-weight: bold;
}

.table-primary tbody tr[red],
.table-primary tfoot tr th {
	background-color: var(--cc-primary);
	color: white;
	font-weight: bold;
}

.table-primary tfoot tr th:nth-child(3) {
	text-align: center;
}

.table-primary tfoot tr td[colspan],
.table-primary tbody tr td[colspan] {
	background-color: var(--cc-primary);
	color: white;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
}

.table-primary tfoot tr td p {
	margin-bottom: 0;
}

.table-primary tfoot tr td,
.table-primary tfoot tr td p {
	background-color: var(--cc-secondary-2);
	color: white;
	/* font-weight: bold; */
}

.wrap-button-quotation {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.btn-quotation:hover {
	background-color: #d42e2c;
}
.btn-quotation {
	display: block;
	width: 100%;
	height: 40px;
	display: flex;
	align-items: center;
	cursor: pointer;
	justify-content: center;
	background-color: var(--cc-primary);
	color: white !important;
	border: 0;
	transition: .3s all  ease-in-out;
	text-decoration: none;
	font-weight: 500;
}
#generate_html_button {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
#generate_html_button.isLoading {
	font-size: 0;
	transition: .1s all  ease-in-out
}
#generate_html_button.isLoading::before {
	content: '';
	width: 20px;
	height: 20px;
	border: 3px solid #b02626;
	border-top-color: white;
	animation: spin .4s linear infinite;
	position: absolute;
	border-radius: 50%;
}
@keyframes spin {
	100% {
		transform: rotate(1turn);
	}
}