/**
 * Web Client CSS
 *
 */



/* -----------------------------------------------------------

Contents:

GENERAL SETTINGS
SCROLLBARS
BUTTONS
ICONS
SYSTEM TOOLBAR
REGION AND TAB BUTTONS
INFOBAR BUTTONS
RIBBON AND TABS
ARCHIVE TREE
KEYWORDS
DROP ZONES
HEADERS
BREADCRUMBS
WINDOW
ALERT WINDOW
NOTE WINDOW
DECIDE WINDOW
INFO WINDOW
POPUP MESSAGE
TOOLTIP
INDEX DIALOG
INDEX INPLACE EDITING
CUSTOM INDEX VIEW
INDEX EDIT
DEFAULTVIEW, ERRORVIEW
TEXT VIEW
LINK VIEW
MAIL VIEW
IMAGE VIEW
IMAGE VIEWER THUMBS
FORM BASICS
CHOOSE FIELD
WORKFLOW VIEW
TOOLBAR
SIDE TOOLBAR
SEARCH
CONTENT LISTS
FORM FIELD CONTAINERS
CONFIGURATION GROUPS
CONFIGURATION INFO
BOX SELECT
LOGIN
TILES
OTHER

------------------------------------------------------------*/




/* GENERAL SETTINGS */

body > .x-css-shadow {
    box-shadow: none !important;
}

.x-splitter,
.x-splitter:active {
    z-index: 2000;
}

.x-splitter-vertical {
    background-color: transparent;
    padding-right: 8px;
    border-left: 1px solid #E8E9EA;
}

.x-splitter-vertical:active {
    border-left-width: 3px;
}

.x-splitter-horizontal {
    background: transparent;
    padding-top: 8px;
    border-top: 1px solid #E8E9EA;
}

.x-splitter-horizontal:active {
    border-top-width: 3px;
}

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

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

/* 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;
}

.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 {
    border-bottom: 1px solid #E8E9EA !important;
}

.x-toolbar-docked-bottom {
    border-top: 1px solid #E8E9EA !important;
}

.x-toolbar-docked-left {
    border-right: 1px solid #E8E9EA !important;
}

.x-toolbar-docked-right {
    padding: 10px !important;
    background-color: white;
    border-left: 1px solid #E8E9EA !important;
}

.x-menu .x-box-inner .x-menu-item a {
    padding: 5px 10px 5px 42px;
}

.x-menu .x-box-inner .x-menu-item a div.x-menu-item-icon {
    left: 14px;
    top: 9px;
}

.x-menu.elo-menu-24px .x-box-inner .x-menu-item a div.x-menu-item-icon {
    left: 10px;
    top: 5px;
}

.x-menu .x-box-inner .x-menu-item a div.x-menu-item-arrow {
    top: 12px;
}

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

.x-toolbar-footer.x-toolbar-docked-bottom {
    border-top: none !important;
    background-color: #ECEDEE;
}

.x-toolbar-footer.x-toolbar-docked-bottom .x-btn {
    min-width: 96px;
}





/* SCROLLBARS */

