#gcid_code_id_form input[type=number]::-webkit-inner-spin-button,
#gcid_code_id_form input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#gcid_code_id_form input[type=number] {
    -moz-appearance: textfield;
}

.gcid_get_id_first_form_wrap,
.gcid_get_id_second_form_wrap {
	margin: 60px 0px;
}

.gcid_first_form_row,
.gcid_second_section_confirmation_wrap,
.gcid_second_section_select_wrap {
	display: flex;
	width: 100%;
	max-width: 100%;
}

.gcid_second_section_confirmation_wrap {
	margin: 30px 0;
}

.gcid_first_form_row {
	justify-content: space-between;
	margin-bottom: 15px;
}

.order_id {
	width: 49%;
}

.installation_id .gcid_submit {
	height: auto !important;
	border: none !important;
}

.installation_id .gcid_submit:hover {
	background-color: #e0e0e0 !important;
}

.installation_id {
	width: 100%;
	display: flex;
	position: relative;
}

.form_input, 
.gcid_confirmation_id {
	border: 1px solid #d9d9d9;
	border-radius: 14px;
	padding: 20px !important;
	height: 0;
	font-size: 15px;
	width: 100%;
}

.gcid_second_section_heading {
	line-height: 1.4;
	font-size: 23px;
	font-weight: 900;
	margin-bottom: 15px;
}

.gcid_submit,
.gcid_copy_confirmation_id,
.gcid_select_block_copy {
	padding: 5px 5px !important;
	font-size: 13px;
	line-height: 1.2;
	cursor: pointer !important;
	background-color: #f3f3f3 !important;
	min-width: 50px !important;
	height: 100%;
	font-weight: 600;
	color: #3e3e3e !important;
    max-width: 70px;
    text-align: center !important;
    min-width: 70px !important;
}

.gcid_copy_confirmation_id, 
.gcid_select_block_copy {
	height: auto;
	border: none;
}

.gcid_copy_confirmation_id:hover, 
.gcid_select_block_copy:hover {
	background-color: #e0e0e0 !important;
}

.gcid_block_latter {
	text-align: center;
	font-size: 14px;
	padding: 0 15px;
	border: 1px solid #d9d9d9;
	border-radius: 14px;
	height: 41px;
	max-width: 133px;
}

.gcid_error {
	margin: 15px 0 0 5px;
	color: red;
	font-size: 15px;
	position: absolute;
}

#gcid_code_id_form {
	position: relative;
}

.loader_wrap {
	position: absolute;
	right: 0px;
	top: 0px;
	display: none;
	padding: 5px 20px;
	height: 100%;
	background-color: #ececec;
	opacity: 0.6;
}

.loader {
	width: 30px;
	padding: 6px;
	height: 30px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: #626464;
	--_m: 
	  conic-gradient(#0000 10%,#000),
	  linear-gradient(#000 0 0) content-box;
	-webkit-mask: var(--_m);
			mask: var(--_m);
	-webkit-mask-composite: source-out;
			mask-composite: subtract;
	animation: l3 1s infinite linear;
  }
@keyframes l3 {to{transform: rotate(1turn)}}

@media only screen and (max-width: 1199px) { 
	.gcid_select_block {
		width: 93%;
	}

	.gcid_block_latter {
		max-width: 108px;
		min-width: 10px;
		border: 1px solid #d9d9d9 !important;
  		border-radius: 14px !important;
	}
}

@media only screen and (max-width: 991px) { 
	.form_input, .gcid_confirmation_id {
		border: 1px solid #d9d9d9 !important;
		border-radius: 14px !important;
	}

	.gcid_block_latter {
		max-width: 77px;
		min-width: 10px;
		border: 1px solid #d9d9d9 !important;
		border-radius: 14px !important;
	}

	.gcid_select_block {
		width: 90.5%;
	}
}

@media only screen and (max-width: 767px) {
    .gcid_first_form_row {
        flex-direction: column;
    }

    .order_id {
        width: 98%;
        margin: 9px auto auto;
    }

    .installation_id {
        width: 98%;
        margin: auto;
        margin-top: -6px;
    }

	.gcid_second_section_select_wrap .gcid_select_block_copy {
		height: 45px !important;
	}

	.gcid_second_section_select_wrap {
		align-items: center;
	}

	.gcid_block_latter {
		max-width: 24%;
		font-size: 13px;
		padding: 0 5px !important;
		border-radius: 14px !important;
		height: 41px;
	}

    .gcid_submit {
        height: auto;
    }

	.gcid_select_block {
		width: 90%;
	}
}

@media only screen and (max-width: 610px) {
	.gcid_select_block {
		width: 87%;
	}
}

@media only screen and (max-width: 500px) {
	.gcid_select_block {
		width: 100%;
		margin: 5px 0;
	}

	.gcid_second_section_select_wrap {
		align-items: center;
		flex-direction: column;
	}
}

@media only screen and (max-width: 455px) {
	.gcid_block_latter {
		max-width: 48%;
	}
}

@media only screen and (max-width: 420px) {
	.gcid_block_latter {
		padding: 0 1px !important;
	}
}