.fb-button, .fb-tabs li {
    display: inline-block
}

.fb-button {
    margin: 0;
    padding: .563rem .844rem;
    background: #295b84;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    line-height: 1.5;
    cursor: pointer;
    border-radius: .125rem;
    border: thin solid #003056;
    border-bottom: 2px solid #003056
}

.fb-tabs li a, .fb-tabs2 li a {
    font-size: 13px;
    cursor: pointer
}

.fb-button[disabled] {
    position: fixed;
    left: 66.5%;
    background: #444 !important;
    border: thin solid #ccc;
    color: #fff !important;
    text-shadow: none !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    opacity: .65;
    cursor: default
}

.fb-clear {
    clear: both
}

.fb-main {
    width: 100%;
    padding: 0;
    position: relative;
    height: 100%
}

.fb-save-wrapper {
    position: absolute;
    right: 30px;
    top: 10px
}

.fb-left > div {
    height: 100%;
    overflow: auto
}

.fb-left {
    float: left;
    width: 320px;
    padding-top: 0px;
    margin-top: 0 !important;
    height: 100%
}

.fb-right {
    padding: 70px 10px 10px;
    margin-left: 320px;
    border-left: 1px solid #ddd;
    height: 100%;
    overflow: auto;
    background: #fff
}

.fb-no-response-fields {
    color: #999
}

.fb-tabs {
    list-style: none;
    margin: 0 0 20px;
    padding: 0 0 0 0px;
    background: #fff;
    border-bottom: 1px solid #ccc
}

    .fb-tabs li a {
        display: block;
        color: #295b84;
        font-weight: bold;
        padding: 10px;
        border-radius: 0px;
        border-left: 1px solid transparent;
        border-right: 1px solid transparent
    }

    .fb-tabs li.active a {
        background: #295b84;
        margin-bottom: -1px;
        border-bottom-color: #fff;
        color: #fff;
        font-weight: bold;
    }

.fb-tabs2 {
    list-style: none;
    padding-left: 0px !important;
    /*border-bottom:1px solid #e7eefb;*/
    border-top: 1px solid #e7eefb;
    border-right: 1px solid #e7eefb;
    background: #fff
}

    .fb-tabs2 li {
        display: inline-block;
        /*margin-left:12px*/
    }

        .fb-tabs2 li a {
            display: block;
            padding: 6px;
            background: #fff;
            /*border-radius:5px 5px 0 0;border:1px solid #ccc*/
        }

        .fb-tabs2 li.active a {
            margin-bottom: 0;
            color: #f0f8ff;
            font-weight: 700;
        }

.fb-tab-content .fb-tab-pane {
    padding: 0 20px;
    display: none
}

    .fb-tab-content .fb-tab-pane.active {
        display: block;
        background: #e7eefb !important
    }

.fb-add-field-types .section {
    padding-bottom: 5px;
    margin-bottom: 20px
}

.fb-add-field-types {
    font-size: 0
}

    .fb-add-field-types a {
        font-size: 13px;
        display: inline-block;
        width: 48.5%;
        margin-bottom: 9px;
        box-sizing: border-box
    }

        .fb-add-field-types a:nth-child(odd) {
            margin-right: 3%
        }

        .fb-add-field-types a .symbol {
            margin: 0 .25em 0 -1em;
            color: #fff !important;
            font-size: 13px !important
        }

.fb-response-fields {
    padding-bottom: 150px
}

    .fb-response-fields a.sortable-placeholder {
        display: block;
        border: 1px dashed #ddd;
        min-height: 80px;
        height: 80px;
        width: 100%
    }

.fb-field-wrapper {
    cursor: pointer;
    position: relative;
    margin-bottom: 20px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 2px 3px rgba(0,0,0,.2)
}

    .fb-field-wrapper input {
        border-radius: 3px;
        border: thin solid #ddd
    }

    .fb-field-wrapper.editing .actions-wrapper, .fb-field-wrapper:hover .actions-wrapper {
        display: block
    }

    .fb-field-wrapper:hover .subtemplate-wrapper {
        border-color: #ddd;
        border-radius: 3px
    }

    .fb-field-wrapper.editing {
        background-color: #fff;
        border-radius: 3px
    }

        .fb-field-wrapper.editing .subtemplate-wrapper {
            border-color: #d9e1e3;
            border-style: solid;
            margin: 0;
            border-radius: 3px;
            background: #e7eefb
        }

    .fb-field-wrapper .actions-wrapper {
        display: none;
        position: absolute;
        bottom: -7px;
        right: 5px;
        z-index: 3
    }

        .fb-field-wrapper .actions-wrapper a {
            display: inline-block;
            background-color: #ccc;
            padding: 2px 8px
        }

.edit-response-field input, .edit-response-field select, .edit-response-field textarea {
    border: thin solid #ddd;
    border-radius: .25em;
    padding: .5em;
    display: inline-block;
    height: auto;
    vertical-align: middle
}

    .edit-response-field input:focus, .edit-response-field select:focus, .edit-response-field textarea:focus {
        outline: 0;
        border: thin solid #1abc9c
    }

