.fr-toolbar {
    font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
}


    .fr-box {
        min-height: 160px;
        border: 1px solid #eee;
    }

        .fr-box .fr-wrapper {
/*            margin: 10px 15px; */
        }
            .fr-box .fr-wrapper.fr-basic {
                margin: 0;
                border: 0;
            }
        .fr-box .fr-element, .fr-box.fr-basic .fr-element {
            padding: 10px 15px;
        }

    .fr-element.f-placeholder+span.fr-placeholder, .f-form-fields .fr-placeholder {
        color: #aaa;
    }


    .fr-basic {
        border: 1px solid #eee;
    }
        .fr-toolbar.fr-basic {
            box-shadow: 0px 4px 2px -2px rgba(0, 0, 0, 0.1);
        }
        .fr-wrapper.fr-basic {
            border: none;
            background: none;
        }
            .fr-fullscreen .fr-wrapper.fr-basic {
                background: #fff;
            }

        .fr-toolbar .fr-command.fr-btn, .fr-toolbar .fr-command.fr-trigger, .fr-toolbar .fr-command.fr-trigger:after, .fr-popup .fr-command.fr-btn {
            color: #444;
            font-size: 14px;
        }
            .fr-toolbar .fr-command.fr-btn:disabled {
                color: #bbb !important;
            }
            .fr-toolbar .fr-command.fr-btn i, .fr-toolbar .fr-command.fr-trigger i, .fr-toolbar .fr-command.fr-trigger:after i, .fr-popup .fr-command.fr-btn i {
                font-size: 14px;
            }


        .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
            font-size: 14px;
            padding: 0 12px;
            line-height: 120%;
            margin: 10px 0;
        }

        .fr-toolbar span.fr-separator {
            border-right: solid 1px #eee;

        }

        .fr-element {
            background-color: #fff;
        }
            .tab-pane textarea.section-editor { /* hide textarea until rendered by Froala */
                display: none;
            }
            .fr-element p {
                font-weight: 300;
            }
            .tocify-content .fr-element h2:nth-child(n+3) {
                margin-top: 12px;
            }

    .tab-pane .fr-box {
        margin: -10px -15px;
        border: 0;
    }
        .tab-pane .fr-toolbar.fr-basic {
            border-left: 0; border-right: 0;
        }
            .fr-toolbar.fr-basic.f-scroll {
                top: 38px;
            }

        .tab-pane .fr-wrapper .fr-view {
            border-left: 0; border-right: 0; border-bottom: 0;
        }
        .fr-box.fr-basic.fr-top .fr-wrapper {
            -webkit-box-shadow: none;
            box-shadow: none;
        }


    /* smaller buttons on narrow view regions */
    .col-sm-4 .btn-wrapper button,
    .col-sm-6 .btn-wrapper button,
    .col-sm-8 .btn-wrapper button {
        font-size: 12px;
        width: 32px;
    }
    @media (max-width: 767px) {
        .btn-wrapper button {
            font-size: 12px;
            width: 32px;
        }
    }

    .validate-has-error .fr-wrapper {
        border: 1px solid #cc2424 !important;
    }



/* froala-like form editor */

.f-form-fields {
    padding: 0;
}

.f-form-fields p {
    margin: 10px;
}


.f-form .select2-container {
    float: left;
    width: 180px;
}

    .f-form .select2-choice {
        border: 0;
        font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif !important;
        font-size: smaller;
        background-color: white !important;
    }

        .f-form .select2-container .select2-choice > .select2-chosen {
            margin-right: 33px;
        }

        .f-form .select2-arrow {
            border-left: 0 !important;
            padding-right: 5px;
            padding-left: 3px;
        }

.f-form .section-form-program-hotel-options {
    float: left;
    width: 240px;
}

.f-form .fr-toolbar .fr-dropdown .fr-trigger {
    padding-left: 8px;
}
    .f-form .fr-toolbar .fr-dropdown .fr-trigger.number {
        width: 30px;
        padding-left: 12px;
    }

    .f-form .fr-toolbar .btn {
        float: left;
        margin: 9px 8px 0 4px;
    }
        .f-form .fr-toolbar .btn [class^="entypo-"]:before,
        .f-form .fr-toolbar .btn [class*=" entypo-"]:before {
            width: .5em;
            margin-left: .1em;
            margin-top: .2em;
        }


    .f-add-break {
        border-left: 1px solid #eee !important;
        border-right: 1px solid #eee !important;
    }
        i.fa.fa-break {
            width: 40px !important;
            margin: 10px 0 0 -1px !important
        }
            i.fa.fa-break:before {
                content: '----';
            }

