/* Copyright (c) PhaseAlpha, LLC - All Rights Reserved /
/ Unauthorized copying or reproduction of this file or its contents, via any medium is strictly prohibited */

#skinHeaderOuterDiv .container-fluid {
    padding-left: 0px;
}

@font-face {
    font-family: 'Roboto, Helvetica, sans-serif';
    src: url('../Styles/helvetica/helvetica.otf') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'Roboto, Helvetica, sans-serif';
}

#skinHeaderOuterDiv .header-navbar {
    position: relative;
    color: #424244;
    border-color: #424244;
    height: 44px;
    background-color: #3d3c3c;
}

    #skinHeaderOuterDiv .header-navbar ul li {
        float: left;
    }

        #skinHeaderOuterDiv .header-navbar ul li a {
            color: #fff;
            line-height: 24px;
            position: relative;
            display: block;           
        }

            #skinHeaderOuterDiv .header-navbar ul li a:hover {
                text-decoration: none;
            }


#skinHeaderOuterDiv .left-nav-style {
    float: left;
}

#skinHeaderOuterDiv .right-nav-style {
    float: right;
    margin-right: -15px;
}


    #skinHeaderOuterDiv .right-nav-style ul li div {
        padding: 0px;
    }

#skinHeaderOuterDiv .header-navbar ul li a.menu-right-font-size {
    padding: 0px;
}

a#dnn_HeaderRooteSiteInner_dnnLogin_enhancedLoginLink {
    padding: 3px !important;
}

.page-font-size-div .custom-svg-bg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/Popout Arrow.svg') no-repeat scroll 0px 0px;
    width: 20px;
    height: 39px;
    vertical-align: middle;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

    .page-font-size-div .custom-svg-bg path {
        fill: #3e4952 !important;
    }

.navbar-nav > li.font-size-dropdown > a {
    padding-top: 4px;
    padding-bottom: 0;
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: absolute;
        background-color: white;
    }
}

.nav > li.font-size-dropdown > a:hover, .nav > li.font-size-dropdown > a:focus {
    background-color: transparent;
}


.header-pane-item .logo_style img {
    max-height: 80px;
    height: 30px;
    width: 103px;
}

.font-size-list span {
    font-family: "Brandon Grotesque Bold";
    font-weight: normal;
    display: block;
    white-space: nowrap;
    text-transform: uppercase;
}

.dropdown-menu .font-size-list a:hover {
    background-color: #384774;
    color: #fff;
}

.notification-nav {
    line-height: 27px;
    padding: 5px;
    cursor: pointer;
    display: inline-block;
    width: 40px;
}

    .notification-nav .custom-svg-bg {
        background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/notification.svg') no-repeat scroll 0px 0px;
        width: 20px;
        height: 20px;
        vertical-align: middle;
    }

    .notification-nav .nav-notification-text {
        background-color: red;
        color: #fff;
        padding: 3px;
        border-radius: 7px;
        position: absolute;
        top: 12px;
        margin-left: -8px;
        font-size: 7pt;
        line-height: 5pt;
    }

.settings-nav {
    line-height: 27px;
    padding: 5px;
    cursor: pointer;
    display: inline-block;
    width: 50px;
}

    .settings-nav .custom-svg-bg {
        background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/settings.png') no-repeat scroll 0px 0px;
        width: 30px;
        height: 25px;
        vertical-align: middle;
    }


.notification-nav .custom-svg-bg path {
    fill: #ffffff !important;
    stroke: #ffffff !important;
    stroke-width: 0px !important;
}

.settings-nav .custom-svg-bg path, .settings-nav .custom-svg-bg circle {
    fill: none !important;
    stroke: #ffffff !important;
    stroke-width: 1px !important;
}

.page-font-size-div {
    line-height: 27px;
    padding: 10px;
    cursor: pointer;
    display: inline-block;
    width: 70px;
}

    .page-font-size-div .custom-svg-bg {
        background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/font-size.png') no-repeat scroll 0px 0px;
        width: 94px;
        height: 34px;
        vertical-align: middle;
        transform: rotate(360deg);
    }

.header-pane-item-text {
    font-family: Roboto, Helvetica, sans-serif;
    color: #fff;
    padding-left: 20px;
}

li.header-pane-item.active {
    background-color: #000;
    position: relative;
}