.edit-response-field select {
    font-size: 14px
}

.fb-edit-field-wrapper .js-add-option, .fb-field-wrapper .actions-wrapper a.js-duplicate {
    background-color: #295b84;
    border: none
}

.fb-edit-field-wrapper .js-remove-option, .fb-field-wrapper .actions-wrapper a.js-clear {
    background-color: #0B0402;
    border: none
}

.fb-field-wrapper .subtemplate-wrapper {
    border: 1px dashed transparent;
    margin-bottom: 10px;
    padding: 10px;
    position: relative;
    background: #fff
}

    .fb-field-wrapper .subtemplate-wrapper .cover {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 2
    }

    .fb-field-wrapper .subtemplate-wrapper > label {
        display: block;
        border-bottom: thin solid #eee;
        padding-bottom: 3px;
        margin-bottom: 7px;
        color: #295b84
    }

    .fb-field-wrapper .subtemplate-wrapper abbr {
        color: red
    }

.fb-field-wrapper .input-line {
    clear: both;
    margin-bottom: 10px
}

    .fb-field-wrapper .input-line .above-line {
        margin-top: 7px
    }

    .fb-field-wrapper .input-line > span {
        display: inline-block;
        vertical-align: top
    }

        .fb-field-wrapper .input-line > span input {
            width: 100%
        }

        .fb-field-wrapper .input-line > span > label {
            display: block;
            font-size: 13px;
            margin-left: 3px
        }

.fb-field-wrapper .help-block {
    display: block;
    font-size: 12px;
    margin-top: 5px
}

.fb-edit-field-wrapper {
    font-size: 13px
}

    .fb-edit-field-wrapper .fb-field-label {
        font-weight: bold;
        background: #eee;
        padding: 0px 5px 2px 5px;
        color: #666;
        font-size: 1.25em
    }

        .fb-edit-field-wrapper .fb-field-label .field-type {
            margin-top: .5em;
            display: block;
            font-size: 1em
        }

            .fb-edit-field-wrapper .fb-field-label .field-type:before {
                content: 'Type: ';
                color: #999
            }

        .fb-edit-field-wrapper .fb-field-label .fa.fa-arrow-right {
            display: none
        }

    .fb-edit-field-wrapper .fb-edit-section-header {
        border-bottom: 1px solid #ddd;
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 5px;
        background: #f4f4f4;
        clear: both;
        font-weight: 700
    }

    .fb-edit-field-wrapper .js-add-option, .fb-edit-field-wrapper .js-remove-option {
        padding: 3px 6px
    }

    .fb-edit-field-wrapper .fb-bottom-add {
        margin-top: 8px
    }

.fb-common-wrapper .fb-label-description {
    margin-bottom: 10px
}

    .fb-common-wrapper .fb-label-description input, .fb-common-wrapper .fb-label-description textarea {
        width: 100%
    }

    .fb-common-wrapper .fb-label-description textarea {
        min-height: 5em;
        margin-top: 10px
    }

.response-field-draggable-helper {
    border: 1px dashed #ddd;
    background: #eee
}

.response-field-text input.rf-size-small {
    width: 130px
}

.response-field-text input.rf-size-medium {
    width: 300px
}

.response-field-text input.rf-size-large {
    width: 100%
}

.response-field-paragraph textarea.rf-size-small {
    width: 200px;
    min-height: 60px
}

.response-field-paragraph textarea.rf-size-medium {
    width: 400px;
    min-height: 100px
}

.response-field-paragraph textarea.rf-size-large {
    width: 100%;
    min-height: 200px
}

.response-field-address .street {
    width: 400px
}

.response-field-address .city, .response-field-address .country, .response-field-address .state, .response-field-address .zip {
    width: 198px
}

.response-field-date .day, .response-field-date .month, .response-field-date .year, .response-field-time .hours, .response-field-time .minutes, .response-field-time .seconds {
    width: 50px
}

.response-field-checkboxes .fb-option, .response-field-radio .fb-option {
    margin-bottom: 5px;
    display: inline-block
}

.response-field-website input {
    width: 200px
}

.formdiv {
    width: 100%
}

    .formdiv li {
        width: 100%;
        margin-bottom: 10px;
        float: left
    }

        .formdiv li a {
            color: #000;
            background: #e7eefb;
            padding: 5px 10px;
            font-size: 15px;
            display: block
        }

            .formdiv li a.selected {
                background: #295b84;
                color: #fff !important
            }

                .formdiv li a.selected span {
                    color: #fff !important
                }

.number {
    padding: 6px 11px;
    font-weight: 700;
    color: #000;
    background: #D8D8D8;
    font-size: 15px;
    border-radius: 40px
}

#Properties label {
    font-size: 14px;
    color: #751b63
}

.Translationfield td {
    padding: 5px;
    font-weight: 700
}

.fb-add-field-types .active span {
    color: #fff !important
}

.dynamicheight {
    height: 100%
}

.fb-tabs2 .table {
    box-shadow: none !important
}