﻿body {
}
    body.alpha-takeoff-only #divAlpharepLeftMenuContainerHolder .customer-logo-filled-icon {
        background: transparent url("../../images/AlphaTakeOff_Logo.png") no-repeat scroll 0px 0px;
        background-size: contain;
        width: 220px;
        margin-top: 12px;
    }

    body.alpha-takeoff-only #divAlpharepLeftMenuContainerHolder .customer-logo-filled-icon-min {
        background: transparent url("../../images/AlphaTakeOff_Logo_min.png") no-repeat scroll 0px 0px;
        background-size: contain;
        width: 35px;
    }
    body.alpha-takeoff-only .alpharep-menu-group:not(.main-nav-menu) {
        display: none !important;
    }

#divProfileSubMenu #togglePortalMenu .alpharep-menu-right-arrow-icon {
    left:200px;
}

#divProfileSubMenu #togglePortalMenu .current-portal-name {
    width: 160px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


div[data-field-partial-id="TotalExecutionTime"], div[data-field-partial-id="ErrorDetails"] {
    display: none !important;
}

.form-outer-most-div .add-new-work-item-fields-outer[work-type="Takeoff"] {
    width: 100% !important;
}

    .form-outer-most-div .add-new-work-item-fields-outer[work-type="Takeoff"] + .add-new-work-item-documents-outer {
        width: 100% !important;
    }

    .form-outer-most-div .add-new-work-item-fields-outer[work-type="Takeoff"] div.work-info-each-cell-outer {
        width: 100%;
        max-width:initial;
    }

#divAlpharepWorkItemDetailsContainer[work-type='Takeoff'] .btn-duplicate-work-item-info {
    display: none !important;
}

#divAlpharepWorkItemDetailsContainer .alpharep-work-item-details-tabs-container .alpharep-work-item-tab-add-icon {
    padding: 0px;
    margin: 0px 3px 0px 0px;
}
#divAlpharepLeftMenuContainer .alpharep-menu-takeoff-icon, .alpharep-menu-takeoff-icon, .Takeoffs, .Takeoff {
    background:transparent url("../../images/alpharep/measurement_tool-filled.svg") no-repeat scroll 0px 0px;
}
#divAlpharepResetPasswordContainer .right-display-header-text {
    text-align: left;
}
    #divAlpharepResetPasswordContainer .text-center{
        text-align:center;
    }
    #divAlpharepResetPasswordContainer .reset-actions-icon svg {
        width: 120px;
        height: 120px;
    }

.reset-email-sent-icon {
    background: transparent url("../../images/alpharep/nav/icon_mail_alt.svg") no-repeat scroll 0px 0px;
}
    .reset-email-sent-icon path{
        fill:#333333;
    }
    .reset-successful-icon {
        background: transparent url("../../images/alpharep/common/icon_check_alt2.svg") no-repeat scroll 0px 0px;
    }
    .reset-successful-icon path {
        fill: #71ce7e;
    }
.reset-save-password-container .alpharep-textbox {
    height: 40px;
    border-radius: 0px;
    font-size: 14px;
    font-family: Roboto;
    background-color: #FFFFFF;
}
.reset-password-btn-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 90px;
}

.action-icons-coloumn-for-takeoff .view-takeoff {
    margin-right: 0px;
    margin-left: 7px;
    width: 20px;
    height: 20px;
}

.action-icons-coloumn-for-takeoff .delete-takeoff {
    width: 30px;
    height: 22px;
    margin-left: 8px;
    margin-right: 0px;
}

.action-icons-coloumn-for-takeoff path {
    fill: #BBBBBB;
}

.template-work-item-container .work-info-each-cell-outer:not([data-field-type='static'][data-field-partial-id='Title']) .work-info-each-cell-label > .required {
    display: none;
}
.validation-error {
    border: 1px solid #BD1D1D !important;
}

.validation-error-tooltip.tooltip.top .tooltip-arrow {
    border-top-color: #BD1D1D;
}

.validation-error-tooltip.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #BD1D1D;
}

.validation-error-tooltip.tooltip.left .tooltip-arrow {
    border-left-color: #BD1D1D;
}

.validation-error-tooltip.tooltip.right .tooltip-arrow {
    border-right-color: #BD1D1D;
}

.validation-error-tooltip.tooltip .tooltip-inner {
    background-color: #BD1D1D;
}

.alpharep-control-holder {
    padding: 6px 0px;
}

#divAlpharepWorkItemDetailsContainer .alpharep-work-item-details-tabs-contents-container .scollable-area {
    overflow-y: auto;
}

.tab-no-data-found {
    padding: 10px;
    display: block;
}

.alpharep-textbox {
    box-sizing: border-box;
    /*border: 1px solid #212121;*/
    border-radius: 0px;
    width: 100%;
    background-color: #ECEEEE;
    height: 24px;
    border: 1px solid #DFDFDF;
    /*opacity: 0.5;*/
    color: #3E3D52;
    box-shadow: none;
    /*padding: 0 8px;*/
    font-size: 11px;
    font-weight: normal;
    line-height: 24px;
}

    .alpharep-textbox:active, .alpharep-textbox:focus, .alpharep-textbox:focus-visible, .alpharep-textbox:hover, .alpharep-textbox:visited, .alpharep-textboxl:focus-within {
        outline: none;
    }
.dropdown-showall-checkbox-outer.dropdown-header.k-widget.k-header {
    padding-left: 6px;
    border-left: none;
    border-right: none;
}

    .dropdown-showall-checkbox-outer.dropdown-header.k-widget.k-header label {
        font-size: 14px;
        padding-left: 3px;
        vertical-align: middle;
        margin-bottom: 4px;
    }

    .dropdown-showall-checkbox-outer.dropdown-header.k-widget.k-header input[type='checkbox'] {
        width: 12px;
        height: 12px;
    }


/* Work Items*/
#divAlpharepWorkItemsContainer {
    width: 100%;
    height: 100%;
    padding: 45px 8px 0px 52px;
}

.alpharep-container-menu-display {
    padding-left: 320px;
}

    .alpharep-container-menu-display .alpharep-header-center-outer .single-line {
        padding-left: 52px !important;
        transition: all 0.5s ease;
    }

.workflow-outer-filter-territory {
    display: inline-block;
    float: left;
    margin-left: 10px;
    width: 137px;
    text-align: left;
}

.workflow-outer-filter-vendor {
    display: inline-block;
    margin-left: 10px;
    width: auto !important;
    padding: 0px !important;
    background-color: #ECEEEE;
    opacity: 0.5;
    text-align: left;
}

.alpharep-work-items-container {
    text-align: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    /*border: 1px solid #DFDFDF;*
    /*border-top: 1px solid #DFDFDF;
    border-right: 1px solid #DFDFDF;
    border-bottom: 1px solid #DFDFDF;*/
}

#divFilterGridBtn {
    display: inline-block;
    float: left;
    margin-left: 10px;
}

#divWorkItemsGridView {
    height: calc(100% - 40px);
    width: 100%;
    text-align: left;
}

    #divWorkItemsGridView.negative-index {
        z-index: -1;
    }

#divAlpharepWorkItemsContainer .work-items-actions-outer {
    float: right;
    margin-top: 3px;
}

#divWorkItemsGridView tbody tr:not(.k-alt) {
    background-color: #F8FAFA;
    box-shadow: 0 1px 0 0 #DFDFDF;
}

#divWorkItemsGridView tbody tr.k-alt {
    background-color: #FFFFFF;
    box-shadow: 0 1px 0 0 #DFDFDF;
}

#divWorkItemsGridView tbody tr.work-items-grid-selected-row:hover, #divWorkItemsGlobalSearchViewResultGrid tbody tr.work-items-grid-selected-row:hover {
    background-color: #CDF1F2;
}

#divWorkItemsGridView tbody tr.work-items-grid-selected-row {
    position: relative;
    background-color: #CDF1F2 !important;
    box-shadow: 0px 0px 15px 0px #b3b3b3 !important;
}
    #divWorkItemsGridView tbody tr.work-items-grid-selected-row .common-vertical-menu-icon > g > g > rect {
        fill: #CDF1F2;
    }
    #divWorkItemsGlobalSearchViewResultGrid td.k-state-selected, #divWorkItemsGridView td.k-state-selected, .each-work-type-workflow-data-grid td.k-state-selected, .each-work-type-workflow-data-grid.k-grid td.k-state-selected:hover {
        background-color: initial;
    }

    #divWorkItemsGridView tbody td {
        letter-spacing: 0;
        line-height: 14px;
        opacity: 0.9;
    }

    #divWorkItemsGridView tbody td.open-work-item-link {
        opacity: 1;
    }

    #divWorkItemsGridView tbody td a {
        color: #127DD6;
    }

#divWorkItemsGlobalSearchViewFiltersOuter #txtWorkItemsGlobalSearchByText, #divAlpharepWorkItemsContainer .search-work-items-outer #txtWorkItemsSearch {
    border-radius: 4px 0px 0px 4px;
}
#divWorkItemsGlobalSearchViewFiltersOuter .btn-global-search-work-items .alpharep-work-item-search {
    border-radius: 0px 4px 4px 0px;
}
#divWorkItemsGridView .k-state-selected a {
    color: white
}

#divWorkItemsGridView .k-pager-wrap .k-link {
    border-radius: 1px;
    height: 24px;
    min-width: 24px;
}

    #divWorkItemsGridView .k-pager-wrap .k-link.k-state-selected {
        background-color: #127DD6;
    }

#divWorkItemsGridView .k-pager-sizes select {
    height: 24px;
}

#divWorkItemsGridView .k-pager-sizes .k-dropdown-wrap .k-input {
    padding: 3px 0.5px;
}

#divWorkItemsGridView .k-dropdown-wrap .k-select {
    line-height: 24px;
}

#divWorkItemsGridView .action-right-section {
    position:absolute;
    margin-top:-10px;
}

#divAlpharepWorkItemsContainer .work-items-header-action-outer {
    width: 100%;
    height: 40px;
    padding: 8px;
}

    #divAlpharepWorkItemsContainer .work-items-header-action-outer .work-items-actions-outer .add-workflow {
        margin-top: 0px;
        width: 20px;
        background: transparent url(../../images/alpharep/common/icon_plus.svg) no-repeat scroll 0px 0px;
    }

        #divAlpharepWorkItemsContainer .work-items-header-action-outer .work-items-actions-outer .add-workflow path {
            fill: #FFFFFF;
        }
            

#divAlpharepWorkItemsContainer .search-work-items-outer {
    width: 75%;
    float: left;
    margin-top: -3px;
}

#divAlpharepWorkItemsContainer .work-items-header-action-outer .search-work-items-outer #txtWorkItemsSearch {
    float: left;
    width: 290px;
    height: 28.1px;
    padding-left: 7px;
    margin-top: 2px;
}
.workflow-searchbox-container {
    margin-right: 2%;
    position: relative;
    padding: 4px 0px;
}

    .workflow-searchbox-container #txtWorkItemsSearch {
        width: 290px;
        height: 28.1px;
        font-size: 14px;
    }

#divAlpharepWorkItemsContainer .grid-outer-filter {
    float: left;
    margin-left: 10px;
    margin-top: 6px;
}

#divWorkItemsGlobalSearchViewFiltersOuter .grid-outer-filter {
    float: none;
}

#divWorkItemsGlobalSearchViewFiltersOuter .grid-outer-filter-date-range {
    margin-bottom:-10px;
}

#divWorkItemsGlobalSearchViewFiltersOuter .grid-outer-filter-status > span{
    margin-bottom: 5px;
}

    #divAlpharepWorkItemsContainer .grid-outer-filter .k-input {
        height: 28px;
    }

#divAlpharepWorkItemsContainer .grid-outer-filter-date-range #startDate, #divAlpharepWorkItemsContainer .grid-outer-filter-date-range #endDate {
    margin-top: 0px;
}

.alpharep-work-item-details-tabs-contents-container .k-grid-toolbar{
    display:none;
}
/*************/
/* Work Item Details*/
#divAlpharepWorkItemDetailsContainer {
    z-index: 1;
    width: 100%;
    position: fixed;
    height: calc(100% - 60px);
    padding: 0px 8px 8px 45px;
    margin-top: 60px;
}
    #divAlpharepWorkItemDetailsContainer .tab-container {
        width: 70%;
        float: left;
    }

#divAlpharepWorkItemDetailsContainer.negative-index {
    z-index: -1 !important;
}

    #divAlpharepWorkItemDetailsContainer .alpharep-work-item-details-container {
        /* Temp style*/
        background-color: #ffffff;
        /*******/
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        border-bottom: 1px solid #DFDFDF;
        position: relative;
    }

        #divAlpharepWorkItemDetailsContainer .alpharep-work-item-details-container .alpharep-work-item-details-tabs-container {
            /* position: absolute;*/
            top: 0;
            width: 100%;
            /* height: 40px;*/
            background-color: rgba(255,255,255,0);
            box-shadow: 0 1px 0 0 #DFDFDF;
            float:left;
        }

            #divAlpharepWorkItemDetailsContainer .alpharep-work-item-details-container .alpharep-work-item-details-tabs-container .alpharep-work-item-tab {
                display: inline-block;
                height: 40px;
                text-align: center;
                vertical-align: top;
                padding-top: 1px;
                cursor: pointer;
            }

    #divAlpharepWorkItemDetailsContainer .alpharep-work-item-details-tabs-container .alpharep-work-item-tab-info-icon, #addEditInfoTabContainer .alpharep-work-item-tab-info-icon {
        background: transparent url("../../images/alpharep/nav/Info_Outline.svg") no-repeat scroll 0px 0px;
    }

        #divAlpharepWorkItemDetailsContainer .alpharep-work-item-details-tabs-container .alpharep-work-item-tab-commission-icon {
            background: transparent url("../../images/alpharep/icon-commission-filled.svg") no-repeat scroll 0px 0px;
        }

    #divAlpharepWorkItemDetailsContainer .alpharep-work-item-details-tabs-container .alpharep-work-item-tab-documents-icon {
        background: transparent url("../../images/alpharep/nav/Documents_Outline.svg") no-repeat scroll 0px 0px;
    }

    #divAlpharepWorkItemDetailsContainer .alpharep-work-item-details-tabs-container .alpharep-work-item-tab-notes-icon {
        background: transparent url("../../images/alpharep/nav/Notes_Outline.svg") no-repeat scroll 0px 0px;
    }

    #divAlpharepWorkItemDetailsContainer .alpharep-work-item-details-tabs-container .alpharep-work-item-tab-workflow-icon {
        background: transparent url("../../images/alpharep/stack-filled.svg") no-repeat scroll 0px 0px;
    }

    #divAlpharepWorkItemDetailsContainer .alpharep-work-item-details-tabs-container .alpharep-work-item-tab-subscriptions-icon, #addEditInfoTabContainer .alpharep-work-item-tab-subscriptions-icon {
        background: transparent url("../../images/alpharep/eye_checked-outlined.svg") no-repeat scroll 0px 0px;
    }

    /*#divAlpharepWorkItemDetailsContainer .alpharep-work-item-details-tabs-container .alpharep-work-item-popdown-order-icon,*/
    /*#divAlpharepWorkItemDetailsContainer .alpharep-work-item-details-tabs-container .alpharep-work-item-popdown-release-icon {
        background: transparent url("../../images/alpharep/icon-order-filled.svg") no-repeat scroll 0px 0px;
        width: 18px;
        height: 18px;
    }*/

    /*#divAlpharepWorkItemDetailsContainer .alpharep-work-item-details-tabs-container .alpharep-work-item-popdown-project-icon {
        background: transparent url("../../images/alpharep/icon-folder-filled.svg") no-repeat scroll 0px 0px;
        width: 18px;
        height: 18px;
    }*/

    /*#divAlpharepWorkItemDetailsContainer .alpharep-work-item-details-tabs-container .alpharep-work-item-popdown-quote-icon {
        background: transparent url("../../images/alpharep/quote-filled.svg") no-repeat scroll 0px 0px;
        width: 18px;
        height: 18px;
    }*/

    #divAlpharepWorkItemDetailsContainer .alpharep-work-item-details-tabs-container .alpharep-work-item-popdown-subscriptions-icon {
        background: transparent url("../../images/alpharep/icon-eye_checked-filled.svg") no-repeat scroll 0px 0px;
        width: 18px;
        height: 18px;
    }
  

    /*#divAlpharepWorkItemDetailsContainer .alpharep-work-item-details-tabs-container .alpharep-work-item-popdown-contacts-icon {
        background: transparent url("../../images/alpharep/contact-filled.svg") no-repeat scroll 0px 0px;
        width: 18px;
        height: 18px;
    }*/

    /*#divAlpharepWorkItemDetailsContainer .alpharep-work-item-details-tabs-container .alpharep-work-item-popdown-product-icon {
        background: transparent url("../../images/alpharep/icon-product-filled.svg") no-repeat scroll 0px 0px;
        width: 18px;
        height: 18px;
    }*/

    #divAlpharepWorkItemDetailsContainer .alpharep-work-item-details-tabs-container .alpharep-work-item-popdown-projectsplit-icon {
        background: transparent url("../../images/alpharep/split_2-filled.svg") no-repeat scroll 0px 0px;
        width: 18px;
        height: 18px;
    }

    #divAlpharepWorkItemDetailsContainer .alpharep-work-item-details-tabs-container .alpharep-work-item-popdown-note-icon {
        background: transparent url("../../images/alpharep/icon-chat-filled.svg") no-repeat scroll 0px 0px;
        width: 18px;
        height: 18px;
    }


    #divAlpharepWorkItemDetailsContainer .alpharep-work-item-details-tabs-container .alpharep-work-item-popdown-lineitem-icon {
        background: transparent url("../../images/alpharep/icon-numbered_list-filled.svg") no-repeat scroll 0px 0px;
        width: 18px;
        height: 18px;
    }

    #divAlpharepWorkItemDetailsContainer .alpharep-work-item-details-tabs-container .alpharep-work-item-popdown-opportunity-icon {
        background: transparent url("../../images/alpharep/icon-about-filled.svg") no-repeat scroll 0px 0px;
        width: 18px;
        height: 18px;
    }

    #divAlpharepWorkItemDetailsContainer .alpharep-work-item-details-tabs-container .alpharep-work-item-popdown-document-icon {
        background: transparent url("../../images/alpharep/icon-add_file-filled.svg") no-repeat scroll 0px 0px;
        width: 18px;
        height: 18px;
    }

    

    #divAlpharepWorkItemDetailsContainer .alpharep-work-item-details-tabs-container .alpharep-work-item-tab-analytics-icon {
        background: transparent url("../../images/alpharep/graph-outlined.svg") no-repeat scroll 0px 0px;
    }

    #divAlpharepWorkItemDetailsContainer .alpharep-work-item-details-tabs-container .alpharep-work-item-tab-additional-icon {
        background: transparent url('../../images/alpharep/nav/icon_more-tabs_outline.svg') no-repeat scroll 0px 0px;
    }
.additional-hidden-item {
    display: none !important;
}
#divAlpharepWorkItemDetailsContainer .alpharep-work-item-details-tabs-container .alpharep-work-item-tab-tasks-icon {
    background: transparent url("../../images/alpharep/nav/Tasks_Outline.svg") no-repeat scroll 0px 0px;
}
    #divAlpharepWorkItemDetailsContainer #tab-container {
        position: absolute;
        margin-top: -60px;
        margin-left: 525px;
        padding-left: 10px;
        border-left: 1px solid #d0d0d4;
        height: 60px;
        margin-right:100px;
    }
#addEditInfoTabContainer {
    float: left;  
    width: 100%;
    border: 0px;
    margin-bottom: 15px;
}

    #addEditInfoTabContainer .alpharep-selected-tab {
        color: #127DD6;
        border-bottom: 5px solid #127DD6;
    }
        #addEditInfoTabContainer .alpharep-selected-tab path {
            fill: #127DD6;
        }
         #divAlpharepWorkItemDetailsContainer .alpharep-work-item-details-tabs-container .alpharep-work-item-tab svg, #addEditInfoTabContainer .alpharep-work-item-tab svg {
            width: 30px;
            height: 30px;
            margin-left: 9px;
            margin-right: 9px;
        }
    


    #divAlpharepWorkItemDetailsContainer .alpharep-work-item-details-tabs-container .alpharep-work-item-tab .alpharep-work-item-tab-text, #addEditInfoTabContainer .alpharep-work-item-tab-text {
        height: 11px;
        opacity: 0.6;
        color: #3E3D52;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 8px;
        text-align: center;
        margin-left: 9px;
        margin-right: 9px;
    }
    #addEditInfoTabContainer .alpharep-work-item-tab-text {
        opacity: 1 !important;
    }
        #divAlpharepWorkItemDetailsContainer .alpharep-work-item-details-tabs-container .alpharep-work-item-tab .alpharep-work-item-tab-bottom-bar {
        height: 3px;
        width: 100%;
        background-color: #127DD6;
        visibility: hidden;
    }

    #divAlpharepWorkItemDetailsContainer .alpharep-work-item-details-tabs-contents-container {
        height: 92%;
        padding-top: 10px;
        /*padding-bottom: 10px;*/
    }

        #divAlpharepWorkItemDetailsContainer .alpharep-work-item-details-tabs-contents-container .alpharep-work-item-tab-content {
            display: none;
            height: 99%;
        }

    

#divWorkIteminfoContainer {
    max-width: 1120px;
    width: 100%;
    padding: 13px 10px;
    height: 100%
}
.work-info-each-cell-outer {
    float: left;
    width: 49.45%;
    max-width: 490px;
    padding: 3px 6px;
    font-size: 11px;
    position: relative;
    margin-bottom: 5px;
    border: 1px solid transparent;
}

.alpharep-info-each-cell-outer {
    padding: 3px 6px;
    font-size: 11px;
    position: relative;
    margin-bottom: 5px;
}

#divWorkIteminfoContainer .work-info-each-cell-outer {
    width: 50%;
    /*
    float: left;
    padding: 3px 6px;
    font-size: 11px;
    position: relative;
    margin-bottom: 5px;*/
}

div.work-info-each-cell-outer .work-item-info-control, div.alpharep-info-each-cell-outer .alpharep-info-control {
    background-color: #FFFFFF;
    box-sizing: border-box;
    height: 30px;
    border: 1px solid #DFDFDF;
    color: #000000;
    box-shadow: none;
    opacity: 1;
    padding: 0 8px;
    width: 100%;
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    border-radius: 0;
}

div.alpharep-info-each-cell-outer .alpharep-info-control {
    opacity: 1;
}

.work-info-each-cell-outer.info-view-mode .work-item-info-control {
    opacity: 0.5;
}

div.work-info-each-cell-outer.info-view-mode .work-item-info-control, div.work-info-each-cell-outer .k-picker-wrap input,
div.alpharep-info-each-cell-outer.info-view-mode .alpharep-info-control, div.alpharep-info-each-cell-outer .k-picker-wrap input {
    background-color: #d8d8d8;
    color: #000000;
    opacity: 1;
    border: none;
}

.view-field-holder.work-info-each-cell-outer .work-info-each-cell-control-holder,
div.view-field-holder.alpharep-info-each-cell-outer .alpharep-each-cell-control-holder {
    height: 24px;
    opacity: 0.5;
    color: #3E3D52;
}

div.work-info-each-cell-outer textarea.work-item-info-control, div.alpharep-info-each-cell-outer textarea.alpharep-info-control {
    height: auto;
}
.add-new-work-item-documents-outer textarea#textareaAddNoteWithAttachments {
    margin-left: 2%;
    width: 96%;
}
.work-info-each-cell-outer .alpharep-info-control-holder {
    position: relative;
}

.work-info-each-cell-outer .work-info-each-cell-label,
.alpharep-info-each-cell-outer .alpharep-info-each-cell-label, #divCommissionsDataContainer .work-info-each-cell-label {
    font-weight: 500;
    line-height: 18px;
    font-size: 11px;
    margin-bottom: 0px;
    font-weight: 700;
}

