/* WEBCLIENT ICONS                  *******************************************/

.x-grid-row.x-grid-tree-loading img.x-tree-icon,
.x-mask-msg-text, .loading-indicator-small {
    background-image: url('data:image/gif;base64,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') !important;
}

@media (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 97dpi) {
    .x-grid-row.x-grid-tree-loading img.x-tree-icon,
    .x-mask-msg-text, .loading-indicator-small {
        background-image: url('data:image/gif;base64,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') !important ;
        background-size: 16px;
    }
}

.saving-indicator-small {
    background-image: url('data:image/gif;base64,R0lGODlhEAAQAPUAABZ8zht/z3ez4ou+56DK66XM7OLv+fP4/f///x2A0Gus4Im85qbN7LzZ8d3s+Pf6/fv9/hyAz26u4KTM7LnY8N7t+Bh9zoe75pDB6JnG6ejy+vH3/C+K00mZ2YS65bjX8Mvi9Nrq9/D2/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/i1NYWRlIGJ5IEtyYXNpbWlyYSBOZWpjaGV2YSAod3d3LmxvYWRpbmZvLm5ldCkAIfkEAAoA/wAsAAAAABAAEAAABB4QyUmrvTjrzbv/YCiOmCEIBjcAwMARQUBwR1EcVgQAIfkEAAoA/wAsAAAAABAAEAAABSMgIo5kaZ5oqq5s675w7EJQ6yiKwy4AsLCMRILBejQaDxkpBAAh+QQACgD/ACwAAAAAEAAQAAAFICAijmRpnmiqrmzrvrD7UNTDTkA0sQsALKyKRFKJGY8hACH5BAAKAP8ALAAAAAAQABAAAAUhICKOZGmeaKqubOu2G0FsbGZZGYsBAMZql4vmRSwaj4gQACH5BAAKAP8ALAAAAAAQABAAAAYmQIRwSCwaj8ikclkMhZiID4fzYXoAAA8T1OmAoCIRdEwum8/oYxAAIfkEAAoA/wAsAAAAABAAEAAABSUgIo5kaSJP0zxnySQJ05ILACzz6CiKk48QyG9ILBqPyKRyOQwBACH5BAAKAP8ALAAAAAAQABAAAAQfEMl5SjkzaxIC0SAyAMAQaoYgGGfrvnAsz3Rt3zgdAQAh+QQACgD/ACwAAAAAEAAQAAAFJSAijmRpIk/TPGfJJAnTkgsALPPoKIqTjxDIb0gsGo/IpHI5DAEAIfkEAAoA/wAsAAAAABAAEAAABiZAhHBILBqPyKRyWQyFmIgPh/NhegAADxPU6YCgIhF0TC6bz+hjEAAh+QQACgD/ACwAAAAAEAAQAAAFISAijmRpnmiqrmzrthtBbGxmWRmLAQDGapeL5kUsGo+IEAAh+QQACgD/ACwAAAAAEAAQAAAFICAijmRpnmiqrmzrvrD7UNTDTkA0sQsALKyKRFKJGY8hACH5BAAKAP8ALAAAAAAQABAAAAUjICKOZGmeaKqubOu+cOxCUOsoisMuALCwjESCwXo0Gg8ZKQQAOw==') !important;
}

.new16,
.showadditional16,
.icon16,
.levelIcon,
.winHeader,
.x-column-header-trigger,
.x-tree-icon, .x-tree-icon,
.intelligentFilterSet .showmore,
.showadditional,
.x-btn-default-toolbar-large .x-btn-arrow {
    background-size: 16px;
}

.levelIcon {
    width: 16px;
    height: 16px;
}

.message-icon {
    background-size: 60px;
}

.elo-archive .x-tree-elbow-img {
    background-size: 18px;
}

.icon16 {
    height: 16px;
    width: 16px;
}


.kwList16, .kwListDynamic16, .x-form-date-trigger {
    background-size: 110px;
}

.elo-panel-region .x-panel-body {
    /* override extjs drop failure animation */
    background-color: white !important;
}

/* WEBCLIENT BUGFIXING              *******************************************/
.elo-imageviewer-image .x-panel-body span {
    /* image viewer */
    /* span above canvas requires scrolling to see image in neptune -> hide it :) */
    display: none !important;
}

.x-splitter {
    /* splitter might get overlapped by tabs */
    z-index: 900;
}

.x-splitter:active {
    /* pseudo on click event. Show resizing splitter on top of all panels */
    z-index: 2000;
}

.x-form-type-checkbox  input {
    position: absolute;
}
.x-form-type-checkbox label {
    padding-left: 20px;
}

/* HIGH RES DISPLAY FIX FOR BUTTON IMAGES    **********************************/
.x-btn-icon-el, .x-menu-item-icon, .elo-bgSizeContain {
    background-size: contain;
}

a.x-btn-disabled {
    cursor: default;
}

.elo-keywords.hideScrollbar .x-tree-view {
    overflow: hidden !important;
}

/* ELO TOOLTIPS ***************************************************************/

.x-tip, .elo-tooltip {
    background-color: white;
    border-radius: 0px;
    border-top-width: 3px;
    padding: 5px;
    background-color: white;
    border-color: #8f8f8f;
}

.elo-tooltip {
    padding: 10px 10px 10px 20px;
}

.x-tip .x-tip-anchor, .elo-tooltip .x-tip-anchor {
    display: none;
}

.x-tip .x-header-text {
    display: block;
    margin: 15px 0px 0px 20px;
}

.elo-tooltip .title {
    font-weight: bold;
}

/* WEBCLIENT SYSTEM TOOLBAR         *******************************************/

/* use base color instead from now on
.elo-system-toolbar.x-toolbar {
    background-color: #167cce;
}*/

.elo-system-toolbar .myEloBtn.pressed,
.elo-system-toolbar .myEloBtn:hover {
    background-color: rgba(0,0,0,0.3);
    border-color: rgba(255,255,255,0.4) !important;
}

.elo-system-toolbar .myEloBtn {
    border-width: 0 1px 0 0 !important;
    border-color: rgba(255,255,255,0.3) !important;
    border-radius: 0 !important;
    background-color: transparent;
}

.elo-system-toolbar .myEloBtnIcon {
    width: 44px !important;
    height: 32px !important;
    background-position: center;
}

.elo-system-toolbar .elo-archiveName {
    color: white;
    font-size: 14px;
    line-height: 40px;
    font-weight: normal;
}

.elo-system-toolbar .UserArea {
    background-color: #f2f2f2;
    float: right;
    display: block;
    position: relative !important;
    left: 0px !important;
    border: none;
    padding: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 0px;
}

.elo-system-toolbar .UserArea > div {
    padding: 0;
}

.elo-system-toolbar .UserArea .x-table-layout {
    border-spacing: 0px;
}
.elo-system-toolbar .UserDropDown {
    position: relative !important;
    display: block;
    float: right;
    border: none;
    height: 40px;
    background: transparent;
    padding: 12px 18px 0px 8px;
    border-radius: 0px;
}

.elo-system-toolbar .UserDropDown.x-over, .elo-system-toolbar .UserDropDown.x-menu-active {
    background-color: white;
}

.elo-system-toolbar .UserDropDown span.x-btn-inner {
    font-size: 13px;
    font-weight: normal;
    color: gray;
}

.elo-system-toolbar .UserImage {
    width: 40px;
    height: 40px;
    display: block;
    background-size: cover;
    background-image: url('data:image/gif;base64,R0lGODlhIwAiAKIAAOvr68zMzOLi4vPz8/v7+9fX1////8bGxiH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjEgNjQuMTQwOTQ5LCAyMDEwLzEyLzA3LTEwOjU3OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOkE3QTE5Njg5RkIwNEUzMTE5Q0U5RDBEM0I1MDUxQjI4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFFMjIzRDc2MDRGQjExRTNBRUYwRkY4ODU2NkRENDIxIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFFMjIzRDc1MDRGQjExRTNBRUYwRkY4ODU2NkRENDIxIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUuMSBXaW5kb3dzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTdBMTk2ODlGQjA0RTMxMTlDRTlEMEQzQjUwNTFCMjgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTdBMTk2ODlGQjA0RTMxMTlDRTlEMEQzQjUwNTFCMjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQAAAAAACwAAAAAIwAiAAADjHi63P4wykmrvTifIoAXgQYVhGGeBhCKSgCgsEEU7PHGMa0JOE6sl0CpFxNkeMQYITNI4nSWoRMFrUyLGOnVYLw0t6YqBbldYoTgLobs/IluTnEQ7pOfvzhVjU1UY+hOABmAU4IWfFt+EQFgMUARhGCGi41Kjw4FlTkSkY2TD3iaJgMSoaKkEaaaqAsJADs=');
}

/* WEBCLIENT SYSTEM REGION BUTTONS  *******************************************/

.elo-system-toolbar .elo-region {
    border: none;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    float: right;
    position: relative !important;
    left: 0px !important;
    padding: 0;
    border-radius: 0;
}

.elo-system-toolbar .elo-region > div {
    padding: 0;
}

.elo-system-toolbar .elo-region table {
    border-spacing: 0px !important;
}

.elo-system-toolbar .additionalRegionsContainerBtnMain {
    border-width: 0 0 0 1px !important;
    border-color: rgba(255,255,255,0.3) !important;
    padding: 7px 6px 7px 6px;
}

.elo-system-toolbar .additionalRegionsContainerBtnMain:hover {
    background-color: rgba(0,0,0,0.3);
    border-color: rgba(255,255,255,0.4) !important;
}

.elo-system-toolbar .additionalRegionsContainerBtn {
    border: none;
}

.elo-system-toolbar .additionalRegionsContainerBtn:hover {
    background-color: rgba(0,0,0,0.3);
}

.elo-system-toolbar .additionalRegionsContainerBtn.pressed {
    background-color: rgba(0,0,0,0.3);
}


.elo-system-toolbar .additionalRegionsContainerBtnMain, .elo-system-toolbar .additionalRegionsContainerBtn {
    height: 40px;
    border-radius: 0px;
    background-color: transparent;
    padding-top: 7px;
}

.elo-system-toolbar .additionalRegionsContainerBtn span {
    font-size: 14px;
    font-weight: normal;
    color: white;
    margin-top: 2px;
    height: 40px;
    padding-left: 3px;
    padding-right: 3px;
}

/* ELO REGION LEFT BUTTONS        *******************************************/
/* Support region buttons on the left side of the webclient */

.elo-region-left {
    padding: 11px 0 0 0;
}

.elo-region-left div, .elo-region-left a {
    min-width: 150px;
}

.elo-panel-region {
    border-right: 1px solid #dcdcdc !important;
}

