.flowable .eo-vis-editor-content-layout .eo-vis-editor-center {
    height:100%;
}

.flowable .eo-vis-editor-content-layout {
    top: 80px;
}

.flowable .eo-vis-editor-left .eo-vis-editor-left-header {
    padding:2px;
}

.flowable .eo-vis-grid .ui-grid-menu .ui-grid-menu-item-checkbox-container {
    padding: 10px 0px 1px;
}

.flowable .eo-vis-menu-bar-element .eo-vis-menu .btn{
    border-color: transparent;
    font-size: 18px;
}

.flowable .eo-vis-palette-group-item-node {
    padding: 5px 0px;
    margin: 0px;
}

.flowable .eo-vis-palette-group-item-node span {
    margin-top: -21px;
}

.flowable .eo-vis-model-tabs-container ul#model-tabs > li.eo-vis-model-tab > a {
    color: dimgrey;
}

.flowable .eo-vis-search-panel .eo-vis-search-panel-search-header .eo-vis-search-panel-minimize, .flowable .eo-vis-editor-search-panel-search-header .eo-vis-editor-vis-search-panel-maximize {
    padding: 2px 32px;
}

.flowable .eo-vis-validator-panel .eo-vis-validator-panel-header-body .eo-vis-validator-panel-header {
    color: dimgray;
    line-height: 15px;
}

.eo-vis-complex-date-dialog.modal-dialog .container-fluid {
    min-width:auto;
    text-align:inherit;
}

.modal-dialog .modal-header .close {
    margin-top: -2px;
    margin-right: 10px;
    width: 13px !important; /* TODO: to overwrite the other .close with !important from styles.css */
}

.flowable .eo-vis-validator-panel .grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header,
.flowable .eo-vis-search-panel .grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header{
    height: 27px;
    margin-top: -32px;
}

.flowable .eo-vis-validator-panel .grid .ui-grid-header-cell-label,
.flowable .eo-vis-search-panel .grid .ui-grid-header-cell-label,
.eo-vis-save-dialog .eo-vis-validator-panel .grid .ui-grid-header-cell-label {
    padding-left: 5px;
}

.flowable .eo-vis-search-panel .eo-vis-search-panel-search-header .eo-vis-search-panel-header {
    color: dimgray;
    line-height: 0px;
}

.note_box {
    padding: 1px;
}

.noteBox .notes {
    width: 146px;
    height: 57px;
}

.noteBox .editor {
    width: 146px;
    height: 57px;
}

@media (min-width: 768px) {
    [data-notify="container"].col-sm-1 {
        width: 8.33333%; }
    [data-notify="container"].col-sm-2 {
        width: 16.66667%; }
    [data-notify="container"].col-sm-3 {
        width: 25%; }
    [data-notify="container"].col-sm-4 {
        width: 33.33333%; }
    [data-notify="container"].col-sm-5 {
        width: 41.66667%; }
    [data-notify="container"].col-sm-6 {
        width: 50%; }
    [data-notify="container"].col-sm-7 {
        width: 58.33333%; }
    [data-notify="container"].col-sm-8 {
        width: 66.66667%; }
    [data-notify="container"].col-sm-9 {
        width: 75%; }
    [data-notify="container"].col-sm-10 {
        width: 83.33333%; }
    [data-notify="container"].col-sm-11 {
        width: 91.66667%; }
    [data-notify="container"].col-sm-12 {
        width: 100%; }}

[data-notify="container"].alert {
    text-align:left;
    background-color: rgba(238, 244, 215, .9);
}
[data-notify="container"].alert-danger {
    background-color: rgba(244, 202, 202, 0.9);
    border-bottom: 1px solid #d37f8a;
}
[data-notify="container"].alert-danger .glyphicon {
    color: #d37f8a;
}
[data-notify="container"] .close {
    padding: 0px 10px;
}