/*! angular-form-gen v0.0.2 (c) 2014 (null) McNull https://github.com/McNull/angular-form-gen License: MIT */
.fg-field-required .control-label:after{
    content:' *';
    color:#888
}
.fg-legend-extra{
    color:#999;
    font-weight:lighter;
    display:inline-block
}
.fg-dropdown{
    z-index:50
}
.fg-dropdown.open{
    position:absolute
}
.fg-dropdown .dropdown-menu{
    position:static;
    top:0;
    left:0;
    float:none;
    max-height:250px;
    overflow-y:auto
}
.form .fg-edit{
    margin-left:-15px;
    margin-right:-15px
}
.fg-edit-canvas .fg-field,.fg-edit-palette .fg-field{
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    padding:10px;
    margin-bottom:20px;
    background-color:#fff;
    border:1px solid #ddd;
    border-radius:4px;
    position:relative
}
.fg-edit-canvas .fg-field,.fg-edit-palette .fg-field:hover{
    background-color:#f5f5f5
}
.fg-edit-canvas-field .form-group,.fg-edit-palette .form-group{
    margin-top:5px;
    margin-bottom:0
}
.fg-field{
    min-height:25px
}
.fg-edit-canvas .fg-field.error{
    background-color:#f2dede;
    border-color:#b94a48
}
.fg-field-overlay{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:10;
    filter:alpha(opacity=0);
    background:#FFF;
    background:rgba(255,255,255,0);
    cursor:move
}
.fg-field-overlay .btn-toolbar{
    position:absolute;
    margin:0;
    top:-10px
}
.fg-field-overlay .btn-toolbar-right{
    right:5px
}
.fg-field-overlay .btn-toolbar-left{
    left:5px
}
.fg-field-overlay .btn-toolbar .btn[disabled]{
    -moz-opacity:1;
    opacity:1;
    filter:alpha(opacity=100);
    color:#ccc;
    cursor:not-allowed;
    pointer-events:auto
}
.fg-field-inner .controls>div>.checkbox:first-child,.fg-field-inner .controls>div>.radio:first-child{
    padding-top:5px
}
.fg-form .checkbox,.fg-form .radio{
    margin-top:0;
    margin-bottom:5px
}
.form-horizontal .fg-form .checkbox,.form-horizontal .fg-form .radio{
    margin-bottom:0
}
.fg-validation-summary{
    margin-top:10px
}
.jsonify{
    margin-top:10px;
    position:relative
}
.jsonify .btn-toolbar-right{
    right:5px
}
.jsonify .btn-toolbar{
    position:absolute;
    margin:0;
    top:-10px
}
.fg-tabs>.nav-tabs{
    margin-bottom:0
}
.fg-tabs .tab-content{
    padding:10px;
    border:1px solid #ddd;
    border-top:none;
    border-radius:0 0 4px 4px
}
.fg-edit-canvas .fg-field-properties .control-group{
    margin-bottom:10px
}
.fg-edit-canvas .fg-field.fg-edit-canvas-field{
    padding-top:15px;
    padding-bottom:15px
}
.fg-edit-canvas-area{
    min-height:340px;
    border-radius:4px;
    border:1px solid #ddd;
    padding:20px
}
.fg-edit-canvas-area-empty{
    left:20px;
    right:20px;
    bottom:20px;
    top:20px;
    margin:0
}
.fg-edit-canvas-area-empty-x{
    font-size:200px;
    line-height:200px
}
.fg-drag-placeholder{
    margin-bottom:0;
    opacity:0;
    -webkit-filter:aplha(opacity(0));
    filter:aplha(opacity(0));
    -webkit-transition:height 0ms linear,opacity 0ms;
    transition:height 0ms linear,opacity 0ms;
    height:0;
    display:none
}
.fg-edit-canvas-dragging .fg-drag-placeholder{
    display:block;
    -webkit-transition:height 100ms linear,opacity 500ms,margin-bottom 100ms;
    transition:height 100ms linear,opacity 500ms,margin-bottom 100ms
}
.fg-drag-placeholder-visible{
    margin-bottom:20px;
    border-radius:4px;
    border:1px dashed #3a87ad;
    background-color:#d9edf7;
    height:74px;
    opacity:1;
    -webkit-filter:aplha(opacity(100));
    filter:aplha(opacity(100))
}
.fg-field-overlay-drag-bottom,.fg-field-overlay-drag-top{
    height:50%
}
.fg-field-properties .fg-field-not-in-cache{
    margin-left:20px;
    margin-right:20px;
    margin-bottom:0
}
.fg-edit-canvas .fg-field.dragging{
    display:none
}
@media (max-width:768px){
    .fg-edit-canvas-area{
        min-height:inherit;
        padding:0;
        border:none
    }
    .fg-edit-canvas-area-empty{
        position:static;
        margin-bottom:20px
    }
}
.fg-edit-palette .form-group{
    margin:0
}
.fg-field-drag{
    opacity:.8
}
.fg-edit-palette legend{
    position:relative;
    cursor:pointer
}
.fg-edit-palette legend .caret{
    border-top:4px solid #999
}
.fg-edit-palette legend:hover{
    color:#333
}
.fg-edit-palette legend:hover .caret{
    border-top:4px solid #333
}
.fg-edit-palette legend .dropdown-menu{
    font-size:14px;
    line-height:20px;
    right:auto;
    left:auto
}
.fg-edit-palette .control-label,.form .control-label{
    float:none;
    width:100%;
    text-align:left;
    padding:0
}
.fg-edit-palette .fg-field-inner>div,.form .fg-field-inner>div,.form .fg-property-field>div{
    margin-left:0;
    width:100%;
    float:none;
    padding:0
}
.fg-field-properties-container{
    max-height:0;
    overflow:hidden;
    -webkit-transition:.5s;
    transition:.5s
}
.fg-field-properties-container.visible{
    max-height:1000px
}
.fg-field-properties{
    position:relative;
    margin:15px 0;
    padding-top:10px;
    padding-left:10px;
    padding-right:10px;
    background-color:#fff;
    border-radius:4px;
    border:1px solid #ddd;
    -webkit-touch-callout:initial;
    -webkit-user-select:initial;
    -khtml-user-select:initial;
    -moz-user-select:text;
    -ms-user-select:initial;
    user-select:initial;
    z-index:20
}
.table-field-options td,.table-field-options th{
    vertical-align:middle;
    padding:5px
}
.table-field-options td{
    border:0;
    line-height:30px
}
.table-field-options input[type=checkbox],.table-field-options input[type=radio]{
    margin-top:0
}
.table-field-options th.table-field-options-padding{
    width:100%
}
.fg-field-properties .fg-tabs{
    margin-bottom:10px
}
@media (min-width:480px) and (max-width:979px){
    .table-field-options input[type=text]{
        width:130px
    }
}
@media (max-width:480px){
    .table-field-options input[type=text]{
        width:90px
    }
    .fg-field-properties{
        padding:10px
    }
}
.table-field-options .form-control{
    width:auto
}
.fg-property-field-validation{
    padding:5px 0
}
.fg-property-field-validation div.checkbox{
    padding-top:0
}