/*div.work-info-each-cell-outer .work-item-info-control:active, div.work-info-each-cell-outer .work-item-info-control:focus, div.work-info-each-cell-outer .work-item-info-control:focus-visible,
div.work-info-each-cell-outer .work-item-info-control:hover, div.work-info-each-cell-outer .work-item-info-control:visited, div.work-info-each-cell-outer .work-item-info-control:focus-within,
div.alpharep-info-each-cell-outer .alpharep-info-control:active, div.alpharep-info-each-cell-outer .alpharep-info-control:focus, div.alpharep-info-each-cell-outer .alpharep-info-control:focus-visible,
div.alpharep-info-each-cell-outer .alpharep-info-control:hover, div.alpharep-info-each-cell-outer .alpharep-info-control:visited, div.alpharep-info-each-cell-outer .alpharep-info-control:focus-within {
    border: 1px solid #DFDFDF;
    outline: none;
}*/

div[data-required-field="0"].work-info-each-cell-outer span.required,
div[data-required-field="0"].alpharep-info-each-cell-outer span.required {
    display: none;
}

div[data-required-field="1"].work-info-each-cell-outer span.required,
div[data-required-field="1"].alpharep-info-each-cell-outer span.required {
    color: #BD1D1D;
    font-size: 16px;
    vertical-align: top;
}
div.external-link-on-popup:hover, div.external-link-on-popup a:hover {
    background-color: inherit !important;
    color: inherit !important
}

.external-link-icon {
    background: transparent url("../../images/alpharep/external_linking-outlined.svg") no-repeat scroll 0px 0px;
    width: 16px;
    height: 16px;
}

.popup-link-icon {
    background: transparent url("../../images/alpharep/plus_math-filled.svg") no-repeat scroll 0px 0px;
    width: 12px;
    height: 12px;
}
.note-editor-canvas .k-editor, #textareaCommonHTMLEditor{
    width: 100%;
    height: 400px;
}
.k-editor-overflow-popup.k-overflow-container.k-list-container {
    max-height: 60vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}
.popup-header-title, .popup-toggle-editor-html-vs-text{
    display:inline-block;
}
.popup-toggle-editor-html-vs-text{
    margin-left:40px;
}
.popup-toggle-editor-html-vs-text div {
    display:inline-block;
    margin-right: 20px;
}
    .popup-toggle-editor-html-vs-text div label {
        margin-bottom: 0px;
        font-weight: 400;
    }
    .note-field-textarea-container textarea {
        padding-right: 20px;
    }
.cf-note-editor-opener-item-icon-outer {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 4px;
    background-color: #127DD6;
}

.cf-note-editor-opener-item-icon {
    background: transparent url("../../Images/alpharep/icon_pencil.svg") no-repeat scroll 0px 0px;
    width: 18px;
    height: 18px;
    margin-top: 1px;
    margin-left: 2px;
}
    .cf-note-editor-opener-item-icon path{
        fill: #ffffff;
    }
/*    .cf-note-editor-opener-item-icon-outer:hover {
        background-color: #DFDFDF;
    }*/
    .drop-file-icon {
        background: transparent url("../../images/alpharep/icon-drop_files-filled.svg") no-repeat scroll 0px 0px;
        width: 34px;
        height: 34px;
    }

.work-info-each-cell-outer.has-external-link-on-right .external-link-icon-link,
.alpharep-info-each-cell-outer.has-external-link-on-right .external-link-icon-link {
    height: 24px;
    width: 24px;
    display: inline-block;
    padding: 4px;
}

.work-info-each-cell-outer.info-view-mode .external-link-icon-link.view-only-external-link,
.alpharep-info-each-cell-outer.info-view-mode .external-link-icon-link.view-only-external-link {
    background: #6DAFE4;
}

div.work-info-each-cell-outer .external-link-icon-link.view-only-external-link,
div.alpharep-info-each-cell-outer .external-link-icon-link.view-only-external-link {
    background: #127DD6;
}

    div.work-info-each-cell-outer .external-link-icon-link.view-only-external-link .external-link-icon path,
    div.alpharep-info-each-cell-outer .external-link-icon-link.view-only-external-link .external-link-icon path {
        fill: #ffffff !important;
    }

div.work-info-each-cell-outer.has-external-link-on-right .external-links-container,
div.alpharep-info-each-cell-outer.has-external-link-on-right .external-links-container {
    /*    position: absolute;
    top: 23.5px;
    right: 6px;*/
    float: right;
    display: inline-block;
    position: absolute;
}

#divWorkIteminfoContainer div.work-info-each-cell-outer.has-external-link-on-right .external-links-container {
    right: 8px;
}

    div.work-info-each-cell-outer.has-external-link-on-right .external-links-container a:not(:last-child),
    div.alpharep-info-each-cell-outer.has-external-link-on-right .external-links-container a:not(:last-child) {
        margin-right: 1px;
    }

/*div.work-info-each-cell-outer.has-external-link-on-right.external-links-count-1,*/
div.alpharep-info-each-cell-outer.has-external-link-on-right.external-links-count-1 {
    padding-right: 30px;
}

div.work-info-each-cell-outer.info-view-mode:not(.has-external-link-on-right) > .add-work-item {
    width: 100% !important;
}

div.work-info-each-cell-outer.has-external-link-on-right.external-links-count-2,
div.alpharep-info-each-cell-outer.has-external-link-on-right.external-links-count-2 {
    padding-right: 55px;
}

div.work-info-each-cell-outer.has-external-link-on-right.external-links-count-3,
div.alpharep-info-each-cell-outer.has-external-link-on-right.external-links-count-3 {
    padding-right: 80px;
}

div.work-info-each-cell-outer .has-external-link-on-right.external-links-count-4,
div.alpharep-info-each-cell-outer .has-external-link-on-right.external-links-count-4 {
    padding-right: 105px;
}

div.work-info-each-cell-outer input.work-item-info-control.daterangepicker-target-element,
div.alpharep-info-each-cell-outer input.work-item-info-control.daterangepicker-target-element {
    background: url(../../Images/alpharep/calendar.svg) no-repeat scroll 5px 0px #f2f2f2;
    background-size: 16px;
    background-position: right;
    padding-right: 20px;
    cursor: pointer;
    padding-right: 20px;
    border-right: 4px solid transparent;
}

div.work-info-each-cell-outer .k-dropdown-wrap, div.work-info-each-cell-outer .k-input.work-item-info-control.alpharep-textbox,
div.work-info-each-cell-outer .k-picker-wrap,
div.alpharep-info-each-cell-outer .k-dropdown-wrap, div.alpharep-info-each-cell-outer .k-input.alpharep-info-control.alpharep-textbox, div.alpharep-info-each-cell-outer .k-multiselect-wrap,
div.alpharep-info-each-cell-outer .k-picker-wrap {
    background: transparent;
    border: none;
    height: 28px;
}

div.work-info-each-cell-outer .k-multiselect-wrap {
    background: transparent;
    border: none;
    height: auto;
    width:80%;
}

div.work-info-each-cell-outer[data-html-element-tag="checkbox"] .work-info-each-cell-control-holder{
    height:30px;
}

div.work-info-each-cell-outer .k-picker-wrap,
div.alpharep-info-each-cell-outer .k-picker-wrap {
    background: transparent;
    border: none;
}

div.work-info-each-cell-outer .k-widget.k-multiselect.work-item-info-control,
div.alpharep-info-each-cell-outer .k-widget.k-multiselect.alpharep-info-control {
    min-height: 30px;
    height: auto;
    padding: 0;
}

div.work-info-each-cell-outer span.work-item-info-control,
div.alpharep-info-each-cell-outer span.alpharep-info-control {
    padding-right: 0px;
    padding-left: 0px;
}

div.work-info-each-cell-outer .k-state-disabled,
div.alpharep-info-each-cell-outer .k-state-disabled {
    background-color: #d8d8d8;
    color: #000000;
    opacity: 0.75;
    border: none;
}

div.work-info-each-cell-outer .work-item-info-control .work-item-info-control,
div.work-info-each-cell-outer .work-info-each-cell-outer.info-view-mode .work-item-info-control .work-item-info-control,
div.alpharep-each-cell-outer .alpharep-info-control .alpharep-info-control,
div.alpharep-info-each-cell-outer .alpharep-info-each-cell-outer.info-view-mode .alpharep-info-control .alpharep-info-control {
    padding: 0px;
    opacity: 1;
}

div.work-info-each-cell-outer .work-item-name-override-checkbox-holder {
    position: absolute;
    right: 7px;
    top: 0px;
}

div.work-info-each-cell-outer .work-info-each-cell-control-holder,
div.alpharep-info-each-cell-outer .alpharep-each-cell-control-holder {
    position: relative;
    min-height: 24px;
}

div.work-info-each-cell-outer[data-custom-field-type="1"] .work-info-each-cell-control-holder,
div.alpharep-info-each-cell-outer[data-custom-field-type="1"] .alpharep-each-cell-control-holder {
    height: 30px;
}
    div.work-info-each-cell-outer .work-info-each-cell-control-holder input[type=checkbox].with-fake-label + label,
    div.alpharep-info-each-cell-outer .alpharep-each-cell-control-holder input[type=checkbox].with-fake-label + label {
        top: 0;
        left: 1px;
    }

#divAlpharepWorkItemDetailsContainer .alpharep-work-item-details-tabs-container .tab-action-outer {
    float: left;
    padding: 8px 15px;
    margin-left: 0px;
}
    #divAlpharepWorkItemDetailsContainer .alpharep-work-item-details-tabs-container .tab-action-outer.work-item-info-actions-outer {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #divAlpharepWorkItemDetailsContainer .alpharep-work-item-details-tabs-container .workflow-actions-outer .btn {
        margin-right: 10px;
        background-color: #003865;
        color: #FFFFFF;
    }
       
        #divAlpharepWorkItemDetailsContainer .alpharep-work-item-details-tabs-container .tab-action-outer .add-workflow {
            margin-top:0px;
            width:20px;
            background: transparent url(../../images/alpharep/common/icon_plus.svg) no-repeat scroll 0px 0px;
        }
    #divAlpharepWorkItemDetailsContainer .alpharep-work-item-details-tabs-container .tab-action-outer .add-workflow path{
        fill:#FFFFFF;
    }
            
    #divAlpharepWorkItemDetailsContainer .work-item-info-control.daterangepicker-target-element,
    .alpharep-info-control.daterangepicker-target-element {
    }

div.work-info-each-cell-outer .daterangepicker-all-day-event-toggle-outer,
div.alpharep-info-each-cell-outer .daterangepicker-all-day-event-toggle-outer {
    padding-top: 0px;
    padding-left: 10px;
    float: left;
    position: absolute;
    top: 2px;
    right: 7px;
}

div.work-info-each-cell-outer .k-icon.k-i-arrow-60-down,
div.alpharep-info-each-cell-outer .k-icon.k-i-arrow-60-down {
    position: relative;
}

    div.work-info-each-cell-outer .k-icon.k-i-arrow-60-down:before
    div.alpharep-info-each-cell-outer .k-icon.k-i-arrow-60-down:before {
        content: '';
    }

/*Document Section*/
.add-new-work-item-documents-outer {
    background-color: #ECEEEE;
    height: 100%;
    vertical-align: top;
}

.add-new-work-item-documents-drop-attachments-area {
    /*border-radius: 13px;*/
    border: 1px dashed #3E3D52;
    margin: 10px;
    position: relative;
    cursor: pointer;
}

.add-attachment-document-remove-icon-link.black-color-svg img {
    background: transparent url("../../images/alpharep/icon-delete-filled-black.svg") no-repeat scroll 0px 0px;
    width: 16px;
    height: 16px;
    padding: 0px;
}

.add-attachment-document-remove-icon-link svg {
    width: 16px;
    height: 16px;
    padding: 0px;
}

.each-add-attachment-on-popup-outer > div:not(.n1-col) {
    width: 45%;
    display: inline-block;
    padding-left: 5px;
    padding-right: 0px;
    text-align: left;
    vertical-align: top;
}

.each-add-attachment-on-popup-outer > div.n5-col {
    width: 90%;
    margin-left:25px;
}

.each-add-attachment-file-path{
    font-size:12px;
    padding:5px;
}
/*.each-add-attachment-on-popup-outer > div.n5-col {
    width: 60%;
}*/
.each-add-attachment-on-popup-outer > div.n4-col {
    width: 39%;
    position: relative;
}

.add-new-work-item-documents-drop-attachments-area .each-upload-attachment-file-matching-info-outer {
    width: 100% !important;
    padding-left: 30px;
    color: rgb(38, 165, 153);
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
}

.add-new-work-item-documents-drop-attachments-area .each-upload-attachment-file-matching-info-details {
    padding-left: 20px;
}

div[data-html-element-tag="label"] label.work-item-info-control, div[data-html-element-tag="label"] label.alpharep-info-control {
    border: none;
    padding-left:0px;
}

/*.custom-popup-box-content-holder div[data-custom-field-type="1"], .custom-popup-box-content-holder div[data-custom-field-type="2"] {
    height: 55.65px !important;
}*/

.each-add-attachment-on-popup-outer > div.n4-col .alpharep-checkbox.with-fake-label + label {
    top: 19px;
}

.each-add-attachment-on-popup-outer .add-attachment-document-name-textbox {
    margin-bottom: 5px;
}

.each-add-attachment-on-popup-outer > div.n1-col {
    position: absolute;
}

.each-add-attachment-on-popup-outer > div.n2-col {
    margin-left: 25px;
}

.each-add-attachment-on-popup-outer > div.n4-col {
    padding-left: 25px;
}

/*.each-add-attachment-on-popup-outer div.n4-col.hidden-item + div.n5-col {
    padding-left: 25px;
    width: 93%;
}
*/
.cat-desc-same-for-all{
    margin-left:10px;
}
.each-add-attachment-on-popup-outer .add-attachment-document-category-box {
    width: 100%;
    margin-bottom: 5px;
}

div.alpharep-info-each-cell-outer .k-input.alpharep-info-control.add-attachment-document-category-box {
    padding-left: 0px;
}
.each-add-attachment-on-popup-outer.alpharep-info-each-cell-outer {
    margin-bottom: 0px;
    padding-top: 5px;
    padding-bottom: 8px;
    border-bottom: 1px solid #3E3D52;
    background-color: #FFFFFF;
}

.drop-attachments-placeholder {
    position: absolute;
    text-align: center;
    width: 100%;
    opacity: 0.6;
}

.drop-attachments-icon {
    margin: auto;
    margin-top: 15px;
    margin-bottom: 10px;
    padding: 10px;
    position: relative;
    width: 56px;
    height: 56px;
    border: #3e3d5266 1px solid;
    border-radius: 34px;
}

a.add-new-work-item-documents-drop-attachments-placeholder {
    margin-top: 40px;
    color: #127DD6;
    text-decoration: underline;
    opacity: 1.0;
    position: absolute;
    text-align: center;
    width: 100%;
    cursor: pointer;
}

.add-new-work-item-documents-drop-attachments-info {
    text-align: center;
    width: 100%;
    font-size: 15px;
    opacity: 0.6;
}

.file-name {
    width: 100% !important;
    margin-top: 35px !important;
}

.div-combine-pdf {
    max-width: 800px
}

    .div-combine-pdf .div-input-doc-details {
        margin-top: 20px;
    }

    .div-combine-pdf .div-combine-all-docs-details {
        margin-top: 25px;
        border-radius: 4px;
        max-height: 100%;
        overflow-y: auto;
        height: 360px;
    }

        .div-combine-pdf .div-combine-all-docs-details .common-file-remove-icon {
            width: 16px;
            height: 16px;
        }

        .div-combine-pdf .div-combine-all-docs-details .doc-container {
            margin-bottom: 5px;
            cursor: move;
        }

.div-edit-documents {
    max-width: 800px
}

    .div-edit-documents .div-input-doc-details {
        margin-top: 20px;
    }

    .div-edit-documents .div-edit-all-docs-details {
        margin-top: 25px;
        border-radius: 4px;
        max-height: 250px;
        overflow-y: auto;
    }

        .div-edit-documents .div-edit-all-docs-details .common-file-remove-icon {
            width: 16px;
            height: 16px;
        }

        .div-edit-documents .div-edit-all-docs-details .doc-container {
            margin-bottom: 5px;
        }


.parent-work-hyperlink .work-info-each-cell-control-holder {
    /*color: #337ab7;*/
    text-decoration: underline;
}

.alpharep-info-each-cell-label.new-work-item-number-textbox-for-edit-work-flow-work-popup-info {
    font-size: 10px;
}

/* Override kendo styles*/
/*div.work-info-each-cell-outer .k-autocomplete .k-input, div.work-info-each-cell-outer .k-dropdown-wrap .k-input, div.work-info-each-cell-outer .k-multiselect-wrap .k-input,
div.work-info-each-cell-outer .k-numeric-wrap .k-input, div.work-info-each-cell-outer .k-picker-wrap .k-input, div.work-info-each-cell-outer .k-selectbox .k-input,
div.work-info-each-cell-outer .k-textbox > input {
    text-indent: 0px;
}*/


.k-icon.k-i-arrow-60-down {
    background: url(../../Images/alpharep/arrow_down-filled.svg) no-repeat scroll 0px 0px;
    background-size: 17px;
}

    .k-icon.k-i-arrow-60-down:before {
        content: '';
    }

.k-icon.k-i-calendar {
    background: url(../../Images/alpharep/calendar.svg) no-repeat scroll 0px 0px;
    background-size: 17px;
}

    .k-icon.k-i-calendar:before {
        content: '';
    }

.k-icon.k-i-clock {
    background: url(../../Images/alpharep/icon-clock-filled.svg) no-repeat scroll 0px 0px;
    background-size: 17px;
}

    .k-icon.k-i-clock:before {
        content: '';
    }

.k-select {
    border-left: none;
}

.k-multiselect .k-multiselect-wrap span.k-clear-value.k-i-close {
    top: 8px;
    right: 10%;
}

.k-multiselect-wrap .k-icon.k-i-arrow-60-down {
    right: 30% !important;
}

.k-item.k-menu-item.k-state-default.k-first.k-last .k-filterable.k-content .k-filter-menu .k-filter-menu-container .k-reset.k-multicheck-wrap li.k-item:first-child {
    display: block !important;
}

.btn-work-items-save-grid-state, .btn-work-items-revert-grid-state, 
#divDashboardAnalyticsDataContainer .btn-analytics-save-grid-state, #divDashboardAnalyticsDataContainer .btn-analytics-revert-grid-state {
    margin-top: 7px;
    margin-right: 10px;
    float: left;
}

    .btn-work-items-save-grid-state:hover path, .btn-work-items-revert-grid-state:hover path,
    #divDashboardAnalyticsDataContainer .btn-analytics-save-grid-state:hover path, #divDashboardAnalyticsDataContainer .btn-analytics-revert-grid-state:hover path {
        fill: #3E3D52;
        fill-opacity: .4;
    }

.grid-state-icon {
    line-height: 35px;
    background: transparent url("../../Images/alpharep/icon-grid-edit.svg") no-repeat scroll 0px 0px;
    margin-top: -5px;
}

.grid-revert-icon {
    line-height: 35px;
    background: transparent url("../../Images/alpharep/icon-grid-revert.svg") no-repeat scroll 0px 0px;
    margin-top: -5px;
    width: 24px;
    height: 24px;
}

.btn-work-items-export-excel {
    background: url(../../Images/alpharep/icon_xls-filled.svg) no-repeat scroll 0px 0px;
    box-shadow: none !important;
    background-color: white !important;
}
.btn-work-items-export-excel, .btn-analytics-export-excel {
    padding-top: 6px !important;
}

.btn-analytics-export-excel .export-icon,.btn-work-items-export-excel .export-icon {
    line-height: 35px;
    background: transparent url("../../images/alpharep/common/icon_download.svg") no-repeat scroll 0px 0px;
    margin-top: -2px;
}
    .btn-analytics-export-excel .export-icon path, .btn-work-items-export-excel .export-icon path {
        fill: #FFFFFF;
    }

    .btn-analytics-export-excel .export-icon-text, .btn-work-items-export-excel .export-icon-text, .btn-add-workflow-work-item .add-icon-text, .add-global-icon .add-icon-text {
        display: inline-block;
        vertical-align: top;
    }
.btn-add-workflow-work-item .add-icon-text, .add-global-icon .add-icon-text {
    padding-top: 2px;
}

/*.alpharep-work-items-container .work-items-actions-outer .btn-work-items-save-grid-state:hover,
.workflow-actions-outer .btn-work-items-save-grid-state.btn.btn-primary:hover,
#divDashboardAnalyticsDataContainer .btn-analytics-save-grid-state.btn.btn-primary:hover {
    filter: brightness(1) !important;
    background-color: #127DD6 !important;
    background-image: none;
    -webkit-mask: url(../../Images/alpharep/icon-grid-edit-opacity.svg) no-repeat 100% 100%;
    margin-right: 6px;
    padding-left: 9px;
}*/



/*************/
/*************/
/* Minimized upload*/
/********************************/
#divUploadProgressMinimizedCommonOuter {
    position: absolute;
    bottom: 20px;
    left: 100px;
    background-color: #3E3D52;
    color: #f2f2f2;
    display: none;
    z-index: 999999;
    min-width: 300px
}

#divUploadProgressMinimizedCommonText {
    padding: 10px;
}

#divUploadProgressMinimizedCommonProgressBar {
    height: 5px;
    width: 100%;
    background-color: #263238
}

#divUploadProgressMinimizedCommonProgressBarInner {
    height: 5px;
    width: 0%;
    background-color: #127DD6
}

.common-file-upload-progress-move-icon-outer {
    position: absolute;
    border-right: 1px solid #f2f2f2;
    bottom: 0px;
}

.common-file-upload-progress-info-outer {
    padding-left: 40px;
    padding-right: 40px;
}

img.common-file-upload-progress-move-icon {
    background: transparent url("../../Images/alpharep/drag_and_drop-filled.svg") no-repeat scroll 5px 6px;
}

.common-file-upload-progress-cancel-outer {
    position: absolute;
    border-left: 1px solid #f2f2f2;
    right: 0px;
    bottom: 0px;
}

img.common-file-upload-progress-cancel-icon {
    background: transparent url("../../Images/alpharep/icon-delete-filled.svg") no-repeat scroll 5px 0px
}

.common-file-upload-progress-move-icon, .common-file-upload-progress-cancel-icon {
    padding: 6px;
    width: 36px;
    height: 36px;
}

img.common-file-download-icon {
    background: transparent url("../../Images/alpharep/icon-download-filled.svg") no-repeat scroll 5px 0px
}

img.common-add-icon {
    background: transparent url("../../Images/alpharep/icon-edit_file-filled.svg") no-repeat scroll 5px 0px
}

img.common-edit-icon {
    background: transparent url("../../Images/alpharep/icon-edit_file-filled.svg") no-repeat scroll 5px 0px
}

img.common-edit-pencil-icon {
    background: transparent url("../../Images/alpharep/icon-edit-pencil.svg") no-repeat scroll 5px 0px
}

img.common-edit-pen-icon {
    background: transparent url("../../Images/alpharep/icon-edit-filled.svg") no-repeat scroll 5px 0px
}

img.common-favorite-icon {
    background: transparent url("../../Images/alpharep/icon_favorite-filled.svg") no-repeat scroll 5px 0px
}

img.common-share-icon {
    background: transparent url("../../Images/alpharep/icon-share-filled.svg") no-repeat scroll 5px 0px
}

img.common-vertical-menu-icon {
    background: transparent url("../../Images/alpharep/menu_vertical-filled.svg") no-repeat scroll 5px 0px
}

img.common-remove-icon {
    background: transparent url("../../Images/alpharep/icon-remove-filled.svg") no-repeat scroll 5px 0px
}

img.common-file-remove-icon {
    background: transparent url("../../Images/alpharep/icon-circle-minus-filled.svg") no-repeat scroll 5px 0px
}

img.common-clear-icon {
    background: transparent url("../../Images/alpharep/icon-clear-filled.svg") no-repeat scroll 5px 0px
}

img.common-view-icon {
    background: transparent url("../../Images/alpharep/icon-doc-view-filled.svg") no-repeat scroll 5px 0px
}

