@charset "utf-8";
/* --------------------------------------------------------------------------
FORMS - GLOBAL FOUNDATION
----------------------------------------------------------------------------- */
/* Pages: sign in on index page, career/login, contact/questions, contact/new_account, career/forgot-password,
tools/add_edit_user, tools/add_batch, tools/order_scorings, tools/exportUserData, 
purchase_authority/pa_order_scorings, purchase_authority/pa-demo/demo-pa-order-scorings, mgt/customers
--------------------------------------------------------------------------------------------------------*/
form input[type="text"],
form input[type="number"],
form input[type="email"],
form input[type="password"],
form input[type="tel"],
form input[type="url"],
form input[type="date"],
form input[type="search"],
form input[readonly],
form textarea[readonly],
form select,
form textarea,
form option,
form label,
form legend {
font-family: 'Open Sans', Arial, sans-serif;
}
.form input,
.form select,
.form textarea {
background: #f0f4f7;
}

form,
form *,
form *::before,
form *::after {
box-sizing: border-box;
}

form label {
display: block;
margin-bottom: 6px;
font-size: 1.15rem;
font-weight: 600;
line-height: 1.3;
}

form select {
line-height: normal;
}

form input[type="text"],
form input[type="number"],
form input[type="email"],
form input[type="password"],
form input[type="tel"],
form input[type="url"],
form input[type="date"],
form input[type="search"],
form select,
form textarea {
width: 100%;
max-width: 100%;
font-size: 1.15rem;
font-weight: 400;
background: #fff;
border: 1px solid var(--border-light);
border-radius: 5px;
padding: 8px 10px;
}
form input[type="text"]:focus,
form input[type="number"]:focus,
form input[type="email"]:focus,
form input[type="password"]:focus,
form input[type="tel"]:focus,
form input[type="url"]:focus,
form input[type="date"]:focus,
form input[type="search"]:focus,
form select:focus,
form textarea:focus {
background: #f8fbfd;
border-color: var(--wowi-blue);
outline: 2px solid #dbe5ea;
outline-offset: 1px;
}

form input[type="text"],
form input[type="number"],
form input[type="email"],
form input[type="password"],
form input[type="tel"],
form input[type="url"],
form input[type="date"],
form input[type="search"],
form select {
height: 40px;
line-height: normal;
}

form textarea {
min-height: 110px;
line-height: 1.4;
resize: vertical;
}

form input[type="text"]:focus,
form input[type="number"]:focus,
form input[type="email"]:focus,
form input[type="password"]:focus,
form input[type="tel"]:focus,
form input[type="url"]:focus,
form input[type="date"]:focus,
form input[type="search"]:focus,
form select:focus,
form textarea:focus {
background: #f0f4f7;
border-color: var(--wowi-blue);
outline: 2px solid #ccd6dc;
outline-offset: 1px;
}

form input[readonly],
form textarea[readonly],
form select[disabled],
form input:disabled,
form textarea:disabled,
form button:disabled {
background: #f8fafb;
color: #66737c;
cursor: not-allowed;
}

form fieldset {
min-width: 0;
margin: 0;
padding: 0;
border: 0;
}

form legend {
margin-bottom: .75rem;
color: var(--wowi-blue);
font-size: 1.25rem;
font-weight: 600;
line-height: 1.3;
}

form input[type="radio"],
form input[type="checkbox"] {
accent-color: var(--wowi-blue);
}

/* ORDER FORM, PAGES: tools/order_scorings, purchase_authority/pa_order_scorings.php
--------------------------------------------------------------------------------------------------------*/
form.order {
margin: 2em auto 3em auto;
max-width: 620px;
width: 100%;
padding: 2em;
border: 1px solid var(--wowi-green);
border-radius: 10px;
}
/* If using horizontal rows */
form.order p {
display: flex;
align-items: center;
gap: 20px;
margin: 0 0 16px;
}
form.order label {
flex: 0 0 150px;
margin-bottom: 0;
}
form.order input[type="text"],
form.order input[type="password"],
form.order select,
form.order textarea {
flex: 1;
}

#divAuthorizeNetPopup {
box-sizing: border-box;
width: calc(100vw - 32px);
max-width: 760px;
position: fixed;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
top: 10%;
transform: translateY(80px);
z-index: 2;
overflow: hidden;
}