::-webkit-scrollbar {
    background-color: transparent;
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-thumb {
    background-color: #C2C3C4;
    border-radius: 12px;
    border: 3px solid #FFFFFF;
    min-height: 40px;
}

::-webkit-scrollbar-thumb:active {
    background-color: #AEAFB0;
}

::-webkit-scrollbar-button {
    display: none;
}





/* BUTTONS */

.x-btn,
.x-form-text,
.x-form-trigger-wrap {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

.x-btn-default-small,
.x-btn-default-medium {
    border: 1px solid #C0C1C2;
    background-color: transparent;
    padding: 3px 12px;
}

.x-btn-default-small {
    padding: 1px 12px;
}

.elo-btn-primary {
    background-color: #4871A3;
    border-color: #4871A3;
}

.x-btn-default-small.x-btn-default-small-over:not(.x-disabled),
.x-btn-default-medium.x-btn-default-medium-over:not(.x-disabled) {
    background-color: #ECEDEE;
}

.elo-btn-primary.x-btn-over:not(.x-disabled) {
    background-color: #5178A8;
    border-color: #5178A8;
}

.x-btn-default-small.x-btn-default-small-focus:not(.x-disabled),
.x-btn-default-medium.x-btn-default-medium-focus:not(.x-disabled) {
    border-color: #004072;
}

.x-btn-default-small.x-btn-default-small-pressed:not(.x-disabled),
.x-btn-default-medium.x-btn-default-medium-pressed:not(.x-disabled) {
    background-color: #E3E4E5;
    border-color: #C0C1C2;
}

.elo-btn-primary.x-btn-pressed:not(.x-disabled) {
    background-color: #416692;
    border-color: #416692;
}

.x-btn-default-small .x-btn-button,
.x-btn-default-small .x-btn-button {
    height: 24px;
}

.x-btn-default-small .x-btn-button {
    height: 20px;
}

.x-btn-default-small .x-btn-inner,
.x-btn-default-medium .x-btn-inner {
    font-weight: normal;
    line-height: 24px;
    font-size: 14px;
    color: #2A2B2C;
}

.x-btn-default-small .x-btn-inner {
    line-height: 20px;
}

.elo-btn-primary .x-btn-inner {
    color: #FFFFFF;
}

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





/* 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;
}

.elo-contextmenu-cursor {
    cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAP9JREFUeNpiZEADsrLS/2HsR4+eCDIyMn5goCYAWQADyJaRC5gYaAyGvgUsxMQJjP348VNGqluwatVqMB0WFkqxZVhTES42DNMsDoB5BOw7QpawUJLWLSwsiUtFINeAME0ActiihzUucPz4MaJzO9gHcnIyVA8auAWw5Aay5MSJ41QPKhZYmqYksu1sHXDpXcCInmNJ8QEsaPfsPYBVPjU5FZEPyM2ZuAzHWVSAXEWKL0CuRAez587GbgGoBgNa8J4Yg0EJAt0wgkUFrHokJtmCCj+ySlNSUpSigippQYQtheADhIIHpwXIKQqUxokxCBdgJCITzQdSCWSavwAgwADxnsG0GclfsQAAAABJRU5ErkJggg=='), pointer !important;
}

.x-tool-img {
    background-image: url('../images/png/extjs-tool-sprites.png') !important;
}

.elo-ribbon-function-search.x-form-dirty .search16-white,
.elo-ribbon-function-search .x-form-trigger-wrap-focus .search16-white {
    background-image: url('../images/svg/search16-light.svg') !important;
}

.intelligentFilterSet .showMore,
.x-btn-default-toolbar-large .x-btn-arrow,
.x-column-header-trigger {
    background-image: url('../images/svg/showadditional16.svg') !important;
}

.elo-system-toolbar .UserDropDown span.x-btn-arrow {
    background-image: url('../images/svg/showadditional16-white.svg') !important;
}

.x-btn:hover .close-light { background-image: url('../images/svg/close-black.svg') !important; }
.x-btn:hover .discloseLeft-light { background-image: url('../images/svg/discloseLeft-black.svg') !important; }
.x-btn:hover .discloseRight-light { background-image: url('../images/svg/discloseRight-black.svg') !important; }
.x-btn:hover .previewProfiles { background-image: url('../images/svg/previewProfiles-black.svg') !important; }
.x-form-date-trigger { background-image: url('../images/svg/kwCalendar16.svg') !important; }

.winHeader,
.x-tree-lines .x-tree-elbow-end,
.x-tree-lines .x-tree-elbow-line,
.x-tree-lines .x-tree-elbow {
    background-image: none !important;
}

.new16,
.showadditional16,
.icon16,
.levelIcon,
.x-column-header-trigger,
.x-tree-icon,
.x-tree-icon,
.intelligentFilterSet .showmore,
.showadditional,
.elo-archive .x-tree-elbow-img,
.x-btn-default-toolbar-large .x-btn-arrow,
.elo-system-toolbar .UserDropDown span.x-btn-arrow {
    background-size: 16px;
}

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

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

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

.icon24 {
    height: 24px;
    width: 24px;
    background-size: 24px;
}

.x-grid-cell-inner .levelIcon,
.x-grid-cell-inner .icon16 {
    display: inline-block;
    vertical-align: top !important;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
}

.x-btn-icon-el,
.x-menu-item-icon,
.elo-bgSizeContain {
    background-size: contain;
    background-position: center;
}

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

.kwList16,
.kwListDynamic16,
.kwRelation16 {
    margin-top: 1px;
}

.elo-menu-24px .x-menu-item-icon,
.UserDropDown .x-menu-item-icon {
    width: 24px;
    height: 24px;
}

.elo-ribbon .x-btn-default-toolbar-large-icon .x-btn-icon-el {
    width: 24px;
    height: 24px;
}

.elo-ribbon .x-btn-default-toolbar-large-icon .x-btn-inner {
    width: 24px;
}

.elo-ribbon .x-btn-default-toolbar-large-icon span {
    height: 24px;
    line-height: 24px;
}

.elo-toolbar-min .x-btn-icon-el {
    height: 20px;
}





/* SYSTEM TOOLBAR */

.elo-system-toolbar .x-toolbar-item {
    margin: 0;
}

.elo-system-toolbar .x-btn-group-body-default-framed {
    padding: 0;
}

.elo-system-toolbar .myEloBtn,
.elo-system-toolbar .configBackBtn {
    border: none !important;
    border-radius: 0 !important;
    background-color: rgba(255,255,255,0.1);
}

.elo-system-toolbar .myEloBtn:hover,
.elo-system-toolbar .configBackBtn:hover {
    background-color: rgba(255,255,255,0.2);
}

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

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

.elo-system-toolbar .configBackBtnIcon {
    background-size: 16px;
}

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

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

.elo-system-toolbar .UserArea .x-table-layout {
    border-spacing: 0;
}

.elo-system-toolbar .UserDropDown {
    position: relative !important;
    display: block;
    float: right;
    border: none;
    height: 40px;
    line-height: 40px;
    background-color: rgba(255,255,255,0.1);
    border-radius: 0;
    padding: 12px 13px 12px 16px;
}

.elo-system-toolbar .UserDropDown.x-over {
    background-color: rgba(255,255,255,0.2);
}

.elo-system-toolbar .UserDropDown.x-menu-active {
    background-color: rgba(0,0,0,0.3);
}

.elo-system-toolbar .UserDropDown span.x-btn-inner {
    font-size: 14px;
    line-height: 16px;
    font-weight: normal;
    color: white;
    padding: 0;
}

.elo-system-toolbar .UserImage {
    background-image: url(../images/png/user-thumb.png);
    background-color: transparent;
    background-size: cover;
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: block;
    margin-left: 1px;
}





/* REGION AND TAB BUTTONS */

.elo-system-toolbar .elo-region,
.elo-system-toolbar .elo-ribbon-tabbar {
    border: none;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0;
    border-radius: 0;
}

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

.elo-system-toolbar .elo-region-button,
.elo-system-toolbar .elo-ribbonTabBarBtn,
.elo-system-toolbar .elo-someone-substitutes-btn,
.elo-system-toolbar .elo-you-substitute-btn {
    height: 40px;
    border-radius: 0;
    background-color: transparent;
    padding: 0 11px;
    border: none;
}

.elo-system-toolbar .elo-region-button {
    background-color: rgba(255,255,255,0.1);
    margin-left: 1px;
    padding: 0 12px;
}

.elo-system-toolbar .elo-region-button.x-btn-noicon {
    padding: 0 16px;
}

.elo-system-toolbar .elo-region-button:hover {
    background-color: rgba(255,255,255,0.2);
}

.elo-system-toolbar .elo-someone-substitutes-btn:hover,
.elo-system-toolbar .elo-you-substitute-btn:hover {
    background-color: rgba(0,0,0,0.2);
}

.elo-system-toolbar .elo-region-button.pressed,
.elo-system-toolbar .elo-someone-substitutes-btn,
.elo-system-toolbar .elo-you-substitute-btn {
    background-color: rgba(0,0,0,0.3);
}

.elo-system-toolbar .elo-ribbonTabBarBtn:hover {
    background-color: rgba(255,255,255,0.1);
}

.elo-system-toolbar .elo-region-button span,
.elo-system-toolbar .elo-ribbonTabBarBtn span,
.elo-system-toolbar .elo-someone-substitutes-btn span,
.elo-system-toolbar .elo-you-substitute-btn span {
    font-size: 14px;
    font-weight: normal;
    color: white;
    margin-top: 0;
    height: 40px;
    line-height: 40px;
}

.elo-system-toolbar .elo-region-button .x-btn-inner {
    padding: 0 0 0 24px;
}

.elo-system-toolbar .elo-region-button.x-btn-noicon .x-btn-inner {
    padding: 0;
}

.elo-system-toolbar .elo-ribbonTabBarBtn.active {
    background-color: #ECEDEE;
    border-top: 4px solid #E3E4E5;
}

.elo-system-toolbar .elo-ribbonTabBarBtn.active span {
    color: #004072;
    line-height: 32px;
    height: 36px;
}

.elo-system-toolbar .elo-region .elo-count {
    padding: 0;
    font-size: 12px;
    font-weight: 600;
    position: relative;
    left: -10px;
    top: 16px;
    height: 16px;
    margin-right: -10px;
    line-height: 12px !important;
}

.elo-system-toolbar .elo-region .elo-count:not(:empty){
    padding: 2px 5px;
    background-color: #004072;
    font-style: normal;
    border-radius: 9px;
    z-index: 1;
}

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

.elo-system-toolbar .elo-region-button.x-btn-noicon .elo-count {
    display: none;
}

.elo-region-button-text {
    position: relative;
    margin-left: 5px;
}

.elo-region-button-text.hidden {
    display: none;
}

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

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

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

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

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

.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-default-toolbar-large span.x-btn-inner {
    padding-top: 31px;
}

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

.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: 0;
}

.elo-ribbon-tabbar.x-masked .x-mask,
.elo-ribbon-function-search.x-masked .x-mask {
    background: transparent;
}

.elo-ribbon-function-search.x-masked {
    filter: alpha(opacity=50);
    opacity: .5;
}

.elo-ribbon-tabbar.x-masked .elo-ribbonTabBarBtn.active {
    background: #f9fafb;
    border-top-color: #ECEDEE;
}

.elo-ribbon-tabbar.x-masked .elo-ribbonTabBarBtn span {
    color: rgba(255,255,255,0.2) !important;
}

.elo-ribbon-tabbar.x-masked .elo-ribbonTabBarBtn.active span {
    color: rgba(37,58,84,0.3) !important;
}





/* INFOBAR BUTTONS */

.elo-infobartop {
    padding: 7px 10px;
    background-color: #F4F5F6;
    border-bottom: 1px solid #E8E9EA !important;
}

.elo-infobartop .title {
    color: #858585;
    font-size: 14px;
}

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

.elo-infobartop .x-btn span{
    font-size: 13px;
    font-weight: normal;
}

.elo-infobartop .x-btn {
    padding: 3px 8px 3px 8px;
}

.elo-infobartop .x-btn-over {
    background: rgba(0, 0, 0, 0.08) !important;
    border-radius: 0;
}





/* RIBBON AND TABS */

.elo-ribbon {
    border-bottom: 1px solid #E8E9EA;
    padding: 0;
    background-color: #ECEDEE;
}

.elo-ribbon .x-tab-bar-default {
    padding-right: 0;
    height: 36px;
    border: none;
}

.elo-ribbon .x-tab-bar-default .x-horizontal-box-overflow-body > .x-box-target {
    padding-right: 10px;
}

.elo-tab .x-tab-bar-plain {
    border-bottom: 1px solid #E3E4E5 !important;
    background-color: #ECEDEE !important;
    height: 40px;
}

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

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

.elo-ribbon .x-tab-default,
.elo-tab .x-tab-default {
    background-color: transparent;
    border-width: 1px;
    border-bottom: 1px solid #E8E9EA;
    padding: 10px 15px;
    border-radius: 0;
}

.elo-ribbon .x-tab-default {
    text-transform: none;
    padding-top: 11px;
    padding-bottom: 9px;
}

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

.elo-ribbon .x-tab-default span,
.elo-tab .x-tab-default span  {
    font-weight: normal;
    color: #2A2B2C;
    font-size: 14px;
    line-height: 20px;
}

.elo-ribbon .x-tab-active,
.elo-tab .x-tab-active  {
    background-color: white;
    border: none;
}

.elo-ribbon .x-tab-active {
    padding-top: 11px;
    padding-bottom: 9px;
}

.elo-tab .x-tab-active .x-tab-inner {
    color: #004072;
}

.elo-ribbon .x-tab-bar-strip,
.elo-tab .x-tab-bar-strip  {
    border-top: 1px solid #fff;
    height: 0;
    bottom: inherit;
    display: none;
}

.elo-ribbon-function-search .x-form-trigger-wrap {
    border: none;
}

.elo-ribbon-function-search .x-form-text {
    height: 28px;
    padding: 0 8px 0 32px;
    border: 1px solid transparent;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 8px center;
    background-size: 16px;
    font-size: 14px;
}

.elo-ribbon-function-search .x-form-text::placeholder {
    color: #fff;
    opacity: 0.4;
}

.elo-ribbon-function-search.x-form-dirty .x-form-text,
.elo-ribbon-function-search .x-form-trigger-wrap-focus .x-form-text {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.15) !important;
}

