html {
    background: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 9999s ease-in-out 0s;
}

.input-left{
    text-align: left;
}
.input-center {
    text-align: center;
}
.input-right {
    text-align: right;
}

.brixx-form-horizontal .form-group {
    margin-bottom: 1px;
}
.brixx-child-row-tmpvt {
    padding-left: 40px;
    margin-bottom: 10px;
}
img.online {
    border-left-color: #79B5BB !important;
}

.modified {
    /*background-color: rgb(255, 242, 204);*/
}

.highlight-mouseover {
    background-color: rgb(255, 242, 204) !important;
}

.highlight-selected {
    background-color: rgb(255, 242, 204) !important;
}

.highlight-mouseover-tab {
    background-color: #79B5BB;
}

.highlight-selected-tab {
    background-color: #79B5BB;
}

.disabled {
    color: #444;
}

/*a.btn.disabled {
    color: #fff;
}*/

.smart-style-2 #header, .smart-style-2 .page-footer, .smart-style-2 .superbox-show {
    background-color: #006E7E;
}

.smart-style-2 .header-search > input[type=text] {
    background: #fff;
    border-color: #bfbfbf;
    color: #404040;
}

.smart-style-2 ::-moz-placeholder {
    color: #ddd;
    opacity: 1;
}

.smart-style-2 :-ms-input-placeholder {
    color: #ddd;
}

.smart-style-2 ::-webkit-input-placeholder {
    color: #ddd;
}

.smart-style-2 nav ul .active > a, .smart-style-2 nav ul li.open > a, .smart-style-2 nav ul li.open > a b {
    color: #006E7E !important;
}


.minified .minifyme-header .fa:before {
    content: "\f0a9";
}

/** BRIXX COLOR **/
.smart-style-2 .btn-success {
    background-color: rgb(134, 192, 104);
    /*border: 0px;*/
}

    .smart-style-2 .btn-success.active, .smart-style-2 .btn-success:active, .smart-style-2 .btn-success:focus, .smart-style-2 .btn-success:hover, .smart-style-2 .open .dropdown-toggle.btn-success {
        background-color: rgba(134, 192, 104, 0.8);
        /*border: 0px;*/
    }

.smart-style-2 .btn-info {
    background-color: rgb(76, 182, 148);
    /*border: 0px;*/
}

    .smart-style-2 .btn-info.active, .smart-style-2 .btn-info:active, .smart-style-2 .btn-info:hover, .smart-style-2 .open > .dropdown-toggle.btn-info {
        background-color: rgba(76, 182, 148, 0.8);
        /*border: 0px;*/
    }

.smart-style-2 .btn-primary, .smart-style-2 .smart-form .button {
    background-color: rgb(22, 112, 184);
    /*border: 0px;*/
}

    .smart-style-2 .btn-primary.active, .smart-style-2 .btn-primary:active, .smart-style-2 .btn-primary:focus, .smart-style-2 .btn-primary:hover, .smart-style-2 .open .dropdown-toggle.btn-primary {
        background-color: rgba(22, 112, 184, 0.8);
        /*border: 0px;*/
    }

.smart-style-2 .btn-danger {
    background-color: rgb(204, 57, 65);
    /* border: 0px;*/
}

    .smart-style-2 .btn-danger.active, .smart-style-2 .btn-danger:active, .smart-style-2 .btn-danger:focus, .smart-style-2 .btn-danger:hover, .smart-style-2 .open .dropdown-toggle.btn-danger {
        background-color: rgba(204, 57, 65, 0.8);
        /*border: 0px;*/
    }

.smart-style-2 .text-secondary {
    color: #92a2a8 !important;
}


.txt-color-red {
    color: rgb(204, 57, 65) !important;
}

.txt-color-orange {
    color: rgb(222, 111, 63) !important;
}

.txt-color-green {
    color: rgb(134, 192, 104) !important;
}

a {
    color: rgb(36, 64, 100);
}

    a:focus, a:hover {
        color: rgb(22, 112, 184);
    }






.ui-menu .ui-menu-item a.ui-state-active, .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-widget-content {
    background: rgba(0, 110, 126, 0.1);
    color: #333;
    font-weight: normal;
}


input.labelauty:checked + label {
    background-color: #79B5BB;
    color: #ffffff;
}

input.labelauty:checked:not([disabled]) + label:hover {
    background-color: #A5D2D9;
}

