1104 lines
30 KiB
CSS
1104 lines
30 KiB
CSS
/*
|
|
----------------------------------------------------------------
|
|
|
|
IMPREZA Gravity Forms styles
|
|
|
|
NOTE: DO NOT EDIT THIS FILE!
|
|
THIS FILE IS REPLACED DURING AUTO-UPDATES
|
|
AND ANY CHANGES MADE HERE WILL BE OVERWRITTEN.
|
|
|
|
----------------------------------------------------------------
|
|
*/
|
|
|
|
.gform_description:not(:empty) {
|
|
display: block;
|
|
margin-top: -1rem;
|
|
}
|
|
.gform_wrapper .gform_fields {
|
|
list-style: none;
|
|
margin: 0;
|
|
}
|
|
.gf_clear,
|
|
.gform_wrapper .description,
|
|
.gform_wrapper .gfield_description,
|
|
.gform_wrapper .gsection_description,
|
|
.gform_wrapper .instruction {
|
|
clear: both;
|
|
}
|
|
.gform_wrapper .gform_heading,
|
|
.gform_wrapper .gfield {
|
|
margin: 0 0 1.5rem;
|
|
}
|
|
.gform_wrapper li:after {
|
|
content: '';
|
|
display: block;
|
|
clear: both;
|
|
}
|
|
.gform_wrapper .gfield_label {
|
|
display: block;
|
|
font-weight: bold;
|
|
margin-bottom: 0.3rem;
|
|
}
|
|
.gform_wrapper .gfield_required {
|
|
margin-left: 0.2rem;
|
|
color: red;
|
|
}
|
|
.gform_wrapper .charleft,
|
|
.gform_wrapper .gfield_description {
|
|
font-size: 0.9rem;
|
|
line-height: 1.3rem;
|
|
padding-top: 0.4rem;
|
|
opacity: 0.65;
|
|
}
|
|
.gform_wrapper .charleft {
|
|
white-space: nowrap !important;
|
|
}
|
|
.gform_wrapper .description_above .gfield_description {
|
|
padding-top: 0;
|
|
padding-bottom: 0.5rem;
|
|
margin-top: 0.25rem;
|
|
}
|
|
.gform_wrapper .gfield_radio,
|
|
.gform_wrapper .gfield_checkbox {
|
|
margin: 0;
|
|
}
|
|
.gform_wrapper .gfield_radio li,
|
|
.gform_wrapper .gfield_checkbox li {
|
|
display: block;
|
|
line-height: 1.3rem;
|
|
padding: 0.25rem 0;
|
|
margin: 0;
|
|
}
|
|
.gform_wrapper .gfield_radio input[type="radio"] {
|
|
vertical-align: top;
|
|
margin: 4px 7px 0 0; /* fixed value */
|
|
}
|
|
.gform_wrapper .gfield_checkbox input[type="checkbox"] {
|
|
vertical-align: top;
|
|
margin: 4px 4px 0 0; /* fixed value */
|
|
}
|
|
.gform_wrapper ul.gfield_radio li input[type="radio"]:checked+label,
|
|
.gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked+label {
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* small */
|
|
.gform_wrapper .top_label input.small,
|
|
.gform_wrapper .top_label select.small {
|
|
width: 25%;
|
|
min-width: 80px;
|
|
}
|
|
.gform_wrapper .right_label input.small,
|
|
.gform_wrapper .right_label select.small,
|
|
.gform_wrapper .left_label input.small,
|
|
.gform_wrapper .left_label select.small {
|
|
width: 15%;
|
|
min-width: 80px;
|
|
}
|
|
.gform_wrapper textarea.small {
|
|
height: 6rem;
|
|
}
|
|
|
|
/* medium */
|
|
.gform_wrapper .top_label input.medium,
|
|
.gform_wrapper .top_label select.medium {
|
|
width: 50%;
|
|
}
|
|
.gform_wrapper .right_label input.medium,
|
|
.gform_wrapper .right_label select.medium,
|
|
.gform_wrapper .left_label input.medium,
|
|
.gform_wrapper .left_label select.medium {
|
|
width: 35%;
|
|
}
|
|
.gform_wrapper textarea.medium {
|
|
height: 10rem;
|
|
}
|
|
|
|
/* large */
|
|
.gform_wrapper textarea.large {
|
|
height: 14rem;
|
|
}
|
|
.gform_wrapper .gsection {
|
|
clear: both;
|
|
margin-top: 2rem !important;
|
|
padding-top: 1.3rem !important;
|
|
border-top: 1px solid;
|
|
}
|
|
.gform_wrapper .gsection h2 {
|
|
font-size: 1.5rem;
|
|
}
|
|
|
|
/* hidden labels */
|
|
.gform_wrapper .hidden_label .gfield_label,
|
|
.gform_wrapper label.hidden_sub_label {
|
|
position: absolute;
|
|
overflow: hidden;
|
|
-webkit-clip-path: inset(50%);
|
|
clip-path: inset(50%);
|
|
height: 1px;
|
|
width: 1px;
|
|
margin: -1px;
|
|
padding: 0;
|
|
border: 0;
|
|
}
|
|
|
|
/* labels at side */
|
|
.gform_wrapper .left_label .gfield_label,
|
|
.gform_wrapper .right_label .gfield_label {
|
|
float: left;
|
|
padding-right: 1rem;
|
|
width: 30%;
|
|
}
|
|
.gform_wrapper .right_label .gfield_label {
|
|
text-align: right;
|
|
}
|
|
.gform_wrapper .left_label .ginput_container,
|
|
.gform_wrapper .right_label .ginput_container {
|
|
float: left;
|
|
width: 70%;
|
|
}
|
|
.gform_wrapper .left_label .gfield_description,
|
|
.gform_wrapper .right_label .gfield_description {
|
|
margin-left: 30%;
|
|
}
|
|
.gform_wrapper .left_label .gfield_captcha_container,
|
|
.gform_wrapper .right_label .gfield_captcha_container,
|
|
.gform_wrapper .gform_footer.left_label,
|
|
.gform_wrapper .gform_footer.right_label {
|
|
margin-left: 30%;
|
|
}
|
|
|
|
/* complex fields */
|
|
.gform_wrapper .ginput_complex .ginput_full {
|
|
display: block;
|
|
clear: both;
|
|
}
|
|
.gform_wrapper .ginput_complex .ginput_left {
|
|
float: left;
|
|
width: 49%;
|
|
}
|
|
.gform_wrapper .ginput_complex .ginput_right {
|
|
float: right;
|
|
width: 49%;
|
|
}
|
|
.gform_wrapper .ginput_complex .name_prefix,
|
|
.gform_wrapper .ginput_complex .name_suffix,
|
|
.gform_wrapper .ginput_complex .name_first,
|
|
.gform_wrapper .ginput_complex .name_middle,
|
|
.gform_wrapper .ginput_complex .name_last {
|
|
float: left;
|
|
}
|
|
.gform_wrapper .ginput_complex .name_prefix,
|
|
.gform_wrapper .ginput_complex .name_first,
|
|
.gform_wrapper .ginput_complex .name_middle,
|
|
.gform_wrapper .ginput_complex.has_suffix .name_last {
|
|
margin-right: 2%;
|
|
}
|
|
.gform_wrapper .ginput_complex.has_first_name.has_last_name span {
|
|
width: 49%;
|
|
}
|
|
.gform_wrapper .ginput_complex.has_first_name.has_middle_name.has_last_name span {
|
|
width: 32%;
|
|
}
|
|
.gform_wrapper .ginput_complex.has_first_name.has_middle_name.has_last_name.has_prefix span,
|
|
.gform_wrapper .ginput_complex.has_first_name.has_middle_name.has_last_name.has_suffix span {
|
|
width: auto;
|
|
}
|
|
.gform_wrapper .ginput_complex span > label {
|
|
display: block;
|
|
font-size: 0.9rem;
|
|
line-height: 1.2rem;
|
|
padding: 0.25rem 0 0.6rem;
|
|
opacity: 0.65;
|
|
}
|
|
.gform_wrapper .field_sublabel_above .ginput_complex span > label {
|
|
padding: 0.2rem 0 0.4rem;
|
|
}
|
|
.gform_wrapper .field_sublabel_above .ginput_complex span {
|
|
margin-bottom: 0.4rem;
|
|
}
|
|
.gform_wrapper .gfield_time_hour,
|
|
.gform_wrapper .gfield_time_minute,
|
|
.gform_wrapper .gfield_time_ampm,
|
|
.gform_wrapper .gfield_date_month,
|
|
.gform_wrapper .gfield_date_day,
|
|
.gform_wrapper .gfield_date_year {
|
|
float: left;
|
|
margin-right: 0.6rem;
|
|
width: 5rem;
|
|
}
|
|
.gform_wrapper .gfield_date_dropdown_month,
|
|
.gform_wrapper .gfield_date_dropdown_day,
|
|
.gform_wrapper .gfield_date_dropdown_year {
|
|
float: left;
|
|
margin-right: 0.6rem;
|
|
width: auto !important;
|
|
}
|
|
.gform_wrapper input.datepicker {
|
|
float: left;
|
|
width: 14rem !important;
|
|
}
|
|
.gform_wrapper input.datepicker_with_icon + img {
|
|
margin: 0.8rem 0 0 -2rem;
|
|
cursor: pointer;
|
|
}
|
|
|
|
|
|
/* messages */
|
|
.gform_confirmation_message,
|
|
.form_saved_message_sent {
|
|
font-size: 1.2rem;
|
|
color: #4c0;
|
|
}
|
|
.gform_wrapper .validation_error {
|
|
font-size: 1.2rem;
|
|
margin-bottom: 1rem;
|
|
}
|
|
.validation_message,
|
|
.gf_submission_limit_message,
|
|
.gform_wrapper .validation_error,
|
|
.gfield_error .gfield_checkbox,
|
|
.gfield_error .gfield_radio {
|
|
color: red;
|
|
}
|
|
.gfield_error input[type="text"],
|
|
.gfield_error input[type="password"],
|
|
.gfield_error input[type="email"],
|
|
.gfield_error input[type="url"],
|
|
.gfield_error input[type="tel"],
|
|
.gfield_error input[type="number"],
|
|
.gfield_error input[type="date"],
|
|
.gfield_error textarea,
|
|
.gfield_error select {
|
|
box-shadow: 0 0 0 2px red;
|
|
}
|
|
|
|
|
|
/* Really Simple Captcha */
|
|
.gform_wrapper .simple_captcha_small input {
|
|
width: 100px; /* fixed value */
|
|
}
|
|
.gform_wrapper .simple_captcha_medium input {
|
|
width: 150px; /* fixed value */
|
|
}
|
|
.gform_wrapper .simple_captcha_large input {
|
|
width: 200px; /* fixed value */
|
|
}
|
|
|
|
|
|
/* math challenge */
|
|
.gform_wrapper .math_small input {
|
|
width: 69px; /* fixed value */
|
|
}
|
|
.gform_wrapper .math_medium input {
|
|
width: 90px; /* fixed value */
|
|
}
|
|
.gform_wrapper .math_large input {
|
|
width: 108px; /* fixed value */
|
|
}
|
|
.gform_wrapper .left_label .math_small,
|
|
.gform_wrapper .right_label .math_small,
|
|
.gform_wrapper .left_label .math_medium,
|
|
.gform_wrapper .right_label .math_medium,
|
|
.gform_wrapper .left_label .math_large,
|
|
.gform_wrapper .right_label .math_large {
|
|
margin-left: 30%;
|
|
}
|
|
|
|
|
|
/* multi-page form paging */
|
|
.gform_wrapper .gform_page_footer {
|
|
margin: 1rem 0 0.3rem;
|
|
width: 100%;
|
|
}
|
|
.gform_wrapper img {
|
|
margin-left: 0.6rem;
|
|
vertical-align: middle;
|
|
}
|
|
.gform_wrapper .gform_page_footer .gform_previous_button {
|
|
margin-right: 0.25rem;
|
|
color: inherit;
|
|
}
|
|
.gform_wrapper .gform_page_footer .gform_next_button,
|
|
.no-touch .gform_wrapper .gform_page_footer .button:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
|
|
/* progress bar */
|
|
.gform_wrapper .gf_progressbar_wrapper {
|
|
clear: both;
|
|
margin: 0 0 1.3rem;
|
|
width: 100%;
|
|
}
|
|
.gform_wrapper h3.gf_progressbar_title {
|
|
font-size: 1.5rem;
|
|
}
|
|
.gform_wrapper .gf_progressbar {
|
|
font-size: 0.8rem;
|
|
line-height: 1rem !important;
|
|
height: 1rem;
|
|
overflow: hidden;
|
|
border-radius: 1rem;
|
|
box-shadow: 0 1px 0 rgba(0,0,0,0.08) inset;
|
|
background: rgba(0,0,0,0.05);
|
|
}
|
|
.gform_wrapper .gf_progressbar_percentage {
|
|
height: inherit;
|
|
color: #fff;
|
|
}
|
|
.gform_wrapper .gf_progressbar_percentage span {
|
|
float: right;
|
|
margin: 0 0.2rem;
|
|
}
|
|
|
|
|
|
/* multi-page steps */
|
|
.gform_wrapper .gf_page_steps {
|
|
margin-bottom: 1rem;
|
|
padding-bottom: 1rem;
|
|
overflow: hidden;
|
|
border-bottom: 1px solid;
|
|
}
|
|
.gform_wrapper .gf_step {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
font-size: 1.5rem;
|
|
margin-right: 1.3rem;
|
|
opacity: 0.2;
|
|
}
|
|
.gform_wrapper .gf_step span.gf_step_number {
|
|
font-weight: bold;
|
|
}
|
|
.gform_wrapper .gf_step.gf_step_active {
|
|
opacity: 1;
|
|
}
|
|
|
|
|
|
/* date picker */
|
|
.ui-datepicker {
|
|
height: auto;
|
|
width: 14rem;
|
|
box-shadow: 0 8px 15px rgba(0,0,0,0.1);
|
|
background: #fff;
|
|
}
|
|
.ui-datepicker table {
|
|
width: 100%;
|
|
}
|
|
.ui-datepicker-header {
|
|
line-height: 2rem;
|
|
min-height: 2rem;
|
|
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset;
|
|
}
|
|
.ui-datepicker-title select {
|
|
font-size: 0.8rem;
|
|
line-height: 2rem;
|
|
height: 2rem;
|
|
width: 5rem;
|
|
padding: 0 0.3rem;
|
|
border-radius: 0;
|
|
box-shadow: none !important;
|
|
background: none !important;
|
|
color: #666;
|
|
}
|
|
.ui-datepicker-prev {
|
|
float: left;
|
|
line-height: 2rem;
|
|
width: 2rem;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
}
|
|
.ui-datepicker-prev:before {
|
|
vertical-align: top;
|
|
content: '\f104';
|
|
font-family: fontawesome;
|
|
font-weight: 400;
|
|
}
|
|
.ui-datepicker-prev span {
|
|
display: none;
|
|
}
|
|
.ui-datepicker-next {
|
|
float: right;
|
|
line-height: 2rem;
|
|
width: 2rem;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
}
|
|
.ui-datepicker-next:before {
|
|
vertical-align: top;
|
|
content: '\f105';
|
|
font-family: fontawesome;
|
|
font-weight: 400;
|
|
}
|
|
.ui-datepicker-next span {
|
|
display: none;
|
|
}
|
|
.ui-datepicker th {
|
|
font-size: 0.8rem;
|
|
font-weight: normal;
|
|
text-transform: uppercase;
|
|
text-align: center;
|
|
border: none;
|
|
padding: 0;
|
|
opacity: 0.3;
|
|
}
|
|
.ui-datepicker tbody td {
|
|
font-size: 0.8rem;
|
|
text-align: center;
|
|
padding: 0;
|
|
border: none;
|
|
}
|
|
.ui-datepicker td span,
|
|
.ui-datepicker td a {
|
|
display: inline-block;
|
|
width: 2rem;
|
|
height: 2rem;
|
|
line-height: 2rem;
|
|
color: #666;
|
|
}
|
|
.ui-datepicker-calendar .ui-state-hover {
|
|
background: #666;
|
|
color: #fff !important;
|
|
}
|
|
.ui-datepicker-calendar .ui-state-active {
|
|
background: #fff2aa;
|
|
color: #333 !important;
|
|
}
|
|
|
|
|
|
/* list fields */
|
|
.gform_wrapper table.gfield_list {
|
|
margin: 0;
|
|
width: 100%;
|
|
}
|
|
.gform_wrapper table.gfield_list th,
|
|
.gform_wrapper table.gfield_list td {
|
|
vertical-align: middle;
|
|
padding: 0 0.6rem 0.6rem 0;
|
|
border: 0;
|
|
}
|
|
.gform_wrapper table.gfield_list thead th {
|
|
font-weight: bold;
|
|
text-align: left;
|
|
}
|
|
.gform_wrapper li.gfield.gfield_error table.gfield_list thead th {
|
|
color: red;
|
|
}
|
|
.gform_wrapper table.gfield_list td.gfield_list_icons {
|
|
width: 4rem;
|
|
white-space: nowrap;
|
|
padding: 0;
|
|
}
|
|
html body .ginput_container_list table.gfield_list tbody tr td.gfield_list_icons img.add_list_item,
|
|
html body .ginput_container_list table.gfield_list tbody tr td.gfield_list_icons img.delete_list_item {
|
|
vertical-align: top;
|
|
height: 1.3rem !important;
|
|
width: 1.3rem !important;
|
|
}
|
|
.gfield_icon_disabled {
|
|
cursor: default !important;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
|
|
/* pricing fields */
|
|
.gform_wrapper .ginput_price {
|
|
opacity: 0.66;
|
|
}
|
|
.gform_wrapper span.ginput_total {
|
|
font-size: 1.2rem;
|
|
color: #5a0;
|
|
}
|
|
.gform_wrapper span.ginput_product_price {
|
|
font-weight: bold;
|
|
}
|
|
.gform_wrapper span.ginput_quantity_label {
|
|
margin-left: 1rem;
|
|
margin-right: 0.2rem;
|
|
}
|
|
.gform_wrapper input.ginput_quantity {
|
|
width: 3rem;
|
|
}
|
|
|
|
|
|
/* password strength indicator */
|
|
.gform_wrapper .gfield_password_strength {
|
|
text-align: center;
|
|
padding: 0.3rem;
|
|
width: 14rem;
|
|
background: #eee;
|
|
border: 1px solid #ddd;
|
|
}
|
|
.gform_wrapper .gfield_password_strength.bad {
|
|
background: #FFB78C;
|
|
border-color: #FF853C;
|
|
}
|
|
.gform_wrapper .gfield_password_strength.good {
|
|
background: #FFEC8b;
|
|
border-color: #FC0;
|
|
}
|
|
.gform_wrapper .gfield_password_strength.short,
|
|
.gform_wrapper .gfield_password_strength.mismatch {
|
|
background: #FFA0A0;
|
|
border-color: #f04040;
|
|
}
|
|
.gform_wrapper .gfield_password_strength.strong {
|
|
background: #C3FF88;
|
|
border-color: #8DFF1C;
|
|
}
|
|
|
|
|
|
/* ready classes */
|
|
.gform_wrapper .top_label li.gfield.gf_inline {
|
|
float: none !important;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: auto !important;
|
|
margin-right: 1.3rem;
|
|
}
|
|
.gform_wrapper .top_label li.gfield.gf_inline input[type=text].large,
|
|
.gform_wrapper .top_label li.gfield.gf_inline input[type=url].large,
|
|
.gform_wrapper .top_label li.gfield.gf_inline input[type=email].large,
|
|
.gform_wrapper .top_label li.gfield.gf_inline input[type=tel].large,
|
|
.gform_wrapper .top_label li.gfield.gf_inline input[type=number].large,
|
|
.gform_wrapper .top_label li.gfield.gf_inline input[type=password].large {
|
|
width: 25rem !important;
|
|
}
|
|
.gform_wrapper .top_label li.gfield.gf_inline input[type=text].medium,
|
|
.gform_wrapper .top_label li.gfield.gf_inline input[type=url].medium,
|
|
.gform_wrapper .top_label li.gfield.gf_inline input[type=email].medium,
|
|
.gform_wrapper .top_label li.gfield.gf_inline input[type=tel].medium,
|
|
.gform_wrapper .top_label li.gfield.gf_inline input[type=number].medium,
|
|
.gform_wrapper .top_label li.gfield.gf_inline input[type=password].medium {
|
|
width: 18rem !important;
|
|
}
|
|
.gform_wrapper .top_label li.gfield.gf_inline input[type=text].datepicker.medium {
|
|
width: 7rem !important;
|
|
}
|
|
.gform_wrapper .top_label li.gfield.gf_inline input[type=text].small,
|
|
.gform_wrapper .top_label li.gfield.gf_inline input[type=url].small,
|
|
.gform_wrapper .top_label li.gfield.gf_inline input[type=email].small,
|
|
.gform_wrapper .top_label li.gfield.gf_inline input[type=tel].small,
|
|
.gform_wrapper .top_label li.gfield.gf_inline input[type=number].small,
|
|
.gform_wrapper .top_label li.gfield.gf_inline input[type=password].small {
|
|
width: 5rem !important;
|
|
}
|
|
.gform_wrapper .top_label li.gfield.gf_inline select {
|
|
width: auto !important;
|
|
}
|
|
.gform_wrapper .top_label li.gfield.gf_inline div.gfield_date_day input[type=text],
|
|
.gform_wrapper .top_label li.gfield.gf_inline div.gfield_date_month input[type=text],
|
|
.gform_wrapper .top_label li.gfield.gf_inline div.gfield_time_hour input[type=text],
|
|
.gform_wrapper .top_label li.gfield.gf_inline div.gfield_time_minute input[type=text] {
|
|
width: 70% !important;
|
|
}
|
|
.gform_wrapper .top_label li.gfield.gf_inline div.gfield_date_year input[type=text] {
|
|
width: 80% !important;
|
|
}
|
|
.gform_wrapper .top_label li.gfield.gf_inline div.gfield_time_ampm {
|
|
width: auto;
|
|
}
|
|
.gform_wrapper li.gf_inline div.ginput_container {
|
|
white-space: nowrap !important;
|
|
}
|
|
|
|
/* 2 cols ready classes */
|
|
.gform_wrapper .top_label li.gfield.gf_left_half {
|
|
width: 49%;
|
|
}
|
|
.gform_wrapper .top_label li.gfield.gf_right_half {
|
|
width: 49%;
|
|
}
|
|
.gform_wrapper .top_label li.gfield.gf_left_half {
|
|
float: left;
|
|
clear: left !important;
|
|
}
|
|
.gform_wrapper .top_label li.gfield.gf_right_half {
|
|
float: right;
|
|
clear: right !important;
|
|
}
|
|
.gform_wrapper .top_label li.gfield.gf_left_half input.medium,
|
|
.gform_wrapper .top_label li.gfield.gf_left_half input.large,
|
|
.gform_wrapper .top_label li.gfield.gf_left_half select.medium,
|
|
.gform_wrapper .top_label li.gfield.gf_left_half select.large,
|
|
.gform_wrapper .top_label li.gfield.gf_right_half input.medium,
|
|
.gform_wrapper .top_label li.gfield.gf_right_half input.large,
|
|
.gform_wrapper .top_label li.gfield.gf_right_half select.medium,
|
|
.gform_wrapper .top_label li.gfield.gf_right_half select.large {
|
|
width: 100%;
|
|
}
|
|
.gform_wrapper .top_label li.gfield.gf_left_half input.small,
|
|
.gform_wrapper .top_label li.gfield.gf_right_half input.small {
|
|
width: 35%;
|
|
}
|
|
.gform_wrapper .top_label li.gfield.gf_left_half+li.gfield,
|
|
.gform_wrapper .top_label li.gfield.gf_right_half+li.gfield,
|
|
.gform_wrapper .gform_footer.top_label {
|
|
clear: both;
|
|
}
|
|
|
|
/* 3 cols ready classes */
|
|
.gform_wrapper .top_label li.gfield.gf_left_third,
|
|
.gform_wrapper .top_label li.gfield.gf_middle_third,
|
|
.gform_wrapper .top_label li.gfield.gf_right_third {
|
|
width: 32%;
|
|
}
|
|
.gform_wrapper .top_label li.gfield.gf_left_third {
|
|
float: left;
|
|
clear: left !important;
|
|
}
|
|
.gform_wrapper .top_label li.gfield.gf_middle_third {
|
|
float: left;
|
|
margin-left: 2% !important;
|
|
clear: none !important;
|
|
}
|
|
.gform_wrapper .top_label li.gfield.gf_right_third {
|
|
float: right;
|
|
clear: right !important;
|
|
}
|
|
.gform_wrapper .top_label li.gfield.gf_left_third input.medium,
|
|
.gform_wrapper .top_label li.gfield.gf_left_third input.large,
|
|
.gform_wrapper .top_label li.gfield.gf_left_third select.medium,
|
|
.gform_wrapper .top_label li.gfield.gf_left_third select.large,
|
|
.gform_wrapper .top_label li.gfield.gf_middle_third input.medium,
|
|
.gform_wrapper .top_label li.gfield.gf_middle_third input.large,
|
|
.gform_wrapper .top_label li.gfield.gf_middle_third select.medium,
|
|
.gform_wrapper .top_label li.gfield.gf_middle_third select.large,
|
|
.gform_wrapper .top_label li.gfield.gf_right_third input.medium,
|
|
.gform_wrapper .top_label li.gfield.gf_right_third input.large,
|
|
.gform_wrapper .top_label li.gfield.gf_right_third select.medium,
|
|
.gform_wrapper .top_label li.gfield.gf_right_third select.large {
|
|
width: 100%;
|
|
}
|
|
.gform_wrapper .top_label li.gfield.gf_left_third+li.gfield,
|
|
.gform_wrapper .top_label li.gfield.gf_middle_third+li.gfield,
|
|
.gform_wrapper .top_label li.gfield.gf_right_third+li.gfield,
|
|
.gform_wrapper .top_label li.gfield.gf_left_third+.gform_footer,
|
|
.gform_wrapper .top_label li.gfield.gf_middle_third+.gform_footer,
|
|
.gform_wrapper .top_label li.gfield.gf_right_third+.gform_footer {
|
|
clear: both;
|
|
}
|
|
|
|
/* cols list ready classes */
|
|
.gform_wrapper li.gfield.gf_list_2col ul.gfield_checkbox li,
|
|
.gform_wrapper li.gfield.gf_list_2col ul.gfield_radio li,
|
|
.gform_wrapper li.gfield.gf_2col ul.gfield_checkbox li,
|
|
.gform_wrapper li.gfield.gf_2col ul.gfield_radio li {
|
|
float: left;
|
|
width: 50%;
|
|
}
|
|
.gform_wrapper li.gfield.gf_list_3col ul.gfield_checkbox li,
|
|
.gform_wrapper li.gfield.gf_list_3col ul.gfield_radio li,
|
|
.gform_wrapper li.gfield.gf_3col ul.gfield_checkbox li,
|
|
.gform_wrapper li.gfield.gf_3col ul.gfield_radio li {
|
|
float: left;
|
|
width: 33%;
|
|
}
|
|
.gform_wrapper li.gfield.gf_list_4col ul.gfield_checkbox li,
|
|
.gform_wrapper li.gfield.gf_list_4col ul.gfield_radio li {
|
|
float: left;
|
|
width: 25%;
|
|
}
|
|
.gform_wrapper li.gfield.gf_list_5col ul.gfield_checkbox li,
|
|
.gform_wrapper li.gfield.gf_list_5col ul.gfield_radio li {
|
|
float: left;
|
|
width: 20%;
|
|
}
|
|
.gform_wrapper li.gfield.gf_list_2col ul.gfield_checkbox,
|
|
.gform_wrapper li.gfield.gf_list_2col ul.gfield_radio,
|
|
.gform_wrapper li.gfield.gf_list_3col ul.gfield_checkbox,
|
|
.gform_wrapper li.gfield.gf_list_3col ul.gfield_radio,
|
|
.gform_wrapper li.gfield.gf_list_4col ul.gfield_checkbox,
|
|
.gform_wrapper li.gfield.gf_list_4col ul.gfield_radio,
|
|
.gform_wrapper li.gfield.gf_list_5col ul.gfield_checkbox,
|
|
.gform_wrapper li.gfield.gf_list_5col ul.gfield_radio,
|
|
.gform_wrapper li.gfield.gf_2col ul.gfield_checkbox,
|
|
.gform_wrapper li.gfield.gf_2col ul.gfield_radio,
|
|
.gform_wrapper li.gfield.gf_3col ul.gfield_checkbox,
|
|
.gform_wrapper li.gfield.gf_3col ul.gfield_radio {
|
|
overflow: hidden;
|
|
}
|
|
|
|
/* optional height ready classes */
|
|
.gform_wrapper li.gfield.gf_list_height_25 ul.gfield_checkbox li,
|
|
.gform_wrapper li.gfield.gf_list_height_25 ul.gfield_radio li {
|
|
height: 25px; /* fixed value */
|
|
}
|
|
.gform_wrapper li.gfield.gf_list_height_50 ul.gfield_checkbox li,
|
|
.gform_wrapper li.gfield.gf_list_height_50 ul.gfield_radio li {
|
|
height: 50px; /* fixed value */
|
|
}
|
|
.gform_wrapper li.gfield.gf_list_height_75 ul.gfield_checkbox li,
|
|
.gform_wrapper li.gfield.gf_list_height_75 ul.gfield_radio li {
|
|
height: 75px; /* fixed value */
|
|
}
|
|
.gform_wrapper li.gfield.gf_list_height_100 ul.gfield_checkbox li,
|
|
.gform_wrapper li.gfield.gf_list_height_100 ul.gfield_radio li {
|
|
height: 100px; /* fixed value */
|
|
}
|
|
.gform_wrapper li.gfield.gf_list_height_125 ul.gfield_checkbox li,
|
|
.gform_wrapper li.gfield.gf_list_height_125 ul.gfield_radio li {
|
|
height: 125px; /* fixed value */
|
|
}
|
|
.gform_wrapper li.gfield.gf_list_height_150 ul.gfield_checkbox li,
|
|
.gform_wrapper li.gfield.gf_list_height_150 ul.gfield_radio li {
|
|
height: 150px; /* fixed value */
|
|
}
|
|
|
|
/* inline list ready classes */
|
|
.gform_wrapper li.gf_list_inline ul.gfield_checkbox li,
|
|
.gform_wrapper li.gf_list_inline ul.gfield_radio li {
|
|
display: inline-block;
|
|
width: auto !important;
|
|
float: none !important;
|
|
margin: 0 1rem 1rem 0;
|
|
}
|
|
|
|
.gform_wrapper li.gsection.gf_scroll_text {
|
|
height: 12rem;
|
|
overflow: auto;
|
|
padding: 1.3rem;
|
|
margin-bottom: 1rem !important;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
}
|
|
|
|
.gform_wrapper .gform_validation_container,
|
|
.gform_wrapper li.gf_hide_ampm div.gfield_time_ampm,
|
|
.gform_wrapper li.gf_hide_charleft div.charleft {
|
|
display: none !important;
|
|
}
|
|
|
|
/* credit card fields */
|
|
.gform_wrapper li.gfield_creditcard_warning {
|
|
margin-bottom: 1rem !important;
|
|
padding: 2rem 2rem 1.3rem !important;
|
|
border: 2px solid;
|
|
border-radius: 0.6rem;
|
|
max-width: 36rem;
|
|
}
|
|
.gform_wrapper div.gfield_creditcard_warning_message {
|
|
padding: 0.6rem 1.3rem;
|
|
margin-bottom: 1rem;
|
|
background: red;
|
|
color: #fff;
|
|
}
|
|
.ginput_container_creditcard {
|
|
max-width: 30rem;
|
|
padding: 1rem 1.5rem;
|
|
border-radius: 0.3rem;
|
|
}
|
|
.ginput_container_creditcard .ginput_full {
|
|
margin-bottom: 1rem;
|
|
}
|
|
.ginput_container_creditcard .ginput_full:after {
|
|
content: '';
|
|
display: block;
|
|
clear: both;
|
|
}
|
|
.gform_wrapper .ginput_complex .ginput_cardinfo_left {
|
|
float: left;
|
|
}
|
|
.gform_wrapper .ginput_complex .ginput_cardinfo_right {
|
|
float: right;
|
|
margin-left: 0.4rem;
|
|
}
|
|
.gform_wrapper .ginput_complex .ginput_cardinfo_left label,
|
|
.gform_wrapper .ginput_complex .ginput_cardinfo_right label {
|
|
white-space: nowrap !important;
|
|
}
|
|
.gform_wrapper .ginput_complex select.ginput_card_expiration {
|
|
display: inline-block;
|
|
margin-right: 0.6rem;
|
|
width: auto;
|
|
}
|
|
.gform_wrapper .ginput_complex input.ginput_card_security_code {
|
|
width: auto;
|
|
}
|
|
.gform_wrapper .ginput_complex span.ginput_card_security_code_icon {
|
|
display: none;
|
|
}
|
|
.gform_wrapper .gform_card_icon_container {
|
|
margin-bottom: 0.6rem;
|
|
overflow: hidden;
|
|
}
|
|
.gform_wrapper .gform_card_icon {
|
|
float: left;
|
|
margin-right: 0.5rem;
|
|
font-size: 0;
|
|
text-align: center;
|
|
opacity: 0.33;
|
|
}
|
|
.gform_wrapper .gform_card_icon.gform_card_icon_selected {
|
|
opacity: 1;
|
|
}
|
|
.gform_wrapper .gform_card_icon:before {
|
|
font: 400 2rem/1 'Font Awesome 5 Brands';
|
|
}
|
|
.gform_wrapper .gform_card_icon_visa:before {
|
|
content: '\f1f0';
|
|
}
|
|
.gform_wrapper .gform_card_icon_mastercard:before {
|
|
content: '\f1f1';
|
|
}
|
|
.gform_wrapper .gform_card_icon_amex:before {
|
|
content: '\f1f3';
|
|
}
|
|
.gform_wrapper .gform_card_icon_discover:before {
|
|
content: '\f1f2';
|
|
}
|
|
.gform_wrapper .gform_card_icon_jcb:before {
|
|
content: '\f24b';
|
|
}
|
|
.gform_wrapper .gform_card_icon_maestro:before {
|
|
content: '\f09d';
|
|
}
|
|
|
|
|
|
/* Save & Continue */
|
|
.gform_save_link {
|
|
font-size: 0.9rem;
|
|
margin-left: 0.6rem;
|
|
}
|
|
.form_saved_message {
|
|
margin: 2rem 0;
|
|
padding: 1.5rem 2rem;
|
|
text-align: left;
|
|
border: 2px solid;
|
|
}
|
|
.form_saved_message a {
|
|
word-wrap: break-word;
|
|
}
|
|
.form_saved_message br + br {
|
|
display: none;
|
|
}
|
|
.form_saved_message .form_saved_message_emailform {
|
|
margin-top: 1rem;
|
|
}
|
|
.form_saved_message .form_saved_message_emailform input[type=text] {
|
|
margin: 0 0.5rem 0.5rem 0;
|
|
max-width: 20rem;
|
|
}
|
|
.form_saved_message .form_saved_message_emailform input[type=submit] {
|
|
margin: 0 0 0.5rem;
|
|
}
|
|
|
|
|
|
/* enhanced UI/select styles updated in v.1.9 */
|
|
.gform_wrapper .chosen-container {
|
|
position: relative;
|
|
user-select: none;
|
|
width: auto !important;
|
|
}
|
|
.gform_wrapper .chosen-single {
|
|
display: block;
|
|
position: relative;
|
|
overflow: hidden;
|
|
padding: 0 1rem;
|
|
height: 2.8rem;
|
|
line-height: 2.8rem;
|
|
white-space: nowrap;
|
|
cursor: pointer;
|
|
border-radius: 0.3rem;
|
|
border: none !important;
|
|
color: inherit !important;
|
|
box-shadow: 0 0 0 2px transparent, 0 1px 0 rgba(0,0,0,0.08) inset;
|
|
}
|
|
.gform_wrapper .chosen-single span {
|
|
display: block;
|
|
overflow: hidden;
|
|
margin-right: 2rem;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.gform_wrapper .chosen-single div {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
text-align: center;
|
|
width: 2.5rem;
|
|
height: 100%;
|
|
}
|
|
.gform_wrapper .chosen-single div:before {
|
|
content: '\f0d7';
|
|
vertical-align: top;
|
|
font-family: fontawesome;
|
|
font-weight: 900;
|
|
font-size: 1.2rem;
|
|
}
|
|
|
|
.gform_wrapper .chosen-drop {
|
|
position: absolute;
|
|
top: 100%;
|
|
left: -9999px;
|
|
z-index: 1111;
|
|
width: 100%;
|
|
box-shadow: 0 8px 15px rgba(0,0,0,0.1);
|
|
}
|
|
.gform_wrapper .chosen-with-drop .chosen-drop {
|
|
left: 0;
|
|
}
|
|
.gform_wrapper .chosen-search {
|
|
white-space: nowrap;
|
|
padding: 0.6rem;
|
|
}
|
|
.gform_wrapper .chosen-search input[type=text] {
|
|
padding: 0 0.5rem;
|
|
line-height: 2rem;
|
|
height: 2rem;
|
|
border-radius: 0;
|
|
}
|
|
.gform_wrapper .chosen-container-single-nosearch .chosen-search {
|
|
position: absolute;
|
|
left: -9999px;
|
|
}
|
|
.gform_wrapper .chosen-results {
|
|
position: relative;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
margin: 0;
|
|
padding: 0;
|
|
max-height: 16rem;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
.gform_wrapper .chosen-results li {
|
|
display: none;
|
|
margin: 0;
|
|
padding: 0.2rem 0.6rem;
|
|
list-style: none;
|
|
-webkit-touch-callout: none;
|
|
}
|
|
.gform_wrapper .chosen-results li.active-result {
|
|
display: list-item;
|
|
cursor: pointer;
|
|
}
|
|
.gform_wrapper .chosen-results li.disabled-result {
|
|
display: list-item;
|
|
cursor: default;
|
|
opacity: 0.33;
|
|
}
|
|
.gform_wrapper .chosen-results li.highlighted {
|
|
color: #fff;
|
|
}
|
|
.gform_wrapper .chosen-results li.no-results {
|
|
display: list-item;
|
|
padding-bottom: 0.6rem;
|
|
}
|
|
.gform_wrapper .chosen-results li.group-result {
|
|
display: list-item;
|
|
font-weight: bold;
|
|
cursor: default;
|
|
}
|
|
.gform_wrapper .chosen-results li.group-option {
|
|
padding-left: 1rem;
|
|
}
|
|
.gform_wrapper .chosen-results li em {
|
|
font-style: normal;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.gform_wrapper .chosen-choices {
|
|
position: relative;
|
|
overflow: hidden;
|
|
margin: 0;
|
|
border-radius: 0.3rem;
|
|
box-shadow: 0 0 0 2px transparent, 0 1px 0 rgba(0,0,0,0.08) inset;
|
|
cursor: text;
|
|
}
|
|
.gform_wrapper .chosen-choices li {
|
|
float: left;
|
|
list-style: none;
|
|
}
|
|
.gform_wrapper .chosen-choices li.search-field {
|
|
margin: 0;
|
|
padding: 0;
|
|
white-space: nowrap;
|
|
}
|
|
.gform_wrapper .chosen-choices li.search-field input[type=text] {
|
|
background: transparent !important;
|
|
box-shadow: none;
|
|
border-radius: 0;
|
|
padding: 0;
|
|
margin-left: 1rem;
|
|
transition: none;
|
|
}
|
|
.gform_wrapper .chosen-choices li.search-choice {
|
|
position: relative;
|
|
cursor: default;
|
|
margin: 0.4rem 0 0 0.4rem !important;
|
|
padding: 0 2rem 0 0.6rem;
|
|
line-height: 2rem;
|
|
border-radius: 0.2rem;
|
|
box-shadow: 0 1px 0 rgba(0,0,0,0.15);
|
|
}
|
|
.gform_wrapper .chosen-choices .search-choice-close {
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
text-align: center;
|
|
width: 2rem;
|
|
border: none !important;
|
|
cursor: pointer;
|
|
color: inherit;
|
|
opacity: 0.5;
|
|
}
|
|
.gform_wrapper .chosen-choices .search-choice-close:hover {
|
|
opacity: 1;
|
|
}
|
|
.gform_wrapper .chosen-choices .search-choice-close:before {
|
|
content: '\f00d';
|
|
font-family: fontawesome;
|
|
font-weight: normal;
|
|
vertical-align: top;
|
|
}
|
|
.gform_wrapper .chosen-container-multi .chosen-drop .result-selected {
|
|
display: list-item;
|
|
cursor: default;
|
|
opacity: 0.33;
|
|
}
|
|
|
|
.gform_wrapper .chosen-disabled {
|
|
opacity: 0.33 !important;
|
|
cursor: default;
|
|
}
|
|
.gform_wrapper .chosen-disabled .chosen-single,
|
|
.gform_wrapper .chosen-disabled .search-choice-close {
|
|
cursor: default;
|
|
}
|
|
|
|
/* Rounded Corners
|
|
========================================================================== */
|
|
.rounded_none .gfield_creditcard_warning,
|
|
.rounded_none .chosen-single,
|
|
.rounded_none .chosen-choices,
|
|
.rounded_none .search-choice {
|
|
border-radius: 0 !important;
|
|
}
|
|
|
|
/* RESPONSIVE STYLES
|
|
========================================================================== */
|
|
@media only screen and (max-width: 479px) {
|
|
.gform_wrapper input.small,
|
|
.gform_wrapper select.small,
|
|
.gform_wrapper input.medium,
|
|
.gform_wrapper select.medium,
|
|
.gform_wrapper .top_label li.gfield,
|
|
.gform_wrapper .top_label li.gfield.gf_inline input[type=text],
|
|
.gform_wrapper .top_label li.gfield.gf_inline input[type=url],
|
|
.gform_wrapper .top_label li.gfield.gf_inline input[type=email],
|
|
.gform_wrapper .top_label li.gfield.gf_inline input[type=tel],
|
|
.gform_wrapper .top_label li.gfield.gf_inline input[type=number],
|
|
.gform_wrapper .top_label li.gfield.gf_inline input[type=password],
|
|
.gform_wrapper .gfield_checkbox li,
|
|
.gform_wrapper .gfield_radio li,
|
|
.gform_wrapper .gfield_label,
|
|
.gform_wrapper .ginput_container,
|
|
.gform_wrapper .gfield_description,
|
|
.gform_wrapper .ginput_complex span {
|
|
float: none !important;
|
|
width: 100% !important;
|
|
margin-left: 0 !important;
|
|
margin-right: 0 !important;
|
|
}
|
|
} |