.elo-ribbon-function-search.x-form-dirty .x-form-text::placeholder,
.elo-ribbon-function-search .x-form-trigger-wrap-focus .x-form-text::placeholder {
    color: #2A2B2C;
    opacity: 1
}

.elo-ribbon .x-tab-bar-default .x-box-scroller,
.elo-system-toolbar .x-box-scroller {
    background-position: center center;
    filter: alpha(opacity=20);
    opacity: 0.2;
    height: 36px;
}

.elo-ribbon .x-tab-bar-default .x-box-scroller-hover,
.elo-system-toolbar .x-box-scroller-hover {
    filter: alpha(opacity=40);
    opacity: 0.4;
}

.elo-ribbon .x-tab-bar-default .x-box-scroller-disabled,
.elo-system-toolbar .x-box-scroller-disabled {
    filter: alpha(opacity=8);
    opacity: 0.08;
}

.elo-ribbon .x-btn {
    background: transparent;
    padding: 3px 8px;
    margin: -4px 1px;
    height: 38px;
    border: none transparent;
}

.elo-ribbon .x-btn-over {
    background: rgba(0, 0, 0, 0.05);
    border-color: transparent;
    border-radius: 0;
}

.elo-ribbon .x-btn .x-btn-button {
    height: 32px;
    vertical-align: middle;
    display: table-cell;
}

.elo-ribbon .x-btn .x-btn-inner {
    font-size: 13px;
    font-weight: normal;
    text-align: left;
    line-height: 16px !important;
    padding-top: 0 !important;
    max-height: 32px;
}

.elo-ribbon .x-btn .x-btn-icon-el {
    height: 32px;
}

.elo-ribbon .x-btn-default-toolbar-medium-icon .x-btn-inner {
    padding-left: 24px;
}

.elo-ribbon .x-btn-default-toolbar-small {
    padding: 2px 3px 3px 3px;
}

.elo-ribbon .x-btn-group-default-framed {
    padding: 8px 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background-color: transparent;
}

.elo-ribbon .x-btn-group-default-framed .x-btn-group-body {
    border-right: 1px solid #e0e0e0 !important;
    padding: 0 7px;
}

.elo-ribbon .x-panel-body {
    background: #ECEDEE;
    border: none;
}

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

.elo-ribbon label.x-form-cb-label {
    font-size: 13px;
}

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

.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.x-table-layout {
    border-spacing: 0;
    height: 30px;
}

.elo-ribbon .x-btn-group-body .x-table-layout-cell {
    vertical-align: middle;
}

.elo-ribbon .x-btn-arrow-bottom {
    background-position: center bottom -5px;
    padding-bottom: 0;
}

.elo-ribbon .x-btn-arrow-bottom .x-btn-button {
    display: block;
    padding-top: 2px;
}

.elo-ribbon .x-btn-arrow-bottom .x-btn-inner {
    padding: 0 4px;
}


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

