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

div .k-grid-header th.k-header:hover, .release-popup-tabstrip .k-tabstrip-items .k-state-active,
div .k-grid-header th.k-header .k-header-column-menu:hover, div .k-grid-header th.k-header .k-link.k-state-active,
.contact-popup-tabstrip .k-tabstrip-items .k-state-active, #alertMessageButtonsInnerDiv a,
#divTree #divTreeView.k-treeview ul > li[aria-selected="true"] > div,
.login-box-inner .btn-login, .product-selection .product-row:hover, .product-selection-by-type .product-row:hover, .product-selection .product-category-select,
.product-selection-by-type .product-category-select,
#cpq-configurator-popup-div .cpq-configurator-option-tab-navs li.active-option-tab,
#divProjectSummaryTab .line-item-project-summary-body-inner table th, #divFilesSection table thead tr th, .price-table-header {
    background-color: #007BFF !important;
}

.site-svg-fill svg path, .site-svg-fill svg polygon {
    fill: #007BFF;
}

.site-hover-dark:hover, .site-item-selected {
    background-color: #007BFF;
    color: #fff;
}

#divImagesTreeView .k-item.folder-node.active > div > .k-in.k-state-selected,
#divImagesTreeView .k-item.folder-node.active > div > .k-in.k-state-hover,
#divImagesTreeView .k-item.folder-node.active > div {
    background-color: #007BFF;
    color: #000;
}

.text-site,
#divProductDetails .k-tabstrip-items li.k-state-active .k-link, #divProductDetails .k-tabstrip-items li.k-state-hover .k-link, .add-btn,
#divSelectedOptionValueImageInfo label, #divSelectedOptionImageContainer label, #divSelectedOptionValueImageContainer label,
#divCustomImgValContainer label,
#divByTypeProductInfoTabsContainer > ul > li.k-state-active span, #divByTypeProductInfoTabsContainer > ul > li.k-state-hover span {
    color: #007BFF;
}

.k-grid-header th.k-header, div .k-grid-filter.k-state-active {
    background-color: #ffe9b3;
}

.container {
    width: 80%; /*max-width:1080px;*/
    margin: 0;
}

    .container.et_menu_container {
        z-index: 99;
        background-repeat: repeat;
        background-image: url(/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/cpq_homepage-background.png) !important;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        padding-top: 10px;
    }
/*.cpq-site-wrapper main {
    padding-left: 20px !important;
    padding-right: 20px !important;
}*/
#main-header {
    line-height: 23px;
    font-weight: 500;
    top: 0;
    background-color: #fff;
    width: 100%;
    box-shadow: 0 1px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1);
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1);
    position: relative;
    z-index: 99999
}

/*#logo {
    padding-left: 150px;
    margin-top: 100px;
}*/

a, abbr, acronym, address, applet, b, big, blockquote, body, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, tt, u, ul, var {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    vertical-align: baseline;
    background: transparent;
}

.skin_main .headerPane {
    padding-left: 0px;
    padding-right: 0px;
}

.no-gutter {
    padding-left: 0px;
    padding-right: 0px;
}

.root-site-dashboard-skin {
    width: 100%;
}
/* LEFT SIDE NAV*/
.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-group-close-link img, .cpq-close-link img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/cpq-delete.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-my-portal img,
.cpq-site-wrapper .cpq-pricing-top-bar a.menu-my-portal img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/cpq_myportal.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-my-portal svg path, .cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-project svg path,
.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-maintenance svg path {
    fill: #0d85ff;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-contact-us svg path, .cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-user-aggrement svg path {
    fill: #0d85ff !important;
    fill-opacity: 1;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-my-portal svg use {
    fill-opacity: 0 !important;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-pricing img,
.cpq-site-wrapper .cpq-pricing-top-bar a.menu-pricing img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/cpq_pricing.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-maintenance img,
.cpq-site-wrapper .cpq-pricing-top-bar a.menu-maintenance img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/cpq_maintenance.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-contact-us img,
.cpq-site-wrapper .cpq-pricing-top-bar a.menu-contact-usimg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/cpq_contactus.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-version-history img,
.cpq-site-wrapper .cpq-pricing-top-bar a.menu-version-history img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/cpq_version_history.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-user-aggrement img,
.cpq-site-wrapper .cpq-pricing-top-bar a.menu-user-aggrement img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/cpq_user_aggrement.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a img.submenu-collapsed-arrow {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/cpq_arrow.svg') no-repeat scroll 0px 0px !important;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a img.submenu-expanded-arrow {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/cpq_arrow.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper .menu-group-expand-link img.menu-group-expand {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/menu-cpq.svg') no-repeat scroll 0px 0px;
    fill: #ffffff !important;
}

.cpq-site-wrapper a.menu-group-expand-link > svg path {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/menu-cpq.svg') no-repeat scroll 0px 0px;
    fill: #ffffff !important;
}

/* Maintenance Sub Menus*/
.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-product-maintenance img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/cpq-product.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-global-option-maint img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/cpq-global-option.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-img-maintenance img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/cpq-image.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-custom-table-maint img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/cpq-custom-table.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-properties-maint img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/cpq-property.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-project-phase-maint img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/cpq-project-phase.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-project-market-maint img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/cpq-project-market.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-quick-build-maint img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/cpq-quick-ship.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-quick-build-program-maint img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/cpq-quick-ship-category.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-quick-build-category-maint img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/cpq-quick-ship-program.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-emulate-user-maint img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/cpq-emulate-user.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-unit-conversion-maint img,
.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-fl-calc img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/cpq-unit-conversion.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-additional-charge-maint img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/cpq-additional-charge.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-discount-category-maint img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/cpq-discount-category.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-discount-tier-maint img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/cpq-discount-tier.svg') no-repeat scroll 0px 0px;
}