.sp-preview {
    margin-right: 0;
}

.sp-dd {
    display: none;
}



.table-bordered, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1;
}

.fc-head-container thead tr, .table thead tr {
    background: none;
}

#logo img {
    max-width: 100%;
    max-height: 100%;
    padding-left: 3px;
    width: auto;
}

.minified nav > ul > li > ul {
    min-height: 0px;
}

.table td {
    width: auto;
    /*white-space: nowrap;*/
}

    .table td.nowrap {
        white-space: nowrap;
    }

    .table td.min {
        width: 1%;
        white-space: nowrap;
    }

    .table td.cell-collapse {
        max-width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.space-xs {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0 11px;
}

.space-sm {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 18px 0 17px;
}

.space-md {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 24px 0 23px;
}

.bigger-110 {
    font-size: 110% !important;
}

.bigger-120 {
    font-size: 120% !important;
}

.bigger-130 {
    font-size: 130% !important;
}

.action-buttons a {
    margin: 0 3px;
    display: inline-block;
    opacity: 0.85;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}

    .action-buttons a:hover {
        text-decoration: none;
        opacity: 1;
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }

.hidden-action-buttons a i {
    margin: 0 3px;
    display: none;
    display: inline-block;
    opacity: 0;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}

.hidden-action-buttons a:hover i {
    text-decoration: none;
    display: inline-block;
    opacity: 1;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.action-btn span:hover {
    text-decoration: none;
    opacity: 1;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.action-btn .btn-default:hover {
    border-color: #cccccc;
    background-color: inherit;
}

.editable-container.editable-inline {
    width: 100%;
}

.editable-container .editableform .control-group {
    width: 100%;
}

.editable-container .editable-input {
    width: 100%;
}

.editable-container .form-inline .form-control {
    width: 100%;
}

.CodeMirror {
    height: auto;
}

.CodeMirror-scroll {
    min-height: 200px;
}

.minimal .CodeMirror-scroll {
    min-height: auto;
}

.input-group .input-icon-left > i {
    left: 14px;
}

.input-group .input-icon-left .form-control {
    position: static;
}

input[type="text"]:focus + .input-group-addon {
    background: none;
    background-color: rgb(121, 181, 187);
    border-color: rgba(0, 110, 126, 0.5);
    color: #ffffff;
}

.page-title .msg-unsaved {
    color: rgb(233, 165, 36);
}

.collapsible legend {
    cursor: pointer;
}

.collapsible.expanded legend:before {
    content: "- ";
    font-weight: bold;
}

.collapsible.collapsed legend:before {
    content: "+ ";
    font-weight: bold;
}

.dd-list .dd-list {
    padding-left: 34px;
}
/* Fuer sortablejs ist anscheined der bereich padding teil der drop-zone. margin nicht. 
   Damit tree-end-elemente nur drop zulassen, falls mit der maus extra der bereich rechts ausgew�hlt wird */
.dd-list:empty {
    margin-left: 34px; 
    padding-left: 0px;
}

.dd-drag-icon {
    background: none;
    background-color: rgb(121, 181, 187);
    font-family: Flaticon;
    border: 1px solid rgb(121, 181, 187);
}

    .dd3-handle.h100 {
        height: 100%;
    }

.dd-drag-icon:hover, .dd-drag-icon:hover + .dd-list .dd-drag-icon {
    background-color: rgb(121, 181, 187, 0.8) !important;
    border: 1px solid rgb(121, 181, 187, 0.8);
    color: transparent !important;
    cursor: move;
}

.dd-drag-icon:before {
    color: #fff;
    content: "\f161";
}

.dd-drag-icon:hover:before {
    color: #fff;
}

.dd3-content:hover {
    color: #333;
}

.dd {
    max-width: none;
}

.dd-item > button:before {
    content: '\f0fe';
    color: #69737A;
    font-family: "Font Awesome 5 Pro";
}

.dd-item > button[data-action=collapse]:before {
    content: '\f146';
    color: #69737A;
    font-family: "Font Awesome 5 Pro";
}

.dd-empty,
.dd-placeholder {
    border: 1px dashed rgb(0, 110, 126, 0.5);
    ;
    background: rgb(0, 110, 126, 0.1);
}

.dd-collapsed > button.dd-collapse {
    display: none;
}

button.dd-expand {
    display: none;
}

.dd-collapsed > button.dd-expand {
    display: inline-block;
}


.var-marked {
    color: #006E7E;
    font-weight: bold;
}

.function-marked {
    color: #993d00;
    font-weight: bold;
    text-transform: uppercase;
}

td.td-handle {
    padding: 0px !important;
    vertical-align: middle !important;
}

td .dd-handle {
    background: none;
    background-color: rgb(121, 181, 187);
    display: block;
    font-size: 15px;
    margin: 0;
    padding: 1px 5px;
    color: #fff;
    text-decoration: none;
    border: 1px solid rgb(121, 181, 187);
}

    td .dd-handle:hover, td .dd-handle:hover + .dd-list .dd-handle {
        background-color: rgb(121, 181, 187, 0.8) !important;
        border: 1px solid rgb(121, 181, 187, 0.8);
        color: #fff !important;
        cursor: move;
    }

.table > tbody + tbody {
    border-top: 1px solid #ddd;
}

#resizableFrame {
    overflow: hidden;
}

#resizable {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

    #resizable.ui-widget-content {
        border: 0;
        border-bottom: 3px solid rgb(0, 110, 126, 0.7);
    }

.field-list {
    /* max-width: 740px; */
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    line-height: 12px;
}

.field-item {
    min-height: 128px;
    flex-basis: 128px;
    border: 1px solid #D9DDE2;
    margin: 7px;
    cursor: pointer;
    padding: 10px;
    text-align: center;
    border-radius: 2px;
    line-height: 16px;
    transition: background 0.2s ease-in;
}


    .field-item:hover {
        border: 1px solid rgb(0, 110, 126, 0.5);
        background: rgb(0, 110, 126, 0.1);
        color: #006E7E;
    }

    .field-item i {
        width: 54px;
        height: 54px;
        display: flex;
        background-size: 100%;
        margin: 5px auto 20px;
    }

    .field-item div {
        color: #404040;
    }

.field-item--id {
    opacity: .6;
    background-image: url("../svg/field-key.svg");
}

.field-item--date {
    opacity: .6;
    background-image: url("../svg/field-date.svg");
}

.field-item--time {
    opacity: .6;
    background-image: url("../svg/field-time.svg");
}

.field-item--text {
    opacity: .6;
    background-image: url("../svg/field-text.svg");
}

.field-item--number {
    opacity: .6;
    background-image: url("../svg/field-number.svg");
}

.field-item--label {
    opacity: .6;
    background-image: url("../svg/field-label.svg");
}

.field-item--textarea {
    opacity: .6;
    background-image: url("../svg/field-textarea.svg");
}

.field-item--checkbox {
    opacity: .6;
    background-image: url("../svg/field-checkbox.svg");
}

.field-item--combobox {
    opacity: .6;
    background-image: url("../svg/field-combobox.svg");
}

.field-item--tabctrl {
    opacity: .6;
    background-image: url("../svg/field-tabctrl.svg");
}

.field-item--tabpage {
    opacity: .6;
    background-image: url("../svg/field-tabpage.svg");
}

.field-item--chart {
    opacity: .6;
    background-image: url("../svg/field-chart.svg");
}

.field-item--grid {
    opacity: .6;
    background-image: url("../svg/field-grid.svg");
}

.field-item--button {
    opacity: .6;
    background-image: url("../svg/field-button.svg");
}


/** SELECT2 **/
img.img-flag {
    /*margin: 0!important;*/
    display: inherit !important;
    height: 30px;
    width: 30px;
    margin-right: 5px;
}

.select2-container--open .select2-dropdown, .select2-drop-active {
    border: 1px solid rgba(0, 110, 126, 0.5);
    border-top: none;
    border-bottom-width: 2px;
}

    .select2-container--open .select2-dropdown.select2-dropdown--above, .select2-drop.select2-drop-above {
        border-top: 1px solid rgba(0, 110, 126, 0.5);
        border-top-width: 2px;
        border-bottom: none;
    }

.select2-container--open .select2-selection, .select2-container-active .select2-choice, .select2-container-active .select2-choices {
    border: 1px solid rgba(0, 110, 126, 0.5);
}

.select2-search input {
    background: none;
}

.select2-search:before {
    font-family: Flaticon;
    content: "\f183";
    margin-top: -11px;
}

.select2-results .select2-highlighted, .select2-results__option--highlighted {
    background: rgba(0, 110, 126, 0.1);
    color: #333;
}

.select2-search-choice-close, .select2-selection__clear {
    display: inline-block;
    position: absolute;
    right: 45px;
}

.select2-search {
    /*padding-bottom: 10px;*/
}

.select2-container--open .select2-selection, .select2-dropdown-open .select2-choice {
    background-color: #fbfbfb;
}

.select2-container--disabled .select2-selection {
    background-color: #eeeeee;
}

.select2-container--disabled ~ .input-group-btn button:disabled {
    display: none;
}

/*
.select2-container--disabled + .input-group-btn > button {
    background-color: #f00;
    visibility: collapse;
}

*/

/*
.select2-container, .select2-drop, .select2-search, .select2-search input {
    width: 100% !important;
}
*/
/** TODO BJOERN CHECK 
.select2-dropdown.select2-dropdown--below {
    margin-top: 48px;
}
   **/

.form-control:focus {
    border-color: rgba(0, 110, 126, 0.5);
}

*:focus {
    outline: 0 !important;
    border-color: rgba(0, 110, 126, 0.5);
}

/** GRIDSTACK **/
/*
#grid1 {
    background: lightgoldenrodyellow;
}

#grid2 {
    background: lightcyan;
}
*/
.grid-stack-item-content {
    color: #2c3e50;
    text-align: center;
    background-color: #18bc9c;
}
/*
#grid2 .grid-stack-item-content {
    background-color: #9caabc;
}
*/
.grid-stack-item-removing {
    opacity: 0.5;
}

.trash {
    height: 55px;
    background: rgba(255, 0, 0, 0.1) center center url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCIgdmlld0JveD0iMCAwIDQzOC41MjkgNDM4LjUyOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDM4LjUyOSA0MzguNTI5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTQxNy42ODksNzUuNjU0Yy0xLjcxMS0xLjcwOS0zLjkwMS0yLjU2OC02LjU2My0yLjU2OGgtODguMjI0TDMwMi45MTcsMjUuNDFjLTIuODU0LTcuMDQ0LTcuOTk0LTEzLjA0LTE1LjQxMy0xNy45ODkgICAgQzI4MC4wNzgsMi40NzMsMjcyLjU1NiwwLDI2NC45NDUsMGgtOTEuMzYzYy03LjYxMSwwLTE1LjEzMSwyLjQ3My0yMi41NTQsNy40MjFjLTcuNDI0LDQuOTQ5LTEyLjU2MywxMC45NDQtMTUuNDE5LDE3Ljk4OSAgICBsLTE5Ljk4NSw0Ny42NzZoLTg4LjIyYy0yLjY2NywwLTQuODUzLDAuODU5LTYuNTY3LDIuNTY4Yy0xLjcwOSwxLjcxMy0yLjU2OCwzLjkwMy0yLjU2OCw2LjU2N3YxOC4yNzQgICAgYzAsMi42NjQsMC44NTUsNC44NTQsMi41NjgsNi41NjRjMS43MTQsMS43MTIsMy45MDQsMi41NjgsNi41NjcsMi41NjhoMjcuNDA2djI3MS44YzAsMTUuODAzLDQuNDczLDI5LjI2NiwxMy40MTgsNDAuMzk4ICAgIGM4Ljk0NywxMS4xMzksMTkuNzAxLDE2LjcwMywzMi4yNjQsMTYuNzAzaDIzNy41NDJjMTIuNTY2LDAsMjMuMzE5LTUuNzU2LDMyLjI2NS0xNy4yNjhjOC45NDUtMTEuNTIsMTMuNDE1LTI1LjE3NCwxMy40MTUtNDAuOTcxICAgIFYxMDkuNjI3aDI3LjQxMWMyLjY2MiwwLDQuODUzLTAuODU2LDYuNTYzLTIuNTY4YzEuNzA4LTEuNzA5LDIuNTctMy45LDIuNTctNi41NjRWODIuMjIxICAgIEM0MjAuMjYsNzkuNTU3LDQxOS4zOTcsNzcuMzY3LDQxNy42ODksNzUuNjU0eiBNMTY5LjMwMSwzOS42NzhjMS4zMzEtMS43MTIsMi45NS0yLjc2Miw0Ljg1My0zLjE0aDkwLjUwNCAgICBjMS45MDMsMC4zODEsMy41MjUsMS40Myw0Ljg1NCwzLjE0bDEzLjcwOSwzMy40MDRIMTU1LjMxMUwxNjkuMzAxLDM5LjY3OHogTTM0Ny4xNzMsMzgwLjI5MWMwLDQuMTg2LTAuNjY0LDguMDQyLTEuOTk5LDExLjU2MSAgICBjLTEuMzM0LDMuNTE4LTIuNzE3LDYuMDg4LTQuMTQxLDcuNzA2Yy0xLjQzMSwxLjYyMi0yLjQyMywyLjQyNy0yLjk5OCwyLjQyN0gxMDAuNDkzYy0wLjU3MSwwLTEuNTY1LTAuODA1LTIuOTk2LTIuNDI3ICAgIGMtMS40MjktMS42MTgtMi44MS00LjE4OC00LjE0My03LjcwNmMtMS4zMzEtMy41MTktMS45OTctNy4zNzktMS45OTctMTEuNTYxVjEwOS42MjdoMjU1LjgxNVYzODAuMjkxeiIgZmlsbD0iI2ZmOWNhZSIvPgoJCTxwYXRoIGQ9Ik0xMzcuMDQsMzQ3LjE3MmgxOC4yNzFjMi42NjcsMCw0Ljg1OC0wLjg1NSw2LjU2Ny0yLjU2N2MxLjcwOS0xLjcxOCwyLjU2OC0zLjkwMSwyLjU2OC02LjU3VjE3My41ODEgICAgYzAtMi42NjMtMC44NTktNC44NTMtMi41NjgtNi41NjdjLTEuNzE0LTEuNzA5LTMuODk5LTIuNTY1LTYuNTY3LTIuNTY1SDEzNy4wNGMtMi42NjcsMC00Ljg1NCwwLjg1NS02LjU2NywyLjU2NSAgICBjLTEuNzExLDEuNzE0LTIuNTY4LDMuOTA0LTIuNTY4LDYuNTY3djE2NC40NTRjMCwyLjY2OSwwLjg1NCw0Ljg1MywyLjU2OCw2LjU3QzEzMi4xODYsMzQ2LjMxNiwxMzQuMzczLDM0Ny4xNzIsMTM3LjA0LDM0Ny4xNzJ6IiBmaWxsPSIjZmY5Y2FlIi8+CgkJPHBhdGggZD0iTTIxMC4xMjksMzQ3LjE3MmgxOC4yNzFjMi42NjYsMCw0Ljg1Ni0wLjg1NSw2LjU2NC0yLjU2N2MxLjcxOC0xLjcxOCwyLjU2OS0zLjkwMSwyLjU2OS02LjU3VjE3My41ODEgICAgYzAtMi42NjMtMC44NTItNC44NTMtMi41NjktNi41NjdjLTEuNzA4LTEuNzA5LTMuODk4LTIuNTY1LTYuNTY0LTIuNTY1aC0xOC4yNzFjLTIuNjY0LDAtNC44NTQsMC44NTUtNi41NjcsMi41NjUgICAgYy0xLjcxNCwxLjcxNC0yLjU2OCwzLjkwNC0yLjU2OCw2LjU2N3YxNjQuNDU0YzAsMi42NjksMC44NTQsNC44NTMsMi41NjgsNi41N0MyMDUuMjc0LDM0Ni4zMTYsMjA3LjQ2NSwzNDcuMTcyLDIxMC4xMjksMzQ3LjE3MnogICAgIiBmaWxsPSIjZmY5Y2FlIi8+CgkJPHBhdGggZD0iTTI4My4yMiwzNDcuMTcyaDE4LjI2OGMyLjY2OSwwLDQuODU5LTAuODU1LDYuNTctMi41NjdjMS43MTEtMS43MTgsMi41NjItMy45MDEsMi41NjItNi41N1YxNzMuNTgxICAgIGMwLTIuNjYzLTAuODUyLTQuODUzLTIuNTYyLTYuNTY3Yy0xLjcxMS0xLjcwOS0zLjkwMS0yLjU2NS02LjU3LTIuNTY1SDI4My4yMmMtMi42NywwLTQuODUzLDAuODU1LTYuNTcxLDIuNTY1ICAgIGMtMS43MTEsMS43MTQtMi41NjYsMy45MDQtMi41NjYsNi41Njd2MTY0LjQ1NGMwLDIuNjY5LDAuODU1LDQuODUzLDIuNTY2LDYuNTdDMjc4LjM2NywzNDYuMzE2LDI4MC41NSwzNDcuMTcyLDI4My4yMiwzNDcuMTcyeiIgZmlsbD0iI2ZmOWNhZSIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) no-repeat;
    background-size: 40px 40px;
}

