.form-builder .logginvalue-wrap select{
   height: 34px;
   width: 95%;
}
.form-builder .shortcode-control{
    width: 95%;
}
.form-builder .logginvalue-wrap label{
    text-transform: none !important;
}
.form-builder .cb-wrap.pull-right{
    width: 180px !important;
    max-width: 180px !important;
}
.form-builder .cb-wrap.pull-right{
    z-index: 10 !important;
}   

.form-builder li[data-type="shortcode-cf7"]:before{
    content: "\f121";
    font-family: fontAwesome;
    margin-right: 10px;
    font-size: 16px;
}
.form-builder li[data-type="url-cf7"]:before{
    content: "\f14c";
    font-family: fontAwesome;
    margin-right: 10px;
    font-size: 16px;
}
.form-builder li[data-type="email-cf7"]:before{
    content: "\f0e0";
    font-family: fontAwesome;
    margin-right: 10px;
    font-size: 16px;
}
.form-builder li[data-type="paragraph-cf7"]:before{
    content: "\f1dd";
    font-family: fontAwesome;
    margin-right: 10px;
    font-size: 16px;
}
/*Ocultando campos de shorcode*/
.form-builder .container-shortcode .required-wrap,
.form-builder .container-shortcode .label-wrap,
.form-builder .container-shortcode.placeholder-wrap,
.form-builder .container-shortcode .className-wrap,
.form-builder .container-shortcode .name-wrap,
.form-builder .container-shortcode .field-options,
.form-builder .container-shortcode .placeholder-wrap,
.form-builder .container-shortcode .rows-wrap,
.form-builder .container-shortcode .cols-wrap,
.form-builder .container-shortcode .width-wrap,
.form-builder .form-elements .name-wrap{
    display: none !important;
}
.form-builder li.form-field.hidden-field .name-wrap {
	display: block !important;
}