li.header-pane-item:nth-child(3).active {
    margin-left: 15px;
}

li.header-pane-item:nth-child(4).active {
    margin-left: 15px;
}

.header-pane-item.active .header-pane-maintenance-outer-div .custom-svg-bg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/Popout Arrow.svg') no-repeat scroll 0px 0px;
    width: 20px;
    height: 39px;
    vertical-align: middle;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

#skin_menu_left {
    position: absolute;
    margin-top: 0;
    background-color: #ffffff;
    font-size: 14px;
    border-right: 1px solid #3E4953;
    display: none;
    height: 100%;
    background-color: #424244;
}

    #skin_menu_left .left-div {
        width: 40px;
        background-color: #424244;
    }



        #skin_menu_left .left-div .copyright {
            color: white;
            display: none;
        }

    #skin_menu_left .right-div {
        width: 25px;
        background-color: #3E4953;
        height: 780px;
        float: left;
    }

    #skin_menu_left .left-div ul:first-child {
        height: 100% !important;
        margin-bottom: 5px;
        position: absolute;
        width: 100%;
        overflow-y: auto;
        cursor: pointer;
    }

    #skin_menu_left .left-div ul {
        margin: 0;
    }

        #skin_menu_left .left-div ul li {
            list-style-type: none;
            height: 40px;
            background-color: #424244;
            border: solid 1px #606060;
            padding-left: 5px;
        }

            #skin_menu_left .left-div ul li a {
                display: block;
                padding: 6px 5px;
                overflow: hidden;
                text-decoration-style: none;
                color: #fff;
                word-wrap: break-word;
            }

    #skin_menu_left .left-div.left-nav-open ul li a .menu-text {
        display: inline;
    }

    #skin_menu_left .left-div ul li a .menu-text {
        display: none;
    }

    #skin_menu_left .left-div ul li a:hover {
        text-decoration: none;
    }

.left-div .custom-svg-bg {
    vertical-align: middle;
}

#skin_menu_left .left-div ul li .menu-text {
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #f9f4f4;
    vertical-align: middle;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
}

#skin_menu_left .left-div ul li:hover, #skin_menu_left .left-div ul li.selected, #skin_menu_left .left-div ul li.selected-dashboard-menu {
    background-color: #000000;
    padding-left: 1px;
}

    #skin_menu_left .left-div ul li:hover span, #skin_menu_left .left-div ul li.selected span, #skin_menu_left .left-div ul li.selected-dashboard-menu span {
        color: #fff;
    }

    #skin_menu_left .left-div ul li:hover a .custom-svg-bg rect:not(.svg-inline-dont-change-on-hover), #skin_menu_left .left-div ul li.selected a .custom-svg-bg rect:not(.svg-inline-dont-change-on-hover),
    #skin_menu_left .left-div ul li.selected-dashboard-menu a .custom-svg-bg rect:not(.svg-inline-dont-change-on-hover),
    #skin_menu_left .left-div ul li:hover a .custom-svg-bg polyline:not(.svg-inline-dont-change-on-hover), #skin_menu_left .left-div ul li.selected a .custom-svg-bg polyline:not(.svg-inline-dont-change-on-hover),
    #skin_menu_left .left-div ul li.selected-dashboard-menu a .custom-svg-bg polyline:not(.svg-inline-dont-change-on-hover),
    #skin_menu_left .left-div ul li:hover a .custom-svg-bg polygon:not(.svg-inline-dont-change-on-hover), #skin_menu_left .left-div ul li.selected a .custom-svg-bg polygon:not(.svg-inline-dont-change-on-hover),
    #skin_menu_left .left-div ul li.selected-dashboard-menu a .custom-svg-bg polygon:not(.svg-inline-dont-change-on-hover),
    #skin_menu_left .left-div ul li:hover a .custom-svg-bg ellipse:not(.svg-inline-dont-change-on-hover), #skin_menu_left .left-div ul li.selected a .custom-svg-bg ellipse:not(.svg-inline-dont-change-on-hover),
    #skin_menu_left .left-div ul li.selected-dashboard-menu a .custom-svg-bg ellipse:not(.svg-inline-dont-change-on-hover),
    #skin_menu_left .left-div ul li:hover a .custom-svg-bg line:not(.svg-inline-dont-change-on-hover), #skin_menu_left .left-div ul li.selected a .custom-svg-bg line:not(.svg-inline-dont-change-on-hover),
    #skin_menu_left .left-div ul li.selected-dashboard-menu a .custom-svg-bg line:not(.svg-inline-dont-change-on-hover),
    #skin_menu_left .left-div ul li:hover a .custom-svg-bg circle:not(.svg-inline-dont-change-on-hover), #skin_menu_left .left-div ul li.selected a .custom-svg-bg circle:not(.svg-inline-dont-change-on-hover),
    #skin_menu_left .left-div ul li.selected-dashboard-menu a .custom-svg-bg circle:not(.svg-inline-dont-change-on-hover),
    #skin_menu_left .left-div ul li:hover a .custom-svg-bg path.svg-inline-stroke-on-hover, #skin_menu_left .left-div ul li.selected a .custom-svg-bg path.svg-inline-stroke-on-hover,
    #skin_menu_left .left-div ul li.selected-dashboard-menu a .custom-svg-bg path.svg-inline-stroke-on-hover {
        stroke: #ffffff !important;
    }

    #skin_menu_left .left-div ul li.selected a.global-option-maint .custom-svg-bg path:not(.svg-inline-dont-change-on-hover),
    #skin_menu_left .left-div ul li:hover a.global-option-maint .custom-svg-bg path:not(.svg-inline-dont-change-on-hover),
    #skin_menu_left .left-div ul li.selected a.custom-table-maint .custom-svg-bg path:not(.svg-inline-fill-on-hover),
    #skin_menu_left .left-div ul li:hover a.custom-table-maint .custom-svg-bg path:not(.svg-inline-fill-on-hover) {
        fill: #ffffff !important;
    }