.sidebar {
    background: rgba(0, 255, 0, 0.1);
    height: 150px;
    padding: 25px 0;
    text-align: center;
}

    .sidebar .grid-stack-item {
        width: 200px;
        height: 100px;
        border: 2px dashed green;
        text-align: center;
        line-height: 100px;
        z-index: 10;
        background: rgba(0, 255, 0, 0.1);
        cursor: default;
        display: inline-block;
    }

        .sidebar .grid-stack-item .grid-stack-item-content {
            background: none;
        }

.ui .grid-stack {
    min-height: 460px;
    /*border: 1px solid #ccc;*/
    background-color: rgba(249, 249, 249, 0.5);
    background-image: -webkit-repeating-radial-gradient(center center, rgba(0,0,0,.1), rgba(0,0,0,.1) 1px, transparent 1px, transparent 100%);
    background-image: -moz-repeating-radial-gradient(center center, rgba(0,0,0,.1), rgba(0,0,0,.1) 1px, transparent 1px, transparent 100%);
    background-image: -ms-repeating-radial-gradient(center center, rgba(0,0,0,.1), rgba(0,0,0,.1) 1px, transparent 1px, transparent 100%);
    background-image: repeating-radial-gradient(center center, rgba(0,0,0,.1), rgba(0,0,0,.1) 1px, transparent 1px, transparent 100%);
    -webkit-background-size: 10px 10px;
    -moz-background-size: 10px 10px;
    background-size: 10px 10px;
}

