.action-button.add-action > span {
    background-image: url('/Contents/Icons/24/plus-24.png');
}

#btnMasterBooking, #btnClosedBooking, #btnFileCancel {
    width: 79px;
}

#btnAccounting, #btnManagementApproval {
    width: 107px;
}

#btnAdvanceSearchBooking {
    width: 100px;
}

.fa-2x {
    font-size: 1.7em;
    margin-left: 2px;
    margin-right: 2px
}

#ToolboxLink {
    color: #137787;
}

#quickAccess {
    color: #525bbaf2;
    margin-right: 4px;
}

.red {
    color: red;
}

.green {
    color: green;
}

.blue {
    color: blue;
}

.width120 {
    width: 120px !important;
}

.selected-action {
    background: #696464;
    background: rgb(82, 88, 95);
    top: 0;
    padding: 12px 10px;
    color: #e6e6e6;
    content: attr(data-tooltip);
    position: absolute;
    z-index: 98;
    white-space: nowrap;
    opacity: 1;
    right: 100%;
    border-right: 3px solid #03edf8;
    font-size: 12px;
    font-weight: bold;
}

.scrollable-div {
    overflow-y: auto;
    overflow-x: hidden;
}

    .scrollable-div::-webkit-scrollbar {
        width: 10px; /* Adjust scrollbar width */
    }

    .scrollable-div::-webkit-scrollbar-thumb {
        background: #888; /* Color for the thumb */
        border-radius: 5px; /* Add rounded corners */
    }

    .scrollable-div::-webkit-scrollbar-track {
        background: #eee; /* Color for the track */
    }

.k-grid-header {
    position: sticky;
    top: 0;
    z-index: 1; /* Ensure the header is above the scrollable content */
}