.elo-panel-region .region a.x-btn {
    position: relative !important;
    float: left;
    top: 0px !important;
    border: 0px solid transparent;
    background: none;
    border: none;
    border-radius: 0px;
    padding: 6px 0 !important;
    border-bottom: 1px solid #f2f2f2;
}

.elo-panel-region .region a.x-btn.noSeperatorAfter {
    border-bottom: 0px;
}

.elo-panel-region .region a.x-btn .x-btn-wrap {
    /* use buttom wrap container for padding and selection border */
    /* this was needed because of a graphics bug in some browsers */
    padding: 2px 5px 2px 4px;
}


.elo-panel-region .region a.x-btn.subview .x-btn-wrap {
    padding: 4px 4px;
}

.elo-panel-region .region a.x-btn.subview {
    padding: 0 !important;
}

.elo-panel-region .region a.x-btn.largeSpacing {
    margin-bottom: 12px !important;
    border-bottom: 0;
}

.elo-panel-region .region a.x-btn.largeSpacingBefore {
    border-top: 1px solid #f2f2f2;
}

.elo-panel-region .region a.x-btn.x-over .x-btn-wrap {
    border-right: 5px solid #7e7e7e;
    padding-right: 0px;
}

.elo-panel-region .region a.x-btn span.x-btn-inner-center {
    font-size: 9pt;
    font-weight: normal;
    color: inherit;
    text-align: left;
    padding-left: 33px;
    padding-right: 20px;
}

.elo-panel-region  .region a.x-btn.subview span.x-btn-inner-center {
    color: #666666;
    font-size: 11px;
}

.elo-panel-region .region a.x-btn-default-toolbar-large span.x-btn-inner {
    padding-top: 31px;
}

.elo-panel-region .region a.x-btn.x-btn-pressed {
    background-color: #f2f2f2;
}

.elo-panel-region .region a.x-btn.x-btn-pressed .x-btn-wrap {
    /* border color is set in the sass file */
    border-right: 5px solid;
    padding-right: 0px;
}

.elo-system-toolbar .elo-region table .x-btn .elo-count {
    padding: 0;
    font-size: 12px;
    font-weight: bold;
}

.elo-system-toolbar .elo-region table .x-btn .elo-count:not(:empty){
    padding: 2px 5px; 
    background-color: rgba(255,255,255,0.2);
    font-style: normal;
}

.additionalRegionsContainer .elo-count:not(:empty) {
    padding: 2px 5px; 
}

.elo-count-pulse {
    background-color: #62cc14 !important;
    transition: background .5s ease-in-out;
    -moz-transition: background .5s ease-in-out;
    -webkit-transition: background .5s ease-in-out;
}

/* WEBCLIENT RIBBON AND TABS        *******************************************/

.elo-ribbon {
    border-bottom: 2px solid #dcdcdc;
}

.elo-ribbon .x-tab-bar-plain {
    /* Override tab layout */
    background-color: #f2f2f2 !important;
    /*    padding-top: 6px;
        padding-left: 5px;*/
    padding-right: 10px;
    height: 35px;
}

.elo-ribbon .x-tab-bar-plain > div > .x-horizontal-box-overflow-body {
    height: 31px !important;
}

.elo-tab .x-tab-bar-plain {
    /* Override tab layout */
    background-color: #f2f2f2 !important;
    padding-top: 20px;
    padding-left: 10px;
    height: 48px;
}

.elo-tab .x-tab-bar-plain > .x-tab-bar-body {
    padding-bottom: 0px;
}

.elo-tab .x-tab-bar-plain > .x-tab-bar-strip {
    height: 1px;
}

.elo-ribbon .x-tab-default, .elo-tab .x-tab-default {
    /* Override default tab layout */
    background-color: #f2f2f2;
    border-width: 1px;
    border-bottom: 1px solid #dcdcdc;
    padding: 8px 15px 3px 15px;
    border-radius: 0px;

}

.elo-ribbon .x-tab-default {
    text-transform: uppercase;
    padding-bottom: 5px;
    border-left: 1px solid transparent !important;
    border-right: 1px solid transparent !important;
}

.elo-ribbon .x-tab-default:first-child {
    border-left-width: 0 !important;
}

.elo-ribbon .x-tab-default span, .elo-tab .x-tab-default span  {
    /* Override tab text layout */
    font-weight: normal;
    color: #858585 !important;
    font-size: 9pt;
}

.elo-ribbon .x-tab-active, .elo-tab .x-tab-active  {
    /* Override active tab layout */
    padding-top: 7px;
    background-color: white;
    border-width: 1px;
    border: 1px solid #dcdcdc!important;
    border-bottom: 1px solid white !important;
}

.elo-ribbon .x-tab-active {
    padding-top: 8px;
    padding-bottom: 8px;
    border-top-width: 0 !important;
}

.elo-ribbon .x-tab-bar-strip, .elo-tab .x-tab-bar-strip  {
    /* Override spacing between tabs and ribbon content */
    background-color: white;
    border-top: 1px solid #dcdcdc;
}

.elo-ribbon .x-btn {
    /* remove default button layout */
    background: transparent;
    border-color: transparent;
    padding: 2px 0px 2px 0px;
}

.elo-ribbon .x-btn-over {
    /* ribbon button on mouse over */
    background: #f6f6f6;
    border-color: #f2f2f2;
    border-radius: 0px;
}

.elo-ribbon .x-btn span {
    /* set proper font settings for buttons */
    font-size: 8pt;
    font-weight: normal;
}

.elo-ribbon .x-btn-default-toolbar-large span.x-btn-inner {
    padding-top: 33px;
}

.elo-ribbon .x-btn-default-toolbar-large {
    /* set default height for large buttons */
    height: 69px;
}
.elo-ribbon .x-btn-default-toolbar-small {
    /* set default height for small buttons */
    padding: 2px 3px 3px 3px;
}

.elo-ribbon .x-btn-group-default-framed {
    /* remove unnecessary borders of each ribbon group */
    padding:0px 5px 0px 5px;
    border: 0px;
    border-right: 1px solid #dcdcdc;
    border-radius: 0px;
}

.elo-ribbon .x-btn-group-header {
    padding-top: 2px;
}

.elo-ribbon .x-btn-group table {
    border-spacing: 0px;
}

.elo-ribbon .x-btn-group-header-default-framed {
    /* remove background of the groupname in the ribbon */
    background-color: transparent;
}

.elo-ribbon .x-btn-group-header-default-framed span {
    /* name of the group in the ribbon */
    font-size: 8pt;
    font-weight: normal;
    color: #cbcbcb;
}

.elo-ribbon .x-panel-body {
    /* remove border left and right next to the ribbon*/
    border: none;
}

.elo-ribbon .x-panel.menu-tab {
    padding-top: 3px;
    padding-bottom: 2px;
}

.elo-ribbon .x-tab-bar-body-default-top {
    padding-bottom: 0px;
}

.elo-ribbon tablex-form-checkboxgroup {
    margin-bottom: 0px;
}

.elo-ribbon label.x-form-cb-label {
    /* reduce font size for checkbox labels */
    font-size: 8pt;
}

.elo-ribbon .x-form-checkboxgroup,
.elo-ribbon .x-form-radio-group{
    -height: 69px;
    margin-bottom: 0px;
}

.elo-ribbon .x-form-type-checkbox .x-form-item-body,
.elo-ribbon .x-form-type-radio .x-form-item-body {
    height: 23px;
}

.elo-ribbon .x-form-type-checkbox input.x-form-checkbox,
.elo-ribbon .x-form-type-radio input.x-form-radio  {
    margin-top: 3px;
}

.elo-ribbon .x-form-type-checkbox label,
.elo-ribbon .x-form-type-radio label{
    margin-top: 2px;
}

.elo-ribbon .x-btn-group-body>table {
    /** correct default height of the table in ribbon groups. > prevents group captions from moving */
    height: 69px !important;
}

.elo-ribbon .x-btn-group-body>table tr:first-child {
    /** table scaling moves buttons if less than 2 elements **/
    height: 23px !important;
    vertical-align: top;
}

.elo-ribbon .x-btn-arrow-bottom {
    padding-bottom: 20px;
}

.elo-tab .options-helptext {
    padding: 20px 15px 15px 15px;
    border-bottom: 1px solid #dcdcdc !important;

}

.elo-ribbon.elo-ribbon-collapsed .x-tab-active  {
    /* don't highlight currently active tab if ribbon is collapsed */
    background-color: transparent;
    border-color: transparent !important;
}

.elo-ribbon.elo-ribbon-force-expand,
.elo-ribbon.elo-ribbon-force-expand .x-panel-body {
    overflow: visible !important;
}

.elo-ribbon.elo-ribbon-force-expand .menu-tab {
    z-index: 18000; /* tooltips are > 19000 */
    height: 93px !important;
    background-color: white;
    border-bottom: 1px solid #dcdcdc;
}

.elo-ribbon.elo-ribbon-force-expand .x-tab-bar .x-btn {
    display: block;
}

/* RIBBON TOGGLE GROUPS **********************************************************/


.elo-ribbon .elo-toggle-group .x-btn {
    min-width: 50px;
}

.elo-ribbon .elo-toggle-group .x-table-layout {
    border: 1px solid #f2f2f2 !important;
    margin-right: 5px;
}

.elo-ribbon .elo-toggle-group .x-table-layout .x-over {
    border-color: transparent;
}

