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

@font-face {
    font-family: "Roboto, Helvetica, sans-serif";
    src: url("../fonts/helvetica.ttf");
}

body, a, span, div, th, td, p, h1, h2, h3, h4, h5, h6, input, select, textarea, ul, li, label, span, option, b, td {
    font-family: Roboto, Helvetica, sans-serif;
}
/*to fix the col-sm-* issue*/
.k-widget * {
    box-sizing: border-box !important;
}

.cursor-pointer {
    cursor: pointer;
}

.clearit {
    clear: both;
}

.margin-top-10 {
    margin-top: 10px;
}

.max-width {
    width: 100% !important;
}

.removePadding {
    padding: 0px;
}

div .margin-left-auto {
    height: 25px;
    margin-top: 5px;
    margin-left: auto;
}

.rightalign {
    float: right;
}

.k-pager-numbers li {
    list-style: none;
}

.popup_editor {
    display: none;
}

/**************** ALPHACPQ CUSTOM POPUP DESIGN START****************/
body .alphacpq-custom-popup-outer {
    border-bottom: 1px solid #343e48;
    border-right: 1px solid #343e48;
    border-left: 1px solid #343e48;
    background: #ffffff;
}

    body .alphacpq-custom-popup-outer.custom-popup-holder .alphacpq-custom-popup-header {
        background-color: #343e48;
        margin: 0;
        padding-top: 5px;
        line-height: 35px;
        cursor: move;
        margin: 0;
        padding-left: 10px;
    }

    body .alphacpq-custom-popup-outer .alphacpq-custom-popup-header .alphacpq-custom-popup-header-text {
        color: #ffffff;
    }

    body .alphacpq-custom-popup-outer.custom-popup-holder .alphacpq-custom-popup-header a.custom-popup-close {
        margin-right: 5px;
        margin-top: 5px;
        color: #ffffff;
    }

        body .alphacpq-custom-popup-outer.custom-popup-holder .alphacpq-custom-popup-header a.custom-popup-close:hover {
            margin-right: 5px;
            margin-top: 5px;
            color: #ffffff;
        }

    body .alphacpq-custom-popup-outer.custom-popup-holder .alphacpq-custom-popup-content {
        padding: 5px;
    }
/* ALPHACPQ CUSTOM POPUP DESIGN END*/

/*********************Kendo Toolbar column menu Style****************/
.k-menu.column-menu .k-item > .k-link {
    font-size: 14px;
    padding: 15px 10px 10px 10px;
    position: relative;
    top: 4px;
}

.k-grid-toolbar .k-menu.column-menu {
    padding: 0;
}

.k-menu.column-menu .k-item > .k-link > .k-icon {
    margin: -9px 0 0;
    margin-left: 20px;
}

div .k-icon.k-i-file-excel {
    height: 24px;
    width: 49px;
    color: #5c5c5c;
    margin-left: 4px;
    display: block;
}

.k-menu.column-menu .k-animation-container {
    text-align: left;
    text-transform: none;
}

.k-menu.column-menu .k-item {
    border-radius: 2px;
}

        .k-menu.column-menu .k-item.k-state-hover > .k-link {
            color: #fff;
        }

/*************Propert Maintenance Screen Style**********************/
.object-type-options {
    padding: 0 14px;
    float: right;
    position: relative;
}

    .object-type-options input[type='radio'], .object-type-options label {
        vertical-align: middle;
        cursor: pointer;
    }

    .object-type-options input[type='radio'] {
        margin-top: -1px;
    }

    .object-type-options label {
        margin: 2px 40px 0 2px;
        font-weight: normal;
        color: #999;
    }

/*******************Message Bar*****************/
.mesaage-bar {
    cursor: pointer;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #0093C9;
    color: #fff;
    padding: 10px 15px;
    text-align: center;
    z-index: 99999;
    font-weight: bold;
}

    .mesaage-bar .message-close {
        float: right;
        color: #fff;
    }

/* width */

body .k-edit-field {
    position: relative;
}

.product-info-details p, .product-info-details .content-box p {
    color: #ffffff;
}
/****************CONFIRM BOX START****************/
body .custom-confirm-box-outer-div {
    max-width: 500px;
    width: 100%;
    margin-left: 10px;
    display: none;
    z-index: 1000001;
    border-radius: 0px;
    background-color: #f2f2f2;
    color: #263238;
}

    body .custom-confirm-box-outer-div #confirmMessageHeaderDiv {
        height: 40px;
        width: 100%;
        background-color: #3e4953;
        padding: 0 0px 0 10px;
    }

        body .custom-confirm-box-outer-div #confirmMessageHeaderDiv #confirmMessageHeaderText {
            line-height: 40px;
            color: #ffffff;
            float: left;
        }

        body .custom-confirm-box-outer-div #confirmMessageHeaderDiv #confirmMessageHeaderCloseButtonLink {
            height: 40px;
            float: right;
            cursor: pointer;
        }

            body .custom-confirm-box-outer-div #confirmMessageHeaderDiv #confirmMessageHeaderCloseButtonLink:hover span,
            body .custom-confirm-box-outer-div #confirmMessageHeaderDiv #confirmMessageHeaderCloseButtonLink span {
                width: 40px;
                height: 40px;
                color: #ffffff;
                font-size: 20px;
            }

    body .custom-confirm-box-outer-div #confirmMessageInnerDiv {
        padding: 15px 15px;
        font-size: 17px;
        color: #263238;
    }

    body .custom-confirm-box-outer-div #confirmMessageButtonsInnerDiv {
        width: 100%;
    }

        body .custom-confirm-box-outer-div #confirmMessageButtonsInnerDiv div {
            text-align: right;
            padding-bottom: 10px;
        }

        body .custom-confirm-box-outer-div #confirmMessageButtonsInnerDiv input, body .custom-confirm-box-outer-div #confirmMessageButtonsInnerDiv a {
            margin-right: 15px;
            min-width: 80px;
        }

body .custom-confirm-box-background-outer-div {
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1000000;
    background: #000000;
}

.custom-confirm-box-outer-div .message-to-highlight {
    color: red;
    font-weight: bold;
}

.btn.alphacpq-custom-button-dark {
    background-color: #263238;
    border-radius: 0px;
    color: #ffffff;
}

.btn.alphacpq-custom-button-light {
    background-color: #263238;
    border-radius: 0px;
    color: #ffffff;
}

.svg-icon-standard {
    padding: 6px;
    width: 40px;
    height: 40px;
}

.custom-small-margin-left {
    margin-left: 10px;
}

.custom-small-margin-right {
    margin-right: 10px;
}

.custom-small-margin-top {
    margin-top: 10px;
}

.custom-small-margin-bottom {
    margin-bottom: 10px;
}

/****************CONFIRM BOX START****************/

/* ***************GRID STYLE****************/
.override-kendo-style .k-grid-footer, .override-kendo-style .k-grid-footer td, .override-kendo-style .k-grid-header,
.override-kendo-style .k-grid-header .k-header,
.override-kendo-style .k-pager-numbers .k-state-selected,
.override-kendo-style .k-pager-wrap, .k-scheduler-header,
.override-kendo-style .km-pane-wrapper .k-grid-header .k-header {
    color: #444;
}

    .override-kendo-style .k-gantt-toolbar .k-state-default,
    .override-kendo-style .k-grid .k-grouping-header,
    .override-kendo-style .k-grid-footer td, .override-kendo-style .k-grid-header,
    .override-kendo-style .k-grid-header-wrap, .override-kendo-style .k-group-footer td,
    .override-kendo-style .k-grouping-row td, .override-kendo-style .k-header, .k-pager-wrap,
    .override-kendo-style .k-pager-wrap .k-link, .override-kendo-style .k-pager-wrap .k-textbox {
        border-color: #e1e7eb;
        color: #ffffff;
    }

        .override-kendo-style .k-grid-header .k-header,
        .override-kendo-style .k-grid-header .k-header .k-link,
        .override-kendo-style .k-grid-header .k-link,
        .override-kendo-style .k-grid-header .k-link:link,
        .override-kendo-style .k-pager-info,
        .override-kendo-style .k-scheduler-agendaview .k-scheduler-datecolumn,
        .override-kendo-style .k-scheduler-header {
            color: #ffffff;
        }

.override-kendo-style .k-grid-pager .k-active-filter,
.override-kendo-style .k-grid-pager .k-state-active,
.override-kendo-style .k-grid-pager .k-state-active:hover,
.override-kendo-style .k-grid-pager .k-tabstrip .k-state-active {
    background-color: #3e4953;
}


.override-kendo-style th[data-role="columnsorter"]:hover {
    background-color: #3e4953;
}

.override-kendo-style .k-grouping-row p {
    color: #fff
}

.override-kendo-style .k-grouping-row p {
    color: #fff
}

.override-kendo-style .k-pager-sizes .k-dropdown .k-state-default {
    background-color: #3e4953;
    color: #ffffff;
}

.override-kendo-style .k-pager-wrap.k-grid-pager span {
    color: #ffffff;
}

.override-kendo-style .k-pager-wrap .k-icon {
    opacity: 1;
}

.override-kendo-style .k-pager-numbers {
    border-color: #3e4953;
}

    .override-kendo-style .k-pager-numbers .k-state-selected {
        border-color: #ffffff;
    }

.override-kendo-style .k-pager-wrap.k-grid-pager .k-link {
    border-color: #3e4953;
    color: #ffffff;
}

.override-kendo-style .k-grouping-header .k-group-indicator, .override-kendo-style .k-pivot-toolbar .k-button {
    background-color: #3e4953;
    color: #ffffff;
}

    .override-kendo-style .k-grouping-header .k-group-indicator span {
        background-color: #3e4953;
        color: #ffffff;
    }

.override-kendo-style .k-pager-wrap .k-link:hover {
    color: #ffffff;
}

.override-kendo-style .k-grid-pager .k-dropdown-wrap.k-state-default.k-state-hover span,
.override-kendo-style .k-grid-pager .k-dropdown-wrap.k-state-default.k-state-active span,
.override-kendo-style .k-grid-pager .k-dropdown-wrap.k-state-default.k-state-focused span {
    color: #ffffff;
}

.override-kendo-style .k-grid .k-grid-content table tbody tr {
    height: 34px;
}

.override-kendo-style .k-grid table tr td, .override-kendo-style .k-grid .k-grid-header th.k-header {
    padding: 7px;
}

.k-widget.k-tooltip.k-tooltip-closable {
    max-width: 500px;
}

body .override-kendo-style .k-grid-header .k-i-sort-asc-sm, body .override-kendo-style .k-grid-header .k-i-sort-desc-sm, body .override-kendo-style .k-grid-header .k-sort-order {
    color: #ffffff;
}

body .override-kendo-style .k-radio-label:before {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

body .override-kendo-style .k-radio:disabled + .k-radio-label {
    color: #555;
    cursor: not-allowed;
}

body .override-kendo-style .k-radio:disabled:checked + .k-radio-label:before, body .override-kendo-style .k-radio:disabled:checked + .k-radio-label:hover:before {
    border-color: #3f51b5;
    cursor: not-allowed;
}

body .override-kendo-style .k-radio:disabled:checked + .k-radio-label:after {
    background-color: #3f51b5;
    cursor: not-allowed;
    opacity: 1;
}

.override-kendo-style .k-grid input.k-checkbox + label.k-checkbox-label {
    cursor: pointer;
}
/******** GRID STYLE END *********/

.hidden-visibility {
    visibility: hidden;
}

.k-grid-header .k-i-sort-asc-sm, .k-grid-header .k-i-sort-desc-sm, .k-grid-header .k-sort-order {
    color: #ffffff !important;
    opacity: 1;
    margin-bottom: -1px;
}

/**** style imported to AlphaCPQ to fix some issues **/
#divCatalogProductMaintenanceContainer #divAdd .btn {
    font-size: 11px;
}

#divCategoryTreeLock {
    float: right;
}

@import url(jquery.jscrollpane.css);

html {
    min-height: 100%;
}

