/*MENU*/
#divAlpharepLeftMenuContainerHolderWithBackground {
    /*width: 100%;
    height: 100%;*/
    position: fixed;
    top: 0px;
    left: 0px;
    /*background-color: rgba(62,61,82,0.7);*/
    z-index: 9999;
    border-right: 1px solid #dfdfdf;
/*    bottom: 0px;*/
}

#divAlpharepLeftMenuContainerHolder {
    width: 320px;
    height: 930px;
    /*color: #F8FAFA;*/
    /*position: relative;*/
    white-space: nowrap;
    z-index: 9999;
}

    #divAlpharepLeftMenuContainerHolder .alpharep-menu-header {
        height: 60px;
        width: 100%;
        background-color: #FFFFFF;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 3;
        padding: 10px 12px 0px 6px;
        white-space: nowrap;
        overflow: hidden;
        cursor: pointer;
       
    }

    #divAlpharepLeftMenuContainerHolder .customer-name-text {
        line-height: 40px;
        padding-left: 48px;
        font-size: 22px;
        font-weight: bold;
        letter-spacing: 3px;
        font-family: 'Roboto';
        /*Temporary*/
        color: #B1ECEE;
        text-shadow: 0px 0px 0px #fff;
        /* animation: logoanimation 185ms infinite linear;
        /*******/
    }




    #divAlpharepLeftMenuContainerHolder .alpharep-close-menu-icon-link {
        position: absolute;
        right: 0px;
        top: 0px;
    }

    #divAlpharepLeftMenuContainerHolder .alpharep-pin-menu-icon-link {
        position: absolute;
        right: 0px;
        top: 0px;
    }

.ul-arrow-top {
    margin-top: 12px !important;
}

    .ul-arrow-top:after {
        content: " ";
        position: absolute;
        right: 11px;
        top: -9px;
        border-top: none;
        border-right: 9px solid transparent;
        border-left: 9px solid transparent;
        border-bottom: 9px solid #ffffff;
    }


.pinned-menu {
    padding-left: 320px !important;
    /*transition: all 0.5s ease;*/
}

.collapsed-logout {
    left: 1px !important;
    background-color: #00263e !important;
}

#divAlpharepLeftMenuContainerHolder .alpharep-close-menu-icon {
    background: transparent url("../../images/alpharep/arrow_carrot-left.svg") no-repeat scroll 0px 0px;
    width: 40px;
    height: 40px;
    margin-top: 10px;
}

#divAlpharepLeftMenuContainerHolder .alpharep-pin-menu-icon {
    background: transparent url("../../images/alpharep/icon-pin-filled.svg") no-repeat scroll 0px 0px;
    width: 40px;
    height: 40px;
    padding: 10px;
}