.elo-ribbon .elo-togglebtn.x-btn-pressed {
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

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

.elo-ribbon .elo-toggle-group .x-table-layout {
    border: 1px solid #e0e0e0 !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: #e8e8e8;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.elo-ribbon .elo-toggle-group .x-table-layout td {
    border-right: 1px solid #e0e0e0;
}

.elo-ribbon .elo-toggle-group .x-table-layout td:last-child {
    border-right: none;
}

.elo-ribbon .elo-favorite-ribbonbuttons-group .x-btn {
    border-left-width: 3px;
    border-right-width: 3px;
    border-top-width: 0;
    border-bottom-width: 0;
}

.elo-favoriteButtonHighlightLeft {
    border-left-color: #5A5A5A !important;
}

.elo-favoriteButtonHighlightRight {
    border-right-color: #5A5A5A !important;
}

.elo-ribbon .elo-contextmenu-cursor *,
.elo-contextmenu-cursor.x-menu-item * {
    cursor: inherit;
}





/* ARCHIVE TREE */

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

.elo-archive .x-tree-view-default {
    padding: 4px 0;
}

.x-grid-cell-inner {
    padding: 10px 12px 9px 16px;
}

.x-grid-cell-inner-treecolumn {
    padding: 6px 12px;
}

.x-grid-row-selected .x-grid-cell-first {
    border-left: 4px solid #004072;
}

.x-grid-row-selected .x-grid-cell-first .x-grid-cell-inner {
    padding-left: 12px;
}

.x-grid-row-selected .x-grid-cell-first .x-grid-cell-inner-treecolumn{
    padding-left: 8px;
}

.elo-unrelatedSelection .x-grid-row-selected .x-grid-cell,
.elo-softselect .x-grid-cell {
    border-left-color: #EAEBEC !important;
    background-color: #EAEBEC !important;
}

.elo-archive .x-tree-elbow-img {
    width: 16px;
    margin-right: 8px;
}

.elo-lockname,
.elo-archive .docdate {
    color: rgba(0, 0, 0, 0.6) !important;
    padding-right: 7px;
}

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





/* KEYWORDS */

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

.elo-keywords .x-tree-icon {
    display: none;
}

.elo-keyword-disabled {
    color: rgb(120, 120, 120);
}





/* DROP ZONE */

.file-drop-zone {
    font-size: large;
    display: block;
    width: 100%;
    padding-top: 60px;
    margin: 20px 0 20px 0;
    border: 2px #E8E9EA 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: 0;
    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: 0;
    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;
}





/* HEADERS */

.elo-region-header,
.elo-view-header,
.elo-myelo-header {
    border-bottom: 1px solid #E8E9EA !important;
}

.elo-view-header,
.elo-myelo-header {
    background-color: #fff;
}

.elo-view-header .elo-toggle-buttons .x-box-target,
.elo-myelo-header .elo-toggle-buttons .x-box-target {
    position: relative;
    height: auto;
}

.elo-view-header .elo-toggle-buttons .x-btn,
.elo-myelo-header .elo-toggle-buttons .x-btn {
    margin: 0 !important;
    left: auto !important;
    position: relative !important;
    border-radius: 0;
    border-left-width: 0;
}

.elo-view-header .elo-toggle-buttons .x-btn:first-child,
.elo-myelo-header .elo-toggle-buttons .x-btn:first-child {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-left-width: 1px;
}

.elo-view-header .elo-toggle-buttons .x-btn:last-child,
.elo-myelo-header .elo-toggle-buttons .x-btn:last-child {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.elo-myelo-header .x-btn {
    padding: 5px 12px;
}

.elo-myelo-header .active-btn {
    background-color: #4871A3 !important;
    border-color: #4871A3 !important;
    cursor: default !important;
}

.elo-myelo-header .active-btn  .x-btn-inner {
    color: #fff !important;
}

.elo-view-toolbar {
    border: none;
}

.elo-header-context {
    font-size: 13px;
    line-height: 18px;
    color: #2A2B2C;
    font-weight: 400;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.elo-header-context-section {
    margin-left: 16px;
}

.elo-header-title,
.elo-toolbar-min.elo-view-toolbar .elo-toolbartitle, .elo-breadcrumbItem {
    font-size: 18px;
    line-height: 25px;
    color: #004072;
    font-weight: 600;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.elo-view-toolbar-menu {
    background-color: #fff;
}

.elo-view-toolbar-menu-btn.x-over {
    background-color: rgba(207, 255, 207, 0.6) !important;
}

.elo-view-toolbar-menu-btn.x-pressed {
    background-color:#cfffcf;
}

.elo-view-toolbar-menu-miniPreview {
    margin-left: 25%;
}

.elo-view-toolbar-menu-btn-toolbar,
.elo-view-toolbar-menu-miniPreview-container {
    background-color: #fff;
}

.elo-view-collapse-btn {
    border-right: 1px solid #E3E4E5 !important;
    background-color: transparent !important;
    border-radius: 0;
    border: none;
}

.elo-view-expand-btn {
    background-color: transparent !important;
    border-radius: 0;
    border: none;
}

.elo-view-collapse-btn .x-btn-icon-el,
.elo-view-expand-btn .x-btn-icon-el {
    bottom: 16px;
    top: auto;
}





/* BREADCRUMBS */

.elo-breadcrumbs {
    padding: 0;
}

.elo-breadcrumbItem {
    cursor: pointer;
    line-height: 25px;
    margin: 0 4px 0 0;
    font-weight: normal;
}

.elo-breadcrumbItem:hover {
    text-decoration: underline;
    text-underline-offset: 4px;
}

.elo-breadcrumbItem-active {
    cursor: default;
    font-weight: 600;
}

.elo-breadcrumb-separator {
    height: 12px;
    width: 12px;
}



/* WINDOW */

.x-window-default {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    border: 1px solid #E3E4E5;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.x-window-default .x-window-header {
    border: none !important;
    padding: 10px 11px 9px;
    border-radius: 0;
    background: #004072;
}

.x-window-default .x-window-header-icon {
    display:none;
}

.x-window-default .x-window-header-text-container {
    font-size: 14px;
    font-weight: normal;
}

.x-window-default .x-tool .x-tool-img,
.x-window-default .x-tool .x-tool .x-tool-img {
    background-color: transparent;
    filter: alpha(opacity=90);
    opacity: 0.9;
}

.x-window-default .x-component.window-helptext {
    font-size: 14px;
    padding: 12px 16px;
    background-color: #F4F5F6 !important;
    line-height: 18px;
}

.x-window-body-default {
    border-color: #E3E4E5;
}





/* 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: 0 0 10px 75px;
    line-height: 1.4em;
}

.message-details {
    clear: left;
    font-size: 13px;
    padding-left: 75px;
    line-height: 1.4em;
    float: left;
    cursor: pointer;
}

.modest-header .x-panel-header-text-default {
    color: #04408C;
    font-size: 13px;
    font-weight: normal;
    line-height: 17px;
}

.elo-required-indicator {
    color: red;
    font-weight: 600;
}

:not(.field-required) > .elo-required-indicator {
    display: none;
}




/* NOTE WINDOW */

.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-width: 0;
}





/* DECIDE WINDOW */

.choice-container {
    clear: both;
    cursor: pointer;
    border: 1px solid transparent !important;
}

.choice-container.choice-mouseOver {
    background-color: #F4F5F6;
    border: 1px solid #E8E9EA !important;
}

.choice-container .choice-icon {
    background-repeat: no-repeat;
    float: left;
    height: 24px;
    width: 24px;
    margin: 4px 8px 0 75px;
}

.choice-container .choice-title {
    color: #04468c;
    font-size: 14px;
    line-height: 24px;
    margin: 4px 0;
}

.choice-container .choice-text {
    font-size: 13px;
    line-height: 18px;
    margin: -4px 0 8px;
    padding-left: 107px;
}





/* INFO WINDOW */

.elo-info-webclient {
    font-size: 20px;
    font-weight: 400;
    padding-top: 30px;
}

.elo-info-link,
.elo-info-license,
.elo-info-form {
    padding-top: 10px;
    line-height: 1.4em;
}

.elo-info-link a {
    text-decoration: none;
    color: #4871A3;
}

.elo-info-link a:focus,
.elo-info-link a:hover {
    text-decoration: none;
    color: #416692;
}

.elo-info-link a:active {
    text-decoration: none;
    color: #004072;
}

.elo-info-copyright {
    padding-top: 40px;
    font-weight: normal;
    font-size: 15px;
}

.elo-info-label {
    font-weight: normal;
    font-size: 15px;
}

.elo-info-version {
    padding-left: 10px;
    font-weight: 600;
    font-size: 15px;
}





/* 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: #2A2B2C;
    text-align: center;
}

#popup-div .popup h3 {
    margin: 0 0 8px;
    font-size: 15px;
}

#popup-div .popup p {
    margin: 0;
}





/* TOOLTIP */

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

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

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

.x-tip .x-header-text {
    display: block;
    margin: 6px 10px 0;
}

.elo-tooltip .title {
    display: block;
    font-weight: 600;
    font-size: 14px;
    padding: 0;
    margin: 0;
}

.elo-tooltip p {
    line-height: 1.4em;
    padding: 6px 0 0;
    margin: 0;
}





/* 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;
}





/* INDEX INPLACE EDITING */

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

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




/* CUSTOM INDEX VIEW */

.custom-index {
    padding: 12px;
}

.custom-index .custom-index-row-key,
.custom-index .custom-index-row-value {
    padding: 0 10px 0 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;

}





/* INDEX EDIT */

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

.elo-mask-list {
    border-right: 1px solid #E8E9EA;
}

.elo-mask-list .x-grid-header-ct .x-box-inner,
.elo-mask-list .x-grid-header-ct .x-box-target,
.elo-mask-list .x-grid-header-ct .x-column-header {
    width: 100% !important;
}

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

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





/* 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: #F4F5F6;
}

.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;
}





/* TEXT VIEW */

.search-highlight b {
    background-color: #d1e6ff;
}

.search-highlight b.hit {
    background-color: #ffe994;
}





/* LINK VIEW */

.link-nametext {
    padding: 10px 16px;
    line-height: 19px;
    background-color: #ECEDEE;
    border-bottom: 1px solid #E3E4E5 !important;
}

.link-nametext span {
    font-weight: 600;
    margin-left: 5px;
}





/* MAIL VIEW */

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

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

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

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

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

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

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

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

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





/* IMAGE VIEW */

.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: 0;
}

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





/* IMAGE VIEWER THUMBS */

.elo-thumbBar {
    background-color: #F4F5F6;
    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: 0 !important;
    background-color: white;
    padding: 1px 1px 1px 1px;
    width: 60px !important;
    border: 1px solid #E8E9EA;
    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: 0;
    left: 0;
}

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

.elo-imgctrl-nomultipage .elo-imgctrl-multipage {
    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;
}





/* FORM BASICS */

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

.x-grid-header-ct {
    background-color: #fff;
}

.x-grid-header-ct > .x-box-inner {
    border-bottom: 1px solid #e8e9ea;
}

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

.elo-mask-list .x-column-header-inner {
    padding: 10px 16px;
    background-color: #ECEDEE;
    border-bottom: 1px solid #E3E4E5;
}

.elo-mask-list .x-column-header-inner .x-column-header-text {
    padding: 0;
    background-color: transparent;
    border: none;
}

.elo-mask-list .x-grid-header-ct-docked-top span {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}

.elo-mask-list .x-grid-header-ct-docked-top .x-column-header-trigger {
    display: none;
}

.elo-mask-list .x-grid-cell-inner {
    font-size: 14px;
    line-height: 20px;
    padding: 10px 16px 9px;
}

.x-boundlist .x-boundlist-item {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.elo-icon-combobox-item {
    padding: 3px 8px;
    line-height: 24px;
    font-size: 13px;
}

.elo-icon-combobox-item > .icon16,
.elo-icon-combobox-item > .icon24 {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
}

.elo-icon-combobox-item > .icon16 {
    top: 7px;
    left: 12px;
}

.elo-icon-combobox-text {
    margin-left: 32px;
}

.elo-combobox-grid {
    border: 1px solid #8A8B8C;
    border-top: 0;
}

.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;
}





/* CHOOSE FIELD */

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

.elo-choosefield-from .x-header span,
.elo-choosefield-to .x-header span {
    color: #2A2B2C;
    font-weight: 600;
}

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

.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 #E8E9EA !important;
}

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

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

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

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





/* WORKFLOW VIEW */

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

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

.elo-workflowdiagram-nodedetails {
    background-color: #F4F5F6;
    border-left: 8px solid #E8E9EA !important;
    top: -1px !important;
    padding-bottom: -1px !important;
}

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

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

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

.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;
}





