/**
 * vue-form-generator v2.3.4
 * https://github.com/vue-generators/vue-form-generator/
 * Released under the MIT License.
 */

.vue-form-generator *{box-sizing:border-box}.vue-form-generator .form-control{display:block;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.vue-form-generator .form-control:not([class*=" col-"]){width:100%}.vue-form-generator span.help{margin-left:.3em;position:relative}.vue-form-generator span.help .icon{display:inline-block;width:16px;height:14px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAA+UlEQVQ4ja3TS0oDQRAG4C8+lq7ceICICoLGK7iXuNBbeAMJuPVOIm7cqmDiIncIggg+cMZFaqCnZyYKWtB0df31V1VXdfNH6S2wD9CP8xT3KH8T9BiTcE7XBMOfyBcogvCFO9ziLWwFRosyV+QxthNsA9dJkEYlvazsQdi3sBv6Ol6TBLX+HWT3fcQZ3vGM5fBLk+ynAU41m1biCXvhs4OPBDuBpa6GxF0P8YAj3GA1d1qJfdoS4DOIcIm1DK9x8iaWeDF/SP3QU6zRROpjLDFLsFlibx1jJaMkSIGrWKntvItcyTBKzCcybsvc9ZmYz3kz9Ooz/b98A8yvW13B3ch6AAAAAElFTkSuQmCC");background-repeat:no-repeat;background-position:50%}.vue-form-generator span.help .helpText{background-color:#444;bottom:30px;color:#fff;display:block;left:0;opacity:0;padding:20px;pointer-events:none;position:absolute;text-align:justify;width:300px;transition:all .25s ease-out;box-shadow:2px 2px 6px rgba(0,0,0,.5);border-radius:6px}.vue-form-generator span.help .helpText a{font-weight:700;text-decoration:underline}.vue-form-generator span.help .helpText:before{bottom:-20px;content:" ";display:block;height:20px;left:0;position:absolute;width:100%}.vue-form-generator span.help:hover .helpText{opacity:1;pointer-events:auto;transform:translateY(0)}.vue-form-generator .field-wrap{display:flex}.vue-form-generator .field-wrap .buttons{white-space:nowrap;margin-left:4px}.vue-form-generator .field-wrap button,.vue-form-generator .field-wrap input[type=submit]{display:inline-block;padding:6px 12px;margin:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;touch-action:manipulation;cursor:pointer;user-select:none;color:#333;background-color:#fff;border:1px solid #ccc;border-radius:4px}.vue-form-generator .field-wrap button:not(:last-child),.vue-form-generator .field-wrap input[type=submit]:not(:last-child){margin-right:4px}.vue-form-generator .field-wrap button:hover,.vue-form-generator .field-wrap input[type=submit]:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.vue-form-generator .field-wrap button:active,.vue-form-generator .field-wrap input[type=submit]:active{color:#333;background-color:#d4d4d4;border-color:#8c8c8c;outline:0;box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.vue-form-generator .field-wrap button:disabled,.vue-form-generator .field-wrap input[type=submit]:disabled{opacity:.6;cursor:not-allowed}.vue-form-generator .hint{margin-top: 2px ; font-style:normal !important;font-size:.8em; color: #999;}.form-group:not([class*=" col-"]){width:100%}.form-group{display:inline-block;vertical-align:top;margin-bottom:1rem}.form-group label{font-weight:400}.form-group label>:first-child{display:inline-block}.form-group.featured>label{font-weight:700}.form-group.required>label:after{content:"*";font-weight:400;color:red;padding-left:.2em;font-size:1em}.form-group.disabled>label{color:#666;font-style:italic}.form-group.error input:not([type=checkbox]),.form-group.error select,.form-group.error textarea{border:1px solid red;background-color:rgba(255,0,0,.15)}.form-group.error .errors{color:red;font-size:.8em}.form-group.error .errors span{display:block;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAiklEQVR4Xt2TMQoCQQxF3xdhu72MpZU3GU/meBFLOztPYrVWsQmEWSaMsIXgK8P8RyYkMjO2sAN+K9gTIAmDAlzoUzE7p4IFytvDCQWJKSStYB2efcAvqZFM0BcstMx5naSDYFzfLhh/4SmRM+6Agw/xIX0tKEDFufeDNRUc4XqLRz3qabVIf3BMHwl6Ktexn3nmAAAAAElFTkSuQmCC");background-repeat:no-repeat;padding-left:17px;padding-top:0;margin-top:.2em;font-weight:600}.vue-form-generator .field-checkbox input{margin-left:12px}.vue-form-generator .field-checklist .dropList,.vue-form-generator .field-checklist .listbox{height:auto;max-height:150px;overflow:auto}.vue-form-generator .field-checklist .dropList .list-row label,.vue-form-generator .field-checklist .listbox .list-row label{font-weight:400}.vue-form-generator .field-checklist .dropList .list-row input,.vue-form-generator .field-checklist .listbox .list-row input{margin-right:.3em}.vue-form-generator .field-checklist .combobox{height:auto;overflow:hidden}.vue-form-generator .field-checklist .combobox .mainRow{cursor:pointer;position:relative;padding-right:10px}.vue-form-generator .field-checklist .combobox .mainRow .arrow{position:absolute;right:-9px;top:3px;width:16px;height:16px;transform:rotate(0deg);transition:transform .5s;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAGdJREFUOI3tzjsOwjAURNGDUqSgTxU5K2AVrJtswjUsgHSR0qdxAZZFPrS+3ZvRzBsqf9MUtBtazJk+oMe0VTriiZCFX8nbpENMgfARjsn74vKj5IFruhfc8d6zIF9S/Hyk5HS4spMVeFcOjszaOwMAAAAASUVORK5CYII=");background-repeat:no-repeat}.vue-form-generator .field-checklist .combobox .mainRow.expanded .arrow{transform:rotate(-180deg)}.vue-form-generator .field-checklist .combobox .dropList{transition:height .5s}.vue-form-generator .field-input .wrapper,.vue-form-generator .field-input input[type=radio]{width:100%}.vue-form-generator .field-input input[type=color]{width:60px}.vue-form-generator .field-input input[type=range]{padding:0}.vue-form-generator .field-input .helper{margin:auto .5em}.vue-form-generator .field-label span{display:block;width:100%;margin-left:12px}.vue-form-generator .field-radios .radio-list label{display:block}.vue-form-generator .field-radios .radio-list label input[type=radio]{margin-right:5px}.vue-form-generator .field-submit input{color:#fff!important;background-color:#337ab7!important;border-color:#2e6da4!important}.vue-form-generator .field-input .wrapper{width:100%}.vue-form-generator .field-input .helper{margin:auto .5em}


.vue-form-generator .image-holder{
    width: 120px;
    height: 120px;
    border-radius: 6px;
    background-size: cover;
}
.vue-form-generator .uploading .image-holder{
    background-size: 24px;
    background: #000 url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJsb2FkZXItMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI0MHB4IiBoZWlnaHQ9IjQwcHgiIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjZGRlNGY2IiBkPSJNNDMuOTM1LDI1LjE0NWMwLTEwLjMxOC04LjM2NC0xOC42ODMtMTguNjgzLTE4LjY4M2MtMTAuMzE4LDAtMTguNjgzLDguMzY1LTE4LjY4MywxOC42ODNoNC4wNjhjMC04LjA3MSw2LjU0My0xNC42MTUsMTQuNjE1LTE0LjYxNWM4LjA3MiwwLDE0LjYxNSw2LjU0MywxNC42MTUsMTQuNjE1SDQzLjkzNXoiPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZVR5cGU9InhtbCIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgMjUgMjUiIHRvPSIzNjAgMjUgMjUiIGR1cj0iMC42cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4gPC9wYXRoPiA8L3N2Zz4=) no-repeat center;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}

.vue-form-generator .tab-head .tab-title{
    display: inline-block;
    background: #fff;
    margin-right: 5px;
    padding: 10px 15px;
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
    cursor: pointer;
}
.vue-form-generator .tab-head .tab-title.active{
   background: #ccc;
}

.vue-form-generator fieldset{
    margin-top: 15px;
    border: 1px solid #ddd;
    padding: 15px;
}

.vue-form-generator fieldset legend{
    background: #fff;
    font-weight: bold;
    color: #222;
    padding: 5px 10px;
}
.vue-form-generator div.field-map input{
    margin-bottom: 15px;
}
.vue-form-generator div.field-map .inputs{
    padding: 0;
}
.vue-form-generator .field-simpleArray ul{
    margin: 0;
}
.vue-form-generator .field-simpleArray li{
    display: flex;
}
.vue-form-generator .field-simpleArray span{
    margin-right: 4px;
}
.vue-form-generator .field-simpleArray input{
    border-color: #e8e8e8;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 4px;
    box-shadow: none;
}
.vue-form-generator .field-simpleArray button{
    border-color: #e8e8e8;
}
.vue-form-generator .field-simpleArray button:hover{
    border-color: #e8e8e8;
}

.vue-form-generator span.help .helpText{
    text-align: unset !important;
}

.vue-form-generator .item-container-v2 .content{
    background: #efefef;
    display: flex;
    flex-wrap: wrap;
}
.vue-form-generator .item-container-v2 .headerText{
    display: flex;
}
.vue-form-generator .item-container-v2 .headerText > span{
    flex-basis: 30%;
}
.vue-form-generator .item-container-v2 .headerText > span strong{
    display: block;
}
.vue-form-generator .item-container-v2 > .content > .vue-form-generator{
    flex: 0 0 100%;
    max-width: calc(100% - 50px);
}
.vue-form-generator .item-container-v2 > .content > .actions{
    flex: 0 0 50px;
}
.vue-form-generator .item-container-v2 > .content > .vue-form-generator .form-group.field-textArea{
    width: 100%;
}
.vue-form-generator .item-container-v2 > .content > .vue-form-generator input,
.vue-form-generator .item-container-v2 > .content > .vue-form-generator textarea,
.vue-form-generator .item-container-v2 > .content > .vue-form-generator textarea{
    background: #fff ;
}
.vue-form-generator .field-education .item-container-v2 > .content > .vue-form-generator .form-group,
.vue-form-generator .field-experience .item-container-v2 > .content > .vue-form-generator .form-group
{
    width: 33.33%;
}
.vue-form-generator .field-education .item-container-v2 > .content > .vue-form-generator .form-group.field-textArea,
.vue-form-generator .field-experience .item-container-v2 > .content > .vue-form-generator .form-group.field-textArea
{
    width: 100%;
}

.vue-form-generator .field-image .inner {
    width: 120px;
    height: 120px;
    position: relative;
    border-radius: 6px;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}

.vue-form-generator .field-image .inner:hover .remove{
     display: block;
}
.vue-form-generator .field-image .image-holder {
    width: 120px;
    height: 120px;
    border: 2px dashed #92a7bf;
    color: #90a0bc;
    text-align: center;
    font-size: 30px;
    background-color: #e6ebf4;
    border-radius: 6px;
    cursor: pointer;
    opacity: 0.5;
    background-size: cover;
}
.vue-form-generator .field-image .image-holder:hover{
     opacity: 1;
}
.vue-form-generator .field-image .image-holder i{
    position: absolute;
    font-style: normal;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.vue-form-generator .field-image .uploading .image-holder {
    background-color: #fff;
}
.vue-form-generator .field-image .uploading .image-holder i{
    display: none;
}
.vue-form-generator .field-image .image-preview{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    background-size: cover;
    background-repeat: no-repeat;
}
.vue-form-generator .field-image .remove{
    position: absolute;
    font-style: normal;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: none;
    cursor: pointer;
    background: red;
    color: #fff;
}

.vue-form-generator .field-coverImage{
    width: 100% !important;
}

.vue-form-generator .field-coverImage .inner {
    width: 100%;
    height: 250px;
    position: relative;
    border-radius: 6px;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    background: #f5f5f5;
}

.vue-form-generator .field-coverImage .inner.uploading {
    background-size: 24px;
    background: #f5f5f5 url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJsb2FkZXItMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI0MHB4IiBoZWlnaHQ9IjQwcHgiIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjZGRlNGY2IiBkPSJNNDMuOTM1LDI1LjE0NWMwLTEwLjMxOC04LjM2NC0xOC42ODMtMTguNjgzLTE4LjY4M2MtMTAuMzE4LDAtMTguNjgzLDguMzY1LTE4LjY4MywxOC42ODNoNC4wNjhjMC04LjA3MSw2LjU0My0xNC42MTUsMTQuNjE1LTE0LjYxNWM4LjA3MiwwLDE0LjYxNSw2LjU0MywxNC42MTUsMTQuNjE1SDQzLjkzNXoiPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZVR5cGU9InhtbCIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgMjUgMjUiIHRvPSIzNjAgMjUgMjUiIGR1cj0iMC42cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4gPC9wYXRoPiA8L3N2Zz4=) no-repeat center;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}

.vue-form-generator .field-coverImage .image-preview{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #eee;
}

.vue-form-generator .field-coverImage .image-holder, .vue-form-generator .field-coverImage .remove {
    position: absolute;
    top: auto;
    left: auto;
    right: 20px;
    bottom: 20px;
    transition: all 0.2s ease;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    background-color: #4c53b6;
}

.vue-form-generator .field-coverImage .remove{
    right: 45px;
}

.vue-form-generator .field-coverImage .inner.uploading .image-holder{
    background: none;
}
.vue-form-generator .field-coverImage .inner.uploading .image-holder, .vue-form-generator .field-coverImage .inner.uploading .remove{
    display: none;
}


.vue-form-generator .field-input .wrapper.has-prefix, .vue-form-generator .field-input .wrapper.has-suffix{
    display: flex;
}
.vue-form-generator .field-input .wrapper.has-prefix .prefix{
    width: auto;
    background: #fff;
    border: 1px solid #CFD4DD;
    border-radius: 3px 0 0 3px;
    padding: 0 15px;
    line-height: 44px;
    white-space: nowrap;
}
.vue-form-generator .field-input .wrapper.has-prefix input{
    border-left: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.vue-form-generator .field-input .wrapper.has-suffix .suffix{
    width: auto;
    background: #fff;
    border: 1px solid #CFD4DD;
    border-radius: 0 3px 3px 0;
    padding: 0 15px;
    line-height: 46px;
}
.vue-form-generator .field-input .wrapper.has-suffix input{
    border-right: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.vue-form-generator .field-array .item-container-v2 .content{
    margin-top: 0;
}
.vue-form-generator .field-array .item-container > .title {
    padding: 10px 20px;
    position: relative;
}
.vue-form-generator .field-array .item-container > .title a {
    text-decoration: none;
    color: #333333;
    float: none;
    display: block;
    padding-right: 36px;
    cursor: pointer;
}
.vue-form-generator .field-array .item-container > .title .actions {
    position: absolute;
    top: 50%;
    right: 30px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50px;
}
.vue-form-generator .field-array .item-container .actions a {
    float: left;
    width: 50%;
    text-align: right;
    color: #666;
    cursor: pointer;
    padding: 0;
    margin: 0;
    text-decoration: none;
    font-size: 14px;
}
.vue-form-generator .field-array .item-container .actions a:hover {
    color: #333;
}