.left-div .custom-svg-bg {
    width: 28px;
    height: 28px;
    padding: 0 0 3px 0;
    cursor: pointer;
    margin-right: 2px;
}

.left-div .project-phase-maint .custom-svg-bg path,
.left-div .product-maint .custom-svg-bg path,
.left-div .custom-table-maint .custom-svg-bg path,
.left-div .properties-maint .custom-svg-bg path,
.left-div .project-market-maint .custom-svg-bg path,
.left-div .brand-maint .custom-svg-bg path,
.left-div .quick-build-maint .custom-svg-bg path,
.left-div .quick-build-category-maint .custom-svg-bg path,
.left-div .quick-build-program-maint .custom-svg-bg path,
.left-div .emulate-user-maint .custom-svg-bg path,
.left-div .unit-conversion-maint .custom-svg-bg path,
.left-div .measurement-type .custom-svg-bg path,
.left-div .additional-charge-maint .custom-svg-bg path,
.left-div .discount-category-maint .custom-svg-bg path,
.left-div .discount-tier-maint .custom-svg-bg path,
.left-div .application-maint .custom-svg-bg path,
.left-div .deployment .custom-svg-bg path,
.left-div .dynamic-submittal .custom-svg-bg path,
.left-div .phrase-translation .custom-svg-bg path,
.left-div .certification .custom-svg-bg path,
.left-div .global-option-maint .custom-svg-bg path,
.leftNavBottom .support-phone .custom-svg-bg path,
.leftNavBottom .support-email .custom-svg-bg path,
.leftNavBottom .support-copyright .custom-svg-bg path,
.leftNavBottom .dashboard-maint .custom-svg-bg path,
.leftNavBottom .order-review-maint .custom-svg-bg path,
.leftNavBottom .orders-maint .custom-svg-bg path,
.leftNavBottom .sa-review-maint .custom-svg-bg path,
.left-div .user-maint .custom-svg-bg path,
.left-div .competitor-maint .custom-svg-bg path,
.left-div .company-maint .custom-svg-bg path,
.left-div .catalog-maint .custom-svg-bg path,
.left-div .user-maint .custom-svg-bg path,
.left-div .company-maint .custom-svg-bg path,
.left-div .catalog-maint .custom-svg-bg path,
.left-div .brand-maint .custom-svg-bg path,
.left-div .document-maint .custom-svg-bg path,
.left-div .image-type-maint .custom-svg-bg path,
.left-div .commission-schedule-maint .custom-svg-bg path,
.left-div .newsfeed-maint .custom-svg-bg path {
    fill: #fff !important;
}