#divAlpharepLeftMenuContainer {
    height: 100%; /*calc(100% - 15px);*/
    width: 100%;
    overflow-y: auto;
    padding-top: 60px;
    padding-bottom: 40px;
    /*background-color: #1D1F56;*/
    position: absolute;
    top: 0;
    left: 0;
    overflow-x: hidden;
    /*border-right: 1px solid #DFDFDF;*/
    border-bottom: 1px solid #DFDFDF;
}

    #divAlpharepLeftMenuContainer #divAlpharepWelcomeUserText {
        height: 36px;
        width: 100%;
        opacity: 0.4;
        color: #F8FAFA;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 36px;
        padding: 0px 12px;
        display: none;
    }

    #divAlpharepLeftMenuContainer .alpharep-search-box-outer {
        padding: 0px 12px;
        display: none;
    }

    #divAlpharepLeftMenuContainer .alpharep-search-box {
        height: 24px;
        width: 100%;
        color: #3E3D52;
        font-size: 11px;
        letter-spacing: 0;
        line-height: 16px;
        background-position-y: 4px;
        background-position-x: 4px;
        padding: 0px 12px 0px 22px;
        background-size: 16px;
        opacity: 1;
    }

    #divAlpharepLeftMenuContainer .alpharep-menu-group-title {
        margin-top: 13px;
        margin-bottom: 5px;
        padding-left: 12px;
        display: none;
    }

    #divAlpharepLeftMenuContainer .menu-item {
        cursor: pointer;
    }

    #divAlpharepLeftMenuContainer .menu-item, #divAlpharepLeftMenuContainer .menu-inner-item {
        height: 60px;
        position: relative;
        /*opacity: 0.4;*/
       
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 36px;
        display: block;
        padding: 12px 12px 0px 12px;
        width: 100%;
        /*border-bottom: 2px solid #F8F8F9;*/
    }

        #divAlpharepLeftMenuContainer .menu-item.selected-menu {
            background-color: #00263e;
            color: #FFFFFF;
            opacity: 1;
            letter-spacing: normal;
            width: auto;
        }

            /*#divAlpharepLeftMenuContainer .menu-item.selected-menu.sub-menu {
            margin-left: -15px;
        }

            #divAlpharepLeftMenuContainer .menu-item.selected-menu.sub-menu svg {
                margin-left: 15px;
            }

            #divAlpharepLeftMenuContainer .menu-item.selected-menu.sub-menu div {
                padding-left: 50px;
            }*/

          

    #divAlpharepLeftMenuContainer .menu-inner-item {
        background-color: #2363A1;
        opacity: 1;
    }

        #divAlpharepLeftMenuContainer .menu-item div, #divAlpharepLeftMenuContainer .menu-inner-item div {
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

    #divAlpharepLeftMenuContainer::-webkit-scrollbar {
        width: 4px;
    }

        #divAlpharepLeftMenuContainer .menu-item img, #divAlpharepLeftMenuContainer .menu-item svg,
        #divAlpharepLeftMenuContainer .menu-inner-item img, #divAlpharepLeftMenuContainer .menu-inner-item svg {
            position: absolute;
            /*top: 10px;*/
            left: 9px;
        }

        #divAlpharepLeftMenuContainer .menu-item img, #divAlpharepLeftMenuContainer .menu-inner-item img {
            width: 24px;
        }

        #divAlpharepLeftMenuContainer .menu-item svg, #divAlpharepLeftMenuContainer .menu-inner-item svg {
            width: 36px;
            height: 36px;
            background: none;
        }

   
    /*#divAlpharepLeftMenuContainer .menu-item svg path, #divAlpharepLeftMenuContainer .menu-inner-item svg path {
            fill: #F8FAFA !important;
        }

        #divAlpharepLeftMenuContainer .menu-item.selected-menu svg path, #divAlpharepLeftMenuContainer .menu-inner-item svg path {
            fill: #3E3D52 !important;
        }*/
    #divAlpharepLeftMenuContainer .root-menu-item .menu-text {
        padding-left: 40px;
    }

    #divAlpharepLeftMenuContainer .sub-menu .menu-text {
        padding-left: 65px;
    }

    /*#divAlpharepLeftMenuContainer .menu-inner-item div {
                padding-left: 60px;
            }*/

    #divAlpharepLeftMenuContainer .alpharep-submenu-icon {
        background: transparent url("../../images/alpharep/rightward_arrow-outlined.svg") no-repeat scroll 0px 0px;
    }

    #divAlpharepLeftMenuContainer .alpharep-menu-search-icon {
        background: transparent url("../../images/alpharep/nav/icon_search.svg") no-repeat scroll 0px 0px;
        width: 36px !important;
        height: 36px !important;
    }

    #divAlpharepLeftMenuContainer .alpharep-menu-home-icon {
        background: transparent url("../../images/alpharep/home-icon-filled.svg") no-repeat scroll 0px 0px;
    }

    #divAlpharepLeftMenuContainer .alpharep-menu-dashboard-icon {
        background: transparent url("../../images/alpharep/icon-graph-outlined.svg") no-repeat scroll 0px 0px;
    }

    #divAlpharepLeftMenuContainer .alpharep-menu-customers-icon, .dashboard-section .alpharep-menu-customers-icon {
        background: transparent url("../../images/alpharep/customers-filled.svg") no-repeat scroll 0px 0px;
    }

#divAlpharepLeftMenuContainerHolder .alpharep-menu-sales-followup-icon {
    background: transparent url("../../images/alpharep/icon-follow_up-filled.svg") no-repeat scroll 0px 0px;
}

#divAlpharepLeftMenuContainer .alpharep-menu-salesperson-icon, .dashboard-section .alpharep-menu-salesperson-icon {
    background: transparent url("../../images/alpharep/salesperson-filled.svg") no-repeat scroll 0px 0px;
}