.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-application-maint img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/cpq-application.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-deployment-maint img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/cpq-deployment.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-dynamic-submittal-maint img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/cpq-dynamic-submittal.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-phrase-translation-maint img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/cpq-phrase-translation.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-certification-maint img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/cpq-certification.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-commission-schedule-maint img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/cpq-commission-schedule.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-newsfeed-maint img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/cpq-newsfeed.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.company-maint img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/noun-user-1780771.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.user-maint img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/noun-user-1780771.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.catalog-maint img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/noun-product-settings-496221.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.brand-maint img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/branch-contacts.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.document-maint img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/Reports.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.image-type-maint img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/cpq-image.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.competitor-maint img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/competitive-cross-reference.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.spare-parts img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/cpq-newsfeed.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.deployment img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/noun-arrange-451537.svg') no-repeat scroll 0px 0px;
}

/*END*/

/* Maintenance PORTAL Menus*/
.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-portal-dashbaord img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/cpq-dashboard.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-portal-order-review img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/cpq-order-review.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-portal-orders img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/orders-icon.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-potals-sa-review img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/special_quote_icon.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-potals-sa-review svg rect {
    fill: none !important;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-potals-emulate-user img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/cpq-emulate-user.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-potals-user-maint img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/brach-users-icon.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-potals-user-maint svg rect {
    fill: none !important;
}
/* END*/

/* PROJECT SUB MENUS*/
.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-project img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/projects.svg') no-repeat scroll 0px 0px;
}



.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-project-lineitem img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/line-items.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-project-pricing img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/cpq_pricing.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-project-by-category img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/by-category-icon.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-project-by-type img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/selection-type.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-product-search img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/by-product-search-icon.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-project-by-type-search img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/list-filled.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-project-sst img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/Icon/sst-icon.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-project-by-option img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/by-options.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-project-release img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/line-items.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-project-tag img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/cpq_tags.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-project-tag svg polygon {
    fill: none;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-project-reports img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/Reports.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-project-cross-competitor img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/by-competitor-icon.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-project-cross-competitor svg rect {
    fill: none !important;
    fill-opacity: 0 !important;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-project-contacts img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/contacts-icon.svg') no-repeat scroll 0px 0px;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-project-contacts svg rect {
    fill: none !important;
    fill-opacity: 0 !important;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-project-favorites img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/favourite.svg') no-repeat scroll 0px 0px;
}
/**/
.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a img,
.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a svg {
    width: 20px;
    height: 20px;
    vertical-align: sub;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.menu-group-close-link,
.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a .submenu-collapsed-arrow,
.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a .submenu-expanded-arrow {
    float: right;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a .submenu-collapsed-arrow {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: all 0.5s;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a .submenu-expanded-arrow {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: all 0.5s;
}

.cpq-site-wrapper #cpq_skin_menu_left {
    position: fixed;
    width: 250px;
    margin-top: 0px;
    background-color: #F2F4F7;
    color: #ffffff;
    z-index: 1000;
    margin-right: 15px;
}

#cpq_skin_menu_left .menu-content {
    padding-top: 0px;
}

#cpq_skin_menu_left .menu-header {
    padding: 0px 10px 0px 10px;
}

    #cpq_skin_menu_left .menu-header span {
        color: #489dcf;
        font-weight: bold;
        display: inline-block;
    }

#cpq_skin_menu_left ul {
    margin: 0;
    padding: 5px 10px 10px 10px;
}

#cpq_skin_menu_left li ul {
    padding: 0;
}

#cpq_skin_menu_left li {
    list-style: none;
    position: relative;
    padding: 5px 0;
}



    #cpq_skin_menu_left li a, #cpq_skin_menu_left li a:hover, #cpq_skin_menu_left li a:active {
        text-decoration: none;
    }

        #cpq_skin_menu_left li a span {
            padding-left: 5px;
            color: #667085;
        }

    #cpq_skin_menu_left li.menu-group-header span {
        text-transform: uppercase;
        color: black;
    }

#divLeftMenu a > svg path, #divLeftMenu a > svg polygon {
    fill: #667085;
}
/*#divLeftMenu a.cpq-menu-active > svg path {
    opacity: 1;
}*/
#cpq_skin_menu_left li a {
    color: #ffffff;
    display: block;
    opacity: 1;
}

#divLeftMenu a.cpq-menu-active, #divLeftMenu a:hover {
    opacity: 1;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a + ul {
    display: none;
}

.cpq-site-wrapper #cpq_skin_menu_left .cpq-left-site-navigation-holder a.cpq-menu-active + ul {
    display: block;
}

/* PRICING TOP BAR */
.cpq-pricing-top-bar {
    width: 100%;
    height: 40px;
    background-color: #18181b;
}

.cpq-site-wrapper .cpq-pricing-top-bar a > svg path {
    fill: #747477 !important;
}

.cpq-pricing-top-bar > div, .cpq-pricing-top-bar > a, .cpq-pricing-top-bar > div > a {
    display: inline-flex;
}

.cpq-pricing-top-bar .current-nav-outer {
    width: 40px;
    background-color: #2c2c32;
    box-shadow: #000000 1px -3px 4px 1px;
    height: 100%;
}

    .cpq-pricing-top-bar .current-nav-outer a > svg path {
        fill: #ffffff !important;
    }

.cpq-pricing-top-bar .open-projects-outer {
    width: 40px;
    box-shadow: #69696d 1px 0px;
}

.cpq-site-wrapper .cpq-pricing-top-bar {
    color: #ffffff;
    display: none;
}

    .cpq-site-wrapper .cpq-pricing-top-bar img {
        width: 20px;
        height: 20px;
    }

    .cpq-site-wrapper .cpq-pricing-top-bar svg {
        width: 40px;
        height: 40px;
        padding: 10px;
    }