img.common-version-icon {
    background: transparent url("../../Images/alpharep/icon-versions-filled.svg") no-repeat scroll 5px 0px
}

img.common-cart-icon {
    background: transparent url("../../Images/alpharep/icon-add_shopping_cart-filled.svg") no-repeat scroll 5px 0px
}

img.common-move-icon {
    background: transparent url("../../Images/alpharep/icon-move-filled.svg") no-repeat scroll 5px 0px
}

img.convert-pdf-icon {
    background: transparent url("../../Images/alpharep/icon-convert-pdf-filled.svg") no-repeat scroll 5px 0px;
}

svg.convert-pdf-icon {
    width: 16px;
    height: 16px;
}

img.combine-pdf-icon {
    background: transparent url("../../Images/alpharep/icon-combine-pdf-filled.svg") no-repeat scroll 5px 0px
}

img.common-copy-icon {
    background: transparent url("../../Images/alpharep/icon-duplicate-filled.svg") no-repeat scroll 5px 0px
}

img.common-cloud-edit-icon {
    background: transparent url("../../Images/alpharep/icon-cloud_edit-filled.svg") no-repeat scroll 5px 0px
}

img.common-revert-icon {
    background: transparent url("../../Images/alpharep/icon-revert-filled.svg") no-repeat scroll 5px 0px
}

img.common-plus-icon {
    background: transparent url("../../Images/alpharep/icon-plus-filled.svg") no-repeat scroll 5px 0px
}

img.common-save-icon {
    background: transparent url("../../Images/alpharep/icon-edit_file-filled.svg") no-repeat scroll 5px 0px
}
/*#divUploadProgressMinimizedCommonOuter .common-file-upload-progress-cancel-outer svg path {
    fill: #f2f2f2 !important;
}*/
/******************/
.chkbox-display-document-subcategories-as-folders-outer-div {
    white-space: nowrap;
    padding-left: 20px
}

.work-item-header {
    margin-top: 10px;
    box-shadow: 0 1px 0 0 #dfdfdf;
    padding-bottom: 10px;
}

#divSearchResultDocumentListHeader.work-item-header {
    margin-top: 0px;
    height: 35px;
    padding-top: 10px;
  
}

#divWorkItemsGlobalSearchViewResultDocsListOuter #divSearchResultDocumentListInner .portal-document-link[portal-attachment-viewable="0"] .context-menu-container .view-document,
#divWorkItemsGlobalSearchViewResultDocsListOuter #divSearchResultDocumentListInner .portal-document-link[portal-attachment-open-link="1"] .context-menu-container .cloud-edit-document,
#divWorkItemsGlobalSearchViewResultDocsListOuter #divSearchResultDocumentListInner .portal-document-link[portal-attachment-open-link="1"] .context-menu-container .view-document,
#divWorkItemsGlobalSearchViewResultDocsListOuter #divSearchResultDocumentListInner .portal-document-link[portal-is-web-link="1"] .context-menu-container .cloud-edit-document,
#divWorkItemsGlobalSearchViewResultDocsListOuter #divSearchResultDocumentListInner .portal-document-link[portal-is-web-link="1"] .context-menu-container .share-document,
#divWorkItemsGlobalSearchViewResultDocsListOuter #divSearchResultDocumentListInner .portal-document-link[portal-is-web-link="1"] .context-menu-container .download-document,
#divWorkItemsGlobalSearchViewResultDocsListOuter #divSearchResultDocumentListInner .portal-document-link[portal-is-web-link="1"] .context-menu-container .document-version,
#divWorkItemsGlobalSearchViewResultDocsListOuter #divSearchResultDocumentListInner .portal-document-link[portal-is-web-link="1"] .context-menu-container .add-document-to-cart {
    display: none;
}

#divWorkItemsGlobalSearchViewResultDocsListOuter .context-menu-toggle-link {
    height: 26px;
    display: block;
}

#divWorkItemDocumentContainer,
#divWorkItemsGlobalSearchViewResultDocsListOuter {
    font-size: 11px;
}

    #divWorkItemDocumentContainer .col-xs-2{
        width: 13%;
    }

    #divWorkItemDocumentContainer #divDocumentsPagination,
    #divWorkItemsGlobalSearchViewResultDocsListOuter #divDocumentsPagination {
        left: 0;
    }

    #divWorkItemDocumentContainer .right-panel-each-attachment-outer,
    #divWorkItemsGlobalSearchViewResultDocsListOuter .right-panel-each-attachment-outer {
        cursor: pointer;
    }

    #divWorkItemDocumentContainer .document-folder,
    #divWorkItemsGlobalSearchViewResultDocsListOuter .document-folder {
        padding-left: 30px;
    }

        #divWorkItemDocumentContainer .document-folder .portal-hyperlink span,
        #divWorkItemsGlobalSearchViewResultDocsListOuter .document-folder .portal-hyperlink span {
            margin-left: 40px;
            margin-top: -25px;
            color: #333;
            cursor: pointer;
        }

        #divWorkItemsGlobalSearchViewResultDocsListOuter .document-folder .portal-hyperlink span {
            margin-left: 50px;
        }

    #divWorkItemDocumentContainer .required,
    #divWorkItemsGlobalSearchViewResultDocsListOuter .required {
        color: #BD1D1D;
        font-size: 16px;
        vertical-align: middle;
    }

    #divDocumentListHeader .quick-filter-documents-outer-div,
    #divWorkItemsGlobalSearchViewResultDocsListOuter .quick-filter-documents-outer-div {
        padding-top: 0px;
        right: 10px;
        bottom: 0;
    }

        #divDocumentListHeader .quick-filter-documents-outer-div .quick-filter-documents-textbox,
        #divWorkItemsGlobalSearchViewResultDocsListOuter .quick-filter-documents-outer-div .quick-filter-documents-textbox {
            width: 120px;
            margin-bottom: 2px;
            padding: 5px 24px 5px 7px;
            height: 27px;
            line-height: 27px;
            box-shadow: none;
            border-radius: 2px;
        }

        #divDocumentListHeader .quick-filter-documents-outer-div .clear-box-icon-outer,
        #divWorkItemsGlobalSearchViewResultDocsListOuter .quick-filter-documents-outer-div .clear-box-icon-outer {
            right: 0px;
            top: 0px;
            cursor: pointer;
        }

    #divDocumentListHeader .quick-filter-documents-outer-div,
    #divWorkItemsGlobalSearchViewResultDocsListOuter .quick-filter-documents-outer-div {
        padding-top: 0px;
        padding-left: 20px;
    }
#divDocumentListHeader {
    font-weight: 500;
    font-size: 14px;
}
#divDocumentListHeader .attachment-folders-breadcrumb-list {
    position: absolute;
    left: 70px;
    background-color: #fff;
    top: 0px;
    width: calc(100% - 100px);
    height: 30px;
    border: 1px solid #c3c3c3;
    border-radius: 2px;
    cursor: pointer;
    color: #333333;
   
    padding: 4px;
}
    #divDocumentListHeader .attachment-folders-breadcrumb-list a{
        color:#333333;
    }
    #divDocumentListHeader .selected-sort-by-field {
        display: none;
    }
#divDocumentListHeader .add-folder-breadcrumb-icon {
    background: transparent url("../../../../Images/AlphaRep/nav/icon_folder_add.svg") no-repeat scroll 5px 0px;
}

#divDocumentListHeader .go-up-folder-icon {
    background: transparent url("../../../../Images/AlphaRep/common/arrow_up.svg") no-repeat scroll 5px 0px;
}

#divDocumentListHeader .explore-folder-breadcrumb-icon {
    background: transparent url("../../../../Images/AlphaRep/nav/icon_folder_hierarchy_collapse.svg") no-repeat scroll 5px 0px;
}
#divDocumentListHeader .open-flow-tree-icon-link {
   float:right;
}
    #divDocumentListHeader .open-flow-tree-icon-link path {
        fill: #003865;
    }
#divAttachmentFoldersFlowBreadcrumbOuter {
    position: absolute;
    left: 70px;
    background-color: #fff;
    top: 28px;
    width: calc(100% - 112px);
    height: auto;
    min-height: 200px;
    max-height:400px;
    overflow: auto;
    border: 1px solid #c3c3c3;
    border-radius: 2px;
    z-index: 1;
    display: none; 
    padding: 5px;
}
#bodyMain #divAttachmentFoldersFlowBreadcrumbOuter .k-state-selected .each-tree-node-span, #bodyMain #divAttachmentFoldersFlowBreadcrumbOuter .k-state-hover span.each-tree-node-span {
    background-color: #f0f0f0;
}
#divAttachmentFoldersFlowBreadcrumbOuter .k-state-selected {
    color: #000000;
    background-color: #ECEFF1;
    width: 99%;
    border-radius: 0;
    box-shadow:none;
}
/*#divAttachmentFoldersFlowBreadcrumbOuter .k-state-selected .node-has-children, #divAttachmentFoldersFlowBreadcrumbOuter .k-state-selected span.node-is-last {
    background: transparent url(../../images/alpharep/folder-filled.svg) no-repeat scroll 0px 0px;
}*/

/*#divAttachmentFoldersFlowBreadcrumbOuter .node-has-children, #divAttachmentFoldersFlowBreadcrumbOuter .k-state-selected span.node-is-last {
    background: transparent url(../../images/alpharep/folder-unfilled.svg) no-repeat scroll 0px 0px;
}*/

/*#divAttachmentFoldersFlowBreadcrumbOuter span.node-is-last {
    background: transparent url(../Images/Icons/V2/icon_folder_outline.svg) no-repeat scroll 0px -1px;
    background-size: 23px;
    padding-left: 25px;
}*/

#divAttachmentFoldersFlowBreadcrumbOuter .each-tree-node-span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    float: left;
    height: 18px;
    width:24px;
    background: transparent url(../../images/alpharep/folder-unfilled.svg) no-repeat scroll 0px 0px;
}

/*#divAttachmentFoldersFlowBreadcrumbOuter .k-state-selected .each-tree-node-span {    
    background: transparent url(../../images/alpharep/folder-filled.svg) no-repeat scroll 0px 0px;
}*/

    #divDocumentListHeader .open-flow-tree-icon-link {
        float: right;
    }
    #divDocumentListHeader .open-flow-tree-icon-link .open-flow-tree-icon {
        background: transparent url("../../../../Images/AlphaRep/folder-filled.svg") no-repeat scroll 5px 0px;       
    }


    .portal-details-folder-area-common-action-outer svg:not(.portal-details-folder-area-menu-switch-right-panel-view-icon) {
        margin-top: 0px;
        margin-left: 5px;
    }

#divWorkItemsGlobalSearchViewResultDocsListOuter .btn-group {
    height: 26px;
    display: block;
    padding-right:4%;
}
/*#divAlpharepWorkItemDetailsContainer #divSelectedWorkItemDocuments {
    overflow-y: scroll;
}*/

#divAlpharepWorkItemDetailsContainer #divSelectedWorkItemDocuments{
    min-height:35px;
}
#divAlpharepWorkItemDetailsContainer .document-context-menu,
#divWorkItemsGlobalSearchViewResultDocsListOuter .document-context-menu {
    background: transparent url(../../images/alpharep/context-menu-icon.svg) no-repeat scroll 0px 0px;
    cursor: pointer;
    border: none;
    /*margin-top: 5px;*/
    -webkit-box-shadow: none;
    margin-right: -37px;
    width: 25px;
    margin-bottom: -18px;
    padding: 8px;
}

#divAlpharepWorkItemDetailsContainer .folder-context-menu,
#divWorkItemsGlobalSearchViewResultDocsListOuter .folder-context-menu {
    background: transparent url(../../images/alpharep/context-menu-icon.svg) no-repeat scroll 0px 0px;
    cursor: pointer;
    border: none;
    /*margin-top: 5px;*/
    -webkit-box-shadow: none;   
    width: 25px;
    margin-bottom: -12px;
}

#divAlpharepWorkItemDetailsContainer .thumbnail-container .folder-context-menu,
#divWorkItemsGlobalSearchViewResultDocsListOuter .thumbnail-container .folder-context-menu {
    margin-bottom: -18px;
}

#divAlpharepWorkItemDetailsContainer .thumbnail-container .document-context-menu { 
    margin-right: -10px !important;   
}
.thumbnail-container .multi-selection-file-cart-checkbox {
    margin-left: 5px;
    margin-top: 5px;
}
#divWorkItemsGlobalSearchViewResultDocsListOuter .document-context-menu {
    margin-left: 10px;
}

#divWorkItemsGlobalSearchViewResultDocsListOuter {
    height: calc(100% - 79px);
    overflow-y: auto;
    display: block;
    float: none;
}

#divSearchResultDocumentListInner {
    height: calc(100% - 25px);
}

#divAlpharepWorkItemDetailsContainer #divSelectedWorkItemDocuments .grid-container,
#divWorkItemsGlobalSearchViewResultDocsListOuter #divSearchResultDocumentListInner .grid-container {
    height: auto;
    min-height:50px;
    padding-top: 14px;
    padding-bottom: 10px;
    border-top: 1px solid #dfdfdf;
}
#divAlpharepWorkItemDetailsContainer #divSelectedWorkItemDocuments .grid-container {
    padding-top: 4px;
    font-size:13px;
}
#divWorkItemsGlobalSearchViewResultDocsListOuter #divSearchResultDocumentListInner .grid-container {
  
    padding-top: 8px;
 
}

#divAlpharepWorkItemDetailsContainer #divSelectedWorkItemDocuments .portal-document-link:hover,
#divWorkItemsGlobalSearchViewResultDocsListOuter #divSearchResultDocumentListInner .portal-document-link:hover {
    background-color: #C3E0FF;
    box-shadow: 0 1px 0 0 #dfdfdf;
}

#divAlpharepWorkItemDetailsContainer #divSelectedWorkItemDocuments .portal-document-link .selected-favorite-right-attachment-item,
#divWorkItemsGlobalSearchViewResultDocsListOuter #divSearchResultDocumentListInner .portal-document-link .selected-favorite-right-attachment-item {
    background: transparent url(../../images/alpharep/star-filled.svg) no-repeat scroll 0px 0px;
    width: 20px;
    height: 18px;
    margin-top: 2px;
    float: right;
    cursor: pointer;
}

#divAlpharepWorkItemDetailsContainer #divSelectedWorkItemDocuments .portal-document-link .ellipsis-text-parent-element input,
#divWorkItemsGlobalSearchViewResultDocsListOuter #divSearchResultDocumentListInner .portal-document-link .ellipsis-text-parent-element input {
    position: absolute;
}

#divAlpharepWorkItemDetailsContainer #divSelectedWorkItemDocuments .portal-document-link .ellipsis-text-parent-element a,
#divWorkItemsGlobalSearchViewResultDocsListOuter #divSearchResultDocumentListInner .portal-document-link .ellipsis-text-parent-element a{
   
    cursor: pointer;
    color: #003865;
    font-weight: 500;
    font-size: 14px;
    padding-top: 5px;
    cursor: pointer;
    text-decoration: underline;
}

#divAlpharepWorkItemDetailsContainer #divSelectedWorkItemDocuments .file-description,
#divWorkItemsGlobalSearchViewResultDocsListOuter #divSearchResultDocumentListInner .file-description {
    cursor: pointer;
    color: #003865;
    font-weight: 500;
    font-size: 13px;
    margin-left:40px;
    margin-top:-18px;
    text-transform: uppercase;
    width:90%;
}

    #divAlpharepWorkItemDetailsContainer #divSelectedWorkItemDocuments .file-size.col-xs-1{
        width:8%;
    }

#divAlpharepWorkItemDetailsContainer #divSelectedWorkItemDocuments .col-xs-1.div-context-menu-container {
    width: 6.66667%;
}

        #divAlpharepWorkItemDetailsContainer #divSelectedWorkItemDocuments .grid-container .file-description {
            margin-left: 55px;
            margin-top: initial;
        }

#divAlpharepWorkItemDetailsContainer #divSelectedWorkItemDocuments .thumbnail-container .file-description, #divWorkItemsGlobalSearchViewResultDocsListOuter #divSearchResultDocumentListInner .thumbnail-container .file-description {
    margin-left: -3px;
    margin-top: -19px;
    text-transform: none;
}

#divAlpharepWorkItemDetailsContainer #divSelectedWorkItemDocuments .portal-document-link .ellipsis-text-parent-element a {
    margin-left: 16px;
    -webkit-user-drag:none;
}

#divAlpharepWorkItemDetailsContainer #divSelectedWorkItemDocuments .thumbnail-container.portal-document-link .ellipsis-text-parent-element a {
    margin-left: 10px;
}
    #divWorkItemsGlobalSearchViewResultDocsListOuter #divSearchResultDocumentListInner .portal-document-link .ellipsis-text-parent-element a {
        margin-left: 0px;
    }
    #divAlpharepWorkItemDetailsContainer #divSelectedWorkItemDocuments .grid-container .selected-favorite-right-attachment-item,
    #divWorkItemsGlobalSearchViewResultDocsListOuter #divSearchResultDocumentListInner .grid-container .selected-favorite-right-attachment-item {
        margin-right: 10px;
    }

#divAlpharepWorkItemDetailsContainer .thumbnail-view, #divWorkItemsGlobalSearchViewResultDocsListOuter .thumbnail-view {
    
    background: transparent url(../../images/alpharep/icon-thumbnail-view.svg) no-repeat scroll 0px 0px;
    cursor: pointer;
}

#divAlpharepWorkItemDetailsContainer .grid-view, #divWorkItemsGlobalSearchViewResultDocsListOuter .grid-view {
    /*width: 18px;
    height: 18px;*/
    background: transparent url(../../images/alpharep/icon-list-view.svg) no-repeat scroll 0px 0px;
    cursor: pointer;
    margin-right: 10px;
}

#divSelectedWorkItemDocuments #optionsList,
#divWorkItemsGlobalSearchViewResultDocsListOuter #optionsList {
    width: 200px;
    font-size: 11px;
    font-weight: 700;  
}

#divSelectedWorkItemDocuments .thumbnail-container #optionsList,
#divWorkItemsGlobalSearchViewResultDocsListOuter .thumbnail-container #optionsList {  
    height: 415px;
}
#divSelectedWorkItemDocuments .folder-container.thumbnail-container #optionsList, #divWorkItemsGlobalSearchViewResultDocsListOuter .folder-container.thumbnail-container #optionsList {
    height: 80px;
}
#divWorkItemsGlobalSearchViewResultDocsListOuter .btn-group.open .dropdown-toggle {
    box-shadow: none;
}

#divSelectedWorkItemDocuments #optionsList .right-each-attachment-action-outer div.row,
#divWorkItemsGlobalSearchViewResultDocsListOuter #optionsList .right-each-attachment-action-outer div.row{
    padding-top: 3px;
    padding-bottom: 3px;
    cursor: pointer;
    padding-left: 5px
}

    #divSelectedWorkItemDocuments #optionsList .right-each-attachment-action-outer div.row:hover,
    #divWorkItemsGlobalSearchViewResultDocsListOuter #optionsList .right-each-attachment-action-outer div.row:hover {
        color: #ffffff;
        background-color: #127DD6;
    }

    #divSelectedWorkItemDocuments #optionsList .right-each-attachment-action-outer div.row svg,
    #divWorkItemsGlobalSearchViewResultDocsListOuter #optionsList .right-each-attachment-action-outer div.row svg,
    .bulk-item-actions #bulkDocumentsContextMenuContainer .row.dropdown-item svg {
        margin-right: 10px;
        vertical-align: middle;
    }
        .bulk-item-actions #bulkDocumentsContextMenuContainer .row.dropdown-item svg{
            margin-bottom:3px;
        }
.bulk-item-actions #bulkDocumentsContextMenuContainer .row.dropdown-item.no-border-bottom {
    border-bottom: none;
}

.bulk-item-actions #bulkDocumentsContextMenuContainer {
    width: 300px;
}
        .bulk-item-actions #bulkDocumentsContextMenuContainer .row.dropdown-item{
            padding-top:8px;
        }

        #divSelectedWorkItemDocuments #optionsList .right-each-attachment-action-outer div.row:hover path,
        #divWorkItemsGlobalSearchViewResultDocsListOuter #optionsList .right-each-attachment-action-outer div.row:hover path {
            fill: white;
        }

#divSelectedWorkItemDocuments .extra-meta-data,
#divWorkItemsGlobalSearchViewResultDocsListOuter .extra-meta-data {
    border-top: 1px solid #dfdfdf;
}

    #divSelectedWorkItemDocuments .extra-meta-data div.col-sm-12,
    #divWorkItemsGlobalSearchViewResultDocsListOuter .extra-meta-data div.col-sm-12 {
        padding-left: 5px;
    }

#divSelectedWorkItemDocuments .back-to-attachments-icon-div svg,
#divWorkItemsGlobalSearchViewResultDocsListOuter .back-to-attachments-icon-div svg {
    width: 25px;
    /*margin-left: 20px;*/
    cursor: pointer;
    height: 23px;
    margin-top: 10px;
}

#divSelectedWorkItemDocuments .right-panel-each-attachment-outer a,
#divWorkItemsGlobalSearchViewResultDocsListOuter .right-panel-each-attachment-outer a {
    color: #333;
    font-weight: 700;
}

.document-list-align svg {
    height: 24px;
    width: 24px;
    margin-left: 10px;
}

#divSelectedWorkItemDocuments .grid-container .file-category,
#divWorkItemsGlobalSearchViewResultDocsListOuter .grid-container .file-category {
    padding-left: 70px;   
    font-size: 12px;
}
#divSelectedWorkItemDocuments .grid-container .file-category {
    margin-top: -12px;
}
    #divWorkItemsGlobalSearchViewResultDocsListOuter .grid-container .file-category {
        margin-top: -15px;
    }

#divWorkItemsGlobalSearchViewResultDocsListOuter .grid-container .file-category {
    width: calc(100% - 30px);
}

.right-each-attachment-action-outer img {
    width: 20px;
    margin-right: 10px;
    height: 20px;
}

#divWorkItemsGlobalSearchViewResultDocsListOuter .document-list-align span {
    margin-top: -38px;
}

.document-list-align span {
    margin-top: -33px;
    display: block;
    margin-left: 55px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.portal-list-each-item-folder-icon, .attachment-folder-icon {
    background: transparent url("../../../../Images/alpharep/folder-unfilled.svg") no-repeat scroll 5px 0px;
}

.folder-list-each-item-folder-icon {
    background: transparent url("../../../../Images/alpharep/folder-unfilled.svg") no-repeat scroll 5px 0px;
}

#divWorkItemAttachmentContainer .add-new-work-item-documents-drop-attachments-area {
    border: none;
}

.tab-action-outer .div-categories-check {
    background-color: #127DD6;
    padding-top: 0px;
}

    .tab-action-outer .div-categories-check .container-checkbox .checkbox-label {
        vertical-align: text-top;
    }

    .tab-action-outer .div-categories-check .container-checkbox input:checked ~ .checkmark {
        background-color: #ffffff;
    }

        .tab-action-outer .div-categories-check .container-checkbox input:checked ~ .checkmark:after {
            border-color: #0D9A79 !important;
            display: block;
        }

    .tab-action-outer .div-categories-check label {
        color: #ffffff;
        font-weight: 500;
        cursor: pointer;
    }

        .tab-action-outer .div-categories-check label .general-check-style {
            vertical-align: text-bottom;
        }

.tab-action-outer .btn-delete-document {
    opacity: .5;
}

.tab-action-outer .btn-document-selected {
    opacity: 1;
}

.tab-action-outer .btn-send-release {
    background-color: #0D9A79 !important;
    margin-right: 5px;
}
.btn-convert-order {
    margin-left: 5px;
    margin-right: 5px;
}
    .document-label-title .alpharep-label {
    font-weight: 500;
    line-height: 18px;
    font-size: 11px;
}

.add-document-menu {
    width: auto;
    /*left: -48px;*/
    /*padding-left: 15px;*/
}

    /*.add-document-menu .dropdown-item :hover {
        background-color: #CDF1F2;
    }*/