.left-div .product-maint .custom-svg-bg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/noun-product-settings-496221.svg') no-repeat scroll 0px 0px;
}

.left-div .global-option-maint .custom-svg-bg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/noun-options-941252.svg') no-repeat scroll 0px 0px;
}

.left-div .img-maint .custom-svg-bg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/AlphaCPQ/ImageMaint.svg') no-repeat scroll 0px 0px;
}

.left-div .custom-table-maint .custom-svg-bg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/noun-custom-coding-563266.svg') no-repeat scroll 0px 0px;
}

.left-div .properties-maint .custom-svg-bg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/noun-property-paper-906960.svg') no-repeat scroll 0px 0px;
}

.left-div .project-phase-maint .custom-svg-bg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/group-3.svg') no-repeat scroll 0px 0px;
}


.left-div .project-market-maint .custom-svg-bg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/noun-market-1728554.svg') no-repeat scroll 0px 0px;
}

.left-div .brand-maint .custom-svg-bg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/noun-discount-1534062.svg') no-repeat scroll 0px 0px;
}

.left-div .quick-build-maint .custom-svg-bg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/quick-ship.svg') no-repeat scroll 0px 0px;
}

.left-div .quick-build-category-maint .custom-svg-bg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/quick-ship-program.svg') no-repeat scroll 0px 0px;
}

.left-div .quick-build-program-maint .custom-svg-bg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/quick-ship-category.svg') no-repeat scroll 0px 0px;
}

.left-div .emulate-user-maint .custom-svg-bg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/noun-user-1780771.svg') no-repeat scroll 0px 0px;
}

.left-div .unit-conversion-maint .custom-svg-bg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/noun-conversion-829473.svg') no-repeat scroll 0px 0px;
}

.left-div .measurement-type .custom-svg-bg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/measurement-type.svg') no-repeat scroll 0px 0px;
}

.left-div .additional-charge-maint .custom-svg-bg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/noun-plus-163366.svg') no-repeat scroll 0px 0px;
}

.left-div .discount-category-maint .custom-svg-bg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/noun-discount-191910.svg') no-repeat scroll 0px 0px;
}

.left-div .discount-tier-maint .custom-svg-bg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/noun-layers-325035.svg') no-repeat scroll 0px 0px;
}

.left-div .application-maint .custom-svg-bg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/noun-application-1469641.svg') no-repeat scroll 0px 0px;
}

.left-div .deployment .custom-svg-bg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/noun-arrange-451537.svg') no-repeat scroll 0px 0px;
}

.left-div .dynamic-submittal .custom-svg-bg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/dynamic-submittal.svg') no-repeat scroll 0px 0px;
}

.left-div .phrase-translation .custom-svg-bg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/phrase-translation.svg') no-repeat scroll 0px 0px;
}

.left-div .certification .custom-svg-bg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/certification.svg') no-repeat scroll 0px 0px;
}

.left-div .by-category .custom-svg-bg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/by-category.svg') no-repeat scroll 0px 0px;
}

.left-div .by-option .custom-svg-bg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/by-options.svg') no-repeat scroll 0px 0px;
}

.left-div .commission-schedule-maint .custom-svg-bg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/commission-schedule.svg') no-repeat scroll 0px 0px;
}

.left-div .newsfeed-maint .custom-svg-bg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/newsfeed.svg') no-repeat scroll 0px 0px;
}

.left-div .user-maint .custom-svg-bg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/noun-user-1780771.svg') no-repeat scroll 0px 0px;
}
.left-div .company-maint .custom-svg-bg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/noun-user-1780771.svg') no-repeat scroll 0px 0px;
}
.left-div .catalog-maint .custom-svg-bg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/noun-product-settings-496221.svg') no-repeat scroll 0px 0px;
}
.left-div .brand-maint .custom-svg-bg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/branch-contacts.svg') no-repeat scroll 0px 0px;
}
.left-div .document-maint .custom-svg-bg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/Reports.svg') no-repeat scroll 0px 0px;
}
.left-div .image-type-maint .custom-svg-bg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/AlphaCPQ/ImageMaint.svg') no-repeat scroll 0px 0px;
}
.left-div .competitor-maint .custom-svg-bg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/competitive-cross-reference.svg') no-repeat scroll 0px 0px;
}