/* TOOLBAR */

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

.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: none;
    background: none;
    padding: 0;
}

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

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

.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;
}

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

.elo-toolbar div.elo-togglegrpname,
.elo-toolbar .elo-togglecontainer {
    font-weight: 600;
    color: #2A2B2C;
    font-size: 13px;
    line-height: 20px;
}

.elo-toolbar.x-toolbar-docked-top,
.elo-toolbar.x-toolbar-docked-bottom {
    background: #ECEDEE;
}

.elo-toolbar.x-toolbar-docked-top a.x-btn-toolbar,
.elo-toolbar.x-toolbar-docked-top .x-form-type-text.x-field-toolbar,
.elo-toolbar.x-toolbar-docked-bottom a.x-btn-toolbar,
.elo-toolbar.x-toolbar-docked-bottom .x-form-type-text.x-field-toolbar {
    margin: 8px 0 7px 8px;
}

.elo-toolbar.x-toolbar-docked-top a.x-btn-toolbar span.x-btn-wrap,
.elo-toolbar.x-toolbar-docked-bottom a.x-btn-toolbar span.x-btn-wrap {
    font-size: 13px;
    line-height: 16px;
    font-weight: 600;
    padding: 4px;
}

.elo-toolbar.x-toolbar-docked-top div.elo-togglegrpname,
.elo-toolbar.x-toolbar-docked-bottom div.elo-togglegrpname {
    padding: 10px 8px 9px 16px;
}

.elo-toolbar.x-toolbar-docked-top input.x-form-text,
.elo-toolbar.x-toolbar-docked-bottom input.x-form-text {
    height: 24px;
}

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

.elo-toolbar.x-toolbar-docked-left a.elo-togglebtn.x-btn-disabled,
.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-left a.elo-togglebtn span.x-btn-wrap,
.elo-toolbar.x-toolbar-docked-right a.elo-togglebtn span.x-btn-wrap {
    padding: 10px 12px 9px 8px;
    border-left: 4px solid transparent;
}

.elo-toolbar.x-toolbar-docked-left a.elo-togglebtn.x-btn-over,
.elo-toolbar.x-toolbar-docked-right a.elo-togglebtn.x-btn-over {
    background-color: #ECEDEE;
}

.elo-toolbar.x-toolbar-docked-left a.elo-togglebtn.x-btn-pressed,
.elo-toolbar.x-toolbar-docked-right a.elo-togglebtn.x-btn-pressed {
    background-color: #E3E4E5;
}

.elo-toolbar.x-toolbar-docked-left a.elo-togglebtn.x-btn-pressed span.x-btn-wrap,
.elo-toolbar.x-toolbar-docked-right a.elo-togglebtn.x-btn-pressed span.x-btn-wrap {
    border-left: 4px solid #004072;
}

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

