@import url(font.css);
.sales-credit-class {
    border-right: 5px solid #F37A29;
    color: #F37A29 !important;
    font-family: Helvetica !important;
}

.sales-credit-class .navItemText {
    font-size: 16px;
    padding-left: 10px;
    margin: 0 0 0 0;
    color: #F37A29;
    margin: 0 0 0 0;
    padding-left: 25px;
    font-family: Helvetica !important;
}

.salesLinkActive {
    border-bottom: 5px solid #F37A29;
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 8px;
    color: black;
    font-family: Helvetica !important;
}

.sales-link {
    color: #A2A1A3;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 10px;
    font-family: Helvetica !important;
}

.labelContentStyle {
    color: #4A4A4A;
    font-family: Helvetica !important;
    font-size: 24px;
}

.attributeListStyle {
    color: #4A4A4A;
    font-family: Helvetica !important;
    font-size: 14px;
}

#categoryListStyle {
    margin: 10px;
    padding: 10px;
    border: 0.5px solid #508DCA;
    border-radius: 2px;
    background-color: #FFFFFF;
    box-shadow: 7px 10px 8px 0 rgba(117, 165, 177, 0.08);
}

.attribute_label_style {
    color: #9B9B9B;
    font-family: Helvetica !important;
    font-size: 14px;
    font-weight: bold;
}

#contentBorder {
    border-left: 4px solid #F5A623;
}

.newHeight {
    height: 300px;
}

.ruleHeader {
    color: #000000;
    font-family: Helvetica !important;
    font-size: 18px;
}

.labelHeader {
    color: #9B9B9B;
    font-family: Helvetica !important;
    font-size: 14px;
    font-weight: normal;
}

.labelValue {
    color: #4A4A4A;
    font-family: Helvetica !important;
    font-size: 18px;
    font-weight: normal;
}

#reviewMargin {
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 20px;
}

.ruleBorderClass {
    border: 0.5px solid #508DCA;
    border-radius: 2px;
    background-color: #FFFFFF;
    box-shadow: 7px 10px 8px 0 rgba(117, 165, 177, 0.08);
    margin: 15px;
    padding: 15px;
}

#startCalendar>.ui-datepicker .ui-widget .ui-widget-content .ui-helper-clearfix .ui-corner-all .ui-shadow {
    position: sticky;
    z-index: 1000;
    opacity: 1;
}


/* profile map css */

td div.yaxis {
    position: absolute;
    left: 1rem;
    bottom: 0.5rem;
    font-weight: bold;
    float: left;
}

td div.xaxis {
    position: absolute;
    float: right;
    right: 1rem;
    font-weight: bold;
    top: 0.5rem;
}

td.tableContent.diagonalFalling {
    background: linear-gradient(to right top, #fafafa calc(50% - 1px), #ddd, #fafafa calc(50% + 1px));
    position: relative !important;
}


/* ---- end of profile map css ----- */

.attribute_lov th,
.attribute_lov td {
    padding: 5px 5px;
}

.attribute_lov th a,
.attribute_lov td a {
    position: relative;
}

.attribute_lov th a i,
.attribute_lov td a i {
    position: absolute;
    top: -3px;
}

.mat-drawer-inner-container {
    overflow-x: hidden !important;
}

.imgIcon {
    padding-left: 0 !important;
}

.navItemTextHeading {
    color: #F37A29;
    font-weight: bold;
    font-size: 28px;
    font-family: Helvetica!important;
    padding-left: 10px;
    margin: 0;
}

.navItemTextShortHeading {
    color: #F37A29;
    font-size: 28px;
    width: 21px;
    font-family: Helvetica !important;
    font-weight: bold;
}

.navItemIcon {
    margin: 2px 5px 2px 0;
    float: left;
    padding: 0;
}

.navItemText {
    padding: 6px 2px 5px 10px;
    float: left;
    color: #4A4A4A;
    font-size: 16px;
    font-family: "Helvetica Neue", sans-serif;
    font-weight: 600;
    opacity: 0.5;
    width: 175px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
}

.sales-credit-class .navItemText {
    padding: 8px 2px 5px 15px;
    float: left;
    color: #F37A29;
    font-size: 16px;
    font-family: "Helvetica Neue", sans-serif;
    font-weight: 600;
    opacity: 1;
    width: 175px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mat-list .mat-list-item,
.mat-list .mat-list-option,
.mat-nav-list .mat-list-item,
.mat-nav-list .mat-list-option,
.mat-selection-list .mat-list-item,
.mat-selection-list .mat-list-option {
    height: 35px !important;
    margin: 5px auto;
}

.mat-list,
.mat-nav-list,
.mat-selection-list {
    padding-top: 5px !important;
}

#marginRight {
    margin-right: -3px;
}

.mat-checkbox-checked.mat-accent .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
    background-color: #508DCA !important;
}