.companylogo {
    background-image: url('../resources/company_logo.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.companylogo_small {
    background-image: url('../resources/company_logo.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.bdmlogo {
    background-image: url('../resources/bdmlogo.png');
    background-repeat: no-repeat;
    background-size: cover;
}



/* MENU IN TOP BAR */
/* Main menu panel */
.custom-menu-panel {
    padding: 0 15px;
    font-family: 'Arial', sans-serif;
}

/* Menu buttons */
.custom-menu-panel .menu-button {
    padding: 8px 12px;
    margin: 0 3px;
    border-radius: 4px;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    line-height: 1.2;
}

.custom-menu-panel .menu-button:hover {
    background-color: #f5f5f5;
    color: #026bac !important;
}

/* Dropdown menu */
.custom-menu-panel .dropdown-menu {
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    padding: 8px 0;
    margin-top: 5px;
}

/* Menu items in dropdown */
.custom-menu-panel .menu-item {
    padding: 10px 20px;
    color: #333;
    font-size: 13px;
    letter-spacing: 0.3px;
    transition: all 0.2s ease;
    line-height: 1.4;
}

.custom-menu-panel .menu-item:hover {
    background-color: #f5f5f5;
    color: #026bac;
    padding-left: 25px;
}

/* Active state */
.custom-menu-panel .menu-button.x-btn-pressed {
    background-color: #f5f5f5;
    color: #026bac !important;
}

/* Remove default ExtJS menu styling */
.custom-menu-panel .x-menu {
    background-color: transparent;
    border: none;
}

.custom-menu-panel .x-menu-item {
    border: none;
}

/* Add subtle separator between menu items */
.custom-menu-panel .x-menu-item:not(:last-child) {
    border-bottom: 1px solid #f0f0f0;
}

/* Add arrow indicator for dropdown items */
.custom-menu-panel .menu-button.x-btn-menu-active:after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #ffffff;
}

/* END TOP BAR MENU */

/* Set the node background color to blue */
.custom-tree-panel .x-tree-node-el,
.x-tree-view,
.x-grid-cell-treecolumn {
    background-color: #026bac;
}

/* Make the text white */
.x-tree-node-text {
    color: white !important;
}

/* Style the icons with gold background */
/*.x-tree-icon, .x-tree-ec-icon, .x-tree-elbow-img {
    background-color: #d6b905 !important;
}*/

/* Style the icons with gold background */
.x-tree-icon,
.x-tree-ec-icon,
.x-tree-elbow-img {
    color: #d6b905 !important;
}

.background-bdm .x-panel-body {
    background: #FFFFFF;
    background-image: url('../resources/bdmantwerp_background.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 66%;
}

.dashboard-image {
    position: relative;
    display: block;
    margin: auto;
    width: 66%;
    text-align: center;
}

.dashboard-text {
    position: absolute;
    font-size: 300%;
    text-align: center;
    background-color: white;
    color: rgb(0, 0, 51);
    left: 40%;
    top: 10%;
}

.x-mask.splashscreen {
    background-color: white;
    opacity: 1;
}

.x-mask-msg.splashscreen,
.x-mask-msg.splashscreen div {
    font-size: 16px;
    font-weight: bold;

    text-align: center;
    border: none;
    background-color: transparent;
    background-position: top center;
}

.x-message-box .x-window-body .x-box-inner {
    height: 100px;
}

.x-splash-icon {
    background-image: url('../resources/company_logo.png') !important;
    margin-top: -100px;
    height: 335px;
    width: 405px;
}

.x-border-layout-ct {
    background-color: #FFFFFF !important;
    /* set the margin color to white for subpanels in a border layout */
}

.x-panel-header-title-default {
    font-size: 14px;
}

.x-grid-item:not(.x-grid-item-selected):not(.x-grid-item-over) .redBackground .x-grid-cell {
    background-color: #ffe6e6;
}

.x-grid-item:not(.x-grid-item-selected):not(.x-grid-item-over) .greenBackground .x-grid-cell {
    background-color: #ECFFDC;
}

.associated-field {
    color: gray;
    font-style: italic;
}

.header-display-field {
    font-weight: bold;
    color: black;
    margin-top: 4px;
}

.deleted-record {
    color: indianred;
    font-style: italic;
}

.factbox-grid-first-row-style {
    font-weight: bold;
    text-decoration: underline;
    font-size: 13px;
}

.factbox-grid-first-column-style {
    font-weight: bold;
    font-size: 13px;
}

.factbox-grid-row-style {
    font-size: 13px;
}

.pdf {
    background-image: url(../resources/page_white_acrobat.png) !important;
}

.application_view_detail {
    background-image: url(../resources/application_view_detail.png) !important;
}