#divAddDocumentContainer, #divEditDocumentContainer {
    max-width: 600px;
}

    #divAddDocumentContainer div.col-xs-12, #divEditDocumentContainer div.col-xs-12, #divShareDocumentContainer div.col-xs-12 {
        margin-top: 10px;
    }

    #divAddDocumentContainer .alpharep-label, #divEditDocumentContainer .alpharep-label, #divShareDocumentContainer, #divShareDocumentContainer .alpharep-label, #divWorkItemNoteContainer, .context-menu-container {
        font-weight: 500;
        line-height: 18px;
        font-size: 11px;
        opacity: 1;
        margin-bottom: 20px;
        padding-bottom: 5px;
    }

        #divAddDocumentContainer .alpharep-textbox, #divEditDocumentContainer .alpharep-textbox, #divShareDocumentContainer .alpharep-textbox {
            opacity: 1;
        }

/*.shared-doc-container, .version-doc-container {
    max-width: 750px;
}*/
.shared-doc-container{
    border:none !important;
}

.shared-doc-container .div-shared-documents-header, .shared-doc-container .alpharep-header, .version-doc-container .div-version-documents-header {
    font-weight: 700;
    opacity: 1;
    font-size: 11px;
}

    .shared-doc-container .div-shared-documents-header, .version-doc-container .div-version-documents-header {
        box-shadow: 0 1px 0 0 #dfdfdf;
    }

    .shared-doc-container .div-sharing-list {
        box-shadow: 0 1px 0 0 #dfdfdf;
    }

    .shared-doc-container .sharing-docs-sharing-link-options-outer {
        border-top: 1px solid #dfdfdf;
        padding-top: 20px
    }

        .shared-doc-container .sharing-docs-sharing-link-options-outer input{
            margin-right: 5px;
        }

.document-action-icon svg {
    margin-right: 10px;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.work-item-documents-actions-outer .btn {
    margin-right: 5px;
}

.portal-document-link .view-document svg, .portal-document-link .share-document svg {
    width: 16px;
    height: 16px
}

#divDocumentListHeader .selected-view path,
#divWorkItemsGlobalSearchViewResultDocsListOuter .selected-view path {
    fill: #26a69a !important;
}
/* Thumbnail attachmets - start*/
#divWorkItemDocumentContainer .thumbnail-container,
#divWorkItemsGlobalSearchViewResultDocsListOuter .thumbnail-container {
    width: 248px;
    height: 200px;
    box-shadow: none;
    border: 1px solid #DFDFDF;
    /*border: 1px solid #003865;*/
    margin: 30px;
    cursor: pointer;
    padding-right: 0px;
}

    #divWorkItemDocumentContainer .thumbnail-container.multiselect-selected,
    #divWorkItemsGlobalSearchViewResultDocsListOuter .thumbnail-container.multiselect-selected {       
        border: 1px solid #003865;       
    }

#divWorkItemDocumentContainer .alpharep-textbox,
#divWorkItemsGlobalSearchViewResultDocsListOuter .alpharep-textbox {
    background-color: #ECEEEE;
    box-sizing: border-box;
    height: 24px;
    color: #3E3D52;
    font-size: 11px;
    font-weight: normal;
}

#divWorkItemDocumentContainer .thumbnail-container .pull-right > .dropdown-menu,
#divWorkItemsGlobalSearchViewResultDocsListOuter .thumbnail-container .pull-right > .dropdown-menu {
    right: inherit;
}

#divWorkItemDocumentContainer .thumbnail-container .ellipsis-text-parent-element svg,
#divWorkItemsGlobalSearchViewResultDocsListOuter .thumbnail-container .ellipsis-text-parent-element svg {
    width: 200px;
    height: 120px;
}

#divWorkItemDocumentContainer .thumbnail-container .thumbnail-text,
#divWorkItemsGlobalSearchViewResultDocsListOuter .thumbnail-container .thumbnail-text {
    padding-left: 45px;
}

#divWorkItemDocumentContainer .thumbnail-container .document-folder,
#divWorkItemsGlobalSearchViewResultDocsListOuter .thumbnail-container .document-folder {
    padding-top: 20px;
    padding-left: 35px;
}

#divWorkItemDocumentContainer .thumbnail-container .multi-selection-file-cart-checkbox,
#divWorkItemsGlobalSearchViewResultDocsListOuter .thumbnail-container .multi-selection-file-cart-checkbox {
    position: absolute;
    left: 0px;
}

#divWorkItemDocumentContainer .thumbnail-container .ellipsis-text-parent-element svg,
#divWorkItemsGlobalSearchViewResultDocsListOuter .thumbnail-container .ellipsis-text-parent-element svg {
    margin-top: 20px;
    margin-left: 0px;
}

#divWorkItemDocumentContainer .thumbnail-container .document-folder svg,
#divWorkItemsGlobalSearchViewResultDocsListOuter .thumbnail-container .document-folder svg {
    margin: 0px;
}

#divWorkItemDocumentContainer .grid-container .document-folder svg,
#divWorkItemsGlobalSearchViewResultDocsListOuter .grid-container .document-folder svg {
    margin-left: 3px;
}

#divWorkItemsGlobalSearchViewResultDocsListOuter .document-folder {
    padding-left: 20px;
}

#divWorkItemDocumentContainer .thumbnail-container .category-name,
#divWorkItemsGlobalSearchViewResultDocsListOuter .thumbnail-container .category-name {
    margin-left: -10px;
    margin-top: 18px;
    font-size: 14px;
    /* font-weight: 500; */
    vertical-align: super;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    /* padding-bottom: 20px; */
    cursor: pointer;
    background-color: #DFDFDF;
    width: 246px;
}
.thumbnail-container .folder-context-menu-container{
    position:absolute;
    right:10px
}
#divWorkItemDocumentContainer .thumbnail-container img,
#divWorkItemsGlobalSearchViewResultDocsListOuter .thumbnail-container img {
    /*max-width: calc(100% + 20px);*/
    max-height: calc(100% - 40px);
    display: block;
    margin: auto;
}

#divWorkItemDocumentContainer .thumbnail-container .file-name, #divWorkItemDocumentContainer .thumbnail-container
, #divWorkItemsGlobalSearchViewResultDocsListOuter .thumbnail-container {
    padding: 0px;
    margin-left: -5px;
    margin-top: 10px;

}
    #divWorkItemsGlobalSearchViewResultDocsListOuter .thumbnail-container .file-name, #divWorkItemDocumentContainer .thumbnail-container .file-name {
        margin-left: 0px;
        padding-left: 12px;
        margin-top: 10px;
        margin-top: -24px !important;
        text-align: left;
        background-color: #DFDFDF;
        font-size: 14px;
        padding-top: 6px;
        padding-bottom: 18px;
    }
    #divWorkItemsGlobalSearchViewResultDocsListOuter .thumbnail-container.multiselect-selected .file-name, #divWorkItemDocumentContainer .thumbnail-container.multiselect-selected .file-name {       
        background-color: #C3E0FF;        
    }

    #divWorkItemDocumentContainer .ellipsis-text-parent-element {
        height: calc(100% - 20px);
    }

#divWorkItemDocumentContainer .grid-container .ellipsis-text-parent-element {
    margin-left:-16px;
}

#divWorkItemDocumentContainer .ellipsis-text-parent-element {
    padding-top:5px;
    height: calc(100% - 20px);
}
    #divWorkItemsGlobalSearchViewResultDocsListOuter .thumbnail-container .ellipsis-text-parent-element {
        height: calc(100% - 20px);
        width: 95%;
    }

.thumbnail-container .btn-group {
    margin-top: 2px;
    margin-right: -15px;
}

.thumbnail-container .div-context-menu-container, .thumbnail-container .context-menu-container {
    position: absolute;
    right: 0px;
}
#divWorkItemsGlobalSearchViewResultDocsListOuter .ellipsis-text-parent-element {
    height: 25px;
}
#divWorkItemsGlobalSearchViewResultDocsListOuter .document-header, #divWorkItemDocumentContainer .document-header {
    height: 35px;
    color: #003865;
    font-weight: 700;
    font-size: 14px;
    padding-top: 5px;
}
    #divWorkItemDocumentContainer .col-xs-4.document-header{
        margin-right:-15px;
    }
    #divWorkItemDocumentContainer .check-all-documents {
        margin-top: 7px;
        float: left;
    }
    #divImageAndVideoViewerPopup .img-vdo-viewer-popup-prev-icon-link, #divImageAndVideoViewerPopup .img-vdo-viewer-popup-next-icon-link {
        display: flex;
        height: calc(100% - 40px);
        width: 85px;
        align-items: center;
        margin: auto;
    }

    #divImageAndVideoViewerPopup .img-vdo-viewer-popup-prev-icon-link svg, #divImageAndVideoViewerPopup .img-vdo-viewer-popup-next-icon-link svg {
        width: 100px;
        height: 100px;
        padding: 20px;
    }

    #divImageAndVideoViewerPopup .img-vdo-viewer-popup-prev-icon-link img {
        background: transparent url("../../../../Images/AlphaRep/arrow-left.svg") no-repeat scroll 5px 0px;
    }

    #divImageAndVideoViewerPopup .img-vdo-viewer-popup-next-icon-link img, .breadcrumb-path-separator-icon {
        background: transparent url("../../../../Images/AlphaRep/arrow-right.svg") no-repeat scroll 5px 0px;
        height:12px;
        width:12px;
    }



#divImageAndVideoViewerPopup .disable-next-prev svg {
    fill: #dfdfdf;
    cursor: default;
}

#divImageAndVideoViewerPopup .image-video-viewer-for-image-outer {
    display: table;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    padding: 0;
    max-height: 100%;
}

    #divImageAndVideoViewerPopup .image-video-viewer-for-image-outer span.outer-img-viewer-span {
        text-align: center;
        display: table-cell;
        vertical-align: middle;
    }

#divImageAndVideoViewerPopup .viewer-holder {
    height: calc(100% - 40px);
    width: 100%;
}

    #divImageAndVideoViewerPopup .viewer-holder table {
        width: 100%;
        height: 100%;
    }

        #divImageAndVideoViewerPopup .viewer-holder table tr td {
            width: 100px;
        }

            #divImageAndVideoViewerPopup .viewer-holder table tr td.all-img-vdo-viewer-holder-td {
                width: calc(100% - 200px);
            }

#divImageAndVideoViewerPopup .image-video-viewer-for-image-outer span.inner-img-viewer-span {
    display: inline-block;
}

#divImageAndVideoViewerPopup .image-video-viewer-for-image-outer img.inner-img-viewer-img {
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}

#divImageAndVideoViewerPopup .image-video-viewer-for-image-outer span img {
    display: block;
}

#divImageAndVideoViewerPopup .image-video-viewer-for-embed-video-player-outer, #divImageAndVideoViewerPopup .image-video-viewer-for-video-outer {
    text-align: center;
}
/* Tasks Tab - start */
.tasks-tab-tasks-list {
    /*max-width: 800px;*/
}

#divTasksDataContainer[tasks-list="1"] {
    font-size: 12px;
}

#divTasksDataContainer[task-add-edit="1"] {
    max-width: 1000px;
    width: 100%;
    padding: 13px 10px;
    height: 100%
}

#divTasksDataContainer .work-info-each-cell-outer {
    width: 50%;
    /*
    float: left;
    padding: 3px 6px;
    font-size: 11px;
    position: relative;
    margin-bottom: 5px;*/
}

/* Tasks Tab - end */

/*NOTE TAB*/
#divWorkItemNoteContainer #divNoteListContainer {
    margin-top: 5px;
}

#divWorkItemNoteContainer .each-note-outer {
    border: 1px solid rgba(62,61,82,0.4);
    background-color: #ECEEEE;
    margin-bottom: 10px;
    padding-right: 0px;
    padding-left: 0px;
}

#divWorkItemNoteContainer .note-context-menu {
    background: transparent url(../../images/alpharep/menu_vertical-filled.svg) no-repeat scroll 0px 0px;
    height: 15px;
    cursor: pointer;
    border: none;
    -webkit-box-shadow: none;
}

    #divWorkItemNoteContainer .note-context-menu svg {
        margin-bottom: -3px;
        margin-right: 10px;
    }

#divWorkItemNoteContainer .note-documents {
}

#note-documents ul {
    width: 300px;
}

#divWorkItemNoteContainer .download-note-document {
    cursor: pointer;
    height: 32px;
    border-top: 1px solid rgba(62,61,82,0.4);
    border-left: 1px solid rgba(62,61,82,0.4);
}

    #divWorkItemNoteContainer .download-note-document svg {
        width: 20px;
        height: 20px;
        margin-right: 10px;
        margin-top: 5px;
        margin-bottom: -5px;
    }

.download-note-document .btn-group {
    padding-right: 0px;
    padding-top: 10px;
}

#divWorkItemNoteContainer .workitem-note {
    padding-top: 10px;
    padding-bottom: 10px;
}

#divWorkItemNoteContainer .workitem-note-who-when {
    background-color: white;
    padding-left: 0px;
}

.workitem-note-who-when svg {
    margin-right: 10px;
    vertical-align: middle;
    height: 15px !important;
}

#divWorkItemNoteContainer .context-menu-container div.col-xs-12:hover {
    color: #ffffff;
    background-color: #127DD6;
    cursor: pointer;
}

#txtNotePopUpAddEditNote {
    width: 300px;
    height: 200px;
}

span.required {
    color: #BD1D1D;
    font-size: 16px;
    vertical-align: top;
}

.workitem-note-who-when .note-meta-data-text {
    width: 98%;
    float: left;
    text-align: left;
}

.different-user-note .workitem-note-who-when .note-meta-data-text {
    text-align: left;
}

.user-own-note .workitem-note-who-when .note-meta-data-text {
    text-align: right;
}

.workitem-note-who-when .btn-group {
    width: 15px;
}

#divWorkItemNoteContainer .user-own-note {
    padding-left: 50px;
}

.download-note-document .note-context-menu {
    display: none;
}

/*END OF NOTE TAB*/
/* Workflow Tab - start */
.workflow-each-work-type-toggle-holder .alpharep-checkbox:not(:checked) + label,
.workflow-each-work-type-toggle-holder .alpharep-checkbox:checked + label {
    color: #F8FAFA;
    background-color: #0D9A79;
    padding: 0px 5px 0px 25px;
    margin-bottom: 0;
}

    .workflow-each-work-type-toggle-holder .alpharep-checkbox:not(:checked) + label:before,
    .workflow-each-work-type-toggle-holder .alpharep-checkbox:checked + label:before {
        left: 5px;
        background: #F8FAFA;
        border-color: #F8FAFA;
    }

    .workflow-each-work-type-toggle-holder .alpharep-checkbox:not(:checked) + label:after,
    .workflow-each-work-type-toggle-holder .alpharep-checkbox:checked + label:after {
        left: 7px;
        color: #0D9A79;
    }

#divWorkflowDataContainer .k-grouping-row a.k-icon:focus {
    outline: none;
}

#divWorkflowDataContainer .k-grouping-row a.k-icon:before {
    background: transparent url(../../images/alpharep/icon-track_order-filled.svg) no-repeat scroll 0px 0px;
    content: ' ';
}

#divAlpharepWorkItemDetailsContainer .workflow-actions-outer .workflow-work-types-toggle-holder .workflow-each-work-type-toggle-holder {
    display: inline-block;
    position: relative;
    margin-left: 10px;
}

#divAlpharepWorkItemDetailsContainer .workflow-actions-outer .workflow-work-types-toggle-holder {
    display: inline-block;
}

#divAlpharepWorkItemDetailsContainer .workflow-actions-outer .btn-print-quote-report {
    margin-left: 4px;
}

#divAlpharepWorkItemDetailsContainer .workflow-actions-outer .btn-override-price {
    /*margin-right: 12px;*/
    margin-left: 4px;
}

.each-work-type-workflow-data-outer .each-work-type-workflow-data-header {
    width: 100%;    
    padding: 5px;
   
}

#divWorkflowDataContainer .each-work-type-workflow-data-header {
    margin-top: 10px;
}

#divWorkflowDataContainer .k-grid tr:hover {
    background-color: #CDF1F2;
}

.each-work-type-workflow-data-outer {
    overflow-y: hidden;
    height: 100%;
    border-bottom: 1px solid #dedee0;
}

    .each-work-type-workflow-data-outer .each-work-type-workflow-data-grid {
        height: 100%;
    }

        .each-work-type-workflow-data-outer .each-work-type-workflow-data-grid .k-grid-content {
            height: calc(100% - 60px) !important;
        }

            .each-work-type-workflow-data-outer .each-work-type-workflow-data-grid .k-grid-content .k-selectable {
                border-bottom: 1px solid #dedee0;
            }

#divSubscriptionsDataContainer {
    font-size: 12px;
}

.subscriptions-list {
    max-width: 800px;
    font-size: 12px;
}

    .subscriptions-list thead{
        font-size:14px;
    }

    .subscriptions-list div {
        font-size: 14px;
        padding-bottom:3px;
    }

    .subscriptions-list td:not(:first-child), .subscriptions-list th:not(:first-child) {
        text-align: center;
    }

    .subscriptions-list tbody tr:hover {
        background-color: #CDF1F2;
    }

    .subscriptions-list .subscription-each-user-remove-icon {
        background: transparent url(../../images/alpharep/minus_sign-filled.svg) no-repeat scroll 0px 0px;
        height: 24px;
        width: 24px;
        opacity: 0.4;
    }

    .subscriptions-list tr:hover .subscription-each-user-remove-icon {
        opacity: 1;
    }

    .subscriptions-list a, .subscriptions-list div {
        display: inline-block;
        vertical-align: middle;
    }

    .subscriptions-list td input + label {
        vertical-align: top;
    }

.add-subscriptions-users-lookup-list-outer .filter-hidden-item {
    display: none;
}

.add-subscriptions-users-lookup-list-outer .textbox-search-users-add-subscriptions-popup {
    margin-bottom: 10px;
}

body .custom-popup-box-outer .add-subscriptions-users-lookup-list-outer.custom-popup-box-content-holder {
    max-height: 400px;
}
/* Subscriptions Tab - end */


.multipleInput-container {
    border: 1px #ccc solid;
    padding: 2px 2px 2px 5px;
    cursor: text;
    font-size: 13px;
    width: 100%;
    background-color: #fff;
    border-radius: 5px;
}

    .multipleInput-container input {
        font-size: 13px;
        clear: both;
        width: 250px;
        height: 24px;
        border: 0;
        margin-bottom: -1px;
        margin-top: 2px;
        background: transparent;
    }

    .multipleInput-container ul {
        list-style-type: none;
        margin-bottom: -2px;
        margin-left: 0px;
        padding-left: 0px;
    }

li.multipleInput-email {
    float: left;
    margin-right: 2px;
    margin-bottom: 1px;
    border: 1px #BBD8FB solid;
    padding: 2px;
    background: #F3F7FD;
}

.multipleInput-close {
    color: gray;
    display: block;
    float: right;
    margin: 0 3px;
}

.center-file-cart-item-remove-icon {
    float: left;
    cursor: pointer;
}

div.each-file-cart-item-outer {
    padding: 0px 0px 0px 0px;
    display: table;
    table-layout: fixed;
    width: 100%;
    max-width: 100%;
    margin-top: 5px;
}

#divFileCartItemsListItemAction {  
    min-width: 300px;
    border-bottom: 1px solid gray;   
    padding: 5px 8px 5px 15px;
}
    #divFileCartItemsListItemAction svg path {
        fill: #FFFFFF;
    }
/*#divFileCartItemsListOuter {
    padding-left: 15px;
}*/

.each-file-cart-item {
    vertical-align: middle;
    display: table-cell;
    width: 100%;
    position: relative;
    left: 25px;
    padding-right: 40px;
}
/*#divCartSectionRightSideOuter{
    padding-left:9px;
}*/

.each-file-cart-item svg {
    position: absolute;
    top: 0px;
}

    .each-file-cart-item div {
        margin-left: 25px;
    }

#divFileCartItemsListItemAction > div {
    padding-bottom: 5px;
    padding-top: 5px;
    display: inline-block;
    width: 13.5%;
    text-align: center;
}

#divCartItemsListItemActionForInbox {
    padding-bottom: 3px;
    padding-top: 3px;
    /*margin-top: 5px;
    margin-bottom: 5px;*/
}

    #divCartItemsListItemActionForInbox > div {
        display: inline-block;
        width: 19%;
        text-align: center;
    }

#divFileCartDropSectionOuter {
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 20px;
    border: 1px dashed gray;
    border-radius: 2px;
    display:none;
}

#divFileCartDropSection {
    border-radius: 10px;
}

    #divFileCartDropSection p {
        text-align: center;
        position: relative;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 19px;
    }
#divCartSectionOuter {
    padding-right: 0px;
    padding-left: 0px;
}

.cart-section {
    z-index: 1;
    width:100%;
    /*width: 300px;*/
    /*position: fixed;
    right: 0;
    top: 42px;*/
    min-height: 50px;
    font-size: 11px;
    /*background: rgb(242, 242, 242);*/
}

    .cart-section #divFileCartItemsListItemAction svg, .each-file-cart-item svg {
        height: 24px;
        width: 24px;
        margin-left: -5px;
        cursor: pointer;
    }

    .cart-section .center-file-cart-item-remove-icon {
        height: 25px;
        width: 16px;
    }

    .cart-section #divFileCartItemsListInner {
        padding: 5px;
    }

    #divcartSubMenu .alpharep-label {
        text-align: center;
        padding:5px;
    }

.cart-items-count-hint {
    position: fixed;
    /*top: 25px;
    right: 30px;*/
    line-height: 12px;
    padding-left: 2px;
    padding-right: 2px;
    border-radius: 3px 3px 3px 3px;
    font-size: 10px;
    width: 22px;
    text-align: center;
    background: #f2f2f2;
    color: #263238;
    display:none;
}

.new-workitem-add-new-item-icon {
    /*width: 28px;
    float: right;
    margin-top: -32px;*/
    cursor: pointer;
    margin: 2px
}
/*DASHBOARD PAGE*/
#divWorkItemsHomeVew {
    font-size: 14px !important;
    overflow: auto;
    height: inherit;
}

#divAnalyticsResultGrid {
    margin-right: -10px;
    margin-left: -16px;
}

    #divAnalyticsResultGrid .k-grid-content {
        height: 690px !important;
    }

#divWorkItemsHomeVew .div-customer-filter, #divWorkItemsHomeVew .div-vendor-filter, #divWorkItemsHomeVew .div-sales-filter, #divWorkItemsHomeVew .div-vendor-product-filter, #divWorkItemsHomeVew .div-warehouse-filter {
    padding-left: 5px;
}

.analytics-customer .alpharep-textbox {
    width: 250px;
}

#divWorkItemsHomeVew .div-primary-filter-dashboard {
    text-align: left;
    margin-top: 10px;
}

    #divWorkItemsHomeVew .div-primary-filter-dashboard .dropdown-section {
        border: 1px solid #e7e7e9;
        padding: 10px;
    }

        #divWorkItemsHomeVew .div-primary-filter-dashboard .dropdown-section .k-widget .k-dropdown-wrap {
            height: 24px !important;
        }

#divWorkItemsHomeVew .div-vendor.dashboard-section {
    min-height: 344px !important;
    height: auto;
}

#divWorkItemsHomeVew .dashboard-section {
    text-align: left;
    padding: 0px;
    margin-top: 10px;
    border: 1px solid #e7e7e9;
    margin-left: 10px;
    height: 279px;
}

    #divWorkItemsHomeVew .dashboard-section .col-sm-12.grid-view {
        margin-top: 0px;
    }

    #divWorkItemsHomeVew .dashboard-section .section-header {
        height: 45px;
        padding: 10px;
        margin-top: 0px;
        background-color: #3E3D52;
        border: 1px solid #e7e7e9;
    }

        #divWorkItemsHomeVew .dashboard-section .section-header .section-icon {
            width: 24px;
            height: 24px;
            filter: brightness(100);
        }

        #divWorkItemsHomeVew .dashboard-section .section-header .section-heading {
            color: white;
            display: inline-block;
            vertical-align: middle;
            padding-left: 5px;
            font-size: 16px;
        }

    #divWorkItemsHomeVew .dashboard-section .row {
        height: 50px;
        border-bottom: 1px solid #e7e7e7;
    }

        #divWorkItemsHomeVew .dashboard-section .row div[class^="col-sm-"] {
            height: 50px;
            padding-top: 5px;
            top: 25%;
        }

    #divWorkItemsHomeVew .dashboard-section .header {
        font-weight: 700;
    }

    #divWorkItemsHomeVew .dashboard-section .row-even {
        background-color: #f8fafa;
    }