.left-div .support-phone .custom-svg-bg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/12-for-support-call-icon.svg') no-repeat scroll 0px 0px;
}

.left-div .support-email .custom-svg-bg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/13-for-support-email-icon.svg') no-repeat scroll 0px 0px;
}

.left-div .support-copyright .custom-svg-bg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/copyright-solid.svg') no-repeat scroll 0px 0px;
}

#skin_menu_left .left-div ul li.support-copyright-li a {
    padding-top: 14px;
}

#skin_menu_left .left-div.left-nav-open ul li.support-copyright-li a {
    padding-top: 0px;
}

#skin_menu_left .left-div .support-copyright-li {
    height: 56px !important;
}

#skin_menu_left .left-div .support-copyright-text-div {
    display: none;
}

#skin_menu_left .left-div.left-nav-open .support-copyright-text-div {
    display: inline;
}


.left-div .view-report {
    border-bottom: 1px solid #384774;
}

#skin_menu_left .left-div ul li a.view-report {
    padding: 2px 5px;
}

.left-div .view-projects .custom-svg-bg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/projects.svg') no-repeat scroll 0px 0px;
}

.left-div .line-items .custom-svg-bg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/line-items.svg') no-repeat scroll 0px 0px;
}

.left-div .view-report .custom-svg-bg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/Reports.svg') no-repeat scroll 0px 0px;
    width: 28px;
    height: 36px;
}

.left-div .view-branch-contacts .custom-svg-bg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/branch-contacts.svg') no-repeat scroll 0px 0px;
}




.left-div .view-project-note-attchment .custom-svg-bg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/project_note-attachment_view.svg') no-repeat scroll 0px 0px;
}

.left-div .favorites .custom-svg-bg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/favourite.svg') no-repeat scroll 0px 0px;
}

.left-div .cross-competitor .custom-svg-bg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/competitive-cross-reference.svg') no-repeat scroll 0px 0px;
    height: 37px;
    margin-top: -4px;
    width: 27px;
}

    .left-div .cross-competitor .custom-svg-bg path:first-child {
        fill: #424244 !important;
    }


    .left-div .cross-competitor .custom-svg-bg path:nth-child(2) {
        fill: #fff !important;
    }

.footer_bottom {
    min-height: 40px;
}

.footer_left {
    line-height: 39px;
}

.left-nav-footer-fixed {
    width: 28px;
    height: 0px;
    border-top: 1px solid #3E4953;
    top: 0;
    margin-right: -10px;
    border-right: 1px solid #3E4953;
}

    .left-nav-footer-fixed .toggle-left-navigation-wrapper {
        width: 40px;
        height: 40px;
    }

.toggle-left-navigation .custom-svg-bg {
    width: 18px;
    height: 25px;
    padding: 5px 0;
    position: absolute;
    left: 2px;
    top: -2px;
}

.left-nav-footer-fixed .toggle-left-navigation {
    cursor: pointer;
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition-duration: 0.5s;
    transition-property: transform;
    padding: 5px;
    width: 23px;
    height: 24px;
    border-radius: 50%;
    font-size: 33px;
    color: #fff;
    line-height: 500px;
    text-align: center;
    background: white;
    border: 1px solid#d3d4d7;
    position: absolute;
    left: 32px;
    top: 8px;
    z-index: 4;
}

    .left-nav-footer-fixed .toggle-left-navigation.left-navigation-open {
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        transition-duration: 0.5s;
        transition-property: transform;
    }

#customTool a#custom-button {
    display: none !important;
}

#breadcrumbPane {
    /*min-height: 40px;*/
    min-height: 0px;
    position: relative;
    background-color: #ffffff;
    font-family: 'Brandon Grotesque Bold';
    color: #3E4953;
    font-size: 12pt;
    font-weight: normal;
    text-transform: uppercase;
    padding: 7px 10px;
    border-bottom: 1px solid #dde6e9;
    text-align: center;
}

.cpq-site-wrapper #breadcrumbPane {
    padding: 0px;
    display:none !important;
}

.cpq-site-wrapper .breadcrumbPane-image-span {
    left: 160px;
    top: -30px;
}