/****************Common****************/
body .DNNContainer_noTitle #classesOuterContainer #classesTable td {
    font-family: gillSansRegular;
}

.hidden-item {
    display: none;
}

body#Body #masterAjaxLoaderPopupDiv {
    display: none;
    position: fixed;
    z-index: 9999999;
}

body #masterAjaxLoaderPopupDiv #masterAjaxLoaderPopupPercentageDiv {
    position: absolute;
    top: 19px;
    font-size: 10px;
    width: 100%;
    text-align: center;
}

body .dynamic-popup-background {
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #7F8EAB;
    border: 1px solid #7F8EAB;
    z-index: 1;
}

body .custom-confirm-box-outer-div {
    display: none;
}

body .add-top-margin {
    margin-top: 10px;
}

body .add-top-margin30 {
    margin-top: 30px;
}

body #contentWrapper .remove-bottom-margin {
    margin-bottom: 0;
}

body #siteWrapper .control-bottom-margin {
    margin-bottom: 5px;
}

body .inline-visibility {
    display: inline-block;
}

body .success-textbox-border {
    border-color: #00a800;
}

body .error-textbox-border {
    border-color: #ef3e42;
}

body .error-add-border {
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
    padding: 5px 5px;
}

body .primary-product-section label {
    padding-top: 26px;
}

body .success-info-text {
    color: #00a800;
}

body .error-info-text {
    color: #ef3e42;
}

.top-bar-message-outer-div {
    display: none;
}

body .top-bar-message-outer-div div {
    font-size: 20px;
}

body #breadcrumbPane .alphaCPQ-message {
    width: auto;
    display: none;
    text-align: center;
    background-color: #a4e9d7;
    min-height: 40px;
    top: 50px;
    z-index: 99999;
    position: absolute;
    top: 3px;
}

    body #breadcrumbPane .alphaCPQ-message > div {
        padding: 0px;
        margin: 10px !important;
        text-transform: none;
        display:inline-flex;
    }

body .custom-form-control-label {
    display: none;
}

body .custom-edit-form .custom-form-control-label {
    display: block;
}

/*Company Mantenance*/
body #divOuterContainerCompany ul.nav-tabs li {
    margin: 0;
    width: 25%;
    height: auto;
}

    body #divOuterContainerCompany ul.nav-tabs li.sub-nav-tabs {
        margin: 0;
        width: 15%;
        height: auto;
    }

    body #divOuterContainerCompany ul.nav-tabs li a {
        background-color: #286090 !important;
        color: #fff;
    }

    body #divOuterContainerCompany ul.nav-tabs li.active a {
        background-color: #fff !important;
        color: #555;
    }

body #divOuterCompanyClassMultipleScreen .tab-content .row {
    margin-right: 0;
}

body #divOuterCompanyClassMultipleScreen .company-admin-send-notification {
    display: inline;
}

#divInnerCompanyClassMultipleScreen .tab-content {
    overflow: visible;
}

#ulBrandBranchMappingCheckBox .jstree-default .jstree-anchor {
    height: auto;
    width: 200px;
    white-space: normal;
    font-size: 12px;
}

#ulBrandBranchMappingCheckBox div.checkbox input[type=checkbox] {
    margin: 2px 10px 0 0;
}

/****************Datatable Responsive****************/
@media (max-width: 1139px) {
    .dataTable {
        width: auto !important;
    }
}

@media (max-width: 767px) {
    #contentWrapper > .container {
        width: 100%;
    }

    body #divOuterContainerCompany ul.nav-tabs li, body #divOuterContainerCompany ul.nav-tabs li.sub-nav-tabs {
        margin-top: 5px;
        width: auto;
    }
}

/*Admin Maintenance*/
#Body #login .loginGroup {
    border: none;
}

#Body #dnn_dnnLogin_loginGroup a[title="Logout"] {
    background: url(../Images/icons_logout_blue.svg) no-repeat center right;
    color: transparent;
    height: 52px;
    margin-top: 0;
}

    #Body #dnn_dnnLogin_loginGroup a[title="Logout"]:hover {
        text-shadow: none;
        color: transparent;
    }

#login .registerGroup a, #login .loginGroup a {
    padding: 2px 20px 0 15px;
    font-size: 14px;
    margin-top: 15px;
}

#login .registerGroup ul.buttonGroup li.userDisplayName a[title="Register"] {
    display: none;
}

h3.section-header {
    font-weight: bold;
    color: #4E93CF;
    margin-top: 10px;
    margin-left: 20px;
}

h4.sub-section-header {
    font-weight: bold;
    color: #4E93CF;
}

div.round-section {
    box-shadow: 10px 10px 5px #FFFFFF;
    margin-bottom: 10px;
    border: #FFFFFF 2px solid;
    border-radius: 5px;
    padding: 5px 5px;
}

#siteWrapper #userControls {
    height: auto;
}

    #siteWrapper #userControls .navbar {
        float: left;
    }

    #siteWrapper #userControls #login {
        width: auto;
    }

#siteWrapper #siteHeadouter #siteHeadinner {
    padding: 10px;
}

.navbar .nav > li > a {
    color: #4E93CF;
}

#siteWrapper #contentWrapper #footer {
    height: 100px;
}

/* File Browse Button Style */
.btn-file {
    position: relative;
    overflow: hidden;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        max-width: 100%;
        max-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        background: red;
        cursor: inherit;
        display: block;
    }

/*Drop down style*/
#siteWrapper select {
    border: 0 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: "";
    color: #FFF;
    padding: 5px;
    box-shadow: inset 0 0 5px rgba(000,000,000, 0.5);
    padding-right: 40px;
}

    #siteWrapper select::-ms-expand {
        display: none;
    }
/*Login section*/
#login ul.buttonGroup li.userDisplayName {
    display: block;
}

#login ul.buttonGroup > li {
    display: none;
}
.login-box-inner .login-header {
    text-align: center;
    color: #808084;
    padding: 30px 0 30px 0;
    opacity: 0.4;
    color: #FFFFFF;
    font-size: 27px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 32px;
}
.login-box a:hover {
    text-decoration: none;
}

/*User Maintenance Table filter option*/
.dataTables_filter #divMITypeFilter {
    margin: 5px 10px 0 10px;
}

/*CUSTOM RADIO*/
.custom-radio > input[type="radio"]:checked + .box > .fill {
    display: block;
}

.custom-radio > .box > .fill {
    display: none;
    width: 8px;
    height: 8px;
    border-radius: 51px;
    position: absolute;
    top: 3px;
    box-shadow: inset -4px -7px 2px #263692;
    left: 3px;
}

.custom-radio > .box {
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 7px;
    border-radius: 40px;
    display: inline-block;
    position: relative;
}

.custom-radio > input {
    border: medium none;
    height: 16px;
    left: 0;
    margin: 0;
    opacity: 0;
    outline: medium none;
    padding: 0;
    position: absolute;
    top: 0;
    width: 16px;
    z-index: 1;
}

.custom-radio input {
    margin-left: 0 !important;
}

.custom-radio {
    display: inline-block;
    position: relative;
    margin-right: 10px;
}

/****************User branch permision mapping section****************/
ul.user-branch-permission {
    list-style-type: none;
}

    ul.user-branch-permission li div {
        padding-top: 5px;
    }

    ul.user-branch-permission input {
        position: relative !important;
        margin-top: 0;
    }

    ul.user-branch-permission label {
        padding-left: 5px;
        width: 30%;
    }

        ul.user-branch-permission label.header {
            font-weight: bold;
            margin-left: -5px;
        }

/****************JS TREE ICONS****************/
.glyphicon-product:before {
    display: inline-block;
    width: 14px;
    height: 16px;
    content: "";
    background: url("../Images/jstree-icon-product.png") no-repeat 0 0;
    background-size: 100%;
    margin-top: 4px;
}

.glyphicon-public-closed:before {
    display: inline-block;
    width: 14px;
    height: 16px;
    content: "";
    background: url("../Images/jstree-icon-public-closed.png") no-repeat 0 0;
    background-size: 100%;
    margin-top: 4px;
}

.glyphicon-public-open:before {
    display: inline-block;
    width: 14px;
    height: 16px;
    content: "";
    background: url("../Images/jstree-icon-public-open.png") no-repeat 0 0;
    background-size: 100%;
    margin-top: 4px;
}

.glyphicon-private-closed:before {
    display: inline-block;
    width: 14px;
    height: 16px;
    content: "";
    background: url("../Images/jstree-icon-private-closed.png") no-repeat 0 0;
    background-size: 100%;
    margin-top: 4px;
}

.glyphicon-private-open:before {
    display: inline-block;
    width: 14px;
    height: 16px;
    content: "";
    background: url("../Images/jstree-icon-private-open.png") no-repeat 0 0;
    background-size: 100%;
    margin-top: 4px;
}

.glyphicon-unpublished-closed:before {
    display: inline-block;
    width: 14px;
    height: 16px;
    content: "";
    background: url("../Images/jstree-icon-unpublished-closed.png") no-repeat 0 0;
    background-size: 100%;
    margin-top: 4px;
}

.glyphicon-unpublished-open:before {
    display: inline-block;
    width: 14px;
    height: 16px;
    content: "";
    background: url("../Images/jstree-icon-unpublished-open.png") no-repeat 0 0;
    background-size: 100%;
    margin-top: 4px;
}

.glyphicon-company:before {
    display: inline-block;
    width: 14px;
    height: 16px;
    content: "";
    background: url("../Images/jstree-icon-company.png") no-repeat 0 0;
    background-size: 100%;
    margin-top: 4px;
}

.glyphicon-branch:before {
    display: inline-block;
    width: 14px;
    height: 16px;
    content: "";
    background: url("../Images/jstree-icon-branch.png") no-repeat 0 0;
    background-size: 100%;
    margin-top: 4px;
}

.glyphicon-primary-branch:before {
    display: inline-block;
    width: 14px;
    height: 16px;
    content: "";
    background: url("../Images/jstree-icon-primary-branch.png") no-repeat 0 0;
    background-size: 100%;
    margin-top: 4px;
}

.glyphicon-company-user:before {
    display: inline-block;
    width: 14px;
    height: 16px;
    content: "";
    background: url("../Images/jstree-icon-company-user.png") no-repeat 0 0;
    background-size: 100%;
    margin-top: 4px;
}

.glyphicon-company-admin:before {
    display: inline-block;
    width: 14px;
    height: 16px;
    content: "";
    background: url("../Images/jstree-icon-company-admin.png") no-repeat 0 0;
    background-size: 100%;
    margin-top: 4px;
}

.glyphicon-lock {
    display: inline-block;
    width: 20px;
    height: 20px;
    content: "";
    background: url("../Images/jstree-icon-lock.png") no-repeat 0 0;
    background-size: 100%;
}

    .glyphicon-lock:before {
        content: "";
    }

.glyphicon-unlock {
    display: inline-block;
    width: 20px;
    height: 20px;
    content: "";
    background: url("../Images/jstree-icon-unlock.png") no-repeat 0 0;
    background-size: 100%;
}

.product-document-image {
    display: inline-block;
    width: 30px;
    height: 30px;
    content: "";
    background: url("../Images/Document_PDF.png") no-repeat 0 0;
    background-size: 100%;
    vertical-align: middle;
}

.tooltip > .tooltip-inner {
    background-color: rgb(40, 96, 144);
    white-space: pre-wrap;
}


.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-right-color: rgb(40, 96, 144);
    border-width: 5px 5px 5px 0;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: rgb(40, 96, 144);
}

i.lockUnlockIcon {
    vertical-align: bottom;
}



i.sorting-icon {
    background-size: 19px;
    width: 19px;
    height: 19px;
    vertical-align: bottom;
}

.alpha-sorting-icon {
    display: inline-block;
    content: "";
    background: url("../Images/alpha-sorting-icon.png") no-repeat 0 0;
    vertical-align: middle;
}

.numeric-sorting-icon {
    display: inline-block;
    content: "";
    background: url("../Images/numeric-sorting-icon.png") no-repeat 0 0;
    vertical-align: middle;
}