.ui .grid-stack-item-content {
    /*font-size: 15px;*/
    color: #333;
    border: 1px solid #cfcfcf;
    background: #fbfbfb;
}

/** FLATICON **/
.input-group .input-icon-left > i.flaticon {
    left: 10px;
    top: 17%;
}

/** LABELAUTY **/
input.labelauty + label {
    padding: 8px;
    margin-bottom: 0;
}

/** SPECTRUM **/
.sp-replacer {
    border-color: #ccc;
    padding: 5px;
}

    .sp-replacer:hover, .sp-replacer.sp-active {
        border-color: rgb(0, 110, 126, 0.5);
        color: #111;
    }

.sp-container {
    background-color: #efefef;
    border-color: rgb(0, 110, 126, 0.5);
}

    .sp-container button {
        background-color: #efefef;
        background-image: none;
        border: 1px solid #ccc;
        border-bottom: 1px solid #bbb;
        color: #333;
        font-size: 14px;
        line-height: 1;
        padding: 5px 4px;
        text-align: center;
        text-shadow: none;
        vertical-align: middle;
    }

        .sp-container button:hover {
            background-color: #eaeaea;
            background-image: none;
            border: 1px solid #bbb;
            cursor: pointer;
            text-shadow: none;
        }

.sp-palette-button-container, .sp-button-container {
    margin-top: 7px;
}