#divAlpharepLeftMenuContainer .alpharep-menu-contacts-icon {
    background: transparent url("../../images/alpharep/contact-filled.svg") no-repeat scroll 0px 0px;
}

#divAlpharepLeftMenuContainer .alpharep-menu-territories-icon, .alpharep-menu-territories-icon, .alpharep-work-item-popdown-locations-icon, .alpharep-work-item-popdown-salesoffice-icon {
    background: transparent url("../../images/alpharep/map_marker.svg") no-repeat scroll 0px 0px;
}

#divAlpharepLeftMenuContainer .alpharep-menu-projects-icon {
    background: transparent url("../../images/alpharep/folder-filled.svg") no-repeat scroll 0px 0px;
}

#divAlpharepLeftMenuContainer .alpharep-menu-opportunities-icon {
    background: transparent url("../../images/alpharep/icon-about-filled.svg") no-repeat scroll 0px 0px;
}

#divAlpharepLeftMenuContainer .alpharep-menu-quotes-icon {
    background: transparent url("../../images/alpharep/quote-filled.svg") no-repeat scroll 0px 0px;
}

#divAlpharepLeftMenuContainer .alpharep-menu-line-item-icon {
    background: transparent url("../../images/alpharep/numbered_list-filled.svg") no-repeat scroll 0px 0px;
}

#divAlpharepLeftMenuContainer .alpharep-menu-release-icon {
    background: transparent url("../../images/alpharep/product-outlined.svg") no-repeat scroll 0px 0px;
}

#divAlpharepLeftMenuContainer .alpharep-menu-order-status-icon {
    background: transparent url("../../images/alpharep/OrderStatus.svg") no-repeat scroll 0px 0px;
}

#divAlpharepLeftMenuContainer .alpharep-menu-open-dragonfly-icon {
    background: transparent url("../../images/alpharep/dragonfly_logo-filled.svg") no-repeat scroll 0px 0px;
}

#divAlpharepLeftMenuContainer .alpharep-menu-get-dragonfly-icon {
    background: transparent url("../../images/alpharep/get-dragonfly-client.svg") no-repeat scroll 0px 0px;
}

#divAlpharepLeftMenuContainer .alpharep-menu-maintenance-icon {
    background: transparent url("../../images/alpharep/icon_tools.svg") no-repeat scroll 0px 0px;
}
#divAlpharepLeftMenuContainer .alpharep-menu-userprofile-icon {
    background: transparent url("../../images/alpharep/male_user-filled.svg") no-repeat scroll 0px 0px;
}
#divAlpharepLeftMenuContainer .alpharep-menu-lock-icon {
    background: transparent url("../../images/alpharep/password-filled.svg") no-repeat scroll 0px 0px;
}

#divAlpharepLeftMenuContainer .alpharep-menu-main-icon {
    background: transparent url("../../images/alpharep/nav/icon_house.svg") no-repeat scroll 0px 0px;
}

#divAlpharepLeftMenuContainer .alpharep-menu-salesorder-icon {
    background: transparent url("../../images/alpharep/icon_archive.svg") no-repeat scroll 0px 0px;
}

#divAlpharepLeftMenuContainer .alpharep-menu-labor-icon {
    background: transparent url("../../images/alpharep/nav/icon_labor_rates.svg") no-repeat scroll 0px 0px;
}

#divAlpharepLeftMenuContainer .alpharep-open-submenu-link-icon {
    background: transparent url("../../images/alpharep/icon_plus_nav.svg") no-repeat scroll 0px 0px;
    width: 24px;
    height: 24px;
    padding: 8px;
    margin-top: -4px;
    padding: 4px !important;
}

#divAlpharepLeftMenuContainer .alpharep-close-submenu-link-icon {
    background: transparent url("../../images/alpharep/icon_minus_nav.svg") no-repeat scroll 0px 0px;
    width: 24px;
    height: 24px;
    padding: 8px;
    filter: brightness(100);
    margin-top: -4px;
    padding: 4px !important;
}