.elo-toolbar .elo-toolbartitle {
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 600;
    color: #2A2B2C;
    font-size: 13px;
    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 {
    border: none;
    background: none;
    padding: 10px 12px 9px;
    line-height: 20px;
}

.elo-toolbar-small {
    background-color: #ECEDEE;
    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: #fff;
    padding: 0 0 0 7px;
}

.elo-toolbar-min .x-toolbar-item {
    margin: 0 2px 0 0;
}

.elo-toolbar-min .elo-togglebtn {
    padding: 5px 12px;
}

.elo-toolbar-min a:not(.elo-togglebtn) {
    background-color: transparent;
    border: 0;
    padding: 4px 6px;
    margin: 2px 2px 0 0;
    height: 28px;
}

.elo-toolbar-min a:not(.elo-togglebtn):not(.x-disabled):hover {
    background-color: #ECEDEE;
}

.elo-toolbar-min a:not(.elo-togglebtn).x-disabled {
    opacity: 1;
}

.elo-toolbar-min .elo-togglebtn.x-btn-pressed {
    background-color: #4871A3 !important;
    border-color: #4871A3 !important;
    cursor: default !important;
}

.elo-toolbar-min .elo-togglebtn.x-btn-pressed .x-btn-inner {
    color: #fff !important;
}

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

.elo-toolbar-min .x-toolbar-scroll-left,
.elo-toolbar-min .x-toolbar-scroll-right {
    margin-top: 7px;
}





/* SIDE TOOLBAR */

.elo-side-toolbar {
    padding: 0;
    border-left: 1px solid #E8E9EA !important;
}

.elo-side-toolbar.x-toolbar-docked-left {
    border-left: none !important;
    border-right: 1px solid #E8E9EA !important;
}

.elo-side-toolbar .x-btn {
    border: none;
    margin: 0;
    padding: 12px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background-color: transparent;
}

.elo-side-toolbar .x-btn:hover {
    background-color: #f8f8f8;
}





/* SEARCH */

.intelligentFilterSet {
    display: inline-block;
    padding-left: 10px;
    width: 220px;
    margin-top: 10px;
    vertical-align: top;
}

.intelligentFilterSet-title {
    margin-left: -3px;
    padding: 3px 0 2px 3px;
    border: 1px solid white;
    width: 205px;
}

.intelligentFilterSet-title:hover {
    cursor: pointer;
    background-color: #F6F6F6;
    border: 1px solid #F4F5F6 !important;
}

.intelligentFilterSet-title-text {
    line-height: 1.6;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    width: 100%;
}

.intelligentFilterSet-title:hover .intelligentFilterSet-title-text {
    width: calc(100% - 16px);
}

.intelligentFilterSet-title-addIcon {
    display: none;
}

.intelligentFilterSet-title:hover .intelligentFilterSet-title-addIcon {
    display: inline-block;
}

.elo-search-filter-container {
    padding: 8px 8px 13px;
    border-bottom: 1px solid #E8E9EA;
}

.form-searchfiltercontainer .elo-search-filter-label-active:hover {
    padding: 3px 19px 2px 3px;
    margin-left: -4px;
    cursor: pointer;
    background-color: #F6F6F6;
    background-position: right 4px center;
    border: 1px solid #F4F5F6 !important;
    border-radius: 2px;
}

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

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

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

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

.intelligentFilterSet .showmore {
    color: transparent;
    padding: 0 20px;
    background-position: 3px -2px;
    background-repeat: no-repeat;
    font-size: 12px;
    margin-left: 4px;
}

.intelligentFilterSet .showmore:hover {
    color: #4871A3;
}

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

.intelligentFilterSet.hidden {
    display: none;
}

.SearchSynonyms,
.SearchCorrections {
    display: block;
    clear: both;
    font-size: 13px;
}

.SearchSynonyms a,
.SearchCorrections a {
    margin: 0 0 0 10px;
    cursor: pointer;
    color: #4871A3 !important;
}

.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 {
    flex: 1;
    width: unset !important;
}

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

.elo-search-query-topbar>tbody>.x-form-item-input-row>.x-form-item-body>div>span>div {
    display: flex !important;
}

.elo-search-button {
    padding: 11px 3px 8px 14px;
    background-color: #f8f8f8;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    position: absolute;
    border: none;
    right: 52px;
    top: 1px;
    width: 40px;
    height: 40px;
}

.elo-search-button .x-btn-inner {
    color: inherit;
}

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

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

.elo-searchremovefilter-button {
    /* position: absolute;
    top: 4px;
    left: 302px;*/
    border: 0;
}

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

.elo-search-text-container {
    display: block;
    width: 100% !important;
    margin-left: 0 !important;
    min-height: 72px;
    border-bottom: 1px solid #E8E9EA;
}

.elo-search-help {
    display: none;
}

.elo-search-full-mode .elo-search-text-container {
    background-color: #FAFBFC;
}

.elo-search-full-mode .elo-search-help {
    display: block;
}

.elo-search-full-mode .elo-search-text-container {
    height: 120px;
    padding-top: 26px !important;
}

.elo-search-full-mode .elo-search-tabs .x-panel-body .x-panel.x-tabpanel-child {
    padding-top: 16px;
}

/* search full responsive modes */

.elo-search-full-mode .elo-search-filter-container {
    padding-top: 16px;
    padding-bottom: 24px;
}

@media (max-width: 1600px) {

    .elo-search-full-mode .elo-search-tabs .x-panel-body .x-panel.x-tabpanel-child,
    .elo-search-full-mode .elo-search-text-container,
    .elo-search-full-mode .elo-search-filter-container {
        padding-right: 13% !important;
        padding-left: 13% !important;
    }
}


@media (max-width: 1300px) {

    .elo-search-full-mode .elo-search-tabs .x-panel-body .x-panel.x-tabpanel-child,
    .elo-search-full-mode .elo-search-text-container,
    .elo-search-full-mode .elo-search-filter-container {
        padding-right: 10% !important;
        padding-left: 10% !important;
    }
}

@media (max-width: 1024px) {

    .elo-search-full-mode .elo-search-tabs .x-panel-body .x-panel.x-tabpanel-child,
    .elo-search-full-mode .elo-search-text-container,
    .elo-search-full-mode .elo-search-filter-container {
        padding-right: 32px !important;
        padding-left: 32px !important;
    }
}

@media (min-width: 1600px) {
    .elo-search-full-mode .elo-search-tabs .x-panel-body .x-panel.x-tabpanel-child,
    .elo-search-full-mode .elo-search-text-container,
    .elo-search-full-mode .elo-search-filter-container {
        padding-right: 17.5% !important;
        padding-left: 17.5% !important;
    }
}

.elo-search-text-container .x-container {
    padding-top: 13px;
    clear: both;
    width: 100% !important;
}



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

.elo-searchreset-button,
.elo-searchremovefilter-button,
.elo-searchfiltercollapse-button,
.elo-searcharearemove-button {
    height: 42px;
    padding: 11px;
    margin-left: 8px !important;
    width: 40px;
}

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

.elo-searchreset-button:hover,
.elo-searchremovefilter-button:hover,
.elo-searcharearemove-button:hover,
.elo-searchfiltercollapse-button:hover {
    border: 1px solid #E8E9EA;
}

.form-searchfiltercontainer {
    margin: 0 0 0 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;
    height: 25px;
    padding-top: 2px;
}

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

.elo-search-tabs {
    border-left: 1px solid #E8E9EA !important;
}

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

.elo-search-tabs .x-tab-bar-body-default-bottom .x-tab {
    background-color: #F4F5F6;
    border-right: 1px solid #E8E9EA !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: #8A8B8C;
}

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

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

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

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

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

.x-datepicker {
    border-color: #ccc;
    margin-left: 5px;
    margin-top: 3px;
}

.x-datepicker-header {
    padding: 3px 6px;
}

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

.elo-intelligentSearch-contextterm {
    max-width: 130px;
    display: inline-block;
    vertical-align: top;
}

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

.elo-combobox-contextterm {
    max-width: 100px;
    display: inline-block;
    vertical-align: bottom;
}

.elo-intelligentSearch-docNum {
    color: #8A8B8C;
    float: right;
    font-weight: normal;
}

.elo-intelligentSearch-checkbox {
    margin-top: 0;
    margin-bottom: 0;
}

.showadditional16,
.hideadditional16 {
    display: inline-block;
    background-position: 0 2px;
}

.elo-iSearch-helptext {
    margin: 0 10px 0 16px;
}

.elo-iSearch-helptext p {
    margin-top: 0;
}

.elo-search-showadditional {
    margin: 16px 0 16px 0;
    display: inline-block;
    cursor: pointer;
    color: #999999;
}





/* CONTENT LISTS */

.x-grid-with-row-lines .x-grid-table {
    border-top: none !important;
}

.elo-list-column > div {
    padding-top: 16px;
    padding-bottom: 9px;
}

.elo-tasklist-row .elo-list-column > div {
    padding-top: 8px;
    padding-bottom: 3px;
}

.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: #000;
    height: 10px;
    display: block;
    float: right;
}

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