.cpq-pricing-top-bar .current-project-outer {
    box-shadow: #69696d 1px 0px;
}

    .cpq-pricing-top-bar .current-project-outer a.edit-project-link {
        width: 40px;
    }

        .cpq-pricing-top-bar .current-project-outer a.edit-project-link img {
            background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/cpq_edit_project.svg') no-repeat scroll 0px 0px;
        }

    .cpq-pricing-top-bar .current-project-outer .project-title-customer-info {
        max-width: 200px;
    }

        /*.cpq-pricing-top-bar .current-project-outer .project-title-customer-info .project-title-customer-info-first-line {
        
    }*/

        .cpq-pricing-top-bar .current-project-outer .project-title-customer-info .project-title-customer-info-second-line {
            color: #747477;
        }

.cpq-pricing-top-bar a.open-projects-link img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/cpq_open_projects.svg') no-repeat scroll 0px 0px;
}

.cpq-pricing-top-bar .current-project-outer a.close-project-link img {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/cpq_close.svg') no-repeat scroll 0px 0px;
}

.cpq_skin_main .col-md-12.contentPane {
    padding: 0;
}

.cpq-pricing-top-bar .right-aligned-menus {
    float: right;
}

    .cpq-pricing-top-bar .right-aligned-menus a.notfications-link img {
        background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/cpq_notifications.svg') no-repeat scroll 0px 0px;
    }

    .cpq-pricing-top-bar .right-aligned-menus a.bar-link img {
        background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/cpq_bar.svg') no-repeat scroll 0px 0px;
    }

    .cpq-pricing-top-bar .right-aligned-menus a.contacts-link img {
        background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/cpq_contacts.svg') no-repeat scroll 0px 0px;
    }

    .cpq-pricing-top-bar .right-aligned-menus a.search-link img {
        background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/cpq_search.svg') no-repeat scroll 0px 0px;
    }

    .cpq-pricing-top-bar .right-aligned-menus a.user-profile-link img {
        background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/cpq_user-profile.svg') no-repeat scroll 0px 0px;
    }

#cpq-configurator-popup-div {
    width: 85%
}
/*#cpq_skin_menu_left {
    display: none !important; 
}*/


.cpq-custom-popup-holder.custom-popup-holder .cpq-configurator-popup-content-outer {
}

.menu-group-close-link img {
    margin-left: 210px;
}

.cpq-menu-expand {
    position: absolute;
    top: 90px;
    left: 297px;
    z-index: 9999;
}

.cpq-menu-collapse {
    position: absolute;
    top: 90px;
    z-index: 9999;
}

.cpq-menu-close {
    position: absolute;
    left: 230px;
}

.cpq-site-wrapper #cpq_skin_menu_left .sub-menu {
    padding-left: 0px !important;
}

.cpq-site-wrapper .menu-group-expand-link {
    padding-left: 0;
}

.cpq-site-wrapper .social-icons ul {
    float: left;
}

    .cpq-site-wrapper .social-icons ul li {
        float: left;
        list-style-type: none;
    }

.cpq-site-wrapper .k-grid-header th.k-header, div .k-grid-filter.k-state-active {
    background-color: #ffffff;
    border-style: none;
}

.cpq-site-wrapper div .k-grid-header th.k-header:hover,
.cpq-site-wrapper div .k-grid-header th.k-header .k-header-column-menu:hover,
.cpq-site-wrapper div .k-grid-header th.k-header .k-link.k-state-active {
    background-color: rgba(0,123,255,0.2);
    border-color: #007BFF
}

.cpq-site-wrapper div .k-grid-header th.k-header > .k-link, .cpq-site-wrapper div .k-grid-header th.k-header {
    background-color: transparent;
}

    .cpq-site-wrapper div .k-grid-header th.k-header > .k-link {
        color: black;
        position: relative;
        font-size: 14.4px;
    }

.cpq-site-wrapper div .k-i-filter:before {
    margin-top: 1px;
    /*content: url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/filter-black.svg');*/
    content: "\e127";
    color: #b9a9a9 !important;
    font-size: 20px;
}

.cpq-site-wrapper .k-header-column-menu .k-icon.k-i-filter {
    left: -10px;
    opacity: 1;
}

.cpq-site-wrapper .k-grid-header .k-i-sort-asc-sm, .k-grid-header .k-i-sort-desc-sm, .k-grid-header .k-sort-order {
    color: #b9a9a9 !important;
    opacity: 1;
}

.cpq-site-wrapper .k-grid-header .k-i-sort-asc-sm, .k-grid-header .k-i-sort-desc-sm, .k-grid-header .k-sort-order {
    color: #b9a9a9 !important;
}

.cpq-site-wrapper div .k-i-columns:before {
    content: url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/cpq-columns.svg');
    width: 54px;
    margin: -38px;
    line-height: 3;
    padding: 28px;
}

.cpq-site-wrapper div .k-grid .k-header .column-menu {
    background-color: white;
}

.cpq-site-wrapper div .k-widget.k-autocomplete.k-header input {
    padding-top: 1px;
    background-color: whitesmoke;
}

body .cpq-site-wrapper div .k-numeric-wrap.k-state-default, body .cpq-site-wrapper div .k-dropdown .k-state-default, body .cpq-site-wrapper div .k-autocomplete.k-state-default, body .cpq-site-wrapper div .k-picker-wrap.k-state-default {
    padding-top: 0px;
    background-color: whitesmoke;
}

body .cpq-site-wrapper div .k-textbox:not(textarea) {
    height: auto;
    width: 100%;
    background-color: whitesmoke;
    border-color: #c6c6c6;
}

body .cpq-site-wrapper div .k-datepicker .k-input, body .cpq-site-wrapper div .k-timepicker .k-input {
    background-color: whitesmoke;
}

.contact-company-searchbox-icon {
    position: absolute;
    display: inline-block;
    width: 10%;
    background-color: #007bff !important;
}

.cpq-site-wrapper .lavel-value-div {
    height: 25px;
}

