/*
formBuilder - git@github.com:kevinchappell/formBuilder.git
Version: 1.5.2
Author: Kevin Chappell <kevin.b.chappell@gmail.com>
*/

.frmb {
    height: 100vh;
    overflow: scroll;
}

.btn,
.btn-group {
    display: inline-block;
    vertical-align: middle
}

.btn-group,
.btn-group>.btn,
.frmb li,
.input-group {
    position: relative;
}

* {
    box-sizing: border-box
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font: inherit;
    color: inherit
}

.btn,
.frmb li.disabled label,
.frmb li.no-fields label {
    font-weight: 400
}

textarea {
    overflow: auto
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

.btn-group>.btn {
    float: left
}

.btn {
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child),
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
    margin-left: -1px
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:hover,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
    z-index: 2
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}

.input-group .form-control,
.input-group-addon,
.input-group-btn {
    display: table-cell
}

.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.input-group {
    display: table;
    border-collapse: separate
}

.form-control,
output {
    display: block;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555
}

textarea.form-control {
    height: auto
}

.form-control {
    height: 34px;
    width: 100%;
    padding: 6px 12px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-group {
    margin-bottom: 15px
}

.btn,
.form-control {
    background-image: none
}

@font-face {
    font-family: fontello;
    src: url(data:application/font-woff;charset=utf-8;base64, ) format("woff"), url(data:application/font-ttf;charset=utf-8;base64, ) format("truetype"), url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><defs><font id="fontello" horiz-adv-x="1000" ><font-face font-family="fontello" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="850" descent="-150" /><missing-glyph horiz-adv-x="1000" /><glyph glyph-name="autocomplete" unicode="&#xe800;" d="m375 538h63v-63h-63v63z m-125 62h-62v-62h62v62z m125 0h-62v-62h62v62z m-250-62v-63h63v63h-63z m63-125h62v62h-62v-62z m125 0h62v62h-62v-62z m-63 125v-63h63v63h-63z m-125-563h63v63h-63v-63z m125 0h63v63h-63v-63z m125 0h63v63h-63v-63z m188 63h-63v-63h63v63z m437 593v-250c0-50-44-93-94-93h-31v-188-188c0-37-25-62-62-62h-750c-38 0-63 25-63 62v719c0 50 44 94 94 94h187 219v31 32h-62-63v31 31h156 157v-31-31h-63-62v-32-31h187 156c50 0 94-44 94-94z m-187-531h-375-375v-188h750v188z m-625 63v62h-63v-62h63z m125 0v62h-63v-62h63z m625 468c0 19-13 32-32 32h-343v-157-156h-32-31v31 32h-62v62h62v31 32h-62v62h62v31 32h-406c-19 0-31-13-31-32v-250c0-18 12-31 31-31h406v-62h-125v-32-31h156 157v31 32h-125v62h343c19 0 32 13 32 31v250z" horiz-adv-x="1000" /><glyph glyph-name="calendar" unicode="&#xe801;" d="m71-79h161v161h-161v-161z m197 0h178v161h-178v-161z m-197 197h161v178h-161v-178z m197 0h178v178h-178v-178z m-197 214h161v161h-161v-161z m411-411h179v161h-179v-161z m-214 411h178v161h-178v-161z m428-411h161v161h-161v-161z m-214 197h179v178h-179v-178z m-196 482v161q0 7-6 12t-12 6h-36q-7 0-12-6t-6-12v-161q0-7 6-13t12-5h36q7 0 12 5t6 13z m410-482h161v178h-161v-178z m-214 214h179v161h-179v-161z m214 0h161v161h-161v-161z m18 268v161q0 7-5 12t-13 6h-35q-8 0-13-6t-5-12v-161q0-7 5-13t13-5h35q8 0 13 5t5 13z m215 36v-715q0-29-22-50t-50-21h-786q-29 0-50 21t-21 50v715q0 29 21 50t50 21h72v54q0 36 26 63t63 26h36q37 0 63-26t26-63v-54h214v54q0 36 27 63t63 26h35q37 0 63-26t27-63v-54h71q29 0 50-21t22-50z" horiz-adv-x="928.6" /><glyph glyph-name="checkbox" unicode="&#xe802;" d="m844 538v-500c0-51-44-94-94-94h-562c-50 0-94 43-94 94v562c0 50 44 94 94 94h562c44 0 81-31 94-75l150 87-150-168z m-63-75l-300-363-306 406 306-100 300 182v12c0 19-12 31-31 31h-562c-19 0-32-12-32-31v-562c0-19 13-32 32-32h562c19 0 31 13 31 32v425z" horiz-adv-x="1000" /><glyph glyph-name="checkbox-group" unicode="&#xe803;" d="m0 788h1000v62h-1000v-62z m0-125h1000v62h-1000v-62z m375-125v-63h563v63h-563z m563-563v63h-563v-63h563z m-563 250h563v63h-563v-63z m-125-125l-156-94-94 32 94-126 156 188z m0 250l-156-94-94 32 94-125 156 187z m0 250l-156-94-94 32 94-125 156 187z" horiz-adv-x="1000" /><glyph glyph-name="radio-group" unicode="&#xe804;" d="m0 788h1000v62h-1000v-62z m0-125h1000v62h-1000v-62z m313-188h625v63h-625v-63z m625-187h-625v-63h625v63z m0-313v63h-625v-63h625z m-844 438c-50 0-94 43-94 93s44 94 94 94 94-44 94-94-44-93-94-93z m0 125c-19 0-31-13-31-32s12-31 31-31 31 13 31 31-12 32-31 32z m0-382c-50 0-94 44-94 94s44 94 94 94 94-38 94-94-44-94-94-94z m0 125c-19 0-31-12-31-31s12-31 31-31 31 19 31 31-12 31-31 31z m0-369c-50 0-94 44-94 94s44 94 94 94 94-44 94-94-44-94-94-94z m0 126c-19 0-31-13-31-32s12-31 31-31 31 12 31 31-12 32-31 32z" horiz-adv-x="1000" /><glyph glyph-name="rich-text" unicode="&#xe805;" d="m938 788h-875c-38 0-63-25-63-63v-750c0-38 25-63 63-63h875c37 0 62 25 62 63v750c0 38-25 63-62 63z m-875-132h50v-18h-50v18z m0-31h50v-19h-50v19z m875-650h-875v556h875v-556z m0 569h-875v19h875v-19z m0 31h-875v19h50v-13h93v13h82v-13h87v13h81v-13h94v13h75v-13h94v13h81v-13h94v13h44v-19z m-657 50v-19h-75v19h75z m-75 13v18h82v-18h-82z m250-13v-19h-81v19h81z m-81 13v18h81v-18h-81z m250-13v-19h-75v19h75z m-75 13v18h75v-18h-75z m250-13v-19h-81v19h81z m-81 13v18h81v-18h-81z m219-32h-50v19h50v-19z m0 32h-50v18h50v-18z m0 31h-50v6h-94v-12h-81v12h-88v-12h-75v12h-94v-12h-81v12h-94v-12h-75v12h-93v-12h-50v25h875v-19z m0 31h-875v19h875v-19z m-750-600v63h625v-63h-625z m625 125h-625v63h625v-63z m-125 125h-500v63h500v-63z" horiz-adv-x="1000" /><glyph glyph-name="select" unicode="&#xe806;" d="m0 850v-875h0c0-38 25-63 63-63h625c37 0 62 25 62 63h0v563h250v312h-1000z m63-62h625v-188h-625v188z m0-375h625v-188h-625v188z m0-438v188h625v-188h-625z m875 625h-188v188h188v-188z m-813 125h63v-62h-63v62z m0-625h63v-62h-63v62z m125 0h63v-62h-63v62z m125 0h63v-62h-63v62z m188 0v-62h-63v62h63z m-438 250h63v-62h-63v62z m125 0h63v-62h-63v62z m125 0h63v-62h-63v62z m469 306l-63 69h119l-56-69z m-719-181v63h63v-63h-63l0 0z m125 0v63h63v-63h-63l0 0z" horiz-adv-x="1000" /><glyph glyph-name="text-area" unicode="&#xe807;" d="m188 163v62h500v-62h-500l0 0z m0 250h625v62h-625v-62l0 0z m0-63v-62h625v62h-625l0 0z m625 250h-625v-62h625v62l0 0z m187-625v750c0 38-25 63-62 63h-875c-38 0-63-25-63-63v-750c0-38 25-63 63-63h875c37 0 62 25 62 63z m-62 750v-750h-875v750h875z" horiz-adv-x="1000" /><glyph glyph-name="output-field" unicode="&#xe808;" d="m938 600h-657v63h94v62h-94-62-94v-62h94v-63h-156c-38 0-63-31-63-62v-375c0-38 25-63 63-63h156v-62h-94v-63h250v63h-94v62h657c37 0 62 25 62 63v375c0 31-25 62-62 62z m-875-437v375h156v-375h-156z m875 0h-657v375h657v-375z" horiz-adv-x="1000" /><glyph glyph-name="pencil" unicode="&#xe809;" d="m203-7l50 51-131 131-51-51v-60h72v-71h60z m291 518q0 12-12 12-5 0-9-4l-303-302q-4-4-4-10 0-12 13-12 5 0 9 4l303 302q3 4 3 10z m-30 107l232-232-464-465h-232v233z m381-54q0-29-20-50l-93-93-232 233 93 92q20 21 50 21 29 0 51-21l131-131q20-22 20-51z" horiz-adv-x="857.1" /><glyph glyph-name="attach" unicode="&#xe80a;" d="m783 77q0-65-44-109t-109-44q-75 0-131 55l-434 434q-63 64-63 151 0 88 62 150t150 62q88 0 152-63l338-338q5-5 5-12 0-9-17-26t-26-17q-7 0-13 5l-338 339q-44 43-101 43-59 0-100-42t-40-101q0-58 42-101l433-433q35-35 81-35 36 0 59 23t24 59q0 46-36 81l-324 324q-14 14-33 14-16 0-27-11t-11-27q0-18 14-33l229-228q6-6 6-13 0-9-18-26t-26-17q-7 0-12 5l-229 229q-35 34-35 83 0 46 32 78t77 32q49 0 83-36l325-324q55-54 55-131z" horiz-adv-x="785.7" /></font></defs></svg>') format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" icon-"]:before,
[class^=icon-]:before {
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-autocomplete:before {
    content: '\e800'
}

.icon-calendar:before {
    content: '\e801'
}

.icon-checkbox:before {
    content: '\e802'
}

.icon-checkbox-group:before {
    content: '\e803'
}

.icon-radio-group:before {
    content: '\e804'
}

.icon-rich-text:before {
    content: '\e805'
}

.icon-select:before {
    content: '\e806'
}

.icon-text-area:before {
    content: '\e807'
}

.icon-output-field:before {
    content: '\21c7'
}

.icon-button:before {
    content: '\25a3'
}

.icon-plot:before {
    content: '\223f'
}

.icon-pencil:before {
    content: '\e809'
}

.icon-attach:before {
    content: '\e80a'
}

.frmb li {
    clear: both;
    margin-left: 0;
    margin-bottom: 5px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #fff;
    -webkit-transition: border 250ms ease-in-out;
    transition: border 250ms ease-in-out;
    padding: 6px
}

.frmb li:hover {
    border: 1px solid #b3b3b3
}

.frmb li:hover li:hover {
    background: #fefefe
}

.frmb li.frmb-placeholder,
.frmb li.ui-state-highlight {
    background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0, #545454), color-stop(75%, transparent));
    background: -webkit-radial-gradient(center, ellipse, #545454 0, transparent 75%);
    background: radial-gradient(ellipse at center, #545454 0, transparent 75%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#545454', endColorstr='#00000000', GradientType=1);
    -webkit-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
    border: 0;
    height: 5px;
    visibility: visible
}

.frmb li.disabled input[type=checkbox] {
    float: left;
    margin-right: 10px
}

.frmb li.disabled label {
    font-size: 12px;
    color: #666
}

.frmb li.disabled .prev-holder {
    cursor: default;
    line-height: 28px;
    padding-left: 5px
}

.frmb li a.remove {
    opacity: 1
}

.frmb li.cta {
    font-size: 30px;
    padding: 20% 0;
    text-align: center
}

.frmb a.btn {
    border: 1px solid #fff;
    color: #000;
    text-decoration: none
}

.frmb a.del-button,
.frmb a.remove {
    position: absolute;
    top: -1px;
    right: -1px;
    display: inline-block;
    opacity: 0;
    border-radius: 0 5px 0 0;
    border-color: #b3b3b3
}

.frmb a.del-button:hover,
.frmb a.remove:hover {
    border-color: #c66865;
    color: #c66865
}

.frmb li.delete:hover,
.frmb li:hover li.delete:hover {
    background-color: #fdd
}

.frmb.disabled {
    padding: 0 5px
}

.frmb.disabled:hover {
    border-color: transparent
}

.frmb.disabled .form-element {
    float: none;
    margin-bottom: 10px;
    overflow: visible;
    padding: 5px 0;
    position: relative
}

.frmb.disabled .tooltip-element {
    display: inline;
    visibility: visible
}

.frmb .frm-holder {
    display: none
}

.frmb .tooltip {
    left: 20px
}

.frmb .prev-holder {
    display: block
}

.frmb .required_asterisk {
    display: none
}

.frmb .field-label,
.frmb .legend {
    color: #666;
    margin-bottom: 5px
}

.frmb .disabled .field-label {
    display: block
}

.kc-toggle {
    position: relative;
    margin: 4px 0 0 2px;
    width: 60px;
    height: 21px;
    border-radius: 3px;
    cursor: pointer;
    overflow: hidden;
    display: inline-block;
    background: #e9e9e9;
    border: 1px solid #cbcbcb;
    vertical-align: bottom;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.kc-toggle .kct-inner {
    position: absolute;
    top: 0;
    left: -28px;
    width: 115px;
    height: 100%;
    -webkit-transition: left 150ms ease;
    transition: left 150ms ease
}

.kc-toggle.on .kct-inner {
    background: #e2e2e2;
    background: -webkit-linear-gradient(top, #e2e2e2 0, #fff 100%);
    background: linear-gradient(to bottom, #e2e2e2 0, #fff 100%);
    left: 0
}

.kc-toggle input {
    display: none;
    position: absolute;
    z-index: -1;
    opacity: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%
}

.kct-handle,
.kct-off,
.kct-on,
.stage-wrap {
    position: relative
}

.kc-toggle .kct-on {
    color: #12a912
}

.kct-off {
    color: #666
}

.kct-handle,
.kct-off,
.kct-on {
    width: 28px;
    height: 100%;
    font-family: Arial, Tahoma, sans-serif;
    font-size: 12px;
    text-align: center;
    line-height: 22px;
    font-weight: 700;
    float: left
}

.kct-handle {
    height: 17px;
    background: #fff;
    background: -webkit-linear-gradient(top, #fff 0, #cecece 100%);
    background: linear-gradient(to bottom, #fff 0, #cecece 100%);
    border: 1px solid #999;
    font-weight: 100;
    color: #4b4b4b;
    text-shadow: none;
    border-radius: 3px;
    margin: 1px
}

textarea.idea-template {
    display: none;
    width: 617px;
    color: #fefefe;
    font: 13px/19px courier;
    padding-left: 40px;
    height: 1055px
}

.template-textarea-wrap {
    display: none;
    height: 250px;
    overflow-x: hidden;
    overflow-y: auto
}

.template-textarea-wrap textarea {
    width: 98%;
    height: 92%
}

.form-wrap:after {
    content: "";
    display: table;
    clear: both
}

.cb-wrap,
.stage-wrap {
    vertical-align: top
}

.cb-wrap {
    float: left;
    width: 15%;
    height: 100vh;
    background-color: #ddd;
}

.stage-wrap {
    float: right;
    width: 85%;
    /*margin-right:2%*/
}

.stage-wrap .action-links {
    width: calc(100% - 141px);
    display: none;
    float: right;
    overflow: hidden;
    text-align: right
}

.stage-wrap.empty:after {
    content: attr(data-content);
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
    margin-top: -1em;
    font-weight: bold;
}

.stage-wrap .action-links .active {
    font-weight: 700;
    color: #000
}

.action-links .action-links-inner {
    overflow: hidden;
    width: 0;
    height: 20px;
    -webkit-transition: width 250ms;
    transition: width 250ms
}

.action-links .dev-mode-link {
    -webkit-transition: color 250ms;
    transition: color 250ms;
    color: #666;
    cursor: pointer;
    padding-right: 2px
}

.form-elements .fields div:hover,
.frmb .legend,
.frmb .prev-holder,
.frmb .prev-holder *,
ol.sortable-options li {
    cursor: move
}

.cb-wrap h4 {
    margin-top: 0;
    color: #666
}

.cb-wrap .save:hover {
    color: #08fe00
}

.stage-wrap h4 {
    margin-top: 0;
    color: #666
}

.action-links a.clear-all:hover,
.del-button:hover,
ul.frmb span.required {
    color: #C10000
}

.action-links a {
    color: #666
}

.view-xml {
    float: right
}

.action-links a.view-xml:hover {
    color: #000
}

.form-elements {
    background: #f7f7f7;
    box-shadow: inset 0 0 2px 0 #999;
    border-radius: 3px;
    margin: 5px 0 0;
    padding: 10px 5px
}

.form-elements .false-label,
.form-elements .fields {
    margin-top: 10px
}

.form-elements .fields {
    width: 70%;
    float: left
}

.form-elements .fields .add-area .add {
    clear: both
}

.form-elements .fields .remove {
    right: 9px;
    top: 9px;
    padding: .2em .6em;
    border-radius: 0 3px 3px 0
}

.form-elements .sortable-options li:nth-child(1) .remove,
.form-elements .sortable-options li:nth-child(2) .remove {
    display: none
}

ol.sortable-options {
    margin-top: 0
}

.form-elements .fields div {
    clear: both;
    position: relative
}

.form-elements .fields input[type=checkbox],
.form-elements .fields input[type=radio] {
    float: left;
    margin-right: 5px
}

.form-elements .fields input[type=text] {
    width: 39%;
    margin-right: 2%
}

.form-elements input[type=text] {
    width: 70%;
    -webkit-transition: background 250ms ease-in-out;
    transition: background 250ms ease-in-out;
    padding: 5px;
    border: 1px solid #AFAFAB;
    background-color: #fff
}

.form-elements input[type=text].error {
    border-radius: 0;
    border: 1px solid #C10000
}

.form-elements input[type=text].fld-max-length {
    width: 10%
}

.form-elements input.field_error {
    background: #fefefe;
    border: 1px solid #afafab
}

.form-elements .false-label,
.form-elements label {
    width: 18%;
    float: left;
    margin-left: 5px;
    padding-right: 5%;
    font-weight: 700;
    clear: left;
    text-align: right;
    line-height: 32px
}

.form-elements label.multiple,
.form-elements label.required_label,
.form-elements label.roles_label,
.form-elements label.toggle-label {
    float: none;
    display: inline;
    font-weight: 400;
    width: auto
}

.form-elements label em {
    display: block;
    font-weight: 400;
    font-size: .75em
}

.form-elements label.max-length-label {
    line-height: 1em
}

.form-elements .allow-multi input {
    margin-top: 10px
}

.allow-select .form-elements .allow-multi,
.allow-select .form-elements .select-option,
.edit-names .form-elements .name-wrap {
    display: block!important
}

.frm-fld {
    clear: left;
    padding: 5px 0
}

.frm-fld .available-roles {
    display: none;
    padding: 5px 10px;
    margin: 5px 0 10px 133px;
    width: 434px;
    background: #e6e6e6;
    box-shadow: inset 0 0 2px 0 #999
}

.form-elements .available-roles label {
    font-weight: 400;
    width: auto;
    float: none;
    display: inline
}

.form-elements .available-roles input {
    display: inline;
    top: auto
}

.form-elements,
.frm-fld,
.multi-row span,
textarea {
    display: block
}

.form-elements:after,
.frm-fld:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.prev-holder input[type=checkbox],
.prev-holder input[type=radio] {
    margin-right: 5px
}

.frmb-tt {
    position: absolute;
    border: 1px solid #262626;
    background-color: #666;
    border-radius: 5px;
    padding: 5px;
    color: gray;
    z-index: 20;
    text-align: left;
    font-size: 12px
}

.frmb-tt:after,
.frmb-tt:before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 10px 10px 0;
    border-color: #666 transparent;
    display: block;
    width: 0;
    z-index: 1;
    margin-left: -10px;
    bottom: -10px;
    left: 20px
}

.frmb-tt:before {
    border-color: #262626 transparent;
    bottom: -11px
}

.frmb-tt a {
    text-decoration: underline;
    color: #fff
}

.frmb li.moving,
.frmb li.ui-sortable-helper,
.frmb-control li.moving,
.frmb-control li.ui-sortable-helper {
    -webkit-transition: box-shadow 250ms ease-in-out;
    transition: box-shadow 250ms ease-in-out;
    box-shadow: 2px 2px 6px 0 #666;
    border: 1px solid #fff;
    height: 100vh;
}

.frmb li:hover .del-button,
.frmb li:hover .toggle-form {
    opacity: 1
}

.fresh .frmb .legend .element-info {
    display: inline-block;
    visibility: visible;
    line-height: 12px;
    margin-left: 6px
}

.frmb-control li {
    cursor: move;
    list-style: none;
    border-radius: 2px;
    margin: 0 0 5px;
    padding: 10px;
    text-align: left;
    background: #ddd;
    /*border:1px solid #000*/
}

.frmb-control li:before {
    margin-right: 10px
}

.frmb-control li:hover {
    border: 1px solid #ccc
}

.frmb-control li.ui-state-highlight {
    background-image: none
}

.frmb-control,
table.form ul.frmb-control {
    margin: 0;
    padding: 0;
    /*min-width:208px*/
}

.frmb-xml pre.ui-dialog-content {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    font-size: 12px;
    padding: 0 30px;
    margin-top: 0
}

.action-links a.export-xml:hover,
.toggle-form.closed:hover {
    color: #6fc245
}

a.btn.toggle-form {
    border-radius: 2px;
    margin-left: 5px;
    opacity: 0
}

a.btn.toggle-form:hover {
    border-color: #ccc
}

a.btn.toggle-form:before {
    margin: 0
}

ul.frmb {
    list-style-type: none;
    min-height: 200px;
    border: 1px solid #efefef;
    margin: 0 0 5px;
    padding: 5px 5px 0
}

.formb-field-vars .copy-var {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: #999;
    text-indent: -9999px
}

.formb-field-vars .clipboard {
    background: url(img/clipboard-sprite.png) 50% 0 no-repeat
}

.formb-field-vars .clipboard.copied {
    background: url(img/clipboard-sprite.png) 50% -27px no-repeat
}

.ite-warning {
    box-shadow: 1px 1px 4px 0 rgba(50, 50, 50, .5);
    border-radius: 0;
    border: 1px solid #ddd;
    font-size: 12px;
    line-height: 1.5em
}

.ite-warning .ui-dialog-buttonpane {
    height: 27px
}

.ite-warning button {
    color: #4479B9;
    margin: 0
}

.ite-warning button:focus {
    outline: 0;
    font-weight: 700
}

.ite-warning button.cancel:before {
    content: "|";
    margin-right: 15px;
    padding: 0
}

.ite-warning .ui-dialog-content {
    padding: 0 15px 10px
}

.ite-warning .ui-dialog-titlebar-close {
    display: none
}

.ite-warning .ui-widget-header {
    height: 15px
}

.ite-warning h3 {
    color: #666;
    margin-bottom: 10px
}

.ite-warning button {
    background: 0 0;
    padding: 2px 5px
}

.fb-button {
    padding: 5px 10px;
    background: #00A261;
    color: #fff;
    border-radius: 5px;
    cursor: pointer
}

.fb-button:hover {
    text-decoration: none
}

.save-btn-wrap {
    float: left;
    width: auto
}

.required-asterisk {
    display: none;
    color: #C10000
}

[tooltip] {
    position: relative
}

[tooltip]:hover:after {
    background: #262626;
    background: rgba(0, 0, 0, .9);
    border-radius: 5px 5px 5px 0;
    bottom: 23px;
    color: #fff;
    content: attr(tooltip);
    padding: 10px 5px;
    position: absolute;
    z-index: 98;
    left: 2px;
    width: 230px;
    text-shadow: none;
    font-size: 12px;
    line-height: 1.5em
}

[tooltip]:hover:before {
    border: solid;
    border-color: #222 transparent;
    border-width: 6px 6px 0;
    bottom: 17px;
    content: "";
    left: 2px;
    position: absolute;
    z-index: 99
}

.tooltip-element {
    color: #fff;
    background: #000;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    display: inline-block;
    text-align: center;
    line-height: 16px;
    margin: 0 5px;
    font-size: 12px
}