/** UI Editor **/
.ui [class^="grid-item col-sm"] {
    margin-bottom: 10px;
}

.ui .row-height-2 {
    height: 120px;
    /*height: 84px;*/
}

    .ui .row-height-2 textarea {
        height: 97px;
    }

.ui .row-height-3 {
    height: 185px;
    /*height: 138px;*/
}

    .ui .row-height-3 textarea {
        height: 162px;
    }

.ui .row-height-4 {
    height: 250px;
}

    .ui .row-height-4 textarea {
        height: 227px;
    }

.ui .row-height-5 {
    height: 315px;
}

    .ui .row-height-5 textarea {
        height: 292px;
    }

.ui .row-height-6 {
    height: 380px;
}

    .ui .row-height-6 textarea {
        height: 357px;
    }

.ui .row-height-7 {
    height: 445px;
}

    .ui .row-height-7 textarea {
        height: 412px;
    }

.ui .row-height-8 {
    height: 510px;
}

    .ui .row-height-8 textarea {
        height: 487px;
    }

.ui .row-height-9 {
    height: 575px;
}

    .ui .row-height-9 textarea {
        height: 552px;
    }

.ui .row-height-10 {
    height: 640px;
}

    .ui .row-height-10 textarea {
        height: 617px;
    }



.ui .input-group.col-xs-12 {
    height: 100%;
}

