/*-------------------
------  General
---------------------*/

:root {
	--form_text_color: var(--awb-color3) !important;
}

.trial-request-form input:not([type="checkbox"]):not([type="date"]) {
	display: flex;
	margin: 0 !important;
	width: 100% !important;
}

/* .trial-request-form ::placeholder {
	color: var(--awb-custom_color_2);
} */

.trial-request-form input[type="date"] {
	width: fit-content;
}

.trial-request-info-row label {
	margin-bottom: 1rem;
}

.trial-request-info-row,
select[name="previous-experience-dropdown"] {
	margin-bottom: 1.5rem;
}

/*---------- Buttons */
.trial-request-button#add-row-button,
.trial-request-button#remove-row-button,
.trial-request-form-submit-button {
	width: 23%;
	font-size: var(--button_font_size);
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	border-radius: 5px;
	border: none;
	margin-bottom: 1rem;
	font-weight: 400;
	text-transform: uppercase;
}

.trial-request-button#add-row-button {
	background: var(--gradient-blue2);
	color: white;
	margin-right: 1rem;
}

.trial-request-button#remove-row-button {
	background: var(--gradient-grey1);
	color: var(--awb-color3);
}

.trial-request-form-submit-button {
	background: var(--gradient-orange1);
	color: var(--awb-color3);
}

/* Disabled Style */
.trial-request-form button.disabled ,
.contact-inquiry-form-submit-button.disabled {
	opacity: .3;
	pointer-events: none;
	cursor: not-allowed;
}

/* Select Arrow */


/*-----------------------
------ RELAUNCH STYLE
------------------------*/

/*-------- Contact Info */
.trial-request-contact-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.trial-request-contact-row>label {
	width: 100%;
	display: inline-block;
	margin-bottom: 1rem;
	font-weight: bold;
}

.trial-request-contact-wrap .trial-request-contact-row:nth-child(1)>label>select {
	width: 100%;
}

.trial-request-contact-row {
	width: 48.5%;
	margin-bottom: 1.5rem;
}

select[name="salutation"] {
	margin-top: 1rem;
}

/* Raw Materials */

.trial-request-row-wrap h3 {
	margin: 1rem 0;
}

.trial-request-row-wrap {
	padding-bottom: 1.5rem;
	border-bottom: 1px solid var(--awb-custom_color_2);
}

#raw-materials-table {
	margin-bottom: 1.5rem;
}


/* .trial-request-form input[type=tel] {
	border-width: var(--form_border_width-top) var(--form_border_width-right) var(--form_border_width-bottom) var(--form_border_width-left);
	border-color: var(--form_border_color);
	border-radius: var(--form_border_radius);
	background-color: var(--form_bg_color);
	font-size: 1rem;
	color: var(--form_text_color);
	height: var(--form_input_height);
	padding-top: 0;
	padding-bottom: 0;
	outline: 0;
	border: 1px solid #d2d2d2;
	font-size: 13px;
	color: #747474;
} */

/* Table Style START */

td input {
	background-color: unset;
}
.trial-request-form table tr>* {
	margin: 0 2px 0 2px;
}

.trial-request-form table tr:nth-child(even) * {
	background-color:#b3c4cc;
}

.trial-request-form table th {
	border-color: #707e85;
	background-color: var(--awb-color3);
	color: white;
}

.trial-request-form table td {
	border-color: white;
	color: black;
}

.trial-request-form table {
	border-collapse: separate;
	border-spacing: 2px 0;
}
/* Table Style END */


.table-overflow-wrapper {
	overflow-x: auto;
}

#raw-materials-table tr {
	height: 2em;
}

#raw-materials-table {
	width: 100%;
	/* margin-bottom: 1em; */
}

#raw-materials-table input,
#raw-materials-table select {
	text-align: center;
	width: 100%;
	height: 100%;
	border: none;
	padding: 0;
}

#raw-materials-table th {
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

#raw-materials-table th small {
	opacity: 0.7;
}

#formulations-table tr {
	height: 2em;
}

#formulations-table th {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

#formulations-table th small {
	opacity: 0.7;
}

#formulations-table {
	width: 100%;
	margin-bottom: 1em;
}

#formulations-table input,
#formulations-table select {
	text-align: center;
	width: 100%;
	height: 100%;
	border: none;
	padding: 0;
}

#formulations-table th {
	padding-left: 1em;
	padding-right: 1em;
}

.trial-request-info-row {
	width: 100%;
	display: flex;
	flex-direction: column;
	/* margin: 0 !important; */
	padding: 0;
}

.trial-request-info-wrapper {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 1.5rem;
}

#application-select-first-dropdown {
	width: 100%;
	margin-top: .5em;
}

.second-dropdowns {
	display: flex;
	justify-content: space-around;
}

.second-dropdowns select {
	width: 95%;
	margin-top: .5em;
}

.second-dropdowns span {
	margin-top: .5em;
}

/* .trial-request-row-wrap {
	margin: 2em 0;
} */

/* .trial-request-button:not(.trial-request-form-submit-button) {
	background-color: white !important;
	background-image: none !important;
    color: black;
    border: 2px solid #f18700;
    padding: 0.3em !important;
} */

.trial-request-button:hover {
	background-color: #f18700 !important;
}

/* Disabled Style */

.trial-request-form td.disabled {
	background-color: #707e85;
	opacity: .5;
	pointer-events: none;
	cursor: not-allowed;
}

.trial-request-form td.disabled>* {
	background-color: #707e85;
	opacity: .5;
	pointer-events: none;
	cursor: not-allowed;
}

.trial-request-form .trial-request-form-success {
	background-color: rgb(0, 255, 0);
	color: rgb(255, 255, 255);
	text-align: center;
}

.trial-request-form .trial-request-form-failure {
	background-color: rgb(255, 0, 0);
	color: rgb(0, 0, 0);
	text-align: center;
}

@media only screen and (max-width: 750px) {

	.trial-request-contact-row,
	.trial-request-info-row {
		width: 100%;
	}
}

#trial-request-disclaimer i {
	font-size: 0.8em;
}

#trial-request-disclaimer {
	margin-bottom: 1.5rem;
}