#divFileCartOpener span {
    font-weight: bold
}

#divFileCartOpener {
    cursor: pointer;
    color: #ffffff;
    background-color: #263692;
    margin-top: 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    height: 30px;
    line-height: 30px;
    width: 125px;
    padding: 0px 10px 0px 10px;
}

#divFileCartItemsContainer {
    position: absolute;
    width: 250px;
    border: 2px solid #263692;
    -moz-border-radius: 3x;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 5px 10px;
    background-color: #ffffff;
    z-index: 100;
}

#divFileCartItems .file-cart-remove-item {
    font-size: 130%;
    cursor: pointer;
}

#divFileCartItems .file-cart-item-text {
    font-size: 105%;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: text-bottom;
}

#divFileCartItemsAction {
    text-align: center;
    border-top: 1px #263692 solid;
    margin-top: 5px;
    padding-top: 5px;
}

    #divFileCartItemsAction span {
        cursor: pointer;
        padding: 5px 5px 5px 0;
        font-weight: bold;
    }

    #divFileCartItemsAction a {
        padding: 0 5px;
    }

body #divFileCartEmailPopup .file-cart-email-option-container {
    overflow-y: auto;
    max-height: 500px;
}

body #divFileCartEmailPopup .file-cart-email-action-outer {
    padding-top: 10px;
    text-align: right;
}

body .file-cart-email-option-container .input-label-text {
    color: #263692;
    font-weight: bold;
    font-size: 110%
}

body .file-cart-email-option-container .input-label-text-large {
    color: #263692;
    font-weight: bold;
    font-size: 120%
}

body .file-cart-email-option-container .input-label-text-small {
    color: #c1c0c1;
    font-size: 90%
}

body .each-cart-document {
    margin-bottom: 7px;
}

@media (min-width: 768px) {
    body .file-cart-email-option-container {
        width: 550px;
    }
}

/****************POPUP STYLES****************/
body .custom-popup-holder {
    background-color: #ffffff !important;
    width: auto;
    display: none;
    z-index: 1100;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    body .custom-popup-holder > div:first-child {
        margin-top: 10px;
        width: 100%;
        margin-bottom: 10px;
        border-bottom: 1px solid rgb(212, 214, 217);
    }

    body .custom-popup-holder .custom-popup-header {
        color: #263692;
        font-size: 160%;
        font-weight: bold;
    }

    body .custom-popup-holder a.custom-popup-close {
        color: #E07474;
        float: right;
        line-height: 20px;
        font-weight: bold
    }

        body .custom-popup-holder a.custom-popup-close:hover {
            color: #A02323
        }

body .custom-popup-background {
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #7F8EAB;
    border: 1px solid #7F8EAB;
    z-index: 1050;
}

.nav-collapse, .nav-collapse.collapse {
    height: auto;
}

/****************Smart Search****************/
body #divSmartSearchOpener #spanSmartSearchBox {
    border: rgb(119, 119, 119) 1px solid;
    padding: 7px 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
}

body #divSmartSearchOpener span.glyphicon {
    font-size: 65%;
}

body #divSmartSearchOpener input[type="text"] {
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    margin-bottom: 0px;
    background-color: transparent;
    padding: 0px 0px 3px 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 25px;
    width: 200px;
    margin-right: 10px;
}

    body #divSmartSearchOpener input[type="text"]:focus {
        outline: none;
    }

body #divSmartSearchOpener #spanSmartSearchClear, body #divSmartSearchOpener #spanSmartSearchLoading, body #divSmartSearchOpener #spanSmartSearchGo {
    position: relative;
    cursor: pointer;
}

#spanSmartSearchBox .clear-loading-container {
    display: inline-block;
    width: 14px;
}

#spanSmartSearchBox #spanSmartSearchClear:before, #spanSmartSearchBox #spanSmartSearchLoading:before {
    display: none;
}

#spanSmartSearchBox.show-clear #spanSmartSearchClear:before, #spanSmartSearchBox.show-loading #spanSmartSearchLoading:before {
    display: inline;
}

#divSmartSearchItemsContainer {
    position: absolute;
    width: 265px;
    border: 2px solid #263692;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #ffffff;
    z-index: 100;
}

#divSmartSearchItems a.each-matched-item-outer {
    font-size: 130%;
    cursor: pointer;
    display: block;
    border-bottom: 1px solid;
    padding: 10px 10px 0 10px;
}

#divSmartSearchItems span.each-matched-item-model-name {
    font-size: 105%;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: text-bottom;
    display: block;
    line-height: 0.5em;
    color: #263692;
    line-height: 1em;
}

#divSmartSearchItems span.each-matched-item-model-title {
    vertical-align: text-top;
    font-size: 60%;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: text-bottom;
    display: inline-block;
    color: black;
}

#divSmartSearchItems a.each-matched-item-outer:hover {
    background-color: #f5f5f5;
    text-decoration: none;
}

#divSmartSearchItems h4 {
    padding-left: 10px;
    border-bottom: 2px solid;
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 0;
    color: #263692;
}

#divSmartSearchItems a.see-more-results {
    padding: 5px 15px;
    font-size: 100%;
    color: #263692;
}

#divSmartSearchItems span.no-search-results {
    padding: 5px 10px;
}

#divQuickViewLink {
    width: 100%;
    margin: 0;
}

#quickCatalogViewLink {
    float: right;
}

@media (max-width: 979px) {

    body #navdttg.nav-collapse {
        right: auto !important;
    }

    body #divSmartSearch {
        float: none !important;
        position: relative;
        display: block;
        top: 15px;
        height: 40px;
    }

    body #spanSmartSearchBox #txtSmartSearchBox {
        width: 70%;
        padding: 0;
        margin: 0;
    }

    body #spanSmartSearchBox .clear-loading-container {
        width: 8%;
    }

    body #spanSmartSearchBox span.glyphicon-search {
        width: 5%;
    }

    #navdttg .nav > li ul {
        top: auto;
    }
}
/*Smart Search Results*/
body #divSmartSearchResultsOuter ul.nav-tabs li {
    margin: 0;
    width: 15%;
    height: auto;
}

    body #divSmartSearchResultsOuter ul.nav-tabs li a {
        background-color: #286090 !important;
        color: #fff;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    body #divSmartSearchResultsOuter ul.nav-tabs li.active a {
        background-color: #fff !important;
        color: #555;
    }

body #divSmartSearchResultsOuter .tab-content {
    background-color: white;
    padding: 20px;
}

    body #divSmartSearchResultsOuter .tab-content .row {
        margin-right: 0;
    }

body #divSmartSearchResultsOuter #ulProductSearchTab li {
    margin-bottom: 10px;
}

    body #divSmartSearchResultsOuter #ulProductSearchTab li a {
        line-height: 1.5em;
        letter-spacing: 0;
    }
/*Menu and search smart search box placement*/
body #divSmartSearch {
    clear: right;
}

body .btn-group #multiSelectButton.btn {
    font-size: 12px;
}

#navdttg.nav-collapse {
    top: 0;
}

.nav > li ul {
    top: 40px;
}

#divInnerContainerMaintainCCUser .cc-lists > div {
    height: 30px;
}

#divInnerContainerMaintainCCUser .cc-lists input[type=checkbox] {
    margin-bottom: 6px;
}

#divInnerContainerMaintainCCUser .cc-lists a {
    cursor: pointer;
}


/****************OVERRIDE KENDO CSS START****************/

.k-grid .k-header.k-grid-toolbar {
    background-color: #fff !important;
    width: 100% !important;
    display: block;
    border: none !important;
}
.k-grid-header th.k-header,
div .k-grid-filter.k-state-active {
    color: #fff;
    cursor: pointer;
}

div .k-grid-header th.k-header > .k-link {
    color: #fff;
    text-transform: uppercase;    
    position: relative;
    font-size: 14.4px;
}

div .k-grid-header th.k-header:hover,
div .k-grid-header th.k-header .k-header-column-menu:hover,
div .k-grid-header th.k-header .k-link.k-state-active {
    color: #fff;
}

div .k-button.k-grid-excel, div .k-button.k-grid-excel {
    border: none;
}

div .k-menu.column-menu .k-item.k-state-hover, div .k-menu.column-menu .k-item.k-state-hover:hover,
div .k-menu.import-data .k-item.k-state-hover, div .k-menu.import-data .k-item.k-state-hover:hover,
div .k-menu.k-grid-excel .k-item.k-state-hover, div .k-menu.k-grid-excel .k-item.k-state-hover:hover {
    border-radius: 0px;
    border: none;
    color: #fff;
}

div .k-grid .k-grouping-header {
    background-color: #f1f1f1;
    color: darkgrey;
    line-height: 15px;
}


.k-grid-header .k-header-column-menu.k-state-active,
.k-grid-header .k-header-import-data.k-state-active,
.k-grid-header .k-header-import-data.k-state-active {
    color: #fff;
}
div .k-button {
    text-transform: none;
}

div .k-grid .k-header .k-button.column-menu,
div .k-grid .k-header .k-button.k-grid-excel,
div .k-grid .k-header .k-button.k-grid-print,
div .k-grid .k-header .k-button.k-grid-columns,
div .k-grid .k-header .k-button.k-grid-import,
div .k-grid .k-header .k-button.k-grid-export {
    border: none;
    border-radius: 0px;
    color: #5c5c5c;
}

div .k-grid .k-header .k-button.k-grid-print {
    border: none;
    border-right: 2px solid darkgray;
}
div .k-grid .k-header .k-button.k-grid-print:hover {
    color: #fff;
}

.k-grid-print-text {
    color: #000;
    position: absolute;
    top: 27px;
    margin-left: 1px;
}

div .k-grid .k-header .k-button.k-grid-excel {
    display: block;
    padding: 7px 10px 10px 10px;
}

.k-menu-link span {
    display: block;
}

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

div .k-grid td.k-state-selected, div .k-grid tr.k-state-selected > td {
    border-color: #d9f3fd;
}
div .k-header.k-grid-toolbar #txtSearch,
div .k-header.k-grid-toolbar .grid-search-text-box {
    position: relative;
    width: 16%;
    margin-top: 5px;
    margin: 8px 15px;
    padding-top: 4px;
    height: 30px;
    color: #5c5c5c;
    border: 1px solid #dde6e9 !important;
}

div .k-i-filter:before {
    color: #fff;
}

div .k-grid-toolbar a {
    float: right;
}

div .k-window-titlebar.k-header {
    background-color: #18181B;
    color: #fff;
    height: 48px;
    padding: .8em;
}

.k-window-title{
    padding: 0px;
}

.k-window-titlebar .k-window-action, .k-button-icon .k-window-action {
    opacity: 1;
    margin-top: 3px;
}

.k-dialog .k-dialog-titlebar .k-dialog-title{
    padding: 0px;
}

.k-window-actions .k-icon {
    font-size: 20px;
    margin-top: 6px;
}

body .k-edit-form-container .k-edit-field, 
body .k-edit-form-container .k-input.k-textbox,
body .k-edit-form-container span.k-numerictextbox,
body .k-edit-form-container span.k-dropdown,
body .k-edit-form-container span.k-datepicker {
    width: 100%;
    margin-top: 5px;
}

body div .k-numeric-wrap.k-state-default {
    background-color: #fff;
}

body div .k-datepicker .k-input, body div .k-timepicker .k-input {
    background-color: #fff;
}

.k-edit-buttons {
    border: none;
    background-color: #fff;
}

body .k-edit-form-container .k-edit-field {
    margin-right: 0px;
}

body div .k-button {
    border-radius: 3px;
}

body div .k-edit-form-container .k-button {
    border-color: rgb(0, 176, 242);
    border-radius: 3px;
}

div .k-numeric-wrap.k-state-focused > .k-select {
    background-color: #fff;
}

.k-textbox {
    font-size: 14px;
    width: 200px;
    height: 35px;
}

.grid-edit-delete-span {
    padding: 10px;
}

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

div .k-grid tbody .grid-edit-delete-span span {
    cursor: pointer;
    margin-right: 2px;
    margin-left: 2px;
}