.f-form ul {
   padding:10px 0;
   margin:0px;
}
    .f-form .dd-content {
        padding-left: 29px;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: 60px;
    }
        .f-form .dd-content.editable {
            padding-right: 80px;
        }

    .f-form .dd-item {
        display: inline-block;
        position: relative;
        margin: 0 0 0 0.5%;
        padding: 0;
        min-width: 0px;
        font-family: "Gudea", sans-serif !important;
    }
        .dd-item.col1 {
            width: 7.33333333%;
        }
        .dd-item.col2 {
            width: 15.66666667%;
        }
        .dd-item.col3 {
            width: 24%;
        }
        .dd-item.col4 {
            width: 32.33333333%;
        }
        .dd-item.col5 {
            width: 40.66666667%;
        }
        .dd-item.col6 {
            width: 49%;
        }
        .dd-item.col7 {
            width: 57.16666667%;
        }
        .dd-item.col8 {
            width: 65.66666667%;
        }
        .dd-item.col9 {
            width: 74%;
        }
        .dd-item.col10 {
            width: 82.33333333%;
        }
        .dd-item.col11 {
            width: 90.75%;
        }
        .dd-item.col12 {
            width: 99%;
        }


    .f-form .dd-handle, .f-form .dd-controls, .f-form .dd-resize {
        top: 5px;
    }

    .f-form .dd-resize{
        display: block;
        height: 30px;
        width: 10px;
        margin: 0;
        border: 1px solid #ccc;
        background-color: #ddd;
        position: absolute;
        top: 5px;
        right: 0;
        cursor: ew-resize;
        overflow: hidden;
    }
        .f-form .dd-resize:hover {
            color: #2ea8e5;
            background-color: #ddd;
        }
    .f-form .dd-controls {
        right: 10px;
    }


    .f-form .dd-item.section-form-break {
        margin-top: -2px;
        margin-bottom: -2px;
    }
        .f-form .dd-item.section-form-break .dd-handle {
            height: 19px;
            padding: 0px;
            border-radius: 3px !important;
            top: 10px;
            width: 20px;
            background-image: url("/images/grab-dots-half.png");
        }
        .f-form .dd-item.section-form-break .dd-line {
            border-top: 2px dotted #bbb;
            top: 19px;
            position: relative;
            z-index: -1;
            opacity: .99;
        }
        .f-form .dd-item.section-form-break .dd-content {
            width: 58px;
            height: 24px;
            margin-top: 6px;
            float: right;
            padding-right: 25px;
        }
        .f-form .dd-item.section-form-break .dd-controls {
            right: 0;
        }

    .f-form .dd-item.app-component {
        width: 99% !important;
        font-size: 16px;
    }
        .f-form .dd-item.app-component .dd-handle {
            height: 35px;
            background-position: 3px 6px;
            background-color: rgb(112, 104, 159);
        }
        .f-form .dd-item.app-component .dd-content {
            height: 35px;
            padding: 6px 10px 5px 32px;
            background-image: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(245, 245, 240) 100%);
        }
        .f-form .dd-item.app-component .dd-controls {
            top: 8px;
        }
        .f-form .dd-item.app-component .ui-resizable-handle {
            display: none !important;
        }

        .f-form .dd-item.app-component-reports .dd-handle {
            background-color: rgb(249, 161, 52);
        }

        .f-form .dd-item.app-component-text .dd-handle {
            background-color: #6ACAD7;
        }

        .f-form .dd-item.app-component-hotel-room-combo .dd-handle {
            background-color: rgb(101, 249, 52);
        }



    ul.nav-tabs.static-form {
        background: none !important;
    }
        ul.nav-tabs.static-form .remove-section {
            visibility: hidden;
        }

    .static-form .fr-toolbar.fr-basic {
        display: none;
    }

    .static-form .f-form {
    }
        .static-form .fr-basic .dd-item .dd-handle,
        .static-form .fr-basic .dd-item .dd-controls .section-form-delete,
        .static-form .fr-basic .dd-item .ui-resizable-handle {
            display: none;
        }
        .static-form .fr-basic .dd-item .dd-content {
            color: #888;
        }