.no-left-padding {
    padding-left: 0px;
}

#divWorkItemsHomeVew h3 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.div-commission-filter-dashboard .dropdown-section {
    max-width: 1200px;
    border: 1px solid #e7e7e9;
    padding-top: 15px;
    margin-left: 15px;
}

#divDashboardCommissionsDataContainer .div-commission-filter-dashboard {
    margin-top: 20px;
    max-width: 1200px;
}

#divDashboardCommissionsDataContainer .dropdown-section .div-branch {
    width: 200px;
    padding-left: 0px;
}

#divDashboardCommissionsDataContainer .dropdown-section .div-excel {
    width: 65px;
    padding-left: 0px;
}

    #divDashboardCommissionsDataContainer .dropdown-section .div-excel svg {
        width: 30px;
        padding-left: 0px;
        height: 30px;
    }

#divDashboardCommissionsDataContainer .dropdown-section .div-date-range {
    width: 375px;
}

#divDashboardCommissionsDataContainer .dropdown-section .div-users {
    width: 200px;
}

#divDashboardCommissionsDataContainer .div-grid-commissions-row {
    max-width: 1200px;
}

#divDashboardCommissionsDataContainer #divCommissionListContainer {
    margin-top: 20px;
    margin-left: 20px;
}

#divDashboardCommissionsDataContainer .commission-header {
    height: 45px;
    padding: 10px 0 10px 0;
    margin-top: 0px;
    background-color: #3E3D52;
    border: 1px solid #e7e7e9;
    color: #ffffff;
    font-size: 16px;
}

#divDashboardCommissionsDataContainer .commission-data-row {
    height: 45px;
    border-bottom: 1px solid #e7e7e7;
    padding-top: 10px;
}

    #divDashboardCommissionsDataContainer .commission-data-row:nth-child(2n) {
        background-color: #f8fafa;
    }

#divDashboardCommissionsDataContainer .commission-total-row {
    font-weight: 700;
}
.show-all-fields-container-on-popup {
    display: inline-block;
    margin-left:20px;
    height:20px;
}
.show-all-fields-container {
    margin: 0px 10px 0px 10px;
}

.show-all-fields-container{
    display: flex;
    align-items: center;
    gap: 5px;
}

#chkShowAllFields{
    margin-top: -1px;
}
        .show-all-fields-container label{
            cursor: pointer;
            font-weight: 400;
            margin-bottom:0px;
        }
.show-all-fields-container-on-popup label {
    cursor: pointer;
    font-weight: 400;
    font-size: 13px;
}
#chkShowAllFieldsOnPopup {
    height: 13px;
    position: relative;
    top: 1px;
}

/*TREE VIEW*/
#divAlpharepWorkItemsContainer .workitem-treeview-search {
    background-color: #E9F2F9;
    margin-left: -4px;
    width: 400px;
}
.work-items-global-search-container{
    display:inline-block;
    position: relative;
}

.k-icon.alpharep-textbox-close-icon {
    cursor: pointer;
    color: #9d9d9d;
    display: none;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
}
.work-items-search-textbox-container .alpharep-textbox-close-icon {
    margin-left: -37px;
    margin-bottom: -10px;
    cursor: pointer;
    right: 12px;
}
.work-items-search-textbox-container{
    float:left;
    width:300px;
    position: relative;
}


#divAlpharepWorkItemsContainer .workitem-treeview-search input {
    background-color: #F9FBFB;
}

    #divAlpharepWorkItemsContainer .workitem-treeview-search #txtWorkItemsSearch {
        background-color: #FFFFFF;
        float: left;
        border: none;
    }

    #divAlpharepWorkItemsContainer .workitem-treeview-search .search-work-items-outer {
        background-color: #FFFFFF;
        width: 350px;
        float: left;
        height: 30px;
        margin-left: 17px;
        margin-top: 3px;
    }

    #divAlpharepWorkItemsContainer .workitem-treeview-search .search-work-items .search-icon {
        background: transparent url("../../images/alpharep/icon-filter-filled.svg") no-repeat scroll 0px 0px;
        float: left;
        margin-top: 4px;
        margin-left: 4px;
        height: 21px;
        width: 21px;
    }

    #divAlpharepWorkItemsContainer .workitem-treeview-search .search-work-items .search-icon-place {
        background: transparent url("../../images/alpharep/icon-place_marker-filled.svg") no-repeat scroll 0px 0px;
        /*margin-right: -6px;*/
        /* margin-top: -3px; */
        height: 24px;
        background-color: #E9F2F9;
    }

    #divAlpharepWorkItemsContainer .workitem-treeview-search .k-dropdowntree {
        width: 85%;
        /*margin-top: -23px;*/
        /*height: 27px;*/
        z-index: 9999;
        float: left;
    }

        #divAlpharepWorkItemsContainer .workitem-treeview-search .k-dropdowntree .k-multiselect-wrap {
            border-color: white;
            /*margin-top: -39px;*/
            display: none;
        }
/*#divAlpharepWorkItemsContainer .workitem-treeview-search #txtWorkItemsSearch{
        display:none;
    }*/
/*#divAlpharepWorkItemsContainer .workitem-treeview-search .search-work-items svg {
        margin-top: 2px;
    }*/
#divWorkItemsTreeView {
    color: #AEB7C4;
    width: 400px;
    background-color: #E9F2F9;
    padding-left: -1px;
    margin-left: -4px;
    padding-top: 10px;
    height: calc(100% - 100px);
    position: absolute;
    z-index: 999;
}

    #divWorkItemsTreeView.k-widget .k-group .k-item div .k-icon.k-i-expand {
        filter: brightness(0.2);
        margin-top: -5px;
    }

    #divWorkItemsTreeView .alpharep-menu-add-vendors-icon {
        background: transparent url("../../images/alpharep/icon-plus-filled.svg") no-repeat scroll 0px 0px;
    }

    #divWorkItemsTreeView .k-in .work-item-link {
        color: #3E3D52
    }

        #divWorkItemsTreeView .k-in .work-item-link .node-element {
            display: inline-block;
            margin-top: 4px;
            vertical-align: middle;
            white-space: pre-wrap;
        }

        #divWorkItemsTreeView .k-in .work-item-link:hover, #divWorkItemsTreeView .k-state-selected .work-item-link, #divWorkItemsTreeView .k-state-hover .work-item-link {
            color: #f8fafa
        }

    #divWorkItemsTreeView .k-item {
        text-align: left;
        padding-left: 20px;
        margin-top: 5px;
    }

        #divWorkItemsTreeView .k-item .k-state-hover {
            background-color: #3E3D52;
            background-image: none !important;
            color: #ffffff;
            cursor: pointer;
        }

            #divWorkItemsTreeView .k-item .k-state-hover svg path, #divWorkItemsTreeView .k-state-selected .work-item-link svg path {
                fill: white;
            }

        #divWorkItemsTreeView .k-item .work-item-link svg {
            margin-bottom: -5px;
            padding-bottom: 3px;
            vertical-align: middle;
        }

        #divWorkItemsTreeView .k-item svg {
            margin-right: 5px;
        }

            #divWorkItemsTreeView .k-item svg.injected-svg.Customers.custom-svg-bg,
            #divWorkItemsTreeView .k-item svg.injected-svg.Vendors.custom-svg-bg {
                display: none;
            }

            #divWorkItemsTreeView .k-item svg:hover {
                color: #ffffff;
            }

        #divWorkItemsTreeView .k-item span.k-in {
            width: 97%;
            padding-bottom: 5px;
            border-radius: 0 !important;
        }

    #divWorkItemsTreeView .k-i-expand:before {
        content: url(../../images/alpharep/plus_math-filled.svg);
    }

    #divWorkItemsTreeView .k-i-collapse:before {
    }

    #divWorkItemsTreeView .k-sprite {
        height: 24px;
        width: 24px;
    }

.workitemdetails-section-expand {
    margin-left: 630px;
    position: absolute;
    width: calc(100% - 405px) !important;
    position: absolute;
    top: 0px;
}

.each-work-type-workflow-data-grid .action-icons-coloumn svg {
    cursor: pointer;
}

.each-work-type-workflow-data-grid .action-icons-coloumn .edit-work-flow-item {
    margin-left: 5px;
    margin-right: 5px;
}

.each-work-type-workflow-data-grid .action-icons-coloumn .view-work-flow-item {
    margin-left: 5px;
    margin-right: 5px;
    width:20px;
    height:20px;
    padding:6px;
}

.each-work-type-workflow-data-grid .action-icons-coloumn .delete-work-flow-item {
    margin-left: 5px;
    margin-right: 15px;
}

.each-work-type-workflow-data-grid .copy-blank {
    height: 25px;
}

.each-work-type-workflow-data-grid .blank-cell {
    border-bottom: 1px solid #aba1a1;
    border-top: 1px solid #aba1a1;
    height: 25px;
}

.each-work-type-workflow-data-grid .action-icons-coloumn .save-work-flow-item {
    margin-left: 20px;
}

.each-work-type-workflow-data-grid .checkbox-work-item-coloumn label {
    margin-left: 5px;
    margin-bottom: 20px;
}

.each-work-type-workflow-data-grid .checkbox-work-item-coloumn.k-state-selected:hover {
    background-color: #b5bdcb;
}

.each-work-type-workflow-data-grid .checkbox-work-item-coloumn.k-state-selected {
    background-color: transparent;
}

.vendor-icon, .Vendors, .Vendor {
    background: transparent url("../../images/alpharep/icon-supplier_or_vendor-filled.svg") no-repeat scroll 0px 0px;
}

.customer-icon, .Customers, .Customer {
    background: transparent url("../../images/alpharep/customers-filled.svg") no-repeat scroll 0px 0px;
}

.territories-icon, .territories, .Territory, .Sales.Office {
    background: transparent url("../../images/alpharep/map_marker.svg") no-repeat scroll 0px 0px;
}

.contact-icon, .Contacts, .Contact, .alpharep-work-item-popdown-customercontact-icon, .alpharep-work-item-popdown-contact-icon {
    background: transparent url("../../images/alpharep/contact-filled.svg") no-repeat scroll 0px 0px;
}

.product-icon, .Products, .Product, .alpharep-work-item-popdown-product-icon {
    background: transparent url("../../images/alpharep/icon-product-filled.svg") no-repeat scroll 0px 0px;
}

.project-icon, .Projects, .Project, .alpharep-work-item-popdown-project-icon {
    background: transparent url("../../images/alpharep/icon-folder-filled.svg") no-repeat scroll 0px 0px !important;
}

.quote-icon, .Quote, .Quotes, .alpharep-work-item-popdown-quote-icon, .alpharep-work-item-popdown-salesorder-icon {
    background: transparent url("../../images/alpharep/quote-filled.svg") no-repeat scroll 0px 0px;
}

.opportunity-icon, .Opportunities, .Opportunity {
    background: transparent url("../../images/alpharep/icon-about-filled.svg") no-repeat scroll 0px 0px;
}

.LineItem-icon, .LineItems, .LineItem {
    background: transparent url("../../images/alpharep/nav/Line_Items_Filled.svg") no-repeat scroll 0px 0px;
}

.release-icon, .Releases, .Release, .Order, .Orders, .alpharep-work-item-popdown-order-icon, .alpharep-work-item-popdown-release-icon {
    background: transparent url("../../images/alpharep/icon-order-filled.svg") no-repeat scroll 0px 0px;
}

.quote-group-icon, .QuoteGroup {
    background: transparent url("../../images/alpharep/quote_group-filled.svg") no-repeat scroll 0px 0px;
}

.quote-customer-icon, .QuoteCustomer, .alpharep-work-item-popdown-customers-icon, .alpharep-work-item-popdown-quotecustomer-icon {
    background: transparent url("../../images/alpharep/icon-quote-customer.svg") no-repeat scroll 0px 0px;
}

.quote-sent-icon, .QuoteSent, .alpharep-work-item-popdown-sentquotes-icon {
    background: transparent url("../../images/alpharep/icon-quote-sent.svg") no-repeat scroll 0px 0px;
}

.Order {
    width: 24px;
    height: 24px;
}

/*.alpharep-work-item-tab.alpharep-work-item-workflow-tab-outer .quote-icon {
    background: transparent url("../../images/alpharep/quote-outlined.svg") no-repeat scroll 0px 0px !important;
}*/

/*.alpharep-work-item-tab.alpharep-work-item-workflow-tab-outer .release-icon {
    background: transparent url("../../images/alpharep/order-outlined.svg") no-repeat scroll 0px 0px !important;
}*/


#divWorkItemsTreeView .k-draghandle.k-state-selected:hover, #divWorkItemsTreeView .k-ghost-splitbar-horizontal, #divWorkItemsTreeView .k-ghost-splitbar-vertical, #divWorkItemsTreeView .k-list > .k-state-highlight, #divWorkItemsTreeView .k-list > .k-state-selected, #divWorkItemsTreeView .k-marquee-color, #divWorkItemsTreeView .k-panel > .k-state-selected, #divWorkItemsTreeView .k-scheduler .k-today.k-state-selected, #divWorkItemsTreeView .k-state-selected, #divWorkItemsTreeView .k-state-selected:link, #divWorkItemsTreeView .k-state-selected:visited {
    background-image: none !important;
    background-color: #3E3D52;
}

#divAlpharepWorkItemsContainer .workitem-treeview-search #divFilterByLocation {
    position: relative;
    float: right;
    width: 30px;
    z-index: 10000;
    background-color: #E9F2F9;
    height: 30px;
    padding-left: 5px;
    margin-top: -1px;
}

    #divAlpharepWorkItemsContainer .workitem-treeview-search #divFilterByLocation .dropdown-toggle {
        padding: 0px;
        border: 0px;
        vertical-align: -webkit-baseline-middle;
        box-shadow: none;
    }

#divAlpharepWorkItemsContainer .workitem-treeview-search label {
    width: 250px;
    font-weight: 500;
}

#divAlpharepWorkItemsContainer .workitem-treeview-search input[type=checkbox] {
    width: 30px;
}

#divAlpharepWorkItemsContainer .workitem-treeview-search .dropdown-menu {
    margin-top: 10px;
}

.div-product-avail {
    font-size: 11px;
    margin-right: 15px;
    border: 1px solid gray;
    padding: 2px 5px 2px 5px;
}

/** Global search Start**/
#divWorkItemsGlobalSearchViewFiltersOuter > div {
    display: inline-block;
}

#divWorkItemsGlobalSearchViewFiltersOuter .search-icon,
#divAlpharepWorkItemsContainer .search-icon {
    background: transparent url("../../images/alpharep/search-filled.svg") no-repeat scroll 0px 0px;
    width: 17px;
    height: 17px;
}

#divWorkItemsGlobalSearchViewFiltersOuter #txtWorkItemsGlobalSearchByText, #divAlpharepWorkItemsContainer .search-work-items-outer #txtWorkItemsSearch {
    padding-left: 10px;
    padding-right: 25px;
    width: 250px;
    font-size: 14px;
    height: 28.1px;
}

#divWorkItemsGlobalSearchViewFiltersOuter #txtGlobalSearchByNameText {
    padding-left: 10px;
    padding-right: 5px;
    width: 250px;
    font-size: 14px;
    height: 28.1px;
}

#divWorkItemsGlobalSearchViewFiltersOuter .btn-global-search-work-items {
    height: 28.1px;
    float: right;
}

#divWorkItemsGlobalSearchViewFiltersOuter .global-search-box .alpharep-textbox, #divAlpharepWorkItemsContainer .search-work-items-outer .alpharep-textbox {
    margin-top: -6px;
}

.grid-outer-filter .k-dropdown-wrap .alpharep-textbox {
    margin-top: 0px !important;
}

#ddlWorkItemsGlobalSearchByWorkTypes-list, #ddlWorkItemsGlobalSearchByLocations-list, #ddlWorkItemsGlobalSearchForWorkItemsOrDocs-list,
#divFilterGridByStatus_listbox, #divFilterGridByUsers_listbox, #divFilterGridByVendors-list,
#divFilterGridByLocations-list, #divFilterGridByOrderType_listbox, #divFilterGridByCustomers_listbox, #divFilterGridByCustomer-list, #divFilterGridByContact-list {
    font-size: 14px !important;
    margin-top: 6px;
}
.customer-container .k-combobox {
    width: 250px;
}

#divWorkItemsGlobalSearchViewFiltersOuter .k-input, #divAlpharepWorkItemsContainer .search-work-items-outer .k-input {
    font-size: 14px !important;
}

#divWorkItemsGlobalSearchViewFiltersOuter .search-work-items-box-outer {
    position: relative;
}

#divWorkItemsGlobalSearchViewFiltersOuter .search-work-items-box-icon-outer {
    position: absolute;
    top: 5px;
    left: 5px;
}

.search-work-items-outer .btn-global-search-work-items {
    height: 28px;
    margin-top: 2px;
}

#divWorkItemsGlobalSearchViewFiltersOuter .alpharep-textbox {
    width: 150px;
}

#divWorkItemsGlobalSearchViewResultGrid {
    height: calc(100% - 84px);
}

    #divWorkItemsGlobalSearchViewResultGrid.negative-index {
        z-index: -1;
    }

    #divWorkItemsGlobalSearchViewResultGrid table {
        border-bottom: 1px solid #ceced2;
    }

#divWorkItemsGlobalSearchViewOuter .alpharep-work-item-tab-info-icon {
    background: transparent url("../../images/alpharep/search-briefcase-filled.svg") no-repeat scroll 0px 0px;
}

#divWorkItemsGlobalSearchViewOuter .alpharep-work-item-tab-documents-icon {
    background: transparent url("../../images/alpharep/search-file-outlined.svg") no-repeat scroll 0px 0px;
}

#divWorkItemsGlobalSearchViewOuter .alpharep-selected-tab .alpharep-work-item-tab-info-icon path, #divWorkItemsGlobalSearchViewOuter .alpharep-selected-tab .alpharep-work-item-tab-info-icon path {
    fill: #127DD6 !important;
}

#divWorkItemsGlobalSearchViewOuter .alpharep-work-item-tab {
    opacity: 0.4;
}

    #divWorkItemsGlobalSearchViewOuter .alpharep-work-item-tab.alpharep-selected-tab {
        opacity: 1;
    }


#divWorkItemsGlobalSearchViewFiltersTabs {
    border-bottom: 1px solid #DFDFDF;
    /*border-top: 1px solid #DFDFDF;*/
}

#divWorkItemsGlobalSearchViewFiltersOuter {
    border-bottom: 1px solid #DFDFDF;
    padding: 7.5px 0px 7.5px 20px;
}

    #divWorkItemsGlobalSearchViewFiltersOuter > div {
        margin-right: 10px;
        height: 28.1px;
        margin-bottom: 0px;
    }

#divWorkItemsGlobalSearchViewOuter .alpharep-work-item-tab .alpharep-work-item-tab-text {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 10px;
    padding: 0 10px;
}

#divWorkItemsGlobalSearchViewOuter .alpharep-work-item-tab.alpharep-selected-tab .alpharep-work-item-tab-text, #addEditInfoTabContainer .alpharep-work-item-tab.alpharep-selected-tab .alpharep-work-item-tab-text {
    color: #127DD6;
}

#divWorkItemsGlobalSearchViewOuter .alpharep-work-item-tab.alpharep-selected-tab .alpharep-work-item-tab-bottom-bar {
    visibility: visible;
}

#divWorkItemsGlobalSearchViewOuter .alpharep-work-item-tab .alpharep-work-item-tab-bottom-bar {
    height: 3px;
    width: 100%;
    background-color: #127DD6;
    visibility: hidden;
}

#divWorkItemsGlobalSearchViewOuter .alpharep-work-item-tab.alpharep-selected-tab svg path {
    fill: #127DD6 !important;
    fill-opacity: 1 !important;
}

#divWorkItemsGlobalSearchViewOuter .alpharep-work-item-tab svg path {
    fill: #3e3d5266 !important;
}

#divWorkItemsGlobalSearchViewOuter .alpharep-search-each-tab {
    display: inline-block;
    height: 40px;
    text-align: center;
    vertical-align: top;
    padding-top: 1px;
    cursor: pointer;
    margin-right: 10px;
}

#divWorkItemsGlobalSearchViewOuter {
    width: 100%;
    height: 98%;
    box-sizing: border-box;
    border: 1px solid #DFDFDF;
    margin-top: 14px;
    margin-left: 6px;
}
/** Global Serahc End**/
/*Commission Tab*/
.alpharep-work-item-commission-tab-content-outer .commission-header-row div {
    background-color: #535b6a;
    font-weight: 500;
    border-bottom: .5px solid #ceced2;
}

.alpharep-work-item-commission-tab-content-outer .commission-data-row {
    font-weight: 500;
}

    .alpharep-work-item-commission-tab-content-outer .commission-data-row:nth-child(2n) div {
        background-color: #fbfbfb;
    }

.alpharep-work-item-commission-tab-content-outer .commission-total-row div {
    font-weight: 700 !important;
    border-bottom: .5px solid #ceced2;
    border-top: .5px solid #ceced2;
}

    .alpharep-work-item-commission-tab-content-outer .commission-total-row div:first-child, .alpharep-work-item-commission-tab-content-outer .commission-header-row div:first-child, .alpharep-work-item-commission-tab-content-outer .commission-data-row div:first-child {
        border-left: .5px solid #ceced2;
    }

.alpharep-work-item-commission-tab-content-outer .commission-total-row div, .alpharep-work-item-commission-tab-content-outer .commission-header-row div, .alpharep-work-item-commission-tab-content-outer .commission-data-row div {
    border-right: 0.5px solid #ceced2;
    padding-top: 3px;
    font-weight: 400;
    font-size: 14px;
}

.alpharep-work-item-commission-tab-content-outer .commission-total-row div, .alpharep-work-item-commission-tab-content-outer .commission-data-row div {
    height: 30px;
}

.alpharep-work-item-commission-tab-content-outer .commission-header-row div {
    color: #ffffff;
    height: 45px;
}

.alpharep-work-item-commission-tab-content-outer .commission-data-header {
    width: 100%;
    background-color: #3E3D52;
    padding: 5px;
    color: #F8FAFA;
}

.alpharep-work-item-commission-tab-content-outer .width-10 {
    width: 10%;
}

.alpharep-work-item-commission-tab-content-outer .width-30 {
    width: 30%;
}

.alpharep-work-item-commission-tab-content-outer .width-40 {
    width: 40%;
}

#divCommissionsDataContainer #divCommissionSalesContainer, #divCommissionsDataContainer #divCommissionSplitContainer {
    border: 1px solid #dfdfdf;
    padding-bottom: 20px;
    margin-left: 20px;
    height: 400px;
}

#divCommissionsDataContainer #divCommissionSalesContainer {
    width: 38%;
    padding-left: 0px;
    padding-right: 0px;
}

#divCommissionsDataContainer #divCommissionSplitContainer {
    width: 58%;
    padding-right: 0px;
    padding-left: 0px;
}

#divCommissionsDataContainer #divCommissionSalesContainer .row {
    margin-top: 10px;
}

#divCommissionsDataContainer #divCommissionSalesContainer .row, #divCommissionsDataContainer #divCommissionSplitContainer .row {
    padding-top: 5px;
    margin-left: 0px;
}

    #divCommissionsDataContainer #divCommissionSalesContainer .row .k-combobox {
        width: 90%
    }

    #divCommissionsDataContainer #divCommissionSalesContainer .row .k-dropdown-wrap {
        border-radius: 1px;
    }