div .k-grid-content tr td {
    padding: 7px;
}

.k-pager-wrap.k-grid-pager {
    background-color: #fff;
    border: none;
}

div .k-pager-numbers .k-state-selected {
    color: #fff;
    border: none;
}
div .k-pager-wrap .k-pager-numbers .k-state-selected {
    margin-top: 0em;
    padding-top: .15em;
}
div .k-pager-numbers .k-link {
    background-color: #fff;
}

div .k-pager-wrap > .k-link, div .k-grid .k-pager-numbers {
    float: right;
}

div .k-pager-info {
    padding: .714em 0.333em .643em 1.333em;
    float: left;
}

div .k-grid .k-button.k-grid-add {
    margin-top: 8px;
}

div .k-grid .k-header .k-button.column-menu,
.k-grid .k-header .k-button.import-data,
div .k-grid .k-header .k-button.k-grid-excel {
    border-right: 2px solid darkgray;
}
div .k-autocomplete.k-state-default,
div .k-dropdown-wrap.k-state-default,
div .k-numeric-wrap.k-state-default,
div .k-picker-wrap.k-state-default {
    background-color: #fff;
    border-radius: 3px;
}

.k-window-titlebar.k-header {
    position: relative;
    height: 41px;
}

body div .k-grid .k-header .k-button.k-grid-Import {
    height: 45px;
    width: 71px;
    border: none;
    border-right: 1px solid darkgray;
    background-color: #fff;
    color: #000;
}
body div .k-primary.k-state-active:hover, body div .k-primary.k-state-hover, body div .k-primary:active:hover, body div .k-primary:hover,
body div .k-overflow-container .k-primary, body div .k-primary {
    color: #fff;
}

body div .k-edit-form-container {
    padding: 10px;
}

div .k-edit-form-container .k-edit-buttons {
    padding-right: 25px
}

body div .k-widget.k-autocomplete.k-header {
    width: 100%
}

    body div .k-widget.k-autocomplete.k-header input {
        padding-top: 10px;
    }

body div .k-pager-sizes .k-dropdown .k-dropdown-wrap {
    padding-top: 0px;
}

div .k-pager-sizes.k-label {
    color: #999;
    padding: 3px;
}
/****************OVERRIDE KENDO CSS END****************/


/****************FLOATING LABEL CSS START****************/
.floating-label {
    position: absolute;
    pointer-events: none;
    left: 9px;
    top: 9px;
    transition: 0.2s ease all;
    color: #9b9b9b;
}

input:focus:valid ~ .floating-label, textarea:focus:valid ~ .floating-label,
input:focus:not(:valid) ~ .floating-label, textarea:focus:not(:valid) ~ .floating-label {
    top: 9px;
}
/****************FLOATING LABEL CSS END****************/


/****************CONFIRM BOX CSS START****************/
body .custom-confirm-box-outer-div {
    max-width: 510px;
    width: 100%;
    margin-left: 10px;
    display: none;
    z-index: 1000001;
    border-radius: 0px;
    background-color: #f2f2f2;
    color: #263238;
}

    body .custom-confirm-box-outer-div #confirmMessageHeaderDiv {
        height: 48px;
        width: 100%;
        background-color: black;
        padding: 4px 0px 0 10px;
    }

        body .custom-confirm-box-outer-div #confirmMessageHeaderDiv #confirmMessageHeaderText {
            line-height: 40px;
            color: #ffffff;
            float: left;
            font-size: 16px;
        }

        body .custom-confirm-box-outer-div #confirmMessageHeaderDiv #confirmMessageHeaderCloseButtonLink {
            height: 40px;
            float: right;
            cursor: pointer;
        }

            body .custom-confirm-box-outer-div #confirmMessageHeaderDiv #confirmMessageHeaderCloseButtonLink:hover span,
            body .custom-confirm-box-outer-div #confirmMessageHeaderDiv #confirmMessageHeaderCloseButtonLink span {
                width: 40px;
                height: 40px;
                color: #ffffff;
            }

    body .custom-confirm-box-outer-div #confirmMessageInnerDiv {
        padding: 15px 15px;
        font-size: 16px;
        color: #263238;
        text-align: center;
    }

    body .custom-confirm-box-outer-div #confirmMessageButtonsInnerDiv {
        width: 100%;
    }

        body .custom-confirm-box-outer-div #confirmMessageButtonsInnerDiv div {
            text-align: center;
            padding-bottom: 25px;
            padding-top: 10px;
        }

        body .custom-confirm-box-outer-div #confirmMessageButtonsInnerDiv input, body .custom-confirm-box-outer-div #confirmMessageButtonsInnerDiv a {
            margin-right: 5px;
            min-width: 90px;
            border-radius: 3px;
        }

body .custom-confirm-box-background-outer-div {
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1000000;
    background: #000000;
}

.custom-confirm-box-outer-div .message-to-highlight {
    color: red;
    font-weight: bold;
}


.svg-icon-standard {
    padding: 6px;
    width: 40px;
    height: 40px;
}

.custom-small-margin-left {
    margin-left: 10px;
}

.custom-small-margin-right {
    margin-right: 10px;
}

.custom-small-margin-top {
    margin-top: 10px;
}

.custom-small-margin-bottom {
    margin-bottom: 10px;
}
/*******************CONFIRM BOX CSS END*******************/


/*******************KENDO GRID ROW CSS START*******************/
.k-button-icontext.k-grid-add .add-row-svg {
    margin-left: -5px;
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/add-Kendo-row.svg') no-repeat scroll 0px 0px;
    height: 20px;
    width: 20px;
    margin-right: 5px;
}

    .k-button-icontext.k-grid-add .add-row-svg path {
        fill: #fff;
        stroke-width: 2px;
    }

.kendo-index-svg {
    margin-left: -5px;
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/star.svg') no-repeat scroll 0px 0px;
    height: 15px;
    width: 21px;
    margin-left: 10px;
}

    .kendo-index-svg polygon {
        stroke: #bfbfbf;
    }
/*******************KENDO GRID ROW CSS END*******************/


/**********************CUSTOM RADIO COMMAND CHECKBOX STYLE START**********************/
input[type=radio]:not(.no-radio-style) {
    display: none;
}

    input[type=radio]:not(.no-radio-style) + label > span > span {
        display: none;
    }

    input[type=radio]:not(.no-radio-style):checked + label > span {
        background-color: #fff;
        border: 1px solid #96df73;
    }

        input[type=radio]:not(.no-radio-style):checked + label > span > span {
            display: block;
            width: 0.6em;
            height: 0.6em;
            margin: 3px;
            border: 0 solid #96df73;
            border-radius: 0.4em;
            background: #96df73;
        }
/**********************CUSTOM RADIO COMMAND CHECKBOX STYLE END**********************/


/********************** CHECK BOX STYLE START **********************/
[type="checkbox"].general-check-style:not(:checked),
[type="checkbox"].general-check-style:checked {
    position: absolute;
    left: -9999px;
}

    [type="checkbox"].general-check-style:not(:checked) + label,
    [type="checkbox"].general-check-style:checked + label {
        position: relative;
        padding-left: 25px;
        cursor: pointer;
        padding-top: 2px;
        height: 22px;
    }

[type="checkbox"].general-check-style.with-fake-label:not(:checked) + label,
[type="checkbox"].general-check-style.with-fake-label:checked + label {
    position: absolute;
    left: 13px;
    top: 11px;
}

[type="checkbox"].general-check-style:not(:checked) + label:before,
[type="checkbox"].general-check-style:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 17px;
    height: 17px;
    border: 1px solid #cbcbcb;
    background: #f8f8f8;
    border-radius: 3px;
}

[type="checkbox"].general-check-style:checked + label:before {
    background: #fff;
    border-radius: 3px;
    box-shadow: none;
    border-color: #cbcbcb;
}

[type="checkbox"].general-check-style:not(:checked) + label:after,
[type="checkbox"].general-check-style:checked + label:after {
    content: '✔';
    position: absolute;
    top: 3px;
    left: 3px;
    font-size: 22px;
    line-height: 10px;
    transition: all .2s;
    color: #96df73;
}

[type="checkbox"].general-check-style:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}

[type="checkbox"].general-check-style:checked + label:after {
    opacity: 1;
    transform: scale(1);
}

[type="checkbox"].filled-box.general-check-style + label:before,
[type="checkbox"].filled-box.general-check-style + label:after {
    box-shadow: none;
    content: ' ';
    background-color: transparent;
    border-color: #676767
}

[type="checkbox"].filled-box.general-check-style:checked + label:before,
[type="checkbox"].filled-box.general-check-style:checked + label:after {
    box-shadow: none;
    content: ' ';
    background-color: #26a69a;
    border-color: #26a69a;
}

[type="checkbox"].general-check-style.indeterminate-children-selection:not(:checked) + label:after {
    top: 7px;
    left: 5px;
    font-size: 10px;
    line-height: 8px;
    transition: all .2s;
    color: #26a69a;
    background: #26a69a;
    opacity: 1;
    transform: scale(1);
    border-radius: 2px;
}
/* disabled checkbox */
[type="checkbox"].general-check-style:disabled:not(:checked) + label:before,
[type="checkbox"].general-check-style:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}

[type="checkbox"].general-check-style:disabled:checked + label:after {
    color: #999;
}

[type="checkbox"].general-check-style:disabled + label {
    color: #aaa;
}

[type="checkbox"].filled-box.general-check-style:disabled + label:before,
[type="checkbox"].filled-box.general-check-style:disabled + label:after {
    box-shadow: none;
    content: ' ';
    background-color: transparent;
    border-color: #676767
}

[type="checkbox"].filled-box.general-check-style:disabled:checked + label:before,
[type="checkbox"].filled-box.general-check-style:disabled:checked + label:after {
    box-shadow: none;
    content: ' ';
    background-color: #26a69a;
    border-color: #26a69a;
}

/* CHECKBOX ON/ OFF STYLE START */
input[type="checkbox"].on-off-check-style, [type="checkbox"].on-off-check-style:active {
    position: absolute;
    top: -5000px;
    height: 0;
    width: 0;
    opacity: 0;
    border: none;
    outline: none;
}

    input[type="checkbox"].on-off-check-style + label {
        position: relative;
        padding: 5px;
        margin-top: 7px;
        margin-bottom: 6px;
        font-size: 12px;
        line-height: 16px;
        width: 50px;
        height: 12px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        background: #d3dade;
        cursor: pointer;
        -webkit-transition-duration: .3s;
        -webkit-transition-property: background-color, box-shadow;
    }

        input[type="checkbox"].on-off-check-style + label:before {
            content: '';
            position: absolute;
            z-index: 1;
            line-height: 21px;
            text-indent: 25px;
            height: 20px;
            width: 20px;
            -webkit-border-radius: 100%;
            -moz-border-radius: 100%;
            border-radius: 100%;
            top: -5px;
            left: 0px;
            right: auto;
            background: rgb(235, 238, 240);
            -webkit-box-shadow: 0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd;
            -moz-box-shadow: 0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd;
            box-shadow: 0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd;
        }

    input[type="checkbox"].on-off-check-style:checked + label:before {
        background: rgb(0, 128, 128);
        -moz-box-shadow: 0px 0px 3px 0px rgb(0, 128, 128);
        -webkit-box-shadow: 0px 0px 3px 0px rgb(0, 128, 128);
        box-shadow: 0px 0px 3px 0px rgb(0, 128, 128);
        right: 0px;
        left: auto;
    }

    input[type="checkbox"].on-off-check-style:checked + label {
        background: rgb(38, 165, 153);
    }

input[type=radio]:not(.no-radio-style) + label span {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    cursor: pointer;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #cbcbcb;
}

/********************** CHECKBOX ON/ OFF STYLE END **********************/