#divAlpharepLeftMenuContainer .alpharep-menu-user-profile-icon {
    background: transparent url("../../images/alpharep/male_user-filled.svg") no-repeat scroll 0px 0px;
}
#divAlpharepLeftMenuContainer .alpharep-menu-right-arrow-icon {
    background: transparent url("../../images/alpharep/arrow_carrot-right.svg") no-repeat scroll 0px 0px;
}
#divAlpharepLeftMenuContainer .alpharep-menu-down-arrow-icon {
    background: transparent url("../../images/alpharep/arrow_down-filled.svg") no-repeat scroll 0px 0px;
}

#divAlpharepLeftMenuContainer .alpharep-menu-logout-icon {
    background: transparent url("../../images/alpharep/icon-exit-filled.svg") no-repeat scroll 0px 0px;
}

#divAlpharepLeftMenuContainer .alpharep-menu-vendors-icon, .dashboard-section .alpharep-menu-vendors-icon {
    background: transparent url("../../images/alpharep/supplier_or_vendor-filled.svg") no-repeat scroll 0px 0px;
}

#divAlpharepLeftMenuContainer .alpharep-menu-takeoff-icon {
    background: transparent url("../../images/alpharep/measurement_tool-filled.svg") no-repeat scroll 0px 0px;
}

#divAlpharepLeftMenuContainer .alpharep-menu-estimating-icon {
    background: transparent url("../../images/alpharep/estimate-filled.svg") no-repeat scroll 0px 0px;
}

#divAlpharepLeftMenuContainer .alpharep-menu-product-icon {
    background: transparent url("../../images/alpharep/screw-filled.svg") no-repeat scroll 0px 0px;
}

#divAlpharepLeftMenuContainer .alpharep-menu-commission-program-icon {
    background: transparent url("../../images/alpharep/percentage-filled.svg") no-repeat scroll 0px 0px;
}

#divAlpharepLeftMenuContainer .alpharep-menu-product-group-icon {
    background: transparent url("../../images/alpharep/list-filled.svg") no-repeat scroll 0px 0px;
}

#divAlpharepLeftMenuContainer .alpharep-menu-mystuffs-icon {
    background: transparent url("../../images/alpharep/briefcase-filled.svg") no-repeat scroll 0px 0px;
}

#divAlpharepLeftMenuContainer .alpharep-menu-favorite-icon {
    background: transparent url("../../images/alpharep/mark_as_favorite-filled.svg") no-repeat scroll 0px 0px;
}

#divAlpharepLeftMenuContainer .alpharep-menu-subscribed-icon {
    background: transparent url("../../images/alpharep/file_preview-filled.svg") no-repeat scroll 0px 0px;
}

#divAlpharepLeftMenuContainer .alpharep-menu-cart-icon {
    background: transparent url("../../images/alpharep/nav/icon_add_to_filecart.svg") no-repeat scroll 0px 0px;
}

#divAlpharepLeftMenuContainer .alpharep-menu-lineitem-icon {
    background: transparent url("../../images/alpharep/buying-outlined-filled.svg") no-repeat scroll 0px 0px;
}

#divAlpharepLeftMenuContainer .alpharep-menu-user-icon {
    background: transparent url(../../images/alpharep/icon_user.svg) no-repeat scroll 0px 0px;
}

#divAlpharepLeftMenuContainerHolder .alpharep-menu-logout-icon {
    background: transparent url("../../images/alpharep/icon-exit-filled.svg") no-repeat scroll 0px 0px;
}

#divAlpharepLeftMenuContainerHolder .bidboard-icon {
    background: transparent url("../../images/alpharep/bid-board.svg") no-repeat scroll 0px 0px;
}

#divAlpharepLeftMenuContainer .alpharep-open-submenu-link,
#divAlpharepLeftMenuContainer .alpharep-close-submenu-link {
    right: 15px;
    float: right;
    position: absolute;
    box-shadow: none;
}

#divAlpharepLeftMenuContainerHolder .alpharep-menu-header .alpharep-collapsed-menu-logo-icon-link {
    width: 48px;
    height: 40px;
    position: absolute;
    top: 0px;
    left: 0px;
    cursor: pointer;
}