/******************************************
Estilos añadidos el: 22-01-2020
*******************************************/
.form-builder .button-field .name-wrap,
.form-builder .button-field .value-wrap,
.form-builder .select-field .placeholder-wrap,
.form-builder .textarea-field .value-wrap,
/*.form-builder .icon-hidden,*/
.form-builder .file-field .placeholder-wrap,
.form-builder .date-field .placeholder-wrap,
.form-builder .text-field .extension-wrap,
.form-builder .container-input-url .logginvalue-wrap,
.form-builder .radio-group-field .option-value,
.form-builder .select-field .option-value,
.form-builder .checkbox-group-field .option-value,
.form-builder .container-email-control .logginvalue-wrap,
.form-builder .form-elements .subtype-wrap,
.form-builder .icon-paragraph,
.form-builder .container-trumbowyg .field-actions .toggle-form{
    display: none !important;
}
.form-builder .date-field .value-wrap input,
.form-builder .date-field .min-wrap input,
.form-builder .date-field .max-wrap input,
.form-builder .file-field .filetypes-wrap select,
.form-builder .width-wrap select{
    width: 95%;
}
.form-builder .filetypes-wrap select,
.form-builder .width-wrap select{
    min-height: 30px;
}   
.form-builder .hidden-field{
    display: block;
}
.form-builder .radio-group-field .option-label,
.form-builder .select-field .option-label,
.form-builder .checkbox-group-field .option-label{
    width: 85% !important;
}
.form-builder .header-field .width-wrap{
    display: none;
}
/*********************************************
ESTILOS PARA MODIFICAR EL ANCHO DE LOS CAMPOS
********************************************/
.form-builder .form-field{
    width: 100%;
    padding-right: 10px;
}
.form-builder li.container-preview-100{
    width: 100%;
    padding-right: 10px;
}
.form-builder li.container-preview-50{
    width: 50%;
    padding-right: 10px;
    display: inline-block;
}
.form-builder li.container-preview-33{
    width: 33%;
    display: inline-block;
    padding-right: 10px;
}
/*.form-builder ul.frmb{
    display: flex;
    flex-wrap: wrap;
}*/
.form-builder .container-preview-33 .form-elements .form-group label,
.form-builder .container-preview-50 .form-elements .form-group label{
    width: 100% !important;
    text-align: left !important;
}
.form-builder .container-preview-33 .form-elements .input-wrap,
.form-builder .container-preview-50 .form-elements .input-wrap{
    width: 100% !important;
    margin-right: 2%;
}
.form-builder .container-preview-33 .form-elements .form-group .input-wrap > input[type="text"],
.form-builder .container-preview-50 .form-elements .form-group .input-wrap > input[type="text"],
.form-builder .container-preview-50 .form-elements .form-group .input-wrap > input[type="number"],
.form-builder .container-preview-33 .form-elements .form-group .input-wrap > input[type="number"],
.form-builder .container-preview-33 .form-elements .form-group .sortable-options,
.form-builder .container-preview-33 .form-elements .form-group .sortable-options-wrap,
.form-builder .container-preview-50 .form-elements .form-group .sortable-options,
.form-builder .container-preview-50 .form-elements .form-group .sortable-options-wrap{
    width: 95% !important;
}
.form-builder .prev-holder input[type="text"],
.form-builder .prev-holder input[type="url"],
.form-builder .prev-holder input[type="email"],
.form-builder .prev-holder textarea,
.form-builder .prev-holder input[type="date"],
.form-builder .prev-holder .field-wpcf7-button-preview button,
.form-builder .prev-holder input[type="number"]{
    width: 100% !important;
}
.form-wrap.vg-two-columns .form-field .form-elements .input-wrap,
.form-wrap.vg-two-columns .form-field .form-elements .input-wrap{
    width: 100% !important;
    margin-right: 2%;
}
.form-wrap.vg-two-columns .form-field .form-elements .form-group .input-wrap > input[type="text"],
.form-wrap.vg-two-columns .form-field .form-elements .form-group .input-wrap > input[type="text"],
.form-wrap.vg-two-columns .form-field .form-elements .form-group .input-wrap > input[type="number"],
.form-wrap.vg-two-columns .form-field .form-elements .form-group .input-wrap > input[type="number"],
.form-wrap.vg-two-columns .form-field .form-elements .form-group .sortable-options,
.form-wrap.vg-two-columns .form-field .form-elements .form-group .sortable-options-wrap,
.form-wrap.vg-two-columns .form-field .form-elements .form-group .sortable-options,
.form-wrap.vg-two-columns .form-field .form-elements .form-group .sortable-options-wrap,
.form-wrap.vg-two-columns .form-field .form-elements .form-group label{
    width: 95% !important;
}
.form-wrap.vg-two-columns .form-elements .form-group label,
.form-wrap.vg-two-columns .form-elements .form-group label{
    width: 100% !important;
    text-align: left !important;
}
/*.form-builder header[width="width-33"],
.form-builder p[width="width-33"],
.form-builder input[type="text"][width="width-33"],
.form-builder select[multiple][width="width-33"],
.form-builder textarea[width="width-33"],
.form-builder input[type=number][width="width-33"],
.form-builder input[type=file][width="width-33"],
.form-builder button[width="width-33"],
.form-builder input[type="date"][width="width-33"],
.form-builder select[width="width-33"]{
    width: 33% !important;
}*/
/*.form-builder header[width="width-50"],
.form-builder p[width="width-50"],
.form-builder input[type="text"][width="width-50"],
.form-builder select[multiple][width="width-50"],
.form-builder textarea[width="width-50"],
.form-builder input[type=number][width="width-50"],
.form-builder input[type=file][width="width-50"],
.form-builder button[width="width-50"],
.form-builder input[type="date"][width="width-50"],
.form-builder select[width="width-50"]{
    width: 50% !important;
}*/
.form-builder header[width="width-100"],
.form-builder p[width="width-100"],
.form-builder input[type="text"][width="width-100"],
.form-builder select[multiple][width="width-100"],
.form-builder textarea[width="width-100"],
.form-builder input[type=number][width="width-100"],
.form-builder input[type=file][width="width-100"],
.form-builder button[width="width-100"],
.form-builder input[type="date"][width="width-100"],
.form-builder select[width="width-100"]{
    width: 100% !important;
}
.form-builder .form-wrap p,
.form-builder .trumbowyg-editor.trumbowyg-reset-css p{
    font-style: normal;
    color: #000;
}
/*.form-builder.form-buttonized .checkbox-group-field .form-elements .width-wrap,
.form-builder.form-buttonized .radio-group-field .form-elements .width-wrap{
    display: none;
}*/