.ui label.dummy {
    height: 14px;
}

.ui .input-group span.dummy {
    height: 32px;
    /*background-color: rgba(0,0,100, 0.05);*/
}

.ui input {
    /*height: 100%;*/
}

.container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.smart-style-2 .smart-form .checkbox input:checked + i, .smart-style-2 .smart-form .radio input:checked + i, .smart-style-2 .smart-form .toggle input:checked + i {
    border-color: #79B5BB;
    background-color: #79B5BB;
}

.smart-style-2 .smart-form .checkbox:hover i, .smart-form .input:hover input, .smart-form .radio:hover i, .smart-form .select:hover select, .smart-form .textarea:hover textarea, .smart-form .toggle:hover i {
    border-color: #79B5BB;
}

.smart-style-2 .smart-form .checkbox input + i:after {
    color: #fff;
}

.smart-form .checkbox i, .smart-form .radio i {
    left: 5px;
    top: 2px;
}



/** TreeView **/
#tree1 {
    padding: 0px;
    margin-bottom: 0px;
}

    #tree1.block-style {
        background-color: #fff;
    }

.jqtree-tree .jqtree-loading > div .jqtree-title:after {
    content: url(spinner.gif);
    margin-left: 8px;
}

#tree1.jqtree-loading:after {
    content: url(spinner.gif);
}

