.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; } } .directoryAlignRight { text-align: right; } .directoryAlignLeft { text-align: left; } .directoryAlignCenter { text-align: center; } .directoryTableContainer { margin-bottom: 1rem; }