#divCommissionsDataContainer #divCommissionSplitContainer .div-category svg {
    width: 17px;
    height: 17px;
}

#divCommissionsDataContainer .title {
    font-size: 13px;
    font-weight: 700;
}

.splitter-container .work-info-each-cell-label {
    line-height: 18px;
    font-size: 11px;
    margin-top: 10px;
    font-weight: 700;
}

.splitter-container {
    font-weight: 500;
    line-height: 18px;
    font-size: 11px;
    opacity: 1;
}

    .splitter-container .alpharep-label {
        font-weight: 500;
        display: block;
        margin-left: 18px;
        margin-top: -21px;
    }

    .splitter-container .alpharep-textbox {
        border: 1px solid #b7b7b7;
        opacity: 1;
    }
/*.splitter-container .col-sm-12{
        margin-top:5px;
    }*/
.ellipsis-text-element {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.k-grid .ellipsis-text-element div:first-child {
    max-height: 40px;
}

.commission-header-row div {
    background-color: #4472C4;
    color: white;
    font-weight: 700;
    font-size: 12px;
    border: 1px solid white;
}

.commission-header-row div {
    background-color: #4472C4;
    color: white;
    font-weight: 700;
    font-size: 12px;
    border: 1px solid white;
}

#divCommissionSalesContainer .sales-person, #divCommissionSalesContainer .sales-role {
    background-color: #ECEEEE;
    box-sizing: border-box;
    height: 24px;
    color: #3E3D52;
    box-shadow: none;
    opacity: 1;
    width: 100%;
    font-size: 11px;
    font-weight: normal;
    line-height: 24px;
    border-radius: 0;
}

.split-popup {
    max-width: 500px;
    padding-left: 0px;
    padding-right: 0px;
}

    .split-popup input[type=radio].required::after, input[type=checkbox].required::after {
        display: block;
        width: 100%;
        height: 13px;
        background: transparent;
        content: '';
        border: 2px solid red !important;
        box-sizing: border-box;
    }
    /* Radio buttons are round, so add 100% border radius. */
    .split-popup input[type=radio].required::after {
        border-radius: 100%;
    }

    .split-popup .total-split {
        margin-top: 5px
    }

        .split-popup .total-split .col-sm-6 {
            padding-left: 30px
        }

        .split-popup .total-split #totalSplitText {
            padding-left: 5px
        }

#divCommissionSplitContainer .div-category:nth-child(2n) {
    background-color: #f8fafa;
}

#divCommissionSplitContainer .div-category {
    height: 35px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
}

#divCommissionSplitContainer .div-category-header {
    border-bottom: 1px solid #e7e7e7;
    height: 40px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
}

#divCommissionSplitContainer .project-split-header {
    margin-top: 10px;
    margin-bottom: 5px;
    padding-right: 0px;
}

    #divCommissionSplitContainer .project-split-header .title {
        padding-left: 0px;
    }

.split-action-icon .delete-project-split {
    margin-left: 5px;
}

#divCommissionsDataContainer #divCommissionListContainer {
    padding: 4px;
    margin-top: 20px;
    height: 400px;
    overflow-y: auto;
}

    #divCommissionsDataContainer #divCommissionListContainer .commission-header-row div,
    #divCommissionsDataContainer #divCommissionListContainer .commission-data-row div,
    #divCommissionsDataContainer #divCommissionListContainer .commission-total-row div {
        font-size: 13px;
        padding-right: 8px;
    }

#divAlpharepWorkItemsContainer #divWorkItemsHomeVew {
    /* Temp style*/
    z-index: 1;
    background-color: #ffffff;
    /*******/
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 1px solid #DFDFDF;
    position: relative;
}

    #divAlpharepWorkItemsContainer #divWorkItemsHomeVew.negative-index {
        z-index: -1;
    }

    #divAlpharepWorkItemsContainer #divWorkItemsHomeVew .alpharep-dashboard-tabs-container {
        position: absolute;
        top: 0;
        width: 100%;
        height: 40px;
        background-color: rgba(255,255,255,0);
        box-shadow: 0 1px 0 0 #DFDFDF;
        padding-left: 40px;
    }

        #divAlpharepWorkItemsContainer #divWorkItemsHomeVew .alpharep-dashboard-tabs-container .alpharep-work-item-tab {
            display: inline-block;
            height: 40px;
            text-align: center;
            vertical-align: top;
            padding-top: 1px;
            cursor: pointer;
            float: left;
        }

#divAlpharepWorkItemsContainer .alpharep-dashboard-tabs-container .alpharep-work-item-tab-analytics-icon {
    background: transparent url(../../images/alpharep/graph-outlined.svg) no-repeat scroll 0px 0px;
}

#divAlpharepWorkItemsContainer .alpharep-dashboard-tabs-container .alpharep-work-item-tab-commission-icon {
    background: transparent url("../../images/alpharep/icon-commission-filled.svg") no-repeat scroll 0px 0px;
}

#divAlpharepWorkItemsContainer .alpharep-dashboard-tabs-container .alpharep-work-item-tab svg {
    width: 24px;
    height: 24px;
    margin-left: 9px;
    margin-right: 9px;
}

    #divAlpharepWorkItemsContainer .alpharep-dashboard-tabs-container .alpharep-work-item-tab svg path {
        fill: #3e3d5266 !important;
    }

#divAlpharepWorkItemsContainer .alpharep-dashboard-tabs-container .alpharep-work-item-tab .alpharep-work-item-tab-text {
    height: 11px;
    opacity: 0.4;
    color: #3E3D52;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 8px;
    text-align: center;
    margin-left: 9px;
    margin-right: 9px;
}

#divAlpharepWorkItemsContainer .alpharep-dashboard-tabs-container .alpharep-work-item-tab .alpharep-work-item-tab-bottom-bar {
    height: 3px;
    width: 100%;
    background-color: #127DD6;
    visibility: hidden;
}

#divAlpharepWorkItemsContainer .dashboard-tabs-contents-container {
    height: 100%;
    padding-top: 35px;
}

    #divAlpharepWorkItemsContainer .dashboard-tabs-contents-container .alpharep-work-item-tab-content {
        display: none;
        height: calc(100% - 70px);
    }

#divAlpharepWorkItemsContainer .alpharep-dashboard-tabs-container .alpharep-work-item-tab.alpharep-selected-tab .alpharep-work-item-tab-bottom-bar {
    visibility: visible;
}

#divAlpharepWorkItemsContainer .alpharep-dashboard-tabs-container .alpharep-work-item-tab.alpharep-selected-tab .alpharep-work-item-tab-text {
    color: #127DD6;
    opacity: 1;
}

#divAlpharepWorkItemsContainer .alpharep-dashboard-tabs-container .alpharep-work-item-tab.alpharep-selected-tab svg path {
    fill: #127DD6 !important;
    fill-opacity: 1 !important;
}

#divAlpharepWorkItemsContainer .alpharep-dashboard-tabs-container .alpharep-work-item-tab.alpharep-selected-tab svg g {
    fill-opacity: 1 !important;
}

#divAlpharepWorkItemsContainer .dashboard-tabs-contents-container .alpharep-work-item-tab-content.alpharep-selected-tab {
    display: block;
}

.cursor-pointer {
    cursor: pointer;
}

.cancel-order-title {
    padding-left: 30px;
    padding-bottom: 5px;
}

.required-note-container, .required-note-container #checkAckNoteLabel {
    font-weight: 500;
    font-size: 12px;
}

    .required-note-container .ack-note {
        margin-top: 10px;
        padding-left: 0px;
    }

.ovrride-price-container {
    width: 350px;
    font-size: 11px;
    font-weight: 500;
}

    .ovrride-price-container .col-sm-12 {
        margin-top: 10px;
    }

    .ovrride-price-container .alpharep-textbox {
        border: 1px solid #DFDFDF;
        opacity: 1;
        background-color: none;
    }

.div-product-avail-container {
    margin-top: -22px;
    border: 1px solid #dfdfdf;
    margin-left: 135px;
    width: 130px;
    background-color: #eceded;
}

.workitem-main-navigator {
    cursor: pointer !important;
}

.filtered-hide {
    display: none;
}

.zero-height {
    height: 0px;
}

.injected-svg.document-context-menu.custom-svg-bg {
    /*background-color: lightgray !important;*/
    height: 33px;
    margin-top: -10px;
    width: 38px !important;
    padding: 5px;
}


.col-xs-12.file-category.ellipsis-text-element.ui-draggable.ui-draggable-handle {
    width: 80%;
    margin-top: 14px !important;
}

.col-xs-12.file-category.ellipsis-text-element {
    width: 80% !important;
}

#divWorkItemDocumentContainer .file-category {
    margin-top: -10px !important;
}

#divSearchResultDocumentListInner svg.injected-svg.document-context-menu.custom-svg-bg {
    margin-bottom: -18px
}



/*#divSelectedWorkItemDocuments {
    padding-bottom: 30px;
}*/
#divWorkItemDocumentContainer .pagination {
    position: fixed;
    width: 80%;
    height: 40px;
    padding: 5px 10px 0px 10px;
    margin: 0;
    bottom: 0px;
    margin-left: 460px;
}

.alpharep-container-menu-display #divWorkItemDocumentContainer .pagination {
    margin-left: 690px;
}

.refresh-estimating {
    font-size: 12px;
}

.portal-hyperlink {
    cursor: pointer !important;
}

a, input[type="checkbox"] {
    cursor: pointer !important;
}

#divUploadProgressMinimizedViewFileDetailsLink svg path {
    fill: #ff5757 !important;
}

.common-file-upload-progress-view-file-details-outer {
    position: absolute;
    border-left: 1px solid #f2f2f2;
    right: 40px;
    bottom: 0px;
}

.error-upload-files-details-in-progress {
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 5px;
}

.color-red {
    color: red;
    padding-bottom: 22px;
    font-size: smaller;
}

.invalidfile_row_color {
    background-color: #f5caca !important;
    border-bottom: solid 1px black;
}

.analytics-label {
    float: left;
    padding: 3px 6px;
    font-size: 11px;
    position: relative;
    margin-bottom: 5px;
    font-weight: 700;
    width: 70px;
}

.k-combobox.combo-width-250 {
    width: 250px !important;
}

div.work-info-each-cell-outer.has-external-link-on-right:not(.info-view-mode) .work-item-info-control {
    width: calc(100% - 30px);
}
#divWorkIteminfoContainer .work-info-each-cell-outer.info-view-mode .external-links-container .external-link-icon-link.new-workitem-add-new-item-link,
.custom-popup-box-outer .work-info-each-cell-outer.info-view-mode .external-links-container .external-link-icon-link.new-workitem-add-new-item-link {
    display: none;
}
.k-multiselect-wrap li {
    max-width: 100%;
    word-break: break-word;
}

div.work-item-info-control.alpharep-textbox.k-state-focused > .k-multiselect-wrap {
    box-shadow: none !important;
}

#divDashboardAnalyticsDataContainer .k-dropdown-wrap .k-input {
    line-height: 2em !important;
}

.add-work-item {
    width: 90% !important;
}

.external-links-container.multiselect {
    top: 21px;
    right: 7px;
    position: absolute;
}

#divWorkItemsGlobalSearchViewResultDocsListOuter input[type=checkbox].multi-selection-file-cart-checkbox {
    margin: 5px 0px 0px 0px;
}

.global-doc-search-footer {
    padding-top: 6px;
    padding-bottom: 3px;
    font-size: 11px;
    background-color: #f3f3f4;
    color: #515967;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    height: 30px;
    text-align: right;
    padding-right: 50px;
}
/*Quotye group*/
#divQuoteGroupContainer {
    width: 700px;
}

    #divQuoteGroupContainer .quotegroup-tabs-container {
        width: 100%;
        height: 40px;
        background-color: rgba(255,255,255,0);
        box-shadow: 0 1px 0 0 #DFDFDF;
    }

    #divQuoteGroupContainer .alpharep-work-item-tab {
        display: inline-block;
        height: 40px;
        text-align: center;
        vertical-align: top;
        padding-top: 1px;
        cursor: pointer;
        float: left;
        font-size: 11px;
    }

    #divQuoteGroupContainer .quotegroup-QuoteGroupIncludes-icon, #divQuoteGroupContainer .quotegroup-EquipmentFeatures-icon {
        background: transparent url("../../images/alpharep/inclusion-filled.svg") no-repeat scroll 0px 0px;
    }

    #divQuoteGroupContainer .quotegroup-QuoteGroupExcludes-icon, #divQuoteGroupContainer .quotegroup-EquipmentExclusions-icon {
        background: transparent url("../../images/alpharep/exclusion-filled.svg") no-repeat scroll 0px 0px;
    }

    #divQuoteGroupContainer .quotegroup-QuoteGroupNotes-icon, #divQuoteGroupContainer .quotegroup-EquipmentNotes-icon {
        background: transparent url("../../images/alpharep/chat-outlined.svg") no-repeat scroll 0px 0px;
        margin-top: 4px;
    }

    #divQuoteGroupContainer .alpharep-work-item-tab-text {
        height: 11px;
        opacity: 0.4;
        color: #3E3D52;
        font-size: 11px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 8px;
        text-align: center;
        margin-left: 9px;
        margin-right: 9px;
    }

    #divQuoteGroupContainer .alpharep-work-item-tab-content {
        display: none;
        height: 96%;
    }

    #divQuoteGroupContainer .alpharep-selected-tab {
        display: block;
        padding-bottom: 10px;
    }

        #divQuoteGroupContainer .alpharep-selected-tab path {
            fill: #127DD6
        }

    #divQuoteGroupContainer .quotegroup-tabs-contents-container {
        margin-top: 20px;
    }

    #divQuoteGroupContainer .alpharep-selected-tab .alpharep-work-item-tab-bottom-bar {
        visibility: visible;
    }

    #divQuoteGroupContainer .alpharep-selected-tab .alpharep-work-item-tab-text {
        color: #127DD6;
        opacity: 1;
    }

    #divQuoteGroupContainer .alpharep-work-item-tab-bottom-bar {
        height: 3px;
        width: 100%;
        background-color: #127DD6;
        visibility: hidden;
    }
.note-editor-canvas{
    width:800px;
}
#divQuoteGroupContainer .jqte_editor {
    max-height: 400px;
}

    #divQuoteGroupContainer .max-length {
        font-size: 11px;
        text-align: right;
        padding-right: 70px;
    }

    #divQuoteGroupContainer .work-info-each-cell-outer {
        width: 90%;
    }

.CustomQuoteGroup-action-outer .btn-add-workflow-work-item {
    display: none;
}

.CustomQuoteGroup-action-outer .btn-work-items-save-grid-state {
    display: none;
}

.action-icons-coloumn.k-state-selected {
    background-color: white;
}

div.work-info-each-cell-outer.info-view-mode > span.k-widget.k-datetimepicker.work-item-info-control.alpharep-textbox, div.work-info-each-cell-outer.info-view-mode > span.k-widget.k-dropdown.work-item-info-control.alpharep-textbox, div.work-info-each-cell-outer.info-view-mode > span.k-widget.k-datepicker.work-item-info-control.alpharep-textbox {
    opacity: 1;
}

div.work-info-each-cell-outer.info-view-mode > span > span.k-dropdown-wrap.k-state-disabled {
    opacity: 1;
}

div.work-info-each-cell-outer.info-view-mode > div.k-widget.k-multiselect.work-item-info-control.alpharep-textbox > .k-multiselect-wrap > ul > li.k-button {
    color: #000000;
    opacity: 1;
}

.view-field-holder.work-info-each-cell-outer .work-info-each-cell-control-holder {
    opacity: 0.8;
    font-size:14px;
}

.work-item-details-footer {
    padding-right: 30px;
}

.QuoteSend-action-outer .btn-add-workflow-work-item {
    display: none;
}

/*print quote*/
.customer-print-quote-popup-tab {
    display: none;
    min-height: 300px;
    height: auto;
    overflow-x: hidden;
}

.add-customer-row {
    margin-top: 20px;
}

#addNewCustomerRow {
    height: 25px;
    width: 25px;
    text-align: center;
    cursor: pointer;
}

.input-send-tab {
    margin-top: 5px;
}


.alpharep-tabs-container {
    border-bottom: 1px solid #DFDFDF;
    width: 100%;
    height: 45px;
    background-color: rgba(255,255,255,0);
}

.print-quote-tab-container-1 {
    display: inline-block;
    height: 40px;
    text-align: center;
    vertical-align: top;
    padding-top: 1px;
    cursor: pointer;
    float: left;
    font-size: 11px;
    font-family: sans-serif;
}

.alpharep-print-quote-tab-text {
    height: 13px;
    opacity: 1;
    color: #127DD6;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 8px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
}

.customer-print-quote-panel-size {
    min-height: 430px;
}

.print-quote-text-bottom-bar {
    visibility: visible;
    height: 3px;
    width: 100%;
    background-color: #127DD6;
    text-align: center;
    cursor: pointer;
    font-size: 11px;
    font-family: sans-serif;
}

.print-quote-text-bottom-bar-customer {
    visibility: hidden;
    height: 3px;
    width: 100%;
    background-color: #127DD6;
    text-align: center;
    cursor: pointer;
    font-size: 11px;
    font-family: sans-serif;
}

.print-quote-tab-container-2 {
    display: inline-block;
    height: 40px;
    text-align: center;
    vertical-align: top;
    padding-top: 1px;
    cursor: pointer;
    float: left;
    font-size: 11px;
    font-family: sans-serif;
}

.alpharep-print-quote-customer-tab-text {
    height: 13px;
    opacity: 1;
    color: #3E3D52;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 8px;
    text-align: center;
    margin-left: 9px;
    margin-right: 9px;
    font-family: 'Roboto', sans-serif;
}

.customer-added-row {
    margin-top: 3px;
}

.customer-info-column {
    margin-left: 15px;
}

.customer-info-remove-icon-column {
    text-align: center;
}

.customer-info-remove-outer {
    height: 25px;
    width: 25px;
    margin: auto;
    cursor: pointer;
    color: white;
}

.datepicker-max-width {
    width: 100%;
}

.customer-tab-selected-2 {
    pointer-events: auto;
}

.customer-tab-deselected-2 {
    pointer-events: none;
}

.print-quote-deselected-tab-text {
    color: #3E3D52;
    opacity: 1;
}

.print-quote-deselected-tab-bottom-bar {
    visibility: hidden;
    opacity: 1;
}

.print-quote-selected-tab-text {
    color: #127DD6;
    opacity: 1;
}

.print-quote-selected-tab-bottom-bar {
    visibility: visible;
}

.customer-popup-content-show {
    display: block;
}

.customer-popup-content-hidden {
    display: none;
}

.print-quote-each-label-cell {
    line-height: 18px;
    font-size: 11px;
    margin-bottom: 0px;
    font-weight: 700;
    color: #3E3D52;
    text-align: left;
    font-family: 'Roboto', sans-serif;
}

.dashboard-analytics-tab-outer svg {
    width: 24px;
    height: 24px;
    margin-left: 9px;
    margin-right: 9px;
}

.alpharep-print-quote-tab-path-icon {
    background: transparent url(../../images/alpharep/Path.svg) no-repeat scroll 0px 0px;
}

.alpharep-print-quote-tab-customer-icon {
    background: transparent url(../../images/alpharep/Customers.svg) no-repeat scroll 0px 0px;
}

.alpharep-print-quote-tab-send-icon {
    background: transparent url(../../images/alpharep/Send.svg) no-repeat scroll 0px 0px;
}

.alpharep-print-quote-deselected-icon path {
    fill: #3E3D52;
}

.alpharep-print-quote-selected-icon path {
    fill: #127DD6;
}

.alpharep-print-quote-send-tab-cell-space {
    margin-top: 9px;
}

.customer-info-remove-outer svg {
    /*width: 24px;*/
    height: 24px;
    /*margin-right: 9px;*/
    margin-top: 3px;
}

.alpharep-print-quote-clear-row-icon {
    background: transparent url(../../images/alpharep/X-Button.svg) no-repeat scroll 0px 0px;
}

.alpharep-print-quote-add-row-icon {
    background: transparent url(../../images/alpharep/Add-Button.svg) no-repeat scroll 0px 0px;
}

#addNewCustomerRow svg {
    width: 24px;
    height: 24px;
    margin-right: 9px;
}
.sending-disabled {
    pointer-events: none;
}
.edit-before-sending-disabled path {
    fill: #3e3d5266 !important;
}

.edit-before-sending-disabled-text {
    color: #3e3d5266 !important;
}


.sending-disabled svg path {
    fill: #3e3d5266 !important;
}

.sending-disabled .alpharep-work-item-tab-text {
    color: #3e3d5266 !important;
}

.customer-disabled-state {
    background-color: #eff0f0;
    color: #000000;
    opacity: 0.75;
    border: none;
}

#txtSendDateTime {
    background-color: #ECEEEE;
}

.customer-tab-info-cell-customer-ddl {
    float: left;
    width: 28%;
    padding: 3px 5px;
    font-size: 11px;
    position: relative;
    margin-bottom: 5px;
    margin-left: 9px;
}

.customer-tab-info-cell-ddl {
    float: left;
    width: 21.5%;
    padding: 3px 5px;
    font-size: 11px;
    position: relative;
    margin-bottom: 5px;
}

.customer-tab-icon-cell {
    height: 25px;
    width: 25px;
    cursor: pointer;
    color: white;
    float: left;
    position: relative;
    left: 8px;
}

.customer-tab-info-cell-customer-ddl .k-dropdown {
    width: 100%;
    border-radius: 0px;
}

.customer-tab-info-cell-customer-ddl .k-state-default {
    border-radius: 0px;
}

.customer-tab-info-cell-ddl .k-dropdown {
    width: 100%;
}

.customer-tab-info-cell-ddl .k-state-default {
    border-radius: 0px;
}

.customer-added-row-lable {
    position: relative;
    top: 7px;
}

.k-filter-item .k-animation-container[aria-hidden="false"] .k-filterable {
    max-width: 400px;
}

    .k-filter-item .k-animation-container[aria-hidden="false"] .k-filterable .k-multicheck-wrap {
        overflow-x: auto;
    }

.filter-grid-customers-ddl {
    width: 220px;
    position: relative;
    right: 10px;
}

    .filter-grid-customers-ddl .alpharep-textbox {
        width: 230px;
    }

.k-animation-container .k-multicheck-wrap .k-item:has(.k-label input[value=""]) {
    display: none;
}

.send-date-field-outer {
    min-height: 46px;
}

.subject-field-outer {
    min-height: 49px;
}

.body-field-outer {
    min-height: 225px;
}

.add-document-external-link {
    height: 24px;
    width: 24px;
    display: inline-block;
    text-align: center;
    position: relative;
    top: 1px;
    left: 1px;
}

.body-field-outer .jqte {
    margin-top: 5px;
    height: 200px;
}

.work-info-each-cell-control-holder .jqte {
    height: 150px;
}

.add-dditional-document-container {
    background-color: #127DD6;
    position: absolute;
    top: 23px;
    right: 16px;
}

.custom-popup-box-content-holder[data-tab-id='3'] .jqte_editor {
    min-height: 170px;
    max-height: 170px;
}

#divWorkIteminfoContainer[work-type="Quote Send"] .work-info-each-cell-control-holder .jqte .editor-size-only-for-view {
    min-height: 148px;
    max-height: 148px;
}

#divWorkIteminfoContainer[work-type="Quote Send"] .work-info-each-cell-control-holder .jqte_editor {
    min-height: 95px;
    max-height: 95px;
}

td.each-task-action-outer svg:hover, td.action-icons-coloumn > svg:hover {
    border-radius: 20px;
    background-color: #e4e4e4;
}

td.each-task-action-outer svg{
    padding: 4px;
    width: 30px;
    height: 30px;
}

td.action-icons-coloumn > svg {
    padding: 4px;
}

.each-task-action-outer .edit-task {
    margin-left: 10px;
}
.each-task-action-outer .copy-task {
    margin-left: 40px;
}
    .each-task-action-outer .copy-task path {
        fill: #BBBBBB;
    }