body .cpq-site-wrapper div .k-numeric-wrap.k-state-default, body .cpq-site-wrapper div .k-dropdown .k-state-default, body .cpq-site-wrapper div .k-autocomplete.k-state-default, body .cpq-site-wrapper div .k-picker-wrap.k-state-default {
    border-color: none;
}

.cpq-site-wrapper .project-market-arrow {
    background-color: transparent;
}

.cpq-site-wrapper #breadcrumbPane {
    display: none;
}

.cpq-site-wrapper .k-grid .k-header.k-grid-toolbar {
    border-bottom: 1px solid #e1e7eb;
}

.cpq-site-wrapper .profile-nav .user-first-name {
    margin: 0px;
}

.cpq-site-wrapper .profile-nav .user-last-name, .cpq-site-wrapper .profile-nav .user-first-name {
    margin: 0px;
    padding-left: 0px;
}

.cpq-site-wrapper .profile-nav .user-last-name {
    margin-top: -5px;
}

.cpq-site-wrapper .user-name-circle {
    padding-left: 10px;
    padding-right: 10px;
}
/*body .cpq-site-wrapper div .k-numeric-wrap.k-state-default, body .cpq-site-wrapper div .k-dropdown .k-state-default, body .cpq-site-wrapper div .k-autocomplete.k-state-default, body .cpq-site-wrapper div .k-picker-wrap.k-state-default {
    border: none;
    padding-top: 10px;
}*/
/*.cpq-site-wrapper .dashboard-wrapper{
    margin-top:-14px;
}*/

.cpq-site-wrapper div .k-grid .k-grouping-header {
    display: none;
}

.cpq-site-wrapper div .k-grid .k-grid-header {
    border-top: 1px solid ridge;
}

.cpq-site-wrapper .k-grid .k-grid-header, .cpq-site-wrapper .k-grid-header {
    background-color: white;
}

.cpq-site-wrapper #footerPanel {
    height: 36px;
    background-color: #18181B;
}

.cpq-header-navbar .right-nav-style {
    margin-bottom: 0px;
}

.menu-project-div {
    display: flex;
}

    .menu-project-div > a.menu-project {
        width: 90%;
    }

    .menu-project-div > a {
        cursor: pointer;
    }

.cpq-site-wrapper #skinHeaderOuterDiv .header-navbar ul li a {
    padding: 10px 15px 0px;
    border: none;
}

.cpq-site-wrapper .no-alphacq-label {
    display: none;
}

.cpq-site-wrapper .floating-label {
    top: 10px;
}

.alphacpq-label {
    font-weight: bold;
    padding-bottom: 5px;
}

.cpq-site-wrapper div .k-autocomplete.k-state-default, .cpq-site-wrapper div .k-dropdown-wrap.k-state-default, .cpq-site-wrapper div .k-numeric-wrap.k-state-default, .cpq-site-wrapper div .k-picker-wrap.k-state-default {
    background-color: whitesmoke;
}

.cpq-site-wrapper .k-input, .cpq-site-wrapper .k-multiselect-wrap, .cpq-site-wrapper .k-textbox > input, .cpq-site-wrapper input.k-textbox, cpq-site-wrapper k-textbox:hover, .cpq-site-wrapper textarea.k-textbox, .cpq-site-wrapper textarea.k-textbox:hover {
    background-color: whitesmoke;
}

.cpq-site-wrapper .floating-label {
    top: 10px !important;
    color: #c6c6c6 !important;
}

.cpq-site-wrapper .dashboard-center-panel-container {
    padding-left: 0px;
}

.cpq-site-wrapper .btn-clear {
    border-radius: 0;
    border-color: #ffffff;
    background-color: white;
    color: black;
    text-transform: uppercase;
    border-width: 1px;
    margin: 2px;
    padding: 2px 10px 2px 10px;
}

.cpq-site-wrapper .btn-primary {
    background-color: #1665c0;
}

.cpq-site-wrapper .btn-clear:hover {
    border-color: black;
}


/*Below CSS are for AlphacPQ Popup dialog*/

body .alphaCPQ-dialog-wrapper .k-edit-form-container .k-edit-field,
body .alphaCPQ-dialog-wrapper .k-edit-form-container .k-input.k-textbox,
body .alphaCPQ-dialog-wrapper .k-edit-form-container span.k-numerictextbox,
body .alphaCPQ-dialog-wrapper .k-edit-form-container span.k-dropdown,
body .alphaCPQ-dialog-wrapper .k-edit-form-container span.k-datepicker {
    margin-top: 0px;
}

body div .alphaCPQ-dialog-wrapper .k-textbox:not(textarea),
body div .alphaCPQ-dialog-wrapper .k-numeric-wrap.k-state-default,
body div .alphaCPQ-dialog-wrapper .k-dropdown .k-state-default {
    padding-top: 2.5px !important;
}

body .alphaCPQ-dialog-wrapper .k-element-padding {
    padding-bottom: 15px;
}

body div .alphaCPQ-dialog-wrapper .k-textbox:not(textarea) {
    height: 38px;
}

body .alphaCPQ-dialog-wrapper .floating-label {
    top: 10px !important;
}
/*----------END----------*/


/*---Css for header pane dropdown #AlphaCPQ-----*/

.cpq-site-wrapper .dashboard_nav span.k-input {
    height: 36px;
    display: block;
    font-size: 16px;
    background-color: #fff;
}

body #divTakeoffProductListDropdown-list .k-list > .k-state-selected.k-state-focused {
    color: #007bff;
}

body #divTakeoffProductListDropdown-list {
    padding: 3px 0;
}

.k-list-scroller ul.k-list li.k-item {
    font-size: 14px;
}

.cpq-site-wrapper .dashboard_nav .k-state-default span.k-select {
    background-color: white;
    width: 40px;
    display: flex;
}