.cpq-site-wrapper .breadcrumbPane-image-span img {
    background: transparent url(/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/breadcrumb.png) no-repeat scroll 0px 0px;
}



.cpq-site-wrapper .current-header-pane-text {
    color: #ababab;
}

.cpq-site-wrapper #breadcrumbPane #breadcrumbTextext .current-project-name-text {
    color: #fff;
}

        .cpq-site-wrapper #breadcrumbPane #breadcrumbTextext #viewProjectDetailsBtn svg g,
        .cpq-site-wrapper #breadcrumbPane #breadcrumbTextext #closeCurrentProjectBtn svg {
            fill: #fff;
        }

.cpq-site-wrapper current-project-name-text{
    color:#fff;
}

.user-name-circle {
    color: #fff;
    line-height: 40px;
    background-size: 66px;
    border-radius: 50%;
    top: 0px;
    display: inline-block;
    padding-left: 9px;
    padding-right: 9px;
}

.profile-nav {
    border-left: 1px solid #979797;
    border-right: 1px solid #979797;
    padding: 0 10px;
}
.profile-nav .user-first-name, .profile-nav .user-last-name {
    color: #fff;
    padding-left: 50px;
    display: block;
}
.profile-nav .user-last-name {
    margin: 30px 0;
}
.profile-nav .user-first-name {
    margin: -38px 0;
}

.header-pane-item.active:before {
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid;
}

/* this border color controlls the color of the triangle (what looks like the fill of the triangle) */

.header-pane-item.active:after {
    top: 0px;
    border-color: transparent transparent transparent #000;
    border-width: 10px;
}

/* this border color controlls the outside, thin border */
.header-pane-item.active:before {
    top: 0px;
    border-color: transparent transparent transparent #000;
    border-width: 22px;
}

.header-pane-item-active-icon-div {
    float: left;
}

.header-pane-item.active ~ .header-pane-item-active-icon-div .header-pane-item-active-svg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/Popout Arrow.svg') no-repeat scroll 0px 0px;
    top: -8px;
    height: 59px;
    position: absolute;
    width: 27px;
    z-index: 0;
}

    .header-pane-item.active ~ .header-pane-item-active-icon-div .header-pane-item-active-svg path {
        d: path("m 455.016 518.648 l -1.9558 -1.9577 l 10.0313 -10.042 l -10.0313 -10.0426 l 0.5558 -1.9577 l 11.924 11.9997 l -11.924 12.0003 Z") !important;
    }

.left-div .dashboard-maint .custom-svg-bg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/dashboard.svg') no-repeat scroll 0px 0px;
}

.left-div .order-review-maint .custom-svg-bg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/order-review.svg') no-repeat scroll 0px 0px;
}

    .left-div .order-review-maint .custom-svg-bg path {
        fill: #fff;
    }

.left-div .orders-maint .custom-svg-bg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/orders.svg') no-repeat scroll 0px 0px;
}


.left-div .order-review-maint .custom-svg-bg path {
    fill: #fff;
}

.left-div .sa-review-maint .custom-svg-bg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/sa-review.svg') no-repeat scroll 0px 0px;
}

    .left-div .sa-review-maint .custom-svg-bg path {
        fill: #fff;
    }

.left-nav-maint-items {
    overflow-y: hidden;
}

#projectHeaderPane {
    font-weight: normal;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
}

body div .dashboard_nav .k-dropdown .k-dropdown-wrap.k-state-default {
    padding-top: 0px;
    border: 1px solid #dde6e9 !important;
}

.dashboard_nav {
    position: absolute;
    padding-left: 20px;
    width: 125%;
}

#projectHeaderPane .dashboard_nav {
    width: auto;
}

.dashboard_nav .k-dropdown {
    width: 205px;
    margin-top: 10px;
}