.elo-ribbon .elo-toggle-group .x-table-layout .x-btn-pressed {
    background-color: #f2f2f2;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

.elo-ribbon .elo-toggle-group .x-btn-group-body>table {
    height: 67px !important;
}

.elo-ribbon .elo-toggle-group  .x-btn-default-toolbar-large {
    height: 67px !important;
}


/* RIBBON TABBAR and INFOBAR BUTTONS     *****************************************/
/* Only show buttons in the ribbon tabbar if ribbon is collapsed */
/* INFOBAR is used by other viewports (e.g. webclient config) for displaying text and right floated buttons */


.elo-ribbon .x-tab-bar .x-btn {
    display: none;
}

.elo-infobartop .x-btn {
    display: block;
    background-color: transparent;
    border: 0px;
}

.elo-ribbon .x-tab-bar .x-btn,
.elo-infobartop .x-btn {
    position: relative !important;
    float: right;
    left: 0px !important;
    padding: 3px 8px 3px 8px;
}

.elo-ribbon .x-tab-bar .x-btn span {
    color: black;
}

.elo-infobartop .x-btn span{
    font-size: 8pt;
    font-weight: normal;

}

.elo-ribbon.elo-ribbon-collapsed .x-tab-bar .x-btn {
    display: block;
}

.elo-ribbon .x-tab-bar .x-btn-disabled {
    display: none !important;
}

.elo-ribbon .x-tab-bar .x-btn-over,
.elo-infobartop .x-btn-over {
    /* ribbon button on mouse over */
    background: white;
    border-radius: 0px;
}

.elo-infobartop {
    padding: 11px 10px 0px 9px;
    background-color: #f2f2f2;
    border-bottom: 1px solid #dcdcdc !important;
}

.elo-infobartop .title {
    color: #858585;
    font-size: 9pt;
    top: 3px !important;
}


/* WEBCLIENT ARCHIVE TREEVIEW    *******************************************/

.elo-archive .x-grid-row:not(.x-grid-row-selected):not(.x-grid-row-over) .x-grid-cell {
    /* set background color of the tree to gray, this is done by changing non selected or hovered elements */
    /* background-color: #f8f8f8; */
}

.elo-panel-region .x-panel-body {
    border: none !important;
}

.elo-panel-region .x-tree-view-default {
    padding: 5px 0;
}

/* OVERRIDE NEPTUNE DEFAULTS   *******************************************/

.x-splitter {
    /* set splitter color to grey */
    background-color: #dcdcdc;
}

.x-splitter .x-collapse-el {
    /* hide all collapse buttons, double click will do the trick as well */
    display: none;
}

.x-panel-default-outer-border-tr,
.x-panel-default-outer-border-rbl,
.x-panel-default-outer-border-rl,
.x-panel-default-outer-border-rb,
.x-panel-default-outer-border-trl,
.x-panel-default-outer-border-trbl,
.x-panel-default-outer-border-tbl,
.x-panel-default-outer-border-bl,
.x-toolbar-docked-top,
.x-toolbar-docked-bottom {
    /* remove unnecessary blue borders around panels */
    border: none;
}

.x-toolbar-docked-top {
    /* add bottom border to toolbar if on top */
    border-bottom: 1px solid #dcdcdc !important;
}

.x-toolbar-docked-bottom {
    /* add top border to toolbar if on bottom */
    border-top: 1px solid #dcdcdc !important;
}

.x-toolbar-docked-left {
    /* add right border to toolbar if on left*/
    border-right: 1px solid #dcdcdc !important;
}

.x-toolbar-docked-right {
    /* add left border to toolbar if on right*/
    padding: 10px !important;
    background-color: white;
    border-left: 1px solid #dcdcdc !important;
}


.x-menu .x-box-inner .x-menu-item a {
    /* give buttons in dropdown menues a bit more space */
    padding: 4px 10px 4px 35px;

}
.x-menu .x-box-inner .x-menu-item a div.x-menu-item-icon {
    /* fix icon position: give buttons in dropdown menues a bit more space */
    left: 10px;
    top: 7px;
}

.x-toolbar-text {
    font-size: 11px;
}

.x-toolbar-footer.x-toolbar-docked-bottom {
    background-color: #f2f2f2;
}

.elo-archive .lockname,
.elo-archive .docdate {
    color: grey;
    padding-right: 7px;
}

.elo-archive .checkedOutEl  {
    margin-right: 5px;
    display: inline-block;
}


/* WINDOW               *******************************************/

.elo-window .x-component.window-helptext {
    font-size: 12px;
    padding: 21px 12px 21px 12px;
    background-color: #F2F2F2 !important;
    border-bottom: 1px solid #dcdcdc !important;
    line-height: 16px;
}


.window-title-icon {
    vertical-align:middle;
}

.elo-window {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
}

/* Btns in general */
.x-btn {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
}


/* DROP ZONES   *******************************************/

.file-drop-zone {
    font-size: large;
    display: block;
    width: 100%;
    padding-top: 60px;
    margin: 20px 0px 20px 2px;
    border: 2px #dcdcdc dashed !important;
    text-align: center;
}

.file-drop-zone.drop-highlight {
    background-color: #e7f2c2;
    color: #6e9e3d;
    border: 2px #6e9e3d solid !important;
}

.file-drop-zone.large {
    height: 200px;
}

.file-drop-zone.hidden {
    display: none;
}

.viewport-drop-zone {
    width: 90%;
    height: 90%;
    background: rgba(255,255,255,0.7);
    border: 3px #2a932a dashed !important;
}

.viewport-drop-zone div {
    margin-top: 18%;
    background: transparent;
    font-size: 20pt;
    color: #2a932a;
    text-align: center;
    border: 0px;
    background-image: none !important;
}

.viewport-drop-zone div span.activity {
    font-size: 22pt;
    display: block;
}

.viewport-drop-zone div span.description {
    padding-top: 20px;
    font-size: 18pt;
    display: block;
}

.viewport-drop-zone-notallowed {
    width: 90%;
    height: 90%;
    background: rgba(255,255,255,0.7);
    border: 3px #c90000 solid !important;
}

.viewport-drop-zone-notallowed div {
    margin-top: 18%;
    background: transparent;
    font-size: 20pt;
    color: #c90000;
    text-align: center;
    border: 0px;
    background-image: none !important;
}

.viewport-drop-zone-tiny,
.viewport-drop-zone-notallowed-tiny {
    max-height: 200px;
    top: 30px !important;
}

.viewport-drop-zone-tiny div,
.viewport-drop-zone-notallowed-tiny div {
    margin-top: 0;
}

body.tiny-mask > .x-mask {
    max-height: 260px;
} 


/* Alert Window
*/

.message-icon {
    background-repeat: no-repeat;
    float: left;
    height: 60px;
    width: 60px;
}

.message-bodytitle {
    color: #04468c;
    font-size: 15px;
    padding: 13px 10px 20px 75px;
}

.message-text {
    margin: 0px 0px 10px 75px;
}

.message-details {
    clear: left;
    font-size: 11px;
    padding-left: 75px;
    float: left;
}

/* make some header more modest */
.modest-header .x-panel-header-text-default {
    color: #04408C;
    font-size: 11px;
    font-weight: normal;
    font-family: tahoma,arial,verdana,sans-serif;
    line-height: 17px;
}

/* Set star required icon on fields
*/
.field-required {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIBJREFUeNpiYBjU4HNW/v9PqVn/8alhwSf5/+dPhv+//+C1hBGb4KfU7P8Mv38z/APiv3/+MPwF0UCDJDevwVDPhNXYP78d/gJt//PzFxD/ZPgNxH+BYkS7AAReBUX+B9v8B2K7/J6tjCSFAcjmf//+OYA0A11wgGEUjAI8ACDAAP2HSGxdSNPTAAAAAElFTkSuQmCC) !important;
    background-repeat: no-repeat;
    background-position: right;
}


/* Expired tasks should have a red row in the grid.
*/
.expiredLimitDate .x-grid-cell, .expiredLimitDate .x-grid-rowwrap-div {
    /*    background-color: #FF9999;*/
    color: #FF0000;
}

/* Not yet displayed tasks should have a blue row in the grid.
*/
.noDueDate .x-grid-cell, .noDueDate .x-grid-rowwrap-div {
    /*    background-color: #FF9999;*/
    color: #0000FF;
}

/* Highlight search terms in text viewer.
*/
.search-highlight b {
    background-color: #d1e6ff;
}
.search-highlight b.hit {
    background-color: #ffe994;
}

/* Background note windows
*/
.note-public, .win-note-public .x-window-body-default textarea {
    background-color: #FFFFCC !important;
}
.note-private, .win-note-private .x-window-body-default textarea {
    background-color: #CCFFCC !important;
}
.note-permanent, .win-note-permanent .x-window-body-default textarea {
    background-color: #FFCCCC !important;
}

.note-public, .win-note-public .x-window-body-default textarea,
.note-private, .win-note-private .x-window-body-default textarea,
.note-permanent, .win-note-permanent .x-window-body-default textarea {
    border: 0px;
}
/* Info Window
*/
.info-professional {
    background-image: url( ../images/login-background-small-professional.jpg );
    background-size: 635px;
}
.info-enterprise {
    background-image: url( ../images/login-background-small-enterprise.jpg );
    background-size: 635px;
}
.elo-info-body {
    background-repeat: no-repeat;
    background-color: white;
}
.elo-info-comp {
    margin: 250px 0px 0px 0px;
}
.elo-info-left, .elo-info-right {
    width: 300px
}
.elo-info-webclient {
    font-size: 160%;
    font-weight: bold;
}
.elo-info-link, .elo-info-license, .elo-info-form {
    padding-top: 10px;
}
.elo-info-copyright {
    padding-top: 20px;
    font-weight: bold;
    font-size: 110%;
}
.elo-info-label {
    position: absolute;
    font-weight: bold;
    font-size: 110%;
}
.elo-info-version {
    padding-left: 100px;
    font-weight: bold;
    font-size: 110%;
}

/* Popup Message
*/
.popup .x-box-mc {
    font-size:14px;
}
#popup-div {
    position:absolute;
    left:35%;
    top:10px;
    width:300px;
    z-index:20000;
}
#popup-div .popup {
    background: rgb(190, 238, 190);
    margin-top: 2px;
    padding: 10px 15px;
    color: black;
    text-align: center;
}
#popup-div .popup h3 {
    margin: 0 0 8px;
    font-size: 15px;
}
#popup-div .popup p {
    margin: 0;
}


/* Decide window
*/
.choice-container {
    clear: both;
    border: 1px solid white !important;
}
.choice-icon {
    background-repeat: no-repeat;
    float: left;
    height: 32px;
    width: 32px;
    margin: 2px 5px 0px 70px;

}
.choice-text {
    font-size: 11px;
    margin: 0px 0px 10px 0px;
    padding-left: 107px;
}
.choice-title {
    color: #04468c;
    font-size: 13px;
    margin: 10px 0px 5px 0px;
}
.choice-mouseOver {
    background-color: #f2f2f2;
    cursor: pointer;
    border: 1px solid #dcdcdc !important;
}

/* CUSTOM INDEX VIEW  *******************************************/
.custom-index {
    padding: 12px;
}


.custom-index  .custom-index-row-key, .custom-index  .custom-index-row-value {
    padding: 0px 10px 0px 10px ;
}
.custom-index  .custom-index-row-value {
    float: left;
}
.custom-index .custom-index-row {
    display: block;
    float: left;
}

.custom-index .custom-index-row.custom-name {
    display: block;
    width: 100%;
}

.custom-index .custom-index-row.custom-name .custom-index-row-key {
    display: none;
}
.custom-index .custom-index-row.custom-name .custom-index-row-value {
    font-size: 16pt;
    font-weight: 200;
    padding-bottom: 5px;

}

/* ELO INDEX EDIT  *******************************************/