.cpq-site-wrapper .k-dropdown[aria-expanded="false"] .k-dropdown-wrap .k-select .k-icon.k-i-arrow-60-down,
.cpq-site-wrapper .k-dropdown[aria-expanded="true"] .k-dropdown-wrap .k-select .k-icon.k-i-arrow-60-down {
    margin: auto;
}

.cpq-site-wrapper #imgSiteLogo {
    height: 81%;
}
/************************************ LOGIN******************************************************************/
#standardMenuAccountSetting {
    cursor: pointer;
}

.login-text {
    cursor: pointer;
}

.skin_main {
    width: 100%;
}

.login-box {
    display: block;
    overflow: hidden;
    background: white;
    display: none;
    position: absolute;
    width: 100%;
    right: 0;
    z-index: 9999;
    min-height: 500px;
    font-family: Roboto, Helvetica, sans-serif;
}
/* Add padding and border to inner content
    for better animation effect */
.login-box-inner {
    width: auto !important;
    padding: 10px;
    height: 700px;
    border: none;
    z-index: 999;
    height: 100%;
}

    .login-box-inner .copy-right {
        color: white;
        padding-top: -35px;
        display: block;
        margin-top: -45px;
        border-radius: 50%;
        border: 1px solid #ffffff;
        width: 19px;
        height: 20px;
        margin-left: 402px;
    }

    .login-box-inner .login-logo-div {
        background-image: url(/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/AlphaCPQ/AlphaCPQLogo.png);
        background-size: cover;
        height: 60px;
        margin: 60px 10px 10px 10px;
    }

    .login-box-inner .row {
        padding-top: 10px;
    }

    .login-box-inner .login-logo {
        line-height: 48px;
        font-weight: bold;
        color: #007BFF;
        font-size: 40px;
        text-align: center;
        margin-top: 100px;
    }

.multi-login-logo {
    width: 100%;
}

.logo-text {
    color: #007BFF;
}

#skinHeaderOuterDiv .cpq-header-navbar {
    border-color: #001F3F;
    background-color: #001F3F !important;
    display: block !important;
}

.cpq-footer {
    background-color: #001F3F !important;
}

.login-welcome {
    font-size: 14px;
    padding: 0px 0px 10px 35px;
    font-weight: normal;
}

.login-box-inner .login-header {
    padding: 30px 30px 2px 50px;
    opacity: 1;
    color: black;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 32px;
    text-align: left;
}

.login-box-inner .logo {
    margin-top: 100px;
    text-align: center;
    min-height: 70px;
}

    .login-box-inner .logo img {
        max-height: 70px;
    }

.login-box-inner .btn-login {
    color: #fff;
    border-radius: 0px;
    height: 40px;
    text-transform: uppercase;
    border-radius: 10px;
}

.login-text-span {
    height: 40px;
    display: block;
    margin-right: 15px;
}

    .login-text-span img {
        height: 100%;
        margin-top: 2px;
    }

#btnLogin:hover, #btnUserSignUp:hover, #btnForgetPasswordCancel:hover, #btnResetPassword:hover {
    border: 1px solid transparent;
}

.login-box-inner .btn-cancel {
    color: #fff;
    border: 1px solid #00a1e5;
    background-color: #333f4b;
}

    .login-box-inner .btn-cancel:hover {
        background-color: lightgray;
        color: black;
        border: 1px solid #00a1e5
    }

.login-box-inner .form-control {
    height: 40px;
}

.login-box-inner .remember-text {
    color: black;
    font-size: 14px;
    cursor: pointer;
    margin-top: -1px;
    vertical-align: top;
}

.login-box-inner #chkRememberPassword {
    cursor: pointer
}

.forget-password {
    float: right;
    margin-left: -1px;
    vertical-align: top;
}


.forget-password-content p {
    color: #fff;
    font-size: 14px;
}

.forget-password a,
.sign-up-link a,
.sign-in-link a {
    color: black;
    cursor: pointer;
    font-size: 14px;
}

.sign-up-link,
.sign-in-link {
    text-align: center;
    padding-top: 20px
}

.login-box-inner .input-group-addon {
    background-color: #fff !important;
    color: #00a1e5 !important;
}

.login-box-inner .icon {
    width: 17px;
    max-width: none;
}

.login-text {
    cursor: pointer;
}

.input-group-addon i {
    width: 20px;
}

.user-sign-up-content .input-group[class*=col-] {
    float: left;
    padding-left: 10px;
}

div.sign-up-eula-div {
    color: #fff;
    text-align: center;
    margin-left: 30px;
}

.skin_main .dnnpane .headerPane .DnnModule-PhaseAlphaDynamicModule {
    margin-left: -15px;
    margin-right: -15px;
}

.breadcrumbPane-image-span img {
    margin-left: 8px;
    height: 20px;
}
/*----------END----------*/
.cpq-site-wrapper #lblPortalCurrentDateInfo {
    display: none
}

.cpq-site-wrapper #breadcrumbPane {
    margin-top: 10px;
    position: relative;
    font-family: 'Brandon Grotesque Bold';
    color: #3E4953;
    font-size: 12pt;
    font-weight: normal;
    text-transform: uppercase;
    padding: 7px 10px;
    text-align: center;
    background-color: transparent;
    border: none;
}

    .cpq-site-wrapper #breadcrumbPane #breadcrumbTextext {
        position: relative;
    }


.label-align {
    font-weight: bold;
    padding-bottom: 5px;
}

#divUserName {
    background: url(/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/user-trans.svg) no-repeat center/45%;
}

#divPassword {
    background: url(/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/password-trans.svg) no-repeat center;
}

.cpq-site-wrapper #main-header {
    left: 6px;
}

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

@media only screen and (min-width: 1377px) {
    #divInnerContainerCompany {
        height: 830px;
    }

    .login-box-inner {
        padding-top: 100px;
    }
}

@media only screen and (max-width: 1366px) {
    #divInnerContainerCompany {
        height: 480px;
    }
}

