.digit-entry {
    display: flex;
}

.digit-entry .one-digit-entry {
    padding: 10px 15px !important;
    box-sizing: border-box !important;
    height: 48px !important;
    font-weight: bold;
    border: 2px solid #0a79d2 !important;
}

#OpenLayers_Control_Attribution_135, #OpenLayers_Control_Attribution_96, .olControlAttribution.olControlNoSelect {
    visibility: hidden;
}

.full-width-action-button {
    text-transform: unset !important;
    width: calc(100% - 12px);
    margin-left: auto;
    margin-right: auto;

}


.ftr-simple-grid .header .EeErrorLabel {
    color: #dddddd !important;
}

.action-button {
    text-transform: unset !important;
}

.action-button-full-width {
    width: 100%;
}

.action-button-full-width.ftr-dropdown {
    text-align: right !important;
}

.javaCode {
    color: blue;
}

.futureCode {
    color: red;
}

.digit-entry .one-digit-panel {
    flex: 0 0 16%;
    padding: 2px 6px !important;
    color: #0a79d2;
}

.Percentage {

}

.ftr-search-panel {

}

.event-flex-panel {

}

.event-flex-panel .title {
    display: flex;
}

.event-flex-panel .title .name {
    flex: 1 1 auto;
    padding-left: 2px;
}

.event-flex-panel .title .edit-link {
    flex: 0 0 32px;
    text-align: right;
    padding-right: 2px;
}

.event-flex-panel .body {

}

.ftr-search-panel.disabled .EeOptionPanelX {
    display: none;
}

.ftr-search-panel.disabled .ftr-search-options {
    display: none;
}

.otherRow {

}

.stepper.horizontal {
    min-height: 400px !important;
}


.radio-list-single-select input {
    padding: 0 !important;
    margin: 0 !important;
}

.footer-value {
    display: flex;
}

.footer-value span {
    flex: 1 1 auto;
}

.footer-value .int-value {
    flex: 0 0 auto;
}

.footer-value .double-value {
    flex: 0 0 auto;
}

.font-icon-button {
    cursor: pointer;
}

td.currency-cell {
  text-align: right;
}

.table-total {

}

.table-total-row {
    display: inline-flex;
    width: 100%;
}

.table-total span {
    padding-left: 12px;
    flex: 1 1 auto;
    text-align: right;
}

.table-total .value {
    flex: 0 0 auto;
}

.font-icon-button {
    cursor: pointer;
}

.font-icon-button.bar-icon {
    font-size: 46px;
}

.square-toggle {
    position: relative;
}

.square-toggle .image-container {

    display: inline-table;
    height: 100%;
    padding-bottom: 40px;
}

.square-toggle span {
    white-space: nowrap;
}


.square-toggle .image-container .middle {
    display: table-cell;
    vertical-align: middle;
}

.square-toggle .image-container .font-icon:before, .ftr-image-navigation-button .font-icon:before {
    font-size: 102px;
    color: #444;
}

.ftr-image-navigation-button.NORMAL .font-icon:before {
    font-size: 84px;
    color: #444;
}


.ftr-image-navigation-button.COMPACT .font-icon:before {
    font-size: 64px;
    color: #444;
}

.ftr-toggle-button .font-icon:before {
    font-size: 82px;
    color: #444;
}

.ftr-toggle-button.size-large {
    height: 164px;
}

.ftr-toggle-button.size-small {
    height: 64px;
}

.ftr-toggle-button.size-small .font-icon:before {
    font-size: 24px;
    color: #444;
}

.sub {

}

.scaled-buttons {
    clear: both;
}


.scaled-buttons > div {
    width: 50%;
    float: left;
    margin: 0 !important;
    padding: 2px;
}


@media screen and (min-width: 600px) {
    .scaled-buttons > div {
        width: 33.33%;
    }
}

@media screen and (min-width: 800px) {

    .scaled-buttons > div {
        width: 25%;
    }
}

@media screen and (min-width: 1000px) {

    .scaled-buttons > div {
        width:  20%;
    }
}

@media screen and (min-width: 1200px) {

    .scaled-buttons > div {
        width: 16.66%;
    }
}

@media screen and (min-width: 1400px) {

    .scaled-buttons > div {
        width: 14.28%;
    }
}

@media screen and (min-width: 1600px) {
    .scaled-buttons > div {
        width: 12.5%;
    }
}

.sub:before {
    font-family: "Framework", emoji;;
    font-weight: normal;
    content: "\f11b";
    display: inline-block;
}

.ftrgwt-breadcrumb {
    display: inline-block;
    float: left;
}

.ftrgwt-breadcrumb .breadcrumb {
    float: left;
    padding-right: 5px;
    padding-left: 5px;
}

.ftrgwt-breadcrumb .breadcrumb:first-child {
    padding-right: 0;
    padding-left: 5px;
}