.elo-index-edit .x-toolbar-docked-bottom {
    padding-top: 7px;
    padding-bottom: 15px;
    background-color: #f2f2f2 !important;
}

.elo-mask-list {
    border-right: 4px solid #dcdcdc;
}

.elo-filter.search {
    background-position: 97% ;
    background-repeat: no-repeat;
}

.elo-filter.search,
.elo-filter.search input {
    width: 100% !important;
    background-color: transparent;
}



/* ELO LOGIN VIEWPORT  *******************************************/

.elo-loginViewport.elo-professional {
    background: white url(../images/login-background-professional.jpg) no-repeat;
    background-size: auto 100%;
}

.elo-loginViewport.elo-enterprise {
    background: white url(../images/login-background-enterprise.jpg) no-repeat;
    background-size: auto 100%;
}

.elo-loginViewport.elo-professional .elo-loginForm {
    background: white url(../images/ELOprofessional10_200.png) no-repeat;
}

.elo-loginViewport.elo-enterprise .elo-loginForm {
    background: white url(../images/ELOenterprise10_200.png) no-repeat;
}

.elo-loginViewport .elo-loginForm {
    padding: 220px 30px 50px 30px;
    border-left: 1px solid #dcdcdc;
    background-position: 30px 160px !important;
    background-size: 300px !important;
}

.elo-loginViewport .elo-loginForm {
    overflow-y: auto;
}

.elo-loginViewport .elo-loginForm > .x-panel-body {
    min-height: 270px;
}

.elo-loginViewport .elo-loginForm .elo-login-pw input,
.elo-loginViewport .elo-loginForm .elo-login-user input,
.elo-loginViewport .elo-loginForm .elo-login-btn {
    font-size: 10pt;
    height: 32px;
    margin-bottom: 3px;
}

.elo-loginViewport .elo-loginForm .elo-login-btn {
    margin-top: 15px;
}

.elo-loginViewport .elo-loginForm .elo-login-btn span {
    padding-top: 1px;
    font-size: 10pt;
    height: 20px;
}

.elo-loginViewport .elo-loginForm .elo-login-version {
    bottom: 55px;
}

.elo-loginViewport .elo-loginForm .elo-login-license {
    bottom: 80px;
}

.elo-loginViewport .elo-loginForm .elo-login-language {
    bottom: 0px;
}

.elo-loginViewport .elo-loginForm .elo-login-version,
.elo-loginViewport .elo-loginForm .elo-login-language,
.elo-loginViewport .elo-loginForm .elo-login-license {
    display: block;
    width: 100%;
    position: absolute;
    color: grey;
}

.elo-loginViewport .elo-loginForm .elo-login-language input {
    cursor:pointer;cursor:hand;
    background-color: #f2f2f2;
    outline: 0;
    border: 0px solid;
}

.elo-loginViewport .elo-loginForm .login-error {
    color: #ed4d41;
    padding-top: 25px;
    width: 350px;
}

.elo-logging-in {
    background-repeat: no-repeat;
    background-color: transparent;
}

.elo-loginViewport .elo-loginForm .elo-login-language .x-form-item-body {
    /* fix a bug in firefox */
    width: 200px !important;
}

/* ELO MAIL PREVIEW  *******************************************/

.elo-form-mailheader-from div {
    margin: 5px 0px 0px;
    font-size: 14pt;
}

.elo-form-mailheader-date div {
    font-size: 9pt;
}

.elo-form-mailheader-subject div {
    font-size: 11pt;
    margin: 0px;
    font-weight: bold;
}

.elo-mailviewer-mailheader {
    border-bottom: 1px solid #dcdcdc;
}

.elo-mailviewer-mailattachments {
    border-bottom: 1px solid #dcdcdc;
}

.elo-mailviewer-mailattachments table{
    float: left;
    margin-bottom: 0px;
}

.elo-mailviewer-mailattachments table input {
    display: none;
}

.elo-mailviewer-mailattachments table label {
    padding: 3px 15px 5px 10px;
    cursor:pointer;cursor:hand;
}

.elo-mailviewer-mailattachments table.x-form-cb-checked {
    background-color: #f2f2f2;
}


/* ELO FORM COMMON  *******************************************/

.elo-form-highlight {
    background-color: #f2f2f2;
}

.elo-mask-list .x-grid-header-ct-docked-top {
    height: 48px !important;
    border-bottom: 1px solid #dcdcdc !important;
    padding-top: 21px;
}

.elo-mask-list .x-grid-header-ct-docked-top span {
    font-size: 9pt;
}

.elo-loading {
    background-repeat: no-repeat;
    background-position: top center;
    padding: 15px;
    min-width: 50px;
    min-height: 40px;
    top: 36% !important;
    z-index: 19000;
    left: 45.7% !important;
}

.elo-loading div.x-mask-msg-text {
    padding-top: 25px;
}
/* ELO Index Dialog *******************************************/

.elo-indexedit-tab > .x-panel-body {
    padding: 10px;
    overflow: auto;
}

.elo-indexedit-tab {
    margin-bottom: 10px;
}

.elo-indexedit-label {
    margin-top: 7px;
    padding-right: 15px;
}

.elo-kw-url input {
    cursor: pointer;
    color: blue;
}

.elo-kw-url:hover input {
    text-decoration: underline;
}

/* ELO Index Inplace Editing ***********************************/

