#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;
}
}