#scroll-container {
    height: 200px;
    overflow-y: scroll;
    position: relative;
    /* ie7 fix */
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 16px;
}

.block-style ul.jqtree-tree {
    margin-left: 0;
}

    .block-style ul.jqtree-tree ul.jqtree_common {
        margin-left: 2em;
    }

    .block-style ul.jqtree-tree .jqtree-element {
        margin: 5px 0;
        padding: 5px 10px 7px 8px;
        font-size: 15px;
        color: #333;
        text-decoration: none;
        border: 1px solid #cfcfcf;
        background: #fbfbfb;
    }

        .block-style ul.jqtree-tree .jqtree-element:hover {
            background: #fff;
        }

        .block-style ul.jqtree-tree .jqtree-element .jqtree-title {
            margin-left: 0;
        }

    .block-style ul.jqtree-tree li.jqtree-selected > .jqtree-element,
    .block-style ul.jqtree-tree li.jqtree-selected > .jqtree-element:hover {
        background: #79B5BB;
        text-shadow: none;
    }

    .block-style ul.jqtree-tree .jqtree-title-folder {
        color: #333;
    }

    /*
.block-style ul.jqtree-tree li.jqtree-selected > .jqtree-element .jqtree-title-folder {
    color: #fff;
}
*/

    .block-style ul.jqtree-tree li.jqtree-selected > .jqtree-element .jqtree-title {
        color: #fff;
    }

    .block-style ul.jqtree-tree li.jqtree-selected > .jqtree-element .jqtree-toggler {
        color: #fff;
    }

    .block-style ul.jqtree-tree .jqtree-folder .jqtree-folder ul .jqtree-element {
        margin: 2px 0;
        padding: 2px 10px 3px 8px;
        font-size: 13px;
    }


/** X-Editable **/
.editable-container.popover {
    width: auto;
    min-width: 250px;
}



/* TAGSINPUT */
.bootstrap-tagsinput > span.twitter-typeahead {
/*    border: 0 !important;*/
    background: none !important;
}

.bootstrap-tagsinput > span.twitter-typeahead {
    background: none !important;
    padding-top: 5px;
    padding-bottom: 5px;
}

/*
.bootstrap-tagsinput {
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0;
}
*/

.bootstrap-tagsinput > span {
    border: 1px solid rgb(0, 110, 126, 0.5);
    border-radius: 4px !important;
/*    background: #79B5BB;*/
}

/*
.bootstrap-tagsinput:focus {
	border-color: rgb(0, 110, 126, 0.5);
}
*/

.accordion {
    margin-bottom: -3px;
}

.accordion-group {
    border: none;
}

.twitter-typeahead .tt-query,
.twitter-typeahead .tt-hint {
    margin-bottom: 0;
}

.twitter-typeahead .tt-hint {
    display: none;
}

.tt-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    cursor: pointer;
}