#ulUserSetting {
    margin: 0;
}

#lblUserDisplayName {
    position: relative;
    bottom: 12px;
    color: white;
    margin-right: 6px;
}

.no-gutter {
    margin-right: 0;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
}

    .no-gutter > [class*="col-"] {
        padding-right: 0;
        padding-left: 0;
    }

.dropdown-style .dropdown-menu {
    width: 100%;
    border-radius: 0;
    border-color: #00ADED;
    top: 92%;
    background-color: #eee;
    height: 100px;
}

#divEmulateUser {
    height: 300px !important;
}

    #divEmulateUser li {
        float: none !important;
    }

        #divEmulateUser li a {
            color: #333;
            cursor: pointer;
        }

            #divEmulateUser li a:hover, #divEmulateUser li a.selected {
                background-color: #00ADED;
                color: #fff;
            }

.top-emulated-user-information-bar-outer-div {
    position: relative;
    top: 0;
    width: 100%;
    background: red;
    color: #ffffff;
    z-index: 1111;
    text-align: center;
}

    .top-emulated-user-information-bar-outer-div a {
        text-decoration: underline;
        margin-left: 15px;
        color: #ffffff;
        cursor: pointer;
    }

.cpq-site-wrapper div .k-pager-numbers .k-state-selected {
    background-color: #007BFF;
}

::-webkit-scrollbar-thumb {
    background-color: #007BFF;
    border: 2px solid #007BFF;
}

#addNewProject {
    border: 1px solid #3f51b5;
}

#divDashboardTabstrip .k-panelbar .k-tabstrip-items .k-state-active, div .k-tabstrip-items .k-state-active,
#divFavoriteTabstrip .k-panelbar .k-tabstrip-items .k-state-active, #divFavoriteTabstrip .k-tabstrip-items .k-state-active {
    border-top-color: #007bff;
}

div.valid-404 {
    padding-left: 5px;
}

.left-nav-style .cpq-logo-link {
    background-size: contain;
    background-image: url('./WaterWay_Header.png');
    width: 170px;
    height: 42px;
    background-repeat: no-repeat;
    background-position-y: center;
}



.login-box-inner .login-logo-div {
    background-image: url('./WaterWay_Header.png');
    background-size: contain;
    height: 70px;
    background-repeat: no-repeat;
    margin-left: 30%;
}

.login-box-inner .btn-login {
    background-color: #007bff;
}


#skinHeaderOuterDiv .container-fluid {
    padding-left: 10px !important;
}

.product-selection .product-category-select {
    background-color: #00a1e5;
}

/*#divProductDetails .k-tabstrip-items li.k-state-active, #divByTypeProductInfoTabsContainer .k-tabstrip-items li.k-state-active {
    color: #007BFF;
    border-top: 3px solid #007BFF;
    margin-right: 0px;
    border-bottom: 2px solid #3e4953 !important;
}

#divProductDetails .k-tabstrip-items li.k-state-hover{
    border-top: 3px solid #3e4953 !important;
    border-right: 1px solid #3e4953 !important;
    border-color: #3e4953;
    margin-right: 0px;
}

#divByTypeProductInfoTabsContainer .k-tabstrip-items li.k-state-hover {
    border-top: 3px solid #3e4953 !important;
    border-right: 2px solid #3e4953 !important;
    border-color: #3e4953;
    margin-right: 0px;
}

#divProductDetails .k-tabstrip-items .k-item, #divByTypeProductInfoTabsContainer .k-tabstrip-items .k-item {
    border-left: 1px solid #3e4953;
    border-right: 2px solid #3e4953;
    border-bottom: 2px solid #001F3F;
    border-top: 3px solid #001F3F;
}*/

#cpq-configurator-popup-div .cpq-configurator-option-tab-navs li.active-option-tab {
    background-color: #427bff;
}

/*#divProductDetails .k-tabstrip-items .k-link, #divProductDetails .k-tabstrip-items li.k-state-hover .k-link,
#divByTypeProductInfoTabsContainer .k-tabstrip-items .k-link, #divByTypeProductInfoTabsContainer .k-tabstrip-items li.k-state-hover .k-link,
.add-btn {
    color: #FFF !important;
}

#divProductDetails > ul > li svg path, #divByTypeProductInfoTabsContainer > ul > li svg path {
    fill: #FFF !important;
    opacity: 1 !important;
}*/

#divByTypeProductInfoTabsContainer > ul > li {
    margin-right: 0px !important;
}

#cpq-configurator-popup-div .cpq-config-active-option-values-wrapper .cpq-config-values-list-body .cpq-config-each-value-data.active-value {
    background-color: #427bff;
    color: #ffffff;
}

html:hover::-webkit-scrollbar-thumb,
div .k-grid-content:hover::-webkit-scrollbar-thumb,
#divTreeView:hover::-webkit-scrollbar-thumb,
#divOptionDetailsContent:hover::-webkit-scrollbar-thumb,
#divValueDetailsContent:hover::-webkit-scrollbar-thumb,
#divTabAddInfoContent :hover::-webkit-scrollbar-thumb,
#divAddReleaseDialog .add-release-info-content:hover::-webkit-scrollbar-thumb,
#skin_menu_left .left-div ul:first-child:hover::-webkit-scrollbar-thumb,
#fanModelDescription:hover::-webkit-scrollbar-thumb,
#divTabDetailsContent:hover::-webkit-scrollbar-thumb,
#divTabAddInfoContent:hover::-webkit-scrollbar-thumb,
#divAdditionalInfoContent:hover::-webkit-scrollbar-thumb,
#divFilterContent:hover::-webkit-scrollbar-thumb,
body .k-dialog .k-content:hover::-webkit-scrollbar-thumb,
#divSummaryItemsContainer:hover::-webkit-scrollbar-thumb,
#divModelListContainer .row.no-gutter:hover::-webkit-scrollbar-thumb {
    background-color: #007BFF;
    border: solid #007BFF 2px;
}