#divAlpharepLeftMenuContainerHolder .menu-item.alpharep-logout-link {
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0px;
    padding-left: 12px;
    opacity: 1;
    cursor: pointer;
    color: #333333;
    font-size: 16px;
    font-weight: 500;
    background-color: #FFFFFF;
}

    #divAlpharepLeftMenuContainerHolder .menu-item.alpharep-logout-link .alpharep-menu-logout-icon {
        position: absolute;
        top: 0px;
        right: 0px;
        left: unset;
        height: 40px;
        width: 50px;
        padding: 6px;
    }

    #divAlpharepLeftMenuContainerHolder .menu-item.alpharep-logout-link div {
        padding-left: 0px;
        line-height: 40px;
    }

.menu-item.expand-menu-hover:hover, .secondary-menu .expand-menu-hover:hover {  
  
    opacity: 1 !important;
    letter-spacing: normal !important;
    width: auto !important;
    /* margin-left: -15px !important;*/
    /*border: 1px solid gray;*/
}

.root-menu {
    border-bottom: 2px solid #EEF0F2;
}

.open-dragonfly:hover {
    margin-left: -13px !important;
}

.get-dragonfly:hover {
    margin-left: -13px !important;
}

#secondaryNonExpandableMenu {
    display: none;
}
/*.expand-menu-hover:hover {
    margin-left: -28px;
    padding-left: 40px !important;
}*/
/*.sub-menu{
    padding-left:20px;
}*/
.root-menu .sub-menu-left-padding .sub-menu svg {
    margin-left: 20px;
}
/*.expand-menu-hover.sub-menu:hover div {
    margin-left: 0px;
}*/
.menu-collapsed


.menu-item.open-dragonfly.expand-menu-hover:hover div {
    margin-left: 0px !important;
}

.menu-item.get-dragonfly.expand-menu-hover:hover div {
    margin-left: 0px !important;
}

/*.menu-item.open-dragonfly.expand-menu-hover:hover svg {
    margin-left: 13px;
}

.menu-item.get-dragonfly.expand-menu-hover:hover svg {
    margin-left: 13px;
}*/


/*.expand-menu-hover:hover svg#maintenanceIcon {
    margin-left: 28px !important;
}*/

#divSelectedWorkItemDocuments .dropdown-toggle {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

/*.secondary-menu .selected-menu:hover {
    margin-left: -15px !important;
    padding-left: 12px !important;
}*/




/*.alpharep-menu-group-menus-listing svg g g g g{
    fill: #333333;
}*/

.draggable-row-withmenu {
    left: 290px !important;
    /*margin-left:-285px;*/
}

.draggable-row-withoutmenu {
    left: 80px !important;
}

#drag-container {
    min-height: 52px;
    overflow: hidden;
}
#draggableItem .k-master-row .checkbox-work-item-coloumn {
    vertical-align: middle !important;
}
#draggableItem .k-master-row .checkbox-work-item-coloumn label {
    margin-bottom:20px !important;
}

#draggableItem .k-master-row td {
    letter-spacing: 0 !important;
    line-height: 14px !important;
}



.grid-draggable tbody tr {
    cursor: move;
}

.copyto-quote-textbox {
    margin-left: 10px;
    width: 50%;
}

.copytoquote-label {
    font-size: 11px;
    font-weight: normal
}

.portals-flyout {
    position: absolute;
    left: 100%; /* Pushes the menu directly to the right of the parent item */
    top: 0;
    width: 260px;
    background-color: #f4f6f9; /* Match your light theme background */
    border: 1px solid #d0d4db;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
    z-index: 1050;
    display: flex;
    flex-direction: column;
}

.portals-flyout-search {
    background-color: #2b3643;
    padding: 10px;
}

    .portals-flyout-search input {
        width: 100%;
        padding: 6px 10px;
        border: none;
        border-radius: 2px;
    }

/* Scrollable list container */
.portals-flyout-list-container {
    max-height: 350px;
    overflow-y: auto;
}

#portalList {
    list-style: none;
    margin: 0;
    padding: 0;
}

    #portalList li a {
        display: block;
        padding: 12px 15px;
        color: #333;
        text-decoration: none;
        border-bottom: 1px solid #e1e5ec;
        transition: background-color 0.2s ease;
    }

        #portalList li a:hover {
            background-color: #eef1f5;
        }

.no-results {
    display: block;
    padding: 12px 15px;
    color: #888;
    font-style: italic;
}