/**********************BUTTON STYLES START**********************/
.btn {
    border: 1px solid #fff;
    padding: 6px 20px;
}
.btn:disabled {
    background-color: #f1f1f1;
    color: #9b9b9b;
    border: none;
}
.btn-default {
    color: #fff;
    border-radius: 3px;
}
.btn-cancel {
    background-color: #fff !important;
    border-radius: 3px;
}
.btn-delete {
    background-color: red !important;
    border: 1px solid red !important;
    color: #fff !important;
    border-radius: 3px !important;
}
.btn-delete:hover {
    background-color: #fb4848 !important;
}
.zero-border-radius-btn {
    border-radius: 0px !important;
}

/**********************BUTTON STYLES END**********************/


/**********************CUSTOM ALERT BOX CSS START**********************/
body .custom-alert-box-outer-div {
    max-width: 500px;
    width: 100%;
    margin-left: 10px;
    display: none;
    z-index: 1000001;
    border-radius: 0px;
    background-color: #fff;
    color: #263238;
    border: #263238 1px solid;
}

    body .custom-alert-box-outer-div #alertMessageHeaderDiv {
        height: 48px;
        width: 100%;
        background-color: Black;
        padding: 0 0px 0 10px;
    }

    body .custom-alert-box-outer-div #alertMessageInnerDiv {
        padding: 15px 15px;
        font-size: 16px;
        color: #263238;
        text-align: center;
    }

    body .custom-alert-box-outer-div #alertMessageButtonsInnerDiv {
        width: 100%;
    }

    body .custom-alert-box-outer-div #alertMessageHeaderDiv #alertMessageHeaderText {
        line-height: 48px;
        color: #ffffff;
        float: left;
        font-size: 16px;
    }

    body .custom-alert-box-outer-div #alertMessageHeaderDiv #alertMessageHeaderCloseButtonLink {
        height: 40px;
        float: right;
        cursor: pointer;
    }

    body .custom-alert-box-outer-div #alertMessageButtonsInnerDiv div {
        text-align: center;
        padding-bottom: 25px;
        padding-top: 10px;
    }

    body .custom-alert-box-outer-div #alertMessageButtonsInnerDiv input, body .custom-alert-box-outer-div #alertMessageButtonsInnerDiv a {
        margin-right: 5px;
        min-width: 90px;
        border-radius: 3px;
    }

    body .custom-alert-box-outer-div #alertMessageHeaderDiv #alertMessageHeaderCloseButtonLink:hover span,
    body .custom-alert-box-outer-div #alertMessageHeaderDiv #alertMessageHeaderCloseButtonLink span {
        width: 40px;
        height: 40px;
        color: #ffffff;
        font: 20px/1 WebComponentsIcons;
    }

body .custom-alert-box-background-outer-div {
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1000000;
    background: #000000;
}

.custom-alert-box-outer-div .message-to-highlight {
    color: red;
    font-weight: bold;
}
/**********************CUSTOM ALERT BOX CSS END**********************/


/**********************OVERRIDE KENDO TOOLBAR CSS START**********************/
.kendo-columns-svg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/columns.svg') no-repeat scroll 0px 0px;
    height: 18px;
    width: 21px;
    margin-left: 2px;
    top: 8px;
    position: absolute;
}

    .kendo-columns-svg path {
        fill: #9b9b9b !important;
    }

.kendo-import-svg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/import.svg') no-repeat scroll 0px 0px;
    height: 30px;
    width: 25px;
    margin-left: 2px;
    top: 8px;
    position: absolute;
}

    .kendo-import-svg path {
        fill: #9b9b9b !important;
    }

.kendo-export-svg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/export-dark.svg') no-repeat scroll 0px 0px;
    height: 18px;
    width: 21px;
    margin-left: 2px;
    top: 8px;
    position: absolute;
}

    .kendo-export-svg path {
        fill: #9b9b9b !important;
    }

.search-svg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/search.svg') no-repeat scroll 0px 0px;
    height: 18px;
    width: 21px;
    margin-left: 2px;
    position: absolute;
    right: 30px;
    margin-top: 15px;
    cursor: pointer;
}

    .search-svg path {
        fill: #9b9b9b !important;
    }

.print-svg {
    background: transparent url(/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/print-black.svg) no-repeat scroll 0px 0px;
    height: 24px;
    width: 25px;
    margin-left: 1px;
    top: 12px;
    position: absolute;
}
.print-svg path {
    fill: #9b9b9b !important;
}
.kendo-custom-template-text {
    color: #5c5c5c;
    position: absolute;
    top: 37px;
    margin-left: 1px;
}
div .k-i-columns:before {
    content: url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/columns-dark.svg');
    width: 54px;
    margin: -38px;
    line-height: 3;
    padding: 28px;
}

div .k-menu.column-menu .k-item > .k-link > .k-icon {
    height: 19px;
    width: 50px;
    color: #5c5c5c;
}

div .k-i-file-excel:before {
    content: url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/export-dark.svg');
    width: 54px;
    margin: -38px;
    line-height: 3;
    padding: 31px;
}

.k-grid-Import:before {
    content: url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/import.svg');
    width: 54px;
    margin: -38px;
    line-height: 3;
    padding: 31px;
}

div .k-i-filter:before {
    margin-top: 1px;
    content: url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/filter-white.svg');
}

div .k-filter-item .k-i-filter:before {
    content: url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/filter-black.svg');
}

.k-icon.k-i-filter {
    width: 26px;
    height: 26px;
}

.k-header-column-menu .k-icon.k-i-filter {
    position: absolute;
    left: -47px;
}

.kendo-row-edit-svg, .kendo-edit-release-svg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/edit.svg') no-repeat scroll 0px 0px;
    height: 15px;
    display: block;
    width: 15px;
    cursor: pointer;
}

.kendo-row-add-svg, .kendo-add-release-svg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/plus.svg') no-repeat scroll 0px 0px;
    height: 15px;
    width: 15px;
}
.kendo-row-duplicate-svg, .kendo-row-duplicate-release-svg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/icon-duplicate-project.svg') no-repeat scroll 0px 0px;
    height: 15px;
    width: 15px;
}

.kendo-row-delete-svg, .kendo-delete-release-svg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/delete_red.svg') no-repeat scroll 0px 0px;
    height: 15px;
    width: 15px;
    cursor: pointer;
    display: block;
}

.kendo-order-report-release {
    height: 15px;
    width: 15px;
    cursor: pointer;
    display: block;
}

.kendo-row-copy-svg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/copy-regular.svg') no-repeat scroll 0px 0px;
    height: 15px;
    width: 15px;
    cursor: pointer;
}

.kendo-row-open-svg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/eye.svg') no-repeat scroll 0px 0px;
    height: 15px;
    cursor: pointer;
    width: 15px;
}

kendo-row-edit-17-svg {
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/edit.svg') no-repeat scroll 0px 0px;
    height: 17px;
    cursor: pointer;
    width: 17px;
}

.line-1 {
    height: 10px;
    border: solid 1px #dde6e9;
    margin: 3px;
}

#txtSearch + .line-1,
.grid-search-text-box + .line-1 {
    margin-left: 2px;
    position: absolute;
    right: 56px;
    height: 19px;
    position: absolute;
    margin-top: 13px;
}

.search-grid-textbox-icon {
    display: inline-block;
    content: "";
    background: transparent url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/icon_search4.png') no-repeat scroll 0px 0px;
}
/************************OVERRIDE KENDO TOOLBAR CSS END************************/


/************************DROPDOWN  ICON CSS START************************/
.k-dropdown .k-dropdown-wrap .k-select .k-icon.k-i-arrow-60-down:before,
.k-combobox .k-dropdown-wrap .k-select .k-icon.k-i-arrow-60-down:before {
    content: url(/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/caret-black.svg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    right: 6px;
    margin-top: -4px;
}

.k-dropdown.k-state-border-down .k-dropdown-wrap .k-select .k-icon.k-i-arrow-60-down:before,
.k-combobox.k-state-border-down .k-dropdown-wrap .k-select .k-icon.k-i-arrow-60-down:before {
    content: url(/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/caret-black.svg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    right: 6px;
    margin-top: 0px
}

.grid-operation-span {
    padding: 5px;
}

body div.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button:last-child {
    color: #fff;
}
/************************DROPDOWN  ICON CSS END************************/


/************************TOOLTIP CSS START************************/
.custom-tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

    .custom-tooltip custom-.tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: #555;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        bottom: 125%;
        left: 50%;
        margin-left: -60px;
        opacity: 0;
        transition: opacity 0.3s;
    }

    .custom-tooltip .custom-tooltiptext::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #555 transparent transparent transparent;
    }
/************************TOOLTIP CSS END************************/


/************************OVERRIDE KENDO NESTED CHECKBOX START************************/
div .k-checkbox:indeterminate:hover + .k-checkbox-label:after {
    border-color: #96df73;
    background-color: #96df73;
}

#divCatalogProductMaintenanceContainer div.tree-bulk-edit-view .k-checkbox-label {
    margin-top: 4px;
}

.k-treeview-lines .k-checkbox-label {
    margin-top: 8px;
}

div .k-checkbox:indeterminate + .k-checkbox-label:after {
    background-color: #96df73;
    background-image: none;
    border-color: #96df73;
    border-radius: 0;
}

div .k-checkbox:indeterminate + .k-checkbox-label:before {
    border-color: #96df73;
}

div .k-checkbox:checked + .k-checkbox-label:before {
    background-color: #96df73;
    border-color: #96df73;
    color: #fff;
}

div .k-checkbox-label:before {
    border-color: #96df73;
    background: #fff;
    border-radius: 1px;
}
/************************OVERRIDE KENDO NESTED CHECKBOX END************************/


/************************FONT AWESOME CSS START************************/

