/home/arranoyd/mice/wp-content/plugins/contact-form-maker/css/form_maker_tables.css
.fm-remove_before:before {
content: "" !important;
}
#fm_admin_container * {
box-sizing: border-box;
}
#fm_admin_container {
display: inline-block;
width: 100%;
}
.wd-button .field-type-button:before {
float: left;
font-family: "Dashicons";
font-size: 17px;
padding-left: 10px;
vertical-align: top;
}
.wdtext:before {
content: "\f215";
}
.wdtextarea:before {
content: "\f214";
}
.wdspinner:before {
/*content: "\f156";*/
content: "123";
font-weight: bolder;
font-size: 12px !important;
}
.wddate_new:before {
content: "\f508";
}
.wdown_select:before {
content: "\f163";
}
.wdradio:before {
content: "\f159";
}
.wdcheckbox:before {
content: "\f147";
}
.wdrecaptcha:before {
content: "\f160";
}
.wdsubmit_reset:before {
content: "\f474";
}
.wdname:before {
content: "\f110";
}
.wdsubmitter_mail:before {
content: "\f466";
}
.wdphone_new:before {
content: "\f525";
}
.wdaddress:before {
content: "\f102";
}
.wdmark_map:before {
content: "\f231";
}
.wdcountry:before {
content: "\f319";
}
.wddate_fields:before {
content: "\f145";
}
.wdeditor:before {
content: "\f464";
}
.wdsection_break:before {
content: "\f460";
}
.wdpage_break:before {
content: "\f105";
}
.wdfile_upload:before {
content: "\f318";
}
.wdmap:before {
content: "\f230";
}
.wdtime:before {
content: "\f469";
}
.wdsend_copy:before {
content: "\f465";
}
.wddate_range:before {
content: "\f508";
}
.wdstar_rating:before {
content: "\f155";
}
.wdscale_rating:before {
content: "\f204";
}
.wdslider:before {
content: "\f108";
}
.wdrange:before {
content: "\f229";
}
.wdgrading:before {
content: "\f164";
}
.wdmatrix:before {
content: "\f509";
}
.wdhidden:before {
content: "\f530";
}
.wdbutton:before {
content: "\f200";
}
.wdpassword:before {
content: "\f112";
}
.wdphone:before {
content: "\f525";
}
.wdcaptcha:before {
content: "\f160";
}
.wdarithmetic_captcha:before {
content: "\f160";
}
.wdpaypal_price_new:before {
content: "$";
font-weight: bolder;
font-size: 13px !important;
}
.wdpaypal_select:before {
content: "\f163";
}
.wdpaypal_radio:before {
content: "\f159";
}
.wdpaypal_checkbox:before {
content: "\f147";
}
.wdpaypal_shipping:before {
content: "\f174";
}
.wdpaypal_total:before {
content: "\f217";
}
.wdstripe:before {
content: "S";
font-weight: bolder;
font-size: 13px !important;
}
#manage_form .wd-header {
padding: 10px;
}
#manage_form .wd-page-title #title {
padding: 3px 8px;
font-size: 1.5em;
line-height: 100%;
height: 1.5em;
width: 30%;
outline: 0;
margin: 0 0 3px;
background-color: #fff;
}
#fm_admin_container h2.hndle{
font-size: 14px;
padding: 8px 12px;
margin: 0;
line-height: 1.4;
}
.field_types_cont h2.hndle,
.placeholders_cont h2.hndle,
.field_options h2.hndle {
background-color: #F1F1F1;
}
.field-types-filter_header{
border: 1px solid #eee;
}
.field-types-filter,
.placeholders-filter {
webkit-box-shadow: 0 1px 4px rgba(0,0,0,.07)!important;
box-shadow: 0 1px 4px rgba(0,0,0,.07)!important;
}
#manage_form .first-time-use {
background-color: #ffffff;
border: 1px dashed #0085ba;
border-radius: 3px;
bottom: 115px;
color: #0085ba;
display: none;
font-size: 14px;
height: auto;
padding: 5px;
right: 0;
width: 250px;
position: absolute;
bottom: 32px;
}
#manage_form .first-time-use-close {
background-color: #ffffff;
border-radius: 50%;
box-sizing: content-box;
cursor: pointer;
font-size: 17px;
margin: 0;
padding: 0;
position: absolute;
right: -9px;
top: -9px;
}
#manage_form .first-time-use-close:before {
margin: 1px 0 0 3px;
}
#add_field {
position: relative;
}
.fm-edit-content #add_field_cont {
animation-duration: 1.5s;
animation-iteration-count: 1;
animation-fill-mode: both;
color: #0085ba;
position: absolute;
top: 10px;
right: 10px;
min-width: 50px;
height: auto;
width: initial;
padding: 0 !important;
z-index: 10;
}
#add_field_cont .wdform_field {
display: table-cell;
cursor: move;
background-color: transparent !important;
border: none;
padding: 0;
}
#add_field_cont .add-new-button {
cursor: move;
padding: 5px 15px 5px 5px;
color:#fff;
font-size: 16px;
line-height: 16px;
vertical-align: middle;
font-weight: 400;
height: 30px;
}
#add_field_cont .add-new-button .fm-ico-draggable {
padding: 5px 5px 5px 15px;
font-size: 12px;
}
@-webkit-keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
-ms-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
-ms-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
-ms-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
-ms-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animated {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
.field_types .postbox button.wd-button.wd-pro-fields {
background-color: #cccccc;
border-color: #cccccc;
box-shadow: 0 1px 0 #cccccc;
text-shadow: 0 -1px 1px #cccccc, 1px 0 1px #cccccc, 0 1px 1px #cccccc, -1px 0 1px #cccccc;
}
.field_types .postbox h2.hndle,
.placeholders .postbox h2.hndle {
font-size: 14px;
padding: 8px 12px;
margin: 0;
line-height: 1.4;
}
.add-popup .postbox .inside {
margin: 12px 0 0 0;
}
.add-popup .postbox .handlediv {
margin: 0;
}
.js .postbox .hndle {
cursor: pointer;
}
.field_types .postbox,
.placeholders .postbox {
margin-bottom: 0;
}
.field_types .postbox button.wd-button,
.placeholders .postbox button.wd-button {
margin: 5px 0px;
white-space: normal;
width: 48%;
word-wrap: break-word;
word-break: break-all;
overflow: hidden;
padding: 8px;
height: auto;
}
.add-popup .field-types-filter,
.placeholder-popup .placeholders-filter {
line-height: 25px;
margin: 15px;
width: calc(100% - 45px);
padding-left: 30px;
background-color: #f5f5f5;
}
.add-popup .field-types-filter-cont,
.placeholder-popup .placeholders-filter-cont {
position: relative;
height: 25px;
width: 100%;
}
.add-popup .field-types-filter-cont:before,
.placeholder-popup .placeholders-filter-cont:before {
font-family: "Dashicons";
content: "\f179";
font-size: 25px;
height: 25px;
left: 18px;
position: absolute;
top: 0;
width: 25px;
color: #757575;
}
.hide {
display: none;
}
.fm-hide {
display: none !important;
}
.fm-hidden {
visibility: hidden;
height: 0;
display: block;
border: none;
}
.fm-add-new {
cursor: pointer;
}
.pagination-links a {
cursor: pointer;
}
#fm_admin_container .adminlist th { font-size:13px; }
#fm_admin_container .pagination-links .tablenav-pages-navspan,
#fm_admin_container .pagination-links a,
#fm_admin_container .pagination-links a span {
font-size: initial;
}
#fm_admin_container .search-box {
margin-bottom: 5px;
}
#fm_admin_container .tablenav .tablenav-pages a,
#fm_admin_container .tablenav-pages-navspan {
min-width: 28px;
margin: 0;
}
div.wd-buttons {
clear: both;
display: inline-block;
float: right;
margin-top: 2px;
}
div.wd-buttons .wd-button {
margin: 0 3px;
}
div .wd-button:last-child {
margin-right: 0;
}
div .wd-button:first-child {
margin-left: 0;
}
.wd-table {
clear: both;
display: table;
margin: 0;
padding: 10px 0;
position: relative;
table-layout: fixed;
width: 100%;
}
.wd-table-col {
display: table-cell;
position: relative;
vertical-align: top;
}
.wd-table-col-50 {
width: 50%;
}
.wd-table-col-60 {
width: 60%;
}
.wd-table-col-70 {
width: 70%;
}
@media screen and (max-width: 782px) {
.wd-table-col {
display: block;
}
.wd-table-col-50,
.wd-table-col-60,
.wd-table-col-70 {
width: 100%;
float:none;
}
}
.wd-table-col-100 {
width: 100%;
}
.wd-table-col-left .wd-box-section {
margin-right: 5px;
}
.wd-table-col-right .wd-box-section {
margin-left: 5px;
}
.wd-box-section {
background-color: #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 6px;
margin: 5px 0;
}
.wd-box-title {
border-bottom: 1px solid #eaeaea;
height: inherit;
margin: 0;
padding: 15px 30px;
}
.wd-box-content {
overflow-wrap: break-word;
padding: 20px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.wd-box-content-shortcode {
padding-top: 0;
padding-bottom: 0;
}
.wd-label {
display: block;
font-size: 15px;
font-weight: bold;
line-height: 20px;
margin-bottom: 10px;
padding: 0;
}
.wd-label-radio {
display: inline-block;
max-width: 450px;
margin: 0;
}
.wd-table .wd-radio {
display: inline-block;
margin: 0;
}
.wd-group {
display: block;
margin: 0 0 15px;
max-width: 100%;
width: 100%;
}
.wd-group:last-child {
margin-bottom: 0;
}
.wd-left {
text-align: left;
}
.wd-right {
text-align: right;
}
.wd-float-left {
float: left;
}
.wd-float-right {
float: right;
}
.wd-font-weight-normal {
font-weight: normal;
}
.wd-table input[type="text"],
.wd-table select,
.wd-table textarea,
.wd-block-content {
background: #fff none repeat scroll 0 0;
border: 1px solid #ddd;
border-radius: 4px;
box-shadow: none;
display: block;
height: initial;
line-height: 20px;
margin: 0;
max-width: 100%;
padding: 5px;
width: 100%;
}
.wd-table textarea {
height: 54px;
}
p.description {
margin-bottom: 0;
}
.no-items .colspanchange {
padding: 8px 10px;
}
.wd-table .wd-table-col .initial-width {
width: initial;
display: inline;
}
@media screen and (max-width: 480px) {
.wd-table-col .wd-box-section {
margin: 5px 0;
}
.wd-table-col {
display: block;
}
.wd-table-col-50 {
width: 100%;
}
.display-options-container .wd-table-col-70 {
width: 100%;
}
.display-options-container .wd-table-col-left .wd-box-section {
margin:0px;
}
}
.wd-block-content {
background-color: #f1f1f1;
}
.col_type {
width: 140px;
}
.col_count {
width: 100px;
}
@media screen and ( min-width: 1100px ), screen and ( max-width: 782px ) {
.wp-list-table .col_id {
width: 190px;
}
.wp-list-table .col_function {
width: 340px;
}
.wp-list-table .fm_php_function, .fm_shortcode {
width: 100%;
}
}
.col_id {
width: 130px;
}
.col_function {
width: 190px;
}
.no-items .colspanchange {
padding: 8px 10px;
}
.wd-fixed-message {
position: fixed;
z-index: 2;
width: 100%;
}
.wd-fixed-conteiner {
position: fixed;
background: gray;
width: 100%;
height: 100%;
opacity: 0.3;
z-index: 1;
}
div.error_fm {
border-left: 4px solid #dd3d36;
}
#main_div input[type="checkbox"], #main_div input[type="radio"] {
float: right !important;
margin: 3px 3px 3px 4px;
}
.wdform_column input[type="checkbox"],
.wdform_column input[type="radio"] {
float: right !important;
margin: 3px 3px 3px 4px;
}
#take_temp .element_toolbar,
#take_temp .page_toolbar,
#take_temp .captcha_img,
#take_temp .wdform_stars {
display: none;
}
.add-popup {
background: #fff none repeat scroll 0 0;
bottom: 0;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.7);
left: 0;
overflow: hidden;
display: none;
position: fixed;
right: 0;
top: 0;
z-index: 100050;
}
.add-popup .popup-header {
border-bottom: 1px solid #CCCCCC;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
height: 50px;
left: 0;
padding: 10px;
right: 0;
top: 0;
}
.add-popup .popup-title {
float: left;
font-size: 30px;
line-height: 30px;
vertical-align: middle;
}
.add-popup .close-popup {
cursor: pointer;
float: right;
height: 15px;
width: 15px;
font-size: 15px;
margin: 8px;
color: #000000;
}
.popup-body {
background-color: #f5f5f5;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
font-family: Segoe UI;
padding: 10px;
height: calc(100% - 50px);
margin: 0;
width: 100%;
}
.popup-body-col:not(:first-child) {
border: 1px solid #e5e5e5;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}
.popup-body-col {
height: 100%;
width: 30%;
display: inline-block;
vertical-align: top;
background-color: #ffffff;
overflow: auto;
margin-right: 10px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.popup-body-col.field_preview {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding: 10px;
}
.field_options-large {
width: calc(70% - 15px);
}
.add-button-cont {
border-bottom: 1px solid #cccccc;
text-align: right;
margin-bottom: 10px;
padding-bottom: 10px;
}
.popup-body-col:last-child {
margin-right: 0;
}
.popup-body-col:first-child {
width: calc(40% - 30px);
}
@media screen and (max-width: 360px) {
.field_types .postbox button.wd-button,
.placeholders .postbox button.wd-button {
width: 100%;
}
}
@media screen and (min-width: 360px) and (max-width: 600px) {
.field_types .postbox button.wd-button,
.placeholders .postbox button.wd-button {
width: 48%;
}
}
@media screen and (min-width: 600px) and (max-width: 1050px) {
.field_types .postbox button.wd-button,
.placeholders .postbox button.wd-button {
width: 32%;
}
}
@media screen and (max-width: 1050px) {
.popup-body-col {
display: block;
width: 100%;
height: initial;
margin-bottom: 10px;
}
.popup-body {
overflow: auto;
}
.popup-body-col {
margin-right: 0;
}
.popup-body-col:first-child {
width: 100%;
}
}
#field_types {
border-right: 4px solid #E5E5E5;
background: #F2F2F2;
}
/* submissions */
#sbox-overlay {
z-index: 65555;
position: fixed;
top: 0px;
left: 0px;
visibility: visible;
zoom: 1;
background-color: #000000;
opacity: 0.7;
filter: alpha(opacity=70);
display: none;
}
#ChBDiv {
background-color: #FFFFFF;
width: 350px;
max-height: 350px;
overflow-y: auto;
padding: 20px;
position: fixed;
top: 100px;
display: none;
border: 2px solid #AAAAAA;
z-index: 65556;
}
.fm-reports {
text-align: left;
display: inline-block;
vertical-align: middle;
}
.fm-tools-button {
border: 1px solid;
border-radius: 0px;
text-align: left;
color: #0288C5;
height: 40px;
line-height: 40px;
display: inline-block;
padding: 0px 10px;
background: #F1F1F1;
border-color: #F1F1F1;
font-size: 15px;
}
.fm-total_rate, .fm-total_entries, .fm-total_views {
display: inline-block;
line-height: 18px;
padding: 5px 10px;
border-radius: 37px;
font-size: 16px;
background: #fff;
border: none;
margin-right: 6px;
}
.fm-form-title {
text-align: left;
display: inline-block;
height: 46px;
line-height: 46px;
font-size: 28px;
font-weight: bold;
max-width: 450px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.submissions-actions {
line-height: 50px;
}
.submissions-toolbar {
background: #fff;
height: 100px;
line-height: 100px;
}
.submissions-tools {
padding: 0 10px;
}
.submissions-tools select {
height: 41px;
width: 280px;
max-width: 280px;
border: 1px solid #f1f1f1;
font-style: italic;
border-radius: 0px;
margin-left: 7px;
box-shadow: none;
}
.list_blocked_link {
line-height: 15px;
width:100%;
height:20px
}
.list_blocked_link>a {
float: right;
}
.fm-export-tools {
float: right;
}
.fm-export-tools span {
display: inline-block;
font-size: 15px;
color: #0288C5;
}
.fm-export-tools button {
cursor: pointer;
}
.fm-search-tools {
float: left !important;
}
.fm-search-tools button {
margin-right: 2px;
}
.fm-add-remove {
float: right;
}
.fm-add-remove button {
font-size: 13px;
background: #4EC0D9;
width: 154px;
margin-right: 15px;
}
.fm-statistics {
background: #fff;
padding: 10px 10px 20px 10px;
}
.fm-statistics .fm_error_sorted_label_key {
display: none;
padding-left: 7px;
color: red;
font-size: 14px;
}
.fm-statistics .stats tr {
border: none !important;
}
.fm-statistics .stats td {
border: none !important;
padding: 5px 3px;
vertical-align: middle;
}
.fm-statistics .stats label {
min-width: 70px;
display: block;
}
.fm-statistics .stats select {
height: 30px;
width: 100%;
max-width: 288px;
border: 1px solid #E6E4E4;
font-style: italic;
border-radius: 0px;
margin-left: 7px;
box-shadow: none;
}
.fm-statistics #div_stats .field-label {
font-size: 16px;
font-weight: bold;
}
.fm-statistics .stats input {
border-radius: 0px;
border: 1px solid #E6E4E4;
box-shadow: none;
vertical-align: middle;
}
.fm-statistics .stats #startstats,
.fm-statistics .stats #endstats {
width:92px;
}
.fm-statistics .label0 {
background: #4EC0D9;
border: 2px solid #4EC0D9;
}
.fm-statistics .label1 {
background: #DDCC7F;
border: 2px solid #DDCC7F;
}
.fm-statistics .bordered {
height:20px;
float: left;
}
.fm-statistics .fm-bordered-progress {
height:20px;
position: relative;
float: left;
background-color:#F2F0F1;
}
.fm-statistics .fm-bordered-progress-percent {
position: absolute;
margin-left: -50px;
font-size: 13px;
}
.fm-statistics .bordered0:before {
content: " ";
width: 20px;
height: 20px;
margin-left: -15px;
background: #5FE2FF;
display: inline-block;
-webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(-25deg) skewY(0deg);
}
.fm-statistics .bordered1:before {
content: " ";
width: 20px;
height: 20px;
margin-left: -15px;
background: #F9E89C;
display: inline-block;
-webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(-25deg) skewY(0deg);
}
.fm-statistics .fm-bordered-count-arrow {
float:left;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
}
.fm-statistics .fm-bordered-count {
height:20px;
width:16px;
text-align:
center;
margin-left:8px;
color: #fff;
}
.fm-statistics .adminlist {
border-collapse: separate;
font-size: 14px;
width: 100%;
}
.fm-statistics .adminlist th {
font-size: 14px;
padding: 10px 0;
}
.fm-statistics .adminlist td {
border: none !important;
}
.fm-statistics .adminlist td:first-child {
color: #fff;
padding: 4px;
}
/* form options */
.fm-form-options {
background: #fff;
padding: 13px;
}
.display-options-container {
background: transparent;
}
.display-options-container .wd-table {
padding: 0px!important;
}
.display-options-container .fm-form-types .wd-label {
font-size:18px;
width: 170px !important;
display: block;
}
#fm-embedded-element{
min-height: 32px;
}
#fm-embedded-element p {
float: left;
margin: 0 5px 0 0 !important;
line-height: 32px;
}
#fm-embedded-element input {
float: left;
margin: 0 5px 0 0 !important;
}
.wd-group-content {
display: block; min-height: 50px;
}
.wd-group-content p {
padding: 0px;
margin: 0px;
line-height: 32px;
}
.wd-group-content p, .wd-group-content input {
float: left;
margin-right: 10px !important;
}
.fm-options-container {
display: flex;
max-width: 1050px;
margin: 0 auto;
}
.fm-options-body {
flex: 0.78;
}
.submenu-box {
display: flex;
flex-direction: column;
padding: 15px 36px 0 15px;
flex: 0.22;
}
.fm-options-body {
padding-right: 10px;
}
#submenu {
border: 1px solid #E5E5E5;
border-radius: 6px;
overflow: hidden;
margin: 0;
padding: 15px 0;
}
#fm-tabs .ui-widget-header {
background-color: #FFFFFF;
}
@media (min-width: 420px) and (max-width: 600px) {
#fm-tabs .tab-label {
display: none;
}
#fm_admin_container.fm-form-container .fm-edit-tabs > li > a {
padding: 20px 10px !important;
}
}
#submenu li {
margin: 0;
padding: 0;
}
#submenu a:hover,
#submenu a.active,
#submenu span.nolink.active {
color: #FFFFFF;
background: none repeat scroll 0 0 #3A3E43;
}
#submenu a:focus {
box-shadow: none !important;
}
#submenu li a,
#submenu span.nolink {
color: #555555;
cursor: pointer;
font-size: 13px;
font-weight: bold;
padding: 12px;
background: #fff;
text-decoration: none;
display: inline-block;
width: 100%;
}
fieldset.adminform {
width: 99%;
margin: 10px 0;
}
fieldset.adminform legend {
color: #444;
font-weight: bold;
font-size: 16px;
padding: 10px 3px;
}
table.admintable td.key,
table.admintable td.paramlist_key {
background-color: #F6F6F6;
border-bottom: 1px solid #E9E9E9;
border-right: 1px solid #E9E9E9;
color: #666666;
font-weight: bold;
text-align: right;
width: 200px;
}
table.admintable {
width: 100%;
}
.fm_fieldset_active {
display: block;
}
.fm_fieldset_deactive {
display: none;
}
.wrap * {
font-size: 13px;
}
.add_tag_th {
padding-left: 21px;
font-size: 12px;
font-family: sans-serif;
}
.pointer {
cursor: pointer;
}
.table_small_col {
text-align: center !important;
width: 50px;
box-sizing: initial;
-moz-box-sizing: initial;
-webkit-box-sizing: initial;
}
.table_medium_col {
text-align: center !important;
width: 70px;
}
.table_big_col {
text-align: center !important;
width: 80px;
}
.table_large_col {
text-align: center !important;
width: 200px;
}
.table_large_col input {
width: 180px;
}
.table_extra_large_col {
padding: 4px !important;
width: 150px !important;
}
.first-page,
.prev-page,
.next-page,
.last-page,
.table_extra_large_col a,
.table_medium_col a,
.table_big_col a,
.table_small_col a {
cursor: pointer;
}
.handle {
background: url("../images/draggable.png") no-repeat /*scroll 6px 9px*/ transparent;
border: none;
height: 15px;
margin: 0 auto;
vertical-align: middle;
width: 15px;
}
.block_icon {
background: url("../images/icons.png") no-repeat 15% 41%;
border: none;
display: inline-block;
height: 43px;
width: 31px;
vertical-align: middle;
}
.theme_icon {
background: url("../images/icons.png") no-repeat 7% 41%;
border: none;
height: 42px;
width: 44px;
display: inline-block;
vertical-align: middle;
}
.uninstall_icon {
background: url("../images/icons.png") no-repeat 0% 41%;
border: none;
height: 42px;
width: 37px;
display: inline-block;
vertical-align: middle;
}
.connectedSortable {
cursor: move;
}
.fm_label {
font-weight: bold;
width: 100px;
}
.fm_label_options {
font-weight: bold;
vertical-align: top;
width: 150px;
}
.fm_int_input {
width: 80px;
}
.fm_text_input {
width: 190px;
}
.theme_type {
background-color: #F4F4F4;
border: 1px solid #8F8D8D;
border-radius: 8px 8px 8px 8px;
cursor: pointer;
display: inline-block;
font-size: 16px;
height: 24px;
padding-top: 5px;
text-align: center;
vertical-align: middle;
width: 123px;
margin: 2px 0px 2px 0px;
}
.ui-slider-handle {
cursor: pointer !important;
}
.fm_search_value {
height: 2em;
margin: 0 0 4px;
}
#form_id_tempform_view_img1 td {
padding: 0;
}
.payment_info_fc {
width: 72px;
}
.sub-align {
vertical-align: top !important;
}
.count_col {
padding: 7px 7px 8px;
min-width: 10px !important;
max-width: 30px !important;
text-align: right !important;
}
#fm-fields-filter {
background-color: #FAFAFA;
}
#fm-fields-filter input {
font-size: 12px;
padding: 0 !important;
margin: 0 !important;
vertical-align: middle;
}
#fm-fields-filter td,
#fm-fields-filter th {
font-size: 12px;
margin: 0 !important;
border: none;
vertical-align: middle;
}
.submitdate_fc * {
padding: 0 !important;
}
.submit_content pre {
font-family: sans-serif;
}
.submit_content .table_large_col {
text-align: left !important;
white-space: nowrap;
}
.submit_content table {
table-layout: auto;
width: auto;
}
.submit_content tbody td {
min-height:30px;
}
.submit_content .column-autor {
min-width: 130px;
max-width: 200px;
}
.fm-table-submissions #submitid_fc.submitid_fc {
min-width: 55px !important;
}
.submit_content #submitsubmitdate_fc,
.submit_content #submitterusername_fc,
.submit_content #submitteremail_fc {
min-width: 170px;
}
.submitid_fc {
min-width: 10px !important;
max-width: 30px !important;
text-align: left !important;
}
#fm-submission-lists .fm-show-column {
}
#fm-submission-lists .fm-hide-column {
display:none;
}
.submitid_fc a {
padding-left: 2px;
}
.fm_options_label,
.fm_options_value {
background-color: #FFFFFF;
border: 1px solid #cccccc !important;
padding: 15px;
}
.fm_options_label {
width: 170px;
}
.fm_delete_img {
cursor: pointer;
margin: 0 0 0 2px;
padding: 0;
vertical-align: middle;
}
button:focus {
outline: none !important;
}
.fm-button {
display: inline-block;
height: 40px;
line-height: 38px;
border-radius: 0px;
font-size: 15px;
font-weight: normal;
padding: 0;
cursor: pointer;
text-align: center;
color: #fff;
border: none;
}
.fm-button span {
width: 46px;
height: 40px;
display: inline-block;
background-size: contain;
background: transparent;
background-repeat: no-repeat;
background-position: 0 0;
border-radius: 0px;
float: left;
margin-top: -1px;
margin-left: -1px;
}
.fm-button.small {
width: 108px;
}
.fm-button.medium {
width: 150px;
}
.fm-button.large {
width: 175px;
}
.fm-button.add-button {
background-color: #4EC0D9;
border: 1px solid transparent;
}
.fm-button.add-button span {
background: url("../images/icons.png") no-repeat 0% 0%;
}
.fm-button.add-new-button {
background-color: #4EC0D9;
border: 1px solid transparent;
}
.fm-button.add-new-button span {
background: url("../images/icons.png") no-repeat 71.5% 0%;
}
.fm-icon {
width: 35px;
height: 36px;
border-radius: 0px;
cursor: pointer;
border: none;
vertical-align: middle;
}
.fm-icon.search-icon,
.fm-button.search-button span {
background: #DDCC7F url("../images/icons.png") no-repeat 55% 31.5%;
}
.fm-icon.reset-icon,
.fm-button.reset-button span {
background: #C1C1C1 url("../images/icons.png") no-repeat 37.5% 31.5%;
}
.fm-icon.edit-icon {
background: #DDCC7F url("../images/icons.png") no-repeat 32.7% 39.5%;
}
.fm-icon.delete-icon {
background: #E5705D url("../images/icons.png") no-repeat 27.5% 39.5%;
}
.fm-button.show-filter-button span {
background: #DDCC7F url("../images/icons.png") no-repeat 60.8% 10%;
}
.fm-icon.add-block-ip-icon {
background: #4EC0D9 url("../images/icons.png") no-repeat 50% 50%;
}
.fm-button.edit-button span {
background: #DDCC7F url("../images/icons.png") no-repeat 50% 50%;
}
.fm-button.block-button span {
background: url("../images/icons.png") no-repeat 64.5% 0%;
}
.fm-button.unblock-button span {
background: url("../images/icons.png") no-repeat 36% 0%;
}
.fm-button.delete-button span {
background: url("../images/icons.png") no-repeat 93% 0%;
}
.fm-button.form-layout-button span {
background: url("../images/icons.png") no-repeat 79% 0%;
}
.fm-button.form-options-button span {
background: url("../images/icons.png") no-repeat 14.5% 0%;
}
.fm-button.display-options-button span {
background: url("../images/icons.png") no-repeat 19% 54%;
}
.fm-button.undo-button span {
background: url("../images/icons.png") no-repeat 29% 0%;
}
.fm-button.redo-button span {
background: url("../images/icons.png") no-repeat 57% 0%;
}
.fm-button.save-button span {
background: url("../images/icons.png") no-repeat 43% 0%;
}
.fm-button.save-as-copy-button span {
background: url("../images/icons.png") no-repeat 50% 0%;
}
.field-save-button span,
.fm-button.apply-button span {
background: url("../images/icons.png") no-repeat 86% 0%;
}
.fm-button.cancel-button span {
background: url("../images/icons.png") no-repeat 100% 0%;
}
.fm-button.options-edit-button span {
background: url("../images/icons.png") no-repeat 21.5% 0%;
}
.fm-button.preview-button span {
background: url("../images/icons.png") no-repeat 7% 0%;
}
.fm-page-actions {
float: right;
}
.fm-page-actions .fm-button,
.fm-button.field-save-button,
.fm-button.cancel-button,
.fm-button.delete-button,
.fm-button.options-edit-button,
.fm-button.preview-button {
background: transparent;
color: #444;
border: 1px solid #C5C6C7 !important;
}
.fm-page-banner {
background: #fff;
display: block;
padding: 15px 10px;
box-sizing: initial;
-moz-box-sizing: initial;
-webkit-box-sizing: initial;
}
.fm-theme-banner {
background: #fff;
display: inline-block;
width: 100%;
float: left;
padding: 10px;
box-sizing: initial;
-moz-box-sizing: initial;
-webkit-box-sizing: initial;
}
.fm-theme-banner select {
height: 40px;
line-height: 40px;
border: 1px solid #C5C6C7 !important;
box-shadow: none;
width: 290px;
}
.fm-theme-banner #theme {
height:30px;
line-height: 30px;
}
.fm-theme-banner button {
vertical-align: middle;
}
.fm-theme-banner #edit_css {
position: absolute;
top: 7px;
left: 298px
}
.uninstall-banner {
background: #fff;
display: block;
padding: 15px 10px;
height: 38px;
}
.uninstall-banner .fm-logo-title {
width: 200px;
vertical-align: middle;
}
.blocked-ips-banner,
.themes-banner,
.fm-page-banner {
line-height: 80px;
}
.fm-clear {
content: '';
clear: both;
display: block;
}
.fm-logo {
display: inline-block;
background: url("../images/form-maker-logo.png") no-repeat 49% 100%;
width: 100px;
height: 79px;
vertical-align: bottom;
margin-top: 10px;
}
.fm-logo-title {
text-transform: uppercase;
display: inline-block;
font-size: 16px;
vertical-align: middle;
width: 100px;
margin-left: 10px;
line-height: 22px;
}
.fm-title-edit-page {
text-transform: uppercase;
display: inline-block;
font-size: 15px;
vertical-align: top;
margin-left: 0px;
line-height: 22px;
}
.fm-logo-edit-page {
display: inline-block;
background: url("../images/icons.png") no-repeat 0% 54%;
width: 65px;
height: 47px;
}
.fm-h2-message {
padding: 0 !important;
margin: 0 !important;
}
.tablenav .fm-alternate {
background-color: #F1F1F1;
}
.fm-search label {
font-size: 14px;
width: 45px;
display: inline-block;
}
.fm-search input {
width: 251px;
padding: 4px;
border: 1px solid #919191;
height: 36px;
background: transparent;
margin: 0;
display: inline-block;
vertical-align: middle;
font-size: 14px;
}
.fm-search input:focus {
outline: none;
}
.fm-checkbox-radio-button {
height: 16px;
border-radius: 10px;
cursor: pointer;
text-align: center;
padding: 1px;
font-size: 12px;
line-height: 12px;
color: #fff;
width: 46px;
min-width: 46px;
position: relative;
}
.fm-checkbox-radio-button span {
width: 12px;
height: 12px;
display: inline-block;
background-size: contain;
background: #fff;
border-radius: 6px;
position: absolute;
top: 1px;
}
.fm-checkbox-radio-button label {
font-size: 11px;
line-height: 13px;
margin-right: 6px;
margin-bottom: 3px;
}
.fm-checkbox-radio-button.small {
width: 46px;
}
.fm-checkbox-radio-button.medium {
width: 60px;
}
.fm-checkbox-radio-button.large {
width: 98px;
}
.fm-yes {
background: #46ACC3 url("../images/icons.png");
border: 1px solid #46ACC3;
background-repeat: no-repeat;
background-position: 73% 55%;
}
.fm-no {
background: #A1A1A1;
border: 1px solid #A1A1A1;
background-repeat: no-repeat;
background-position: 35%;
}
.fm-text-yes span,
.fm-yes span {
right: 0px;
}
.fm-text-no.small span,
.fm-no span {
right: 32px;
}
.fm-text-no.medium span {
right: 46px;
}
.fm-text-no.large span {
right: 84px;
}
.fm-text-yes {
background: #46ACC3;
border: 1px solid #46ACC3;
}
.fm-text-no {
background: #A1A1A1;
border: 1px solid #A1A1A1;
}
.fm-text-no label {
margin-left: 12px;
}
.fm-block-ip input[type="text"] {
width: 160px;
padding: 3px;
border: 1px solid #ccc;
margin: 0;
height: 28px;
vertical-align: middle;
}
.fm-submissins-edit table {
background: #fff;
width: 100%;
padding: 15px;
}
.fm-submissins-edit .fm-key {
width: 190px;
}
.goodbye-text {
font-size: 16px;
font-weight: bold;
background: #fff;
padding: 15px;
line-height: 22px;
}
.goodbye-text a {
font-size: 15px;
}
.form_maker_themes th.col_default,
.form_maker_fmc_themes th.col_default {
width:80px;
}
.form_maker_themes td.col_default,
.form_maker_fmc_themes td.col_default {
padding-left:20px;
}
#fm_ip {
height:30px;
padding: 5px;
}
#ip{ width: 100%}
#fm_ip{
margin-left: 0!important;
}
.loading{
display: none;
padding-left:5px;
}
.loading img{
vertical-align: middle;
}
.ip_save {
height: 25px!important;
line-height: 24px!important;
}
#blocked_ips #id{ width: 100%!important;}
@media screen and (max-width: 782px){
.ip_input{
padding: 5px!important;
}
#fm_ip{
vertical-align: top!important;
}
.ip_save {
height: 28px!important;
line-height: 2px!important;
}
#add_ip{ height: 28px; padding: 0 10px 1px!important;}
}
#fm-title-edit #title {
font-size: 1.5em;
}
.fm-table {
clear: both;
}
.fm-themes-tabs ul {
padding: 0;
margin: 0;
list-style-type: none;
}
.fm-themes-tabs ul li {
float: left;
margin: 4px 0 0 5px;
background: #FFFFFF;
cursor: default;
box-shadow: 1px 1px 1px #dedede;
}
.fm-themes-tabs ul li a {
display: inline-block;
width: 100%;
padding: 4px;
color: #616163;
border: 1px solid #D0CFCF;
border-radius: 3px !important;
text-decoration: none;
}
.fm-themes-tabs ul li a.fm-theme-active-tab {
background: #F3F1F1;
color: #000000;
}
.fm-themes-tabs ul li a.fm-disabled {
cursor: default;
pointer-events: none;
}
.fm-themes-tabs ul li a#buttons {
padding: 0 10px 1px;
}
.fm-themes .fm-row { clear: both; }
.fm-themes .fm-row .fm-label-text,
.fm-themes .fm-row .fm-label-2text,
.fm-themes .fm-row .fm-label-select {
float: left;
}
.fm-themes .fm-row .fm-input-text-wrap-AGPBorderColor,
.fm-themes .fm-row .fm-input-text-wrap-HPBGColor,
.fm-themes .fm-row .fm-input-text-wrap-HTPColor,
.fm-themes .fm-row .fm-input-text-wrap-HDPColor,
.fm-themes .fm-row .fm-input-text-wrap-HPBorderColor,
.fm-themes .fm-row .fm-input-text-wrap-GPBGColor,
.fm-themes .fm-row .fm-input-text-wrap-GPMLColor,
.fm-themes .fm-row .fm-input-text-wrap-SEPBGColor,
.fm-themes .fm-row .fm-input-text-wrap-GPColor,
.fm-themes .fm-row .fm-input-text-wrap-GPBorderColor,
.fm-themes .fm-row .fm-input-text-wrap-IPBGColor,
.fm-themes .fm-row .fm-input-text-wrap-IPColor,
.fm-themes .fm-row .fm-input-text-wrap-IPBorderColor,
.fm-themes .fm-row .fm-input-text-wrap-SCPBGColor,
.fm-themes .fm-row .fm-input-text-wrap-MCPBGColor,
.fm-themes .fm-row .fm-input-text-wrap-SCPBorderColor,
.fm-themes .fm-row .fm-input-text-wrap-MCPBorderColor,
.fm-themes .fm-row .fm-input-text-wrap-SCCPBGColor,
.fm-themes .fm-row .fm-input-text-wrap-MCCPBGColor,
.fm-themes .fm-row .fm-input-text-wrap-SPBGColor,
.fm-themes .fm-row .fm-input-text-wrap-BPBGColor,
.fm-themes .fm-row .fm-input-text-wrap-SPColor,
.fm-themes .fm-row .fm-input-text-wrap-BPColor,
.fm-themes .fm-row .fm-input-text-wrap-SPBorderColor,
.fm-themes .fm-row .fm-input-text-wrap-BPBorderColor,
.fm-themes .fm-row .fm-input-text-wrap-SHPBGColor,
.fm-themes .fm-row .fm-input-text-wrap-BHPBGColor,
.fm-themes .fm-row .fm-input-text-wrap-SHPColor,
.fm-themes .fm-row .fm-input-text-wrap-BHPColor,
.fm-themes .fm-row .fm-input-text-wrap-SHPBorderColor,
.fm-themes .fm-row .fm-input-text-wrap-BHPBorderColor,
.fm-themes .fm-row .fm-input-text-wrap-PSAPBGColor,
.fm-themes .fm-row .fm-input-text-wrap-PSDPBGColor,
.fm-themes .fm-row .fm-input-text-wrap-PSAPColor,
.fm-themes .fm-row .fm-input-text-wrap-PSDPColor,
.fm-themes .fm-row .fm-input-text-wrap-PSAPBorderColor,
.fm-themes .fm-row .fm-input-text-wrap-NBPBGColor,
.fm-themes .fm-row .fm-input-text-wrap-PBPBGColor,
.fm-themes .fm-row .fm-input-text-wrap-NBPColor,
.fm-themes .fm-row .fm-input-text-wrap-PSDPBorderColor,
.fm-themes .fm-row .fm-input-text-wrap-CBPBGColor,
.fm-themes .fm-row .fm-input-text-wrap-CBPColor,
.fm-themes .fm-row .fm-input-text-wrap-CBPBorderColor,
.fm-themes .fm-row .fm-input-text-wrap-CBHPBGColor,
.fm-themes .fm-row .fm-input-text-wrap-CBHPColor,
.fm-themes .fm-row .fm-input-text-wrap-CBHPBorderColor,
.fm-themes .fm-row .fm-input-text-wrap-MBPBGColor,
.fm-themes .fm-row .fm-input-text-wrap-MBPBorderColor,
.fm-themes .fm-row .fm-input-text-wrap-MBPColor,
.fm-themes .fm-row .fm-input-text-wrap-MBHPBGColor,
.fm-themes .fm-row .fm-input-text-wrap-MBHPColor,
.fm-themes .fm-row .fm-input-text-wrap-MBHPBorderColor,
.fm-themes .fm-row .fm-input-text-wrap-PBPColor,
.fm-themes .fm-row .fm-input-text-wrap-NBPBorderColor,
.fm-themes .fm-row .fm-input-text-wrap-PBPBorderColor,
.fm-themes .fm-row .fm-input-text-wrap-NBHPBGColor,
.fm-themes .fm-row .fm-input-text-wrap-PBHPBGColor,
.fm-themes .fm-row .fm-input-text-wrap-NBHPColor,
.fm-themes .fm-row .fm-input-text-wrap-PBHPColor,
.fm-themes .fm-row .fm-input-text-wrap-NBHPBorderColor,
.fm-themes .fm-row .fm-input-text-wrap-PBHPBorderColor,
.fm-themes .fm-row .fm-input-text-wrap-OPDeInputColor,
.fm-themes .fm-row .fm-input-text-wrap-OPRColor
{
float: left;
}
.fm-themes .fm-row input.color {
display:block !important;
float: right;
width: 85px !important;
text-align: center;
}
.fm-themes .fm-row .fm-input-text-wrap-AGPBorderColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-HPBGColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-HTPColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-HPBorderColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-HDPColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-GPBGColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-GPMLColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-SEPBGColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-GPColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-GPBorderColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-IPBGColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-IPColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-IPBorderColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-SCPBGColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-MCPBGColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-SCPBorderColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-MCPBorderColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-SCCPBGColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-MCCPBGColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-SPBGColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-BPBGColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-SPColor .sp-replacer
.fm-themes .fm-row .fm-input-text-wrap-BPColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-SPBorderColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-BPBorderColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-SHPBGColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-BHPBGColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-SHPColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-BHPColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-SHPBorderColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-BHPBorderColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-PSAPBGColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-PSDPBGColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-PSAPColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-PSDPColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-PSDPBorderColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-NBPBGColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-PBPBGColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-NBPColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-PSDPBorderColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-CBPBGColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-CBPColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-CBPBorderColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-CBHPBGColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-CBHPColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-CBHPBorderColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-MBPBGColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-MBPColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-MBPBorderColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-MBHPBGColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-MBHPColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-MBHPBorderColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-PBPColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-NBPBorderColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-PBPBorderColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-NBHPBGColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-PBHPBGColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-NBHPColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-PBHPColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-NBHPBorderColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-PBHPBorderColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-OPDeInputColor .sp-replacer,
.fm-themes .fm-row .fm-input-text-wrap-OPRColor .sp-replacer
{
float: left;
}
.fm-themes .fm-content {
border:transparent;
}
.fm-themes .sp-replacer {
margin-top:1px;
border-color: #D2CFCF;
}
.fm-label-container {
display: inline-block;
vertical-align: top;
width: 30%;
}
.fm-input-container {
display: inline-block;
vertical-align: top;
width: 70%;
}
.fm-option-container {
border-bottom: 1px solid #E6E4E4;
padding: 6px 0;
}
.fm-add-attribute {
color: #008ec2;
cursor: pointer;
font-size: 25px;
margin: 2px 10px 0 -10px;
}
.fm-width-100 {
box-sizing: border-box;
display: inline-block;
width: 100%;
}
.fm-width-90 {
box-sizing: border-box;
display: inline-block;
width: 90%;
}
.fm-width-60 {
box-sizing: border-box;
display: inline-block;
width: 60%;
}
.fm-width-45 {
box-sizing: border-box;
display: inline-block;
width: 45%;
}
.fm-width-40 {
box-sizing: border-box;
display: inline-block;
width: 40%;
}
.fm-width-30 {
box-sizing: border-box;
display: inline-block;
width: 30%;
}
.fm-width-20 {
box-sizing: border-box;
display: inline-block;
width: 20%;
}
.fm-width-10 {
box-sizing: border-box;
display: inline-block;
width: 10%;
}
.fm-header-label {
color: #000000;
display: inline-block;
font-size: 11px;
font-weight: bold;
}
.fm-table-col {
display: inline-block;
padding: 0 2px;
text-align: center;
}
.fm-remove-attribute {
color: #a00;
cursor: pointer;
font-size: 22px;
}
.fm-input-container input[type="radio"]+label,
.fm-input-container input[type="checkbox"]+label {
padding-right: 10px;
}
.fm-input-container input[type="radio"],
.fm-input-container input[type="checkbox"] {
margin-top: 0;
}
#fm_loading {
width: 100%;
height: 100%;
opacity: 0.6;
position: fixed;
background-color: #000000;
background-image: url("../images/spinner.gif");
background-position: center;
background-repeat: no-repeat;
background-size: 50px;
z-index: 100100;
top: 0;
left: 0;
}
.fm-option-container .fm-input-container .fm-add-option {
margin: 0px 2px;
}
.fm-field-choice {
width: 100%;
}
.fm-move-attribute {
color: #008ec2;
cursor: move;
font-size: 22px;
}
.fm-edit-attribute {
color: #008ec2;
cursor: pointer;
font-size: 22px;
}
.fm-remove-button {
vertical-align: top;
padding: 7px;
}
.fm-fields-set {
border: 1px solid #cccccc;
border-radius: 3px;
margin: 0 0 1px 0;
padding: 0 0 0 6px;
}
#buttons,
#items,
#rows,
#columns {
padding: 6px 0 0 0;
}
/* Form options */
.fm_form_options .theme-wrap {
position: relative;
}
.theme-content {
position: relative;
}
.theme-content .theme-wrap #edit_css {
cursor: pointer;
position: absolute;
top: 56px;
right: 40px;
}
.rtl .fm_form_options .theme-wrap #edit_css {
left: 20px;
right: unset;
}
.fm_form_options #form_javascript {
min-height: 400px;
}
.fm_form_options .CodeMirror {
border: 1px solid #CCC;
font-size: 12px;
margin-bottom: 6px;
background: white;
}
.fm_form_options .fm_condition {
padding: 20px 0;
display: table;
border-bottom: 1px solid #00A0D2;
width: 100%;
}
.fm_form_options .fm_condition input,
.fm_form_options .fm_condition select {
display: inline-block;
width: 100%;
max-width: 300px;
margin-bottom: 5px;
}
.fm_form_options .fm_condition .fm_condition_show_hide {
width: 100%;
max-width: 65px;
}
.fm_form_options .fm_condition .fm_condition_all_any {
max-width: 55px;
}
.fm_form_options .fm_condition .fm_condition_is_select {
max-width: 94px;
}
.fm_form_options .dashicons,
#form_email_options_tab_content .dashicons {
vertical-align: middle;
font-size: 20px;
cursor: pointer;
}
.fm_form_options .dashicons-trash, .fm_form_options .dashicons-no-alt { color: #aa0000; }
.fm_form_options .dashicons-trash:hover, .fm_form_options .dashicons-no-alt:hover { color: #dc3232; }
.fm_form_options .dashicons-plus-alt { color: #0073aa; }
.fm_form_options .dashicons-plus-alt:hover { color: #00a0d2; }
.wd-has-placeholder {
position: relative;
}
.wd-editor-placeholder {
padding-right: 5px;
text-align: right;
}
.rtl .wd-editor-placeholder {
padding-left: 5px;
padding-right: unset;
text-align: left;
}
.wd-has-placeholder input[type="text"] {
padding-right: 35px;
}
.wd-has-placeholder .dashicons.dashicons-list-view {
top: 37px;
right: 5px;
position: absolute;
}
.rtl .wd-has-placeholder .dashicons.dashicons-list-view {
left: 5px;
right: unset;
}
.fm_form_options #emailTab_fieldset .mail_name {
width: 92%;
display: inline-block;
}
.fm_advanced_layout .autogen_layout_label {
display: inline-block;
font-weight: 500;
padding-top: 5px;
}
.fm_advanced_layout .fm_auto_format_button {
width: 100%;
text-align: center;
}
.form_maker_themes .dashicons,
.form_maker_fmc_themes .dashicons {
font-size: 20px;
}
.wd-calendar-button {
width: 20px;
height: 20px;
position: absolute;
margin: 3px 0 0 -23px;
font-size: 20px;
}
.wd-hidden {
display: none;
}
.wd-block {
display: block;
}
.wd-inline-block {
display: inline-block;
}
.wdform_footer {
display: none;
padding: 0 10px 10px 10px;
}
#take .label {
line-height: 16px;
text-align:left;
font-size: 14px;
color: #000;
}
#take input,
#take textarea,
#take select
{
background: #f6f6f6;
border-radius: 6px 6px;
border: 1px solid #e5e5e5;
height: 36px;
}
#take input[type=file] {
padding: 0px;
}
#take input[type="file"]::-webkit-file-upload-button{
height:32px;
margin-top: 1px;
margin-left: 1px;
}
#take input[type=checkbox],
#take input[type=radio] {
height: 16px;
}
#take input[type=checkbox] {
border-radius: unset;
}
#take .button.button-submit,
#take .button.button-reset,
#take .button.button-large {
width: 110px !important;
padding: 0 15px;
height: 36px !important;
line-height: 20px;
text-align: center;
font-size: 16px;
text-shadow: unset !important;
box-shadow: unset !important;
border-radius: 6px 6px;
cursor: default;
}
#take .button.button-submit {
margin-right: 10px;
background: rgb(0, 133, 186) !important;
border-color: rgb(0, 133, 186) !important;
color: #fff !important;
}
#take .button.button-reset,
#take .button-large {
background: rgb(226, 226, 226) !important;
border-color: rgb(226, 226, 226) !important;
color: #fff !important;
}
.form-example-preview .fm-form .wdform-field .wdform-element-section input[type="text"],
.form-example-preview .fm-form .wdform-field .wdform-element-section input[type="number"],
.form-example-preview .fm-form .wdform-field .wdform-element-section select {
height: auto !important;
line-height: inherit !important;
}
.fm-form-content select.isBG {
background-position-x: calc(100% - 8px) !important;
background-position-y: 50% !important;
background-size: 12px !important;
}
.fm-description {
font-size: 12px;
margin-left: 20px;
}
.wdform_field {
width: 100%;
display: block !important;
}
.wdform_field:not([type="type_grading"]) input[type="text"],
.wdform_field input[type="password"],
.wdform_field textarea,
.wdform_field select {
width: 100%;
}
.wdform_field:not([type="type_submit_reset"]):not([type="type_button"]) div[id$='_label_sectionform_id_temp'][style^="display: table-cell"] {
width: 30%;
display: inline-block !important;
vertical-align: top;
}
.wdform_field:not([type="type_submit_reset"]):not([type="type_button"]) div[id$='_element_sectionform_id_temp'][style^="display: table-cell"] {
width: 70%;
}
.wdform_field div[id$='_table_name'],
.intl-tel-input {
width: 100%;
}
.wdform_field div[id$='_element_sectionform_id_temp'][style^="display: table-cell"] {
display: inline-block !important;
}
.wdform_field div[id$='_label_sectionform_id_temp'][style^="display: none"] + div[id$='_element_sectionform_id_temp'][style^="display: table-cell"]{
width: 100%;
}
.wdform_field[type="type_date_range"] input[id$="_elementform_id_temp0"],
.wdform_field[type="type_date_range"] input[id$="_elementform_id_temp1"] {
width: 48% !important;
}
.wdform_field[type="type_name"] div[id$='_td_name_input_first'] input,
.wdform_field[type="type_name"] div[id$='_td_name_input_last'] input {
width: 98%;
}
#add_field_cont .highlight:not(.country) {
border-style: none !important;
}
.fm-page-header .wp-heading-inline {
display: inline-block;
}
.ch-rad-label {
width: calc(100% - 50px);
word-break: break-all;
display: -webkit-inline-box;
min-width: 100px;
}
.fm_tooltip {
display: none;
position: absolute;
border: 1px solid #333;
background-color: #161616;
border-radius: 5px;
padding: 10px;
color: #FFF;
font-size: 12px;
max-width: 250px;
min-width: 100px;
word-break: break-all;
}
.fm-table-submissions td,
.fm-table-submissions th {
max-width: 200px;
word-break: break-all;
}
.placeholder-popup {
background: transparent;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.7);
overflow: hidden;
display: none;
position: relative;
margin-top: 10px;
left: 0;
top: 0;
z-index: 100050;
width: 100%;
height: 435px;
}
.placeholder-body {
background-color: #f5f5f5;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
font-family: Segoe UI;
padding: 10px;
margin: 0;
width: 100%;
height: 100%;
}
.placeholder-body-col {
height: 100%;
width: 100%;
display: inline-block;
vertical-align: top;
overflow: auto;
margin-right: 10px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.placeholders_cont {
background-color: #ffffff;
}
.placeholders_cont p.description {
padding: 5px 10px 0px 20px;
}
#placeholders_overlay {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0,0,0,.5);
z-index: 100049;
}
.placeholders-active #placeholders_overlay {
display: block;
}
.placeholders-active>input,
.placeholders-active textarea,
.placeholders-active .wp-editor-wrap,
.placeholders-active>span.dashicons-list-view {
position: relative;
z-index: 100050;
}
#field_container {
display: inline-block;
width: calc(60% + 15px);
height: 100%;
}
#field_container.field_container_full {
width: 100%;
}
#field_container .popup-body-col {
width: calc(50% - 8px);
}
#field_container .popup-body-col:last-child {
margin-right: 0;
}
#field_container .fm-free-message {
margin-bottom: 7px;
}
@media screen and (max-width: 1050px) {
#field_container,
#field_container .popup-body-col {
width: 100%;
}
}
.fm-opacity-40 {
opacity: 0.4;
}
p.fm-validate-description {
color: #FF0000;
}
.fm-validate-field {
border: 1px solid #FF0000 !important;
}
/*---------form_maker_first.css-----------*/
.wdform-page-and-images {
border: 1px solid #e5e5e5 !important;
color: #000000;
display: block !important;
margin: 10px 0;
font-size: 14px;
font-weight: normal;
width: 100%;
}
.form_id_tempform_view_img {
background: #FBFBFB;
display: flex;
flex-basis: inherit;
justify-content: space-between;
padding: 10px;
}
.form_id_tempform_view_img:not(.form_view_hide)+.wdform_page {
border-top: 1px solid #e5e5e5 !important;
}
.wdform_table1 {
color: #000000;
font-size: 14px;
font-weight: normal;
width: 100%;
}
.time_box {
border-width: 1px;
margin: 0px;
padding: 2px;
text-align: right;
vertical-align: middle;
width: 30px !important;
}
.wdform-date {
width: 100px !important;
}
.mini_label {
font-family: 'Lucida Grande', Tahoma, Arial, Verdana, sans-serif;
font-size: 10px;
}
.label {
border: none;
}
.td_am_pm_select {
padding-left: 5px;
}
.am_pm_select {
height: 16px;
margin: 0;
padding: 0
}
.required {
border: none;
color: red
}
.captcha_img {
border-width: 0px;
cursor: pointer;
margin: 0px;
padding: 0px;
}
.captcha_refresh {
background-image: url("../images/refresh_black.png");
border-width: 0px;
cursor: pointer;
height: 30px;
margin: 0px;
padding: 0px;
vertical-align: middle;
width: 30px;
}
.captcha_input {
border-width: 1px;
height: 20px;
margin: 0px;
padding: 0px;
vertical-align: middle;
}
.arithmetic_captcha_img {
border-width: 0px;
cursor: pointer;
margin: 0px;
padding: 0px;
vertical-align: middle;
}
.arithmetic_captcha_input {
border-width: 1px;
height: 25px;
margin-left: 3px;
padding: 0px;
vertical-align: middle;
}
.file_upload {
border-width: 1px;
margin: 0px;
padding: 0px;
}
.page_deactive {
border: 1px solid #BFBEBE;
cursor: pointer;
border-radius: 15px;
padding: 2px 8px;
}
.page_deactive:hover {
background-color: #F0F0F0;
}
.page_active {
background-color: #4EC0D9;
cursor: pointer;
padding: 2px 8px;
margin: 4px;
cursor: pointer;
border-radius: 15px;
padding: 3px 9px;
color: #fff;
}
.page_percentage_active {
background-color: #4EC0D9;
border-radius: 30px;
border-spacing: 0px;
height: 30px;
line-height: 29px;
float: left;
font-size: 15px;
margin: 0px;
padding: 0px;
text-align: right !important;
color: #4EC0D9;
}
.page_percentage_active b{
padding: 4px 15px;
background: #fff;
border-radius: 18px;
margin: 3px;
}
.page_percentage_deactive {
background-color: white;
border: 1px solid #ABA8A8;
border-radius: 30px;
height: 30px;
line-height: 30px;
text-align: left !important;
width: 100%;
}
/*--- style.css file ------*/
.fm-user-manual {
float: left;
}
.fm_pro_container {
text-align: right;
width: 100%;
}
.fm_pro_link {
border: none;
box-shadow: none !important;
text-decoration: none;
}
a.fm_pro_text, a.fm_pro_text:active, a.fm_pro_text:visited, a.fm_pro_text:hover {
background-color: #D8D8D8;
color: #175c8b;
display: inline-block;
font-size: 11px;
font-weight: bold;
height: 54px;
line-height: 50px;
padding: 0 10px;
vertical-align: middle;
}
.fm_pro_image {
border: none;
display: inline-block;
vertical-align: middle;
}
/*///////////////
new
//////////////*/
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
cursor: not-allowed;
background-color: #e5e5e5;
border:1px solid #e5e5e5;
}
#edit_table .fm-label {
color:#000;
font-weight:bold;
font-size: 13px;
}
#edit_div {
padding: 10px;
padding-top: 2px;
padding-bottom: 0px;
}
#edit_div input[type="text"]:disabled{
opacity:0.5;
}
#edit_main_table tr {
vertical-align: middle;
}
#edit_main_table > tr > td {
border-bottom: 1px solid #E6E4E4;
padding: 6px 0;
}
#edit_main_table input[type="text"],
#edit_main_table textarea,
#edit_main_table select {
border: 0;
background: #F1F1F1;
box-shadow: none;
border-radius: 0;
}
#edit_main_table input[type="text"] {
display: inline-block;
padding: 4px 6px;
font-size: 13px;
line-height: 18px;
color: #555;
vertical-align: middle;
}
#edit_main_table #el_destination_input_info {
padding-top: 5px;
display: inline-block;
color:rgba(152, 143, 143, 0.5686274509803921);
}
#edit_main_table #el_destination_input {
float: right;
width: 40%;
}
.field_options-large #edit_main_table #el_destination_input {
float: right;
width: 75%;
}
#edit_main_table textarea {
width: 100%;
font-size: 13px;
color: #555;
}
#edit_main_table img {
vertical-align: middle;
}
#edit_main_table label {
line-height: 19px;
}
.field_buttons {
background-color: #F2F2F2;
margin: 1px;
border-radius: 2px;
padding: 5px;
height: 60px;
width: 87px;
cursor: pointer;
font-size: 12px;
border: 1px solid #CCCCCC;
}
.field_buttons:hover {
background-color: #E3E3E3;
}
.field_disabled {
cursor: pointer;
background: #D0D0D0;
}
.field_disabled:hover {
background: #D0D0D0;
}
.fm-field-label {
color: #000000;
font-weight: bold;
font-size: 13px;
margin-right: 20px;
}
.fm-field-paypal-choice{
width: 50px !important;
margin: 1px !important;
}
.fm-field-recaptcha-label{
color:#BA0D0D;
font-weight:bold;
font-size: 13px;
text-decoration:underline
}
.fm-field-recaptcha-label:hover, .fm-field-recaptcha-label:active, .fm-field-recaptcha-label:visited{
color:#BA0D0D !important;
}
.fm-editable-label {
margin-left:4px;
color:red;
font-style:italic;
}
.wdform_tr_section_break {
display: none !important;
min-width:480px;
}
.element_toolbar {
display:inline;
}
.element_toolbar img {
margin: 2px;
}
.wdform_arrows_section
{
padding-left: 10px;
vertical-align: middle;
display: inline-block;
min-width:77px;
}
.wdform_arrows {
background: rgba(242,242,242, 0.5);
display: inline-flex;
flex-direction: column;
height: 100%;
left: 0;
position: absolute;
text-align: center;
top: 0;
vertical-align: middle;
width: 100%;
z-index: 9;
}
.wdform_arrows_show
{
vertical-align: middle;
min-width:216px;
background:#F5F5F5;
text-align:left;
margin-top:-11px;
margin-bottom:5px;
cursor:default !important;
border-top: 1px solid #E6E6E6;
}
.wdform_arrows img {
cursor: pointer;
}
#edit_page_navigation {
display: table-cell;
vertical-align: middle;
text-align: right;
}
#edit_page_navigation .fm-ico-edit {
font-size: 18px;
cursor: pointer;
color: #555555;
}
.page_toolbar {
cursor: pointer;
margin: 0 8px 0 6px;
}
.page_toolbar.dashicons {
font-size: 25px;
}
.page_toolbar.dashicons-dismiss {
display: none;
}
.page_toolbar.dashicons-arrow-left-alt,
.page_toolbar.dashicons-arrow-right-alt,
.page_toolbar.dashicons-arrow-up-alt,
.page_toolbar.dashicons-arrow-down-alt {
color: #555555;
}
.page_toolbar.dashicons-arrow-left-alt:hover,
.page_toolbar.dashicons-arrow-right-alt:hover,
.page_toolbar.dashicons-arrow-up-alt:hover,
.page_toolbar.dashicons-arrow-down-alt:hover {
color: #000000;
}
.page_toolbar.dashicons-upload,
.page_toolbar.dashicons-download {
color: #d8c57a;
}
.page_toolbar.dashicons-upload:hover,
.page_toolbar.dashicons-download:hover {
color: #d8ce7f;
}
.page_toolbar.fm-ico-edit,
.wdform_page_title .fm-ico-draggable,
.wdform_row_handle .fm-ico-draggable,
.wdform_section_handle .fm-ico-draggable,
.page_toolbar.fm-ico-collapse,
.page_toolbar.fm-ico-expand,
.page_toolbar.fm-ico-delete,
.page_toolbar.fm-ico-duplicate {
color: #555555;
font-size: 17px;
}
.page_toolbar.fm-ico-edit:hover,
#edit_page_navigation .fm-ico-edit:hover,
.wdform_page_title .fm-ico-draggable:hover,
.wdform_row_handle .fm-ico-draggable:hover,
.wdform_section_handle .fm-ico-draggable:hover,
.page_toolbar.fm-ico-collapse:hover,
.page_toolbar.fm-ico-expand:hover,
.page_toolbar.fm-ico-delete:hover,
.page_toolbar.fm-ico-duplicate:hover {
color: #000000;
}
.wdform_row_handle .fm-ico-draggable,
.wdform_section_handle .fm-ico-draggable {
cursor: move;
font-size: 12px;
margin: 10px 5px 4px 10px;
float: left;
}
.form_id_tempform_view_img .fm-ico-draggable {
cursor: move;
font-size: 12px;
margin: 5px 5px 4px 10px;
}
.form_id_tempform_view_img .fm-ico-draggable {
font-size: 12px;
margin: 0 10px 0 5px;
}
.wdform_field_section_break {
min-width: 300px;
display: inline-block;
width: 100%;
padding-top: 10px;
}
.wdform_page {
width: 100%;
}
#page_bar {
border: 1px solid #e5e5e5;
padding: 14px;
margin: 10px 0;
}
.wdform_section {
display: flex;
flex-wrap: wrap;
border: 1px solid #e5e5e5;
margin: 10px;
position: relative;
}
.wdform_arrows_container {
display: inline-flex;
position: absolute;
right: 0;
top: 3px;
height: 100%;
}
.wdform_column .wdform_arrows_advanced {
top: 30px;
}
.wdform_row.ui-sortable-handle.ui-sortable-helper,
.wdform_column:not(#add_field_cont).ui-sortable.ui-sortable-helper,
.wdform-page-and-images.ui-sortable-helper {
border: 1px dashed #0085BA !important;
}
#fm_admin_container .wdform_page .wdform_row_empty:nth-child(n+4) {
display: none !important;
}
.wdform_column:not(#add_field_cont) {
display: inline-block;
flex: 1;
min-height: 20px;
min-width: 200px;
vertical-align: top;
}
.wdform_column:not(#add_field_cont).fm-hover,
.wdform_section.fm-hover {
border: 1px dashed rgb(0, 133, 186) !important;
}
.wdform_row_empty {
border: 1px solid #e5e5e5 !important;
flex: 1;
padding: 10px;
vertical-align: top;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.wdform_row_empty > div {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
cursor: pointer;
}
.wdform_row_empty .add_row_icon {
color: #E5E5E5;
width: 34px;
height: 34px;
font-size: 34px;
text-align: center;
}
.wdform_row_empty > div:hover .add_row_icon {
color: #0085BA;
}
.wdform_row_empty > div:hover .add_row_button {
color: #0085BA;
}
.wdform_row_empty .add_row_button {
color: #32373C;
font-size: 20px;
margin: 10px;
}
.wdform_column_empty {
border: 1px solid #e5e5e5 !important;
margin: 10px;
min-height: 100px;
min-width: 200px;
flex: 0 23.3%;
vertical-align: top;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.wdform_column_empty > div {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
cursor: pointer;
}
.wdform_column_empty .add_column_icon {
color: #E5E5E5;
width: 34px;
height: 34px;
font-size: 34px;
text-align: center;
}
.wdform_column_empty > div:hover .add_column_icon {
color: #0085BA;
}
.wdform_column_empty > div:hover .add_column_button {
color: #0085BA;
}
.wdform_column_empty .add_column_button {
color: #32373C;
font-size: 20px;
margin-top: 5px;
}
.wdform_row,
.wdform_tr_section_break {
background-color: white;
border: transparent 1px dashed;
min-height: 60px;
overflow: hidden;
padding: 10px;
position: relative;
width: 100%;
}
.wdform_row:hover,
.wdform_row:active {
border: 1px dashed rgb(0, 133, 186);
cursor: move;
}
.wdform_tr_section_break:hover,
.wdform_tr_section_break:active {
border: black 1px dashed;
}
.wdform_star_rating img {
margin:0;
}
.wdform_scale_rating input {
margin:0 2px;
}
.grading input {
float:none;
margin:0 0 2px 0;
}
.wdform_matrix tr td:first-child {
border:none;
}
.email_labels
{
position: absolute;
background: #fff;
border: solid 1px #c7c7c7;
top: 0;
left: 0;
z-index: 1000;
}
.email_labels a {
padding: 5px;
cursor:pointer;
}
.email_labels a:hover {
background: #ccc;
}
.wdform_column:not(#add_field_cont).highlight,
.highlight:not(.country) {
border: 1px dashed #141414 !important;
min-height: 100px;
}
.wdform_column.ui-sortable-helper {
/*height: 80px !important;
overflow: hidden;*/
}
.wdform_section_handle {
width: 100%;
height: 30px;
}
.wdform_row_handle {
cursor: move;
height: 30px;
flex: 0 100%;
}
.fm-divider {
border-bottom: 1px solid #E5E5E5;
margin: 0 10px;
clear: both;
}
.wdform_row_handle .add-new-field {
cursor: pointer;
float: right;
margin: 5px 10px 4px 5px;
color: #0085BA;
font-size: 13px;
font-weight: bold;
}
.wdform_row_handle .add-new-field:hover {
color: #006992;
}
.wdform_row_handle .add-new-field:before {
content: "\e901";
display: inline-block;
width: 11px;
height: 11px;
font-size: 11px;
line-height: 1.6;
font-family: fm-icons;
text-decoration: inherit;
font-weight: normal;
font-style: normal;
vertical-align: top;
text-align: center;
margin-right: 2px;
}
.wdform_row_handle .page_toolbar.fm-ico-delete {
float: right;
font-size: 13px;
margin: 7px 10px 0 0;
}
.highlight:not(.country) {
visibility: visible !important;
height: 80px !important;
width: 100% !important;
display:inline-block ;
background:transparent;
}
.wdform-page-button,
.page_numbersform_id_temp {
border: 1px solid #B3B3B3;
padding: 2px 15px;
}
.fm-loading-container{
position:relative;
}
.fm-loading-content,
.fm-loading-content::before,
.fm-loading-content::after {
z-index: 1000;
position: fixed;
top: 50%;
left: 50%;
border: 1px solid rgb(204,204,204);
border-left-color: rgb(0,0,0);
border-radius: 974px;
-o-border-radius: 974px;
-ms-border-radius: 974px;
-webkit-border-radius: 974px;
-moz-border-radius: 974px;
}
.fm-loading-content {
height: 49px;
width: 49px;
animation: fm-loading-rotate 1150ms linear infinite;
-o-animation: fm-loading-rotate 1150ms linear infinite;
-ms-animation: fm-loading-rotate 1150ms linear infinite;
-webkit-animation: fm-loading-rotate 1150ms linear infinite;
-moz-animation: fm-loading-rotate 1150ms linear infinite;
}
.fm-loading-content::before {
content: "";
margin: -22px 0 0 -22px;
height: 43px;
width: 43px;
animation: fm-loading-rotate 1150ms linear infinite;
-o-animation: fm-loading-rotate 1150ms linear infinite;
-ms-animation: fm-loading-rotate 1150ms linear infinite;
-webkit-animation: fm-loading-rotate 1150ms linear infinite;
-moz-animation: fm-loading-rotate 1150ms linear infinite;
}
.fm-loading-content::after {
content: "";
margin: -28px 0 0 -28px;
height: 55px;
width: 55px;
animation: fm-loading-rotate 2300ms linear infinite;
-o-animation: fm-loading-rotate 2300ms linear infinite;
-ms-animation: fm-loading-rotate 2300ms linear infinite;
-webkit-animation: fm-loading-rotate 2300ms linear infinite;
-moz-animation: fm-loading-rotate 2300ms linear infinite;
}
@keyframes fm-loading-rotate {
100% {
transform: rotate(360deg);
}
}
@-o-keyframes fm-loading-rotate {
100% {
-o-transform: rotate(360deg);
}
}
@-ms-keyframes fm-loading-rotate {
100% {
-ms-transform: rotate(360deg);
}
}
@-webkit-keyframes fm-loading-rotate {
100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes fm-loading-rotate {
100% {
-moz-transform: rotate(360deg);
}
}
.fm-user-manual{
font-size: 14px;
font-weight: bold;
font-style:italic;
margin:20px 0;
}
.fm-title {
float:left;
}
.fm-title span{
width:50px;
display:inline-block;
}
.fm-title input{
width: 290px;
padding: 4px;
border: 1px solid #C5C6C7;
height: 36px;
background: transparent;
margin: 0;
display: inline-block;
vertical-align: middle;
font-size:14px;
}
input:focus{
outline: none !important;
}
.fm-page-header {
padding: 10px 0;
}
.fm-page-title {
font-size: 24px;
line-height: 24px;
color: #444;
display: inline-block;
vertical-align: middle;
}
.fm-edit-content {
position: relative;
background:#fff;
margin: 0 auto;
padding: 40px 10px 10px 10px;
}
.fm-drag-and-drop {
margin-bottom: 10px;
}
.fm-drag-and-drop div{
padding: 5px 0;
font-style:italic;
}
.fm-drag-and-drop label {
font-size: 15px;
font-weight: bold;
vertical-align: top;
margin-right: 10px;
}
.fm_modal {
display: none;
position: fixed;
z-index: 100000;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba( 255, 255, 255, .8 );
}
.export_progress {
position: fixed;
z-index: 1003;
height: 100%;
width: 100%;
top: 56%;
left: 45%;
font-size:15px;
color:#000;
display:none;
}
div.ui-datepicker{
font-size:15px !important;
}
.ui-datepicker {
background: #F2F2F2 !important;
border: 1px solid #AFAFAF !important;
color: #777777 !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
border: 1px solid #E3E3E3 !important;
background: #FFFFFF !important;
color: #8C8C8C !important;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
border: 1px solid #D2D2D2 !important;
background: #DCDCDC !important;
font-weight: bold !important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
border: 1px solid #A9A9A9 !important;
background: #A9A9A9 !important;
color: #FFFFFF !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
border: 1px solid #A2A2A2 !important;
background: #DCDCDC !important;
color: #272727 !important;
}
.ui-icon, .ui-widget-content .ui-icon {
background-image: url(images/ui-icons_222222_256x240.png) !important;
}
.fm-header-1 {
width: 59%;
display: inline-block;
vertical-align: top;
}
.fm-header-2 {
width: 40%;
display: inline-block;
vertical-align: top;
}
.fm-header label {
width: 20%;
display: inline-block;
font-size: 15px;
}
.fm-row {
margin-top: 10px;
padding: 0;
}
.form-header .fm-row label {
width: 24% !important;
}
.fm-row label {
display: inline-block;
width: 20%;
font-size: 15px;
vertical-align: middle;
text-align: left;
}
.fm-row input[type="text"],
.fm-row select {
width: 100%;
max-width:487px;
padding: 5px;
border: 1px solid #D2CFCF;
height: 30px;
line-height: 30px;
box-shadow: none;
}
.header_img {
width: 120px;
height: 120px;
background-size: cover;
margin-top: 10px;
}
@media screen and (max-width: 782px) {
.fm-row label {
width: 100%;
margin-bottom: 10px;
}
.fm-row input[type="text"],
.fm-row select {
width: 100%;
max-width: 577px;
}
.header_img {
margin-left: 0%;
}
.fm-table-submissions td,
.fm-table-submissions th {
max-width: none;
}
.wd-table input[type="checkbox"],
.wd-table input[type="checkbox"] + label,
.wd-table .wd-radio,
.wd-table .wd-radio + label {
margin-bottom: 5px;
display: inline-block;
}
}
.header_img #remove_header_img {
display: none;
float: right;
cursor: pointer;
}
.header_img:hover #remove_header_img {
display: inline-block;
}
.fm-button.add-button {
background-color: #4EC0D9;
border: 1px solid transparent;
}
#manage_form .fm-header .fm-heading {
background-color: #1a89bc;
font-size: 20px;
height: 60px;
color: #fff;
padding: 0 15px;
}
.fm-form-example {
position: absolute;
}
.fm-form-example .fm-left{
float: left;
}
.fm-form-example .fm-right{
float: right;
}
.fm-form-example .fm-center{
margin: 0 auto;
}
.fm-form-example.form-embedded {
width: 100%;
top: 5px;
}
.fm-form-example .fm-row label,
.fm-themes .fm-row label,
.fm-themes-container .fm-row label {
width: 35%;
}
.fm-themes-container textarea{
width:100%;
height: 300px;
}
.form-example-preview label:not(:first-child){
width: initial !important;
}
.fm-form-example .fm-row input[type="text"],
.fm-form-example .fm-row select,
.fm-themes .fm-row input[type="text"],
.fm-themes .fm-row input[type="number"],
.fm-themes .fm-row select {
width: 56%;
}
.fm-themes .fm-2text input[type="text"] {
width: 86%;
}
.fm-form-example .fm-section {
display: table;
}
.fm-form-example .fm-section:after{
content: '';
clear: both;
display:block;
}
.fm-form-example .fm-column {
float: left;
}
.fm-form-example .wdform-field.subscribe-reset {
display: grid;
}
.fm-form-example .wdform-field {
display: table-cell;
}
.fm-form-example .wdform-label-section{
text-align: left;
display: table-cell;
}
.fm-form-example .container-fluid{
background: transparent;
padding-left: 0px;
padding-right: 0px;
}
.fm-form-example .wdform-element-section {
text-align: left;
display: table-cell;
min-width: 140px;
}
.fm-form-example .fm-button-subscribe,
.fm-form-example .fm-button-reset {
height: auto !important;
line-height: inherit;
}
.fm-mini-title{
width: 100% !important;
font-size: 18px !important;
border-bottom: 1px dotted #ccc;
padding: 5px 0;
color: #E5705D;
}
.fm-wdform-page-button {
display: inline-block;
outline: none;
cursor: pointer;
}
.fm-btn-group {
display: inline-block;
vertical-align: middle;
}
.fm-ch-button label{
margin-left: 5px;
}
.form-example-preview p{
color: #4EC0D9;
font-size: 20px
}
.pagination-type{
display: inline-block;
vertical-align: top;
}
.pagination-type label{
width: initial;
}
.embedded-form:after {
content: '';
display: block;
clear: both;
}
.active-percentage {
text-align: right;
}
#manage_form .panel{
border: none;
}
#fm-header {
padding:0px!important;
}
#manage_form .form-header .panel-heading {
background-color: #ffffff;
height: 22px;
color: #000000;
box-shadow: 0 1px 1px rgba(0,0,0,.04);
font-size: 14px;
padding: 8px 12px;
margin: 0;
line-height: 1.4;
}
#manage_form .form-header .panel-heading span.fm-header-bg{
background: url("../images/icons.png") no-repeat 41% 49%;
width: 92px;
height: 60px;
display: inline-block;
vertical-align: middle;
margin-right: 15px;
}
.form-header span.fm-expcol {
background: url("../images/icons.png") no-repeat 26% 54%;
width: 45px;
height: 60px;
cursor: pointer;
}
.form-header span.fm-expanded {
background: url("../images/icons.png") no-repeat 31% 52%;
width: 45px;
height: 60px;
cursor: pointer;
}
.form-content.panel {
background-color: transparent !important;
}
.form-content .panel-content > div {
margin-top: 10px;
}
.form-content .panel-content fieldset {
background-color: #fff;
}
.form-content .panel-heading {
background-color: #445B72;
font-size: 20px;
height: 60px;
color: #fff;
padding: 0 15px 0 0;
}
.form-content .panel-heading span.fm-header-bg{
background: url("../images/icons.png") no-repeat 12% 92%;
width: 128px;
height: 60px;
display: inline-block;
vertical-align: middle;
margin-right: 15px;
}
.form-content span.fm-expcol {
background: url("../images/icons.png") no-repeat 49% 93.5%;
width: 50px;
height: 65px;
cursor: pointer;
}
.form-content span.fm-expanded {
background: url("../images/icons.png") no-repeat 42% 93.5%;
width: 50px;
height: 65px;
cursor: pointer;
}
.fm-form-header .himage{
text-align: center;
}
.fm-form-header .himage.imageRight{
display: table-cell;
width: 20%;
vertical-align: middle;
}
.fm-form-header .htext.imageRight{
display: table-cell;
width: 70%;
}
.fm-form-header .himage.imageLeft{
display: table-cell;
width: 20%;
vertical-align: middle;
}
.fm-form-header .htext.imageLeft{
display: table-cell;
width: 70%;
}
.fm-button.small {
width: 108px;
}
.fm-button.medium {
width: 150px;
}
.fm-button.large {
width: 170px;
}
.fm-button.extra-large {
width: 200px;
}
.pp_display label{
margin-left: 5px;
}
.pp_live_search{
height: auto !important;
}
ul.pp_search_results {
height: auto;
max-height: 200px;
overflow: auto;
background-color: #EFEFEF !important;
padding: 0;
color: #444;
}
ul.pp_search_results li{
cursor: pointer;
padding: 7px 10px;
margin: 0;
}
ul.pp_search_results li:hover{
background: #46ACC3;
color:#fff;
}
li.pp_selected {
background: #EFEFEF;
margin-bottom: 0;
height: auto;
padding: 4px;
}
li.pp_selected > span {
background: #46ACC3;
padding: 5px 8px 7px 5px;
color: white;
margin: 4px;
display: inline-block;
border-radius: 3px;
}
.pp_selected_remove {
position: relative;
margin-left: 5px;
cursor: pointer;
font-size: 18px;
font-weight: bold;
opacity: 0.8;
font-family: cursive;
}
.fm-loading {
display: none;
background: url("../images/load.gif") no-repeat 0% 50%;
width: 20px;
height: 20px;
vertical-align: middle;
}
.mini_label {
font-size: 12px;
}
#show_table .mini_label:empty {
font-size: 12px;
padding: 6px 0;
background-color: rgb(241, 241, 241);
display: block;
margin-right: 10px;
margin-top: 2px;
}
#show_table .wdform_address .mini_label:empty,
#show_table .wdform_date_fields .mini_label:empty,
#show_table .mini_label_phone_number:empty,
#show_table .mini_label_from:empty{
margin-right: 0px;
}
#show_table .mini_label_area_code:empty {
margin-right: 15px;
}
#show_table .mini_label_to:empty{
margin-left: 3px;
margin-right: 0px;
}
@media screen and (max-width: 480px){
#show_table input[type=text] {
padding: 3px 10px;
}
#show_table select {
padding: 3px 10px;
font-size: 13px;
height: 26px;
}
}
.wdform_address span {
height: 52px;
}
.show_hide,
.all_any {
width: 80px;
}
.is_select {
width: 100px;
}
.field_choices{
display: inline-block;
}
.wdform-field button.inForm {
background: #F3F1F1 !important;
color: #616163;
border: 1px solid #D0CFCF !important;
cursor: default;
border-radius: 3px;
box-shadow: 1px 1px 1px #dedede;
}
.wdform-field.custom-button button{
background: #4EC0D9;
padding: 0 5px 0 0;
height: 28px;
}
.wdform-field button span {
background: url(../images/icons.png) no-repeat 95.5% 35.8%;
width: 28px;
height: 28px;
vertical-align: middle;
display: inline-block;
}
.wdform-field button.inForm span {
background: url(../images/icons.png) no-repeat 91% 35.8%;
width: 28px;
height: 28px;
vertical-align: middle;
display: inline-block;
}
.wdform-field button.isRequired::after{
content:" *";
color: red;
}
.fm-mini-heading {
font-size: 14px;
font-weight: bold;
vertical-align: top;
margin-right: 10px;
margin-bottom: 15px;
}
.mini-label {
font-size: 14px;
vertical-align: top;
margin-left: 3px;
margin-bottom: 5px;
}
.fm-mini-heading label{
font-size: inherit !important;
}
.fm-italic {
font-style: italic;
}
.fm-border {
padding-bottom: 8px;
border-bottom: 1px dotted #ccc;
}
.fm-2col > div {
width: 49%;
}
.need-more a{
color:#3b6169 !important;
font-weight: bold;
cursor: pointer;
}
.need-more span {
background: url("../images/icons.png") no-repeat 99% 46%;
display: inline-block;
width: 24px;
height: 22px;
vertical-align: middle;
}
.fm_lists label {
width: inherit;
}
.addHeaderImage {
background: url("../images/themes/file-uploads/1.png");
width: 20px;
height: 20px;
display: inline-block;
vertical-align: middle;
}
.fm-page-actions .fm-button,
.fm-button.field-save-button,
.fm-button.cancel-button,
.fm-button.delete-button,
.fm-button.options-edit-button,
.fm-button.preview-button,
.fm-button.form-options-button{
background: transparent;
color: #444;
border:1px solid #C5C6C7 !important;
}
.fm-content {
position: relative;
height: 465px;
border: 1px solid #A7A7A7;
}
.theme_type {
background-color: #F4F4F4;
border: 1px solid #8F8D8D;
border-radius: 8px 8px 8px 8px;
cursor: pointer;
display: inline-block;
font-size: 16px;
height: 24px;
padding-top: 5px;
text-align: center;
vertical-align: middle;
width: 123px;
margin: 2px 0px 2px 0px;
}
.fm-form-title {
text-align: left;
display: inline-block;
height: 46px;
line-height: 46px;
font-size: 28px;
font-weight: bold;
max-width: 450px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.fm-sidebar {
background: #fff;
padding: 15px;
}
.fm-themes-tabs {
background: #fff;
padding: 0 !important;
}
.fm-mailchimp-tabs a {
text-decoration: underline !important;
}
.skip-step {
font-size: 12px;
}
.fm-themes-form > div{
background: #fff;
}
.fm-mailchimp {
color: #23282d;
background: transparent !important;
}
.fm-row.fm-form-types span {
display: inline-block;
width: 75px;
height: 45px;
vertical-align: middle;
}
.fm-form-types span.fm-embedded {
background: url("../css/images/embedded.png") no-repeat;
background-size: 100% 100%;
}
.fm-form-types span.fm-embedded.active {
background: url("../css/images/embedded_active.svg") no-repeat;
background-size: 100% 100%;
}
.fm-form-types span.fm-popover {
background: url("../css/images/popup.svg") no-repeat;
background-size: 100% 100%;
}
.fm-form-types span.fm-popover.active {
background: url("../css/images/popup_active.png") no-repeat;
background-size: 100% 100%;
}
.fm-form-types span.fm-topbar {
background: url("../css/images/topbar.svg") no-repeat;
background-size: 100% 100%;
}
.fm-form-types span.fm-topbar.active {
background: url("../css/images/topbar_active.png") no-repeat;
background-size: 100% 100%;
}
.fm-form-types span.fm-scrollbox {
background: url("../css/images/scrollbox.svg") no-repeat;
background-size: 100% 100%;
}
.fm-form-types span.fm-scrollbox.active {
background: url("../css/images/scrollbox_active.png") no-repeat;
background-size: 100% 100%;
}
.fm-form-types label {
width: initial;
}
.fm-form-types label > input{
/*
visibility: hidden;
*/
position: absolute;
right: 3%;
top: 17px;
}
.fm-form-types label > input + span{
cursor: pointer;
border: 2px solid transparent;
}
.fm-form-types label > p{
padding: 5px 0;
text-align: center;
font-size: 14px;
color: #32373C;
margin: 0;
}
.fm-form-types label > input:checked + span{
/* border: 2px solid #E5705D; */
}
.pp_display label{
margin-left: 5px;
}
.pp_live_search{
height: auto !important;
}
ul.pp_search_results {
height: auto;
max-height: 200px;
overflow: auto;
background-color: #EFEFEF !important;
padding: 0;
color: #444;
}
ul.pp_search_results li{
cursor: pointer;
padding: 7px 10px;
margin: 0;
}
ul.pp_search_results li:hover{
background: #46ACC3;
color:#fff;
}
li.pp_selected {
background: #EFEFEF;
margin-bottom: 0;
height: auto;
padding: 4px;
}
li.pp_selected > span {
background: #46ACC3;
padding: 5px 8px 7px 5px;
color: white;
margin: 4px;
display: inline-block;
border-radius: 3px;
}
.pp_selected_remove {
position: relative;
margin-left: 5px;
cursor: pointer;
font-size: 18px;
font-weight: bold;
opacity: 0.8;
font-family: cursive;
}
#old_theme_notice {
display: inline-block;
}
.fm-bulk-actions .button {
margin: 1px 0;
}
.fm-bulk-actions .button.hide { display:none; }
.fm-bulk-actions span.hide-filter.hide {
display: none;
}
.fm-bulk-actions .button.active { display:inline-block; }
.fm-bulk-actions span.show-filter.hide {
display: none;
}
.fm-table-submissions .payment_info_fc {
color: #0073aa;
}
.fm-table-submissions .table-wrapper-1,
.fm-table-submissions .table-wrapper-2 {
width: 100%;
overflow-x: scroll;
overflow-y:hidden;
}
.fm-table-submissions .table-wrapper-1.fixed {
position: fixed;
top:15px;
}
.fm-table-submissions .table-scroll-1 { height: 20px; }
.fm-table-submissions .submit_content {
overflow:hidden;
}
.fm-table-submissions th.col_id a { min-width: 40px; }
.fm-table-submissions .col-submit-date {
width:150px;
}
.table-wrapper-1.no-scroll,
.table-wrapper-2.no-scroll {
overflow: hidden !important;
}
@media screen and (max-width: 782px) {
th#submitid_fc,
td#submitid_fc {
display: none !important;
}
.fm-table-submissions .table-wrapper-1,
.fm-table-submissions .table-wrapper-2 {
overflow-x: hidden !important;
}
}
.done-cont {
text-align: center;
padding: 20px 0;
}
.add-col-header {
font-weight: bold;
font-size: 18px;
margin: 0 0 5px 0;
}
.fm-table-submissions_edit .wd-table .type_range input {
display: inline-block;
width: 70px;
}
.fm-table-submissions_edit .wd-table .type_grading .grading-inputs label {
display: inline-block;
width: 70px;
}
.fm-table-submissions_edit .wd-table .type_grading .grading-inputs input {
display: inline-block;
width: 70px;
}
.fm-table-submissions_edit .non-editable label {
display:inline-block;
min-width:200px;
}
.fm-table-submissions_edit .non-editable span {
display: inline-block;
line-height: 20px;
vertical-align: top;
}
.fm-table-submissions_edit .form-title {
font-size: 16px;
font-weight: 400;
margin: 0;
padding: 9px 0 4px;
line-height: 29px;
}
.form_view_hide {
display: none !important;
}
.form_view_show {
display:block;
}
.row-actions {
word-break: keep-all;
}
.no-wrap {
white-space: nowrap;
}
.ui-tooltip {
max-width: 330px;
position: absolute;
white-space: pre-line;
padding: 0 10px !important;
line-height: 0.5 !important;
z-index: 9999;
}
.ui-tooltip .ui-tooltip-content {
font-weight: normal;
}
.ui-tooltip, .tooltip-arrow:after {
background: #666;
}
.ui-tooltip {
color: #fff;
border-radius: 10px;
font: bold 14px "Helvetica Neue", Sans-Serif;
box-shadow: 0 0 7px #666;
}
.ui-tooltip p {
margin: 0;
}
.tooltip-arrow {
width: 70px;
height: 16px;
overflow: hidden;
position: absolute;
left: 50%;
margin-left: -35px;
bottom: -16px;
}
.tooltip-arrow.top {
top: -16px;
bottom: auto;
}
.tooltip-arrow.left {
left: 20%;
}
.tooltip-arrow:after {
content: "";
position: absolute;
left: 20px;
top: -20px;
width: 25px;
height: 25px;
box-shadow: 6px 5px 9px -9px #666;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.tooltip-arrow.top:after {
bottom: -20px;
top: auto;
}
.wd-red {
color: red;
}
.wd-yellow {
color: #FCCD47;
}
.wd-grey {
color: #9B9B9B;
}
.goodbye-text {
font-size: 16px;
font-weight: bold;
background: #fff;
padding: 15px;
line-height: 22px;
}
.goodbye-text a {
font-size: 15px;
}
.wd-vertical-middle {
vertical-align: middle !important;
}
.wd-text-center {
text-align: center;
}
.fm-section-header {
border-bottom: 1px solid #E5E5E5;
color: #32373C;
padding: 23px 0;
}
.fm-section-header label {
font-size: 20px;
margin: 0 50px;
}
.fm-alert-header {
text-align: center;
}
.fm-alert-body {
text-align: center;
margin-top: 30px;
}
.fm-alert-header label {
color: #32373C;
display: block;
margin: 10px;
font-size: 15px;
}
.fm-alert-body button.button {
margin: 0 5px;
}
.fm-section {
padding: 10px 50px;
}
.fm-section .fm-row label {
display: block;
font-size: 16px;
margin-bottom: 10px;
width: 100%;
}
.fm-section .fm-row label.fm-label-inline {
display: inline;
}
#header_hide_image {
margin: auto;
}
.fm-section .fm-row .add-button {
width: 100px;
vertical-align: initial;
}
#header_image_url {
width: calc(100% - 110px);
display: inline-block;
}
#fm-header-content .add-button {
vertical-align: baseline;
}
.fm-section .fm-row input[type="text"], .fm-section .fm-row select {
width: 100%;
padding: 5px;
border: 1px solid #D2CFCF;
height: 30px;
max-width: none;
line-height: 30px;
box-shadow: none;
}
.fm_popup_container {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #000000b3;
z-index: 100500;
}
.fm_popup_container .fm-popup-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.fm_popup_container .fm-popup-wrap {
display: flex;
flex-direction: column;
justify-content: center;
background: #fff;
font-size: 0;
height: 100%;
width: 100%;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
right: 0;
left: 0;
overflow-y: auto;
}
#fm_popup_container .fm-popup-wrap {
max-width: 710px;
max-height: 600px;
}
#fm_delete_page_popup_container .fm-popup-wrap,
#fm_delete_row_popup_container .fm-popup-wrap {
max-width: 744px;
max-height: 200px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
#fm_delete_field_popup_container .fm-popup-wrap,
#fm_delete_column_popup_container .fm-popup-wrap {
max-width: 466px;
max-height: 171px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.fm-disable-scroll {
overflow: hidden;
}
.fm-align-right {
text-align: right;
}
#fm_revision_popup_container .fm-popup-wrap {
max-width: 550px;
width: 550px;
max-height: 515px;
height: 515px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
padding: 5px 0;
}
.fm_rev_index {
float:left;
width:25%;
font-weight: 500;
}
.fm_rev_date {
float:left;
width:30%;
min-height: 20px;
}
.fm_rev_time {
float:left;
width:30%;
min-height: 20px;
}
.fm_rev_button{
width: 15%;
min-height: 20px;
float: right;
text-align: right;
}
#fm_revision_popup_container .fm_row {
padding: 5px 30px;
height: 42px;
line-height: 30px;
font-size: 15px;
font-weight: normal;
}
#fm_revision_popup_container .fm_row div {
font-size: 15px;
}
#fm_revision_popup_container .fm-section {
padding: 0px;
margin-top: 65px;
}
#fm_revision_popup_container .fm-section-header label {
margin: 0 30px;
}
.fm_rev_active {
background-color: #ffb900;
}
#fm_revision_popup_container .fm-section-header {
position: absolute;
width: inherit;
background-color: #ffffff;
height: 65px;
top: 0;
}
.fm_not-active {
pointer-events: none;
cursor: default;
text-decoration: none;
}
#fm_revision_popup_container .fm-ico-delete {
font-size: 13px;
text-align: right;
width: 13px;
cursor: pointer;
color:#32373C;
float: right;
margin-right: 25px;
}
#fm_revision_popup_container .fm-section-header-title {
max-width: 80%;
float: left;
}
#fm_revision_popup_container .fm-section-header-title label {
font-size:20px;
}
#fm_revision_popup_container .fm-section-header {
border-bottom: none;
}
#fm_revision_popup_container .fm_row.fm_rev_header {
border-bottom: 1px solid #E5E5E5;
border-top: 1px solid #E5E5E5;
font-weight: 500;
font-size:16px;
height:50px;
line-height: 40px;
}
#fm_revision_popup_container .fm_row.fm_rev_header div {
line-height: 40px;
}
#fm_revision_popup_container .fm_row.fm_rev_header a {
margin-top: 5px;
}
#fm_revision_popup_container .fm_row.fm_title_row {
font-weight: 500;
}
.curr_rev_button {
font-size:15px;
font-weight: 400;
}
.fm_vr {
line-height: 30px;
width: 1px;
color: #ccc;
font-size: 15px;
margin-right: 12px;
margin-left: 10px;
border-right: 2px solid #E5E5E5;
}
.button_revisions {
margin-right: 10px!important;
}
.revision_content {
overflow-y: auto;
height: 340px;
}
a.fm_not-active {
padding: 3px 15px;
background-color: #E5E5E5;
color:#555555;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
#form_email_options_tab_content {
width: 75%;
max-width: 800px;
margin: 0 auto;
background-color: #ffffff;
}
#fm-header-content {
width: 75%;
max-width: 800px;
margin: 0 auto;
background-color: #ffffff;
}
.display-options-container .wd-box-content {
width: 75%;
max-width: 800px;
margin: auto;
padding: 0px;
}
.display-options-container .wd-box-section {
background-color: #FFFFFF;
border: none;
margin: 0;
}
.display-options-container .wd-table {
background-color: #ffffff;
}
.wd-box-content.display-options-header {
padding: 20px 0;
}
.wd-box-content.display-options-content,
.wd-box-content.theme-content{
padding: 20px;
margin-bottom: 10px;
}
.fm-form-types label.display_option_item {
padding: 10px;
border:1px solid #E5E5E5;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
width: calc(23% - 2px);
text-align: center;
position: relative;
margin-right: 2.4%;
}
.fm-form-types label.display_option_item:last-child {
margin-right: 0px!important;
}
.display-options-content, .theme-content {
border:1px solid #E5E5E5;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.display-options-content .wd-label,
.theme-content .wd-label{
font-size: 16px;
font-weight: bold;
}
#fm-embedded-element p {
font-size: 14px;
}
#fm-embedded-element input[type="text"] {
border-radius: 0px;
width: 70%;
}
#themes_container {
display: flex!important;
height: 100px;
border-bottom: 1px solid #E5E5E5;
}
.themes_container_col {
display: flex;
flex-direction: column;
justify-content: center;
}
#themes_icon {
width: 10%;
}
#themes_icon img {
max-height: 55px;
}
#themes_descr {
width: 50%;
font-size: 16px;
}
.rtl #themes_descr {
margin-right: 20px;
}
#themes_descr h3 {
font-weight: bold;
padding: 0px;
margin: 0px;
font-size: 16px;
}
#themes_descr p {
font-size: 16px;
}
#themes_select {
width: 40%;
}
#themes_select_row {
float: right;
vertical-align: middle;
margin-top: 33px;
}
.rtl #themes_select_row {
float: left;
margin-left: 20px;
}
#themes_select_row a {
display: unset;
margin-right: 20px;
font-size: 14px;
padding: 5px 10px;
line-height: 33px;
}
#themes_select_row #theme {
width: 300px;
height: 33px;
font-size: 16px;
}
@media screen and (max-width: 1300px) {
#fm-embedded-element input[type="text"] {
width: 50%;
}
#themes_select_row #theme {
width: auto;
}
}
@media screen and (max-width: 1100px) {
#themes_container {
display: block!important;
height: auto;
padding: 20px 0;
}
#themes_select_row #theme {
width: 250px;
}
#themes_select_row {
float: none;
}
#themes_select {
display: inline-block;
width: 100%;
height: auto;
text-align: center;
float: none;
}
#themes_icon {
width: 20%;
float: left;
}
#themes_descr {
width: calc(80% - 20px);
}
#themes_select {
width: 100%;
}
}
@media screen and (max-width: 450px) {
#themes_select_row {
text-align: center;
float: none;
}
#themes_select_row #theme {
width: 150px;
}
}
@media screen and (max-width: 782px) {
#fm-header-content {
width: 100%;
}
#fm-embedded-element input[type="text"] {
border-radius: 0px;
width: 30%;
}
.fm-form-types label.display_option_item {
padding: 10px;
border:1px solid #E5E5E5;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
width: 48.5%;
text-align: center;
position: relative;
margin-right: 2%;
}
.fm-form-types label.display_option_item:nth-child(3) {
margin-right: 0px!important;
}
}
@media screen and (max-width: 570px) {
#fm_revision_popup_container .fm-popup-wrap {
width: 100%;
height: 515px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
padding: 5px 0;
}
#fm-embedded-element input[type="text"] {
border-radius: 0px;
width: 50%;
}
.fm-form-types label.display_option_item {
padding: 10px;
border:1px solid #E5E5E5;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
width: 100%;
text-align: center;
position: relative;
margin-right: 9.5%;
}
.fm-form-types label.display_option_item:nth-child(3) {
margin-right: 0px!important;
}
}
#fm_admin_container.fm-form-container .fm-edit-tabs {
display: flex;
flex-wrap: wrap;
justify-content: center;
border: none;
border-bottom: 1px solid #E5E5E5;
font-size: 16px;
margin: 0;
padding: 0;
}
#fm_admin_container.fm-form-container .fm-edit-tabs > li#form_empty_tab {
cursor: initial;
}
#fm_admin_container.fm-form-container .fm-edit-tabs > li#form_empty_tab > a {
display: none;
}
#fm_admin_container.fm-form-container .fm-edit-tabs > li {
background: #ffffff !important;
border: none !important;
box-shadow: none !important;
cursor: pointer;
margin: 0;
}
#fm_admin_container.fm-form-container .fm-edit-tabs > li > a {
display: inline-block;
padding: 20px;
box-shadow: none;
color: #32373C;
font-size: 16px;
font-weight: 600;
}
#fm_admin_container.fm-form-container .fm-edit-tabs > li > a .tab-label {
font-size: 16px;
}
#fm_admin_container.fm-form-container .fm-edit-tabs > li:hover {
background: #ffffff !important;
}
#fm_admin_container.fm-form-container .fm-edit-tabs > li:focus {
box-shadow: none !important;
outline: none !important;
}
#fm_admin_container.fm-form-container .fm-edit-tabs > li:hover > a {
color: #0085BA;
}
#fm_admin_container.fm-form-container .fm-edit-tabs > li.ui-tabs-active {
border-bottom: 2px solid #0085BA !important;
}
#fm_admin_container.fm-form-container .fm-edit-tabs > li.ui-tabs-active > a {
color: #0085BA;
}
#fm_admin_container.fm-form-container .fm-edit-tabs #form_empty_tab {
flex: 1;
}
#fm_admin_container.fm-form-container .ui-tabs-panel {
background: #ffffff;
border: none;
min-height: 600px;
}
#fm_admin_container.fm-form-container .ui-widget-content span.dashicons-admin-generic {
line-height: 20px;
font-size: 15px;
margin-left: 5px;
}
.rtl #fm_admin_container.fm-form-container .ui-widget-content span.dashicons-admin-generic {
margin-right: 5px;
margin-left: unset;
}
#fm-tabs {
background: #FFFFFF;
}
.fm-tab-loading-indicator {
padding: 20px;
text-align: center;
font-size: 16px;
}
.fm_popup_container .fm-button-delete {
background-color: #CA4A1F;
border-color: #CA4A1F;
box-shadow: 0 1px 0 #802F14;
text-shadow: none;
}
.fm_popup_container .fm-button-delete:hover {
background-color: #9E3B19;
border-color: #CA4A1F;
}
.fm-form-builder .wdform_page {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
min-height: 100px;
}
.fm-form-builder .wdform_section {
flex-direction: column;
flex: 1;
}
.fm-form-builder .wdform_page > .highlight {
flex: 1;
margin: 10px;
}
.fm-form-builder .wdform_row_empty {
flex: 0 20%;
}
.wdform_column:not(#add_field_cont) {
display: flex;
flex-direction: column;
}
.fm-form-builder .wdform_column:not(#add_field_cont) {
flex-direction: row;
}
.fm-form-builder .wdform_column_empty > div {
flex-direction: row;
}
.fm-form-builder .wdform_row_empty > div {
flex-direction: column;
}
.fm-form-builder .wdform_section {
display: initial;
flex-wrap: unset;
}
.fm-form-builder .wdform_row_empty {
margin: 10px;
}
.fm-section-overlay {
background: rgba(242,242,242, 0.5);
display: none;
flex-direction: column;
height: calc(100% - 30px);
left: 0;
position: absolute;
text-align: center;
top: 30px;
vertical-align: middle;
width: 100%;
z-index: 9;
}
.fm-hover .fm-section-overlay {
display: inline-block;
}
.fm-hover .wdform_row_handle {
background: rgba(242,242,242, 0.5);
}
@media screen and (max-width: 768px) {
.fm-form-builder .wdform_page > * {
flex: 0 100%;
}
}
.rtl .intl-tel-input .selected-flag {
padding: 0 8px 0 0;
}
.rtl .ui-spinner input {
text-align: left;
}
.rtl div[type="type_phone_new"] input[type="text"]{
padding-left: 6px !important;
padding-right: 52px !important;
}
.rtl .button-submit {
margin-left: 15px;
}
.rtl .ch-rad-label {
display: inline;
}
.rtl .wd-calendar-button {
margin: 3px -23px 0 0;
}
.rtl div[id$='_td_name_input_first'] {
text-align: left;
}
.rtl .fm-page-actions,
.rtl div.wd-buttons,
.rtl .fm-export-tools {
float: left;
}
.rtl .wd-table-col-left .wd-box-section {
margin-left: 5px;
margin-right: unset;
}
.rtl .page-title-action {
display: inline-block;
}
.rtl .fm-edit-content #add_field_cont {
left: 10px;
right: unset;
}
.rtl .fm_php_function {
direction: ltr;
text-align: right;
}
.rtl .fm-input-container input[type="radio"] + label, .fm-input-container input[type="checkbox"] + label {
padding-left: 10px;
padding-right: unset;
}
.rtl #edit_page_navigation {
text-align: left;
}
.rtl .fm-input-container input[type='radio'],
.rtl .fm-input-container label {
display: inline-block;
}
#form_email_options_tab_content .wd-table-col-50 {
margin: auto;
}
#fm-edit-disable-overlay {
padding: 70px;
z-index: 10;
}
#fm-edit-disable-overlay .fm-edit-disable-overlay-text {
background-color: #ececec;
border: 1px solid #dddddd;
padding: 20px;
}
#fm-edit-disable-overlay .fm-edit-disable-overlay-text span,
#fm-edit-disable-overlay .fm-edit-disable-overlay-text span * {
font-size: 20px;
line-height: 25px;
}
#fm-edit-disable-overlay .fm-edit-disable-overlay-button {
padding-top: 20px;
}
#manage_form [type="type_button"],
#manage_form [type="type_submit_reset"] {
display: flex !important;
align-items: flex-end;
height: 100%;
}
.fm-col-1 {
flex: 0 1 calc(100% - 20px) !important;;
width: calc(100% - 20px) !important;;
}
.fm-col-2 {
flex: 0 1 calc(50% - 20px) !important;;
width: calc(50% - 20px) !important;;
}
.fm-col-3 {
flex: 0 1 calc(33.33% - 20px) !important;;
width: calc(33.33% - 20px) !important;;
}
.fm-col-4 {
flex: 0 1 calc(25% - 20px) !important;
width: calc(25% - 20px) !important;;
}
.form-example-preview {
position: relative;
top: 0;
}
#wpbody-content>div:not(.wrap), .wrap .notice:not(.wd-notice) {
display: none;
}
.ei_buttons {
margin-top: 3px;
}
.wdform_field[type="type_date_new"] div[id$="_element_sectionform_id_temp"]{
position: relative;
}
.wdform_field[type="type_date_new"] div[id$="_element_sectionform_id_temp"] .wd-calendar-button{
position: absolute;
top: 50%;
right: 5px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
margin: 0;
}