input[type=checkbox], input[type=radio] {
    accent-color: #007BFF;
}

#cpq-configurator-popup-div .cpq-config-active-option-values-wrapper .cpq-config-values-list-body .cpq-config-each-value-data.active-value,
div.k-edit-buttons .k-grid-update {
    background-color: #427bff;
    color: #ffffff;
}

.k-tabstrip-items .k-item.k-state-hover {
    background: #3f51b5;
    border-color: #3f51b5;
}

#divDashboardTabstrip > ul > li, #divDisplayDetails ul.k-tabstrip-items {
    background-color: #001F3F !important;
    margin: 0 !important;
    border-left: 1px solid #3e4953;
    border-right: 2px solid #3e4953;
}

    #divDashboardTabstrip > ul > li.k-state-hover {
        border-color: #3e4953;
    }

div .k-grid tr.k-state-selected,
div .k-grid tr:hover {
    color: #000;
    background-color: #d9f3fd;
}

#divProjectRightPanel > ul > li.active {
    background-color: #007BFF;
    opacity: 1;
}

#ulProjectProductInfoTabs > li.active > svg path, #ulProjectProductInfoTabs > li:hover > svg path,
#divByTypeProductInfoTabsContainer > ul > li.k-state-active svg path, #divByTypeProductInfoTabsContainer > ul > li.k-state-hover svg path {
    fill: #007BFF;
}

#ulProjectProductInfoTabs > li.active, #ulProjectProductInfoTabs > li:hover {
    color: #007BFF;
    border-top-color: #007BFF;
}

#divProjectSummaryModelInfo .img-list > div.active {
    border-color: #007BFF;
}

#divProjectSummaryTab .line-item-project-summary-body-inner table th {
    background-color: #007bff;
}

#divDocAndNotesTabStrip li.selectedtab {
    margin-bottom: 2px;
    background-color: #007BFF;
    color: #FFF;
    font-weight: bold;
}

.site-svg-fill svg path, .site-svg-fill svg polygon {
    fill: #007BFF;
}

#divDocAndNoteInternalTabStrip .selectedtab {
    border-bottom: 3px solid #007BFF;
}

/*Button style start*/
.btn-cancel {
    border-color: #00a1e5 !important;
    color: #00a1e5;
}

    .btn-cancel:hover {
        background-color: #00a1e5 !important;
        color: #fff;
    }

.btn-site, div .k-grid .k-header .k-button.btn-site {
    background-color: #0d85ff !important;
    color: #fff !important;
    border: 1px solid #0d85ff !important;
}

div .k-grid .k-button.k-grid-add {
    background-color: #0d85ff !important;
    color: #fff !important;
    border: 1px solid #0d85ff !important;
}

.btn-default {
    background-color: #0d85ff;
    border: 1px solid #0d85ff !important;
}

    .btn-default:hover {
        background-color: #fff;
        color: #007BFF;
    }
/*Button style end*/

.release-popup-tabstrip .k-tabstrip-items .k-state-active {
    background-color: #00b0ff !important
}

.dashboard-product-competitor-search-wrapper .dashboard-product-competitor-filter-panel-product-types-container > div.selected-product-type {
    color: #007bff;
    border-bottom: 3px solid #007bff;
}

.dashboard-product-competitor-search-wrapper .dashboard-product-competitor-filter-container .search-mode-3-no-products-message {
    padding: 10px;
    text-align: center;
    color: #007bff;
}

.dashboard-product-application-option-value-search-wrapper .dashboard-product-application-option-value-filter-panel-product-types-container > div.selected-product-type {
    color: #007bff;
    border-bottom: 3px solid #007bff;
}

#siteWrapper select {
    background: #007bff url(../Images/select-arrow.png) no-repeat 92% center;
}

body div .k-grid .k-header .k-button.k-grid-Import:hover,
body div .k-grid .k-header .k-button.k-grid-print:hover,
body div .k-grid .k-header .k-button.k-grid-excel:hover {
    background-color: #fff;
}

.k-grid .k-icon {
    opacity: 1;
}

#divProjectManagementPopup .k-grid .k-grid-header, .k-grid-header {
    border-top: 1px solid #e1e7eb;
}

#divProjectManagementPopup .k-grid .k-grid-header, #divProjectManagementPopup .k-grid-header {
    background-color: white;
}

    #divProjectManagementPopup .k-grid-header th.k-header, div .k-grid-filter.k-state-active {
        background-color: #ffffff;
        border-style: none;
    }

#divProjectManagementPopup div .k-grid-header th.k-header:hover,
#divProjectManagementPopup div .k-grid-header th.k-header .k-header-column-menu:hover,
#divProjectManagementPopup div .k-grid-header th.k-header .k-link.k-state-active {
    background-color: rgb(244, 174, 0, 0.75);
    border-color: #F4AE00;
    color: white
}

#divProjectManagementPopup div .k-grid-header th.k-header .k-link.k-state-active {
    background-color: transparent;
}

#divProjectManagementPopup div .k-grid-header th.k-header > .k-link, .cpq-site-wrapper div .k-grid-header th.k-header {
    color: black;
    position: relative;
    font-size: 14.4px;
}

#divReportLIGridList .k-grid-header th.k-header > .k-link {
    color: black !important;
    position: relative;
    font-size: 14.4px;
}

#divReportLIGridList .k-grid-header th.k-header, div .k-grid-filter.k-state-active {
    background-color: #ffffff;
    border-style: none;
}

    #divReportLIGridList .k-grid-header th.k-header > .k-link:hover {
        color: white !important;
    }


#divEcommerceProductList .product:hover, #divEcommerceProductList .product.active {
    background-color: #00a1e5;
}

#divSelectByTypeContainer .img-thumb.active,
#divByTypeProductInfoTabsContainer > ul > li.k-state-active, #divByTypeProductInfoTabsContainer > ul > li.k-state-hover {
    border-color: #007BFF;
}