/*!
 *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor: pointer;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
    font-size: 1.3333333333333333em;
    line-height: 0.75em;
    vertical-align: -15%;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.fa-5x {
    font-size: 5em;
}

.fa-fw {
    width: 1.2857142857142858em;
    text-align: center;
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.142857142857143em;
    list-style-type: none;
}

    .fa-ul > li {
        position: relative;
    }

.fa-li {
    position: absolute;
    left: -2.142857142857143em;
    width: 2.142857142857143em;
    top: 0.14285714285714285em;
    text-align: center;
}

    .fa-li.fa-lg {
        left: -1.8571428571428572em;
    }

.fa-border {
    padding: .2em .25em .15em;
    border: solid 0.08em #eeeeee;
    border-radius: .1em;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.fa.pull-left {
    margin-right: .3em;
}

.fa.pull-right {
    margin-left: .3em;
}

.fa-spin {
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(359deg);
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg);
    }

    100% {
        -o-transform: rotate(359deg);
    }
}

@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(359deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
    }
}

.fa-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.fa-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.fa-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.fa-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.fa-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: scale(1, -1);
    -moz-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    transform: scale(1, -1);
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}

.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}

.fa-stack-1x {
    line-height: inherit;
}

.fa-stack-2x {
    font-size: 2em;
}

.fa-inverse {
    color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
    content: "\f000";
}

.fa-music:before {
    content: "\f001";
}

.fa-search:before {
    content: "\f002";
}

.fa-envelope-o:before {
    content: "\f003";
}

.fa-heart:before {
    content: "\f004";
}

.fa-star:before {
    content: "\f005";
}

.fa-star-o:before {
    content: "\f006";
}

.fa-user:before {
    content: "\f007";
}

.fa-film:before {
    content: "\f008";
}

.fa-th-large:before {
    content: "\f009";
}

.fa-th:before {
    content: "\f00a";
}

.fa-th-list:before {
    content: "\f00b";
}

.fa-check:before {
    content: "\f00c";
}

.fa-times:before {
    content: "\f00d";
}

.fa-search-plus:before {
    content: "\f00e";
}

.fa-search-minus:before {
    content: "\f010";
}

.fa-power-off:before {
    content: "\f011";
}

.fa-signal:before {
    content: "\f012";
}

.fa-gear:before,
.fa-cog:before {
    content: "\f013";
}

.fa-trash-o:before {
    content: "\f014";
}

.fa-home:before {
    content: "\f015";
}

.fa-file-o:before {
    content: "\f016";
}

.fa-clock-o:before {
    content: "\f017";
}

.fa-road:before {
    content: "\f018";
}

.fa-download:before {
    content: "\f019";
}

.fa-arrow-circle-o-down:before {
    content: "\f01a";
}

.fa-arrow-circle-o-up:before {
    content: "\f01b";
}

.fa-inbox:before {
    content: "\f01c";
}

.fa-play-circle-o:before {
    content: "\f01d";
}

.fa-rotate-right:before,
.fa-repeat:before {
    content: "\f01e";
}

.fa-refresh:before {
    content: "\f021";
}

.fa-list-alt:before {
    content: "\f022";
}

.fa-lock:before {
    content: "\f023";
}

.fa-flag:before {
    content: "\f024";
}

.fa-headphones:before {
    content: "\f025";
}

.fa-volume-off:before {
    content: "\f026";
}

.fa-volume-down:before {
    content: "\f027";
}

.fa-volume-up:before {
    content: "\f028";
}

.fa-qrcode:before {
    content: "\f029";
}

.fa-barcode:before {
    content: "\f02a";
}

.fa-tag:before {
    content: "\f02b";
}

.fa-tags:before {
    content: "\f02c";
}

.fa-book:before {
    content: "\f02d";
}

.fa-bookmark:before {
    content: "\f02e";
}

.fa-print:before {
    content: "\f02f";
}

.fa-camera:before {
    content: "\f030";
}

.fa-font:before {
    content: "\f031";
}

.fa-bold:before {
    content: "\f032";
}

.fa-italic:before {
    content: "\f033";
}

.fa-text-height:before {
    content: "\f034";
}

.fa-text-width:before {
    content: "\f035";
}

.fa-align-left:before {
    content: "\f036";
}

.fa-align-center:before {
    content: "\f037";
}

.fa-align-right:before {
    content: "\f038";
}

.fa-align-justify:before {
    content: "\f039";
}

.fa-list:before {
    content: "\f03a";
}

.fa-dedent:before,
.fa-outdent:before {
    content: "\f03b";
}

.fa-indent:before {
    content: "\f03c";
}

.fa-video-camera:before {
    content: "\f03d";
}

.fa-picture-o:before {
    content: "\f03e";
}

.fa-pencil:before {
    content: "\f040";
}

.fa-map-marker:before {
    content: "\f041";
}

.fa-adjust:before {
    content: "\f042";
}

.fa-tint:before {
    content: "\f043";
}

.fa-edit:before,
.fa-pencil-square-o:before {
    content: "\f044";
}

.fa-share-square-o:before {
    content: "\f045";
}

.fa-check-square-o:before {
    content: "\f046";
}

.fa-arrows:before {
    content: "\f047";
}

.fa-step-backward:before {
    content: "\f048";
}

.fa-fast-backward:before {
    content: "\f049";
}

.fa-backward:before {
    content: "\f04a";
}

.fa-play:before {
    content: "\f04b";
}

.fa-pause:before {
    content: "\f04c";
}

.fa-stop:before {
    content: "\f04d";
}

.fa-forward:before {
    content: "\f04e";
}

.fa-fast-forward:before {
    content: "\f050";
}

.fa-step-forward:before {
    content: "\f051";
}

.fa-eject:before {
    content: "\f052";
}

.fa-chevron-left:before {
    content: "\f053";
}

.fa-chevron-right:before {
    content: "\f054";
}

.fa-plus-circle:before {
    content: "\f055";
}

.fa-minus-circle:before {
    content: "\f056";
}

.fa-times-circle:before {
    content: "\f057";
}

.fa-check-circle:before {
    content: "\f058";
}

.fa-question-circle:before {
    content: "\f059";
}

.fa-info-circle:before {
    content: "\f05a";
}

.fa-crosshairs:before {
    content: "\f05b";
}

.fa-times-circle-o:before {
    content: "\f05c";
}

.fa-check-circle-o:before {
    content: "\f05d";
}

.fa-ban:before {
    content: "\f05e";
}

.fa-arrow-left:before {
    content: "\f060";
}

.fa-arrow-right:before {
    content: "\f061";
}

.fa-arrow-up:before {
    content: "\f062";
}

.fa-arrow-down:before {
    content: "\f063";
}

.fa-mail-forward:before,
.fa-share:before {
    content: "\f064";
}

.fa-expand:before {
    content: "\f065";
}

.fa-compress:before {
    content: "\f066";
}

.fa-plus:before {
    content: "\f067";
}

.fa-minus:before {
    content: "\f068";
}

.fa-asterisk:before {
    content: "\f069";
}

.fa-exclamation-circle:before {
    content: "\f06a";
}

.fa-gift:before {
    content: "\f06b";
}

.fa-leaf:before {
    content: "\f06c";
}

.fa-fire:before {
    content: "\f06d";
}

.fa-eye:before {
    content: "\f06e";
}

.fa-eye-slash:before {
    content: "\f070";
}

.fa-warning:before,
.fa-exclamation-triangle:before {
    content: "\f071";
}

.fa-plane:before {
    content: "\f072";
}

.fa-calendar:before {
    content: "\f073";
}

.fa-random:before {
    content: "\f074";
}

.fa-comment:before {
    content: "\f075";
}

.fa-magnet:before {
    content: "\f076";
}

.fa-chevron-up:before {
    content: "\f077";
}

.fa-chevron-down:before {
    content: "\f078";
}

.fa-retweet:before {
    content: "\f079";
}

.fa-shopping-cart:before {
    content: "\f07a";
}

.fa-folder:before {
    content: "\f07b";
}

.fa-folder-open:before {
    content: "\f07c";
}

.fa-arrows-v:before {
    content: "\f07d";
}

.fa-arrows-h:before {
    content: "\f07e";
}

.fa-bar-chart-o:before {
    content: "\f080";
}

.fa-twitter-square:before {
    content: "\f081";
}

.fa-facebook-square:before {
    content: "\f082";
}

.fa-camera-retro:before {
    content: "\f083";
}

.fa-key:before {
    content: "\f084";
}

.fa-gears:before,
.fa-cogs:before {
    content: "\f085";
}

.fa-comments:before {
    content: "\f086";
}

.fa-thumbs-o-up:before {
    content: "\f087";
}

.fa-thumbs-o-down:before {
    content: "\f088";
}

.fa-star-half:before {
    content: "\f089";
}

.fa-heart-o:before {
    content: "\f08a";
}

.fa-sign-out:before {
    content: "\f08b";
}

.fa-linkedin-square:before {
    content: "\f08c";
}

.fa-thumb-tack:before {
    content: "\f08d";
}

.fa-external-link:before {
    content: "\f08e";
}

.fa-sign-in:before {
    content: "\f090";
}

.fa-trophy:before {
    content: "\f091";
}

.fa-github-square:before {
    content: "\f092";
}

.fa-upload:before {
    content: "\f093";
}

.fa-lemon-o:before {
    content: "\f094";
}

.fa-phone:before {
    content: "\f095";
}

.fa-square-o:before {
    content: "\f096";
}

.fa-bookmark-o:before {
    content: "\f097";
}

.fa-phone-square:before {
    content: "\f098";
}

.fa-twitter:before {
    content: "\f099";
}

.fa-facebook:before {
    content: "\f09a";
}

.fa-github:before {
    content: "\f09b";
}

.fa-unlock:before {
    content: "\f09c";
}

.fa-credit-card:before {
    content: "\f09d";
}

.fa-rss:before {
    content: "\f09e";
}

.fa-hdd-o:before {
    content: "\f0a0";
}

.fa-bullhorn:before {
    content: "\f0a1";
}

.fa-bell:before {
    content: "\f0f3";
}

.fa-certificate:before {
    content: "\f0a3";
}

.fa-hand-o-right:before {
    content: "\f0a4";
}

.fa-hand-o-left:before {
    content: "\f0a5";
}

.fa-hand-o-up:before {
    content: "\f0a6";
}

.fa-hand-o-down:before {
    content: "\f0a7";
}

.fa-arrow-circle-left:before {
    content: "\f0a8";
}

.fa-arrow-circle-right:before {
    content: "\f0a9";
}

.fa-arrow-circle-up:before {
    content: "\f0aa";
}

.fa-arrow-circle-down:before {
    content: "\f0ab";
}

.fa-globe:before {
    content: "\f0ac";
}

.fa-wrench:before {
    content: "\f0ad";
}

.fa-tasks:before {
    content: "\f0ae";
}

.fa-filter:before {
    content: "\f0b0";
}

.fa-briefcase:before {
    content: "\f0b1";
}

.fa-arrows-alt:before {
    content: "\f0b2";
}

.fa-group:before,
.fa-users:before {
    content: "\f0c0";
}

.fa-chain:before,
.fa-link:before {
    content: "\f0c1";
}

.fa-cloud:before {
    content: "\f0c2";
}

.fa-flask:before {
    content: "\f0c3";
}

.fa-cut:before,
.fa-scissors:before {
    content: "\f0c4";
}

.fa-copy:before,
.fa-files-o:before {
    content: "\f0c5";
}

.fa-paperclip:before {
    content: "\f0c6";
}

.fa-save:before,
.fa-floppy-o:before {
    content: "\f0c7";
}

.fa-square:before {
    content: "\f0c8";
}

.fa-bars:before {
    content: "\f0c9";
}

.fa-list-ul:before {
    content: "\f0ca";
}

.fa-list-ol:before {
    content: "\f0cb";
}

.fa-strikethrough:before {
    content: "\f0cc";
}

.fa-underline:before {
    content: "\f0cd";
}

.fa-table:before {
    content: "\f0ce";
}

.fa-magic:before {
    content: "\f0d0";
}

.fa-truck:before {
    content: "\f0d1";
}

.fa-pinterest:before {
    content: "\f0d2";
}

.fa-pinterest-square:before {
    content: "\f0d3";
}

.fa-google-plus-square:before {
    content: "\f0d4";
}

.fa-google-plus:before {
    content: "\f0d5";
}

.fa-money:before {
    content: "\f0d6";
}

.fa-caret-down:before {
    content: "\f0d7";
}

.fa-caret-up:before {
    content: "\f0d8";
}

.fa-caret-left:before {
    content: "\f0d9";
}

.fa-caret-right:before {
    content: "\f0da";
}

.fa-columns:before {
    content: "\f0db";
}

.fa-unsorted:before,
.fa-sort:before {
    content: "\f0dc";
}

.fa-sort-down:before,
.fa-sort-asc:before {
    content: "\f0dd";
}

.fa-sort-up:before,
.fa-sort-desc:before {
    content: "\f0de";
}

.fa-envelope:before {
    content: "\f0e0";
}

.fa-linkedin:before {
    content: "\f0e1";
}

.fa-rotate-left:before,
.fa-undo:before {
    content: "\f0e2";
}

.fa-legal:before,
.fa-gavel:before {
    content: "\f0e3";
}

.fa-dashboard:before,
.fa-tachometer:before {
    content: "\f0e4";
}

.fa-comment-o:before {
    content: "\f0e5";
}

.fa-comments-o:before {
    content: "\f0e6";
}

.fa-flash:before,
.fa-bolt:before {
    content: "\f0e7";
}

.fa-sitemap:before {
    content: "\f0e8";
}

.fa-umbrella:before {
    content: "\f0e9";
}

.fa-paste:before,
.fa-clipboard:before {
    content: "\f0ea";
}

.fa-lightbulb-o:before {
    content: "\f0eb";
}

.fa-exchange:before {
    content: "\f0ec";
}

.fa-cloud-download:before {
    content: "\f0ed";
}

.fa-cloud-upload:before {
    content: "\f0ee";
}

.fa-user-md:before {
    content: "\f0f0";
}

.fa-stethoscope:before {
    content: "\f0f1";
}

.fa-suitcase:before {
    content: "\f0f2";
}

.fa-bell-o:before {
    content: "\f0a2";
}

.fa-coffee:before {
    content: "\f0f4";
}

.fa-cutlery:before {
    content: "\f0f5";
}

.fa-file-text-o:before {
    content: "\f0f6";
}

.fa-building-o:before {
    content: "\f0f7";
}

.fa-hospital-o:before {
    content: "\f0f8";
}

.fa-ambulance:before {
    content: "\f0f9";
}

.fa-medkit:before {
    content: "\f0fa";
}

.fa-fighter-jet:before {
    content: "\f0fb";
}

.fa-beer:before {
    content: "\f0fc";
}

.fa-h-square:before {
    content: "\f0fd";
}

.fa-plus-square:before {
    content: "\f0fe";
}

.fa-angle-double-left:before {
    content: "\f100";
}

.fa-angle-double-right:before {
    content: "\f101";
}

.fa-angle-double-up:before {
    content: "\f102";
}

.fa-angle-double-down:before {
    content: "\f103";
}

.fa-angle-left:before {
    content: "\f104";
}

.fa-angle-right:before {
    content: "\f105";
}

.fa-angle-up:before {
    content: "\f106";
}

.fa-angle-down:before {
    content: "\f107";
}

.fa-desktop:before {
    content: "\f108";
}

.fa-laptop:before {
    content: "\f109";
}

.fa-tablet:before {
    content: "\f10a";
}

.fa-mobile-phone:before,
.fa-mobile:before {
    content: "\f10b";
}

.fa-circle-o:before {
    content: "\f10c";
}

.fa-quote-left:before {
    content: "\f10d";
}

.fa-quote-right:before {
    content: "\f10e";
}

.fa-spinner:before {
    content: "\f110";
}

.fa-circle:before {
    content: "\f111";
}

.fa-mail-reply:before,
.fa-reply:before {
    content: "\f112";
}

.fa-github-alt:before {
    content: "\f113";
}

.fa-folder-o:before {
    content: "\f114";
}

.fa-folder-open-o:before {
    content: "\f115";
}

.fa-smile-o:before {
    content: "\f118";
}

.fa-frown-o:before {
    content: "\f119";
}

.fa-meh-o:before {
    content: "\f11a";
}

.fa-gamepad:before {
    content: "\f11b";
}

.fa-keyboard-o:before {
    content: "\f11c";
}

.fa-flag-o:before {
    content: "\f11d";
}

.fa-flag-checkered:before {
    content: "\f11e";
}

.fa-terminal:before {
    content: "\f120";
}

.fa-code:before {
    content: "\f121";
}

.fa-reply-all:before {
    content: "\f122";
}

.fa-mail-reply-all:before {
    content: "\f122";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: "\f123";
}

.fa-location-arrow:before {
    content: "\f124";
}

.fa-crop:before {
    content: "\f125";
}

.fa-code-fork:before {
    content: "\f126";
}

.fa-unlink:before,
.fa-chain-broken:before {
    content: "\f127";
}

.fa-question:before {
    content: "\f128";
}

.fa-info:before {
    content: "\f129";
}

.fa-exclamation:before {
    content: "\f12a";
}

.fa-superscript:before {
    content: "\f12b";
}

.fa-subscript:before {
    content: "\f12c";
}

.fa-eraser:before {
    content: "\f12d";
}

.fa-puzzle-piece:before {
    content: "\f12e";
}

.fa-microphone:before {
    content: "\f130";
}

.fa-microphone-slash:before {
    content: "\f131";
}

.fa-shield:before {
    content: "\f132";
}

.fa-calendar-o:before {
    content: "\f133";
}

.fa-fire-extinguisher:before {
    content: "\f134";
}

.fa-rocket:before {
    content: "\f135";
}

.fa-maxcdn:before {
    content: "\f136";
}

.fa-chevron-circle-left:before {
    content: "\f137";
}

.fa-chevron-circle-right:before {
    content: "\f138";
}

.fa-chevron-circle-up:before {
    content: "\f139";
}

.fa-chevron-circle-down:before {
    content: "\f13a";
}

.fa-html5:before {
    content: "\f13b";
}

.fa-css3:before {
    content: "\f13c";
}

.fa-anchor:before {
    content: "\f13d";
}

.fa-unlock-alt:before {
    content: "\f13e";
}

.fa-bullseye:before {
    content: "\f140";
}

.fa-ellipsis-h:before {
    content: "\f141";
}

.fa-ellipsis-v:before {
    content: "\f142";
}

.fa-rss-square:before {
    content: "\f143";
}

.fa-play-circle:before {
    content: "\f144";
}

.fa-ticket:before {
    content: "\f145";
}

.fa-minus-square:before {
    content: "\f146";
}

.fa-minus-square-o:before {
    content: "\f147";
}

.fa-level-up:before {
    content: "\f148";
}

.fa-level-down:before {
    content: "\f149";
}

.fa-check-square:before {
    content: "\f14a";
}

.fa-pencil-square:before {
    content: "\f14b";
}

.fa-external-link-square:before {
    content: "\f14c";
}

.fa-share-square:before {
    content: "\f14d";
}

.fa-compass:before {
    content: "\f14e";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
    content: "\f150";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
    content: "\f151";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
    content: "\f152";
}

.fa-euro:before,
.fa-eur:before {
    content: "\f153";
}

.fa-gbp:before {
    content: "\f154";
}

.fa-dollar:before,
.fa-usd:before {
    content: "\f155";
}

.fa-rupee:before,
.fa-inr:before {
    content: "\f156";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
    content: "\f157";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
    content: "\f158";
}

.fa-won:before,
.fa-krw:before {
    content: "\f159";
}

.fa-bitcoin:before,
.fa-btc:before {
    content: "\f15a";
}

.fa-file:before {
    content: "\f15b";
}

.fa-file-text:before {
    content: "\f15c";
}

.fa-sort-alpha-asc:before {
    content: "\f15d";
}

.fa-sort-alpha-desc:before {
    content: "\f15e";
}

.fa-sort-amount-asc:before {
    content: "\f160";
}

.fa-sort-amount-desc:before {
    content: "\f161";
}

.fa-sort-numeric-asc:before {
    content: "\f162";
}

.fa-sort-numeric-desc:before {
    content: "\f163";
}

.fa-thumbs-up:before {
    content: "\f164";
}

.fa-thumbs-down:before {
    content: "\f165";
}

.fa-youtube-square:before {
    content: "\f166";
}

.fa-youtube:before {
    content: "\f167";
}

.fa-xing:before {
    content: "\f168";
}

.fa-xing-square:before {
    content: "\f169";
}

.fa-youtube-play:before {
    content: "\f16a";
}

.fa-dropbox:before {
    content: "\f16b";
}

.fa-stack-overflow:before {
    content: "\f16c";
}

.fa-instagram:before {
    content: "\f16d";
}

.fa-flickr:before {
    content: "\f16e";
}

.fa-adn:before {
    content: "\f170";
}

.fa-bitbucket:before {
    content: "\f171";
}

.fa-bitbucket-square:before {
    content: "\f172";
}

.fa-tumblr:before {
    content: "\f173";
}

.fa-tumblr-square:before {
    content: "\f174";
}

.fa-long-arrow-down:before {
    content: "\f175";
}

.fa-long-arrow-up:before {
    content: "\f176";
}

.fa-long-arrow-left:before {
    content: "\f177";
}

.fa-long-arrow-right:before {
    content: "\f178";
}

.fa-apple:before {
    content: "\f179";
}

.fa-windows:before {
    content: "\f17a";
}

.fa-android:before {
    content: "\f17b";
}

.fa-linux:before {
    content: "\f17c";
}

.fa-dribbble:before {
    content: "\f17d";
}

.fa-skype:before {
    content: "\f17e";
}

.fa-foursquare:before {
    content: "\f180";
}

.fa-trello:before {
    content: "\f181";
}

.fa-female:before {
    content: "\f182";
}

.fa-male:before {
    content: "\f183";
}

.fa-gittip:before {
    content: "\f184";
}

.fa-sun-o:before {
    content: "\f185";
}

.fa-moon-o:before {
    content: "\f186";
}

.fa-archive:before {
    content: "\f187";
}

.fa-bug:before {
    content: "\f188";
}

.fa-vk:before {
    content: "\f189";
}

.fa-weibo:before {
    content: "\f18a";
}

.fa-renren:before {
    content: "\f18b";
}

.fa-pagelines:before {
    content: "\f18c";
}

.fa-stack-exchange:before {
    content: "\f18d";
}

.fa-arrow-circle-o-right:before {
    content: "\f18e";
}

.fa-arrow-circle-o-left:before {
    content: "\f190";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
    content: "\f191";
}

.fa-dot-circle-o:before {
    content: "\f192";
}

.fa-wheelchair:before {
    content: "\f193";
}

.fa-vimeo-square:before {
    content: "\f194";
}

.fa-turkish-lira:before,
.fa-try:before {
    content: "\f195";
}

.fa-plus-square-o:before {
    content: "\f196";
}


/************************FONT AWESOME CSS START************************/