.tt-suggestion {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333333;
    white-space: nowrap;
}

    .tt-suggestion:hover,
    .tt-suggestion:focus {
        color: #ffffff;
        text-decoration: none;
        outline: 0;
        background-color: #428bca;
    }

.fixed-ribbon #content {
    padding-top: 60px;
}

.ribbon-button-alignment.action-btn {
    padding-top: 4px;
}

    .ribbon-button-alignment.action-btn .btn {
        margin-left: 2px
    }

.note-editor .form-group {
    width: 100%;
}

.note-editor .note-editable {
    background-color: #fff;
}

.note-image-popover .note-imagesize {
    display: none;
}

.note-image-popover .note-float {
    display: none;
}

.summernote-input-group {
    display: inherit;
}

.minifyme {
    border-bottom: 0px;
}

.modal-dialog.modal-xl, .modal-dialog.modal-96 {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

@media (max-width: 1000px) {
    .modal-dialog, .modal-dialog.modal-xl {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }

    .modal-content {
        height: auto;
        min-height: 100%;
        border-radius: 0;
    }
}
.modal-dialog.modal-80 {
    width: 80%;
}


.modal-dialog .modal-title {
    line-height: 1.42857143;
    margin: 0;
    font-weight: 600;
}

.inbox-info-bar, .inbox-message, .inbox-download, .inbox-compose-footer {
    margin-right: 0;
}

.ribbon-button-alignment.no-top-padding {
    padding-top: 0;
}

.jarviswidget .action-btn {
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    margin-right: -30px;
}

.jarviswidget-editbox {
    padding: 0; 
}


/* LOCKSCREEN */
.lockscreen {
    height: 250px;
    left: 50%;
    margin-left: -239px;
    margin-top: -205px;
    position: absolute;
    top: 50%;
    width: 478px
}

    .lockscreen .logo {
        padding: 15px 0;
        display: block
    }

        .lockscreen .logo + div {
            background: #FFF;
            box-shadow: -31px 32px 53px rgba(0, 0, 0, .2);
            overflow: hidden;
            padding: 13px;
            position: relative
        }

        .lockscreen .logo > :first-child {
            margin: 0
        }

        .lockscreen .logo img {
            width: 29px;
            margin-top: -4px;
            margin-right: -2px
        }

        .lockscreen .logo + div > img {
            float: left
        }

            .lockscreen .logo + div > img + div {
                float: right;
                width: 318px
            }

                .lockscreen .logo + div > img + div > :first-child {
                    margin-top: 0
                }

                    .lockscreen .logo + div > img + div > :first-child > :first-child {
                        opacity: .1;
                        padding: 15px
                    }

                    .lockscreen .logo + div > img + div > :first-child > small {
                        display: block;
                        padding-top: 5px
                    }

                    .lockscreen .logo + div > img + div > :first-child + p {
                        margin-bottom: 12px
                    }

#lock-page #main {
    position: static;
    min-height: 600px;        
}


#lock-page body {
    background: none;
    /*background-color: rgba(0, 110, 126, 0.1);*/
    background-color: #006E7E;
}

.lockscreen .logo img {
    width: auto;
}

.lockscreen .block {
    display: block;
}

.lockscreen .checkbox {
    margin-left: 20px;
}

.lockscreen .margintop20 {
    margin-top: 20px;
}

.lockscreen .input-group-addon i {
    width: 16px;
}


.lockscreen.register {
    margin-left: -375px;
    margin-top: -300px;
    width: 750px;
}

    .lockscreen.register .logo + div > img + div {
        width: 590px;
    }



    .lockscreen.register .input-group[class*=col-] {
        float: left;
    }


















@media (max-width:767px) {

    .lockscreen .logo + div > img {
        float: initial;
    }

    .lockscreen .logo + div > img + .lockscreen.register .logo + div > img {
        float: none !important
    }

    .lockscreen, .lockscreen.register {
        height: auto;
        left: 5%;
        margin-left: 0;
        margin-top: 0;
        position: absolute;
        top: 0;
        width: 90%;
        text-align: center
    }

        .lockscreen .logo + div > img + div, .lockscreen.register .logo + div > img + div {
            float: none;
            width: 100%;
            height: auto
        }
}





/** BRIXX SPECIAL **/
#brixxApp_toolbar.action-btn {
    opacity: 0.7;
    -moz-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    transform-origin: right;
}

.bb-menudots:before {
    content: "\2807";
}