.release-popup-tabstrip.k-tabstrip.k-tabstrip .k-tabstrip-items .k-state-active {
    background-color: white !important;
    border-bottom: 3px solid #007BFF !important;
}

    .release-popup-tabstrip.k-tabstrip.k-tabstrip .k-tabstrip-items .k-state-active .k-link {
        background-color: white !important;
        color: #007BFF !important;
    }

#project_popup_tabstrip.k-tabstrip.k-tabstrip .k-tabstrip-items .k-state-active .k-link {
    background-color: white !important;
    color: #007BFF !important;
}

#project_popup_tabstrip.k-tabstrip.k-tabstrip .k-tabstrip-items .k-state-active {
    background-color: white !important;
    border-bottom: 3px solid #007BFF;
}

#contact_company_popup_tabstrip.k-tabstrip.k-tabstrip .k-tabstrip-items .k-state-active .k-link, #contact_popup_tabstrip.k-tabstrip.k-tabstrip .k-tabstrip-items .k-state-active .k-link {
    background-color: white !important;
    color: #007BFF !important;
}

#contact_company_popup_tabstrip.k-tabstrip.k-tabstrip .k-tabstrip-items .k-state-active, #contact_popup_tabstrip.k-tabstrip.k-tabstrip .k-tabstrip-items .k-state-active {
    background-color: white !important;
    border-bottom: 3px solid #007BFF;
}


#account_popup_tabstrip.k-tabstrip.k-tabstrip .k-tabstrip-items .k-state-active .k-link {
    background-color: white !important;
    color: #007BFF !important;
}

#account_popup_tabstrip.k-tabstrip.k-tabstrip .k-tabstrip-items .k-state-active {
    background-color: white !important;
    border-bottom: 3px solid #007BFF !important;
    border-top: none;
}

.mt-4 {
    margin-top: 4px;
}

.pb-8 {
    padding-bottom: 8px;
}

#main-header img {
    width: 88%;
    height: auto !important;
    padding-left: 10%;
    top: 55px;
    position: relative;
}

#divLeftMenu a.cpq-menu-active .menu-text {
    color: #0d85ff;
}

#divLeftMenu a.cpq-menu-active svg path, #divLeftMenu a.cpq-menu-active svg polygon {
    fill: #0d85ff;
}

#divLeftMenu .sub-menu a.cpq-menu-active {
    background-color: #c9e4ff;
    border-radius: 7px;
}

.cpq-site-wrapper #cpq_skin_menu_left .sub-menu li > a {
    padding-left: 18px;
}

div .k-window-titlebar.k-header {
    background-color: #001F3F !important;
}

input[type=radio]:not(.no-radio-style):checked + label > span {
    border: 1px solid #0d85ff !important;
}

    input[type=radio]:not(.no-radio-style):checked + label > span > span {
        border: 0 solid #0d85ff !important;
        background: #0d85ff !important;
    }

[type="checkbox"].general-check-style:checked + label:after {
    color: #0d85ff !important;
}

.k-tabstrip-top > .k-tabstrip-items > .k-item {
    background-color: #001F3F !important;
}

#divProductDetails .k-tabstrip-items .k-item, #divByTypeProductInfoTabsContainer .k-tabstrip-items .k-item {
    background-color: transparent !important;
}

#divProductInfoDetails .k-tabstrip-items .k-item .k-link {
    color: #fff !important;
}

.order-review-main-outer-tabs-container-ul {
    background-color: #001F3F !important;
}

#divOrderReviewManagementReleasedOrdersGridSectionDashboardTabstrip {
    margin-top: 5px !important;
}

#divFavoriteTabstrip .k-tabstrip-items {
    background-color: #001F3F !important;
}

#divFavoriteTabstripParent {
    margin-top: 5px !important;
}

body .cpq-custom-popup-holder.custom-popup-holder .cpq-configurator-popup-header-outer {
    background-color: #001F3F !important;
}

.lcol {
    height: inherit;
}

.login-box-parent {
    height: 100%;
}

.multi-login-logo {
    height: inherit;
}

#btnLogin {
    width: 100%;
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
    .lcol {
        width: 100%;
        float: left;
    }

    .login-box-parent {
        display: flex;
        flex-direction: column;
    }

    /*.multi-login-logo {
        height: 40% !important;
    }*/

    .login-welcome {
        padding-bottom: 40px !important;
    }

    .login-box {
        height: 88% !important;
        overflow: scroll !important;
    }
}


@media only screen and (min-width: 480px) and (max-width: 767px) {
    .lcol {
        width: 100%;
        float: left;
    }

    .login-box-parent {
        display: flex;
        flex-direction: column;
    }

    /*.multi-login-logo {
        height: 30% !important;
    }*/

    .login-welcome {
        padding-bottom: 40px !important;
    }

    .login-box {
        height: 88% !important;
        overflow: scroll !important;
    }
}

@media only screen and (max-height: 745px) {
    .login-logo-div {
        margin-top: 0px !important;
    }

    /*.login-welcome {
        padding-bottom: 0px !important;
    }*/
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .lcol {
        width: 400px;
        float: left;
    }

    .rcol {
        margin-left: 400px;
    }

    .login-box {
        height: 88% !important;
        overflow: scroll !important;
    }
}


@media only screen and (min-width: 992px) and (max-width: 1399px) {
    .lcol {
        width: 650px;
        float: left;
    }

    .rcol {
        margin-left: 650px;
    }
}

@media only screen and (min-width: 1400px) {
    .lcol {
        width: 950px;
        float: left;
    }

    .rcol {
        margin-left: 950px;
    }
}

@media only screen and (max-width: 767px) {
    .lcol {
        display: none;
    }

    .login-box-parent {
        align-items: center;
        padding-top: 12vh;
    }
}