/************************OTHER CSS************************/
.No-information-avail {
    height: 80px;
    opacity: 0.6;
    font-size: 30px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #fff;
    text-align: center;
    color: #4a4a4a;
    display: block;
}

#standardMenuAccountSetting svg {
    padding-bottom: 3px;
}

.current-header-pane-text {
    color: #ababab
}

    .current-header-pane-text:last-child {
        color: #4a4a4a;
    }

.breadcrumb-text-separator {
    padding: 5px;
    font-size: 20px;
    margin-top: 39px;
    color: #ababab;
}

.delete-confirmation-grid-name {
    text-transform: uppercase;
    font-weight: bold;
}

label {
    font-weight: 500;
}

.clear {
    clear: both;
}

.k-header.k-grid-toolbar a.custom-grid-toolbar-btn, .k-header.k-grid-toolbar a.k-grid-excel {
    height: 58px;
    width: 71px;
}

.a.custom-grid-toolbar-btn:hover {
    background-color: #007bff !important;
    border: solid #007bff 4px !important;
    color: white !important;
}

.search-grid-icon {
    position: absolute;
    top: 20px;
    right: 30px;
}


body div .k-grid .k-header .k-button.k-grid-Import {
    display: block;
    height: 59px;
    width: 72px;
    padding: 7px 14px 10px 10px;
    border: none;
    border-right: 2px solid darkgray;
    background-color: #fff;
    color: #5c5c5c;
}

.k-filter-menu .k-textbox.k-space-right {
    padding-top: 0;
}

.record-is-active {
    color: #96df73;
    padding-left: 15px;
}

.record-is-inactive {
    color: #f8bf60;
    padding-left: 15px;
}

.k-grid-Import:before {
    content: url(/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/import.svg);
    margin: -40px;
    line-height: 3;
    padding: 31px;
    display: block;
}

.maintanence-page-header-text {
    color: #000;
    font-size: 25px;
    float: left;
    padding-top: 15px;
    padding-left: 11px;
}

.add-btn:disabled .add-btn-svg g path {
    fill: #d2d0d0;
}

div .k-grid-header .k-link .k-icon.k-i-sort-asc-sm,
div .k-grid-header .k-link .k-icon.k-i-sort-desc-sm {
    font-size: 20px;
    position: absolute;
    right: 0px;
}

.cloud-upload-svg {
    content: url(/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/cloud-upload-alt-solid.svg);
    height: 15px;
    width: 21px;
    cursor: pointer;
    display: inline-block;
}

div .k-grid .k-alt {
    background-color: #f1f1f1;
}

.kendo-header-index-opening-icon,
.kendo-header-index-closing-icon {
    content: url(/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/caret-white.svg);
    cursor: pointer;
    position: fixed;
    z-index: 999;
    background-color: rgb(0, 176, 242);
}

.k-grid.has-horizontal-scroll .k-grid-header th.k-header[data-index="0"],
.k-grid.has-horizontal-scroll .k-grid-header th.k-header:last-child {
    padding: 0px;
    vertical-align: top;
}

.kendo-header-index-opening-icon {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    padding: 20px 16px 16px 16px;
}

.kendo-header-index-closing-icon {
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    right: 3px;
    padding: 16px 17px 20px 16px;
}

div .k-grid-header .k-header-column-menu {
    padding: .714em;
    margin: -.786em 0 -.786em 0;
    padding-right: 0px;
    padding-left: 0px;
}