.dashboard_nav ul {
    margin: 0;
    font-size: 0;
}

    .dashboard_nav ul li {
        list-style: none;
        display: inline-block;
        border: none;
    }

        .dashboard_nav ul li:not(:first-child) {
            vertical-align: middle;
        }

        .dashboard_nav ul li[tabindex="3"] {
            margin-left: 10px;
            position: absolute;
            margin-top: 10px;
        }

        .dashboard_nav ul li a {
            cursor: pointer;
            text-decoration: none;
        }


            .dashboard_nav ul li a span {
                display: block;
                line-height: 35px;
                font-family: Roboto, Open Sans;
                color: #3e4953;
                font-weight: normal;
                border-bottom: 2px solid #fff;
            }

        .dashboard_nav ul li:hover {
            border-bottom: 2px solid #007bff;
        }

            .dashboard_nav ul li:hover a span {
                color: #007bff;
            }

        .dashboard_nav ul li.selected {
            border-bottom: none;
        }

            .dashboard_nav ul li.selected input[type=button] {
                background-color: black !important;
                color: #fff !important;
                border-color: black !important;
            }

.right-nav-style, .right-project-header-nav {
    float: right;
}

.project-info-nav {
    position: absolute;
    cursor: pointer;
    left: 0;
    padding: 10px;
}

    .project-info-nav .nav-project-name {
        display: inline-block;
        color: #44CCFF;
        text-transform: uppercase;
        font-weight: bold;
    }

#projectHeaderPane .nav-project-name-style .nav-project-name {
    font-size: 16px;
    padding-left: 10px;
    padding-top: 10px;
}

#standardMenu .rootMenu li a span,
div .dashboard_nav ul li a span,
div .portal_nav ul li a span,
div #standardMenuAccountSetting a,
div .menu-right-font-size span,
div .font-size-list a {
    padding: 0 12px;
    font-weight: bolder;
}

/*************************************NOTIFICATION MENU CSS STARTS***********************/
        #notificationContainer {
    position: relative;
}

#divNotificationOuter:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    color: transparent;
    border: 16px solid #EDEDED;
    border-color: transparent transparent #EDEDED;
    margin-top: -7%;
    margin-left: 49%;
}

#divNotificationOuter {
    display: none;
    width: 430px;
    position: absolute;
    top: 45px;
    border: 1px solid rgba(100,100,100,.2);
    -webkit-box-shadow: 0 3px 8px rgba(0,0,0,.2);
    z-index: 9999999;
    background-color: #EDEDED;
    right: -182px;
}

h3.notification-text-header {
    color: #007bff;
    font: 13px helvetica;
    font-weight: 700;
    font-size: 16px;
    font-style: normal;
    padding: 10px;
    border-bottom: solid 1px #fff;
}

#divNotificationInner {
    overflow-y: auto;
    overflow-x: hidden;
}

    #divNotificationInner::-webkit-scrollbar-thumb {
        background-color: #c9c9c9;
        border: solid #c9c9c9;
    }

    #divNotificationInner .each-notification-outer {
        margin: 3px 5px;
        background-color: #fff;
        height: 70px;
        padding: 10px;
    }


    #divNotificationInner .each-notification-user {
        color: #9B9B9B;
        font-weight: bold;
        font-size: 14px;
    }

    #divNotificationInner .each-notification-created-by {
        position: relative;
        padding-top: -11px;
        color: #9B9B9B;
        font-size: 14px;
        padding-left: 10px;
        top: -11px;
    }

    #divNotificationInner .each-notification-updated-on {
        color: #9B9B9B;
        font-size: 14px;
        position: relative;
        float: right;
    }

    #divNotificationInner .each-notification-message {
        font-size: 13px;
        position: relative;
        top: -24px;
        left: 54px;
        width: 341px;
        line-height: 30px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #divNotificationInner .notification-user-image {
        border-radius: 50%;
        width: 43px;
        height: 43px;
    }

    #divNotificationInner .each-notification-project-name {
        color: #007bff;
        text-transform: uppercase;
    }

.cross-competitor .menu-text {
    width: 85%;
    float: right;
    margin-top: -3px;
}

/*************************************NOTIFICATION MENU CSS ENDS***********************/
.k-loading-image {
    background-image:none;
}

/*FOOTER*/
.icons-8-facebook-1 {
    height: 18px;
    width: 18px;
    background-color: rgba(255,255,255,0.4);
}
/*TOP NAVIGATION CPQ
    
*/
#skinHeaderOuterDiv .cpq-header-navbar {
    position: relative;
    color: #424244;
    border-color: #424244;
    height: 44px;
    background-color: #18181B;
}

.cpq-logo-link {
    border-right: 1px solid #979797;
}
.cpq-footer {
    background-color: #18181B;
    padding: 1px 0;
}