.p-t-0 {padding-top: 0px !important; margin: 60px 0 100px 0;}

.check_on {
  background: url(/images2/icon_check.png) no-repeat 10px 50%;
  padding-left: 20px;
  font-size: 1.5rem;
}

form {margin-top: 20px;}

.form-group {margin-bottom: 10px;}
.form-group .row {border-bottom: 1px solid #191919 !important; line-height: 4 !important; display: flex !important; gap: 40px !important; align-items: center;}
.form-group .row input {background-color: #f4f4f4; padding-left: 16px;}
.form-group .row .input #w_name {width: 50%;}
.form-group .row .input {display: flex;}
.form-group .row .attached_file {background-color: #fff;}
.form-group .row textarea {background-color: #f4f4f4; padding: 10px 16px; width: 100%; margin-bottom: 10px; font-size: 1.6rem;}
.form-group .row .col-9 {width: calc(85% - 40px);}
.form-group .row .col-9 span {font-size: 1.6rem;}
.form-group .row .production_type { display: flex; flex-direction: column;}
.form-group .row .production_type span {line-height: 2;}
.form-group label {width: 15%;}
/* .form-group #w_company {width: calc(85% - 40px);} */

.form-group label:not(.error) {
  font-size: 1.5rem;
  font-weight: 600;
  color: #151515;
  padding: 0 25px;
  overflow-wrap: normal;
}
.form-inline button {
margin: 0px;
}
.form-group > label {
display: block;
}
.has-feedback label ~ .form-control-feedback {
top: 44px;
}
.is-invalid:not(.form-control) {
font-size: .8rem;
color: #CE041C;
}
.is-invalid, .is-valid {
display: block;
clear: both;
width: 100%;
}


input {font-size: 1.4rem; padding: 12px 0;}
input:focus { outline: none !important; border: 2px solid #80bdff; box-shadow: 0 0 4px #bfdeff;}
textarea:focus { outline: none !important; border: 2px solid #80bdff; box-shadow: 0 0 4px #bfdeff;}


input[type="checkbox"].form-control {
float: left;
width: auto;
margin-right: 13px;
height: 24px;
cursor: pointer;
}
input[type="color"] {
width: 100%;
height: 100%;
min-height: 3px;
padding: 0;
border: 0px;
cursor: pointer;
}
input[type="color"]:focus {
box-shadow: none;
}


/*form select*/
select.form-control:not([size]):not([multiple]) {
padding: 12px 30px 10px 10px;
font-size: 1.5rem;
/* width: 50% !important; */
}
select {
width: 100%;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
background-image: url('../images3/dropdown-arrow.png') !important;
background-repeat: no-repeat !important;
background-position: right center !important;
border: 1px solid #d7d9db;
border-radius: 5px;
}
select[multiple] {
background-image: none !important;
}
.order-select > h6 {
margin-bottom: 0;
}
.order-select p {
font-size: 13px;
}
.button-search {
background-color: #fff;
border-color: #e6e8eb #e6e8eb #e6e8eb;
border-style: solid;
border-width: 1px 1px 1px 0 !important;
box-shadow: none;
margin-left: -6px !important;
z-index: 2 !important;
}

select option {font-size: 1.6rem !important;}

.p-10 b {font-size: 1.5rem;}

.inquiry-btn {margin-top: 30px;}
.inquiry-btn button {padding: 15px 50px; border-radius: 30px; transition: all 0.3s; border: 1px solid #191919; font-size: 1.8rem; font-weight: 500; color: #fff; background-color: #191919;}
.inquiry-btn button:hover {background-color: #fff; border: 1px solid #191919; color: #191919 !important;}


/* ----------------------------------------------------------------------

Reservation form
-------------------------------------------------------------------------*/
.reservation-form-over {
top: -80px;
z-index: 10;
margin-bottom: -80px;
overflow: inherit;
background-color: transparent;
}
.reservation-form {
background-color: #fff;
border-radius: 3px;
border: 1px solid #eee;
min-height: 160px;
padding: 30px;
position: relative;
z-index: 9999 !important;
}
.reservation-form label {
color: #555;
}
.reservation-form input, .reservation-form select {
border: 0px;
border-radius: 4px;
background-color: #ffffff;
border: 1px solid #e6e8eb;
width: 100%;
}
.reservation-form .date input {
border-radius: 4px 0 0 4px;
border-width: 2px 0 2px 2px;
}
.reservation-form .input-group-addon {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #fff !important;
border-color: #ddd;
border-image: none;
border-style: solid;
border-width: 2px 2px 2px 0;
}
.reservation-form input, .reservation-form select {
color: #555;
display: block;
font-size: 15px;
line-height: 1.42857;
padding: 8px 14px;
width: 100%;
}
/*reservation form style 2*/
#book {
background-color: rgba(0, 0, 0, 0.4);
border: 10px solid rgba(255, 255, 255, 0.2);
border-radius: 3px;
padding: 40px;
}
/* Fixes */
.widget .input-group-text {
height: 40px;
}
.list-group input[type="radio"] {
display: none;
}
.list-group input[type="radio"] + .list-group-item {
cursor: pointer;
}
.list-group input[type="radio"]:checked + .list-group-item {
background-color: #f8f9fa;
}
/* ----------------------------------------------------------------------
Forms - Dark
-------------------------------------------------------------------------*/
.dark .form-control, .dark input, .dark select, .dark textarea {
background-color: #222;
border-color: #333;
color: #ffffff;
}
.spinner-loader-inside {
margin-left: -30px;
margin-top: 6px;
z-index: 3;
}
.floating-div {
position: fixed;
/*       display: flex;
      flex-wrap: nowrap; */
width: auto;
background-color: rgba(255, 255, 255, 0.95);
transition: bottom 0.3s;
z-index: 9999;
height: auto;
padding: 10px;
color: #333;
border-top: 1px solid #eee;
box-shadow: 0px 0px 12px 6px rgba(0, 0, 0, 0.1);
border-radius: 6px;
transform: translateX(-50%);
margin-left: 50%;
}
@media (min-width: 400px) {
  .form-group .row .input {width: 60%;}
  .form-group .row .input #w_name {width: 60%;}

}
@media (min-width: 768px) {
  .p-t-0 {margin: 80px 0 100px 0;}
  input {font-size: 1.6rem;}
  .form-group .row .input #w_name2 {width: 100%;}
  .form-group label:not(.error) {font-size: 1.8rem;}  
  .form-group .row .production_type {width: calc(85% - 40px); display: flex; flex-direction: row; gap: 10px;}

  .inquiry-btn button {padding: 18px 50px;}
}