.elo-list-column .name {
    white-space: normal;
    display: block;
    line-height: 20px;
    font-size: 14px;
    overflow: hidden;
    padding-bottom: 4px;
    margin-left: 24px;
}

.elo-docversion-column .comment {
    margin-left: 24px;
}

.elo-docversion-column .comment,
.elo-tasklist-row .description,
.elo-list-column .summaryFulltext {
    line-height: 1.4em;
    display: block;
    white-space: normal;
    padding: 10px 0;
}

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

.elo-list-column .maskName {
    padding: 8px 0 4px 0;
    display: inline-block;
    float: right;
    text-align: right;
    min-width: 15%;
    font-size: 13px;
    line-height: 18px;
}

.elo-list-column:not(.elo-docversion-column) .ownerName,
.elo-list-column .createDateIso,
.elo-list-column .IDateIso {
    float: left;
    padding: 8px 8px 4px 14px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 0 10px;
    font-size: 13px;
    line-height: 18px;
}

.elo-docversion-column .ownerName  {
    margin-left: 12px;
}

.elo-list-column .objKeys {
    display: block;
    padding: 0;
    clear: both;
}

.elo-list-column .objKeys > span {
    white-space: normal;
    display: block;
    font-size: 13px;
    line-height: 18px;
    overflow: hidden;
    padding: 4px 0 0 24px;
}

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

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

.elo-list-column .IDateIso,
.elo-search-result-column .ownerName,
.elo-search-result-column .summaryFulltext,
.elo-sord-list-column .ownerName {
    padding: 8px 8px 4px 24px;
}

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

.elo-tasklist-row .flowName {
    padding: 0 0 4px 24px;
    display: block;
    font-size: 13px;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.elo-tasklist-row .userName,
.elo-task-prio-symbol {
    color: #fff;
    padding: 0;
    margin-right: 8px;
}

.noDueDate .x-grid-cell {
    font-weight: 600;
}

.noDueDate .elo-task-unread-symbol {
    background-color: #63A343;
    border-radius: 6px;
    width: 12px;
    height: 12px;
    display: inline-block;
    margin: 4px 5px 0 0;
    vertical-align: top;
}

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

.elo-tasklist-row .limitDate,
.elo-tasklist-row .activeDate,
.elo-tasklist-row .deferDate {
    padding: 0 0 4px 0;
    display: block;
    margin-left: 24px;
    font-size: 13px;
    line-height: 18px;
}

.elo-tasklist-row .userName {
    float: left;
    background-color: #9E9FA0;
    font-size: 13px;
    line-height: 18px;
    font-weight: normal;
    margin-left: 24px;
    padding: 1px 4px;
    margin-top: -1px;
    border-radius: 2px;
}

.elo-tasklist-row .description {
    padding-top: 0;
    padding-bottom: 5px;
    margin-left: 23px;
}

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

.elo-task-prio {
    display: inline-block;
    text-align: right;
    width: 40px;
}

.elo-tasklist-row .elo-list-column .elo-task-icon,
.elo-list-column .elo-task-prio {
    float: right;
    margin: 0 0 0 8px;
}

.x-grid-group-hd .elo-task-prio {
    margin: 0 5px 0 0;
    width: auto;
}

.elo-task-prio > .elo-task-prio-symbol:last-child,
.elo-tasklist-row .elo-list-column .elo-task-icon img {
    margin: 0;
}

.elo-tasklist-row .elo-task-icon,
.elo-task-prio-symbol {
    display: inline-block;
    vertical-align: middle;
}

.elo-listsearch {
    background-color: #ECEDEE;
    padding: 0;
}

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

.elo-listsearch .elo-search input {
    background-color: transparent;
    border: 0;
    color: #2A2B2C;
    height: 39px;
    padding: 10px 10px 9px 40px;
}

.elo-listsearch .elo-sortMode,
.elo-listsearch .elo-search-reset {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0;
    background-color: transparent;
    padding: 12px 11px 9px;
    margin: 0;
    height: 39px;
}

.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: 14px;
    font-weight: 600;
    color: inherit;
}

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

.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-list-column-smalltext {
    color: #2A2B2C;
    font-size: 13px;
}

.activeSub:not(.x-grid-row-selected) > td:first-child {
    border-left: 4px solid #36ab65;
}

.incompleteSub:not(.x-grid-row-selected) > td:first-child {
    border-left: 4px solid #ebd764;
}

.activeSub > td:first-child > .x-grid-cell-inner,
.incompleteSub > td:first-child > .x-grid-cell-inner {
    padding-left: 12px;
}




/* FORM FIELD CONTAINERS */

.elo-field-cont .x-panel-header {
    background-color: #F4F5F6 !important;
    padding: 25px 10px 5px 27px;
    border-bottom: 1px solid #E8E9EA !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: 0;
}

.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: 1px solid #E8E9EA !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: #F4F5F6;
    border: 1px solid #E8E9EA;
}

.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 #8A8B8C;
}

.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-tab {
    margin-bottom: 0 !important;
}

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

.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 !important;
}

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

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

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

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: #F4F5F6;
    border-right-style: solid;
    border-bottom-width: 5px;
    padding-bottom: 0;
}

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

.elo-selectiongrid-combobox {
    margin-bottom: 0;
}

.elo-selectiongrid-combobox .x-form-item-body {
    background-color: #F4F5F6;
    padding: 6px;
}

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

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

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

.elo-small-gray-border {
    border: 1px solid #C0C1C2;
}

.elo-socialuser-list-column .x-grid-cell-inner {
    padding-top: 4px;
    padding-bottom: 4px;
    min-height: 51px;
}

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

.elo-socialuser-list-column .shortinfo,
.elo-socialuser-list-column .instruction,
.elo-socialuser-list-column .permissions {
    color: #8A8B8C;
    padding-left: 46px;
    font-size: 13px;
}