.each-task-action-outer .common-edit-icon path {
    fill: #BBBBBB;
}
.each-task-action-outer .delete-task {
    display:none;
}

.tasks-tab-tasks-list.table > tbody > tr > td {
    vertical-align: middle;
}

.tasks-tab-tasks-list .td-row:hover .each-task-action-outer .delete-task {
    display: inline;
}
.tasks-tab-tasks-list .td-row:hover .each-task-action-outer .edit-task path, .tasks-tab-tasks-list .td-row:hover .each-task-action-outer .copy-task path {
    fill:#000000;
}
.tab-searchtype-container{
    display:none;
}
body[work-type="search"] .tab-searchtype-container {
    display: inline;
    width: 200px;
    float: left;
    /*padding-left: 10px;*/
}
body[work-type="search"] #divHeaderOption {
    display: none;
}

.tab-searchtype-container .search-item-tab {
    float: left;
    padding: 8px 0px;
    height: 60px;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    padding-top: 5px;
    cursor: pointer;
    width: 50%
}
    .tab-searchtype-container .search-item-tab svg{
        height:30px;
    }
    .tab-searchtype-container .search-item-tab .alpharep-work-item-tab-text {
        height: 11px;
       
        font-size: 11px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 8px;
        text-align: center;
        margin-left: 9px;
        margin-right: 9px;
    }
    .tab-searchtype-container .search-item-tab.alpharep-selected-tab .alpharep-work-item-tab-text {
        color: #FFFFFF;
    }
.tab-searchtype-container .alpharep-selected-tab {
    background-color: #00263E;
    color: #FFFFFF;  
}

    .tab-searchtype-container .alpharep-selected-tab path{
        fill: #FFFFFF;
    }
.tab-searchtype-container .search-tab-workitem-icon {
    background: transparent url("../../images/alpharep/icon_search_workitems_outlined.svg") no-repeat scroll 0px 0px;
}

.tab-searchtype-container .alpharep-selected-tab .search-tab-workitem-icon {
    background: transparent url("../../images/alpharep/icon_search_workitems_filled.svg") no-repeat scroll 0px 0px;
}

.tab-searchtype-container .search-tab-documents-icon {
    background: transparent url("../../images/alpharep/icon_search_documents_outlined.svg") no-repeat scroll 0px 0px;
    width: 30px;
}

.tab-searchtype-container .alpharep-selected-tab .search-tab-documents-icon {
    background: transparent url("../../images/alpharep/icon_search_documents_filled.svg") no-repeat scroll 0px 0px;
    width: 30px;
}

.work-item-documents-actions-outer .add-existing-file-icon {
    background: transparent url("../../images/alpharep/icon_add_document.svg") no-repeat scroll 0px 0px;
}
.work-item-documents-actions-outer .add-external-file-icon {
    background: transparent url("../../images/alpharep/icon_link.svg") no-repeat scroll 0px 0px;
}
.work-item-documents-actions-outer .add-template-icon {
    background: transparent url("../../images/alpharep/icon_add_custom_doc.svg") no-repeat scroll 0px 0px;
}

.work-item-documents-actions-outer .arrow-triangle-down {
    background: transparent url("../../images/alpharep/arrow_triangle-down.svg") no-repeat scroll 0px 0px;
    margin-top: 5px;
}

.work-item-documents-actions-outer .document-folder-icon {
    background: transparent url("../../images/alpharep/icon-folder-filled.svg") no-repeat scroll 0px 0px;
}

.work-item-documents-actions-outer .document-category-icon {
    background: transparent url("../../images/alpharep/icon_doc_group_cat.svg") no-repeat scroll 0px 0px;
}

.work-item-documents-actions-outer .document-desc-category-icon {
    background: transparent url("../../images/alpharep/icon_doc_group_desc_cat.svg") no-repeat scroll 0px 0px;
}

.work-item-documents-actions-outer .document-description-icon {
    background: transparent url("../../images/alpharep/icon_doc_group_desc.svg") no-repeat scroll 0px 0px;
}

.work-item-documents-actions-outer .document-category-desc-icon {
    background: transparent url("../../images/alpharep/icon_doc_group_cat_desc.svg") no-repeat scroll 0px 0px;
}
.work-item-documents-actions-outer .sort-dir-asc, .sortable .sort-dir-asc {
    background: transparent url("../../../../Images/AlphaRep/common/arrow_up.svg") no-repeat scroll 5px 0px;
    margin-top: 5px;
}

.work-item-documents-actions-outer .sort-dir-desc, .sortable .sort-dir-desc {
    background: transparent url("../../../../Images/AlphaRep/common/arrow_down.svg") no-repeat scroll 5px 0px;
    margin-top: 5px;
}

.sortable{
    cursor:pointer;
}

.sortable .sort-direction-icon{
    position:absolute;
    top:1px;
    height:18px;
}

.work-item-documents-actions-outer .grid-view-icon {
    background: transparent url(../../images/alpharep/common/icon_list_view.svg) no-repeat scroll 0px 0px;
}

.work-item-documents-actions-outer .web-link-icon {
    background: transparent url(../../images/alpharep/web-link.svg) no-repeat scroll 0px 0px;
}
.work-item-documents-actions-outer .grid-icon {
    background: transparent url(../../images/alpharep/common/icon_doc_group_ungrouped.svg) no-repeat scroll 0px 0px;
}



.work-item-documents-actions-outer .add-existing-file, .work-item-documents-actions-outer .add-template-file {
    float: left;
}
.work-item-documents-actions-outer .thumbnail-icon {
    background: transparent url(../../images/alpharep/folder-unfilled.svg) no-repeat scroll 0px 0px;
}
/*.work-item-documents-actions-outer .add-template-file {
    margin-right: 50px;   
}*/
.k-tooltip-content {
    margin-left: -15px; 
}
.work-item-documents-actions-outer {
    width: 100%;
}
.revert-file-view .grid-revert-icon {
    width: 18px;
    height: 18px;
    margin-bottom: -3px;
}
.revert-file-view:hover{
    text-decoration:none;
}
.work-item-documents-actions-outer #txtDocSearchByNameText {
    width: 150px;
}
    .work-item-documents-actions-outer .action-right-section{
        margin-right:60px;       
    }
    .work-item-documents-actions-outer .file-view-group .dropdown-menu {
        width: 220px;
    }

        .work-item-documents-actions-outer .file-view-group .dropdown-menu .dropdown-item svg {
            margin-top: -5px;
            vertical-align: middle;
        }

        .work-item-documents-actions-outer .bulk-item-actions {
            background-color: #C3E0FF;
            border-left: 3px solid #193865;
        }

        .work-item-documents-actions-outer .bulk-item-actions.btn-group{
            margin-left:20px;
        }

.bulk-item-actions.btn-group .selected-documents-number {
    margin: 10px 100px 10px 5px;
}

.btn-group.bulk-item-actions a,.bulk-more-options {
    padding: 7px 0px;
    margin-right: 25px;
}
.btn-group.bulk-item-actions .bulk-actions-close {
    margin-left:5px;
    margin-right:5px;
}

    .btn-group.bulk-item-actions a svg {
        width: 25px;
        height: 25px;
    }

        .btn-group.bulk-item-actions a svg path {
            fill: #333333;
        }
.bulk-item-actions a span {
    margin-top: 3px;
    font-size:25px;
    color: #333333;
}

.bulk-item-actions .bulk-actions-close span {
    font-size: 20px;
}

.browse-open-attachment-icon {
    background: transparent url("../../images/alpharep/icon_add_custom_doc.svg") no-repeat scroll 0px 0px;
    height: 24px;
}
.browse-open-add-folder-icon {
    background: transparent url(../../images/alpharep/folder-filled.svg) no-repeat scroll 0px 0px;
    
    height: 24px;
}
.folder-edit-icon {
    background: transparent url(../../images/alpharep/icon_edit_folder_info.svg) no-repeat scroll 0px 0px;
}

#divWorkItemDocumentContainer .expand-category {
    background: transparent url("../../images/alpharep/arrow_carrot-down.svg") no-repeat scroll 0px 0px;
    height: 24px;
    padding-top: 2px;
    margin-bottom: -5px;
    margin-left: 5px;
}

#divWorkItemDocumentContainer .dragging, #divWorkItemDocumentContainer .thumbnail-container.folder-container.dragging, .add-new-work-item-documents-drop-attachments-area.dragging {
    box-shadow: inset 0 0 2px 1px #5385c4;
}
.browse-open-attachment-icon, .browse-open-add-folder-icon {
    cursor: pointer;
}
#divWorkItemDocumentContainer .collapse-category {
    background: transparent url("../../images/alpharep/icon-minus-filled.svg") no-repeat scroll 0px 0px;
    height: 24px;
    padding-top: 2px;
    margin-bottom: -5px;
    margin-left: 5px;
}
.padding-left-20{
    padding-left:20px;
}
.padding-left-40 {
    padding-left: 40px;
}
#divWorkItemDocumentContainer .category-row {
    height: 40px;  
    padding: 5px;  
    font-weight: 500;
    font-size: 14px;  
    cursor: pointer;
}
#divWorkItemDocumentContainer .description-row {
    padding-left: 20px;  
    font-weight: 500;
    font-size: 14px;   
    cursor: pointer;
}
.document-fixed-height {
    height: 40px;
    padding-top: 5px;
}

#divWorkItemDocumentContainer ul {
    list-style-type: none;
}


.folder-container .caret-doc {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-left: 6px;
    background: transparent url(../../images/alpharep/folder-unfilled.svg) no-repeat scroll 0px 0px;
    height: 24px;
    width: 20px;
    margin-left: -16px;
    margin-right: 10px;
}

.thumbnail-container.folder-container .caret-doc {  
    height: 120px;
    width: 120px;
    margin-left: 45px;   
    margin-top:15px;
}
.thumbnail-container.folder-container .div-li-container {
    padding-left: 10px;
}
.folder-container .caret-down {
    margin-left: 6px;
    background: transparent url(../../images/alpharep/folder-filled.svg) no-repeat scroll 0px 0px;
    height: 24px;
    width: 20px;
    margin-left: -16px;
    margin-right: 10px;
}

.category-container .caret-doc {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-left: 6px;
    background: transparent url(../../images/alpharep/common/icon_plus.svg) no-repeat scroll 0px 0px;
    margin-left: -16px;
    margin-right: 10px;
}

.category-container .caret-down {
    margin-left: 6px;
    background: transparent url(../../images/alpharep/common/icon_minus-06.svg) no-repeat scroll 0px 0px;
    margin-left: -16px;
    margin-right: 10px;
}
.nested {
    display: none;
}

.active {
    display: block;
}
#divWorkItemDocumentContainer .category-container .category-name, #divWorkItemDocumentContainer .folder-container .category-name {
    font-size: 14px;
    font-weight: 500;
    vertical-align: super;
    display: inline-block;
    padding-bottom: 15px;
    cursor:pointer;
}

#divWorkItemDocumentContainer .category-container.thumbnail-container .category-name, #divWorkItemDocumentContainer .folder-container.thumbnail-container .category-name {
    font-size: 14px;
    /* font-weight: 500; */
    vertical-align: super;
    display: inline-block;
    padding-bottom: 10px;
    cursor: pointer;
    background-color: #DFDFDF;
    width: 246px;
}


#divWorkItemDocumentContainer .outer-doclist-container{
    padding-left:0px;
}
#divWorkItemDocumentContainer .category-container, #divWorkItemDocumentContainer .folder-container {
    padding-top: 10px;
    /*padding-bottom: 10px;*/
    border-top: 1px solid #DFDFDF;
    width:100%;
}
#divWorkItemDocumentContainer .thumbnail-container.category-container, #divWorkItemDocumentContainer .thumbnail-container.folder-container {
    width: 248px;
    height: 200px;
    box-shadow: none;
    border: 1px solid #DFDFDF;
    /* border: 1px solid #003865; */
    margin: 30px;
    cursor: pointer;
    padding: 0px;
    margin-left: -5px;
    margin-top: 10px;
}
#divWorkItemDocumentContainer .no-folder-div {
    padding-top: 10px;
    padding-bottom: 20px;
    font-size: 14px;
}
.li-container{
    padding-left:0px;
}
/*#divWorkItemDocumentContainer .category-container .btn-group, #divWorkItemDocumentContainer .folder-container .btn-group{
    position:fixed;
}*/

/*.nested > li {
    margin-left: -75px;
    padding-left: 60px;
}*/

.document-sorting-menu label.dropdown-item {
    font-weight: 400;
    padding: 10px;
    margin-bottom: 0px;
}
.document-sorting-menu .dropdown-item input {
    margin-right: 10px;
    position: relative;
    top: 1px;
}
#divAlpharepWorkItemDetailsContainer .alpharep-work-item-details-container .alpharep-work-item-details-tabs-container .alpharep-work-item-tab{
    height: 60px;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
   
}

#addEditInfoTabContainer .alpharep-work-item-tab {
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
    float: left;
    text-align: center;
}

/*HEADER*/
.alpharep-popdown-content {
    top: 46px;   
    display: none;
    position: absolute; /*block*/
    background-color: #ffffff;
    min-width: 130px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 99999;
}
    .alpharep-popdown-content svg{
        height:18px;
        width:18px;
    }
    #divAlpharepCommonItemsContainer .alpharep-popdown-content {
        right: 17px;
    }
.work-item-info-actions-outer .alpharep-popdown-content {
    right: auto;
}
#divAlpharepHeaderContainer {
    width: calc(100% - 8px);
    position: fixed;
    width: 100%;
    overflow: hidden;
    top: 0px;
    left: 0px;
    height: 60px;
    border-right: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
}

#divAlpharepHeaderContainer.alpharep-container-menu-display .alpharep-header-center-outer {
    width: 100%;
    height: 60px;
    padding-left: 0px !important;
    border-left: 1px solid #dfdfdf;
    margin-left: 0px;
}

#divAlpharepHeaderContainer .alpharep-header-center-outer {
    width: 100%;
    height: 60px;
    margin-left: 5px;
}

    #divAlpharepHeaderContainer .alpharep-header-center-outer {
        padding-left: 52px !important;
        transition: all 0.5s ease;
    }

    #divAlpharepHeaderContainer .alpharep-header-plus-icon-link {
        position: absolute;
        top: 15px;
        right: 12px;
        cursor: pointer;
        z-index: 999;
        width: 67px;
        height: 30px;
        padding-left: 7px;
        text-decoration: none;      
    }

    #divAlpharepHeaderContainer .alpharep-header-cart-icon {
        background: transparent url("../../images/alpharep/buying-outlined.svg") no-repeat scroll 0px 0px;
        width: 40px;
        height: 40px;
        padding: 8px;
    }

    #divAlpharepHeaderContainer #addPopdown {
        border: 1px solid #e7e7e9;
        right: 30px;
    }

.alpharep-header-plus-icon {
    background: transparent url("../../images/alpharep/icon_plus_alt2.svg") no-repeat scroll 0px 0px;

}
#divAlpharepHeaderContainer .alpharep-header-plus-icon{
    width:30px;
    height:30px;
}
.alpharep-header-plus-icon path {
    fill: #ffffff;
}
.alpharep-header-plus-icon-title {
    display: inline-block;
    position: relative;
    bottom: 10px;
    left: -6px;
    font-size: 12px;
}
    .alpharep-header-project-icon {
        background: transparent url("../../images/alpharep/icon-folder-filled.svg") no-repeat scroll 0px 0px;
        width: 18px;
        height: 18px;
    }

.alpharep-header-opprotunities-icon {
    background: transparent url("../../images/alpharep/icon-about-filled.svg") no-repeat scroll 0px 0px;
    width: 18px;
    height: 18px;
}

.alpharep-header-quote-icon {
    background: transparent url("../../images/alpharep/quote-filled.svg") no-repeat scroll 0px 0px;
    width: 18px;
    height: 18px;
}

.alpharep-header-salesorder-icon {
    background: transparent url("../../images/alpharep/icon_archive.svg") no-repeat scroll 0px 0px;
    width: 18px;
    height: 18px;
}

.alpharep-header-customer-icon {
    background: transparent url("../../images/alpharep/customers-filled.svg") no-repeat scroll 0px 0px;
    width: 18px;
    height: 18px;
}

.alpharep-header-order-icon {
    background: transparent url("../../images/alpharep/icon-order-filled.svg") no-repeat scroll 0px 0px;
    width: 18px;
    height: 18px;
}


.alpharep-header-vendor-icon {
    background: transparent url("../../images/alpharep/supplier_or_vendor-filled.svg") no-repeat scroll 0px 0px;
    width: 18px;
    height: 18px;
}
.alpharep-header-salesorder-icon {
    background: transparent url("../../images/alpharep/icon_archive.svg") no-repeat scroll 0px 0px;
    width: 18px;
    height: 18px;
}

.alpharep-header-select {
    font-weight: bold !important;
    height: 40px;
}

.select-item-link svg {
    vertical-align: middle;
    margin-right: 5px;
}

    .select-item-link svg path {
        fill: #3E3D52;
    }

.alpharep-header-select .k-input {
    color: #3E3D52 !important;
}

#divSecondHeader {
    position: absolute;
    margin-left: 35px;
    margin-top: 23px;
    z-index: 10000;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 16px;
}

.alpharep-header-select .k-icon.k-i-arrow-60-down {
    background-size: 20px !important;
    margin-left: 5px;
    margin-top: 10px;
}

.alpharep-header-select .k-dropdown-wrap .k-select {
    line-height: 2.1em;
    text-align: left;
    width: 35px;
}


#divHeaderOption .k-dropdown .k-input {
    padding-left: 20px;
    height: 48px;
    background-color: #FFFFFF;
    top: 0px;
    padding-top: 6px;
    font-size:15px;
    width:475px;
}


#divOptionIcon {
    position: absolute;
    z-index: 10000;
    margin-left: 6px;
    margin-top: 0px;
    background-color: #FFFFFF;
}

#divHeaderOption {
    width: auto;
    float: left;
    min-width: 510px;
    margin-left: 5px;
    margin-top: -6px;
}

    #divHeaderOption .alpharep-header-select {
        width: 100%;
        height:50px;
}
#divAlpharepHeaderContainer.alpharep-container-menu-display .alpharep-header-center-outer {
    width: 100%;
    height: 60px;
    padding-left: 0px !important;
    /*border-left: 1px solid #dfdfdf;
    margin-left: 0px;*/
}

#divAlpharepHeaderContainer .alpharep-header-center-outer {
    width: 100%;
    height: 60px;
    margin-left: 5px;
}

#divAlpharepHeaderContainer .alpharep-header-center-outer {
    padding-left: 52px !important;
    transition: all 0.5s ease;
}

#divAttachmentTemplates {
    min-width: 400px;
}

body[work-type="search"] #divWorkItemsGlobalSearchViewFiltersOuter .button-global-search {
    display: none;
}


#divAlpharepHeaderContainer .alpharep-header-center-outer .alpharep-header-title-1 {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 24px;
    padding-left: 10px;
    padding-top: 10px;
}

#divAlpharepHeaderContainer .alpharep-header-center-outer.single-line .alpharep-header-title-1 {
    line-height: 40px;
    /*display: none;*/
}

#divAlpharepHeaderContainer .alpharep-header-center-outer .alpharep-header-title-2 {
    opacity: 0.4;   
    font-size: 11px;
    letter-spacing: 0;
    line-height: 16px;
}

#divAlpharepHeaderContainer[work-type="search"] .alpharep-header-title-1{
    display:none;
}
.send-quote-container{
    width:750px;
}

.share-option-container{
    display:inline-flex;
}
.path-header-links {
    padding-left: 5px;
    margin-top: 15px !important;
    margin-bottom: 3px !important;

}
.line-item-pop-up-container{
    width:80%;
    left:10% !important;
}

/*CF GROUPING - START*/

#divWorkIteminfoContainer .folder-info-group-header-outer:not(.hidden-item), .new-edit-work-item-info-outer-selector .folder-info-group-header-outer:not(.hidden-item) {
    font-size: 18px;
    background-color: #e9e9e9;
    padding: 0px 6px 0px 6px;
    line-height: 40px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
}

.new-edit-work-item-info-outer-selector .folder-info-group-header-outer {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    width: calc(100% + 11px);
}

.folder-info-group-header-outer .folder-info-group-header-text {
    width: calc(100% - 40px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.folder-info-group-header-outer .info-header-toggle-icon {
    display: inline-block;
    cursor: pointer;
    width:20px;
}
.info-header-toggle-icon {
    background: transparent url("../../Images/alpharep/arrow-up.svg") no-repeat scroll 5px 0px;
    transition-duration: 0.2s;
    transition-property: transform;
    visibility: hidden;
}
img.info-header-toggle-icon {
    width: 40px;
    height: 40px;
    background-position: 0px 0px;
}
.folder-info-group-header-outer:hover .info-header-toggle-icon {
    visibility: visible;
}

.collapsed .info-header-toggle-icon {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
}
.hidden-due-to-fields-group-collapsed {
    display: none !important; /*Have to override inline styles*/
}
.hidden-cfgroup-header-due-to-no-items {
    display: none !important; /*Have to override inline styles*/
}

#divWorkIteminfoContainer[data-wi-info-cols="1"] > div.work-info-each-cell-outer {
    width: 100%;
    max-width: 100%;
}

#divWorkIteminfoContainer[data-wi-info-cols="2"] > div.work-info-each-cell-outer {
    width: 50%;
    max-width: 50%;
}

#divWorkIteminfoContainer[data-wi-info-cols="3"] > div.work-info-each-cell-outer {
    width: 33.3%;
    max-width: 33.3%;
}

#divWorkIteminfoContainer[data-wi-info-cols="4"] > div.work-info-each-cell-outer {
    width: 25%;
    max-width: 25%;
}
.note-field-textarea-container.html-view-mode > span{
    display:inline-block;
    width:100%;
    min-height:30px;
    max-height:300px;
    overflow:auto;
}
.note-field-textarea-container span::-webkit-scrollbar {
    height: 6px; 
}
#divWorkIteminfoContainer > div.work-info-each-cell-outer[data-html-element-tag="textarea"] {
    max-width: initial !important;
}

    #divWorkIteminfoContainer[data-wi-info-cols="5"] > div.work-info-each-cell-outer {
        width: 20%;
        max-width: 20%;
    }

#divWorkIteminfoContainer[data-wi-info-cols="6"] > div.work-info-each-cell-outer {
    width: 16.6%;
    max-width: 16.6%;
}

#divWorkIteminfoContainer[data-wi-info-cols="7"] > div.work-info-each-cell-outer {
    width: 14.25%;
    max-width: 100%;
}

#divWorkIteminfoContainer[data-wi-info-cols="8"] > div.work-info-each-cell-outer {
    width: 12.5%;
    max-width: 12.5%;
}

#divWorkIteminfoContainer[data-wi-info-cols="9"] > div.work-info-each-cell-outer {
    width: 11.11%;
    max-width: 11.11%;
}

#divWorkIteminfoContainer[data-wi-info-cols="10"] > div.work-info-each-cell-outer {
    width: 10%;
    max-width: 10%;
}
/*CF GROUPING - END*/

#divEditDocumentContainer .alpharep-label {
    font-size: 14px;
}

#divEditDocumentContainer .alpharep-textbox {
    font-size: 14px;
}
#divEditDocumentContainer input.alpharep-textbox {
    height: 30px;
}

#divEditDocumentContainer .k-combobox.alpharep-textbox {
    width: 235px;
}
.k-list-scroller::-webkit-scrollbar {
    width: 4px;
}
.k-list-scroller::-webkit-scrollbar-thumb {
    background-color: #bcbcbc;
}
.k-grid-content::-webkit-scrollbar {
    height: 8px; 
}

@media(max-width:1800px) {
    #divAlpharepWorkItemDetailsContainer #tab-container {
        width: calc(100% - 630px);
        white-space: nowrap;
        overflow-x: auto;
        overflow-y:hidden;
    }

    #divAlpharepWorkItemDetailsContainer #tab-container::-webkit-scrollbar {
        width: 4px;
        height: 4px;
    }
}