/*Mostraremos los campos del formulario en una sola columna*/
@media (max-width: 1040px) {
    .form-builder li.container-preview-100,
    .form-builder li.container-preview-50,
    .form-builder li.container-preview-33,
    .form-builder li.form-field{
        width: 100%;
    }
    .form-builder .form-field .form-elements .input-wrap,
    .form-builder .form-field .form-elements .input-wrap{
        width: 100% !important;
        margin-right: 2%;
    }
    .form-builder .form-field .form-elements .form-group .input-wrap > input[type="text"],
    .form-builder .form-field .form-elements .form-group .input-wrap > input[type="text"],
    .form-builder .form-field .form-elements .form-group .input-wrap > input[type="number"],
    .form-builder .form-field .form-elements .form-group .input-wrap > input[type="number"],
    .form-builder .form-field .form-elements .form-group .sortable-options,
    .form-builder .form-field .form-elements .form-group .sortable-options-wrap,
    .form-builder .form-field .form-elements .form-group .sortable-options,
    .form-builder .form-field .form-elements .form-group .sortable-options-wrap,
    .form-builder .form-field .form-elements .form-group label{
        width: 95% !important;
    }
    .form-wrap.vg-two-columns .form-field .form-elements .input-wrap,
    .form-wrap.vg-two-columns .form-field .form-elements .input-wrap{
        width: 100% !important;
        margin-right: 2%;
    }
    .form-wrap.vg-two-columns .form-field .form-elements .form-group .input-wrap > input[type="text"],
    .form-wrap.vg-two-columns .form-field .form-elements .form-group .input-wrap > input[type="text"],
    .form-wrap.vg-two-columns .form-field .form-elements .form-group .input-wrap > input[type="number"],
    .form-wrap.vg-two-columns .form-field .form-elements .form-group .input-wrap > input[type="number"],
    .form-wrap.vg-two-columns .form-field .form-elements .form-group .sortable-options,
    .form-wrap.vg-two-columns .form-field .form-elements .form-group .sortable-options-wrap,
    .form-wrap.vg-two-columns .form-field .form-elements .form-group .sortable-options,
    .form-wrap.vg-two-columns .form-field .form-elements .form-group .sortable-options-wrap,
    .form-wrap.vg-two-columns .form-field .form-elements .form-group label{
        width: 95% !important;
    }
    .form-wrap.vg-two-columns li.container-preview-100,
    .form-wrap.vg-two-columns li.container-preview-50,
    .form-wrap.vg-two-columns li.container-preview-33,
    .form-wrap.vg-two-columns li.form-field{
        width: 100%;
    }
    .form-builder .form-field .form-elements .form-group label{
        text-align: left;
        padding-left: 5px;
    }
    .form-builder ul.frmb{
        display: block;
    }
}

@media (max-width: 768px) {
    .form-builder li.container-preview-100,
    .form-builder li.container-preview-50,
    .form-builder li.container-preview-33{
        width: 100%;
        padding-right: 0px;
    }
}
/*Media queries*/
@media (max-width: 1255px) {
    .form-builder .cb-wrap.pull-right {
        width: 145px !important;
        max-width: 145px !important;
    }
}
@media (max-width: 1125px) {
    .form-builder .cb-wrap.pull-right {
        position: relative !important;
        margin-right: 15px;
    }
    .form-builder{
        display: flex;
        flex-direction: row-reverse;
    }
}
@media (max-width: 768px) {
    .frmb .form-elements label:first-child {
        display: block !important;
        width: auto !important;
        float: none !important;
        text-align: left !important;
    }
    .frmb .form-field .form-group {
        width: 100% !important;
        clear: left !important ;
        float: none !important;
    }
    .frmb .form-elements .input-wrap {
        width: 100% !important;
        margin-left: 0 !important;
        float: none !important;
    }
}
@media (max-width: 481px) {
    .form-builder .cb-wrap.pull-right {
        width: 60px !important;
        max-width: 60px !important;
    }
}

/***********************************************
************************************************
Estilos para seccion de opciones de formato en formBuilder
************************************************
************************************************/
.container-style-formBuilder{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}
.container-style-formBuilder .wpvsfb-option-style-formBuilder{
    height: 195px;
    border: 1px solid #ddd;
    max-width: 129px;
    background: #fff;
    position: relative;
    margin-left: 10px;
}
.container-style-formBuilder .wpvsfb-option-style-formBuilder:first-child{
    margin-left: 0px;
}
.container-style-formBuilder .wpvsfb-option-style-formBuilder img{
    width: 90%;
    height: 100%;
    display: block;
    margin: auto;
}
#contact-form-editor label.vg-two-columns-field{
    margin-top: 5px;
}
#contact-form-editor .contact-form-editor-panel h2{
    margin-bottom: 0px !important;
}
#contact-form-editor .wpvsfb-description-form-builder{
    margin-top: 0px;
}
#contact-form-editor .wpvsfb-container-preview{
    position: absolute;
    width: 100%;
    height: 195px;
    top: 0px;
    background: rgba(0, 133, 186, 0.82);
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#contact-form-editor .wpvsfb-button-actions{
    width: 100%;
    background: #fff;
    border-style: none;
    padding: 5px;
    color: #0085BA;
    cursor: pointer;
}
#contact-form-editor .wpvsfb-button-actions:first-child{
    margin-bottom: 5px;
}
#contact-form-editor .wpvsfb-container-preview.do-not-activate-buttons{
    display: none;
}
#contact-form-editor .wpvsfb-option-style-formBuilder p{
    color: #fff;
    display: none;
}