.k-pager-nav.k-pager-last,
.k-pager-nav.k-pager-first {
    display: none;
}

div .k-i-expand:before {
    content: url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/caret-black.svg');
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    right: 6px;
}

div .k-i-collapse:before {
    content: url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/caret-black.svg');
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    right: 6px;
}

div .k-edit-form-container .k-edit-buttons {
    background: #fff;
    border-style: none;
}

.hidden-overflow {
    overflow: hidden;
}

body .k-dialog .k-content {
    padding: .4em 1em 0.8em 1em;
}

/*Override textarea css for combinationn of textarea(with class k-textbox and floating-control) + floating label(withot any class like col-sm etc)*/
div div textarea.floating-control {
    border: none !important;
    padding-top: 0px !important;
    width: 100%;
    padding-left: 10px;
}

.wrap-floating-label-textarea-div {
    position: relative;
    padding-top: 30px;
    border: 1px solid #ebebeb;
}

.k-textbox:hover,
.k-textbox:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

div .k-numeric-wrap .k-i-warning {
    color: inherit;
    position: relative;
    display: inline-block;
    height: 1em;
    width: 1em;
    top: auto;
    right: auto;
}

body button, body html input[type=button], body input[type=reset], body input[type=submit] {
    cursor: url(/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/Curson_icon.svg) pointer;
}

/************************************************Project History CSS*************************************************/
.each-conversation-item-owner-when svg {
    position: relative;
    top: 8px;
}

.each-conversation-note-icon-span svg {
    height: 32px;
    width: 37px;
}

.each-conversation-update-icon-span img {
    background: transparent url(/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/Status_Update.svg) no-repeat scroll 0px 0px;
}

.each-conversation-pdf-icon-span img {
    background: transparent url(/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/Submit_Document.svg) no-repeat scroll 0px 0px;
}

.each-conversation-note-icon-span img {
    background: transparent url(/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/Notes.svg) no-repeat scroll 0px 0px;
}

.download-svg {
    content: url(/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/Download.svg);
    height: 15px;
    width: 21px;
    cursor: pointer;
    display: inline-block;
}

.selected-converstion-item {
    background-color: #d9f3fd;
}
.each-conversation-item-custom-operation-span {
    background: white;
    cursor: url(/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/Curson_icon.svg);
    position: absolute;
    top: 20px;
    right: 23px;
    padding: 5px;
    display: none;
}

div .no-conversation-exist {
    width: 100%;
    text-align: center;
    padding: 10px 10px;
}

div .each-conversation-item-outer {
    width: 100%;
    float: left;
    border-bottom: 1px solid #dddddd;
    padding-left: 10px;
    position: relative;
}

    div .each-conversation-item-outer.i-am-owner {
        float: right;
    }

    div .each-conversation-item-outer .each-conversation-item-owner-when {
        font-size: 75%;
        color: #7b7b7b;
    }    

    div .each-conversation-item-outer .each-conversation-item-content-inner div {
        font-size: 89%;
    }

    div .each-conversation-item-outer .each-conversation-item-content-inner a,
    div .each-conversation-item-outer .each-conversation-item-content-inner a:visited,
    div .each-conversation-item-outer .each-conversation-item-content-innert a:active {
        color: #295fdb;
        margin-left: 5px;
        text-decoration: underline;
    }

.selected-converstion-item {
    background-color: #d9f3fd;
}

div .no-conversation-exist {
    width: 100%;
    text-align: center;
    padding: 10px 10px;
}

div .each-conversation-item-outer {
    background-color: #F3F3F3;
    margin-top: 6px;
    padding: 6px 8px;
}    

div .each-conversation-item-outer .each-conversation-item-owner-when {
    font-size: 75%;
    color: #7b7b7b;
}
div .each-conversation-item-outer .each-conversation-item-content-inner div {
    font-size: 89%;
}

div .each-conversation-item-outer .each-conversation-item-content-inner a,
div .each-conversation-item-outer .each-conversation-item-content-inner a:visited,
div .each-conversation-item-outer .each-conversation-item-content-innert a:active {
    color: #295fdb;
    margin-left: 5px;
    text-decoration: underline;
}

.kendo-row-delete-svg {
    display: inline;
}
.selected-converstion-item .each-conversation-item-custom-operation-span {
    display: block;
}

div .project-summary-clock-icon-div {
    background: transparent url(/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/Clock.svg) no-repeat scroll 0px 0px;
    position: relative;
    top: 142px;
    height: 21px;
    right: -12px;
    width: 21px;
}

body div .k-pager-sizes .k-dropdown .k-state-default {
    height: inherit;
    border: 1px solid #dde6e9 !important;
}

.bulk-field .floating-control + label {
    left: 0px !important;
}

body div .asterisk {
    color: red;
    font-size: 15px;
}

/****************************************Scrollbar CSS*************************/
/*scrollbar*/
::-webkit-scrollbar {
    background: transparent;
    width: 5px !important;
    height: 5px !important;
}
::-webkit-scrollbar:hover {
    width: 10px !important;
    height: 10px !important;
}

/* Handle */
::-webkit-scrollbar-thumb {
    border-radius: 5px;
}

/*Handle on hover*/
::-webkit-scrollbar-thumb:hover {
    width: 10px !important;
    height: 10px !important;
}

::-webkit-scrollbar-corner {
    background: transparent;
}

/********************TRANSPARENT  SCROLLBAR THUMB**********************/

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

/********************BLUE  SCROLLBAR THUMB WHEN HOVERED INTO CONTENT**********************/
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 {
    border-radius: 5px;
}

/********************GREY  SCROLLBAR THUMB  WHEN HOVERED INTO CONTENT**********************/
.product-info-left:hover::-webkit-scrollbar-thumb,
#divProductInfoPricingDetails:hover::-webkit-scrollbar-thumb,
#divSummaryItemsContainer:hover::-webkit-scrollbar-thumb,
#divCatalogProductMaintenanceContainer #divTreeView:hover::-webkit-scrollbar-thumb,
#divOptionValueMaintenanceContainer #divTreeView:hover::-webkit-scrollbar-thumb {
    background-color: #9B9B9B;
    border: solid #9B9B9B 2px;
    border-radius: 5px;
}
#divShowRules {
    overflow-y: scroll;
    overflow-x: hidden;
}
#divShowRules .rule-header {
    font-weight: 700;
}

#divShowRules .rule-meta-data {
    padding-bottom: 5px;
}

#divShowRules .no-rule {
    color: white;
    background-color: #f99d9d;
    padding: 10px;
    border-radius: 3px;
    font-size: 16px;
}
.k-window-titlebar{
    cursor:move;
}
#divShowRulesDialog .check-header {
    margin-top: -10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid whitesmoke;
}

.header-navbar ul li {
    list-style-type: none;
}

.radio-style+span:before {
    content: " ";
    display: inline-block;
    position: relative;
    top: 5px;
    margin: 0 0 0 0;
    width: 17px;
    height: 16px;
    border-radius: 10px;
    background-color: transparent;
}
.radio-style:checked+span:after {
    border-radius: 11px;
    width: 11px;
    height: 11px;
    position: absolute;
    top: 8px;
    content: " ";
    display: block;
    left: 3.3px;
}

#divCategoryTreeLock .treeview-lock > img, #divOptionTreeLock .treeview-lock > img {
    background: url("../Images/lock-tree.svg") no-repeat 0 0;
}
#divCategoryTreeLock .treeview-unlock > img, #divOptionTreeLock .treeview-unlock > img {
    background: url("../Images/Drag_Unlocked.svg") no-repeat 0 0;
}

#divCategorySortControl .treeview-sort-numeric > img, #divOptionTreeLock .sort-by-order > img {
    background: url("../Images/Sort_Numeric.svg") no-repeat 0 0;
}
#divCategorySortControl .treeview-sort-alpha > img, #divOptionTreeLock .sort-alpha > img {
    background: url("../Images/alphabetical-sorting.svg") no-repeat 0 0;
}
#divHiddenStatus .treeview-id-shown > img {
    background: url("../Images/ID_View.svg") no-repeat 0 0;
}
#divHiddenStatus .treeview-id-hidden > img {
    background: url("../Images/additional-info.svg") no-repeat 0 0;
}
div .k-grid .k-header .k-button {
    background-color: #fff;
    color: #5c5c5c;
}
#divProjectRightPanel > ul > li.active path {
    fill: #fff;
}

#divProjectMaintGrid .k-header-column-menu.k-state-active:hover, #divProjectMaintGrid .k-header-column-menu.k-state-active {
    background: none;
}
.h-100{
    height: 100%;
}

.padding-top-10 {
    padding-top: 10px
}


.k-grid-content {
    height: calc(100% - 180px) !important;
}

/*Chnages made form success alert*/
body div#ajaxOperationMessageGlobalOuterDiv {
    text-align: center;
    /*background-color: #a4e9d7;*/
    background-color: #f3f3f3 !important;   
    width: auto;
    display: none;
    text-align: center;
    position: fixed;
    z-index: 9999999999;
    top: 2px;
    padding: 0 10px 3px 10px;
    position: absolute;
    width: auto;
    right: 0%;
    border: 2px solid #ffffff;
    height:44px;
    min-height: 44px;
}
    body div#ajaxOperationMessageGlobalOuterDiv .fa-check {
        margin-right: 10px;
        color: #00a800;
    }

    body div#ajaxOperationMessageGlobalOuterDiv > div {
        display: block;
        position: relative;
    }

    body div#ajaxOperationMessageGlobalOuterDiv > div > div {
        margin-top:7px;
        display:inline-flex;
    }

    body div#ajaxOperationMessageGlobalOuterDiv div#ajaxOperationMessageGlobalInnerDiv {
        display: inline-block;
        text-align: left;
        font-size: 14px;
    }

body .custom-alert-box-outer-div #alertMessageHeaderDiv #alertMessageHeaderText #alertMessageTypeLogo {
    display: inline-block;
    margin-right: 10px;
    vertical-align: sub;
}




/* FROM cpq-site-main.css*/
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;
}

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

.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-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-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;
}

/* 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-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-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-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: -1px;
    background-color: #2c2c32;
    color: #ffffff;
    z-index: 1000;
    margin-right: 15px;
}

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

#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: 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;
        }

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

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

#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: 18px;
}

.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: 6px 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;
}

.login-box {
    overflow: hidden;
    background: #2C2C32;
    display: none;
    position: absolute;
    right: 0;
    z-index: 9999;
    top: 44px;
    min-height: 500px;
    font-family: Roboto, Helvetica, sans-serif;
}
/* Add padding and border to inner content
    for better animation effect */
.login-box-inner {
    width: 600px;
    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;
    }

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

.login-box-inner .login-header {
    text-align: center;
    color: #808084;
    padding: 30px 0 30px 0;
    opacity: 0.4;
    color: #FFFFFF;
    font-size: 27px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 32px;
}

.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;
}

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

    .login-text-span img {
        height: 100%;
    }

#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: #fff;
    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: #fff;
    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: 150px;
    }
}

@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-image: url('/DesktopModules/PhaseAlphaDynamicModule/Resources/Includes/Images/AlphaCPQ/ACHeaderLogo.png');
    width: 260px;
    height: 40px;
    background-repeat: no-repeat;
    background-position-y: center;
}

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

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

#divProductDetails .k-tabstrip-items li.k-state-hover, #divProductDetails .k-tabstrip-items li.k-state-active {
    color: #007BFF;
    border-top: 3px solid #007BFF;
    margin-right: 4px;
}

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

#divProductDetails .k-tabstrip-items li.k-state-active .k-link, #divProductDetails .k-tabstrip-items li.k-state-hover .k-link, .add-btn {
    color: #007BFF;
}

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

#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: #000;
    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: #007BFF !important;
    color: #fff !important;
}

div .k-grid .k-button.k-grid-add {
    background-color: #007BFF !important;
    color: #fff !important;
}

.btn-default {
    background-color: #007BFF;
    border: 1px solid #007BFF !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;
}