.rsform-table {
max-width: 940px;
margin: 0 auto 50px auto;
padding-bottom: 20px;
border-bottom: 2px solid #e5e5e5;
clear: both;
overflow: hidden;
}
.rsform-table .rsform-title {
margin: 0;
padding: 0;
padding-bottom: 20px;
margin-bottom: 20px;
}
.rsform-table .rsform-main-title {
font-size: 24px;
font-weight: bold;
padding-top: 20px;
color: #535353;
border-top: 2px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}
.rsform-table .rsform-big-subtitle {
font-size: 20px;
color: #939393;
border-bottom: 1px solid #e5e5e5;
}
.rsform-table .rsform-small-subtitle {
font-size: 16px;
color: #c2c2c2;
border-bottom: 1px solid #e5e5e5;
}
#rsform-table1 .rsform-table-row {
background-color: #f8f8f8;
padding: 15px;
margin-bottom: 1px;
}
#rsform-table1 .rsform-table-row:nth-child(odd) {
background-color: #f1f0f0;
}
#rsform-table1 .rsform-table-row div {
display: inline-block;
}
#rsform-table1 .rsform-table-row .rsform-left-col {
width: 25%;
font-weight: bold;
}
#rsform-table1 .rsform-table-row .rsform-right-col {
width: 72%;
margin-left: 2%;
color: #9d9d9d;
}
#rsform-table2 .rsform-table-item {
margin-bottom: 3px;
}
#rsform-table2 .rsform-table-item .rsform-field-title {
padding: 15px;
background-color: #f8f8f8;
font-weight: bold;
}
#rsform-table2 .rsform-table-item .rsform-field-value {
padding: 15px;
background-color: #f1f0f0;
}
#rsform-table3 {
overflow: hidden;
}
#rsform-table3 .rsform-gallery {
width: 33%;
margin: 0 1% 0 0;
display: inline-block;
background-color: #f8f8f8;
padding: 10px;
vertical-align: top;
}
#rsform-table3 .rsform-gallery a {
display: block;
width: 100%;
margin-bottom: 10px;
}
#rsform-table3 .rsform-gallery img {
max-width: 100%;
}
#rsform-table3 .rsfp-table {
width: 100%;
display: inline-block;
vertical-align: top;
}
#rsform-table3 .rsform-gallery + .rsfp-table {
width: 62%;
}
#rsform-table3 .rsfp-table.rsfp-table-full-width {
width: 100%;
float: none;
}
#rsform-table3 .rsform-table-row {
background-color: #f8f8f8;
padding: 15px;
margin-bottom: 1px;
}
#rsform-table3 .rsform-table-row:nth-child(odd) {
background-color: #f1f0f0;
}
#rsform-table3 .rsform-table-row div {
display: inline-block;
}
#rsform-table3 .rsform-table-row .rsform-left-col {
width: 25%;
font-weight: bold;
}
#rsform-table3 .rsform-table-row .rsform-right-col {
width: 72%;
margin-left: 2%;
color: #9d9d9d;
}
span.rsform-error,
input.rsform-error,
select.rsform-error,
textarea.rsform-error {
color: #b94a48 !important;
border-color: #b94a48 !important;
}
input.rsform-error:focus,
select.rsform-error:focus,
textarea.rsform-error:focus {
border-color: #953b39 !important;
}
.dirError {
color: #CF4D4D;
font-weight:bold;
font-size:10px;
}
.rsform-dir-tooltip {
position: relative;
display: inline-block;
border-bottom: 1px dotted black;
}
.rsform-dir-tooltip .rsform-dir-tooltiptext {
visibility: hidden;
width: 360px;
background-color: #555;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 6px;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
margin-left: -60px;
opacity: 0;
transition: opacity 0.3s;
}
.rsform-dir-tooltip .rsform-dir-tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
}
.rsform-dir-tooltip:hover .rsform-dir-tooltiptext {
visibility: visible;
opacity: 1;
}
@media (max-width: 767px) {
.rsform-dir-tooltip {
border-bottom: 0;
}
.rsform-dir-tooltip .rsform-dir-tooltiptext {
position: relative;
width: auto;
visibility: visible;
background-color: unset;
color: initial;
text-align: initial;
border-radius: 0;
margin-left: 0;
padding: 0;
opacity: 1;
display: block;
left: 0;
bottom: 0;
}
.rsform-dir-tooltip .rsform-dir-tooltiptext::after {
display: none;
}
}
.rsform-dir-progress-wrapper {
width: 100%;
border: 1px solid #cccccc;
}
.rsform-dir-progress-bar {
color: white;
background: green;
width: 50px;
text-align: center;
padding: 2px;
transition: width 0.6s ease;
}
.rsfp-directory-dynamic-filter-container {
margin-top: 1%;
margin-bottom: 1%;
}
.rsform-dir-row {
margin-bottom: 18px;
}
.rsform-dir-row:before,
.rsform-dir-row:after {
display: table;
content: "";
}
.rsform-dir-row:after {
clear: both;
}
.rsform-dir-caption {
float: left;
width: 20%;
padding-top: 5px;
text-align: right;
}
.rsform-dir-input {
margin-left: 22%;
}
@media screen and (max-width: 650px) {
.rsform-dir-row {
float: none;
width: auto;
padding-top: 0;
text-align: left;
}
.rsform-dir-input {
margin-left: 0;
}
.rsform-dir-caption {
float: none;
width: auto;
padding-top: 0;
text-align: left;
}
}