/*
* Estilos para poder saber que esquema de color esta activo
*/
#contact-form-editor .wpvsfb-color-scheme-activated button{
    display: none;
}
#contact-form-editor .wpvsfb-color-scheme-activated.do-not-activate-buttons{
    display: flex;
}
#contact-form-editor .wpvsfb-color-scheme-activated p{
    color: #fff;
    display: block;
}

/*
*  Estilos de popup para mostrar imagen de preview
*/
#wpvsfb-overlay{
    position: fixed;
    left: -20px;
    right: 0;
    top: 0;
    bottom: 0;
    background: #f1f1f1;
    background: rgba(238,238,238,.9);
    z-index: 10000;
    display: none;
    overflow: auto;
}
#wpvsfb-popup{
    max-width: 900px;
    width: 80%;
    height: 100%;
    height: auto;
    position: relative;
    background: #fff;
    margin: 90px auto;
    box-shadow: 0 1px 20px 5px rgba(0,0,0,.1);
}
#wpvsfb-popup .wpvsfb-popup-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 49px;
    border-bottom: 1px solid #ddd
}
#wpvsfb-popup .wpvsfb-buttons-left,
#wpvsfb-popup .wpvsfb-buttons-right{
    height: 100%;
}
#wpvsfb-popup .wpvsfb-buttons-left .buttons-actions-popup,
#wpvsfb-popup .wpvsfb-buttons-right .buttons-actions-popup{
    padding: 0px 15px;
    height: 100%;
    border-style: none;
    border-color: #fff;
    background: #fff;
    font-size: 18px;
    border-left: 1px solid #ddd;
    cursor: pointer;
}
#wpvsfb-popup button{
    cursor: pointer;
}
#wpvsfb-popup .wpvsfb-buttons-left .buttons-actions-popup:nth-child(2){
    border-right: 1px solid #ddd;
}
#wpvsfb-popup .wpvsfb-buttons-left .buttons-actions-popup:first-child{
    border-left: none;
}
#wpvsfb-popup #wpvsfb-popup-body{
    padding: 20px;
}
#wpvsfb-popup #wpvsfb-popup-body img{
    max-width: 100%;
    margin: auto;
    display: block;
}
#wpvsfb-popup #wpvsfb-popup-footer{
    display: flex;
    padding: 10px;
    justify-content: center;
    align-items: center;
    background: #F3F3F3;
}


/*Media queries para seccion de lista de esquema de colores*/
@media (max-width: 1170px) {
    .container-style-formBuilder{
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .container-style-formBuilder .wpvsfb-option-style-formBuilder{
        margin-bottom: 10px;
    }
    .container-style-formBuilder .wpvsfb-option-style-formBuilder:first-child{
        margin-left: 10px;
    }
}

@media (max-width: 1110px) {
    .container-style-formBuilder{
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media (max-width: 850px) {
    .container-style-formBuilder{
        flex-wrap: wrap;
        justify-content: end;
    }
}

@media (max-width: 575px) {
    #contact-form-editor .contact-form-editor-panel fieldset legend{
        float: left;
        width: 50%;
        margin-bottom: 15px !important;
    }
    #contact-form-editor label.vg-two-columns-field {
        margin-top: 15px;
    }
}
.trumbowyg-textarea, .trumbowyg-box {
	height: 150px !important;
	min-height: 150px !important;
}
.trumbowyg-editor {
	cursor: text;
	height: 110px !important;
	min-height: 110px !important;
	border-bottom: 1px solid #DDD !important;
	padding-bottom: 0 !important;
}
.frmb .prev-holder .trumbowyg-modal input {
    width: 65% !important;
    min-height: 27px !important;
    margin-top: 2px;
    margin-left: 5px;
}
.frmb-control li {
    padding-left: 30px !important;
    position: relative;
    text-align: left;
}
.frmb-control li:before {
    position: absolute;
    left: 7px;
    margin: 0;
}
.trumbowyg-button-pane button.trumbowyg-link-button {
    display: none;
}