.elo-socialuser-list-column .escalation + .instruction {
    padding-left: 68px;
}

.elo-socialuser-list-column .escalation {
    margin-left: 46px;
    position: absolute;
}

.elo-action-column {
    vertical-align: middle
}

.elo-action-column .x-grid-cell-inner {
    padding-left: 4px;
    padding-right: 4px;
}

.elo-selectiongrid .elo-detail-panel {
    background-color: #F4F5F6;
    padding: 6px;
}

.elo-selectiongrid .elo-detail-panel-right {
    padding-left: 8px;
}

.elo-selectiongrid .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;
}





/* CONFIGURATION GROUPS */

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

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

.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: 0;
}

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

.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 #E8E9EA;
    font-style: italic;
}

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

.elo-config-group .elo-dynamicconfig-desc,
.elo-config-group .elo-selectiongridconfig-desc {
    float: left;
    margin: 5px 0 15px 21px;
}

.elo-config-group .elo-dynamicconfig-desc {
    width: 400px;
}

.elo-config-group .elo-selectiongridconfig-desc {
    width: 550px;
}

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

.elo-config-search-highlight {
    background-color: #d1e6ff;
}

.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: 0 13px;
}

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

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





/* CONFIGURATION INFO */

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

.elo-config-info .config-title,
.elo-config-info .hierarchy-title {
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 600;
    max-width: 350px;
}

.elo-config-info .hierarchy-title {
    margin-top: 15px;
    font-size: 14px;
}

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

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

.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: 13px;
    display: inline-block;
    padding-left: 2px;
}

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

.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;
}




/* LOGIN */

.elo-loginViewport {
    background: #E7E8E9 url(../images/login-background.svg) no-repeat;
    background-position: center center;
    background-size: cover;
}

.elo-loginViewport .elo-loginForm,
.elo-loginViewport .elo-user-roles-form {
    position: absolute;
    left: calc(50% - 200px);
    top: calc(50% - 215px);
    z-index: 2;
}

.elo-loginViewport .elo-loginForm .elo-login-pw input,
.elo-loginViewport .elo-loginForm .elo-login-user input {
    font-size: 14px;
    height: 32px;
    color: #4b4d52;
}

.elo-loginViewport .elo-loginForm .elo-login-btn,
.elo-loginViewport .elo-user-roles-form .elo-user-roles-ok-button {
    background-color: #4b4d52;
    border-color: #4b4d52;
    padding: 0;
}

.elo-loginViewport .elo-loginForm .elo-login-btn span,
.elo-loginViewport .elo-user-roles-form .elo-user-roles-ok-button span {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
}

.elo-loginViewport .elo-login-license {
    position: fixed;
    display: block;
    width: 100%;
    color: white;
    bottom: 20px;
    text-align: center;
}

.elo-loginViewport .elo-loginForm .login-error,
.elo-loginViewport .elo-user-roles-form .user-roles-error {
    background-color: #faf0d8;
    border-color: #faf0d8;
    padding: 8px;
}

.elo-loginViewport .elo-user-roles-form .headline {
    font-weight: 600;
    font-size: 18px;
}

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





/* TILES */

.elo-tile {
    cursor: pointer;
    color: white;
    position: relative;
    border-radius: 2px;
    margin-bottom: 8px;
    border: 3px solid transparent;
}

.elo-getguid-tile {
    border: none;
    padding-top: 8px;
}

.elo-tileFloatLeft {
    float: left;
    margin-right: 8px;
}

.elo-tile:hover,
.elo-getguid-tile:hover {
    opacity: 0.9;
}

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

.elo-tileHighlightLeft {
    border-left: 3px solid #5A5A5A;
}

.elo-tileSelected.elo-tileHighlightLeft {
    border-left: 3px solid #333333;
}

.elo-tileHighlightRight {
    border-right: 3px solid #5A5A5A;
}

.elo-tileSelected.elo-tileHighlightRight {
    border-right: 3px solid #333333;
}

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

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

.elo-getguid-tileIcon {
    width: 24px;
    height: 24px;
    margin: 0 8px;
    position: absolute;
    background-repeat: no-repeat;
}

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

.elo-tileText,
.elo-tileTextLarge {
    position: absolute;
    bottom: 3px;
    left: 0;
    padding: 0 7px;
    width: 100%;
    font-size: 13px;
    line-height: 16px;
}

.elo-getguid-tileText {
    font-size: 13px;
    line-height: 24px;
    padding: 0 12px 0 40px;
}

.elo-tileTextLarge {
    max-height: 32px;
    overflow: hidden;
}

.elo-tileGroup {
    margin-bottom: 24px;
}

.elo-tileGroupName {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 12px;
    font-weight: 600;
}

.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: #2A2B2C !important;
}

.hiddenTilesCollapsed,
.hiddenTilesExpanded {
    background-size: 16px;
    margin-left: 3px;
}

.elo-hiddenTilesGroup {
    border: solid #fff;
    border-width: 8px 0 3px 0;
}

.elo-tiles-config-back .x-btn-icon-el {
    background-size: 16px;
}

.elo-tiles-config-title {
    font-size: 18px;
    font-weight: 600;
}





/* OTHER */

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

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

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

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

.elo-externallink-expired {
    color: rgba(0, 0, 0, 0.6) !important;
}

.workversion10 {
    background-size: 10px;
}

.elo-is-workversion * {
    font-weight: 600;
}

.elo-grid-error-message {
    text-align: center;
}

.elo-grid-error-message-headline {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #dc6e6e;
}

.elo-panel-custom-tool {
    padding: 0;
    background-color: transparent !important;
    border: none;
}

.message-doNotShowAgain {
    margin: 20px 0 0 75px;
}

.elo-seriesarchiving-details {
    padding: 20px;
}

.elo-substitute-helptext {
    background-color: #FFEDD2;
}

.elo-substitute-infotext, .elo-indexedit-infotext, .elo-limitToSpace-helptext {
    background-color: #D6EEFF
}

.elo-search-dashboard-buttongroup {
    padding: 0;
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.elo-search-dashboard-buttongroup .x-btn-group-body-default-framed .x-table-layout {
    border-spacing: 0;
    height: 100%;
}
.elo-search-dashboard-buttongroup .x-btn {
    padding: 6px 14px;
    margin-right: 8px;
    background-color: transparent;
    border-radius: 0;
    border: none;
    height: 100%;
    display: inline-flex;
    align-items: center;
}

.elo-search-dashboard-buttongroup .x-btn:hover {
    background-color: rgba(255, 255, 255, 0.7);
}

.elo-search-dashboard-buttongroup .x-btn-default-toolbar-small-icon-text-left .x-btn-inner {
    padding-left: 24px;
    font-size: 14px;
}

.elo-limitToSpace-checkbox label {
    white-space: normal;
}

.elo-limitToSpace-checkbox {
    margin-left: 4px;
    margin-right: 16px;
}

.elo-limitToSpace-helptext-title {
    margin-bottom: 4px;
    cursor: pointer;
}

.elo-limitToSpace-helptext {
    padding: 4px 4px 4px 4px;
}

.elo-limitToSpace-marker {
    padding: 0 8px 0 8px;
    background-color: #004072;
    color: white;
    right: 40px;
    position: absolute;
}