@charset "UTF-8";

.button {
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear; }
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="number"],
input[type="datetime-local"],
input[type="date"],
input[type="datetime"],
input[type="password"],
textarea {
width: 100%; }
.tablenav-pages .current-page {
width: auto; }
#post_tag .ajaxtag {
display: flex; }
#post_tag .ajaxtag .newtag {
width: auto !important;
flex: 1; }
ol#authors input[type="text"],
ol#authors input[type="password"],
ol#authors textarea {
width: auto; }
.item-check label i,
.item-radio label i {
cursor: pointer; }
#pikiform-postfield-modal .fieldset-group-fields > .linha-field:last-of-type,
#formfields .fieldset-group-fields > .linha-field:last-of-type,
form.settings-form .fieldset-group-fields > .linha-field:last-of-type {
border-bottom: 0; }
form .group-title {
margin: 20px 0 0;
font-size: 16px;
line-height: 1.4em;
position: relative;
display: block;
font-weight: bold;
font-style: normal; }
form .subfield-field-group em {
display: block;
margin-bottom: 4px;
font-style: normal; }
form .subfield-field-group > div {
margin-bottom: 10px; }
form.PikiForm .form-status, form.pikiform .form-status {
display: block;
position: relative; }
form.PikiForm .form-status button, form.pikiform .form-status button {
position: absolute;
right: 22px;
top: 22px; }
form.PikiForm.settings-form .form-status, form.pikiform.settings-form .form-status {
padding-right: 0; }
form.PikiForm.settings-form .form-status button:after, form.pikiform.settings-form .form-status button:after {
padding: 0; }
form.PikiForm .linha-field.error input[type="date"],
form.PikiForm .linha-field.error input[type="datetime"],
form.PikiForm .linha-field.error input[type="datetime-local"],
form.PikiForm .linha-field.error input[type="text"],
form.PikiForm .linha-field.error input[type="email"],
form.PikiForm .linha-field.error input[type="tel"],
form.PikiForm .linha-field.error input[type="password"],
form.PikiForm .linha-field.error textarea, form.pikiform .linha-field.error input[type="date"],
form.pikiform .linha-field.error input[type="datetime"],
form.pikiform .linha-field.error input[type="datetime-local"],
form.pikiform .linha-field.error input[type="text"],
form.pikiform .linha-field.error input[type="email"],
form.pikiform .linha-field.error input[type="tel"],
form.pikiform .linha-field.error input[type="password"],
form.pikiform .linha-field.error textarea {
border-color: tomato; }
form.PikiForm .linha-field.error .select2-container--default .select2-selection--single, form.pikiform .linha-field.error .select2-container--default .select2-selection--single {
border-color: tomato; }
form.PikiForm .linha-field.ftype-cep .link-consulta-cep, form.pikiform .linha-field.ftype-cep .link-consulta-cep {
display: inline-block;
margin: 0 0 0 20px;
font-size: 18px;
line-height: 1.11;
letter-spacing: -0.45px;
color: #2379ff;
text-decoration: underline; }
form.PikiForm .remove-button, form.pikiform .remove-button {
position: absolute;
right: 13px;
top: 10px;
width: 30px;
height: 30px;
padding: 0;
border: 0;
background-color: transparent;
overflow: hidden;
text-indent: -9999px;
cursor: pointer;
z-index: 10; }
form.PikiForm .remove-button:before, form.pikiform .remove-button:before {
position: absolute;
left: 50%;
top: 50%;
text-indent: 0;
transform: translate(-50%, -50%); }
form.PikiForm .remove-button:hover, form.PikiForm .remove-button:hover:before, form.pikiform .remove-button:hover, form.pikiform .remove-button:hover:before {
color: #ff0000; }
form.PikiForm.materialize .linha-field:not(:first-child), form.pikiform.materialize .linha-field:not(:first-child) {
margin-top: 28px; }
form.PikiForm.materialize .linha-field .field-and-label, form.pikiform.materialize .linha-field .field-and-label {
display: block;
position: relative; }
form.PikiForm.materialize .linha-field .field-and-label label, form.pikiform.materialize .linha-field .field-and-label label {
position: absolute;
top: 50%;
left: 10px;
width: auto;
padding: 0 6px;
transform: translateY(-50%);
transition: all 300ms;
background-color: inherit;
cursor: default; }
form.PikiForm.materialize .linha-field .field-and-label input, form.pikiform.materialize .linha-field .field-and-label input {
height: 52px;
padding: 0 16px;
line-height: 50px;
border: 1px solid grey;
transition: all 300ms; }
form.PikiForm.materialize .linha-field .field-and-label input:not([type="checkbox"]):not([type="radio"]), form.pikiform.materialize .linha-field .field-and-label input:not([type="checkbox"]):not([type="radio"]) {
width: 100%; }
form.PikiForm.materialize .linha-field .field-and-label input:not(:placeholder-shown) + label, form.PikiForm.materialize .linha-field .field-and-label input:focus + label, form.pikiform.materialize .linha-field .field-and-label input:not(:placeholder-shown) + label, form.pikiform.materialize .linha-field .field-and-label input:focus + label {
font-size: 0.8em;
top: 0; }
form.PikiForm.materialize .linha-field.ftype-boolean label, form.PikiForm.materialize .linha-field.ftype-checkboxes label, form.PikiForm.materialize .linha-field.ftype-radios label, form.PikiForm.materialize .linha-field.ftype-termsuse label, form.pikiform.materialize .linha-field.ftype-boolean label, form.pikiform.materialize .linha-field.ftype-checkboxes label, form.pikiform.materialize .linha-field.ftype-radios label, form.pikiform.materialize .linha-field.ftype-termsuse label {
position: initial;
left: initial;
padding: 0;
transform: none; }
form.PikiForm.materialize .linha-field.ftype-boolean .field-and-label, form.PikiForm.materialize .linha-field.ftype-checkboxes .field-and-label, form.PikiForm.materialize .linha-field.ftype-radios .field-and-label, form.PikiForm.materialize .linha-field.ftype-termsuse .field-and-label, form.pikiform.materialize .linha-field.ftype-boolean .field-and-label, form.pikiform.materialize .linha-field.ftype-checkboxes .field-and-label, form.pikiform.materialize .linha-field.ftype-radios .field-and-label, form.pikiform.materialize .linha-field.ftype-termsuse .field-and-label {
background: transparent; }
form.PikiForm.materialize .item-check, form.pikiform.materialize .item-check {
display: flex;
align-items: center; }
form#post #titlewrap.error-wrapper {
background: transparent;
box-shadow: none; }
form#post #titlewrap.error-wrapper label {
color: #eb1753; }
form#post #titlewrap.error-wrapper input#title {
border-color: #eb1753; }
form#post #wp-content-editor-container.error-wrapper {
border: 2px solid #eb1753;
overflow: hidden; }
form#post #postexcerpt.error-wrapper h2 {
color: #eb1753; }
form#post #postexcerpt.error-wrapper textarea {
border-color: #eb1753;
color: #eb1753; }
form#post .postbox.error-wrapper {
border-color: #eb1753; }
form#post .postbox.error-wrapper h2 {
color: #eb1753; }
body.wp-admin form.PikiForm .form-status, body.wp-admin form.pikiform .form-status {
padding-right: 110px;
border-radius: 8px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); }
body.wp-admin form.PikiForm .form-status button, body.wp-admin form.pikiform .form-status button {
top: 50%;
font-size: 14px;
line-height: 14px;
font-weight: bold;
color: #be2b2b;
background: none;
padding: 0 26px 0 0;
margin-top: 0;
border: 0;
background: transparent;
transform: translateY(-50%); }
body.wp-admin form.PikiForm .form-status button:after, body.wp-admin form.pikiform .form-status button:after {
content: '';
position: absolute;
right: 0;
top: 50%;
display: inline-block;
width: 14px;
height: 14px;
border: 2px solid #be2b2b;
border-radius: 50%;
transform: translateY(-50%); }
.linha-field .j-custom-select-holder + .preloader {
display: none;
width: 18px;
height: 18px;
position: absolute;
right: 19px;
top: 24px;
overflow: hidden;
text-indent: -99999px;
background: url(//frentelivre.com.br/wp-content/themes/flivre/piki/images/ajax-loader.svg) no-repeat center center;
background-size: contain;
z-index: 20; }
.linha-field.loading .j-custom-select-holder + .preloader {
display: block; }
.linha-field.loading .j-custom-select-holder .picker {
display: none; }
body.wp-admin .select2-dropdown {
z-index: 9999; }
body.wp-admin form #formfields .region-default > .linha-field.ftype-checkboxes .field-item > div {
display: flex;
gap: 12px; }
body.wp-admin form #formfields .region-default > .linha-field.ftype-checkboxes .field-item > div .item-check label {
margin: 0; }
body.wp-admin form #formfields .region-default > .linha-field.ftype-file .thumbnail > div {
display: flex;
align-items: center; }
body.wp-admin form #formfields .region-default > .linha-field.ftype-file .thumbnail button {
position: relative;
width: 30px;
height: 30px;
border: 0;
margin-left: 6px;
background: none;
overflow: hidden;
text-indent: -99999px;
cursor: pointer; }
body.wp-admin form #formfields .region-default > .linha-field.ftype-file .thumbnail button:before {
content: "\f182";
display: inline-block;
position: absolute;
text-indent: initial;
top: 0;
left: 0;
width: 100%;
height: 100%;
line-height: 30px;
font-size: 20px;
font-family: dashicons;
transition: all 0.25s; }
body.wp-admin form #formfields .region-default > .linha-field.ftype-file .thumbnail button:hover:before {
color: #ff0000; }
body.wp-admin form.pikiform .item-check, body.wp-admin form.PikiForm .item-check {
display: flex; }
body.wp-admin form.pikiform .item-check input, body.wp-admin form.PikiForm .item-check input {
margin-right: 6px; }
body.wp-admin form.pikiform .form-status, body.wp-admin form.PikiForm .form-status {
background: #fff;
border: 1px solid #ccd0d4;
border-left-color: #ccd0d4;
border-left-width: 1px;
border-left-width: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
margin: 5px 0 15px;
padding: 1px 12px;
padding-right: 12px;
border-radius: 0; }
body.wp-admin form.pikiform .form-status .content, body.wp-admin form.PikiForm .form-status .content {
margin: .5em 0;
padding: 2px; }
body.wp-admin form.pikiform .form-status button, body.wp-admin form.PikiForm .form-status button {
position: absolute;
top: 50%;
right: 0;
width: 38px;
height: 38px;
margin: 0;
padding: 9px;
border: none;
background: 0 0;
color: #72777c;
cursor: pointer; }
body.wp-admin form.pikiform .form-status button span, body.wp-admin form.PikiForm .form-status button span {
display: none; }
body.wp-admin form.pikiform .form-status button:before, body.wp-admin form.PikiForm .form-status button:before {
content: '\f153';
display: block;
position: absolute;
left: 50%;
top: 50%;
width: 20px;
height: 20px;
border-radius: 50%;
background: 0 0;
color: #72777c;
font: normal 16px/20px dashicons;
text-align: center;
transform: translate(-50%, -50%); }
body.wp-admin form.pikiform .form-status button:after, body.wp-admin form.PikiForm .form-status button:after {
content: initial;
display: none; }
body.wp-admin form.pikiform .form-status button:hover:before, body.wp-admin form.PikiForm .form-status button:hover:before {
color: #cc0000; }
body.wp-admin form.pikiform .form-status.success, body.wp-admin form.PikiForm .form-status.success {
border-left-color: #46b450; }
body.wp-admin form.pikiform .form-status.error, body.wp-admin form.PikiForm .form-status.error {
border-left-color: #be2b2b; }
body.wp-admin form.pikiform .form-status div.updated,
body.wp-admin form.pikiform .form-status div.notice,
body.wp-admin form.pikiform .form-status div.notice-success, body.wp-admin form.PikiForm .form-status div.updated,
body.wp-admin form.PikiForm .form-status div.notice,
body.wp-admin form.PikiForm .form-status div.notice-success {
margin: 0;
padding: 0;
border: 0;
background: transparent;
box-shadow: none; }
body.wp-admin form.pikiform .form-status div.updated p,
body.wp-admin form.pikiform .form-status div.notice p,
body.wp-admin form.pikiform .form-status div.notice-success p, body.wp-admin form.PikiForm .form-status div.updated p,
body.wp-admin form.PikiForm .form-status div.notice p,
body.wp-admin form.PikiForm .form-status div.notice-success p {
margin: 0;
padding: 0; }
form.settings-form .linha-field,
form#post #formfields .linha-field,
form.PikiForm .linha-field {
display: block; }
form#post #formfields .region-default > .linha-field > .linha-field-label label {
font-weight: bold;
font-size: 16px; }
form#post #formfields > h2.ui-sortable-handle span {
font-size: 16px; }
form#post .fieldset-group-fields.multiple .linha-field-label {
margin-bottom: 8px; }
form#post .description {
display: flex;
align-items: center;
justify-content: flex-start;
margin-top: 8px;
font-style: italic;
font-size: 14px; }
form#post .description .tooltip {
margin-left: 8px; }
form#post .linha-field.ftype-boolean label,
form#post .linha-field.ftype-boolean .linha-field-label label {
font-weight: bold; }
input.focus,
textarea.focus,
select.focus {
border-color: #f7d117; }
div.fset-error .fset-error-status {
display: block;
background: #ff5447;
padding: 8px 20px;
color: #fff; }
form.PikiForm > .footer-form .status {
color: #eb1753;
text-transform: uppercase; }
form.PikiForm .error input[type=text],
form.PikiForm .error select,
form.PikiForm .error textarea {
border-color: #eb1753; } .ftype-posts .posts-list {
display: block;
padding-top: 10px;
margin-top: 0;
border-top: #e9e9e9 1px solid; }
.ftype-posts .posts-list li {
display: block;
border-bottom: #e9e9e9 1px solid;
padding-bottom: 10px;
margin-bottom: 10px; }
.ftype-posts .posts-list li .title {
font-size: 14px;
font-weight: bold;
display: block;
line-height: 2em; } form.settings-form .fieldset-group-fields,
form#post #formfields .fieldset-group-fields,
form.PikiForm .fieldset-group-fields {
*zoom: 1; }
form.settings-form .fieldset-group-fields:before,
form.settings-form .fieldset-group-fields:after,
form#post #formfields .fieldset-group-fields:before,
form#post #formfields .fieldset-group-fields:after,
form.PikiForm .fieldset-group-fields:before,
form.PikiForm .fieldset-group-fields:after {
display: table;
line-height: 0;
content: ""; }
form.PikiForm .fieldset-group-fields:after {
clear: both; } form.PikiForm .form-navigation {
display: block;
z-index: 300;
background: #fff; }
form.PikiForm .form-navigation .tabs {
display: flex;
justify-content: space-between;
padding-bottom: 15px; }
form.PikiForm .form-navigation .tabs a {
display: flex;
flex-direction: column;
align-items: center;
cursor: pointer; }
form.PikiForm .form-navigation .tabs a .ico-status {
display: block;
width: 34px;
height: 34px;
text-align: center;
font-size: 24px;
line-height: 34px;
font-weight: 700;
background: #cccccc; }
form.PikiForm .form-status .tabs a.success,
form.PikiForm .form-status .tabs a.active {
color: #c1d72e;
border-color: #c1d72e; }
form.PikiForm .form-status .tabs a.success .ico-status,
form.PikiForm .form-status .tabs a.active .ico-status {
background-color: #c1d72e; }
form.PikiForm .form-status .tabs a.error {
color: #eb1753;
border-color: #eb1753; }
form.PikiForm .form-status .tabs a.error .ico-status {
background-color: #eb1753; }
form.PikiForm .messages {
display: none;
text-align: center;
color: #d32d12;
font-weight: bold;
text-transform: uppercase; }
form.PikiForm .form-step#form-finish {
text-align: center; }
form.PikiForm .form-step#form-finish h2 {
margin: 45px 0 0 0;
font-weight: 700;
font-size: 22px;
font-family: 'Roboto Condensed';
color: #7fd312;
text-transform: uppercase; }
form.PikiForm .form-step#form-finish p {
margin: 20px 0 0 0;
color: #5d5d5d;
font-size: 18px; } .linha-field.ftype-taxonomy .item-check {
display: inline-block;
width: 200px;
margin: 0 20px 10px 0; } .ftype-mesano .field-item select,
.ftype-mesano .field-item .j-custom-select-holder {
float: left; }
.ftype-mesano .field-item select.months,
.ftype-mesano .field-item .j-custom-select-holder.months {
margin-right: 8px; } .ftype-avatar .j-custom-select-holder,
.ftype-avatar select {
display: none; }
.ftype-avatar .widget {
position: relative;
width: 100%;
height: 229px;
border: #e2e3df 1px solid;
margin: 0; }
.ftype-avatar .widget .mask {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
background: url(//frentelivre.com.br/wp-content/themes/flivre/piki/features/Forms/fields/avatar/images/widget-mask.png) no-repeat center center; }
.ftype-avatar .widget .arrow {
display: block;
position: absolute;
top: 0;
height: 100%;
background: url(//frentelivre.com.br/wp-content/themes/flivre/piki/features/Forms/fields/avatar/images/arrows-nav.png) no-repeat 56px center;
z-index: 110;
cursor: pointer;
overflow: hidden;
text-indent: -99999px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5; }
.ftype-avatar .widget .arrow:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1; }
.ftype-avatar .widget .arrow.left {
left: 0;
width: 89px; }
.ftype-avatar .widget .arrow.right {
right: 0;
width: 84px;
background-position: -187px center; }
.ftype-avatar .widget img {
position: absolute;
top: 47px;
left: 94px;
display: none;
z-index: 90; }
.ftype-avatar .widget img.selected {
display: block; } iframe#pikiform-iframe { position: absolute;
top: 0;
left: 0;
width: 300px;
height: 300px;
background: orange;
z-index: 999999; } .ui-dialog.postsfields {
background: #f1f1f1; }
form.settings-form {
margin-top: 20px; }
form.settings-form div.error {
padding-top: 12px;
padding-bottom: 12px; }
#pikiform-postfield-modal .linha-field-label,
form#post.pikiform #formfields .linha-field-label,
form.settings-form .linha-field-label {
position: relative;
display: flex;
align-items: flex-end;
justify-content: space-between;
margin-bottom: 10px; }
.region-default label {
flex: 1;
margin-right: 20px;
font-size: 14px;
line-height: 1.4em;
position: relative;
display: block; }
form.settings-form .linha-field-label label {
font-size: 16px;
font-weight: bold; }
#pikiform-postfield-modal .region-default > .linha-field.ftype-fieldset > .linha-field-label,
form#post.pikiform #formfields .region-default > .linha-field.ftype-fieldset > .linha-field-label,
form.settings-form .region-default > .linha-field.ftype-fieldset > .linha-field-label {
margin-bottom: 0 !important; }
#pikiform-postfield-modal input[type=text],
#pikiform-postfield-modal textarea,
form#post.pikiform #formfields input[type=text],
form#post.pikiform #formfields textarea,
form.settings-form input[type=text],
form.settings-form textarea {
width: 100%; }
#pikiform-postfield-modal textarea,
form#post.pikiform #formfields textarea,
form.settings-form textarea {
max-width: 100%;
min-width: 100%;
height: 100px;
padding-top: 5px;
padding-bottom: 5px; }
form#post.pikiform #slugdiv {
display: none !important; }
form#post.pikiform #post-body #normal-sortables {
min-height: 0; }
#pikiform-postfield-modal .linha-field .description p,
#pikiform-formfields .linha-field div.linha-field-description {
margin: 5px 0 0 0;
color: #AAAAAA;
font-style: italic;
font-size: 12px; }
form#post.pikiform #formfields,
form.settings-form {
background: none;
border: 0; }
form#post.pikiform #formfields > div.handlediv,
form#post.pikiform #formfields > h3.hndle,
form.settings-form > div.handlediv,
form.settings-form > h3.hndle {
display: none; }
form.settings-form > .inside,
form#post.pikiform #formfields > .inside {
padding: 0;
margin: 0; }
#pikiform-postfield-modal .region-default > .linha-field,
#formfields .region-default > .linha-field,
form.settings-form .region-default > .linha-field {
display: block;
margin: 0 0 20px 0;
padding: 12px;
background: #fff;
border: 0;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); }
#pikiform-postfield-modal .region-default > .linha-field > label,
#formfields .region-default > .linha-field > label,
form.settings-form .region-default > .linha-field > label {
display: block;
padding: 0 12px 8px 0;
border-bottom: 1px solid #EEEEEE;
cursor: default; }
#pikiform-postfield-modal .fieldset-group-fields > .linha-field,
#formfields .fieldset-group-fields > .linha-field,
form.settings-form .fieldset-group-fields > .linha-field {
display: block;
border-bottom: 1px solid #E9E9E9;
padding: 20px; }
#pikiform-postfield-modal .fieldset-group-fields > .linha-field.no-border-bottom,
#formfields .fieldset-group-fields > .linha-field.no-border-bottom,
form.settings-form .fieldset-group-fields > .linha-field.no-border-bottom {
border-bottom: 0; }
form.settings-form .fieldset-group-fields > .linha-field {
padding-left: 10px; }
form.settings-form div.error {
margin-top: 0; }
#pikiform-postfield-modal .fieldset-group-fields > .linha-field:last-child,
#formfields .fieldset-group-fields > .linha-field:last-child,
form.settings-form .fieldset-group-fields > .linha-field:last-child {
border-bottom: 0 !important; }
.ftype-fieldset.multiple {
padding: 0; }
.ftype-fieldset.multiple .add-button {
cursor: pointer; }
.ftype-fieldset.multiple > .linha-field-label label {
font-size: 16px;
margin: 5px 0 20px;
font-weight: bold; }
.ftype-fieldset.multiple .fieldset-group-fields {
position: relative;
display: block;
padding: 0;
margin: 0 0 14px;
background: #fff;
border: 1px solid #dfdfdf; }
.ftype-fieldset.multiple .fieldset-group-fields.opened {
height: auto; }
.ftype-fieldset.multiple .fieldset-group-fields > header {
display: block;
position: relative;
height: 42px;
border-bottom: 1px solid #dfdfdf; }
.ftype-fieldset.multiple .fieldset-group-fields > header h3 {
font-size: 16px !important;
line-height: 41px;
margin: 0;
padding: 2px 12px 10px;
cursor: move; }
.ftype-fieldset.multiple .fieldset-group-fields > .linha-field {
padding: 20px;
border: none !important; }
.ftype-fieldset.multiple .fieldset-group-fields > .linha-field > .linha-field-label label {
font-weight: bold; }
.ftype-fieldset.multiple .fieldset-group-fields.hide-headers > header {
border: 0;
padding: 0;
height: 1px;
margin-top: -1px; }
.ftype-fieldset.multiple .fieldset-group-fields.hide-headers > header h3 {
display: none;
width: 1px;
height: 1px;
overflow: hidden; }
.ftype-fieldset.multiple .fieldset-group-fields.hide-headers > .linha-field {
padding: 12px 50px 12px 12px;
border: none !important; } #pikiform-postfield-modal .linha-field.inline-childs .child-item,
#formfields .linha-field.inline-childs .child-item,
form.settings-form .linha-field.inline-childs .child-item {
display: inline-table;
margin-right: 20px; }
#pikiform-postfield-modal .linha-field.inline-childs .child-item input,
#formfields .linha-field.inline-childs .child-item input,
form.settings-form .linha-field.inline-childs .child-item input {
margin-left: 5px; } #pikiform-postfield-modal .linha-field.ftype-boolean input,
#formfields .linha-field.ftype-boolean input,
.settings-form .linha-field.ftype-boolean input {
margin-top: 2px; } .linha-field .tooltip {
position: relative; }
.linha-field .tooltip > button {
width: 14px;
height: 14px;
padding: 0;
background: transparent;
border: 1px solid black;
border-radius: 50%;
cursor: pointer; }
.linha-field .tooltip > div {
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
width: 180px;
background: #FFFFFF;
border: 1px solid #CFE2FC;
box-sizing: border-box;
box-shadow: 0px 4px 8px rgba(20, 46, 82, 0.2); }
.linha-field .tooltip > div button.close {
position: absolute;
right: 5px;
top: 5px;
width: 16px;
height: 16px;
padding: 0;
border: 0;
background: none;
overflow: hidden;
text-indent: -99999px;
cursor: pointer; }
.linha-field .tooltip > div button.close:before, .linha-field .tooltip > div button.close:after {
content: '';
display: block;
position: absolute;
left: 8px;
top: 2px;
width: 2px;
height: 12px;
background-color: #5C8FD6;
border-radius: 1px; }
.linha-field .tooltip > div button.close:before {
transform: rotate(45deg); }
.linha-field .tooltip > div button.close:after {
transform: rotate(-45deg); }
.linha-field-label .desc-error {
color: #eb1753; } .linha-field.ftype-colors .item-check {
float: left;
position: relative;
margin: 0 20px 20px 0; }
.linha-field.ftype-colors .j-custom-checkbox {
width: 60px;
height: 60px;
border: #d2d2d2 1px solid;
margin-right: 5px;
border: 3px solid #f0f0f0;
background-position: 0 0 !important; }
.linha-field.ftype-colors.error .j-custom-checkbox {
border-color: #eb1753; }
.linha-field.ftype-colors .j-custom-checkbox.checked {
background-position: 0 0 !important;
border-color: #000000; }
.linha-field.ftype-colors .item-check .text {
display: none;
position: absolute;
bottom: -16px;
font-weight: normal;
width: 400px;
left: 0;
z-index: 200;
line-height: .9em; }
.linha-field.ftype-colors .item-check:hover .text {
display: block; }
form#post textarea.ftype-textarea-options {
height: 160px; } .ftype-checkboxes,
.ftype-radios,
.ftype-termsuse,
.ftype-boolean {
flex-wrap: wrap; }
.ftype-checkboxes .controls,
.ftype-radios .controls,
.ftype-termsuse .controls,
.ftype-boolean .controls {
flex-basis: 100%;
margin-bottom: 20px; }
.ftype-checkboxes .wrapp-items,
.ftype-radios .wrapp-items,
.ftype-termsuse .wrapp-items,
.ftype-boolean .wrapp-items {
display: flex;
flex-wrap: wrap;
flex-basis: 100%;
padding: 20px;
border: 1px solid #ccd0d4; }
.ftype-checkboxes .wrapp-items .item-check,
.ftype-radios .wrapp-items .item-check,
.ftype-termsuse .wrapp-items .item-check,
.ftype-boolean .wrapp-items .item-check {
width: 190px; }
.ftype-checkboxes .wrapp-items .item-check label,
.ftype-radios .wrapp-items .item-check label,
.ftype-termsuse .wrapp-items .item-check label,
.ftype-boolean .wrapp-items .item-check label {
width: 100%; }
.ftype-checkboxes .item-radio div,
.ftype-checkboxes .item-check div,
.ftype-radios .item-radio div,
.ftype-radios .item-check div,
.ftype-termsuse .item-radio div,
.ftype-termsuse .item-check div,
.ftype-boolean .item-radio div,
.ftype-boolean .item-check div {
display: flex;
position: relative;
align-items: center;
border: 1px solid gray;
border-radius: 3px;
padding: 6px 14px;
border: 1px solid grey; }
.ftype-checkboxes .item-radio input,
.ftype-checkboxes .item-check input,
.ftype-radios .item-radio input,
.ftype-radios .item-check input,
.ftype-termsuse .item-radio input,
.ftype-termsuse .item-check input,
.ftype-boolean .item-radio input,
.ftype-boolean .item-check input {
display: none; }
.ftype-checkboxes .item-radio input:checked + div,
.ftype-checkboxes .item-check input:checked + div,
.ftype-radios .item-radio input:checked + div,
.ftype-radios .item-check input:checked + div,
.ftype-termsuse .item-radio input:checked + div,
.ftype-termsuse .item-check input:checked + div,
.ftype-boolean .item-radio input:checked + div,
.ftype-boolean .item-check input:checked + div {
background-color: grey;
color: #fff; }
.ftype-boolean .item-radio input,
.ftype-boolean .item-check input {
display: block; }
.item-radio label,
.item-check label {
float: none;
cursor: pointer; }
.item-radio {
margin: 0 10px 10px 0;
display: inline-table; }
.item-radio:first-child {
margin-left: 0; }
@media screen and (max-width: 782px) {
.tagsdiv .newtag {
width: auto;
height: 40px;
margin-bottom: 0; } }