.ftrgwt-breadcrumb .breadcrumb:before {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.large-trial .ftrgwt-breadcrumb .breadcrumb:first-child {
    padding-left: 24px;
    padding-right: 12px;
}

.large-trial .ftrgwt-breadcrumb .breadcrumb > i {
    font-size: 48px;
}

.last {
    opacity: 0.5;
}


.fill-page-with-flex {
    display: flex;
    flex-direction: row;
    height: 100%;

}

.fill-page-with-flex-96 {
    height: calc(100% - 48px);
}

.fill-page-with-flex header {
    flex: 1;
    height: 64px;
    position: absolute;
}

.fill-page-with-flex main {
    flex: auto;
    padding-top: 64px;
    display: flex;
    flex-direction: column;
    height: 100%;
}



.fill-page-with-flex .ftr-gwt-multiview {
    flex: auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.fill-page-with-flex .ftr-gwt-multiview .cal-top-bar {
    flex: 0 0 48px !important;
    height: 48px;
}

.fill-page-with-flex .ftr-gwt-multiview .body {
    flex: auto;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.main-widget-generator {
    display: flex;
    height: calc(100% - 64px);
    flex-direction: column;
}

.main-widget-generator .widget-embbedder {

}

.widget-embbedder {
    display: flex;
    height: calc(100% - 64px);
}

.widget-embbedder .edit {
    flex: 0 0 500px !important;
    height: 100% !important;
    overflow: auto;
}

.widget-embbedder .preview {
    flex: auto;
}

.widget-embbedder .preview > div {
    height: 100%;
}

.widget-embbedder .preview > div > iframe {
    height: 100% !important;
}

.main-widget-generator .widget-url {
    width: 100%;
    overflow: hidden;
    padding: 6px;
}


.virtual-pinpad {

}

table.virtual-pinpad {
    width: 100%;
}

table.virtual-pinpad.center {
    max-width: 312px;
    margin-left: auto;
    margin-right: auto;
}


.virtual-pinpad td {
    padding: 1px;
}

.space-right {
    padding-right: 4px;
}

select.gwt-ListBox {
    display: inline-block;
}

.ftr-period-nav {

}

.lbl-col {
    width: 1%;
    white-space: nowrap;
}


.ftr-period-nav {

}

.ftr-period-nav .month-label {
    width: 148px;
    padding: 0 1em;
    text-transform: initial;
}

.green-button {
    background-color: #4caf50 !important;
    color: white !important;
}

.green-icon {
    color: #00ff00;
}

.ftr-hour-minute-edit {
    display: inline-block;
}

.ftr-hour-minute-edit .hours {
    width: 40px;
}

.ftr-hour-minute-edit .minutes {
    width: 40px;
}

.action-buttons-flow {

    clear: both;
}

.action-buttons-flow .right-buttons {
    float: right;
    padding: 6px;
    padding-right: 10px;
}

.ftr-hour-minute-edit .minutes:before {
    content: ':';
    display: inline-block;
    width: 10px;
    padding-left: 10px;
}

.left-space {
    padding-left: 3px;
}

.help-marker {
    padding-left: 3px;
}

.gwt-PopupPanelGlass {
    opacity: 0.3;
    filter: alpha(opacity=30);
    will-change: top, opacity;
    position: fixed;
    z-index: 999;
    top: -100px;
    left: 0;
    bottom: 0;
    right: 0;
    height: 125%;
    width: 100%;
    background: #000;
    display: none;

}


.ftr-period-nav.full-width {
    width: 100%;
}

.ftr-period-nav.full-width > div:nth-child(2) {
    width: 77%;
    padding: 0;
    text-align: center;

}

.ftr-period-nav.full-width > div:first-child {
    width: 10%;
    padding: 0;
    text-align: center;

}

.ftr-period-nav.full-width > div:last-child {
    width: 10%;
    padding: 0;
    text-align: center;

}


.nav-wrapper .ftr-period-nav.full-width {
    width: inherit;
}

.nav-wrapper .ftr-period-nav.full-width > div:nth-child(2) {
    width: inherit;
}

.nav-wrapper .ftr-period-nav.full-width > div:first-child {
    width: inherit;

}

.nav-wrapper .ftr-period-nav.full-width > div:last-child {
    width: inherit;
}


.ftr-upload-image {
    max-height: 150px;
}

.ftr-start-end-panel {

}

.input-field .label-field-grid-panel {
    margin-bottom: 24px;
}

.label-field-grid-panel {
    width: inherit;
}

.label-field-grid-panel-full {
    width: 100%;
}


.ftr-start-end-panel span {
    padding-right: 5px;
    vertical-align: middle;
}

table.GWTUpld {
    padding-right: 10px;
}

table.upld-status {
    line-height: 22px;
}

.ftr-yes-no-radio {
    padding: 2px;
    white-space: nowrap;
}

.ftr-yes-no-radio .gwt-RadioButton {
    margin: 4px;
    padding: 2px;
}

.ftr-tiles {

}

.ftr-tiles.ftr-tiles-100 {
    width: 300px;
}

.ftr-tiles .ftr-toggle-button {
    float: left;

}

.ftr-tiles.ftr-tiles-100 .ftr-toggle-button {
    width: 95px;
    margin-left: 2px;
    margin-top: 2px;
}

.ftr-tel {
    text-decoration: none;
}

.ftr-title-border {
    border-width: 1px 0 0;
    border-top-color: rgb(187, 187, 187);
    border-top-style: solid;
    margin: 5px;
    padding: 5px;
    clear: both;
}

.ftr-title-border legend {
    padding: 0.2em 0.5em;
    font-size: 90%;
}

.selecttable {
    margin-top: -5px;
    margin-left: -15px;
}


.selecttable td {
    padding: 5px;
    padding-left: 15px;
}

.ftr-sortable-list {
    clear: both;
}

.sortable-list-row {
    padding: 6px;
    display: flex;
}


.sortable-list-row > * {
    flex: 0 0 32px;
}

.sortable-list-row .up {
    color: #1c8300;
}

.sortable-list-row .down{
    color: #75baf7;
}

.sortable-list-row .header {
    flex: 0 0 150px;
}

.sortable-list-row .header-full {
    flex: 0 0 200px;
}

.sortable-list-row .header-action {
    flex: 0 0 200px;
    text-align: right;
}

.sortable-list-row .blank_icon {
    width: 16px;
}

.sortable-list-row .content {
    flex: auto;
    display: flex;
}

.sortable-list-row .content-full {
    flex: auto;
    display: flex;
}

.sortable-list-row .content  > span {
    display: block;
}

.sortable-list-row .content .day-of-week {
    font-weight: bold;
}

.sortable-list-row .delete {
    color: #d50000;
}

.ftr-sortable-list td {
    padding: 5px;
    padding-left: 15px;
}

.ftr-sortable-list td.action {

}

.ftr-sortable-list td.action .fontawesome-img-button {
    padding-left: 3px;
    padding-right: 3px;
}

.ftr-boolean-icon {
    display: inline-block;
    border-width: 0;
}

.ftr-boolean-icon .font-icon {
    display: inline-block;
    vertical-align: middle;
}

.ftr-boolean-icon .font-icon:before {
    font-size: 24px;

}

.ftr-boolean-icon span {
    padding-left: 3px;
}


.ftr-radio-selection-horizontal {
    padding-top: 2px;
    display: inline-block;
}

.ftr-radio-selection-horizontal span {
    margin-right: 15px;
}

.ftr-radio-selection-horizontal span input[type="radio"] {
    padding-left: 2px;
}

.ftr-radio-selection-horizontal span label {
    padding-left: 2px;
    display: inline-block !important;
}

.ftr-radio-selection-vertical {
    padding-top: 2px;
}

.ftr-radio-selection-vertical span {
    display: block;
}

.ftr-uploaded-image {
    max-width: 200px;
}

.ee-sum-cell {
    border-top: 2px solid black !important;
}

.ftr-image-with-text {
    padding: 5px;

}


.ftr-image-with-text span {
    padding-left: 5px;
}

div[aria-hidden="true"] {
    right: 0;
}

@font-face {
    font-family: 'FontAwesome';
    src: url('fonts/fontawesome-webfont.eot?v=4.6.3');
    src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: "Framework";
    src: url("fonts/Framework_3e127826e96798bfb49c1f724462wed7.eot");
    src: url("fonts/Framework_3e127826e96798bfb49c1f724462wed7.eot?#iefix") format("embedded-opentype"),
    url("fonts/Framework_3e127826e96798bfb49c1f724462wed7.woff2") format("woff2"),
    url("fonts/Framework_3e127826e96798bfb49c1f724462wed7.woff") format("woff"),
    url("fonts/Framework_3e127826e96798bfb49c1f724462wed7.ttf") format("truetype"),
    url("fonts/Framework_3e127826e96798bfb49c1f724462wed7.svg#Framework") format("svg");
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: "Framework";
        src: url("fonts/Framework_3e127826e96798bfb49c1f724462wed7.svg#Framework") format("svg");
    }
}

.framework {
    font-family: 'Framework', emoji;;
    display: inline-block;
}

.framework:before {
    content: attr(symbol);
    font-family: 'Framework', emoji;;
}


.framework:before {

}

.image-container .framework:before {
    color: #444;
}


.ftr-box-layout-table {
    height: 100%;
}

.ftr-label-select-element span {
    line-height: 24px;
    padding-right: 5px;
}

.input-field .metro-collapsable-panel {
    padding: 12px 0;
}

.metro-collapsable {
    position: relative;
}

.metro-collapsable-panel {
    position: relative;
}


.collapse-button {
    background-color: #e3e2e1;
}


.collapse-button .fontawesome-img-button:before {
    padding-left: 0;
}

.collapse-button.open {

}

.collapse-button.closed {

}


.ee-three-panel {
    display: flex;
    flex-direction: column;
}

.ee-three-panel .north {

}

.ee-three-panel .ftr-center {

}

.ee-three-panel .south {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: white;
}


.ftr-box-layout {
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    height: 100%;
    width: 100%;
}

.full-height {
    height: 100%;
}


.ftr-box-layout-column {
    flex-direction: column;
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;

}

.ftr-box-layout-main {
    flex: 1;
    -webkit-flex: 1;
    box-ordinal-group: 1;
    -webkit-box-ordinal-group: 1; /* Safari */
    -moz-box-ordinal-group: 1; /* Firefox 21- */
    -ms-flex-order: 1; /* Hybrid */
    -webkit-order: 1; /* Chrome */
    order: 1; /* Standard (Firefox 22+) */

}

.overflow-auto {
    overflow: auto;
}

/*Classes for collapse button*/
.metro-collapsable-button {
    cursor: pointer;
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    height: 32px;
    line-height: 34px;
    padding: 3px;
}


.metro-collapsable-button:after {
    font-family: FontAwesome, emoji;;
    content: "\f150";
    right: 4px;
    position: absolute;
    color: inherit;
}

.metro-collapsable-button.expanded:after {
    font-family: FontAwesome, emoji;;
    content: "\f151";
    right: 4px;
    position: absolute;
    color: inherit;
}


.metro-collapsable-panel .panel-header {
    cursor: pointer;
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    height: 42px;
    line-height: 38px;
    padding: 3px;
    width: 100%;
    flex-direction: row;
}

.metro-collapsable-panel .panel-header .header-label {
    flex: 1 1 auto;
}

.metro-collapsable-panel .panel-header .inline-items {
    flex: 0 0 auto;
    margin-right: 32px;
}


.metro-collapsable-panel .panel-header:after {
    font-family: FontAwesome, emoji;
    content: "\f150";
    right: 4px;
    position: absolute;
    color: inherit;
}

.metro-collapsable-panel .panel-header.expanded:after {
    font-family: FontAwesome, emoji;
    content: "\f151";
    right: 4px;
    position: absolute;
    color: inherit;
}

.time-line {

}

.time-line .header {
    height: 30px;
    padding: 4px;
}

.time-line .header img.EeImageButton {
    padding: 4px;
}

.time-line .fixed {
    padding: 4px;
}

.time-line .header .btn {
    margin-left: 4px;
}

.time-line .items {
    padding: 4px;
}

.important-feedback-popup {
    max-width: 250px;
    padding: 10px !important;
    border: 1px solid #cacaca;
}

.important-feedback-popup .gwt-Label {
    text-align: center;
    font-weight: bold;
    padding-bottom: 5px;
}

.metro-panel {
    border-top: 1px solid #cacaca;
    position: relative;
    margin-top: 4px;

}

.metro-panel {
    display: flex;
    flex-direction: column;
}

.metro-panel td {
    padding: 1px;
}

.items table {
    width: 100%;
}


.metro-collapsable-panel-full table:first-of-type {
    width: 100%;
}


.metro-panel .icon {
    display: inline-block;
    vertical-align: top;
    flex: 0 0 48px;
}

.metro-panel .icon > div:before {
    font-size: 20px;
    padding: 2px;
}

.metro-panel .date-time {
    line-height: 32px;
}

.metro-panel .action-panel {
    width: 32px;
    display: inline-block;
}

.button-action-panel {
    width: 100%;
    padding-top: 5px;
}


.metro-panel .top-panel {
    display: flex;
    flex-direction: row;
}

.metro-panel .action {
    position: absolute;
    bottom: 0;
    right: 0;
    padding-bottom: 5px;
    padding-right: 5px;

}

.metro-panel .action-panel .fontawesome-img-button {
    font-size: 24px;
}

.metro-panel .action-panel .fontawesome-img-button:before {
    font-size: 24px;
    color: #FFF;
}

.metro-panel .message {
    display: inline-block;
}

.metro-panel .middle {
    display: inline-block;
    padding: 7px;
}

.metro-panel .middle-full {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    flex: auto;
    padding: 4px;
}

.metro-panel div {

}


.onoffswitch {
    position: relative;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.html-editor-trail {
    padding: 0;
    margin: 0;
    height: 18px;
    line-height: 18px;
    min-height: 18px;
    vertical-align: middle;
    text-transform: lowercase;
}

.html-editor-trail li:before {
    content: "\f105";
    padding-left: 3px;
    font-family: FontAwesome, emoji;;
    padding-right: 3px;
}

.html-editor-trail li:first-child:before {
    content: "\f1db";
    padding-left: 3px;
    font-family: FontAwesome, emoji;;
    padding-right: 3px;
    font-size: 10px;
}

.html-editor-trail li {
    display: inline-block;
    float: left;
}

.html-editor-trail li a {
    text-decoration: none;
}

.html-editor-trail li a:hover {
    text-decoration: underline;
}


.toolBarItem {
    display: inline-block;
}

.ftr-info-message-box {
    padding: 5px;
    border-bottom: 1px dotted #999999;
}

.onoffswitch-checkbox {
    display: none;
}

.ftr-flow-label {
    display: block;
    padding-top: 3px;
    padding-bottom: 2px;
}


.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #999999;
    border-radius: 0;
}

.onoffswitch-inner {
    width: 200%;
    margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s;
    -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s;
    transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
    float: left;
    width: 50%;
    height: 26px;
    padding: 0;
    line-height: 26px;
    font-size: 15px;
    color: white;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: bold;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.onoffswitch-inner:before {
    content: attr(yesValue);
    padding-left: 10px;
    background-color: #47FF2F;
    color: #FFFFFF;
    text-align: left;
}

.onoffswitch-inner:after {
    content: attr(noValue);
    padding-right: 10px;
    background-color: #DE0404;
    color: #F5EBEB;
    text-align: right;
}

.onoffswitch-switch {
    width: 16px;
    margin: 6px;
    background: #FFFFFF;
    border: 2px solid #999999;
    border-radius: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    -moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0;
}

.DecoratedFileUpload {
    height: 24px !important;
}

.upld-form-elements .gwt-Button {
    background: whiteSmoke;
    position: relative;
    display: inline-block;
    white-space: nowrap;
    vertical-align: bottom;
    border: 1px solid rgba(0, 0, 0, 0.15);
    margin: 0;
    line-height: 22px;
    padding: 0 10px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-shadow: 0 1px 2px rgba(127, 127, 127, 0.5);
    color: #404040;
    cursor: pointer;
}

.gwt-PopupPanel .GWTUpld {
    background: whiteSmoke !important;
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
    padding: 0;
    margin: 0;
}

.upld-form-elements .gwt-FileUpload {
    background: whiteSmoke;
    position: relative;
    display: inline-block;
    white-space: nowrap;
    vertical-align: bottom;
    border: 1px solid rgba(0, 0, 0, 0.15);
    margin: 0;
    line-height: 22px;
    padding: 0 10px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-shadow: 0 1px 2px rgba(127, 127, 127, 0.5);
    color: #404040;
    cursor: pointer;
}

.ftr-image-edit {
    position: relative;
}

.ftr-image-edit > div {
    display: inline-block;
}

.ftr-image-edit .upld-multiple {
    display: block;
    padding-bottom: 16px;
}

.ftr-image-edit .rotate {
    position: absolute;
    top: 0;
}

.ftr-image-edit .delete {
    position: absolute;
    top: 0;
    left: 24px;
}

.ftr-image-edit .upld-multiple .DecoratedFileUpload-button {

}

.ftr-image-edit .ftr-button {
    display: inline-block;
}

.containerdivNewLine {
    clear: both;
    float: left;
    display: block;
    position: relative;
}

.imgPreviewPanel {
    max-height: 300px;
}

.image-overflow {
    overflow: hidden;
}

.html-edit-select-panel {

}



.html-edit-select-panel .selectAndUpload {
    display: inline-block;
    vertical-align: top;
}

.html-edit-select-panel .selectAndUpload > * {
    display: block;
}

.html-edit-select-panel .selectAndUpload > span {
    font-weight: bold;
    padding: 6px;
    font-size: small;
}

.html-edit-select-panel .imageSelect > * {
    display: block;
}

.html-edit-select-panel .imageSelect > span {
    font-weight: bold;
    padding: 6px;
    font-size: small;
}

.html-edit-select-panel > * {
    display: inline-block;
}

.html-edit-select-panel .tree {
    width: 300px;
}



.html-edit-select-panel .htmlEditorImagePreview {
    display: inline-block;
}

.html-edit-select-panel .selectable-images {
    display: inline-block;
}

.selectable-images .selectable-image {
    display: block;
    border: 1px solid #3f3f3f;
    padding: 6px;
    margin: 6px;
}

.selectable-images .selectable-image .btn {
    display: block;
    margin: 6px;
}

.selectable-images .selectable-image img {
    max-width: 150px;
}

.html-edit-select-panel img {
    max-width: 600px;
}

.html-edit-select-panel .image-overflow {

}

.gwt-CleanDialogBox {
    z-index: 20000;
    border: 1px solid #c0c0c0;;
    background-color: white;
    font-size: 12px;
}

.gwt-CleanDialogBox > div {
    height: 100%;
}

.gwt-CleanDialogBox .main {
    height: 100%;
    width: 100%;
    min-width: 285px;
}

.popupContent {
    background-color: white;
}

.popupContent input[type='text'] {
    width: 99%;
}

.gwt-CleanDialogBox .main {
    position: relative;
}

.gwt-CleanDialogBox .main .EeTableList {
    height: 100%;
}

.gwt-CleanDialogBox .Caption {
    padding: 4px;
    border-bottom: 1px solid #c0c0c0;
}

.ftr-editLink {
    text-decoration: none;
    color: #0000AA;
}

.ftr-editLink:HOVER {
    text-decoration: underline;
    cursor: pointer;
}

.ftr-boolean-edit-link {
    text-decoration: none;
    color: #0000AA;
}

.ftr-boolean-edit-link:HOVER {
    text-decoration: underline;
    cursor: pointer;
}


.frt-application, .frt-application table td, .frt-application select {
    font-size: 12px !important;
}

.EeAboutText {
    width: 24em;
    font-size: 0.9em;
    padding: 10px;
    text-align: left;
}

.ftr-clickable-label {
    color: blue;
}

.ftr-clickable-label:hover {
    cursor: pointer;
    text-decoration: underline;
}

.ftr-radio-list {
    padding: 2px;
}

.ftr-radio-list .gwt-label {
    padding: 2px;
}

.colored-tree {
    overflow: auto;
}

.colored-tree label.xmlElement {
    color: orange;
}

.colored-tree label.xmlAttribute {
    color: blue;
}

.colored-tree span.xmlElement {
    color: orange;
}

.colored-tree span.xmlAttribute {
    color: blue;
}


.ftr-tree-node div, .ftr-tree-node img {
    vertical-align: middle;
}

.ftr-tree-node div, .ftr-tree-node .font-icon:before {
    font-size: 20px;
    margin-right: 2px;
}

.ftr-tree-node .ftr-label {
    padding-left: 3px;
}

.ftr-tree-node .ftr-label:HOVER {
    cursor: pointer;
}

.ftr-tree-node .link {
    padding-left: 3px;
    color: orange;
}

.ftr-tree-node a {
    padding-left: 3px;
    text-decoration: none;
    font-size: xx-small;
}

.ftr-tree-node a:hover {
    text-decoration: underline;
}

.ftr-radiolist-item {
    vertical-align: middle;
}

.ftr-buttons-flowpanel-spaced {
    max-width: 1024px;
}

.ftr-buttons-flowpanel-spaced > div {
    width: 19%;
    float: left;
    margin-left: 0.5%;
    margin-top: 2px;
}

.ftr-buttons-flowpanel-spaced .btn_bg {

}

.ftr-buttons-flowpanel-spaced > div > div {
    width: 100%;
}

.ftr-buttons-flowpanel-spaced .btn_bg span {
    width: 90%;
}

.ftr-buttons-flowpanel-spaced img {
    width: 80%;
    height: auto;
}


.ftr-buttons-flowpanel {
    padding-top: 3px;
    padding-bottom: 3px;
    min-height: 32px;
    margin-bottom: 3px;
    margin-top: 3px;
}

.ftr-buttons-flowpanel > div {
    margin-top: 3px;
    margin-left: 3px;
    float: left;
}

.ftr-buttons-flowpanel button {
    margin-right: 4px;
}

.ftr-buttons-flowpanel-compact {
    margin-top: 0;
    min-height: 32px;
}

.ftr-buttons-flowpanel-compact > div {
    margin-left: 3px;
    float: left;
}

.ftr-title {
    font-weight: bold;
}

.ftr-filter-on-of {

}

.ftr-material-search {
    position: relative;
}

.ftr-material-search .fontawesome-img-button {
    position: absolute;
    right: 3px;
    line-height: 3rem;
}

.ftr-material-search .fontawesome-img-button:BEFORE {
    font-size: 26px;
}

.ftr-dropdown {

}

.EeActionTable .ftr-period-nav {
    display: inline-block;
}

.ftr-search-box {
    text-indent: 3px;
    line-height: 26px;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #9e9e9e;
    border-radius: 0;
    outline: none;
    height: 3rem;
    width: 100%;
    font-size: 1rem;
    padding: 0;
    box-shadow: none;
    box-sizing: content-box;
    transition: all .3s;
}

.ftr-search-options .expand {
    float: right;
    font-size: 12px;
    font-weight: normal;
}

.ftr-search-options .expand:BEFORE {
    font-size: 24px;
}

.ftr-search-options {
    margin: 0 2px;
    padding: 2px 0 5px 0;
}

.ftr-search-actions {
    margin: 0 2px;
    padding: 2px 0 15px 0;
}

.ftr-search-filteractions:after {
    content: ".";
    font-size: 1%;
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    zoom: 1;
}

.ftr-search-main-filter-options {
    margin: 0 2px;
    display: inline-block;
}

.ftr-search-main-filter-options .EeOptionPanel {
    line-height: 20px;
}


.selectable-options {


}

.selectable-options .search-box {

}

.selectable-option {
    padding: 6px;
    display: flex;
}

.selectable-option:nth-child(odd) {
    background-color: #d7ecfd;
}

.selectable-option .option-name {
    flex: auto;
}

.selectable-option > div.fontawesome-img-button {

}

.ftr-search-main-filter-options .EeOptionPanel .EeOptionPanelLabel {
    padding: 0 15px 3px 5px;
}


.ftr-search-filter-options {
    margin: 0 2px;
    padding: 5px 0;
}

.ftr-search-filter-options:after {
    content: ".";
    font-size: 1%;
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    zoom: 1;
}

.ftr-search-filter-options-hide, .ftr-search-filter-options-show {
    margin: 0 12px 0 2px;
    padding: 0;
    height: 5px;
    border-top: 1px dotted #999999;
    cursor: pointer;
    outline: none;
}

.ftr-search-filter-options-hide img, .ftr-search-filter-options-show img {
    float: right;
    position: relative;
    top: -2px;
    right: -10px;
    display: none;
    height: 4px;
    width: 7px;
    border: 0 solid #000;
}

.ftr-search-filter-options-hide img.arrow_up, .ftr-search-filter-options-show img.arrow_down {
    display: block;
}

.ftr-divider {
    margin: 2px 2px;
    padding: 5px 0;
    border-top: 1px dotted #999999;
    display: block;
}

.ftr-search-action-item {
    float: right;
}

.ftr-buttons {
    float: right;
}

.ftr-component {
    margin: 0 auto;
}

.ftr-steps-panel {
    position: relative;

}

.ftr-steps-panel .ftr-steps {
    position: absolute;
    height: 38px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    /*margin-left: 4px;*/
    padding-right: 25px;
    width: 100%;
    top: 0;
    background-color: white;
    z-index: 300;
}

.orange.lighten-1 .image-container .gloryosa:before {
    color: white;
}

.orange.lighten-1 .image-container .gloryosa:after {
    color: white;
}

.indigo.lighten-1 .image-container .gloryosa:before {
    color: white;
}

.indigo.lighten-1 .image-container .gloryosa:after {
    color: white;
}

.purple.lighten-1 .image-container .gloryosa:before {
    color: white;
}

.purple.lighten-1 .image-container .gloryosa:after {
    color: white;
}

.brown.lighten-1 .image-container .gloryosa:before {
    color: white;
}

.brown.lighten-1 .image-container .gloryosa:before {
    color: white;
}

.deep-purple.lighten-1 .image-container .gloryosa:before {
    color: white;
}

.ftr-steps-panel .middle-panel {
    position: relative;
    padding-bottom: 44px;
    overflow: auto;
    padding-top: 40px;
    height: 100%;
}

.ftr-steps-panel.in-page .middle-panel {
    padding-left: 6px;
}

.ftr-steps-panel .button-action-panel {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 44px;
    padding: 4px;
    background-color: white;
}


.ftr-steps ul {
    float: right;
    line-height: 28px;
    list-style-type: none;
    padding: 3px;
    margin: 0;
}

.ftr-steps li {
    list-style-type: none;
    display: inline-block;
    height: 32px;
    width: 32px;
    border-radius: 16px;
    background: #666;
    text-align: center;
    vertical-align: middle;
    line-height: 32px;
    color: #f0f0f0;
    font-size: 14px;
    padding: 0;
    margin: 0 0 0 5px;
}

.ftr-steps li .ftr-steps-title {
    display: none;
}

.ftr-steps li.ftr-active {

    color: #fff;
    font-weight: bold;

}

.ftr-steps li.ftr-active .ftr-steps-title {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 4px;
    font-size: 16px;
    color: #000;
    font-weight: normal;
    line-height: 34px;
}

.ftr-flow-dialog .ftr-steps li.ftr-active .ftr-steps-title {
    top: 12px;
    left: 16px;
}

.ftr-flow-dialog .modal-content {
    margin-top: 32px;
    height: calc(100% - 104px) !important;
}


.ftr-flow-dialog .ftr-seperator-bottom {
    height: 56px;
}

.ftr-flow-dialog .ftr-steps {
    padding: 8px;
    position: absolute;
    width: 100%;
    background-color: #fafafa;
    z-index: 300;
}

.ftr-steps li.ftr-active ~ li {
    background: #a0a0a0;
    color: #e0e0e0;
}

.ftr-steps-panel.full-page {
    overflow-x: hidden;
}

.ftr-steps-panel.full-page .middle-panel {
    overflow: auto;
}

.ftr-steps-panel.full-page .middle-panel .panel-with-action-bar-floating .action-screen-bar {
    top: 104px;
}

.ftr-steps-panel.full-page .middle-panel .ftr-steps-panel .button-action-panel {
    bottom: 64px;
}

.ftr-seperator-top {
    border-top: 1px solid rgba(0, 0, 0, 0.3);
}

.ftr-seperator-bottom {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.ftr-seperator {
    padding-left: 5px;
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    clear: both;
    height: 1px;
    font-size: 1px;
}

.ftr-simple-grid {
    margin: 2px;
    border: 1px solid #dcdcdc;
    border-collapse: collapse;
    width: inherit;
}

.ftr-simple-grid-horizontal {
    width: 99%;
    margin: 2px;
    border-collapse: collapse;
}

.ftr-simple-grid-horizontal .header {
    font-weight: bold;
}

table.ftr-simple-grid-clean {
    width: inherit;
}

.ftr-simple-grid.compact td, .ftr-simple-grid.compact th, .ftr-simple-grid-clean.compact td, .ftr-simple-grid-clean.compact th {
    padding: 2px;
}

.ftr-simple-grid.compact td input {
    margin: 0;
}


.ftr-simple-grid tbody {
    overflow: auto;
}

.ftr-clean-grid {
    width: 99%;
    margin: 2px;
    border-collapse: collapse;
}

.ftr-clean-grid .header {
    font-weight: bold;
}

.ftr-clean-grid .footer {
    font-weight: bold;
}

.label-field-grid-panel.compact td {
    padding: 2px;
}

.full {
    width: 98%;
    padding: 20px;
    margin: 6px auto 12px;
    background: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.ftr-simple-grid .tfoot {
    background-color: #F6F6F6;
}

.ftr-simple-grid .tfoot td {
    background-color: #F6F6F6;
}

.ftr-simple-grid tr {

}

.ftr-simple-grid .header {

}

.ftr-simple-grid .header td, .ftr-simple-grid.full .header td {

}

.ftr-simple-grid .even {
    background-color: #FFC;
}

.ftr-simple-grid .even.error {
    background-color: #fb8162a8 !important;
}

.ftr-simple-grid .uneven.error {
    background-color: #fb8162a8 !important;
}

.ftr-simple-grid .light-blue {
    background-color: #0ae8fa;
}

.ftr-simple-grid .light-purple.even {
    background-color: #91caf7d6;
}

.ftr-simple-grid .light-purple.uneven {
    background-color: #ffffff;
}

.ftr-simple-grid .really-light-blue {
    background-color: #e3fcfd;
}

.ftr-simple-grid .green {
    background-color: #D1FAD8;
}

.ftr-simple-grid .ftr-green {
    background-color: #D1FAD8;
}

.ftr-simple-grid .orange {
    background-color: #fabf00;
}

.ftr-simple-grid .footer-negative {
    background-color: #F6F6F6;
    color: #ff0000;
}

.ftr-simple-grid .footer {
    background-color: #F6F6F6;
}

.ftr-simple-grid .yellow {
    background-color: #FFC;
}

.ftr-simple-grid .blue {
    background-color: #D7ECFD;
}

.ftr-simple-grid .blue-top {
    background-color: #D7ECFD !important;
}

.ftr-simple-grid .blue-top td {
    background-color: #D7ECFD !important;
}

.ftr-simple-grid .weekend {
    background-color: #F6F6F6;
}

.ftr-simple-grid .saturday {
    background-color: #F6F6F6;
}

.ftr-simple-grid .sunday {
    background-color: #F6F6F6;
}

.ftr-simple-grid .monday {
    background-color: #FFFFFF;
}

.ftr-simple-grid .tuesday {
    background-color: #FFC;
}

.ftr-simple-grid .wednesday {
    background-color: #FFFFFF;
}

.ftr-simple-grid .thursday {
    background-color: #FFC;
}

.ftr-simple-grid .friday {
    background-color: #FFFFFF;
}


.ftr-simple-grid .week {
    background-color: #FFF;
}


.ftr-simple-grid .weekend td td {
    border: none;
    padding-top: 0;
    padding-bottom: 0;
}

.ftr-simple-grid td.weekend-grey {
    -moz-opacity: 0.50;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.50;
}

.ftr-simple-grid .week td {
    vertical-align: top;
}


.ftr-simple-grid tr tr {
    background-color: transparent !important;
}

.ftr-simple-grid td td {
    border: none !important;
    padding-top: 0;
    padding-bottom: 0;
}


.ftr-simple-grid td {
    border-top-style: solid;
    border-top-color: silver;
    border-top-width: 1px;
    padding: 2px 3px;
    border-radius: 0;
}

.ftr-simple-grid.full td {
    border-right-style: solid;
    border-right-color: silver;
    border-right-width: 1px;
}

.ftr-simple-grid .uneven td {
    border-top-style: solid;
    border-top-color: silver;
    border-top-width: 1px;
}

.ftr-simple-grid tr > td:last-of-type {

}

.ftr-simple-grid tr > td:first-of-type {

}

.ftr-simple-grid td {
    padding: 8px 6px;
    border: 1px solid silver;
}

.ftr-simple-grid td td {
    border: none;
}

.ftr-simple-grid .even td td {
    border: none;
}

.ftr-simple-grid .uneven td td {
    border: none;
}

.ftr-simple-grid.full td td {
    border: none;
}

.ftr-simple-grid .uneven {
    background-color: #ffffff;
}

.ftr-boolean-edit {
    display: inline-block;
}

.ftr-boolean-edit span {
    padding-left: 3px;
}

.ftr-hour-edit {
    display: inline-block;
}

.ftr-int-edit {
    display: inline-block;
}

.ftr-int-edit input {
    width: 40px;
}

.ftr-div-inline {
    display: inline-block;
}

.ftr-div-inline img {
    display: inline-block;
}

.ftr-radiolist-popup {
    max-height: 200px;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}


.ftr-day-navigator {
    border-spacing: 0;
    display: inline-block;
}

.ftr-day-navigator td {
    padding-left: 2px;
}

.ftr-row-even {
    border-top-color: Grey;
    border-top-style: solid;
    border-top-width: 1px;
    background-color: #FFC;
    border-bottom-color: Grey;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.EeActionButton {
    background: url(arrow_down.png) no-repeat right;
    margin-right: 14px;
    height: 25px;
    vertical-align: middle;
}

.EeActionButtonLabel {
    margin-right: 14px;
    padding-top: 4px;
}

.CobogActionButton {

}

.CobogActionButton div.cbg-ButtonContent {
    background-image: url(arrow_down.png);
    background-position: right;
    background-repeat: no-repeat;
    margin-right: 14px;
    padding-right: 11px;
}

.CobogActionButtonLabel div {

}

.EeOpenButtonClosed {

}

.EeOpenButtonClosed .cbg-ButtonContent {
    background: url(arrow_right.png) no-repeat left;
    margin-left: 8px;
    padding-left: 11px;
}

.EeOpenButtonOpen {

}

.EeOpenButtonOpen .cbg-ButtonContent {
    background: url(arrow_down.png) no-repeat left;
    margin-left: 8px;
    padding-left: 11px;
}

.Ee-Tranparent-PopPup {
    padding: 3px;
    background-color: white;
}

.EeSelectedButton {
    text-align: right;
    vertical-align: text-bottom;
}

.ftr-pin-pad {
    width: 100%;
    height: 100%;
}

.ftr-vrt-btn {
    border-width: 1px;
    border-style: solid;
    border-color: #939393;
    min-width: 70px;
    height: 70px;
    cursor: pointer;
}

.ftr-vrt-btn .txt {
    clear: both;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    height: 100%;
    font-weight: bold;
    padding-top: 30px;
}

.ftr-toggle-button {
    background: whiteSmoke;
}

.ftr-toggle-button.square {
    text-align: center;
    display: inline-block;
}

.ftr-toggle-button.square .btntxt {
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 4px;
    padding-right: 4px;
}

.ftr-toggle-button.square.size-large {
    width: 164px;
}

.ftr-toggle-button.square.size-large img {
    max-width: 128px;
}

.ftr-sizable-lable {
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ftr-toggle-button.disabled .ftr-toggle-button.disabled .icon .ftr-toggle-button.disabled div {
    -moz-opacity: 0.45;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
    filter: alpha(opacity=45);
    opacity: 0.45;
}

.ftr-toggle-button .ftr-left {
    display: inline-block;
    height: 100% !important;
}

.ftr-toggle-button .ftr-right {
    display: inline-block;
    padding-left: 5px;
}

.ftr-toggle-button .icon {
    background-repeat: no-repeat;
    position: relative;
}

.ftr-toggle-button.square .icon {
    width: 100% !important;
}

.ftr-toggle-button.mobile .icon {
    display: inline-block;
}

.ftr-toggle-button.mobile div {
    line-height: 35px;
    vertical-align: middle;
}

.ftr-toggle-button.up {
    border: 1px solid #bbb;
    border-bottom: 1px solid #a0a0a0;
    cursor: pointer;
}

.ftr-toggle-button:hover {
    border-width: 1px;
    border-style: solid;
    border-color: #939393;
    cursor: pointer;
}

.ftr-toggle-button.disabled {
    cursor: default;
    opacity: .5;
    zoom: 1;
    filter: alpha(opacity=45);
}

.ftr-toggle-button.down {
    background: #A0A0A0;
    color: #FFFFFF;
    border: 1px inset #666;
    cursor: pointer;
}

.ftr-list-toggle-button {
    background: whiteSmoke;
    border: 1px inset #400040;
    cursor: pointer;
}

.ftr-list-toggle-button .ftr-right {
    padding: 6px;
}


.ftr-list-toggle-button.down {
    background: #A0A0A0;
    color: #FFFFFF;
    border: 1px inset #666;
}

.ftr-list-toggle-button img {
    margin-left: auto;
    margin-right: auto;
    display: inherit;
}

.ftr-list-toggle-button .icon {
    position: relative;
}

.ftr-list-toggle-button .icon > div {
    display: block;
    width: 100%;
    text-align: center;
}

.ftr-list-toggle-button .font-icon {
    font-size: 64px;
}

.ftr-list-toggle-button.down .icon:after {
    font-family: "Framework", emoji;;
    font-weight: normal;
    content: "\f107";
    font-size: 16px;
    color: lime;
    position: absolute;
    right: 12px;
    top: 0;
}

.ftr-toggle-button.down .icon:after {
    font-family: "Framework", emoji;;
    font-weight: normal;
    content: "\f107";
    font-size: 16px;
    color: lime;
    position: absolute;
    right: 24px;
    bottom: 0;
}

.ftr-toggle-button.size-small.down .icon:after {
    right: 2px;
}

.ftr-list-toggle-button.disabled {
    cursor: default;
    opacity: .5;
    zoom: 1;
    filter: alpha(opacity=45);
}


.gwt-SplitLayoutPanel-HDragger {
    background: #e7e7e7 url(images/thumb_vertical.png) center center no-repeat;
    cursor: col-resize;
}

.gwt-SplitLayoutPanel-VDragger {
    background: #e7e7e7 url(images/thumb_horz.png) center center no-repeat;
    cursor: row-resize;
}

.squarebtn {

}

.squarebtnselected {

}

.tips {

}

.tips .tipsNext {

}

.imageThumbNailPanel {

}

.imageThumbNailPanel td {
    vertical-align: middle;
    text-align: center;
}

.field-edit .dragdrop-boundary {

}

.field-edit-table-proxy {
    border: 1px solid blue;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.field-edit .field-edit-flextable .dragdrop-handle {
    background: url("images/thumb_horz.png") repeat-Y;
    padding-left: 10px;
    height: 100%;
}

.field-edit table {

}

.gwt-TabLayoutPanel {
    border-width: 0;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTabs {
    border-width: 0;
}

.gwt-TabLayoutPanelContentContainer {
    border-width: 0;
}

.optionNotEnabled {
    text-decoration: line-through;
}

.ftr-RichTextToolbar {
    background: #FFFFFF;
    border-bottom: 1px solid #BBBBBB;
    padding: 3px;
    margin: 0;
}

.ftr-RichTextToolbar div {
    display: inline-block;
}

.ftr-RichTextToolbar .gwt-PushButton-up {
    padding: 0 1px 0 0;
    margin-right: 4px;
    margin-bottom: 4px;
    border-width: 1px;
}

.ftr-RichTextToolbar .gwt-PushButton-up-hovering {
    margin-right: 4px;
    margin-bottom: 4px;
    padding: 0 1px 0 0;
    border-width: 1px;
}

.ftr-RichTextToolbar .gwt-PushButton-down {
    margin-right: 4px;
    margin-bottom: 4px;
    padding: 0 0 0 1px;
    border-width: 1px;
}

.ftr-RichTextToolbar .gwt-PushButton-down-hovering {
    margin-right: 4px;
    margin-bottom: 4px;
    padding: 0 0 0 1px;
    border-width: 1px;
}

.ftr-RichTextToolbar .gwt-ToggleButton-up {
    margin-right: 4px;
    margin-bottom: 4px;
    padding: 0 1px 0 0;
    border-width: 1px;
}

.ftr-RichTextToolbar .gwt-ToggleButton-up-hovering {
    margin-right: 4px;
    margin-bottom: 4px;
    padding: 0 1px 0 0;
    border-width: 1px;
}

.ftr-RichTextToolbar .gwt-ToggleButton-down {
    margin-right: 4px;
    margin-bottom: 4px;
    padding: 0 0 0 1px;
    border-width: 1px;
}

.ftr-RichTextToolbar .gwt-ToggleButton-down-hovering {
    margin-right: 4px;
    margin-bottom: 4px;
    padding: 0 0 0 1px;
    border-width: 1px;
}

.gwt-DialogBox .dialogMiddleCenter {
    padding: 0 !important;
    background: white;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelContent {
    border-width: 0;
    border-color: #92c1f0;
    border-style: solid;
    overflow: hidden;
    padding: 1px;
}

.gwt-TabLayoutPanel {
}

.gwt-TabLayoutPanelContentContainer {
    border: none;
}

.gwt-TabLayoutPanelContent {
    border: none;

}

.gwt-TabLayoutPanelTab {
    color: #fef4e9;
    background: whiteSmoke;
}

.gwt-TabLayoutPanelTab {
    border-bottom: none;
    border-left: solid 1px #404040;
    border-top: solid 1px #404040;
    border-right: solid 1px #404040;
    margin-bottom: -3px;
    text-align: center;
    background: #f78d1d;
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-decoration: none;
    font: 12px/100% Arial, Helvetica, sans-serif;
    padding: .5em 2em .55em;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

.gwt-TabLayoutPanelTab-selected {
    cursor: default;
    background: #A0A0A0;
    color: #FFFFFF;
}

.icimgsizer {
    width: 20px;
}

.field-edit-table-positioner {
    z-index: 1;
    border-top: 1px solid green;
    margin-top: 1px;
}

.field-edit .dragdrop-selected, .field-edit .dragdrop-dragging, .field-edit .dragdrop-proxy {

    opacity: 1.0;
}

.ee-FeedbackPanel {
    height: 17px;
    font: bold 12px arial, sans-serif;
    line-height: 24px;
}

.ee-FeedbackPanel div.gwt-HTML {
    height: 20px;
}

.ftr-dialog-feedback {
    line-height: 22px !important;
    height: 22px;
}

.ftr-dialog-feedback > div {
    padding: 2px;
}

.ee-TopPanel {
    background-color: #212121;
    border-bottom: solid 1px #cacaca;
    border-spacing: 0;
}


.ee-TopPanel .ee-TopPanel-Left {
    display: inline-block;
    min-height: 19px;
}

.ee-TopPanel .ee-TopPanel-Left > div {
    display: inline-block;
}

.ee-TopPanel .ee-TopPanel-Right {
    float: right;
    display: inline-block;
    padding-right: 3px;
}

@media only screen and (max-width: 420px) {
    .ee-TopPanel-Right {
        max-width: 200px;
        height: 22px;
        overflow: auto;
    }
}

.drop-down-in-menu table {
    padding: 0;
    margin: 0;
}

.ftraboutpopup {
    border: 1px solid #dddddd;
    background: whiteSmoke;
    background-image: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-position-x: initial;
    background-position-y: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: whiteSmoke;
    padding-top: 0;
    z-index: 5000;
}

.ftraboutpopup div {
    font-size: 10px;
}

.ftrabouttop {
    background-color: #FEF9DB;
    color: black !important;
    font: 11px Arial, sans-serif;
    padding: 3px;
    height: 30px;
}

.ftr-about-user-info {
    background-color: #FFFFFF;
    width: 100%;
}

.ftraboutbuttons {
    width: 100%;
}

.icbtn {
    cursor: pointer;
    height: 28px;
    background-color: #f4f4f4;
    border: 1px solid #dcdcdc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #6e6e6e;
    overflow: hidden;
    text-align: center;
    font-size: 12px;
    font-weight: bolder;
}

.icbtn table {
    margin-left: 3px;
    height: 100%;
    width: 100%;
}

.icbtn table td {

}

.icbtn_disable table {
    margin-left: 3px;
    height: 100%;
    width: 100%;
}

.icbtn_disable table td {

}

.icbtn:hover {
    cursor: pointer;
    background-color: #f5f5f5;
    color: #686868;
    border: 1px solid #c6c6c6;
}

.icbtn_disable {
    cursor: default;
    color: #aaa;
    overflow: hidden;
    background-color: #f4f4f4;
    border: 1px solid #dcdcdc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    font-size: 12px;
    height: 28px;
}

.icbtntxt {
    vertical-align: middle;
}

.icbtnimg {
    padding-left: 4px;
    vertical-align: middle;
    height: 100%;
}

#main {
    width: 100%;
    margin: 0;
    padding: 0;
}

.ee-Info {
    background-color: #fdc90d;
}

.ee-TopUserPanel {
    color: #FFFFFF;
    border-spacing: 0;
}

.ee-TopUserPanel .fontawesome-img-button:before {
    color: #FFFFFF;
}

.ee-TopUserPanel .sep {
    margin-left: 2px;
    margin-right: 2px;
}

.ee-TopUserPanel td {
    color: #FFFFFF;
    line-height: 24px;
    vertical-align: middle;
}

.ee-TopUserPanel span {
    color: #FFFFFF;
    font-weight: bold;
}

.ee-TopUserPanel a {
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}

.ee-TopUserPanel .gwt-Label {
    color: #FFFFFF;
    font-weight: bold;
}

.ee-TopUserPanel a:VISITED {
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}

.ee-TopUserPanel a:HOVER {
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}

.ee-Logo {
    border-right: solid 1px #cacaca;
    background-color: #FFFFFF !important;
}

.ftr-breadcrumb {
    font: 11px Arial, Helvetica, sans-serif;
    /*
    background-image: url('bc_bg.png');
    background-repeat: repeat-x;
    border-right: solid 1px #cacaca;
    border-bottom: solid 2px #cacaca;
    height: 45px;
    */
    color: #6e6868;
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.ftr-breadcrumbPanel {
    font: 11px Arial, Helvetica, sans-serif;
    background-image: url('bc_bg.png');
    background-repeat: repeat-x;
    height: 45px;
    color: #6e6868;
    border-right: solid 1px #cacaca;
    border-bottom: solid 2px #cacaca;
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border-spacing: 0;
}

.ftr-breadcrumb li {
    list-style-type: none;
    float: left;
    color: #6e6868;
    text-align: center;
    cursor: pointer;
}

.ftr-breadcrumb img {
    padding-top: 2px;
}

.ftr-breadcrumb .ftr-breadcrumbtable {
    display: block;
    background-image: url('bc_separator.png');
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 20px;
    text-decoration: none;
    color: #6e6868;
}

.ftr-breadcrumb .ftr-breadcrumbtablelast {
    display: block;
    text-decoration: none;
    color: #6e6868;
}

.home {
    margin-left: 8px;
}

.ftr-breadcrumb a:hover {
    color: #35acc5;
}

.popup-title {
    padding: 6px;
}

.ftr-help-text {
    max-width: 370px;
    min-width: 250px;
    padding: 12px;
}

.ftr-feedback {
    max-width: 500px;
}

.ftr-feedback-title {
    font-weight: bold;
    padding-bottom: 5px;
}

.ftr-feedback-notstarted {
    background-color: #FFF;
    border: solid 1px #cacaca;
    position: relative;
}

.ftr-feedback-notstarted .button-row {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.ftr-feedback-notstarted .button-row .btn {
    width: 100%;

}

.ftr-history .modal-content {
    display: flex;
    flex-direction: row;
}

.ftr-history-right {
    flex: 200px;
    display: flex;
    flex-direction: column;
}

.ftr-history-right .ftr-box-layout-main iframe {
    flex: auto;
    height: 100%;
}

.ftr-history-messages {
    width: 800px !important;
}

.ftr-history .table-in-dialog.modal-content {
    overflow: hidden;

}

.ftr-history .create {
    color: darkgreen;
}

.ftr-history .change {

}

.ftr-history .delete {
    color: red;
}

.ftr-history .info-row {

}

.ftr-history .info-row .type {
    color: black;
    padding-right: 6px;
}

.ftr-history .info-row .start {
    color: blue;
    padding-right: 6px;
}

.ftr-history .info-row .deleted-by {
    color: red;
    padding-right: 6px;
}


.edit-link {
    color: #4caf50 !important;
}


.cancel-link {
    color: #4caf50 !important;
}


.save-link {
    color: #ff9800 !important;
}

.delete-link {
    color: #f44336 !important;
}

.create-link {
    color: #ff9800 !important;
}

.ftr-history .json-tree {
    overflow: auto;
    flex: auto;
}


.btn_bg_mobile {
    margin: 3px;
    display: block;
    cursor: pointer;
    background-color: #f6f6f6;
    border: 1px solid #cacaca;
    color: #222;
    overflow: hidden;
    text-align: center;
    font-size: 12px;
    min-height: 60px;
}

.btn_bg_mobile .btntxt {
    min-width: 90px;
    clear: both;
}

.btn_bg_mobile img {
    float: left;
    clear: both;
}

.btn_bg_mobile:hover {
    cursor: pointer;
    background-color: #f6f6f6;
    color: #33337c;
}

.btn_bg_mobile.disable {
    cursor: default;
}

.btn_bg_enabled {
    color: #222;
    cursor: pointer;
}

.btn_bg_disabled {
    color: #aaa;
    cursor: default;
}

.btn_bg_enabled:hover {
    cursor: pointer;
    border: 1px solid #cacaca;
    color: #e55c00;
}

.btn_bg {
    display: inline-block;
    background-color: #f6f6f6;
    border: 1px solid #cacaca;
    color: #222;
    overflow: hidden;
    text-align: center;

}

.btn_bg .btntxt {
    height: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}

.btn_bg .gwt-Image {
    clear: both;
}

.btn_bg_128 {
    width: 150px;
    font-size: 12px;
}

.ftr-buttons-flowpanel.columns-4 > div {
    margin-top: 3px;
    margin-left: 0.8%;
    width: 24%;
    float: left;
}

.ftr-buttons-flowpanel.columns-4 > div .btn_bg_128 {
    width: 100%;
}

.btn_bg_96 {
    width: 122px;
    height: 122px;
    font-size: 12px;
}

.btn_bg_72 {
    width: 97px;
    height: 97px;
    font-size: 12px;
}

.btn_bg_64 {
    width: 85px;
    height: 85px;
    font-size: 12px;
}

.btn_bg_48 {
    width: 68px;
    height: 68px;
    font-size: 11px;
}

.btn_bg_48 .gwt-Image {
    height: 48px;
    width: 48px;
}

.btn_bg_32 {
    width: 48px;
    height: 48px;
    font-size: 9px;
}

.btn_bg_24 {
    width: 45px;
    height: 45px;
    font-size: 9px;
}

.disable {
    opacity: .3;
    filter: alpha(opacity=30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}

.listbtntxt {
    clear: both;
    padding-top: 2px;
    margin-bottom: 0;
    padding-bottom: 0;
    height: 18px;
    text-align: center;
    overflow: hidden;
}

.btntxt {
    clear: both;
    padding-top: 2px;
    margin-bottom: 0;
    padding-bottom: 0;
    height: 100%;
    text-align: center;
    overflow: hidden;
}

/*
 Old blue style buttons
*/
.txt {
    clear: both;
    padding-top: 2px;
}

.img_bg_128 {
    display: inline-block;
    cursor: pointer;
    width: 153px;
    height: 153px;
    background: no-repeat 0 0;
    color: #222;
    overflow: hidden;
    text-align: center;
    font-size: 12px;
}

.img_bg_128:hover {
    display: inline-block;
    cursor: pointer;
    width: 153px;
    height: 153px;
    background: no-repeat 0 -153px;
    color: #e55c00;
}

.img_bg_128_disable {
    display: inline-block;
    cursor: default;
    width: 153px;
    height: 153px;
    background: no-repeat 0 -306px;
    color: #aaa;
    overflow: hidden;
    text-align: center;
    font-size: 12px;
}

.img_bg_96 {
    display: inline-block;
    cursor: pointer;
    width: 122px;
    height: 122px;
    background: no-repeat 0 0;
    color: #222;
    overflow: hidden;
    text-align: center;
    font-size: 12px;
}

.img_bg_96:hover {
    display: inline-block;
    cursor: pointer;
    width: 122px;
    height: 122px;
    background: no-repeat 0 -122px;
    color: #e55c00;
}

.img_bg_96_disable {
    display: inline-block;
    cursor: default;
    width: 122px;
    height: 122px;
    background: no-repeat 0 -244px;
    color: #aaa;
    overflow: hidden;
    text-align: center;
    font-size: 12px;
}

.img_bg_72 {
    display: inline-block;
    cursor: pointer;
    width: 97px;
    height: 97px;
    background: no-repeat 0 0;
    color: #222;
    overflow: hidden;
    text-align: center;
    font-size: 12px;
}

.img_bg_72:hover {
    display: inline-block;
    cursor: pointer;
    width: 97px;
    height: 97px;
    background: no-repeat 0 -97px;
    color: #e55c00;
}

.img_bg_72_disable {
    display: inline-block;
    cursor: default;
    width: 97px;
    height: 97px;
    background: no-repeat 0 -194px;
    color: #aaa;
    overflow: hidden;
    text-align: center;
    font-size: 12px;
}

.img_bg_64 {
    display: inline-block;
    cursor: pointer;
    width: 85px;
    height: 85px;
    background: no-repeat 0 0;
    color: #222;
    overflow: hidden;
    text-align: center;
    font-size: 12px;
}

.img_bg_64:hover {
    display: inline-block;
    cursor: pointer;
    width: 85px;
    height: 85px;
    background: no-repeat 0 -85px;
    color: #e55c00;
}

.img_bg_64_disable {
    display: inline-block;
    cursor: default;
    width: 85px;
    height: 85px;
    background: no-repeat 0 -170px;
    color: #aaa;
    overflow: hidden;
    text-align: center;
    font-size: 12px;
}

.img_bg_48 {
    display: inline-block;
    cursor: pointer;
    width: 66px;
    height: 66px;
    background: no-repeat 0 0;
    color: #222;
    overflow: hidden;
    text-align: center;
    font-size: 11px;
}

.img_bg_48:hover {
    display: inline-block;
    cursor: pointer;
    width: 66px;
    height: 66px;
    background: no-repeat 0 -66px;
    color: #e55c00;
}

.img_bg_48_disable {
    display: inline-block;
    cursor: default;
    width: 66px;
    height: 66px;
    background: no-repeat 0 -132px;
    color: #aaa;
    overflow: hidden;
    text-align: center;
    font-size: 11px;
}

.img_bg_32 {
    display: inline-block;
    cursor: pointer;
    width: 48px;
    height: 48px;
    background: no-repeat 0 0;
    color: #222;
    overflow: hidden;
    text-align: center;
    font-size: 9px;
}

.img_bg_32:hover {
    display: inline-block;
    cursor: pointer;
    width: 48px;
    height: 48px;
    background: no-repeat 0 -50px;
    color: #e55c00;
}

.img_bg_32_disable {
    display: inline-block;
    cursor: default;
    width: 48px;
    height: 48px;
    background: no-repeat 0 -100px;
    color: #aaa;
    overflow: hidden;
    text-align: center;
    font-size: 9px;
}

.img_bg_24 {
    display: inline-block;
    cursor: pointer;
    width: 31px;
    height: 39px;
    background: no-repeat 0 0;
    color: #222;
    overflow: hidden;
    text-align: center;
    font-size: 9px;
}

.img_bg_24:hover {
    display: inline-block;
    cursor: pointer;
    width: 31px;
    height: 39px;
    background: no-repeat 0 -41px;
    color: #e55c00;
}

.img_bg_24_disable {
    display: inline-block;
    cursor: default;
    width: 31px;
    height: 39px;
    background: no-repeat 0 -82px;
    color: #aaa;
    overflow: hidden;
    text-align: center;
    font-size: 9px;
}

.disable {
    opacity: .3;
    filter: alpha(opacity=30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}


.ee-PagesPanel {

}

.ee-ActionsTable {

}

.ee-ActionsTable a {
    text-decoration: none;
}

.ee-ActionsTable a:hover {
    text-decoration: none;
}

.ee-ActionsTable td {
    padding-top: 2px;
}

.ee-ActionsTable td:hover {
    background-color: #f6f6f6;
}

.ee-BackgroundActivity .cbg-RP {
    background-color: #FFC129;
}

.ee-BackgroundActivity .gwt-Label {
    background-color: #FFC129;
    padding: 2px 5px;
    font: bold 12px arial, sans-serif;
}

.EeBusy {
    padding-left: 20px;
    height: 20px;
    background: url('spinner.gif') no-repeat;
}

.EeImageButton {
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    display: inline;
}

.EeClickableLabel {
    color: #0000AA;
    cursor: pointer;
}

.EeClickableLabelNoColor {
    cursor: pointer;
}

.EeIconBarPanel {
    background: #e3e2e1;
    font-weight: bold;
    padding: 0 0 0 0;
    width: 100%;
    min-height: 25px;
    line-height: 24px;
}

.EeIconBarPanel table {
    border-spacing: 0;
}

.EeIconBarPanel table * {
    margin-left: 2px;
}

.EeIconBarPanel td {
    padding: 0;
    margin: 0;
}

.EeEditPanel {
    padding: 0;
    margin: 0;
    width: 100%;
}


.EeEditPanel .ftr-button-bar .buttons a:before {
    content: '|';
    padding-right: 4px;
    color: #9e9e9e;
}

.EeEditPanel .ftr-button-bar .buttons a:first-child:before {
    content: '';
}


.gwt-RichTextToolbar {
    background: #FFFFFF;
    border-bottom: 1px solid #BBBBBB;
    margin: 0;
    padding: 3px;
}

.EeBoxedPanel {
    padding: 0;
    margin: 0;
    width: 100%;
}

.EeImageButtonLabel {
    cursor: pointer;
    font-size: x-small;
}

.EeImagePushButton:hover {
    border-color: #99CCFF #6699EE #6699EE #77AAFF;
}

.EeImagePushButton {
    background: white url(hborder.png) repeat-x scroll 0 -27px;
    border: 1px outset #CCCCCC;
    cursor: pointer;
    font-size: small;
    margin: 0;
    padding: 3px 5px;
    text-decoration: none;
}

.EeImagePushButton:active {
    border: 1px inset #ccc;
}

.EeImagePushButton:hover {
    border-color: #9cf #69e #69e #7af;
}

.EeImagePushButton[disabled] {
    cursor: default;
    color: #888;
}

.EeImagePushButton[disabled]:hover {
    border: 1px outset #ccc;
}

.EeNaviButton-up, .EeNaviButton-up-hovering, .EeNaviButton-up-disabled, .EeNaviButton-down, .EeNaviButton-down-hovering, .EeNaviButton-down-disabled {
    margin: 0;
    text-decoration: none;
}

.EeNaviButton-up, .EeNaviButton-up-hovering, .EeNaviButton-up-disabled {
    padding: 3px 5px 3px 5px;
}

.EeNaviButton-up {
    border: 1px outset #ccc;
    cursor: pointer;
}

.EeNaviButton-up-hovering {
    border: 1px outset;
    border-color: #9cf #69e #69e #7af;
    cursor: pointer;
}

.EeNaviButton-up-disabled {
    border: 1px outset #ccc;
    cursor: default;
    opacity: .5;
    filter: alpha(opacity=40);
    zoom: 1;
}

.EeNaviButton-down, .EeNaviButton-down-hovering, .EeNaviButton-down-disabled {
    padding: 4px 4px 2px 6px;
}

.EeNaviButton-down {
    border: 1px inset #666;
    cursor: pointer;
}

.EeNaviButton-down-hovering {
    border: 1px inset;
    border-color: #9cf #69e #69e #7af;
    cursor: pointer;
}

.EeNaviButton-down-disabled {
    border: 1px outset #ccc;
    cursor: default;
    opacity: 0.5;
    filter: alpha(opacity=40);
    zoom: 1;
}

.EeTab-Unselected {
    background-color: #e8eef7;
    cursor: hand;
    color: #112ABB;
}

.EeTab-Unselected-Body {
    background-color: #e8eef7;
    padding: 6px;
    cursor: pointer;
    color: #112ABB;
}

.EeTab-Selected {
    background-color: #f6f6f6;
    cursor: pointer;
    font-weight: bold;
}

.EeTab-Selected-Body {
    background-color: #f6f6f6;
    padding: 6px;
    cursor: pointer;
    font-weight: bold;
}

.EeTab-Page {
    height: 100%;
    border-top: 20px solid #f6f6f6;
    border-left: 3px solid #f6f6f6;
    border-right: 3px solid #f6f6f6;
    border-bottom: 3px solid #f6f6f6;
}

.gwt-textbox {
    padding: 0 !important;
}


.EeOptionPanel {
    background-color: #d4d2d2;
    color: black;
    cursor: default;
    margin-right: 2px;
    margin-bottom: 2px;
    outline: medium none;
    display: inline-block;
    float: left;
    position: relative;
    line-height: 22px;
}

.EeOptionPanel .ftr-period-nav {
    display: inline-block;
    padding-top: 4px;
}

.EeOptionPanelLabel {
    padding: 3px 15px 3px 5px;
    display: inline-block;
    vertical-align: middle;
}

.EeOptionPanelLabel span {
    padding-right: 4px;
    line-height: 33px;
}

.EeOptionPanelLabel table {
    display: inline-block;

}

.EeOptionPanelX {
    color: #15C;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    text-transform: lowercase;
    position: absolute;
    top: -5px;
    right: 3px;
}

.EeOptionPanelNoFixedHeight {
    background: #d4d2d2;
    border: 1px solid #979797;
    color: black;
    cursor: default;
    margin-right: 1px;
    margin-bottom: 1px;
    padding: 0;
    vertical-align: top;
    display: inline;
    clear: none;
    float: left;
}

.EeOptionPanel table {
    padding: 0;
    margin: 0;
    display: inline-block;
}

.EeOptionPanel td {
    padding-left: 1px;
    padding-right: 1px;
    padding-bottom: 0;
    padding-top: 0;
}

.ftr-search-main-filter-options .EeOptionPanel {
    float: none;
}

.EeActionTable {
    font-weight: normal;
    padding: 0;
    margin: 0;
}

.EeActionTable a {
    font-size: 10px;
}

.EeListHeaderSortable {
    cursor: pointer;
}

.EeListHeaderSortable img {
    display: inline-block;
}

.EeTableList {
    font-weight: normal;
    position: relative;
    padding: 0;
    margin: 0;
}

.EeTableList .buttons-right-in-table {
    display: flex;
    padding: 6px;
    flex-direction: row-reverse;
}

.EeTableList .buttons-right-in-table > * {
    padding-left: 6px;
}

.EeTableListTable {
    font-weight: normal;
    padding: 0;
    margin: 0;
    width: 100%;
    position: relative;
}

.EeTableListTopper {
    background-color: #000000;
    padding: 0;
    margin: 0;
    width: 100%;
}

.EeTableListHeader {
    font-weight: normal;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 27px;
    /*color: white;*/
}

.EeTableListHeader td {
    padding: 1px 2px;
    border-radius: 0;
    border-bottom: 1px solid #d6d6d6;
}

.EeTableListRow {
    background-color: #FBFBFB;
    color: #444444;
}

table.EeTableListTable .gwt-CheckBox label {
    margin-left: 6px;
}

.EeTableListRow .font-icon, .EeTableListRowSelected .font-icon {
    font-size: 24px;
}

.EeTableListRow .font-icon-button, .EeTableListRowSelected .font-icon-button {
    font-size: 24px;
}

.EeTableListRow td > .font-icon-button, .EeTableListRowSelected td > .font-icon-button {
    padding-top: 2px;
}

.EeTableListRow td {
    border-bottom: 1px solid #d6d6d6;
    padding-left: 2px;
    vertical-align: middle;
}

.EeTableListRow.compact td {
    border-bottom: 1px solid #d6d6d6;
    padding: 1px 2px !important;
}

.EeTableListTable .wrapper {
    overflow: hidden;
}

.EeTableListRow td td {
    border-bottom: 0 solid #d6d6d6;
    padding-left: 1px;
    padding-right: 1px;
    vertical-align: middle;
}

.EeTableListRow:HOVER {
    color: #000000;
    cursor: pointer;
}

.EeTableList.no-more .bottom-panel {
    text-align: center;
}

.EeTableList.no-more .bottom-panel > * {
    margin: 12px;
}

.EeTableListRowSelected {
    background-color: #ffffcc;
    color: #444444;
    cursor: pointer;
}

.EeTableListRowSelected td {
    border-bottom: 1px solid #d6d6d6;
    padding-left: 2px;
    vertical-align: middle;
}

.EeTableListRowSelected td td {
    border-bottom: 0 solid #d6d6d6;
    padding-left: 1px;
    padding-right: 1px;
    vertical-align: middle;
}

.EeTableListRowSelected:HOVER {
    color: #000000;
}

.EeTableListRowEmpty {
    background-color: #FFFFFF;
    color: #808080;
}

.EeTableListRowEmpty td {
    border-bottom: 1px solid #FFFFFF;
}

.EeTableListRowEmpty td td {
    border-bottom: 0 solid #FFFFFF;
}

.FtrRequired {
    border-color: #4282FC;
}


.FtrError {
    border-color: #ff0000 !important;
}

.FtrErrorLabel {
    color: #ff0000;
}

.EeNegative {
    color: #ff0000;
}

.EeNegativeLabel {
    color: #ff0000;
}

.EeErrorLabel {
    color: #ff0000;
}

.EeWhitePanel {
    background: #FFFFFF;
    width: 100%;
    margin: 0;
    padding: 0;
}


.text-number-with-help {
    position: relative;
    display: inline-block;
}

.text-number-with-help .fontawesome-img-button {
    position: absolute;
    right: 3px;
    line-height: 30px;
}


.ftr-div-grid {

}


.ftr-div-grid .row {
    margin-left: 4px;
    margin-right: unset;
    margin-top: 6px;
}

.ftr-div-grid.full {
    padding: 0;
    margin-top: 0;
}

.ftr-div-grid .div-grid-row, .ftr-div-grid .div-grid-headerrow {
    display: flex;
    border-bottom: 1px solid #d6d6d6;
    padding: 6px;
}



.ftr-div-grid .div-grid-row {
    padding: 6px;
}

.ftr-div-grid .div-grid-row input {
    height: unset;
    margin: unset;
}

@media screen and (max-width: 800px) {
    .ftr-div-grid .div-grid-row, .ftr-div-grid .div-grid-headerrow {
        display: block;
    }

    .ftr-div-grid .div-grid-row > * , .ftr-div-grid .div-grid-headerrow > * {
        display: block;
    }
}


@media screen and (max-width: 600px) {
    .hide-on-600-small {
        display: none !important;
    }
}
@media screen and (min-width: 601px) {
    .hide-on-600-large {
        display: none !important;
    }
}


@media screen and (max-width: 800px) {
    .hide-on-800-small {
        display: none !important;
    }
}
@media screen and (min-width: 801px) {
    .hide-on-800-large {
        display: none !important;
    }
}