.bulk-duplicate.btn.btn-primary {
    border-radius: 20px !important;
}

.bulk-delete.btn.btn-danger {
    border-radius: 20px !important;
    border: 1px solid #003865;
}

.popup-body{
    padding:10px;
    display:flex;
    flex-direction:column;
    row-gap:5px;
}
.name-section, .newPass {
    display: flex;
    column-gap: 30px;
    
}
#txtFirstName, #txtLastName, #txtCurrentPassword, #txtNewPassword, #txtVerifyPassword {
    width: 220px !important;
    background-color: #FFFFFF;
    box-sizing: border-box;
    height: 30px;
    border: 1px solid #DFDFDF;
    color: #000000;
    box-shadow: none;
    opacity: 1;
    padding: 0 8px;
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    border-radius: 0;
}
.header-change-password {
    text-align: left
}

#portalContainer{
    margin-top:5px;
}
.workflow-searchbox-note-container {
    margin-right: 2%;
    position: relative;
    padding: 4px 0px;
}

.workflow-searchbox-note-container #txtWorkItemsSearch {
    width: 290px;
    height: 28.1px;
    font-size: 14px;
}

.custom-popup-box-content-holder  .work-item-info-view-container{
    width: 950px;
}
.custom-popup-box-content-holder .work-item-info-view-container .col-sm-12 {
    margin-top: 5px;
}
#gridSummaryContainer {
    position: absolute;
    display: flex;
    column-gap: 15%;
    height: 30px;
    padding: 6px;
    align-items: center;
    width: -webkit-fill-available;
    border: 1px solid #DFDFDF;
    margin-right: 1.40%;
    font-weight:600;
}

#gridSummaryContainer #leftSummary {
    display: flex;
    width: 50%;
    column-gap:15%;
}
#gridSummaryContainer #rightSummary {
    display: flex;
    width: 50%;
    column-gap: 15%;
    justify-content: end;
}

/*User*/

#divAlpharepUserSetupContainer {
    width: 100%;
    height: 100%;
    padding: 45px 8px 0px 52px;
}

.alpharep-work-items-container {
    text-align: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    /*border: 1px solid #DFDFDF;*
    /*border-top: 1px solid #DFDFDF;
    border-right: 1px solid #DFDFDF;
    border-bottom: 1px solid #DFDFDF;*/
}

#divUserGridView {
    height: calc(100% - 40px);
    width: 100%;
    text-align: left;
}

    #divUserGridView.negative-index {
        z-index: -1;
    }

#divAlpharepUserSetupContainer .work-items-actions-outer {
    float: right;
    margin-top: 3px;
}

#divUserGridView tbody tr:not(.k-alt) {
    background-color: #F8FAFA;
    box-shadow: 0 1px 0 0 #DFDFDF;
}

#divUserGridView tbody tr.k-alt {
    background-color: #FFFFFF;
    box-shadow: 0 1px 0 0 #DFDFDF;
}

#divUserGridView tbody tr.work-items-grid-selected-row:hover, #divWorkItemsGlobalSearchViewResultGrid tbody tr.work-items-grid-selected-row:hover {
    background-color: #CDF1F2;
}

#divUserGridView tbody tr.work-items-grid-selected-row {
    position: relative;
    background-color: #CDF1F2 !important;
    box-shadow: 0px 0px 15px 0px #b3b3b3 !important;
}

    #divUserGridView tbody tr.work-items-grid-selected-row .common-vertical-menu-icon > g > g > rect {
        fill: #CDF1F2;
    }

#divWorkItemsGlobalSearchViewResultGrid td.k-state-selected, #divUserGridView td.k-state-selected, .each-work-type-workflow-data-grid td.k-state-selected, .each-work-type-workflow-data-grid.k-grid td.k-state-selected:hover {
    background-color: initial;
}

#divUserGridView tbody td {
    letter-spacing: 0;
    line-height: 14px;
    opacity: 0.9;
}

    #divUserGridView tbody td.open-work-item-link {
        opacity: 1;
    }

    #divUserGridView tbody td a {
        color: #127DD6;
    }

#divWorkItemsGlobalSearchViewFiltersOuter #txtWorkItemsGlobalSearchByText, #divAlpharepUserSetupContainer .search-work-items-outer #txtWorkItemsSearch {
    border-radius: 4px 0px 0px 4px;
}

#divUserGridView .k-state-selected a {
    color: white
}

#divUserGridView .k-pager-wrap .k-link {
    border-radius: 1px;
    height: 24px;
    min-width: 24px;
}

    #divUserGridView .k-pager-wrap .k-link.k-state-selected {
        background-color: #127DD6;
    }

#divUserGridView .k-pager-sizes select {
    height: 24px;
}

#divUserGridView .k-pager-sizes .k-dropdown-wrap .k-input {
    padding: 3px 0.5px;
}

#divUserGridView .k-dropdown-wrap .k-select {
    line-height: 24px;
}

#divUserGridView .action-right-section {
    position: absolute;
    margin-top: -10px;
}

#divAlpharepUserSetupContainer .work-items-header-action-outer {
    width: 100%;
    height: 40px;
    padding: 8px;
}

    #divAlpharepUserSetupContainer .work-items-header-action-outer .work-items-actions-outer .add-workflow {
        margin-top: 0px;
        width: 20px;
        background: transparent url(../../images/alpharep/common/icon_plus.svg) no-repeat scroll 0px 0px;
    }

        #divAlpharepUserSetupContainer .work-items-header-action-outer .work-items-actions-outer .add-workflow path {
            fill: #FFFFFF;
        }


#divAlpharepUserSetupContainer .search-work-items-outer {
    width: 75%;
    float: left;
    margin-top: -3px;
}

#divAlpharepUserSetupContainer .work-items-header-action-outer .search-work-items-outer #txtWorkItemsSearch {
    float: left;
    width: 290px;
    height: 28.1px;
    padding-left: 7px;
    margin-top: 2px;
}

#divAlpharepUserSetupContainer .grid-outer-filter {
    float: left;
    margin-left: 10px;
    margin-top: 6px;
}

    #divAlpharepUserSetupContainer .grid-outer-filter .k-input {
        height: 28px;
    }

#divAlpharepUserSetupContainer .grid-outer-filter-date-range #startDate, #divAlpharepUserSetupContainer .grid-outer-filter-date-range #endDate {
    margin-top: 0px;
}

#divUserHomeView {
    font-size: 14px !important;
    height: inherit;
}

    #divUserHomeView .div-customer-filter, #divUserHomeView .div-vendor-filter, #divUserHomeView .div-sales-filter, #divUserHomeView .div-vendor-product-filter, #divUserHomeView .div-warehouse-filter {
        padding-left: 5px;
    }

    #divUserHomeView .div-primary-filter-dashboard {
        text-align: left;
        margin-top: 10px;
    }

        #divUserHomeView .div-primary-filter-dashboard .dropdown-section {
            border: 1px solid #e7e7e9;
            padding: 10px;
        }

            #divUserHomeView .div-primary-filter-dashboard .dropdown-section .k-widget .k-dropdown-wrap {
                height: 24px !important;
            }

    #divUserHomeView .div-vendor.dashboard-section {
        min-height: 344px !important;
        height: auto;
    }

    #divUserHomeView .dashboard-section {
        text-align: left;
        padding: 0px;
        margin-top: 10px;
        border: 1px solid #e7e7e9;
        margin-left: 10px;
        height: 279px;
    }

        #divUserHomeView .dashboard-section .col-sm-12.grid-view {
            margin-top: 0px;
        }

        #divUserHomeView .dashboard-section .section-header {
            height: 45px;
            padding: 10px;
            margin-top: 0px;
            background-color: #3E3D52;
            border: 1px solid #e7e7e9;
        }

            #divUserHomeView .dashboard-section .section-header .section-icon {
                width: 24px;
                height: 24px;
                filter: brightness(100);
            }

            #divUserHomeView .dashboard-section .section-header .section-heading {
                color: white;
                display: inline-block;
                vertical-align: middle;
                padding-left: 5px;
                font-size: 16px;
            }

        #divUserHomeView .dashboard-section .row {
            height: 50px;
            border-bottom: 1px solid #e7e7e7;
        }

            #divUserHomeView .dashboard-section .row div[class^="col-sm-"] {
                height: 50px;
                padding-top: 5px;
                top: 25%;
            }

        #divUserHomeView .dashboard-section .header {
            font-weight: 700;
        }

        #divUserHomeView .dashboard-section .row-even {
            background-color: #f8fafa;
        }

    #divUserHomeView h3 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

#divAlpharepUserSetupContainer .workitem-treeview-search {
    background-color: #E9F2F9;
    margin-left: -4px;
    width: 400px;
}

    #divAlpharepUserSetupContainer .workitem-treeview-search input {
        background-color: #F9FBFB;
    }

    #divAlpharepUserSetupContainer .workitem-treeview-search #txtWorkItemsSearch {
        background-color: #FFFFFF;
        float: left;
        border: none;
    }

    #divAlpharepUserSetupContainer .workitem-treeview-search .search-work-items-outer {
        background-color: #FFFFFF;
        width: 350px;
        float: left;
        height: 30px;
        margin-left: 17px;
        margin-top: 3px;
    }

    #divAlpharepUserSetupContainer .workitem-treeview-search .search-work-items .search-icon {
        background: transparent url("../../images/alpharep/icon-filter-filled.svg") no-repeat scroll 0px 0px;
        float: left;
        margin-top: 4px;
        margin-left: 4px;
        height: 21px;
        width: 21px;
    }

    #divAlpharepUserSetupContainer .workitem-treeview-search .search-work-items .search-icon-place {
        background: transparent url("../../images/alpharep/icon-place_marker-filled.svg") no-repeat scroll 0px 0px;
        /*margin-right: -6px;*/
        /* margin-top: -3px; */
        height: 24px;
        background-color: #E9F2F9;
    }

    #divAlpharepUserSetupContainer .workitem-treeview-search .k-dropdowntree {
        width: 85%;
        /*margin-top: -23px;*/
        /*height: 27px;*/
        z-index: 9999;
        float: left;
    }

        #divAlpharepUserSetupContainer .workitem-treeview-search .k-dropdowntree .k-multiselect-wrap {
            border-color: white;
            /*margin-top: -39px;*/
            display: none;
        }

#divUserTreeView {
    color: #AEB7C4;
    width: 400px;
    background-color: #E9F2F9;
    padding-left: -1px;
    margin-left: -4px;
    padding-top: 10px;
    height: calc(100% - 100px);
    position: absolute;
    z-index: 999;
}

    #divUserTreeView.k-widget .k-group .k-item div .k-icon.k-i-expand {
        filter: brightness(0.2);
        margin-top: -5px;
    }

    #divUserTreeView .alpharep-menu-add-vendors-icon {
        background: transparent url("../../images/alpharep/icon-plus-filled.svg") no-repeat scroll 0px 0px;
    }

    #divUserTreeView .k-in .work-item-link {
        color: #3E3D52
    }

        #divUserTreeView .k-in .work-item-link .node-element {
            display: inline-block;
            margin-top: 4px;
            vertical-align: middle;
            white-space: pre-wrap;
        }

        #divUserTreeView .k-in .work-item-link:hover, #divUserTreeView .k-state-selected .work-item-link, #divUserTreeView .k-state-hover .work-item-link {
            color: #f8fafa
        }

    #divUserTreeView .k-item {
        text-align: left;
        padding-left: 20px;
        margin-top: 5px;
    }

        #divUserTreeView .k-item .k-state-hover {
            background-color: #3E3D52;
            background-image: none !important;
            color: #ffffff;
            cursor: pointer;
        }

            #divUserTreeView .k-item .k-state-hover svg path, #divUserTreeView .k-state-selected .work-item-link svg path {
                fill: white;
            }

        #divUserTreeView .k-item .work-item-link svg {
            margin-bottom: -5px;
            padding-bottom: 3px;
            vertical-align: middle;
        }

        #divUserTreeView .k-item svg {
            margin-right: 5px;
        }

            #divUserTreeView .k-item svg.injected-svg.Customers.custom-svg-bg,
            #divUserTreeView .k-item svg.injected-svg.Vendors.custom-svg-bg {
                display: none;
            }

            #divUserTreeView .k-item svg:hover {
                color: #ffffff;
            }

        #divUserTreeView .k-item span.k-in {
            width: 97%;
            padding-bottom: 5px;
            border-radius: 0 !important;
        }

    #divUserTreeView .k-i-expand:before {
        content: url(../../images/alpharep/plus_math-filled.svg);
    }

    #divUserTreeView .k-i-collapse:before {
    }

    #divUserTreeView .k-sprite {
        height: 24px;
        width: 24px;
    }

    #divUserTreeView .k-draghandle.k-state-selected:hover, #divUserTreeView .k-ghost-splitbar-horizontal, #divUserTreeView .k-ghost-splitbar-vertical, #divUserTreeView .k-list > .k-state-highlight, #divUserTreeView .k-list > .k-state-selected, #divUserTreeView .k-marquee-color, #divUserTreeView .k-panel > .k-state-selected, #divUserTreeView .k-scheduler .k-today.k-state-selected, #divUserTreeView .k-state-selected, #divUserTreeView .k-state-selected:link, #divUserTreeView .k-state-selected:visited {
        background-image: none !important;
        background-color: #3E3D52;
    }

#divAlpharepUserSetupContainer .workitem-treeview-search #divFilterByLocation {
    position: relative;
    float: right;
    width: 30px;
    z-index: 10000;
    background-color: #E9F2F9;
    height: 30px;
    padding-left: 5px;
    margin-top: -1px;
}

    #divAlpharepUserSetupContainer .workitem-treeview-search #divFilterByLocation .dropdown-toggle {
        padding: 0px;
        border: 0px;
        vertical-align: -webkit-baseline-middle;
        box-shadow: none;
    }

#divAlpharepUserSetupContainer .workitem-treeview-search label {
    width: 250px;
    font-weight: 500;
}

#divAlpharepUserSetupContainer .workitem-treeview-search input[type=checkbox] {
    width: 30px;
}

#divAlpharepUserSetupContainer .workitem-treeview-search .dropdown-menu {
    margin-top: 10px;
}

#divWorkItemsGlobalSearchViewFiltersOuter .search-icon,
#divAlpharepUserSetupContainer .search-icon {
    background: transparent url("../../images/alpharep/search-filled.svg") no-repeat scroll 0px 0px;
    width: 17px;
    height: 17px;
}

#divWorkItemsGlobalSearchViewFiltersOuter #txtWorkItemsGlobalSearchByText, #divAlpharepUserSetupContainer .search-work-items-outer #txtWorkItemsSearch {
    padding-left: 10px;
    padding-right: 25px;
    width: 250px;
    font-size: 14px;
    height: 28.1px;
}

#divWorkItemsGlobalSearchViewFiltersOuter .global-search-box .alpharep-textbox, #divAlpharepUserSetupContainer .search-work-items-outer .alpharep-textbox {
    margin-top: -6px;
}

#divWorkItemsGlobalSearchViewFiltersOuter .k-input, #divAlpharepUserSetupContainer .search-work-items-outer .k-input {
    font-size: 14px !important;
}

#divAlpharepUserSetupContainer #divUserHomeView {
    /* Temp style*/
    z-index: 1;
    background-color: #ffffff;
    /*******/
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 1px solid #DFDFDF;
    position: relative;
}

    #divAlpharepUserSetupContainer #divUserHomeView.negative-index {
        z-index: -1;
    }
#divAlpharepUserSetupContainer #divUserHomeView .alpharep-user-details-tabs-container {
    position: absolute;
    top: 0;
    width: 100%;
    height: 44px;
    background-color: rgba(255,255,255,0);
    box-shadow: 0 1px 0 0 #DFDFDF;
    padding-left: 20px;
}

        #divAlpharepUserSetupContainer #divUserHomeView .alpharep-user-details-tabs-container .alpharep-user-tab {
            display: inline-block;
            height: 44px;
            text-align: center;
            vertical-align: top;
            padding-top: 1px;
            cursor: pointer;
            float: left;
        }

#divAlpharepUserSetupContainer .alpharep-user-details-tabs-container .alpharep-menu-user-profile-icon {
    background: transparent url(../../images/alpharep/icon_user.svg) no-repeat scroll 0px 0px;
}

#divUserListResults .alpharep-menu-user-profile-icon {
    background: transparent url(../../images/alpharep/icon_user.svg) no-repeat scroll 0px 0px;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

#divAlpharepUserSetupContainer .alpharep-user-details-tabs-container .alpharep-menu-department-icon {
    background: transparent url("../../images/alpharep/male_user_new-filled.svg") no-repeat scroll 0px 0px;
}

#divUserGroupDataContainer .alpharep-menu-department-icon {
    background: transparent url("../../images/alpharep/male_user_new-filled.svg") no-repeat scroll 0px 0px;
    width: 26px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    font-size: 12px;
}

#divAlpharepUserSetupContainer .alpharep-user-details-tabs-container .alpharep-user-tab svg {
    width: 24px;
    height: 24px;
    margin-left: 9px;
    margin-right: 9px;
}

    #divAlpharepUserSetupContainer .alpharep-user-details-tabs-container .alpharep-user-tab svg path {
        fill: #3e3d5266 !important;
    }

#divAlpharepUserSetupContainer .alpharep-user-details-tabs-container .alpharep-user-tab .alpharep-user-tab-text {
    height: 11px;
    opacity: 0.4;
    color: #3E3D52;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 8px;
    text-align: center;
    margin-left: 9px;
    margin-right: 9px;
}

#divAlpharepUserSetupContainer .alpharep-user-details-tabs-container .alpharep-user-tab .alpharep-user-tab-bottom-bar {
    height: 3px;
    width: 100%;
    background-color: #127DD6;
    visibility: hidden;
}

#divAlpharepUserSetupContainer .user-tabs-contents-container {
    height: 100%;
    padding-top: 45px;
}

    #divAlpharepUserSetupContainer .user-tabs-contents-container .alpharep-user-tab-content {
        height: calc(100% - 70px);
    }

#divAlpharepUserSetupContainer .alpharep-user-details-tabs-container .alpharep-user-tab.alpharep-selected-tab .alpharep-user-tab-bottom-bar {
    visibility: visible;
}

#divAlpharepUserSetupContainer .alpharep-user-details-tabs-container .alpharep-user-tab.alpharep-selected-tab .alpharep-user-tab-text {
    color: #127DD6;
    opacity: 1;
}

#divAlpharepUserSetupContainer .alpharep-user-details-tabs-container .alpharep-user-tab.alpharep-selected-tab svg path {
    fill: #127DD6 !important;
    fill-opacity: 1 !important;
}

#divAlpharepUserSetupContainer .alpharep-user-details-tabs-container .alpharep-user-tab.alpharep-selected-tab svg g {
    fill-opacity: 1 !important;
}

#divAlpharepUserSetupContainer .user-tabs-contents-container .alpharep-user-tab-content.alpharep-selected-tab {
    display: block;
}

.user-analytics-tab-outer svg {
    width: 24px;
    height: 24px;
    margin-left: 9px;
    margin-right: 9px;
}

#divUserDataContainer {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 100px);
}

    #divUserDataContainer > div:not(#divUserListResults) {
        flex-shrink: 0;
    }

#divUserListResults {
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
}

#divUserForm #txtFirstName, #divUserForm #txtLastName, #divUserForm #txtVerifyPassword, #divUserForm #txtPassword, #divUserForm #txtVerifyPassword, #divUserForm #txtNewUserName, #divGroupForm #txtGroupName, #divGroupForm #txtGroupDescription {
    background-color: #FFFFFF;
    width: 100% !important;
    box-sizing: border-box;
    height: 30px;
    border: 1px solid #DFDFDF;
    color: #000000;
    box-shadow: none;
    opacity: 1;
    padding: 0 8px;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    border-radius: 0;
}

/* List Items */
.user-setup-list-item {
    margin: 0;
    padding: 8px 0px;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
}

    .user-setup-list-item:hover {
        background-color: #FAFAFA;
        box-shadow: 0 0 20px 0 #DEDEE0;
    }

.alpharep-user-container {
    height: 97%;
    margin-top: 15px;
}

#divAlpharepUserSetupContainer.pinned-menu {
    padding-left: 267px !important;
}

/*Billing*/

#divAlpharepBillingContainer {
    width: 100%;
    height: 100%;
    padding: 45px 8px 0px 52px;
}

.manage-dragonfly-product-details-setup-section-outer {
    height: 97%;
    margin-top: 15px;
    margin-left: 10px;
}

#divAlpharepBillingContainer.pinned-menu {
    padding-left: 267px !important;
}

    #divAlpharepBillingContainer.pinned-menu .manage-dragonfly-product-details-setup-select-user-license-input-label,
    #divAlpharepBillingContainer.pinned-menu .manage-dragonfly-product-details-setup-select-additional-storage-input-label,
    #divAlpharepBillingContainer.pinned-menu .right-panel-product-details-header {
        font-size: 18px !important;
        font-weight: 600;
        color: #003865; /* Your project's deep navy blue */
        border-bottom: 2px solid #E9F2F9; /* A soft underline to separate sections */
        padding-bottom: 8px;
        margin-bottom: 15px;
        margin-top: 10px;
        display: block;
        width: 100%;
    }

    #divAlpharepBillingContainer.pinned-menu .manage-dragonfly-product-details-setup-section-outer {
        overflow-y: auto;
        overflow-x: hidden;
    }

/* Pricing Cards for Billing Page */
.pricing-cards-container {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.alpharep-pricing-card {
    background-color: #15759A; /* Your primary active blue */
    color: #FFFFFF;
    border-radius: 8px;
    padding: 20px;
    width: 260px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

    /* Optional: Adds a nice little lift effect when hovering over the card */
    .alpharep-pricing-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 6px 15px rgba(0,0,0,0.2);
    }

.alpharep-pricing-card-header {
    background-color: rgba(255,255,255,0.15);
    border-radius: 6px;
    padding: 10px;
    text-align: center;
    margin-bottom: 20px;
}

.alpharep-pricing-card-title {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

    .alpharep-pricing-card-title input[type="radio"] {
        margin: 0;
        cursor: pointer;
    }

.alpharep-pricing-card-price-section {
    text-align: center;
    margin-bottom: 20px;
}

.alpharep-pricing-card-amount {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 5px;
}

.alpharep-pricing-card-period {
    font-size: 12px;
    line-height: 1.3;
    opacity: 0.9;
}

.alpharep-pricing-card hr {
    border: none;
    border-top: 1px solid rgba(255,255,255,0.3);
    width: 100%;
    margin: 0 0 20px 0;
}

.alpharep-pricing-card-features-title {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
}

.alpharep-pricing-card ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-size: 13px;
    line-height: 1.6;
    opacity: 0.95;
    text-align: left;
}

    .alpharep-pricing-card ul li {
        margin-bottom: 6px;
    }

/* --- Extracted Inline Styles --- */

#divAlpharepBillingContainer .alpharep-billing-row-no-margin {
    margin-right: 0px;
}

#divTrialPeriodAlert {
    margin-bottom: 15px;
}

#divTrialDeactivationAlert {
    margin-top: 5px;
}

#divAlpharepBillingContainer .alpharep-billing-top-margin-15 {
    margin-top: 15px;
}

#divAlpharepBillingContainer .alpharep-billing-top-margin-20 {
    margin-top: 20px;
}

#divAlpharepBillingContainer .alpharep-billing-top-margin-25 {
    margin-top: 25px;
}

#ddlAdditionalStorage.alpharep-billing-full-width {
    width: 100%;
}

#divAlpharepBillingContainer .alpharep-billing-redundant-storage-col {
    padding-top: 25px;
}

#divManageProductSetupPaymentInfoOuter.alpharep-billing-payment-outer {
    padding-top: 20px;
}

#divManageProductSetupPaymentInfoOuter .right-panel-product-details-header {
    font-size: 16px;
    margin-bottom: 15px;
}

#divAlpharepBillingContainer .alpharep-billing-cancel-account-wrapper {
    border-top: 2px solid #E9F2F9;
    padding-top: 20px;
    margin-top: 20px;
}