.elo-indexedit-inplace-header .elo-indexedit-name-readonly {
    color: #3b3b3b;
    font-size: 12pt;
    font-weight: bold;
    margin: 15px 35px 15px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.elo-indexedit-inplace-header table {
    min-width: 100%;
}

.elo-indexedit-inplace-header table.elo-indexedit-versioninfo {
    padding: 10px;
}
.elo-indexedit-inplace-header table.elo-indexedit-versioninfo th {
    color: #3b3b3b;
    padding-right: 10px;
    text-align: left;
    font-weight: normal;
}

.elo-indexedit-inplace-header table.elo-indexedit-versioninfo td {
    color: #3b3b3b;
    padding-right: 10px;
    font-weight: bold;
}

.elo-indexedit-versioninfo .elo-user-image {
    display: block;
    float: left;
    margin-left: 11px;
}

.elo-indexedit-versioninfo .username {
    padding: 3px 0 0 9px;
    display: inline-block;
    font-size: 11px;
}

.elo-indexedit-versioninfo .version {
    padding: 3px 0 0 9px;
    display: inline-block;
    font-size: 11px;
}

.elo-indexedit-versioninfo .comment {
    padding: 3px 5px 0 10px;
    display: block;
    color: grey;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.elo-indexedit-inplace-header .x-form-type-text input {
    font-size: 12pt;
    font-weight: bold;
    padding-left: 10px;
    height: 33px;
    border-left: 0px;
    border-right: 0px;
    margin: 8px 0px 4px 0px;
}

.elo-indexedit-readonly .x-form-trigger-wrap {
    /* Some input fields have additional borders in the table */
    border: 0px;
}

.elo-indexedit-readonly .x-form-type-text input, .elo-indexedit-readonly textarea {
    border: 1px solid #f2f2f2;
}

.elo-indexedit-inplace-activateediting {
    -webkit-opacity: 0;
    -moz-opacity:0;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    right: 0px;
    margin: 13px 10px;
    z-index: 1000;
    background: white !important;
    border-color: #dcdcdc;
}

.elo-mouseoverindexedit .elo-indexedit-inplace-activateediting {
    -webkit-opacity: 1;
    -moz-opacity:1;
    opacity: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}



/* ELO CHOOSE FIELD ************************/

.elo-choosefield-to .x-header,
.elo-choosefield-from .x-header {
    border-bottom: 1px solid #dcdcdc !important;
    background-color: white;
}

.elo-choosefield-from .x-header span,
.elo-choosefield-to .x-header span {
    color: black;
    font-weight: bold;
}

.elo-choosefield-to,
.elo-choosefield-from {
    border: 1px solid #dcdcdc;
}

.elo-choosefield-to {
    padding-top: 10px;
}

.elo-choosefield-to > .x-panel-body,
.elo-choosefield-to > .x-header {
    background-color: white;
}

.elo-newflow-grid {
    border: 1px solid #dcdcdc !important;
}

.elo-choose-from-cont {
    padding-bottom: 90px;
}

.elo-choose-from-cont> .x-panel-body {
    padding: 10px 10px 0px 10px;
    background-color: #F2f2f2;
}

.elo-choose-from-cont> .x-toolbar {
    padding: 0px 10px 10px 10px;
}

.elo-choosefield .triangle-right {
    margin-top: 10px !important;
    height: 17px !important;
    width: 11px !important;
}

/* ELO WORKFLOW VIEWPORT   ************************/

.elo-viewport-title>.x-panel-header-top {
    padding: 13px 10px 3px 9px;
    background-color: #f2f2f2;
    border-bottom: 1px solid #dcdcdc !important;
}

.elo-viewport-title>.x-panel-header-top span {
    color: #858585;
    font-size: 9pt;
    text-transform: uppercase;
}

.elo-workflowdiagram-nodedetails {
    background-color: #f2f2f2;
    border-left: 8px solid #dcdcdc !important;
    /* this will hide the top border if scrollposition is on top: 0px, must fix backround color in node-detail-panel as well */
    top: -1px !important;
    padding-bottom: -1px !important;
}

.elo-workflowdiagram-nodedetails-canvas {
    background-color: white;
    border-bottom: 1px solid #dcdcdc !important;
    margin-bottom: 10px;
}

.elo-workflowdiagram-scrollposition {
    border: 1px solid;
    position: absolute;
    z-index: 100;
    background-color: black;
    opacity: 0.2;
}

.node-detail-panel {
    background-color: #f2f2f2;
}

.node-detail-panel label, .node-detail-panel input, .node-detail-panel textarea {
    opacity: 0.8 !important;
}

.node-detail-panel input, .node-detail-panel textarea {
    background-color: #fafafa;
}

.node-detail-panel label, .node-detail-panel input, .node-detail-panel textarea, .node-detail-panel .x-form-display-field {
    margin-left: 10px;
}

.elo-workflowdetails-name input {
    margin-bottom: 10px;
    height: 32px;
    font-size: 11pt;
}

.link-nametext {
    padding: 10px;
    background-color: #f2f2f2;
    border-bottom: 1px solid #dcdcdc !important;
}

.x-border-layout-ct {
    background-color: white;
}

/* ELO TOOLBAR **********************************************/

.elo-toolbar,
.elo-toolbar-small {
    padding: 0px;
}

.elo-toolbar .elo-toolbartext,
.elo-toolbar.x-toolbar-docked-bottom table.x-field-toolbar,
.elo-toolbar a.x-btn-toolbar,
.elo-toolbar a.elo-togglebtn,
.elo-toolbar-small a.x-btn-toolbar,
.elo-toolbar-small a.elo-togglebtn {
    border: 0px;
    background: none;
    border-radius: 0px;
    -moz-border-radius: 0px;
    padding: 0px;

}

.elo-toolbar.x-toolbar-docked-bottom table,
.elo-toolbar a.x-btn-toolbar span.x-btn-wrap,
.elo-toolbar a.elo-togglebtn span.x-btn-wrap,
.elo-toolbar-small a.x-btn-toolbar span.x-btn-wrap,
.elo-toolbar-small a.elo-togglebtn span.x-btn-wrap {
    display: block;
}

.elo-toolbar a.x-btn-toolbar span,
.elo-toolbar a.elo-togglebtn span {
    text-align: left;
    color: #666;
}

/* Specific settings for different positions */

.elo-toolbar.x-toolbar-docked-bottom table.x-field-toolbar {
    float: left;
    /* searchTermField in toolbar of textviewer was ugly because of this margin */
    /*margin: 5px !important;*/
}


.elo-toolbar .elo-toolbartext,
.elo-toolbar.x-toolbar-docked-bottom a.x-btn-toolbar,
.elo-toolbar.x-toolbar-docked-top a.elo-togglebtn,
.elo-toolbar.x-toolbar-docked-bottom a.elo-togglebtn {
    border-right: 1px solid #f2f2f2;
    margin: 0 !important;
}

.elo-toolbar.x-toolbar-docked-left a.elo-togglebtn,
.elo-toolbar.x-toolbar-docked-right a.elo-togglebtn {
    width: 100%;
    border-bottom: 1px solid #f2f2f2;
}


/* Toolbar is top docked */
.elo-toolbar.x-toolbar-docked-top a.elo-togglebtn.x-btn-disabled {
    /* border is lightened 50% as well -> darken it */
    border-right-color: #dedede;
}

.elo-toolbar.x-toolbar-docked-top  a.elo-togglebtn span.x-btn-wrap {
    padding: 9px 9px 6px 9px;
    border-bottom: 3px solid transparent;
}

.elo-toolbar.x-toolbar-docked-top  a.elo-togglebtn.x-btn-pressed span.x-btn-wrap {
    /* border-bottom-color: $base-color; defined in scss */
    border-bottom-style: solid;
    border-bottom-width: 3px;
}

.elo-toolbar.x-toolbar-docked-top div.elo-togglegrpname {
    border-right: 1px solid #f2f2f2;
    padding: 10px 10px 9px 30px;
}


/* Toolbar is bottom docked*/
.elo-toolbar.x-toolbar-docked-bottom a.x-btn-toolbar.x-btn-disabled,
.elo-toolbar.x-toolbar-docked-bottom a.elo-togglebtn.x-btn-disabled {
    /* border is lightened 50% as well -> darken it */
    border-right-color: #dedede;
}

.elo-toolbar.x-toolbar-docked-bottom a.x-btn-toolbar span.x-btn-wrap,
.elo-toolbar.x-toolbar-docked-bottom  a.elo-togglebtn span.x-btn-wrap {
    padding: 6px 9px 9px 9px;
    border-top: 3px solid transparent;
}

.elo-toolbar.x-toolbar-docked-bottom  a.elo-togglebtn.x-btn-pressed span.x-btn-wrap {
    /* border-top-color: $base-color; defined in scss */
    border-top-style: solid;
    border-top-width: 3px;
}

.elo-toolbar.x-toolbar-docked-bottom div.elo-togglegrpname {
    border-right: 1px solid #f2f2f2;
    padding: 10px 10px 9px 30px;
}


/* Toolbar is right docked*/
.elo-toolbar.x-toolbar-docked-right a.elo-togglebtn.x-btn-disabled {
    /* border is lightened 50% as well -> darken it */
    border-bottom-color: #dedede;
}

.elo-toolbar.x-toolbar-docked-right  a.elo-togglebtn span.x-btn-wrap {
    padding: 9px 9px 9px 6px;
    border-left: 3px solid transparent;
}

.elo-toolbar.x-toolbar-docked-right  a.elo-togglebtn.x-btn-pressed span.x-btn-wrap {
    /* border-left-color: $base-color; defined in scss */
    border-left-style: solid;
    border-left-width: 3px;
}

.elo-toolbar.x-toolbar-docked-right div.elo-togglegrpname {
    border-bottom: 1px solid #f2f2f2;
    padding: 30px 14px 9px 14px;
    width: 100%;
}


/* Toolbar is left docked */
.elo-toolbar.x-toolbar-docked-left a.elo-togglebtn.x-btn-disabled {
    /* border is lightened 50% as well -> darken it */
    border-bottom-color: #dedede;
}

.elo-toolbar.x-toolbar-docked-left  a.elo-togglebtn span.x-btn-wrap {
    padding: 9px 6px 9px 9px;
    border-right: 3px solid transparent;
}

.elo-toolbar.x-toolbar-docked-left  a.elo-togglebtn.x-btn-pressed span.x-btn-wrap {
    /* border-right-color: $base-color; defined in scss */
    border-right-style: solid;
    border-right-width: 3px;
}

.elo-toolbar.x-toolbar-docked-left div.elo-togglegrpname {
    border-bottom: 1px solid #f2f2f2;
    padding: 30px 14px 9px 14px;
    width: 100%;
}

/* finished position specific settings */

.elo-toolbar a.elo-togglebtn.x-btn-pressed {
    background-color: #f2f2f2;
}

.focusOnContent.x-btn-pressed {
    background-color: white;
}

.elo-toolbar a.x-btn-toolbar.x-btn-over,
.elo-toolbar a.elo-togglebtn.x-btn-over {
    background-color: #f2f2f2;
}

.elo-toolbar div.elo-togglegrpname {
    text-transform: uppercase;
}

.elo-toolbar div.elo-togglegrpname,
.elo-toolbar .elo-togglecontainer {
    font-weight: bold !important;
    color: #a5a5a5;
    font-size: 9pt;
}

.elo-toolbar .elo-toolbartitle {
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: bold;
    color: #666666;
    font-size: 9pt;
    height: 16px;
}

.elo-expandtoolbartitle {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    font-size: 16px;
}

.elo-expandtoolbaricon {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
}

.elo-toolbar .elo-toolbartext {
    display: block;
    height: 34px;
    padding: 9px 12px;
}

.elo-toolbar-small {
    background-color: #F2f2f2;
    border: 0 !important;
}

.elo-toolbar-small a.x-btn-toolbar.x-btn-over,
.elo-toolbar-small a.elo-togglebtn.x-btn-over {
    background-color: #F9F9F9;
}

.elo-toolbar-small a.x-btn-toolbar span.x-btn-wrap,
.elo-toolbar-small a.elo-togglebtn span.x-btn-wrap {
    padding: 3px 6px 5px 6px;
    border-top: 3px solid transparent;
}

.elo-toolbar-min {
    background-color: #e5e5e5;
    padding: 0;
}

.elo-toolbar-min .x-btn-pressed .x-btn-inner  {
    color: inherit;
}

.elo-toolbar-min a {
    background-color: transparent;
    border: 0;
    border-radius: 0px;
    -moz-border-radius: 0px;
    padding: 4px;
}

.elo-toolbar-min .x-btn-pressed {
    background-color: #F2F2F2;
}

.elo-toolbar-min a .x-btn-inner {
    color: #5c5c5c;
}

.elo-toolbar-min a:hover .x-btn-inner  {
    color: inherit;
}

.elo-toolbar-min .elo-toolbartitle {
    font-size: 11px;
    color: #5c5c5c;
    font-weight: bold;
}

/* ELO DEFAULTVIEW, ERRORVIEW ************************************/

.elo-errorview,
.elo-defaultview .x-panel-body {
    padding: 50px 20px;
}

.elo-errorview, .elo-errorview .x-panel-body ,
.elo-defaultview, .elo-defaultview .x-panel-body {
    background-color: #f2f2f2;
}

.elo-errorview .elo-defaultview-message,
.elo-defaultview .elo-defaultview-message {
    display: block;
    font-size: 20pt;
    color: #cdcdcd;
    padding-bottom: 20px;
}

.elo-errorview label,
.elo-defaultview label {
    display: block;
    color: #666666;
    font-size: 10pt;
}

.elo-errorview a.x-btn {
    margin-top: 30px;
}

/* ELO IMAGE PREVIEW ****************************************/

.elo-image-ocrselection {
    opacity: 0.3;
    border-style: solid;
    border-width: 1px;
}

.elo-image-ocrprocessing {
    background-repeat: no-repeat;
    background-position: center center;
    min-width: 28px;
    min-height: 28px;
    background-color: white !important;
    opacity: 0.9;
}

.elo-text-ocr-result textarea {
    border: 0px;
}

/* ELO CONFIGURATION GROUPS ****************************************/

.elo-config-group .x-panel-header {
    padding: 9px 15px 9px 22px;
    background-color: #f2f2f2;
}

.elo-config-group .x-panel-header-text {
    /* color: $base-color; defined in scss */
    font-size: 9pt;
}

.elo-config-group .x-panel-body {
    padding: 10px 15px 30px 0px;
}

.elo-config-field .elo-config-field-impl {
    float: left;
    border-left: 8px solid white;
    transition: border-color 0.2s linear;
    -moz-transition: border-color 0.2s linear;    /* FF3.7+ */
    -o-transition: border-color 0.2s linear;      /* Opera 10.5 */
    -webkit-transition: border-color 0.2s linear; /* Saf3.2+, Chrome */
}

.elo-config-field .elo-config-field-impl.saving {
    border-left: 8px solid transparent;
    background-position: 3px;
    background-repeat: no-repeat;
}

.elo-config-field .elo-config-field-impl.saved {
    border-left: 8px solid #82cd16;
    transition: border-color 1s linear;
    -moz-transition: border-color 1s linear;    /* FF3.7+ */
    -o-transition: border-color 1s linear;      /* Opera 10.5 */
    -webkit-transition: border-color 1s linear; /* Saf3.2+, Chrome */
}

.elo-config-field .elo-config-field-impl.changed {
    /* border-left-color: $base-color; */
    border-left-color: #535353;
    border-left-width: 8px;
    border-left-style: solid;
    transition: border-color 0.2s linear;
    -moz-transition: border-color 0.2s linear;    /* FF3.7+ */
    -o-transition: border-color 0.2s linear;      /* Opera 10.5 */
    -webkit-transition: border-color 0.2s linear; /* Saf3.2+, Chrome */
}

.elo-config-field .elo-config-field-impl label,
.elo-config-field .elo-config-field-impl.x-form-type-checkbox input,
.elo-config-field.closable .elo-config-field-impl.key .x-form-text,
.elo-config-field.closable .elo-config-field-impl.key .x-form-trigger-wrap {
    margin-left: 14px;
}

.elo-config-field.closable .elo-config-field-impl  {
    margin-left: 8px;
}

.elo-config-field.closable .elo-config-field-impl.key {
    margin-left: 0px;
}

.elo-config-field.closable .elo-config-field-impl.key .x-form-trigger-wrap .x-form-text {
    margin-left: 0px;
}

.elo-config-field a {
    float: right;
}

.elo-config-field .activateField {
    float: left;
    background-color: #f8f8f8;
}
.elo-config-field .activateField input {
    margin-left: 10px;
    margin-right: 10px;
}

.elo-config-field .elo-config-field-impl.deactivated {
    opacity:0.3;
}

.elo-config-field-impl.elo-readonly input {
    background-color: #f8f8f8;
    border: 1px solid #dcdcdc;
    font-style: italic;
}

.elo-config-group .elo-button-addLine {
    float: right;
    display: inline;
    margin: 5px 0px 10px 0px;
}

.elo-config-group .elo-dynamicconfig-desc {
    float: left;
    width: 400px;
    margin: 5px 0px 15px 21px;

}

.elo-boxselect-wrapper > .elo-configuration-circle {
    margin-top: 8px;
}

.elo-boxselect-wrapper > .x-btn {
    margin-top: 3px;
}

.elo-config-group-description {
    margin: 5px 80px 15px 21px;
}

/* ELO CONFIGURATION INFO ****************************************/

.elo-config-info {
    border-left: 1px solid #dcdcdc;
}

.elo-config-info .config-title, .elo-config-info .hierarchy-title {
    /* color: $base_color; defined in scss */
    font-size: 12pt;
    margin-bottom: 15px;
    font-weight: bold;
    max-width: 350px;
}

.elo-config-info .hierarchy-title {
    margin-top: 30px;
    font-size: 11pt;
}

.elo-config-info .config-description, .elo-config-info .warning-multiplegroups {
    padding-bottom: 15px;
    margin-bottom: 15px;
    max-width: 350px;
}

.elo-config-info .config-description p, .elo-config-info .warning-multiplegroups p {
    padding: 0px;
    margin: 0px;
}

.elo-config-info .warning-multiplegroups {
    margin-top: 15px;
    color: #c62a15;
}

.elo-config-info .config-item.nosetting {
    opacity:0.3;
}

.elo-config-info .config-item {
    padding-bottom: 10px;
}

.elo-config-info .config-item span.name {
    padding-top: 2px;
    font-size: 9pt;
    display: inline-block;
    padding-left: 2px;
}

.elo-config-info .config-item span.value {
    padding-top: 2px;
    display: block;
    margin-left: 21px;
    font-size: 10pt;
    /* color: $base_color; defined in scss */
    font-weight: bold;
}

.elo-configuration-circle {
    margin-right: 14px;
    width: 16px;
    height: 16px;
    float: right;
    margin-top: 4px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 4px solid;
}

.elo-configuration-circle.dynamic {
    margin-top: 10px;
}

.elo-config-field {
    display: block;
    clear: both;
}



/* THIRD COMPONENTS **********************************/
/* BOX SELECT ****************************************/

.third-x-boxselect .x-boxselect.x-form-text {
    height: auto;
    cursor: text;
    padding: 0;
    overflow-y: auto;
}

.third-x-boxselect td.x-field-label-cell {
    padding-top: 3px;
}

.third-x-boxselect .x-boxselect ul.x-boxselect-list {
    padding:  0px;
    margin: 0px 2px;
}

.third-x-boxselect ul.x-boxselect-list.x-boxselect-singleselect {
    white-space: nowrap;
    overflow: hidden;
}

.third-x-boxselect .x-boxselect input {
    border: none;
    background: none;
    height: 25px;
    width: 100%;
}

.third-x-boxselect .x-boxselect-input, .x-boxselect-item {
    display: inline-block;
    position: relative;
    padding-bottom: 2px;
}

.third-x-boxselect .x-boxselect-stacked .x-boxselect-item {
    display: block;
}

.third-x-boxselect .x-boxselect-item {
    padding: 3px 5px 3px 7px !important;
    margin: 3px 2px 0px 2px;
    background-color: #F2f2f2;
    cursor: default;
}

.x-field:not(.x-item-disabled) .x-boxselect-item:hover {
    background: #b9dbf7;
}

.x-field:not(.x-item-disabled) .x-boxselect-item.selected {
    /* background: $base-color !important; defined in scss */
    color: white;
}

.third-x-boxselect .x-boxselect-item-text {
    line-height: 16px;
    padding-right: 20px !important;
}

.third-x-boxselect .x-boxselect-item-close {
    cursor: pointer;
}

.third-x-boxselect .x-boxselect-hideselections .x-boundlist-selected {
    display: none;
}

.third-x-boxselect .x-boxselect-item-close {
    background: 3px 4px no-repeat url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAA9UlEQVR4Xo2QMUtCYRSGnyNFJoFLDk5BBkFDBEE0ieAdXFyCQPoB/QJHwRs4+m9cXAQRx4aWWuoOTQ4uJnKvtyt8fefUoFsPvLyH875w4Ih7DABCoAsIuzjgSfPcJstCry5BgHenvj1rph2JH27dYaOBkc+TTiYoB9UqrNcoyXCILO6uAFyxXscolTDmc7Ov0QhAcmmSUGy1ZDGdwnIJUaSyWXeaaWcvjWOU79UKCgWYzTDKZdsp2pH3m2MAd9Zuw3jMDrUaH/0+gMjr5ZG76HRgMED51LPASaWC0Wzy1uvBy/l+6OXc/bX7c1TbO+3I8yn/evgPKp53tDAm030AAAAASUVORK5CYII=');
    float: right;
    width: 16px;
    height: 16px;
    top: 2px;
    right: 4px;
}

.third-x-boxselect .x-form-trigger {
    background-position: 0px 3px;
    height: 28px !important;
}








/*
================================================================================
    Intelligent Search Filters
================================================================================
*/

.elo-intelligent-search-filters {
    padding-top: 5px;
    width: 100%;
}

.intelligentFilterSet {
    display: block;
    float: left;
    margin-top: 5px;
    padding-left: 10px;
    width: 310px;
}

.intelligentFilterSet .title {
    clear: both;
    display: block;
    float: left;
    margin-top: -3px;
    padding: 4px 0px 4px 0px;
    line-height: 1.6;
    font-weight: bold;
    background-position: -20px;
    background-repeat: no-repeat;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.intelligentFilterSet.loading-indicator-small {
    background-position: right 3px;
    background-repeat: no-repeat;
    width: 295px;
}

.intelligentFilterSet .filter,
.intelligentFilterSet .showmore {
    width: 200px;
    float: right;
    display: block;
    padding: 3px 5px 3px 5px;
    margin-right: -1px;
    cursor: pointer;
}

.intelligentFilterSet .filter.hidden {
    display: none;
}

.intelligentFilterSet.showall .filter.hidden {
    display: block;
}

.intelligentFilterSet.showall {
    padding-bottom: 10px;
}

.intelligentFilterSet .showmore {
    color: transparent;
    padding: 2px 20px;
    background-position: 3px -2px;
    background-repeat: no-repeat;
}

.intelligentFilterSet .showmore:hover {
    color: #999999;
}

.intelligentFilterSet.showall .showmore {
    display: none;
}

.intelligentFilterSet .filter:hover {
    text-decoration: underline;
}

.intelligentFilterSet .filter span {
    color: grey;
}

.intelligentFilterSet .filter span {
    float: right;
    font-weight: normal;
}

.intelligentFilterSet.hidden {
    display: none;
}

.iSearch_help {
    height: 100%;
    padding: 20px;
    line-height: 2em;
}

.iSearch_help h3 {
    margin-bottom: 10px;
}

.SearchSynonyms, .SearchCorrections {
    display: block;
    clear: both;
}

.SearchSynonyms a, .SearchCorrections a {
    margin: 0px 0px 0px 10px;
    cursor: pointer;
    color: blue;
}

.SearchSynonyms a, .SearchSynonyms span,
.SearchCorrections a,.SearchCorrections span {
    float: left;
    padding-bottom: 5px;
}

.SearchSynonyms a:hover, .SearchCorrections a:hover {
    text-decoration: underline;
}

.elo-search-textbox input {
    height: 29px !important;
}

.elo-search-button {
    position: absolute;
    top: 1px;
    right: 25px;
    height: 29px;
    border-left: none;
    padding: 6px 1px 6px 6px;
    background-color: #f8f8f8;
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.elo-search-button .x-btn-inner {
    color: inherit;
    padding-top: 1px;
}

.elo-search-button:hover {
    background-color: #f2f2f2;
}

.elo-searchreset-button {
    position: absolute;
    top: 4px;
    left: 276px;
    border: 0px;
}

.elo-search-text-container {
    display: block;
    width: 100% !important;
    background-color: #F2F2F2;
    margin-left: 0px !important;
    margin-bottom: 5px !important;
}

.elo-search-text-container .x-container {
    padding-top: 5px;
    clear: both;
}

.elo-searchreset-button,
.form-searchfiltercontainer .x-btn {
    background: none;
    border: 1px solid transparent;
}

.elo-searchreset-button:hover,
.form-searchfiltercontainer .x-btn:hover {
    background: #F6F6F6;
    border: 1px solid #F2f2f2;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.elo-searchreset-button:hover {
    border: 1px solid #dcdcdc;
}

.form-searchfiltercontainer {
    margin: 0px 0px 0px 10px !important;
}

.form-searchfiltercontainer .x-container {
    margin-top: 5px;
}

.form-searchfiltercontainer label {
    margin-top: 5px;
    padding-top: 4px;
    padding-bottom: 3px;
}

.form-searchfiltercontainer label .elo-filter-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.elo-search-form .x-panel-body {
    /* padding-bottom: 15px; */
}

/*.elo-search-form.has-no-filters .x-panel-body {
    padding-bottom: 0px;
}

.elo-search-form.has-no-filters .elo-search-text-container {
    margin-bottom: 0px !important;
}*/

.elo-search-showadditional {
    padding: 13px 10px 5px 10px;
    cursor: pointer;
    color: #999999;
    font-weight: bold;
    border-bottom: 1px solid #dcdcdc;
}

.elo-search-showadditional .icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 0px 2px;
    margin-right: 5px;
}

.elo-search-showadditional:hover {
    /* color: $base-color; defined in scss */
}

.elo-search-display-resultlist .elo-search-showadditional .icon {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    background-position: -3px 0px;
}

.elo-search-display-resultlist-nolink {
    cursor: default !important;
    color: grey !important;
}

.elo-search-tabs .x-tab-bar-body-default-bottom {
    border-top: 1px solid #dcdcdc;
    background-color: #F2f2f2;
    padding-top: 0px;
}

.elo-search-tabs .x-tab-bar-body-default-bottom .x-tab {
    background-color: #F2f2f2;
    border-right: 1px solid #dcdcdc !important;
    padding-top: 6px;
    padding-bottom: 6px;
    border-radius: 0;
}

.elo-search-tabs .x-tab-bar-body-default-bottom .x-tab .x-tab-inner {
    color: gray;
}

.elo-search-tabs .x-tab-bar-body-default-bottom .x-tab .x-tab-close-btn {
    background-color: #dcdcdc;
}

.elo-search-tabs .x-tab-bar-body-default-bottom .x-tab-active {
    background-color: white;
}

.elo-search-tabs .x-tab-bar-body-default-bottom .x-tab-active .x-tab-close-btn {
    background-color: #dcdcdc;
}

.elo-search-tabs .x-tab-bar-body-default-bottom .x-tab-active .x-tab-inner {
    -color: white;
}

.elo-search-tabs .x-tab-bar-body-default-bottom .x-box-scroller  {
    background-color: #c7c7c7;
    opacity: 1;
}

.elo-search-tabs .x-tab-bar-default-horizontal {
    height: auto;
}

.x-datepicker {
    margin-left: 5px;
}

.form-searchfiltercontainer .elo-filter-label-or-relation {
    padding-top: 12px;
    padding-left: 15px;
    color: silver;
}

.elo-search-filter-label-active {
    background-position: right -20px;
    background-repeat: no-repeat;
    background-size: 16px;
}

.intelligentFilterSet .title,
.form-searchfiltercontainer .elo-search-filter-label-active {
    width: 95px;
}

.intelligentFilterSet .title:hover,
.form-searchfiltercontainer .elo-search-filter-label-active:hover {
    background-position: 85px 3px;
    padding-left: 3px;
    padding-top: 3px;
    padding-bottom: 2px;
    border: 1px solid white;
    margin-left: -4px;
    width: 104px !important;
    padding-right: 15px;
}

.intelligentFilterSet .title:hover,
.elo-search-filter-label-active:hover {
    cursor: pointer;
    background-color: #F6F6F6;
    background-position: 85px 3px !important;
    border: 1px solid #F2f2f2 !important;
}


/* ELO Dynamic Keywordlist */

.elo-combobox-grid {
    border: 1px solid grey;
    border-top: 0px;
}


/* BROWSER SPECIFIC */

/*
  Previous Bugfix for <=FF29. Solved in FF30.
  .x-gecko .elo-search-button { top: 14px; left: 258px; }
  .x-gecko .elo-searchreset-button { top: 15px; left: 287px; }
*/

.x-mask-fixed {
    z-index: 10000;
}


/* IMAGE VIEWER THUMBS *************************/

.elo-thumbBar {
    background-color: #F2f2f2;
    overflow: hidden !important;
    padding-top: 15px;
    background-position: center 40px;
    background-repeat: no-repeat;
}

.elo-thumbBar:hover {
    overflow-y: auto !important;
}

.elo-thumbBar .x-box-inner  {
    width: 90px !important;
    margin-left: 11px;
}

.elo-thumbBar .elo-thumb {
    float: left; position: relative !important; top: 0px !important;
    background-color: white;
    padding: 1px 1px 1px 1px;
    width: 60px !important;
    border: 1px solid #dcdcdc;
    cursor: pointer;
    min-height: 40px;
    background-size: 100%;
}

.elo-thumbBar .elo-thumb:hover,
.elo-thumbBar .selected .elo-thumb {
    /* border-color: $base-color; defined in scss */
    border-width: 1px;
    border-style: solid;
}

.elo-thumbBar .elo-thumb .selection {
    display: none;
}

.elo-thumbBar .selected .elo-thumb .selection {
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
    display: block;
    /* background-color: $base-color; defined in scss */
    opacity: 0.2;
    top: 0px;
    left: 0px;
}

.elo-thumbBar .elo-thumbpageno {
    display: block;
    margin-top: 2px !important;
    margin-bottom: 6px !important;
    text-align: center;
    width: 60px;
}

.elo-imgctrl-nomultipage .elo-imgctrl-mulipage {
    display: none;
}

.elo-show-more-thumbs {
    width: 35px !important;
    height: 35px !important;
    left: 13px !important;

}
.elo-show-more-thumbs span {
    margin-left: 2px;
    margin-top: 2px;
}

.elo-source-display .x-form-display-field {
    max-width: 270px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.elo-source-process {
    width: 40px;
    height: 50px;
    background-size: 16px;
    background-position: center 25px;
    background-repeat: no-repeat;
    display: block;
}

.elo-config-arrow {
    -ms-transform:rotate(90deg); /* IE 9 */
    -moz-transform:rotate(90deg); /* Firefox */
    -webkit-transform:rotate(90deg); /* Safari and Chrome */
    -o-transform:rotate(90deg); /* Opera */

    font-size: 24pt;
    float: left;
    padding: 0px 13px;
}

.elo-config-arrow-text {
    display: block;
    float: left;
    width: 580px;
    padding: 7px 0px 20px 0px;
}

.elo-config-arrow-title {
    display: block;
    margin: 0px 0px 5px 0px;
}
.elo-config-arrow-text {
    display: block;
}

.elo-ext-link-spacing {
    margin: 18px 0;
    border-top: 5px solid #F2f2f2;
}

.x-form-type-text textarea.x-form-invalid-field, .x-form-type-text input.x-form-invalid-field, .x-form-type-password textarea.x-form-invalid-field, .x-form-type-password input.x-form-invalid-field, .x-form-type-number textarea.x-form-invalid-field, .x-form-type-number input.x-form-invalid-field, .x-form-type-email textarea.x-form-invalid-field, .x-form-type-email input.x-form-invalid-field, .x-form-type-search textarea.x-form-invalid-field, .x-form-type-search input.x-form-invalid-field, .x-form-type-tel textarea.x-form-invalid-field, .x-form-type-tel input.x-form-invalid-field {
    background-color: #ffd2d2;
}

.elo-intelligentfilters-isearchhelp {
    margin: 5px 10px 10px 10px;
}

.elo-intelligentfilters-isearchhelp .x-panel-header {
    background-color: white;
    padding: 5px 0px;
    cursor: pointer;
}

.elo-intelligentfilters-isearchhelp .x-panel-header span {
    color: grey;
}

.elo-intelligentfilters-isearchhelp .x-panel-header:hover span,
.elo-intelligentfilters-isearchhelp .x-panel-header .x-header-text-container {
    color: inherit;
    font-weight: normal;
}


.elo-intelligentfilters-isearchhelp .x-panel-header .elo-search-showadditional {
    padding: 0px;
    border-color: transparent;
}

.elo-intelligentfilters-isearchhelp .x-panel-body, .iSearch_help .x-panel-body {
    background-color: #F2f2f2 !important;
    padding: 10px 10px;
    line-height: 1.6;
}

.elo-list-column >div {
    padding-top: 10px;
    padding-bottom: 5px;
}

.elo-search-result-column .relevance {
    float: right;
    display: inline-block;
    width: 30px;
    height: 10px;
    padding-left: 10px;
    margin-top: 3px;
}

.elo-search-result-column .relevance span {
    background: black;
    height: 10px;
    display: block;
    float: right;
}

.elo-list-column img {
    float: left;
    margin-right: 7px;
}

.elo-list-column .name {
    white-space: normal;
    display: block;
    line-height: 1.5em;
    font-size: 1.1em;
    overflow: hidden;
    padding-bottom: 3px;
}

.elo-docversion-column .comment,
.elo-task-list-column .description,
.elo-list-column .summaryFulltext {
    color: rgba(0, 0, 0, 0.7);
    line-height: 1.4em;
    display: block;
    white-space: normal;
    padding: 10px 0px;
}

.elo-search-result-column .summaryFulltext b {
    background-color: rgba(180, 180, 180, 0.15);
    padding: 0 2px;
}

.elo-list-column .maskName {
    padding: 3px 0px 4px 0px;
    display: inline-block;
    float: right;
    text-align: right;
    min-width: 15%;
}

.elo-list-column .ownerName,
.elo-list-column .createDateIso,
.elo-list-column .IDateIso {
    float: left;
    color: rgba(0, 0, 0, 0.4);
    padding: 3px 10px 2px 13px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 0px 4px;
}

.elo-docversion-column .ownerName {
    padding-left: 0px;
}

.elo-docversion-column .milestone,
.elo-docversion-column .milestone img {
    float: right;
}

.elo-docversion-column .milestone span {
    padding: 3px 30px 0 0;
    display: block;
}

.elo-docversion-column .name {
    font-weight: normal;
}

.elo-list-column .IDateIso,
.elo-search-result-column .ownerName {
    padding: 3px 10px 2px 0px;
}

.elo-sord-list-column .ownerName {
    padding: 3px 10px 2px 23px;
}

.elo-list-column .createDateIso,
.elo-list-column .IDateIso {
    float: right;
    min-width: 115px;
}

.elo-task-list-column .flowName {
    padding: 4px 0px 8px 23px;
    display: block;
}

.elo-task-list-column .userName,
.elo-task-list-column .prio {
    color: white;
    padding: 2px 5px 1px 5px;
    margin-right: 8px;
}

.elo-list-column label {
    padding-right: 10px;
    min-width: 60px;
    display: inline-block;
}

.elo-task-list-column .limitDate,
.elo-task-list-column .activeDate {
    padding: 3px 0;
    display: block;
    color: rgba(0, 0, 0, 0.4);
    margin-left: 23px;
}

.elo-task-list-column .userName {
    float: left;

    background-color: rgba(0, 0, 0, 0.2);
    font-size: 11px;
    line-height: 13px;
    margin-left: 23px;
    margin-top: 2px;
    font-weight: normal;
    margin-bottom: 6px;
}

.elo-task-list-column .description {
    padding-top: 0px;
    padding-bottom: 5px;
    margin-left: 23px;
}

.elo-small-grid .elo-list-column .createDateIso,
.elo-small-grid .elo-list-column .IDateIso {
    display: none;
}

.elo-task-list-column .elo-task-icon,
.elo-task-list-column .prio {
    float: right;
}

.elo-task-list-column .prio {
    width: 18px;
    height: 16px;
    text-align: center;
    padding-top: 2px;
}

.elo-task-list-column .prio1 {
    background-color: rgba(0, 0, 0, 0.5) !important;
}

.elo-task-list-column .prio2 {
    background-color: rgba(0, 0, 0, 0.2) !important;
}

.elo-listsearch {
    background-color: #F2f2f2;
}

.elo-listsearch .elo-search {
    background-repeat: no-repeat;
    background-position: 12px 6px;
    background-size: 12px;
}

.elo-listsearch .elo-search input {
    background-color: transparent;
    border: 0px;
    color: grey;
    padding-left: 30px;
}

.elo-listsearch .elo-sortMode,
.elo-listsearch .elo-search-reset {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 0;
    background-color: transparent;
}

.elo-listsearch .elo-sortMode:hover,
.elo-listsearch .elo-search-reset:hover {
    background-color: rgba(255,255,255,0.7);
}

.elo-listsearch .elo-sortMode span,
.elo-listsearch .elo-search-reset span {
    font-size: 11px;
    font-weight: bold;
    color: inherit;
}

.elo-listsearch .elo-sortMode span {
    font-weight: normal;
}

.elo-listsearch.elo-background-base-color .elo-sortMode span,
.elo-listsearch.elo-background-base-color .elo-search-reset span {
    color: white;
}

.elo-listsearch.elo-background-base-color .elo-search input {
    color: rgba(255,255,255,0.8);
}

.elo-columnheaders-hide .x-grid-header-ct {
    display: none;
}

/* ELO Form field containers */

.elo-field-cont .x-panel-header {
    /* Override tab layout */
    background-color: #f2f2f2 !important;
    padding: 25px 10px 5px 27px;
    border-bottom: 1px solid #dcdcdc !important;
}

.elo-field-cont .x-panel-header span {
    font-size: 14px;
    color: #464646;
}

.elo-field-cont > .x-panel-body > span {
    border-top: 7px solid white !important;
    -webkit-transition: border-color 0.3s linear; /* Saf3.2+, Chrome */
    -moz-transition: border-color 0.3s linear; /* FF3.7+ */
    -o-transition: border-color 0.3s linear; /* Opera 10.5 */
    transition: border-color 0.3s linear;
}

.elo-field-cont.is-completed > .x-panel-body > span {
    border-top: 7px solid #8bd337 !important;
}

.elo-field-cont.is-invalid > .x-panel-body > span {
    border-top: 7px solid #d33737 !important;
}

.elo-field-cont .x-form-item-label {
    padding-bottom: 3px;
}

.elo-field-cont textarea {
    margin-top: 0px;
}

.elo-field-cont .margin-bottom {
    margin-bottom: 15px;
}

.elo-field-cont .hint {
    color: silver;
    font-size: 11px;
    padding-top: 15px;
}

.elo-field-cont.border-right > .x-panel-body {
    border-right: 2px solid #dcdcdc !important;
}

.elo-field-cont.is-inactive .x-panel-body > span {
    opacity: 0.5;
    -webkit-transition: opacity 0.3s linear; /* Saf3.2+, Chrome */
    -moz-transition: opacity 0.3s linear; /* FF3.7+ */
    -o-transition: opacity 0.3s linear; /* Opera 10.5 */
    transition: opacity 0.3s linear;
}

.elo-field-cont .highlight {
    padding: 10px;
    background-color: #F2f2f2;
    border: 1px solid #dcdcdc;
}

.elo-labelseperator {
    color: #378dd3;
    margin-top: 25px;
    padding-bottom: 5px;
}

.elo-labelseperator span {
    color: #378dd3;
    font-size: 13px;
}

.elo-big-selection .x-form-item-body {
    padding: 0;
}

.elo-big-selection .x-form-cb-wrap-inner  {
    margin-bottom: 5px;
}

.elo-big-selection .x-form-cb-checked .x-form-cb-wrap-inner {
    border-right: 5px solid grey;
}

.elo-big-selection .x-form-cb-wrap-inner {
    background-color: #F6F6F6;
}

.elo-big-selection .x-form-cb-wrap-inner input {
    margin: 7px 0 7px 7px;
}

.elo-big-selection .x-form-cb-wrap-inner label {
    padding: 7px 7px 7px 28px;
    margin: 0;
    width: 85%;
}

.elo-fix-height-100 {
    height: 100% !important;
}

.elo-indexedit-inplace-header {
    width: 100% !important;
}

.elo-indexedit-tab {
    margin-bottom: 0px !important;
}

.elo-user-image, .userimage {
    height: 35px;
    width: 35px;
    background-size: cover;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 0px;
}

.elo-socialuser-list-column .userimage,
.elo-social-usergroupselection .elo-user-image {
    position: absolute; margin: 4px;
}

.elo-social-usergroupselection .x-form-text {
    height: 43px;
    padding: 0 0 15px 46px;
}

.elo-social-usergroupselection .x-form-trigger-wrap {
    width: 100% !important;
}








a.elo-large-toggle {
    background-color: #F2f2f2;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border-width: 0;
    padding-bottom: 5px;
}

a.elo-large-toggle .x-btn-inner {
    padding-top: 70px;
    text-align: left;
    color: black;
}

a.elo-large-toggle .x-btn-inner span {
    display: block;
    font-weight: normal;
}

a.elo-large-toggle .x-btn-icon-el {
    width: 100%;
    height: 64px;
}

a.elo-large-toggle span.x-btn-wrap {
    padding: 4px 4px 4px 4px;
}

a.elo-large-toggle.x-btn-pressed {
    background-color: #f2f2f2;
    border-right-style: solid;
    border-bottom-width: 5px;
    padding-bottom: 0px;
}

a.elo-large-toggle.x-btn-over {
    background-color: #F9F9F9;
}

.elo-social-addusergroup {
    margin-bottom: 0;
}

.elo-social-addusergroup .x-form-item-body {
    background-color: #F2f2f2;
    padding: 6px;
}

.elo-social-addusergroup .x-form-item-body .x-form-trigger-wrap {
    width: 100% !important;
}

.elo-choosefield div.triangle,
.elo-social-usergroupselectiongrid div.triangle {
    margin-left: 7px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #F2F2F2;
}

.elo-choosefield div.triangle-right,
.elo-social-usergroupselectiongrid div.triangle-right {
    margin-top: 7px;
    width: 0;
    height: 0;
    border-left: 10px solid #F2F2F2;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
}

.elo-social-usergroupselectiongrid .elo-togrid {
    border: 1px solid #d9d9d9;
}

.elo-socialuser-list-column .x-grid-cell-inner {
    padding: 0px;
    min-height: 43px;
}

.elo-socialuser-list-column .username {
    padding: 6px 46px;
    display: blocK;
}

.elo-socialuser-list-column .inheritRights,
.elo-socialuser-list-column .instruction,
.elo-socialuser-list-column .permissions {
    color: grey;
    padding-left: 46px;
    font-size: 10px;
}

.elo-social-usergroupselectiongrid .x-grid-body {
    border-top: 0;
}

.elo-social-usergroupselectiongrid .elo-detail-panel {
    background-color: #F2f2f2;
    padding: 6px;
}

.elo-social-usergroupselectiongrid .elo-detail-panel .x-form-item {
    margin: 0;
}

.elo-configuration-items .activateField .x-form-cb-wrap {
    width: 35px;
}

.elo-copy-options-newgroup .x-form-cb-wrap-inner {
    padding-top: 10px;
}
.elo-side-toolbar {
    padding: 0;
}

.elo-side-toolbar .x-btn {
    border-top: 0;
    margin: 0;
    border-left: 0;
    border-right: 0;
    padding: 9px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

.elo-softselect > td {
    background-color: #f2f2f2;
}

.elo-softselect > td:first-child {
    border-left: solid 3px;
}

.elo-unrelatedSelection .x-grid-row-selected .x-grid-td{
    background-color: #f2f2f2 !important;
}

.elo-overflowEllipsis {
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/* Tiles */

.elo-tile {
    border: solid white;
    border-width: 0px 3px 0px 3px !important;
    cursor: pointer;
    color: white;
    position: relative;
}
.elo-tile:hover {
    opacity: 0.9;
}

.elo-tileSelected {
    box-shadow: -2px 2px #5A5A5A inset, 2px -2px #5A5A5A inset;
}

.elo-tileFloatLeft {
    float: left;
    margin-bottom: 6px;
}

.elo-tileHighlightLeft {
    border-left-color: #5A5A5A;
}

.elo-tileHighlightRight {
    border-right-color: #5A5A5A;
}

/* Do not forget to change the values in the tile and tileWrapper classes, when changing the margin */
.elo-tile:not(.elo-tileFloatLeft) + .elo-tile:not(.elo-tileFloatLeft) {
    margin-top: 6px;
}

.elo-tileRegionCount {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 2px;
    font-size: 14px;
}

.elo-tileIcon {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 8px;
    left: 50%;
    margin-left: -12px;
}

.elo-tileIconLarge {
    width: 48px;
    height: 48px;
    position: absolute;
    top: 43%;
    left: 50%;
    margin-left: -24px;
    margin-top: -24px;
}

.elo-tileText, .elo-tileTextLarge {
    left: 8%;
    position: absolute;
    bottom: 6px;
    width: 84%;
    font-size: 13px;
}
.elo-tileTextLarge {
    max-height: 30px;
    overflow: hidden;
}
.elo-tileGroup {
    border: solid white;
    border-width: 3px 0px 3px 0px !important;
    cursor: pointer;
    margin-bottom: 20px;
}
.elo-tileGroupName {
    font-size: 14px;
    margin: 0px 0px 6px 3px;
}

.elo-tileGroupHighlightTop {
    border-top-color: #5A5A5A;
}

.elo-tileGroupHighlightBottom {
    border-bottom-color: #5A5A5A;
}

.elo-hiddenTilesBtn span.x-btn-inner {
    font-size: 14px;
    font-weight: normal;
    color: black !important;
}

.elo-breadcrumbItem {
    cursor: pointer;
    padding-top: 6px;
    padding-bottom: 6px;
}
.elo-breadcrumbItem:hover {
    text-decoration: underline;
}
.workversion10 {
    background-size: 10px;
}
body > .x-css-shadow {
    box-shadow: none !important;
}
.elo-search-error-message {
    text-align: center;
}
.elo-search-error-message-headline {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #dc6e6e;
}
.hiddenTilesCollapsed, .hiddenTilesExpanded {
    background-size: 12px;
    margin-left: 3px;
}
.x-form-type-radio, .x-form-type-checkbox {
    white-space: nowrap;
}
.elo-keywords .x-tree-icon {
    display: none;
}
.elo-keyword-disabled {
    color: rgb(120, 120, 120);
}