/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(/ecpqui/aptCPQUI/assets/fonts/materialIcons.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  font-size: 1.0rem;
}

/* TODO determine if this style is reusable for multiple dialogs and refactor */
.main-cart-wrapper--overflow.main-cart-wrapper--header-fixed .basePrice-dialog-table th:first-child {
	position: relative;
	left: 0;
	width: 0;
	top: 0;
}

/* TODO refactor to get rid of need for this specific styling to one dialog */
.basePrice-dialog-table .main-cart-col {
	padding: 1rem;
}
/* Custom CSS to support Asset Based Ordering Views */
/* To be merged into main css before Code Freeze    */

/* BEGIN: Assets classes */
.sidebar-fixwidth {
	max-width: 350px;
}

.asset-align__check-box {
	display: inline-block !important;
	vertical-align: baseline;
}

.filter-text-label {
	display: inline-block;
	vertical-align: baseline;
	width: 35%;
}

.filter-text-input {
	display: inline-block !important;
	vertical-align: baseline;
	height: 20px;
	/* width: 90px; */
	width: 40%;
}

.filter-spacing {
	margin-bottom: 10px;
}

.filter-button-spacing {
	padding: 0.5rem !important;
	margin-bottom: 0.5rem;
	width: 5.5rem;
}

.filter__selection-container {
	width: inherit;
	max-height: 400px;
	overflow-y: scroll;
}

.filter__button-container {
	padding-top: 0.5rem;
	border-top: 1px solid #E3E3E3;
}

.filter-picklist-label {
	display: inline-block;
	vertical-align: baseline;
}

.action-button-spacing {
	padding: 0.5rem !important;
	margin-right: 0.5rem;
}

.context-menu-button-container {
	display: inline-block;
}

.context-menu-button-container .context-menu-button {
	white-space: nowrap;
}

.context-menu-button-container .context-menu-button .btn {
	margin-right: 0;
}

.context-menu-button-container .context-menu-button .tertiary {
	color: #fff;
}

.context-menu-button-container .context-menu-button .btn.main {
	border-radius: 5px 0 0 5px;
	height: 31px;
}

.context-menu-button-container .context-menu-button .btn.menu-toggle {
	border-radius: 0 5px 5px 0;
	padding: 0 .1rem;
	margin-left: -2px;
	height: 32px;
	min-width: auto;
	line-height: 30px;
	padding-left: 0px;
}

.context-menu-button-container .context-menu-button .btn.menu-toggle .fa-sort-desc {
	font-size: .9rem;
}

.context-menu-container {
	display: inline-block;
	padding: 5px 0;
	background-color: #fff;
	position: absolute;
	min-width: 180px;
	z-index: 10000;
	border: 1px solid #E3E3E3;
}

.context-menu-container li {
	padding: 7px 18px;
	font-size: .95rem;
	color: #44596C;
}

.context-menu-container li:hover {
	background-color: #E5F5FD;
}

.grey-top-border {
	border-top: 1px solid #E3E3E3
}

.grey-bottom-border {
	border-bottom: 1px solid #E3E3E3
}

.grey-lr-border {
	border-left: 1px solid #E3E3E3;
	border-right: 1px solid #E3E3E3
}

button.content-undo {
	content: "Undo";
}

button.content-clear {
	content: "Clear";
}

button.step-status-primary {
	background: #4BC077;
	color: #FFF;
	vertical-align: middle;
}

.item-disabled {
	color: #ADADAD !important;
}

.asset-action-button-spacing {
	padding: 0.5rem !important;
	margin-bottom: 0.5rem;
	margin-top: 0.5rem;
	margin-right: 1.0rem;
	min-width: 100px;
}

.main-asset-wrapper {
	width: 100%;
	padding: 0 1rem 2rem 1rem;
}

.main-asset-wrapper--header-fixed .asset-header {
	position: absolute;
	width: 100%;
	left: 0;
	padding-left: 1rem;
	padding-right: 1rem;
	z-index: 90000;
	top: 5.4rem;
}

.main-asset-wrapper.main-asset-wrapper--header-fixed {
	padding-top: 0;
}

.main-asset-wrapper--overflow.main-asset-wrapper--header-fixed .asset-label-row th {
	position: relative
}

.main-asset-wrapper--overflow.main-asset-wrapper--header-fixed .asset-label-row th>div:not(.fixed-label) {
	visibility: hidden
}

.main-asset-wrapper--overflow.main-asset-wrapper--header-fixed .asset-label-row th>div.fixed-label {
	background: #FFF;
	border-bottom: 1px solid #E3E3E3;
	display: initial;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 9000
}

.main-asset-wrapper--overflow.main-asset-wrapper--header-fixed .asset-label-row th:first-child>div {
	left: 1px
}

.main-asset-wrapper--overflow.main-asset-wrapper--header-fixed .asset-label-row th:first-child>div:after {
	background: #FFF;
	content: '';
	display: block;
	height: 100%;
	position: fixed;
	right: -2px;
	top: 0;
	width: 1px
}

.asset-inline-attr {
	margin-left: -10rem;
	margin-top: 3rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-right: 2rem;
	color: #2C99DC
}

.asset-label-row {
	font-size: .9rem;
	color: #44596C
}

.asset-label-row th {
	vertical-align: middle;
	text-align: left
}

.asset-label-row th>div {
	height: auto;
	padding: .65rem .5rem;
	white-space: nowrap
}

.main-asset-wrapper--overflow .main-asset-col:first-child>div {
	left: 0;
	position: absolute
}

.main-asset-wrapper--overflow .main-asset-col:first-child>div {
	border-bottom: 1px solid #E3E3E3;
}

.main-asset-wrapper--overflow .asset-label-row th>div {
	border-bottom: 1px solid #E3E3E3
}

.asset-label-row th:first-child>div {
	padding-left: 1rem
}

.main-asset-wrapper--overflow .asset-label-row th:first-child>div {
	border-right: 1px solid #E3E3E3;
	top: 0;
}

.asset-label-row th:first-child>div.fixed-label {
	display: none
}

.main-asset-wrapper--overflow.main-asset-wrapper--header-fixed .asset-label-row th:first-child {
	position: fixed;
	left: 1rem;
	width: 20.5rem;
	top: 2.2rem;
	z-index: 9995;
	background: #FFF
}

.main-asset-wrapper--overflow.main-asset-wrapper--header-fixed .asset-label-row th:first-child>div:not(.fixed-label) {
	background: #FFF;
	border-bottom: 1px solid #E3E3E3;
	display: initial;
	visibility: visible;
	padding-top: 0.45rem
}

.asset-line-item-row .asset-submenu--optionlines,
.asset-line-item-row>td>div>div>ul:not(.asset-chargelines),
.asset-line-item-row>td>ul:not(.asset-chargelines),
.main-asset-wrapper--overflow.main-asset-wrapper--header-fixed .asset-label-row th:first-child>div.fixed-label {
	display: none;
}

.asset-line-item-row {
	background: #F7F8F9;
	border: 1px solid #E3E3E3;
	color: #44596C;
	font-size: .9rem;
}

.asset-charge-line-col,
.asset-option-line-col {
	border-top: 1px solid #E3E3E3;
}

.asset-line-item-row:last-child {
	border-bottom: none;
}

.asset-line-item-row:nth-child(2n+2) {
	background: #FFF;
}

.asset-line-item-name .fa-ellipsis-v {
	position: absolute;
	left: 1.1rem;
	top: 45%;
	color: transparent
}

.asset-line-item-name .primary-attrs {
	color: #2c99dc;
	font-weight: bold;
	font-size: 14px;
	width: 15rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.assets-grid--paginator {
	justify-content: flex-end;
	align-items: center;
	height: 100%;
}

assets-grid-paginator .assets-grid--paginator .assets-grid--paginator-control-input {
	border: none;
	border-bottom: 1px solid #6D707D;
	border-radius: 0;
	text-align: center;
	width: 50px;
	padding: 0;
}

assets-grid-paginator .assets-grid--paginator .page-numbers {
	height: 40px;
}

assets-grid-paginator .assets-grid--paginator .page-numbers i[disabled='disabled'] {
	color: #cbc5c5;
}

assets-grid-paginator .assets-grid--paginator .page-numbers i:before {
	font-size: 1.4rem;
	line-height: 40px;
}

assets-grid-paginator .assets-grid--paginator .total-items {
	align-self: flex-end;
}

.assets-grid--inCartAssets {
	margin-left: 1rem;
}

.assets-grid--inCartAssets h3 span {
	color: #2093DA;
}

.asset-gird-product {
	padding-top: 20px;
}

.asset-grid-product-line {
	float: left;
}

.asset-grid-charge-line {
	cursor: default;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.asset-grid--row {
	padding-top: 1rem;
}

.asset-grid--attributes {
	margin: 0.4rem 0 0 2.1rem;
}

.asset-grid--inline-attr {
	margin-top: 0.5rem;
	margin-left: 0.5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.asset-grid--attrName {
	color: rgb(153, 153, 153);
}

.layout--leftcol.assets-grid-left-layout .sidebar-fixwidth {
	width: 25%;
}

.assets-grid-left-layout .block-find-products button {
	top: 0.25rem;
	right: 0;
}

.assets-fieldtype-wrapper--QUANTITY,
.assets-fieldtype-wrapper--CURRENCY,
.assets-fieldtype-wrapper--DOUBLE,
.assets-fieldtype-wrapper--PERCENT {
	text-align: left;
	text-align: -webkit-left;
	text-align: -moz-left;

}

.assets-fieldtype-wrapper--DATE,
.assets-fieldtype-wrapper--PICKLIST {
	text-align: left;
	text-align: -webkit-left;
	text-align: -moz-left
}

.layout--leftcol .assets-main-content {
	float: left;
	width: 75.0%;
	box-sizing: border-box;
	padding: 0.7rem;
	padding-left: 0.1rem;
}

i.asset-line-item--expandable,
i.ss-pika.asset-line-item--expandable {
	font-family: SSPika;
	font-style: normal;
	font-weight: 400;
	text-decoration: none;
	text-rendering: optimizeLegibility;
	white-space: nowrap;
	-moz-font-feature-settings: "liga=1";
	-moz-font-feature-settings: "liga";
	-ms-font-feature-settings: "liga" 1;
	-o-font-feature-settings: "liga";
	-webkit-font-feature-settings: "liga";
	font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased
}

i.asset-line-item--expandable:before,
i.right.asset-line-item--expandable:after {
	content: '\25B9'
}

.is--open>.asset-line-item-name i.asset-line-item--expandable:before,
.is--open>.asset-line-item-name i.right.asset-line-item--expandable:after,
.is--open>.asset-option-line-name i.asset-line-item--expandable:before,
.is--open>.asset-option-line-name i.right.asset-line-item--expandable:after,
.select-override:before,
.asset-line-item-row.is--open i.asset-line-item--expandable:before,
.ss-dropdown.right:after,
.ss-dropdown:before {
	content: '\25BE'
}

.asset-header__asset-title h1 i.asset-line-item--expandable {
	font-size: 1rem;
	margin-right: .75rem
}

.asset-charge-label {
	padding-left: 0.8rem;
	font-size: 90%;
}

.asset-option-line-col,
td:first-child .asset-option-line-col {
	background: inherit
}

td:first-child .asset-charge-line-col {
	padding-left: 2rem;
	font-size: 1rem;
	color: #86939F
}

td:nth-child(2) .asset-charge-line-col {
	padding-left: 0
}

td:first-child .asset-option-line-col .asset-fieldtype-wrapper,
td:nth-child(2) .asset-option-line-col>div {
	padding-left: 0
}

/*.main-asset-wrapper--overflow td:nth-child(2) .asset-option-line-col>div {
  padding-left: .5rem
}
*/

.main-asset-wrapper--overflow .asset-line-item-row {
	border-left: none
}

.main-asset-col {
	vertical-align: top;
	text-overflow: ellipsis;
	overflow: hidden;
}

.asset-label-row .main-asset-col label,
.main-asset-col p {
	display: block;
	min-width: 5.1rem;
	margin: 0;
	text-align: center;
}

th.main-asset-col:first-child label {
	padding-left: 2rem;
	text-align: left;
}

th.main-asset-col:first-child label:before {
	content: '#';
	position: absolute;
	left: 1rem;
	border-right: 1px solid #ccc;
	height: 100%;
	top: 0;
	width: 1.2rem;
	padding-top: 0.7rem;
}

.ramp-Col th.main-asset-col:first-child label:before {
	content: 'Add';
	position: absolute;
	left: 1rem;
	border-right: 1px solid #ccc;
	height: 100%;
	top: 0;
	width: 2.9rem;
	padding-top: 0.7rem;
}

.main-asset-col .asset-fieldtype-wrapper {
	height: 4.0rem;
	padding: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
}

.main-asset-col .asset-fieldtype-wrapper input {
	display: inline-block;
	font-size: .9rem;
	max-width: 6rem;
	text-align: center;
	width: 100%
}

.main-asset-col dynamic-field {
	width: 100%;
	padding-right: 1.0rem;
	text-align: right;
}

.main-asset-col .asset-fieldtype-wrapper input[type=number] {
	max-width: 3rem
}


.main-asset-col .asset-fieldtype-wrapper [contentEditable] {
	font-size: .9rem
}

.main-asset-col .asset-fieldtype-wrapper .select-override {
	width: auto
}

.main-asset-col .asset-fieldtype-wrapper.asset-fieldtype-wrapper--DETAIL {
	padding-right: 0;
	border-right: 1px solid #E3E3E3
}

.main-asset-col:first-child {
	background: inherit;
}

.main-asset-col:first-child>div .asset-line-item--expandable {
	color: #44596C;
	cursor: pointer;
	width: 1rem;
	font-size: 1rem
}

.main-asset-col:first-child>div .asset-line-item--expandable:before {
	margin: 0;
	text-align: left
}

.main-asset-container {
	width: 100%;
	overflow-y: hidden;
	overflow-x: auto;
}

.main-asset-container tbody tr:nth-child(odd) {
	background: #F7F8F9
}

.main-asset-wrapper--overflow .main-asset-container {
	margin-left: 20.5rem;
}

.main-asset-content-header {
	position: fixed;
	width: 100%;
	left: 0;
	padding-left: 1rem;
	padding-right: 1rem;
	z-index: 10000;
	top: 0
}

.main-asset-content-footer {
	position: fixed;
	width: 100%;
	width: 100%;
	left: 0;
	padding-left: 1rem;
	padding-right: 1rem;
	z-index: 10000;
	top: 0;
	border-radius: 0 0 5px 5px;
}

/* --- x --- */

.main-asset-header__asset-actions {
	height: 3rem;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background: #FFF;
	border: 1px solid #E3E3E3;
	border-top: none;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 1rem;
	position: relative
}

.main-asset-header__asset-actions .button-row {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 100%;
	margin-left: 20px;
}

.cancel-assets-listitem {
	/*margin-left: 1.0rem*/
}

.cancel-assets__name-title {
	margin-left: 1.0rem;
	font-weight: bold;
}

.asset-header__asset-title {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background: #FFF;
	border-radius: 5px 5px 0 0;
	height: 4rem;
	border: 1px solid #E3E3E3;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 1rem 1rem 0
}

.asset-line-item-row .submenu--optionlines,
.asset-line-item-row>td>div>div>ul:not(.chargelines),
.asset-line-item-row>td>ul:not(.chargelines),
.main-asset-wrapper--overflow.main-asset-wrapper--header-fixed .asset-label-row th:first-child>div.fixed-label {
	display: none
}

.asset-line-item-row:first-child {
	border-top: none
}

.charge-line-col,
.option-line-col {
	border-top: 1px solid #E3E3E3;
}

.change-quantity .charge-line-col,
.change-quantity .option-line-col {
	border-bottom: 1px solid #E3E3E3;
}

.asset-line-item-row:last-child {
	border-bottom: none
}

.asset-line-item-row:nth-child(2n+2) {
	background: #FFF
}

.asset-line-item-name .fa-ellipsis-v {
	position: absolute;
	left: 1.1rem;
	top: 45%;
	color: transparent
}

.asset-line-item-row .asset-line-item-row--draggable:before {
	border-right: 1px solid #CCC;
	content: '';
	cursor: -webkit-grab;
	cursor: grab;
	display: block;
	height: 100%;
	width: 2.2rem;
	left: 0;
	position: absolute;
	top: 0;
}

.asset-line-item-row .asset-line-item-row--draggable:hover:before {
	border: 2px dotted #D5D6D7;
	content: '';
	cursor: -webkit-grab;
	cursor: grab;
	display: block;
	height: 100%;
	width: 2.2rem;
	background-color: #2A94D7;
	opacity: 0.3;
}

.asset-line-item-row .asset-line-item-row--draggable:after {
	content: '';
	height: 2.0rem;
	width: 1.8rem;
	top: 0.2rem;
	left: 0.2rem;
	position: absolute;
	cursor: -webkit-grab;
	cursor: grab;
}

.asset-line-item-row .asset-line-item-row--draggable:hover~.fa-ellipsis-v {
	color: #FFF
}


.asset-line-item-row[draggable="true"],
.asset-line-item-row[draggable="true"] .charge-line-col {
	background: #EEF7FC;
}

.asset-line-item-row[draggable="true"] .asset-line-item-name .fa-ellipsis-v {
	color: #2A94D7;
}

.asset-line-item-row[draggable=true] .asset-line-item-row--draggable:before {
	cursor: -webkit-grabbing;
	cursor: grabbing
}

.asset-line-item-row .is--open>.submenu--optionlines,
.asset-line-item-row.is--open>td>div>div>ul,
.asset-line-item-row.is--open>td>ul {
	display: block
}

.main-asset-container .change-asset__table {
	width: 100%;
}

.main-asset-container--positioning {
	background: #FFF;
	border-radius: 0 0 5px 5px;
	border-top: none;
	overflow: auto;
	position: relative;
}

.main-asset-container__depricated {
	overflow-y: visible;
	/*overflow-x: scroll*/
	min-height: 250px;
	/* explore a better way to do this */
	border-bottom: 1px solid #E3E3E3;
	/*padding: 1.0rem;*/
}

.main-asset-container-swap {
	overflow-y: visible;
	/*overflow-x: scroll*/
	min-height: 250px;
	/* explore a better way to do this */
	border-bottom: 1px solid #E3E3E3;
	padding: 1.0rem;
}

.cancel-asset__table-container {
	border-bottom: 1px solid #AAA;
	width: 100%;
	/*padding-left: 1.0rem;*/
	/*padding-top: 0.5rem;*/
	/*padding-bottom: 0.5rem;*/
}

.cancel-asset__table-container th:first-child {
	font-size: 1.0rem;
	background-color: #E7F6FF;
	font-size: 1.0rem;
	border-bottom: 1px solid #ACDFFF;
	border-right: 1px solid #ACDFFF;
}

.main-asset-container-header {
	height: 3rem;
	padding-left: 1rem;
	display: flex;
	align-items: center;
	margin-bottom: 5px;
}

.main-asset-container-footer {
	height: 3.0rem;
	padding-left: 1rem;
	margin-bottom: 3rem;
}

.asset-actions-text-label {
	display: inline-block;
	vertical-align: baseline;
	/*width: 35%;*/
	margin-right: 0.5rem;
}

.asset-actions-text-input {
	display: inline-block !important;
	vertical-align: baseline;
	height: 20px;
	/* width: 90px; */
}

.asset-state__header-container {
	display: flex;
	padding: 0.75rem;
	align-items: center;
}

.asset-state__header-border {
	border-bottom: 1px solid #ACDFFF;
}

.asset-state__header-text {
	color: #404040;
	font-size: 1.50rem;
	font-weight: bold;
	padding-left: 1.0rem;
}

.asset-state__contest-text {
	color: #404040;
	font-size: 1.0rem;
}

.asset__font-semibold {
	font-weight: 500;
}

.asset__font-bold {
	font-family: FiraSansBold;
}

.cancel-asset__toggle {
	font-size: .75rem;
	line-height: 1;
	color: #1C78B1;
	margin-left: 0.25rem;
}

.asset-action__effective-date {
	display: inline-block;
	margin-right: 0.5rem;
	vertical-align: baseline;
	margin-left: 7.8rem;
}

.asset-action-suspend-resume-date {
	display: inline-block;
	margin-right: 0.5rem;
	vertical-align: baseline;
}

.main-asset-container-header textarea {
	border: 1px solid #E3E3E3;
	resize: none;
	height: 3rem;
}

.asset-action__fields .ands-checkbox .md-icon {
	border: 1px solid #E3E3E3 !important;
	margin-top: 8px;
}

.asset-action__effective-date input {
	height: 2.0rem;
	width: 7.0rem;
	vertical-align: baseline;
}

.asset-cancel__table-header {
	color: #CCCCCC;
	font-weight: 500;
	font-size: 1.50rem;
}

.asset-cancel__table-header-spacing {}

/*.asset-cancel__table-title pricing-delta:first-child {
  border-top: 1px solid #ACDFFF;
}*/

.asset-cancel__option-name-container {
	width: 100%;
	height: 2.0rem;
	background-color: #ACDFFF;
	padding-top: 0.3rem;
}

.asset-cancel__option-name-span {
	width: 100%;
	font-weight: 500;
	font-size: 1.0rem;
	padding: 10px 7px 5px 7px;
}

.asset-cancel__table-title,
.asset-confirm__table-title {
	margin-top: 1.0rem;
	margin-bottom: 1.0rem;
	margin-left: 0.5rem;
	margin-right: 1.0rem;
	border: 1px solid #DDD;
	box-shadow: 7px 7px 7px 0px #E4E4E4;
	border-radius: 4px;
}

.asset-cancel__table-min,
.asset-confirm__table-min {
	width: 50%;
	min-width: 15rem;
}


.input-invalid {
	border: 1px #F00;
}

/*Override application.css */
th.main-asset-col:first-child label:before {
	content: '';
	position: absolute;
	left: 1rem;
	border-right: none;
	height: 100%;
	top: 0;
	width: 1.2rem;
	padding-top: 0.7rem;
}

/* charge type col styles */
.main-asset-col .asset-charge-line-col p {
	font-size: 0.9rem
}

.main-asset-col:first-child>div .asset-charge-line-col {
	margin-left: 2.2rem;
	/*padding-left: 3rem*/
}

.main-asset-col:first-child>div .asset-line-item-name,
.main-asset-col:first-child>div .asset-option-line-name {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background: inherit;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 4.0rem;
}

.main-asset-col:first-child>div {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background: inherit;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	padding-left: 0;
	width: 20.5rem;
	height: auto
}

.main-asset-col:first-child>div .checkbox-override {
	margin-right: .8rem;
	width: 1.2rem;
	margin-left: 0.7rem;
}

.main-asset-col:first-child>div .checkbox-override>label {
	margin: 0
}

.main-asset-col:first-child>div>div {
	padding-right: 0;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: block;
	width: 100%
}

.main-asset-col:first-child>div .pbBody .dataCol,
.main-asset-col:first-child>div h3,
.pbBody .main-asset-col:first-child>div .dataCol {
	font-size: 0.9rem;
	margin: 0;
	line-height: 1.125rem;
	vertical-align: baseline;
	display: block;
}

.main-asset-col:first-child>div .asset-option-line-name h3 {
	font-size: 0.9rem;
	margin-left: 2.5rem;
}

.main-asset-col:first-child>div .pbBody .dataCol span,
.main-asset-col:first-child>div h3 span,
.pbBody .main-asset-col:first-child>div .dataCol span {
	color: #2093DA;
	cursor: pointer;
	-webkit-transition: color .2s ease-in;
	transition: color .2s ease-in
}

.main-asset-col:first-child>div .pbBody .dataCol span:hover,
.main-asset-col:first-child>div h3 span:hover,
.pbBody .main-asset-col:first-child>div .dataCol span:hover {
	color: #334A60
}

/*.main-asset-col:first-child>div ul li ul li .asset-option-line-name {
  padding-left: 1.5rem;
}*/

.main-asset-col:first-child>div ul li ul li .asset-line-item-name,
.main-asset-col:first-child>div ul li ul li .asset-option-line-name {
	padding-left: 2.6rem;
}

.main-asset-col .asset-fieldtype-wrapper.asset-fieldtype-wrapper--QUANTITY input,
.main-asset-col .asset-fieldtype-wrapper.asset-fieldtype-wrapper--CURRENCY input,
.main-asset-col .asset-fieldtype-wrapper.asset-fieldtype-wrapper--QUANTITY div,
.main-asset-col .asset-fieldtype-wrapper.asset-fieldtype-wrapper--CURRENCY div,
.asset-fieldtype-wrapper--QUANTITY div,
.asset-fieldtype-wrapper--QUANTITY input,
.asset-fieldtype-wrapper--CURRENCY div,
.asset-fieldtype-wrapper--CURRENCY input {
	text-align: right;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	width: 100%;
	padding-right: 0rem;
}

.asset-charge-line-col,
.asset-option-line-col .asset-fieldtype-wrapper {
	display: -webkit-box;
	height: 2.5rem;
	-webkit-box-align: center
}

.asset-charge-line-col .asset-fieldtype-wrapper,
.asset-option-line-col .asset-fieldtype-wrapper {
	/*display: -webkit-box;
  height: 2.5rem;
  -webkit-box-align: center*/
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	/*padding: 0 .5rem;*/
	width: 100%
}

.asset-charge-line-col {
	border-top: 1px solid #E3E3E3;
	background: #F0F2F4;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

td:first-child .asset-charge-line-col {
	padding-left: 2rem;
	font-size: 1rem;
	color: #86939F;
	background: inherit;
}

td:nth-child(2) .asset-charge-line-col {
	padding-left: 0
}

.asset-renew__contract-end-date-wrap,
.asset-renew__end-date-wrap,
.asset-renew__date-wrap {
	padding: 15px 0 0 15px;
}

.asset-renew__contract-end-date-wrap input[type=radio],
.asset-renew__end-date-wrap input[type=radio],
.asset-renew__date-wrap input[type=radio],
.asset-renew__date-wrap {
	margin-right: 5px;
}

.asset-cancel__info-table {
	/*
    border-radius: 5px;
    color: #666;
    border-collapse: separate;
    border-spacing: 0;
    padding: 0;
    margin: 0;
    */
	width: 100%;
}

.asset-cancel__header-height {
	height: 5rem !important;
}

.asset-cancel__info-table tbody tr td {
	padding: 12px 7px;
	text-align: right;
}

.asset-cancel__info-table thead tr th {
	padding: 10px 7px 5px 7px;
}

.asset-cancel__info-table thead tr.last-head-row th {
	padding: 0px 7px 7px 7px;
}

.asset-cancel__info-table th {
	text-align: right;
	font-weight: 500;
	color: #505050;
}

.asset-cancel__info-table .last-head-row th {
	border-bottom: solid 1px #E4E4E4;
}

/* column specific widths */
.asset-cancel__table-nodes tbody tr:nth-child(odd) {
	background-color: #f7f8f8;
}

.asset-cancel__table-nodes tbody td {
	border-top: solid 1px #e5e3e0;
	text-align: right;
	color: #505050;
}

.asset-cancel__table-nodes thead th:nth-child(1),
.asset-cancel__table-nodes thead th:nth-child(2),
.asset-cancel__table-nodes thead th:nth-child(3),
.asset-cancel__table-nodes thead th:nth-child(4) {
	width: 200px;
}

.asset-cancel__exp-coll {
	height: 1.5rem;
	vertical-align: middle;
	padding-top: 0.25rem;
	padding-left: 1rem;
	position: relative;
	top: 10px
}

.asset-action__field-container {
	width: 445px;
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.asset-actions-field-label {
	flex: 1;
}

.asset-action__fields {
	flex: 1;
}

/* Swap State Styles */
.asset-swap-confirm__info-table {
	/*
    border-radius: 5px;
    color: #666;
    border-collapse: separate;
    border-spacing: 0;
    padding: 0;
    margin: 0;
    */
	width: 100%;
	font-size: 0.85rem;
}

.asset-swap-confirm__info-table tbody tr td {
	padding: 12px 7px;
	text-align: right;
}

.asset-swap-confirm__info-table thead tr th {
	padding: 10px 7px 5px 7px;
}

.asset-swap-confirm__info-table thead tr.last-head-row th {
	padding: 0px 7px 7px 7px;
}

.asset-swap-confirm__info-table th {
	text-align: right;
	font-weight: 500;
	color: #505050;
}

.asset-swap-confirm__info-table .last-head-row th {
	border-bottom: solid 1px #E4E4E4;
}

.asset-swap-confirm__table-nodes tbody tr:nth-child(odd) {
	background-color: #f7f8f8;
}

.asset-swap-confirm__table-nodes tbody td {
	border-top: solid 1px #e5e3e0;
	text-align: right;
	color: #505050;
}

.asset-swap-confirm__table-nodes thead th:nth-child(2) {
	background-color: #ECF8F0;
	border-top: 1px solid #A3E0BA;
	border-right: 1px solid #A3E0BA;
	border-left: 1px solid #A3E0BA;
	border-bottom: solid 1px #E4E4E4;
}

.asset-swap-confirm__table-nodes tbody td:nth-child(2) {
	background-color: #ECF8F0;
	border-top: none;
	border-right: 1px solid #A3E0BA;
	border-left: 1px solid #A3E0BA;
	border-bottom: solid 1px #E4E4E4;
}

.asset-swap-confirm__table-nodes tbody tr:nth-last-child(1) td:nth-child(2) {
	background-color: #ECF8F0;
	border-top: none;
	border-right: 1px solid #A3E0BA;
	border-left: 1px solid #A3E0BA;
	border-bottom: 1px solid #A3E0BA;
}

.asset-swap-confirm__table-nodes tbody tr:nth-last-child(1) {
	font-weight: 500;
}

.asset-swap-confirm__table-nodes thead th:first-child {
	width: 200px;
}

.asset-swap-confirm__table-nodes thead th:nth-child(2) {
	width: 175px;
}

.asset-swap-confirm__table-nodes thead th:nth-child(3) {
	width: 175px;
}

.asset-swap-confirm__table-nodes thead th:nth-child(4) {
	width: 125px;
}


table.asset-swap__primary-table {
	border-collapse: separate;
	border-spacing: 20px;
	overflow: scroll;
}

td.asset-swap__primary-col {
	/*border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;*/
	border-radius: 5px;
	border: 1px solid #E4E4E4;
	background-color: #FFF;
	width: 200px;
}

td.asset-swap__primary-col:first-child {
	background-color: #ECF8F0;
	border-color: #A3E0BB;
}

.asset-swap__primary-col div {
	height: 80px;
	padding-top: 20px;
	text-align: center;
	border-bottom: 1px solid;
	border-color: inherit;
}

.asset-swap__primary-col div {
	font-weight: 500;
	color: #666;
	font-size: 1.25rem;
}

.asset-swap__primary-hl {
	color: #3ABE6D !important;
}

.asset-swap__col-top {
	height: 88px !important;
	padding-top: 35px !important;
	text-align: inherit;
}

.main-asset-container .displayAttributes {
	margin-left: 21%;
}

.main-asset-container .displayOptionAttributes {
	margin-left: 21%;
}

.main-asset-container .attributeName {
	color: rgb(153, 153, 153);
}

.main-asset-container .attributeName,
.main-asset-container .attributeValue {
	font-size: 0.9em;
	max-width: 50%;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 0.5em;
	white-space: nowrap;
}

.main-asset-container .attributeName {
	float: left;
	clear: left;
}

/*
.asset-swap__col-reg {
  height: 80px;
  padding-top: 20px;
  text-align: center;
}
*/

.asset-swap__col-bottom {
	min-height: 120px;
	padding: 20px 10px 20px 10px;
	text-align: center;
	border: none !important;
}

.asset-swap__col-bottom span {
	font-family: FiraSansRegular !important;
	font-size: 0.85rem !important;
}


.asset-summary__header {
	padding: 1.0rem;
	display: inline-block;
	border-bottom: 1px solid #E3E3E3;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.asset-summary__header span {
	font-family: FiraSansBold !important;
	font-size: 1.5rem !important;
}

.asset-summary__content {
	padding: 1.0rem;
	display: block;
}

.asset-summary__content span {
	font-weight: 500 !important;
	font-size: 0.85rem !important;
}

.asset-no-records {
	width: 100%;
	margin: 1% 0 0 40%;
}

/*application.css override*/
.option-line-name {
	padding-left: 0.25rem;
}

.change-quantity-option-line-indented {
	padding-left: 1.5rem;
}

/* END: Assets classes */

/* Spinner Style */
/* Absolute Center CSS Spinner */

.loading-local {
	position: fixed;
	z-index: 30000;
	height: 2em;
	width: 2em;
	overflow: show;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.loading-local:before {
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	/*width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);*/
}

.loading-local:not(:required) {
	/* hide "loading..." text */

	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}

.loading-local:not(:required):after {
	content: '';
	display: block;
	font-size: 10px;
	width: 1em;
	height: 1em;
	margin-top: -0.5em;
	-webkit-animation: spinner 1500ms infinite linear;
	-moz-animation: spinner 1500ms infinite linear;
	-ms-animation: spinner 1500ms infinite linear;
	-o-animation: spinner 1500ms infinite linear;
	animation: spinner 1500ms infinite linear;
	border-radius: 0.5em;
	-webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
	box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

.attributeHeadLine {
	width: 40%;
	position: absolute;
	top: 1.5em;
	left: 3.5em;
}

.attributeOptionHeadLine {
	width: 75%;
	position: absolute;
	margin: 1.3rem 0 0 3.4rem;
}

.asset-option-line-col .asset-fieldtype-wrapper {
	height: 4rem;
}

/* Change Assets*/
.layout--leftcol-search-assets {
	min-width: 991px;
}

.layout--leftcol-search-assets .sidebar {
	min-width: 318px;
	background: #fff;
	border-radius: 5px;
	margin: 0 10px 0 15px;
}

.main-manage-quantity {
	background: #ffffff;
	float: left;
	width: 100%;
	min-height: 65em;
	border-radius: 5px;
	position: relative;
}

.change-quantity {
	background: #fff;
	border-radius: 5px;
}

.change-quantity .assets-result {
	max-height: 56em;
	overflow: auto;
}

.change-quantity input[type='checkbox'] {
	float: left;
	margin-right: 0.5rem;
	min-height: 60em;
}

.change-quantity h3 {
	font-size: 0.9rem;
	margin: 0;
	line-height: 1.125rem;
	vertical-align: baseline;
	display: block;
}

.change-quantity-find-product-cont {
	margin: 0 1rem;
}

.change-quantity .leftContent {
	margin-right: 2rem;
}

.change-quantity .rightContent {
	float: right;
}

.change-quantity .asset-options {
	clear: both;
	margin-left: .6rem;
}

#change-quantity-wrapper .main-asset-container-footer {
	clear: both;
}

.change-quantity .productStatus .ss-trash {
	color: #E9696E;
}

.change-quantity .productStatus,
.main-manage-quantity .buttons-wrap {
	float: right;
	padding-right: 1rem;
}

.change-quantity .productNameWrap {
	float: left;
	padding-bottom: .6rem;
}

.change-quantity .topSection {
	overflow: auto;
}

.change-quantity .topSection,
.change-quantity .bottomSection {
	margin-bottom: 0.3em;
	display: flex;
	justify-content: space-between;
}

.change-quantity .has-option {}

.change-quantity .active {
	background-color: #B1D9F0;
}

.change-quantity .asset-line-item,
.change-quantity .show-option-line-col {
	display: inline-block;
	width: 100%;
	padding-left: 1rem;
}

.change-quantity .topSection .label,
.change-quantity .bottomSection .label {
	color: #9fa1a3;
}

.change-quantity-step-status {
	color: #ffc266;
}

.change-quantity .asset-option-line-col {
	border: none;
}

.change-quantity-asset-show-option {
	display: inline-block;
	width: 100%;
	padding: .6rem 0;
	border-top: 1px solid #E3E3E3;
	border-bottom: 1px solid #E3E3E3;
}

.change-quantity .product-detail {
	padding: 0.5em 0;

}

.main-manage-quantity .product-wrap {
	padding: 1em;
	border-bottom: 2px solid #E3E3E3;
}

.main-manage-quantity .product-charge-type-name {
	font-weight: bold;
	font-size: 16px;
	padding: 1em;
}

.main-manage-quantity .product-row {
	width: 100%;
	float: left;
	padding: 1em;
}

.main-manage-quantity .date-range,
.main-manage-quantity .price-wrap {
	width: 33.3%;
}

.main-manage-quantity .quantity {
	width: 50%;
}

.main-manage-quantity .start-date,
.main-manage-quantity .end-date {
	width: 30%;
	float: left;
}

.main-manage-quantity .left-content {
	float: left;
	width: 38%;
}

.date-range .left-content,
.price-wrap .left-content {
	width: 100%;
}

.date-range .right-content,
.price-wrap .right-content {
	clear: left;
}

.main-manage-quantity .current-net-price,
.main-manage-quantity .base-price {
	float: left;
	border-right: 1px solid #E3E3E3;
	border-bottom: 1px solid #E3E3E3;
}

.main-manage-quantity .current-net-price {
	width: 50%;
	border-right: none;
	padding: 0 0 5% 5%;
	min-height: 2.9em;
}

.main-manage-quantity .base-price {
	width: 40%;
	text-align: right;
	padding: 0 5% 5% 0;
	min-height: 2.9em;
}

.main-manage-quantity .separator {
	border-bottom: 1px solid #E3E3E3;
	width: 10%;
	margin-right: 8%;
	float: left;
}

.main-manage-quantity .top-row {
	font-size: 14px;
	font-weight: bold;
	color: #6a7587;
	padding-bottom: 0px;
}

.main-manage-quantity .middle-row,
.main-manage-quantity .bottom-row {
	padding-top: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #44596C;
	padding-bottom: 0px;
	margin-bottom: 1%;
}

.main-manage-quantity .product-info-wrap {
	float: left;
	border-bottom: 1px solid #E3E3E3;
	padding-bottom: 1rem;
	width: 100%;
}

.main-manage-quantity .sync-option {
	float: left;
	padding-left: 1em;
	width: 100%;
	color: #6a7587;
	font-size: 12px;
}

.main-manage-quantity .sync-option .left-content {
	width: 3%;
}

.main-manage-quantity .increase-decrease-wrap {
	width: 34%;
}

.increase-decrease-wrap .left-content {
	width: 48%;
}

.main-manage-quantity .new-quantity {
	width: 30%;
}

.new-quantity .left-content {
	width: 48%;
}

.new-quantity .right-content {
	background: #9aa5b7;
	float: left;
	width: 30%;
	padding: 5% 0 5% 13%;
	margin-left: 14%;
}

.main-manage-quantity .co-terminate {
	width: 20%;
}

.co-terminate .left-content {
	width: 20%;
}

.new-net-price {
	float: left;
	width: 40%;
	margin-left: 5%;
}

.new-price {
	background: #9aa5b7;
	padding-top: 1%;
	text-align: center;
}

.price-wrap .difference {
	width: 28%;
	float: left;
	margin-left: 15%;
	border-right: 1px solid #E3E3E3;
}

.increase-decrease-wrap input {
	width: 25%;
}

.asset-left-content-wrap,
.asset-right-content-wrap {
	margin: 1rem;
	float: left;
	width: 40%;
}

.asset-left-content {
	float: left;
	margin-right: 1rem;
	width: 50%;
}

.change-quantity .block-find-products button {
	top: 0.10rem;
	right: 0.25rem;
	color: #2093DA;
}

.change-quantity .search-text {
	padding: 0.5rem 2rem 0.5rem 0.5rem;
}

.sidebar--left--search {
	float: left;
	width: 30%;
	box-sizing: border-box;
}

.main-manage-quantity input[disabled] {
	height: 1.0rem;
	width: 7.0rem;
	vertical-align: baseline;
}

.main-manage-quantity .disable {
	opacity: 0.5;
	width: 100%;
}

.main-manage-quantity .product-details-wrap {
	max-height: 56em;
	overflow: auto;
	float: left;
	width: 100%;
}

.main-manage-quantity .main-asset-container-footer {
	position: absolute;
	bottom: 0;
}

.main-manage-quantity .sync-option-label {
	color: #2C99DC
}

.assets-main-content {
	position: relative;
}

.fa-chevron-left,
.fa-chevron-right {
	position: absolute;
	top: 50%;
	z-index: 9999;
}

.fa-chevron-left {
	left: -0.5em;
}

.fa-chevron-right {
	left: -0.1em;
}

.main-manage-quantity .weighted-average {
	padding: 1rem;
	display: flex;
	align-items: center;
}

.main-manage-quantity .weighted-average input {
	float: left;
	margin: 0 1rem 0 2rem;
	width: 1rem;
	min-height: 0;
}

.configuration-dialog {
	display: flex;
	flex-direction: column;
	background: #FFF;
	border-radius: .4rem;
	margin: auto;
	min-width: 36rem;
	width: 30%;
	box-shadow: 0 1px 10px 1px rgba(0, 0, 0, .60);
	z-index: 100004;
}

.configuration-dialog-suspend {
	display: flex;
	flex-direction: column;
	background: #FFF;
	border-radius: .4rem;
	margin: auto;
	min-width: 38rem;
	box-shadow: 0 1px 10px 1px rgba(0, 0, 0, .60);
	z-index: 40000;
	position: relative;
	/* or absolute if necessary */
}



/* Related Assets changes start*/

.relate-component-dialog {
	position: fixed;
	top: 0;
	right: 0;
	background: #FFF;
	border-radius: .4rem;
	bottom: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	min-height: 10%;
	left: 50%;
	margin: auto auto auto -30%;
	width: 30%;
	z-index: 40000;
	box-shadow: 0 1px 10px 1px rgba(0, 0, 0, .60);
	min-width: 50rem;
	left: 0;
	margin: auto;
	max-height: 50%;
}

.related-assets-header {
	width: 100%;
	background: #fff;
	float: left;
	display: flex;
	border: 1px solid #E3E3E3;
}

.related-assets-header section {
	width: 100%;
	height: 3.2rem;
}

.related-assets-tab {
	width: 50%;
}

.main-asset-col .related-assets-fieldType:first-child>div {
	padding-left: 3rem;
}

.related-line-item-name {
	padding-left: 1rem;
}

related-assets-tab,
assets-filter-tab {
	display: inline-block;
	width: 100%;
	background-color: #ffffff;
}

.related-asset-grid-line {
	padding-left: 1rem !important;
}

.assets-main-content .ui-grid-header-cell-wrapper {
	height: 1.5rem;
	background-color: #fafaf9;
	color: #514f4d;
	font-weight: 700;
	line-height: normal;
}

related-assets-services .asset-grid--row {
	padding-top: 1rem;
}

.assets-main-content .grid {
	background: #fff;
}

.assets-main-content .related-asset-grid-product-line {
	float: left;
	margin-top: 0.1rem;
	padding-right: 0.3rem;
}

.assets-main-content .serviced-product-icon {
	float: left;
}


.serviced-product-dialog {
	position: fixed;
	top: 0;
	right: 0;
	background: #FFF;
	border-radius: .4rem;
	bottom: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	min-height: 10%;
	left: 50%;
	margin: auto auto auto -30%;
	min-width: 36rem;
	width: auto;
	z-index: 40000;
	box-shadow: 0 1px 10px 1px rgba(0, 0, 0, .60);
	min-width: 36rem;
	width: 95%;
	left: 0;
	margin: auto;
	max-height: 75%;
}

.serviced-product-row {
	background: #F7F8F9;
	color: #44596C;
	font-size: .9rem;
}

.serviced-product-row .asset-option-line-col {
	border: none;
}

.serviced-product-row .main-asset-col:first-child>div {
	padding-left: 2rem;
}

.relate-component-wrap li {
	padding: 0 2.5% 0 2.5%;
}

.relate-component-wrap li:first-child {
	padding-top: 2.5%;
}

.relate-component-wrap .option-select-wrap {
	width: 10%;
	float: left;
	margin-top: 3px;
}

.relate-component-wrap .options-message {
	text-align: center;
	margin-top: 12%;
}

.relate-option-wrap {
	padding: 0 0 5% 3%;
}

.asset-primary-line-wrap {
	color: #2c99dc;
	padding: 0 0 5% 1%;
}


/*Related Assets changes end*/

/* Account heirarchy style changes start */
.block-refine-search .assets-filter-expand-icon {
	color: #678;
	float: left;
	padding: .5rem;
	padding-top: 1.2rem;
}

.account-hierarchy-dialog {
	position: fixed;
	top: 0;
	right: 0;
	background: #FFF;
	border-radius: .4rem;
	bottom: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	min-height: 10%;
	left: 50%;
	margin: auto auto auto -30%;
	min-width: 44rem;
	width: 30%;
	z-index: 40000;
	box-shadow: 0 1px 10px 1px rgba(0, 0, 0, .60);
	left: 0;
	margin: auto;
	max-height: 50%;
}

.account-hierarchy-dialog .child-account,
.no-child-account {
	padding-left: 1rem;
}

.account-hierarchy-dialog .account-wrap {
	line-height: 2rem;
	color: rgb(32, 147, 218);
}

.account-hierarchy-dialog .account-name {
	cursor: pointer;
	margin-bottom: 0.1rem;
}

.account-hierarchy-dialog .account-name:hover {
	background-color: #d4d4d4;
	opacity: 0.5;
}

.account-hierarchy-dialog .account-name-selected,
.account-hierarchy-dialog .account-name-selected:hover {
	background-color: #d4d4d4;
	opacity: 1;
}

.account-hierarchy-dialog .current-account {
	font-size: 14px;
	font-weight: bold;
}

.account-hierarchy-dialog .account-label-display {
	color: #678;
	font-size: 1rem;
	margin: 0;
	padding: .7rem;
}

.block-refine-search ul.selected-accounts {
	margin-bottom: 0;
	border-bottom: 1px solid #e3e3e3;
	padding-left: 2rem;
}

/* Account heirarchy style changes end */

/*Mass edit changes start*/
mass-edit-dialog .criteria-error {
	opacity: 0.5;
	padding: 4rem;
}

/*Mass edit changes End*/

/*Search filter redesign Start*/

.assets-grid-layout .assets-main-content {
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 0.7rem;
}

assets-advanced-filter,
assets-basic-filter {
	width: 100%;
	background-color: rgb(243, 242, 242);
}

assets-grid-filter {
	width: 100%;
	margin-bottom: .125rem;
}

assets-grid-filter>div.ands-flex {
	height: 2.125rem;
	align-items: center;
}

assets-grid-filter asset-actions.asset-grid-button-row {
	margin-left: auto;
}

assets-grid-filter .filter-wrap {
	background: #fff;
	display: flex;
	border-bottom: 1px solid #e3e3e3;
}

assets-grid-filter .assets-filter-section {
	padding: 0.5rem;
	border-right: 1px solid #e3e3e3;
}

assets-grid-filter .assets-filter-section:last-child {
	border-right: none;
}

assets-grid-filter .more-filters-wrap {
	background: #fff;
	display: flex;
	flex-flow: wrap;
	margin-bottom: 1rem;
}

assets-grid-filter .ands-list-table {
	padding: 1rem;
}

assets-grid-filter .ands-list-table table tbody tr td i {
	color: #9C9EA8;
}

md-menu-item.assets-filter-menu-item {
	min-height: unset;
	height: unset;
}

assets-grid-filter md-input-container,
assets-grid-filter .filter-spacing {
	margin-bottom: unset;
}

assets-grid-filter md-input-container .ands-input input,
assets-advanced-filter md-input-container input,
assets-basic-filter md-input-container input {
	font-size: 0.875rem;
	line-height: 1.5rem;
	font-weight: 400;
	background-color: transparent;
	border-color: #9c9ea8;
	padding: 0px;
	height: 24px;
	-webkit-box-ordinal-group: 3;
	-webkit-order: 2;
	order: 2;
	display: block;
	margin-top: 0;
	background: none;
	padding-top: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
	padding-right: 2px;
	border-width: 0 0 1px 0;
	line-height: 26px;
	height: 30px;
	-ms-flex-preferred-size: 26px;
	border-radius: 0;
	border-style: solid;
	width: 100%;
	box-sizing: border-box;
	float: left;
}

assets-grid-filter .filter-text-input {
	width: 100%;
}

assets-grid-filter .ands-list-table {
	box-shadow: unset;
}

assets-grid-filter .filter__selection-container {
	min-height: 8rem;
	overflow: auto;
}

.assets-filter-section h3 {
	margin: 18px 0;
}

assets-advanced-filter .value-wrap md-input-container {
	margin-bottom: -2rem;
}

assets-advanced-filter md-input-container input[type],
assets-basic-filter md-input-container input[type] {
	border: 0;
	border: 1px solid #E7E7EA;
	border-radius: 0.25rem;
}

.ands-list-table table thead tr th.col-val {
	text-align: center;
}

assets-advanced-filter .value-wrap-BOOLEAN {
	text-align: center;
	margin-bottom: 0;
}

assets-advanced-filter .value-wrap-MULTIPICKLIST md-input-container,
assets-advanced-filter .value-wrap-PICKLIST md-input-container,
assets-advanced-filter .value-wrap-BOOLEAN md-input-container,
assets-advanced-filter .value-wrap-BOOLEAN md-switch {
	margin-bottom: 0;
}

assets-advanced-filter .value-wrap-STRING md-input-container,
assets-advanced-filter .value-wrap-DATETIME md-input-container,
assets-advanced-filter .value-wrap-DATE md-input-container,
assets-advanced-filter .value-wrap-CURRENCY md-input-container,
assets-advanced-filter .value-wrap-DOUBLE md-input-container,
assets-advanced-filter .value-wrap-QUANTITY md-input-container {
	top: 0.95rem;
}

assets-advanced-filter .value-wrap-STRING md-input-container {
	top: 1.01rem;
}

md-input-container .md-select-value {
	background-color: #fff;
}

assets-advanced-filter .value-wrap-BOOLEAN md-switch {
	margin-top: 0;
}

assets-advanced-filter .button-wrap,
assets-basic-filter .filter__button-container {
	text-align: right;
	margin-bottom: 0.8rem;
	border: none;
	padding-right: 0.8rem;
}

assets-basic-filter .block-refine-search ul.block-refine-search__filters {
	display: flex;
	flex-wrap: wrap;
}

assets-basic-filter .block-refine-search ul.block-refine-search__filters li {
	line-height: 1.5rem;
	margin-bottom: .5rem;
	height: 4rem;
	max-height: 4rem;
}

assets-basic-filter .block-refine-search {
	margin: unset;
}

assets-basic-filter md-input-container {
	margin-top: 0.25rem;
}

assets-basic-filter md-input-container .md-input {
	padding: 0px 8px;
}

/*Search filter redesign End*/

#gridViewsColumnsList .rightColumn .rightColumnDataRoot .splitRows:nth-child(1) {
	min-height: 100%;
}

#gridViewsColumnsList .leftColumnDataRoot.assetGridDialogView .splitRows {
	min-height: 100%;
}

/* Animation */
@-webkit-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-moz-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-o-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/** End Spinner **/

/*Start Fix for ASSETS-410*/

.asset-swap__col-scroll {
	overflow-y: auto;
	display: inline-block;
	height: 96%;
	padding-right: 1rem;
}

.asset-swap__col-scroll::-webkit-scrollbar {
	-webkit-appearance: none;
	width: .4rem;
}

.asset-swap__col-scroll::-webkit-scrollbar-thumb {
	border-radius: .2rem;
	background-color: rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

/*End Fix for ASSETS-410*/

/*Start Fix for ASSETS-1775*/

.assets-fieldtype-wrapper--BOOLEAN {
	text-align: center;
	text-align: -webkit-center;
	text-align: -moz-center;
}

.assets-fieldtype-wrapper--STRING {
	text-align: left;
	text-align: -webkit-left;
	text-align: -moz-left;
}

/*Overriding text-transform as by default in md-tab it is uppercase*/
.md-tab {
	text-transform: none;
}

.main-asset-container table {
	width: 100%;
}

.main-asset-container table th div {
	display: block;
	min-width: 5.1rem;
	margin: 0;
	text-align: center;
	color: #44596c;
	font-weight: 500;
}

.main-asset-container table th:first-child div {
	padding-left: 2rem;
	text-align: left;
}

.assets-header-search-pane {
	width: 17rem;
	right: 2.5rem;
	position: absolute;
}

assets-view {
	margin-right: .25rem;
}

assets-view div.view-menu {
	margin: 0.5rem 0;
}

search-assets .asset-search-container {
	width: 18rem;
	padding-right: .25rem !important;
	margin: 0px;
}

search-assets .asset-search-container .assets-search-input {
	height: 1.875rem;
}

search-assets div md-input-container.asset-search-container div.md-errors-spacer {
	display: none;
}

search-assets div md-input-container.asset-search-container md-icon.assets-search-icon {
	right: 0;
}

.assets-view-error {
	color: red;
	font-size: 0.75rem;
}

.assets-grid-header-align {
	max-height: none !important;
	/*overriding flex class max-height attribute*/
}

.is-disabled {
	background-color: #e7e7ea;
}

.assets-checkbox-override-align {
	margin-top: 0.1rem;
}

.assets-grid {
	height: 48rem !important;
}

@media only screen and (min-height : 650px) and (max-height : 699px) {
	.assets-grid {
		height: 26rem !important;
	}
}

@media only screen and (min-height : 700px) and (max-height : 749px) {
	.assets-grid {
		height: 29rem !important;
	}
}

@media only screen and (min-height : 750px) and (max-height : 764px) {
	.assets-grid {
		height: 32rem !important;
	}
}

@media only screen and (min-height : 765px) and (max-height : 799px) {
	.assets-grid {
		height: 32.75rem !important;
	}
}

@media only screen and (min-height : 800px) and (max-height : 820px) {
	.assets-grid {
		height: 35rem !important;
	}
}

@media only screen and (min-height : 821px) and (max-height : 849px) {
	.assets-grid {
		height: 37rem !important;
	}
}

@media only screen and (min-height : 850px) and (max-height : 899px) {
	.assets-grid {
		height: 38rem !important;
	}
}

@media only screen and (min-height : 900px) and (max-height : 949px) {
	.assets-grid {
		height: 41rem !important;
	}
}

@media only screen and (min-height : 950px) and (max-height : 999px) {
	.assets-grid {
		height: 44rem !important;
	}
}

search-assets .block-find-products input {
	padding-right: 1.8rem;
}

search-assets .ands-icons.ands-input-icon {
	top: 0.5rem;
}

.assets-grid-dropdown-align {
	margin-right: .8rem;
	margin-top: 0rem;
}

.assets-icon-align {
	margin-left: 1.2rem;
	margin-left: 0.5rem;
}

.assets-filter-pane {
	background-color: #fff;
}

.assets-hierarchy-account-font {
	font-size: 0.8rem;
	color: #006400;
}

.assets-circle-align {
	margin: -1rem 0 0 -0.8rem;
}

.assets-account-text-align {
	color: #fff;
	font-weight: bold;
}

.mass-edit-picklist .field--picklist {
	width: 11rem;
	margin-bottom: .7rem;
}

.assets-increment-quantity {
	padding: 0 0 1rem 1rem;
}

.assets-increment-details {
	padding-bottom: 1rem;
	border-bottom: 1px solid #E3E3E3;
}

.assets-increment-details-header>div {
	font-weight: bold;
}

.assets-increment-details>div:last-child,
.assets-increment-details-header>div:last-child {
	padding-right: 1rem;
}

.assets-increment-input-row {
	padding-top: 1rem;
}

.assets-increment-input-row>div:first-child,
.assets-increment-change-details>div:first-child {
	padding-left: 1rem;
	display: flex;
	align-items: center;
	font-weight: bold;
}

.assets-quantity-icon-font {
	font-size: 1.5rem !important;
	color: #3BA1D9;
}

.assets-increment-impact-layout {
	gap: 10px;
	margin: 0.5rem 1rem;
}

.assets-increment-impact-layout .header,
.assets-increment-impact-layout .details {
	gap: 15px;
}

.assets-increment-impact-layout .header>*,
.assets-increment-impact-layout .details>* {
	align-content: center;
}

.assets-increment-impact-layout .header .quantity,
.assets-increment-impact-layout .header .start-date,
.assets-increment-impact-layout .header .end-date {
	font-weight: bold;
}

.assets-increment-impact-layout .details .quantity,
.assets-increment-impact-layout .details .start-date,
.assets-increment-impact-layout .details .end-date {
	min-height: 35px;
}

.sync-option {
	text-align: right;
}

.asset-increment-checkbox {
	display: inline-block !important;
}

.assets-align-row>div {
	padding-bottom: 1rem;
}

.assets-align-row-text {
	text-align: right;
	padding-right: 1rem;
}

.assets-align-ands-input-container {
	margin: 1.2rem 0.5rem 0 1.2rem;
}

.assets-increment-change-details {
	display: flex;
	align-items: center;
}

.assets-increment-change-details input[type="number"] {
	border: none;
	border-bottom: 1px solid #E3E3E3;
	text-align: center;
}

.assets-increment-change-details md-select {
	margin-left: 1rem;
}

.assets-increment-change-input {
	padding: 0 1rem;
}

.assets-increment-cotermination {
	position: relative;
	bottom: 6px;
}

.assets-increment-cotermination md-input-container {
	margin: 18px 0;
}

.sidebar--right--coterminate {
	float: right;
	box-sizing: border-box;
}

.assets-right-coterminate {
	background-color: #fff;
	border-left: 1px solid #E3E3E3;
}

.assets-coterminate-wrap {
	padding: 1em;
	border-bottom: 2px solid #E3E3E3;
}

.assets-coterminate-quantity {
	display: inline-block;
}

.assets-button-right-align {
	float: right;
}

.assets-align-text .md-label {
	line-height: 1rem;
	font-size: 1rem;
	padding: 0.2rem;
}

.assets-coterminate-info-wrap {
	background-color: #fff;
	float: left;
	border-bottom: 1px solid #E3E3E3;
	padding-bottom: 1rem;
	width: 100%;
}

.assets-product-align {
	padding-left: 0.8rem;
}

.assets-align-items {
	padding: 1rem 0 0 3rem;
}

.assets-right-align-items {
	padding: 1rem 1rem 0 0;
	text-align: right;
}

.assets-align-price {
	padding-top: 1rem;
	text-align: right;
}

.assets-coterminate-sub-header {
	font-weight: bold;
}

.assets-filter-menu-item .md-button {
	padding: 0px;
	display: flex;
	justify-content: center;
}

.assets-filter-menu-item .md-button md-icon {
	margin-right: 0px;
	min-width: 0px;
	width: 0px;
}

/*Start of Split page styling*/

.assets-split-header {
	padding: 1em;
	border-bottom: 2px solid #E3E3E3;
}

.assets-split-content {
	background-color: #FFF;
	margin-bottom: 3.5rem;
}

.assets-split-column-header {
	padding: 1rem 0;
	background-color: #eeeeee;
	width: 95%;
	font-weight: 600;
	border: 1px solid #eeeeee;
	font-size: .8rem;
}

.assets-split-column-details {
	padding-top: .5rem;
	background-color: #fff;
	width: 95%;
	border: 1px solid #eeeeee;
}

.assets-split-table {
	padding: 1rem 0 0 5rem;
	width: 100%;
	height: 32rem;
	overflow-y: scroll;

}

.assets-split-button {
	text-align: right;
	background-color: #eeeeee;
	padding-right: 4rem;
}

.assets-split-date-picker .field--date,
.assets-split-quantity .field--dynamic {
	width: 80%;
	font-size: .8rem;
	border: none;
	border-bottom: 1px solid #E3E3E3;
	border-radius: inherit;
}

.assets-split-columns-align {
	font-size: .8rem;
	padding-top: 0.5rem;
}

.assets-split-menu {
	padding-left: 1rem;
}

.assets-split-column-details>div:nth-child(2) {
	color: #2093DA;
}

.assets-split-trash-icon {
	background-color: #fff;
	align-content: center;
	padding: 0.1rem;
}

.assets-split-trash-icon:hover {
	color: #E9696E;
}

.assets-split-add-icon .ands-icon-material:hover {
	color: #2093DA;
	cursor: pointer;
}

.assets-split-trash-icon button[disabled] {
	background-color: #fff;
}

.assets-split-swap-table {
	border-collapse: separate;
	border-spacing: 25px;
}

.asset-split-swap-currency-col {
	background-color: #ECEEF0;
}

/*End of Split page styling*/

/*Asset termination dialog changes start*/
assets-terminate-dialog,
configuration-dialog,
assets-merge-dialog,
assets-renewal-dialog,
assets-renewal-alert-dialog,
assets-swap-dialog>div {
	position: fixed;
	display: flex;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 25;
	pointer-events: none;
}

assets-terminate-dialog>*,
configuration-dialog>*,
assets-merge-dialog>*,
assets-renewal-dialog>*,
assets-renewal-alert-dialog>*,
assets-swap-dialog>div>* {
	pointer-events: all;
}

.assets-dialog-error {
	color: red;
}

.assets-dialog-error span {
	display: block;
	color: red;
}

/*Asset termination dialog changes end*/

/*Start of Asset split page styling*/
.assets-split-collapse {
	text-align: right;
	padding: 0.7rem 0.2rem 0 0;
	color: #006dcc;
}

.assets-option-lines-name {
	padding-left: 1rem;
}

/*End of Asset split page styling*/

.assets-sorting-icon {
	padding-top: 0.1rem;
	position: absolute;
}

.asset-merge-error {
	background: #F5EFED;
	border: 1px solid #C32F22;
	border-radius: 5px;
	padding-left: 1rem;
	color: #333333;
}

.asset-action-renew-label {
	display: inline-block;
	vertical-align: baseline;
	margin-right: 0.5rem;
	padding-top: 0.5rem;
}

.assets-grid-pageNumber {
	text-overflow: ellipsis;
}

asset-header-grid .cart-header__cart-title,
renew-asset .cart-header__cart-title {
	border: none;
}

.assets-advanced-filter {
	min-height: 5rem;
}

.assets-advanced-filter #criteria_fieldset {
	display: flex;
	flex-direction: column;
	padding: 1rem;
	gap: 1rem;
	width: 100%;
	height: auto;
	max-height: none;
	border-bottom: 1px solid #e5e7eb;
}

.assets-advanced-filter #criteria_fieldset .select2-container,
.assets-advanced-filter #criteria_fieldset input {
	width: 100%;
	min-height: 100%;
	height: 26px;
}

.select2-container.open .search-container {
	width: 100%;
	padding: 6px 4px;
}

.select2-container.open .search-container > input {
    padding: 0 8px;
}

.assets-advanced-filter #criteria_fieldset .filter-row .filter-value input {
	border: 1px solid #aaa;
	border-radius: 5px;
}

.assets-advanced-filter #criteria_fieldset .filter-row,
.assets-advanced-filter #criteria_fieldset .filter-expression-row {
	column-gap: 2rem;
	align-items: center;
	padding: 0 !important;
	margin: 0 !important;
}

.assets-advanced-filter #criteria_fieldset .filter-row .filter-no span[role="columnheader"],
.assets-advanced-filter #criteria_fieldset .filter-row .filter-field span[role="columnheader"],
.assets-advanced-filter #criteria_fieldset .filter-row .filter-operator span[role="columnheader"],
.assets-advanced-filter #criteria_fieldset .filter-row .filter-value span[role="columnheader"] {
	display: block;
	font-size: 1rem;
	padding: 0 !important;
	margin: 0 !important;
}

.assets-advanced-filter #criteria_fieldset .filter-row .filter-field span[role="columnheader"],
.assets-advanced-filter #criteria_fieldset .filter-row .filter-operator span[role="columnheader"],
.assets-advanced-filter #criteria_fieldset .filter-row .filter-value span[role="columnheader"] {
	padding-left: 4px !important;
}

.assets-advanced-filter #criteria_fieldset .filter-row .filter-no span[role="columnheader"] {
	text-align: center;
}

.assets-advanced-filter #criteria_fieldset .filter-expression-row label {
	padding-left: 8px !important;
}

.assets-advanced-filter #criteria_fieldset .filter-row .filter-actions .filter-action-icon {
	justify-self: center;
}

.assets-advanced-filter .filter-field,
.assets-advanced-filter .filter-operator,
.assets-advanced-filter .filter-value {
	flex-direction: row;
	justify-content: space-between;
}

.assets-advanced-filter .filter-actions {
	flex-direction: row;
	justify-content: space-between;
}

.assets-advanced-filter .filter-criteria .layout-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

.assets-advanced-filter .filter-criteria .layout-row>div {
	display: flex;
	gap: 1rem;
	justify-content: center;
	width: -webkit-fill-available;
}

.assets-advanced-filter .filter-criteria .layout-row .filter-value>div {
	width: inherit;
}

.assets-advanced-filter .filter-criteria .layout-row div button {
	background: none;
	border: none;
	cursor: pointer;
}

.assets-advanced-filter .filter-actions .add-criteria,
.assets-advanced-filter .filter-actions .remove-criteria {
	cursor: pointer;
	color: #006dcc;
}

.assets-advanced-filter .filter-actions .add-criteria[disabled],
.assets-advanced-filter .filter-actions .remove-criteria[disabled] {
	cursor: not-allowed !important;
	color: #9c9ea8;
}

.assets-advanced-filter .filter-actions .add-criteria div,
.assets-advanced-filter .filter-actions .remove-criteria div {
	display: flex;
	gap: 0.5rem;
	align-items: center;
	height: 1.5rem;
	line-height: 0;
}

.assets-advanced-filter .filter-actions .add-criteria[disabled] div,
.assets-advanced-filter .filter-actions .remove-criteria[disabled] div {
	pointer-events: none;
}

.assets-advanced-filter .filter-actions .add-criteria[disabled] div>span,
.assets-advanced-filter .filter-actions .remove-criteria[disabled] div>span {
	height: 1.5rem;
	line-height: 1.5rem;
	text-decoration: none;
}

.assets-advanced-filter .add-criteria,
.assets-advanced-filter .remove-criteria {
	display: flex;
	gap: 0.5rem;
	height: 1.5rem;
	align-items: center;
}

.assets-advanced-filter #criteria_fieldset .filter-expression-row label {
	font-size: 0.85rem;
	display: block;
	padding: 0;
	padding-bottom: 0.35rem;
}

.assets-advanced-filter #criteria_fieldset .filter-expression-row input {
	height: 30px;
	border: 1px solid #aaa;
}

.assets-advanced-filter #criteria_fieldset .filter-expression-row .filter-expression-switch {
	cursor: pointer;
	margin: 0;
	margin-bottom: 24px;
}

.assets-advanced-filter .filter-footer {
	flex-direction: row-reverse;
	gap: 1rem;
	padding-top: 1rem;
	border-top: 1px solid #E3E3E3;
}

.assets-advanced-filter .filter-footer button {
	margin: 0;
	height: 26px;
}

.assets-advanced-filter .filter-footer button[disabled] {
	cursor: not-allowed !important;
}
.reco-prod.block {
	position: relative
}

.reco-prod.block.is--open .reco-prod__container {
	display: block
}

.reco-prod__display {
	cursor: pointer;
	display: inline-block
}

.reco-prod__display__total {
	margin: 0 .25rem
}

.reco-prod__container {
	display: none;
	position: absolute;
	top: 1.45rem;
	background: #F0F1F2;
	width: 32rem;
	z-index: 10000;
	left: -27rem;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	box-shadow: 0 1px 10px 1px rgba(0, 0, 0, .13)
}

.reco-prod__container .pagination {
	background: #FFF;
	padding: .2rem 1rem;
	font-size: .8rem
}

.reco-prod__container .pagination .pagination__display-range {
	margin: .5rem 0;
	font-size: .8rem
}

.reco-prod__container .pagination ul {
	font-family: FiraSansSemiBold;
	margin: .2rem 0
}

.reco-prod__container img {
	max-width: 70px
}

.reco-prod__items {
	left: -25rem;
	max-height: 260px;
	height: auto;
	overflow: auto;
}

.reco-prod__items i {
	color: #E9696E
}

.reco-prod__items .column {
	width: 25%;
	display: table-cell;
	vertical-align: middle
}

.reco-prod__items .relevance {
	color: #2bb519;
	font-size: 1rem;
	float: left;
	margin: 0 0.5rem 0 0;
}

.reco-prod__items .relevance-image {
	float: right;
	margin: 0 1.2rem 0 0;
}
/*.reco-prod__items__item--grand-total .column {
	display: table-cell;
	vertical-align: middle
}*/

.reco-prod__items .column-description {
	width: 50%
}
.reco-prod__items_column {
	display: inline;
}
/*.reco-prod__items__item--grand-total .column-description {
	width: 70%
}*/

.reco-prod__items .column-price {
	width: 25%;
	text-align: right
}

/*.reco-prod__items__item--grand-total .column-price {
	width: 25%;
	text-align: right;
	padding-right: 10%;
}*/

.reco-prod__items .column-price i {
	color: #44596C
}

.reco-prod__items .column-action {
	width: 5%
}

.reco-prod__items__item {
	background: #FFF;
	display: block;
	display: table;
	width: 100%;
	padding: 1rem;
	border-bottom: solid 1px #E3E3E3;
	position: relative
}

.reco-prod__items__item__title {
	font-size: 1rem;
	margin: 0 0 .25rem
}

.reco-prod__items__item__title span {
	color: #2093DA;
	cursor: pointer;
	-webkit-transition: color .2s ease-in;
	transition: color .2s ease-in
}

.reco-prod__items__item__title span:hover {
	color: #334A60
}

.reco-prod__items__item__title .reco-prod__items__item__title--configurable
	{
	color: #4BC077;
	cursor: pointer;
	margin-left: .2rem;
	-webkit-transition: color .2s ease-in;
	transition: color .2s ease-in
}

.reco-prod__items__item__title .reco-prod__items__item__title--configurable:before
	{
	font-size: 1rem
}

.reco-prod__items__item__title .reco-prod__items__item__title--configurable:hover
	{
	color: #389759
}

.reco-prod__items__item__subtitle {
	margin: 0;
	color: #B4BCC4;
	font-size: .8rem;
}

.reco-prod__items__item__price {
	display: inline;
	cursor: pointer
}

.reco-prod__items__item__trash {
	text-align: center;
	padding: .25rem;
	background: #FFF
}

.reco-prod__items__item--grand-total {
	background: #F0F1F2
}

.reco-prod__actions {
	padding: .75rem
}

.reco-prod__actions button:not(.reco-prod__actions__view-cart) {
	float: right
}

.reco-prod__actions button:not(:nth-child(2)) {
	margin-right: .5rem
}

.reco-prod__actions__finalize {
	background: #334A60;
	float: right
}
.collaboration-notify.block {
	position: relative
}

.collaboration-notify.block.is--open .collaboration-notify__container {
	display: block
}

.collaboration-notify__display {
	cursor: pointer;
	display: inline-block
}

.collaboration-notify__display__total {
	margin: 0 .25rem
}

.collaboration-notify__container {
	display: none;
	position: absolute;
	top: 1.45rem;
	background: #F0F1F2;
	width: 32rem;
	z-index: 10000;
	left: -21rem;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	box-shadow: 0 1px 10px 1px rgba(0, 0, 0, .13)
}

.collaboration-notify__container .pagination {
	background: #FFF;
	padding: .2rem 1rem;
	font-size: .8rem
}

.collaboration-notify__container .pagination .pagination__display-range {
	margin: .5rem 0;
	font-size: .8rem
}

.collaboration-notify__container .pagination ul {
	font-family: FiraSansSemiBold;
	margin: .2rem 0
}

.collaboration-notify__container img {
	max-width: 4.5rem;
}

.collaboration-notify__items {
	left: -25rem;
	max-height: 16.25rem;
	height: auto;
	overflow: auto;
}

.collaboration-notify__items i {
	color: #E9696E
}

.collaboration-notify__items .column {
	display: table-cell;
	vertical-align: middle
}

.collaboration-notify__items .column-description {
	width: 58%
}
.collaboration-notify__items_column {
	display: inline;
}

.collaboration-notify__items .column-price {
	width: 25%;
	text-align: right
}

.collaboration-notify__items .column-price i {
	color: #44596C
}

.collaboration-notify__items .column-action {
	width: 5%
}

.collaboration-notify__items__item {
	background: #FFF;
	display: block;
	display: table;
	width: 100%;
	padding: 1rem;
	border-bottom: solid 1px #E3E3E3;
	position: relative
}

.collaboration-notify__items__item__title {
	font-size: 1rem;
	margin: 0 0 .25rem
}

.collaboration-notify__items__item__title span {
	color: #2093DA;
	cursor: pointer;
	-webkit-transition: color .2s ease-in;
	transition: color .2s ease-in
}

.collaboration-notify__items__item__title span:hover {
	color: #334A60
}

.collaboration-notify__items__item__title .collaboration-notify__items__item__title--configurable
	{
	color: #4BC077;
	cursor: pointer;
	margin-left: .2rem;
	-webkit-transition: color .2s ease-in;
	transition: color .2s ease-in
}

.collaboration-notify__items__item__title .collaboration-notify__items__item__title--configurable:before
	{
	font-size: 1rem
}

.collaboration-notify__items__item__title .collaboration-notify__items__item__title--configurable:hover
	{
	color: #389759
}

.collaboration-notify__items__item__subtitle {
	margin: 0;
	color: #B4BCC4;
	font-size: .8rem;
	font-family: FiraSansSemiBold;
}

.collaboration-notify__items__item__price {
	display: inline;
	cursor: pointer
}

.collaboration-notify__items__item__trash {
	text-align: center;
	padding: .25rem;
	background: #FFF
}

.collaboration-notify__items__item--grand-total {
	background: #F0F1F2
}

.collaboration-notify__actions {
	padding: .75rem
}

.collaboration-notify__actions button:not(.collaboration-notify__actions__view-cart) {
	float: right
}

.collaboration-notify__actions button:not(:nth-child(2)) {
	margin-right: .5rem
}

.collaboration-notify__actions__finalize {
	background: #334A60;
	float: right
}

.notification-frame {
	width: 100%;
}

.md-dialog-container:has(.dialog-container) {
    font-family: 'Open Sans';
    z-index: 30000;
}

.dialog-container {
    z-index: 30001;
}

.grid-features > div {
    display: inline-block;
    margin: 24px 8px 8px 0px;
}

.other-filters > i {
    margin: 0 8px;
}

.search-container {
    position: relative;
    width: 224px;
}

.search-container > i {
    position: absolute;
    top: 8px;
    left: 8px;
}

.search-container > input {
    padding-left: 30px;
}

.search-icon {
    height: 16px;
    width: 16px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.5656 10.5312L15.7531 14.7187C16.0719 15.0125 16.0719 15.4875 15.7803 15.7803C15.6337 15.9267 15.4406 16 15.25 16C15.0594 16 14.8656 15.9281 14.6906 15.78L10.5031 11.5925C9.39532 12.4716 7.99657 13 6.47188 13C2.91 13 0 10.0897 0 6.5C0 2.91031 2.88219 0 6.47188 0C10.0616 0 12.9719 2.90937 12.9719 6.5C12.9719 8.025 12.4719 9.42187 11.5656 10.5312ZM6.5 1.5C3.74313 1.5 1.50001 3.74312 1.50001 6.5C1.50001 9.25625 3.74313 11.5 6.5 11.5C9.25688 11.5 11.5 9.25687 11.5 6.5C11.5 3.74312 9.25688 1.5 6.5 1.5Z" fill="%23657888"/></svg>')
}

.filter-icon {
    height: 14px;
    width: 16px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 14" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.5401 -6.10352e-05C15.1182 -6.10352e-05 15.6245 0.319616 15.8651 0.834599C16.0995 1.33521 16.0245 1.91113 15.671 2.33111L10.4993 8.68403V12.8017C10.4993 13.4623 9.95841 13.9995 9.29343 13.9995C9.04969 13.9995 8.78407 13.9245 8.5897 13.7686L6.01729 11.7827C5.69411 11.5592 5.50106 11.1921 5.50106 10.7999V8.68403L0.332475 2.33736C-0.0236948 1.91113 -0.0998548 1.33521 0.133825 0.834599C0.374036 0.319616 0.881519 -6.10352e-05 1.45775 -6.10352e-05H14.5401ZM8.99997 8.47872C8.99997 8.24842 9.07931 8.02508 9.22468 7.84656L14.4111 1.50114H1.5865L6.77533 7.87374C6.9207 8.05218 7.00004 8.27557 7.00004 8.50591V10.6468L8.99997 12.1902V8.47872Z" fill="%23657888"/></svg>');
}

.filter-layout {
    height: 14px;
    width: 16px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 14" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 0H14C15.1031 0 16 0.895313 16 2V12C16 13.1047 15.1047 14 14 14H2C0.895313 14 0 13.1047 0 12V2C0 0.895313 0.895313 0 2 0ZM2 12.5H4.25V5.75H1.5V12C1.5 12.2757 1.72431 12.5 2 12.5ZM14.5 12C14.5 12.2757 14.2757 12.5 14 12.5H5.75V5.75H14.5V12ZM1.5 4.25H14.5V2C14.5 1.72431 14.2757 1.5 14 1.5H2C1.72431 1.5 1.5 1.72431 1.5 2V4.25Z" fill="%23657888"/></svg>');
}

.r-rules-grid {
    margin: 8px auto;
}

.rules-grid .ui-grid-row:nth-child(2n) {
    background-color: #f9f9f9;
}

.rules-grid .ui-grid-cell, .rules-grid .ui-grid-header-cell {
    font-size: 14px;
    border-right: none;
    border-bottom: 1px solid #C6CDD2;
}

.rules-grid .ui-grid-header-cell {
    padding-top: 5px;
    padding-bottom: 6px;
    border-top: 1px solid #C6CDD2;
    border-bottom: 1px solid #657888;
}

.pagination-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 15px;
    align-self: stretch;
    height: 50px;
}

.items-per-page > select {
    margin: auto 0;
    height: 30px;
    width: 50px;
    text-align: center;
    border-radius: 4px;
    border-color: #ccc;
}

.page-model-container > * {
    display: inline-block;
}

.page-model-container > i {
    font-size: 20px;
}

.page-model-container i:before {
    vertical-align: middle;
    font-size: 16px;
}

.page-model-container i[disabled='disabled'] {
    color: #ccc;
}

.page-model {
    width: 50px;
}

.dialog-container {
    min-width: 80%;
    padding: 16px 0;
}

.dialog-container md-dialog-header {
    border-bottom: 1px solid #ccc;
}

.dialog-header-text {
    font-size: 16px;
    color: #072034;
    font-weight: 600;
    padding: 0px 20px 16px 20px;
}

.dialog-entities {
    display: inline-block;
    padding: 16px;
    width: 300px;
}

.entity-label {
    font-size: 12px;
}

.entity-value {
    font-size: 14px;
}

:root {
    --borderWidth: 3px;
    --height: 21px;
    --width: 12px;
    --borderColor: #78b13f;
}

.check {
    margin: auto 4px;
    padding: 5px;
    display: inline-block;
    transform: rotate(45deg);
    height: var(--height);
    width: var(--width);
    border-bottom: var(--borderWidth) solid var(--borderColor);
    border-right: var(--borderWidth) solid var(--borderColor);
}

.check-invalid::after {
    content: "\274C";
    color: red;
    font-size: 18px;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}




@font-face {
    font-family: 'Open Sans';
    src: url(/ecpqui/aptCPQUI/assets/fonts/OpenSans-Regular.ttf);
    font-weight: 400;
	font-style: normal;
}

.md-dialog-container:has(.custom-dialog-container) {
    font-family: 'Open Sans';
    z-index: 29999;
    position: absolute;
}

md-dialog:has(.custom-dialog-container) {
    min-height: 100vh;
    min-width: 100vw;
}

.r-header {
    padding: 0 16px;
    width: 100vw;
    display: inline-flex;
    justify-content: space-between;
    border-bottom: 0.5px solid #C6CDD2;
}

.r-logo {
    padding: 12px 0;
    min-width: 140px;
}

.r-logo > md-icon {
    height: 32px;
    width: 32px;
}

.r-logo > span {
    margin-left: 16px;
    font-size: 16px;
    font-weight: 600;
}

.r-button-group {
    margin: auto 0;
}

.r-action {
    text-transform: inherit;
    border: 0.5px solid;
    padding: 0 16px;
    border-radius: 4px;
}

.rules-container {
    padding: 32px;
    display: flex;
    flex-direction: column;
    row-gap: 32px;
}

.r-dashboard {
    border-radius: 4px;
    background: #EFF2F4;
    padding: 16px;
}

.r-dashboard {
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
}

.r-dashboard-detail {
    margin: auto 0;
    display: flex;
    row-gap: 10px;
    flex-flow: column;
}

.r-dashboard-card-group {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    column-gap: 10px;
}

.r-heading {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
}

.r-card {
    background-color: #fff;
    border-radius: 8px;
    padding: 16px;
    min-width: 220px;
    color: #1C1C1C;
    margin: auto;
}

.r-icon-container {
    flex: 3;
    margin: auto;
}

.r-details-container {
    flex: 5;
    margin: auto;
}

.r-icon {
    border-radius: 50%;
    height: 40px;
    width: 40px;
    text-align: center;
    color: #000;
    font-size: 10px;
    padding: 12px;
    margin: auto;
}

.r-icon > md-icon {
    min-width: auto;
    min-height: auto;
    width: 100%;
    height: 100%;
}


.extended-green .r-icon { background-color: #66EB73; }
.r-card.extended-green.active path { fill: #00850D; }
.r-card.extended-green.active {
    background-color: #33B840;
    color: #fff;
}

.extended-sky .r-icon { background-color: #C1DEFF; }
.r-card.extended-sky.active path { fill: #3958A6; }
.r-card.extended-sky.active {
    background-color: #6C8BD9;
    color: #fff;
}

.extended-violet .r-icon { background-color: #DBCBFF; }
.r-card.extended-violet.active path { fill: #42327B; }
.r-card.extended-violet.active {
    background-color: #7565AE;
    color: #fff;
}

.extended-purple .r-icon { background-color: #E5A3FF; }
.r-card.extended-purple.active path { fill: #4C0A66 }
.r-card.extended-purple.active {
    background-color: #B270CC;
    color: #fff;
}

.r-card-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.r-card-column {
    display: flex;
    flex-direction: column;
}

.r-large {
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 38px;
}

.r-semibold {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}

.rules-container md-tabs .md-tab {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px; 
}

.rules-container md-tabs .md-tab.md-active {
    color: #0024A3;
}

.rules-container md-tabs md-ink-bar {
    height: 3px;
    border-radius: 4px 4px 0px 0px;
    background: #0024A3;
}

.tab-container {
    padding: 24px 0;
}

.hint-overlay {
    z-index: 30002;
}

.md-dialog-container:has(.hint-overlay) {
    font-family: 'Open Sans';
    z-index: 29999;
    position: absolute;
    left: auto;
    right: auto;
    height: auto;
}

.tooltip-overlay {
    padding: 0.5rem;
}

.tooltip-overlay .ui-grid-row:nth-child(2n) {
    background-color: #f9f9f9;
}

.md-dialog-container:has(.hint-overlay) .ui-grid-header-cell {
    font-size: 16px;
    line-height: 1.5;
}

.md-dialog-container:has(.hint-overlay) .ui-grid-cell-contents {
    display: flex;
    align-items: center;
}

.hint-overlay .ui-grid-viewport::-webkit-scrollbar {
    display: none;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.dynamic-field-disabled-input {
	background-color:#f4f4f4 !important;
	border: 1px solid #ddd !important;
	color:#444;
}

.modal-header.label_box{
	position: relative;
}

.pricingGuidanceTable{
	width: calc(100% - 6px);
	margin: auto;
}

table.pricingGuidanceTable thead tr {
    background-color: #D7E1EA;
    height: 2rem;
    border: 2px solid #D7E1EA;
    width: 100%;
    font-size: 0.875rem;
    font-weight: bold;
}

table.pricingGuidanceTable td {
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    padding: 0.25rem;
    text-align: center;
}

table.pricingGuidanceTable tr td:first-child {
    border-left: 1px solid #CCC;
    text-align: left;
}

.guidance-title{
	padding: 10px 5px;
	margin-bottom: 0;
}

.guidance-row-highlight-green {
    border: 3px solid green;
}

.rating-container {
    height: 3rem;
    line-height: 3rem;
}

.dimension-info{
	padding: 5px;
	font-size: 1rem;
}

.guidance-row {
    font-size: 1.5rem;
}

.guidance-row-highlight-green {
	border: 3px solid  green;
}

.guidance-row-highlight-light.green {
	border: 3px solid  lightgreen;
}

.guidance-row-highlight-black.blue {
	border: 3px solid  darkblue;
}

.guidance-row-highlight-red {
	border: 3px solid  red;
}

.guidance-row-highlight-yellow {
	border: 3px solid  yellow;
}

.guidance-row-highlight-orange {
	border: 3px solid orange;
}

.guidance-row-highlight-blue {
    border: 3px solid blue;
}

.guidance-row-highlight-black {
    border: 3px solid black;
}

.guidance-circle:before {
    content: "\2B24";
}
.guidance-square:before {
    content: "\25FC";
}
.guidance-pentagon:before {
    content: "\2B1F";
}
.guidance-triangle:before {
    content: "\25B2";
}
.guidance-diamond:before {
    content: "\2BC1";
}
.guidance-star:before {
    content: "\2605";
}
.rating-container span {
    font-size: 1.25rem;
}


.layout--leftcol-assets .sidebar {
    float: left;
    width: 35%;
    padding: 1rem;
    box-sizing: border-box;
}

.layout--leftcol-assets .main-content-assets {
    float: left;
    width: 65%;
    box-sizing: border-box;
    padding: 1rem;
}

.layout--leftcol-assets .sidebar-fixwidth {
    max-width: 475px;
}

.cost-profitability-left-nav .layout--leftcol .sidebar {
    width: 100%;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #eeeeee;
}

.cost-profitability-left-nav h3 {
    font-size: 0.8rem;
    margin: 0;
    line-height: 1.125rem;
    vertical-align: baseline;
    display: block;
}

.cost-profitability-left-nav .totals {
    border-bottom: 1px solid #DDD;
    min-height: 4.16rem;
    display: inline-block;
    width: 100%;
    padding-bottom: 0.41rem;
}

.cost-profitability-left-nav .products-pagination,
.cost-profitability-left-nav .product-totals {
    float: right;
    top: -20px;
    position: relative;
    width: 100%;
}

.cost-profitability-left-nav .pagination {
    display: block;
}

.cost-profitability-left-nav  .pagination__display-range {
    margin-bottom: 0;
}

.cost-profitability-left-nav .pagination ul {
    float: left;
}

.cost-profitability-left-nav .asset-options,
.change-quantity-wrapper .main-asset-container-footer {
    clear: both;
}

.cost-profitability-left-nav .charge-type-text {
    max-width: 50%;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 0.2rem;
}

.cost-profitability-left-nav .net-price-text {
    max-width: 50%;
    float: right;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 0.2rem;
    margin-right: 0.8rem;
    color: #86939F;
}

.cost-profitability-left-nav .net-price-text .price-value {
    color: #333;
}

.asset-left-content-wrap,
.asset-right-content-wrap {
    margin: 1rem;
    float: left;
    width: 40%;
}

.asset-left-content {
    float: left;
    margin-right: 1rem;
    width: 50%;
}

.show-option-line-col {
    padding: 10px 0 10px 0;
    -webkit-box-align: center;
    border-top: 1px solid #E3E3E3;
    margin: 0.5rem 0 0 0.5rem;
}

.cost-profitability-left-nav .asset-line-item {
    border-bottom: 1px solid #E3E3E3;
}

.cost-profitability-left-nav .asset-options {
    margin-top: 0.5rem;
}

.cost-profitability-left-nav .line-item--name {
    display: inline-block;
    width: 100%;
    color: #9A9795;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 0.18rem;
}

.cost-profitability-left-nav .productStatus .line-item--name {
    color: #FF8A33;
}

.cost-profitability-left-nav .product-detail {
    padding: 10px 0 10px 0;
}

.cost-profitability-left-nav div.active,
.cost-profitability-left-nav li.active {
    background-color: #f3f2f2;
}

.cost-profitability-left-nav .charge-line-col {
    background: none;
}

.price-waterfall-content {
   display: block;
   border: 1px solid #DDD;
   margin: 10px;
}

.discounts-table {
    height: 63px;
    display: inline-block;
    width: 100%;
}
.discount-field {
    display: inline-block;
    height: 21px;
    line-height: 21px;
    width: 100%;
    color: #666;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: bold;
}
.content-wrapper {
  margin-top:-20px;
}
.discounts-table .discounts {
  font-size:12px;
  color:#333;
  text-transform: uppercase;
}
.keyMetricsDynamic {
  display: inline-block;
  height: 21px;
  line-height: 21px;
  width: 100%;
  font-size:14px;
  color:#b1b0b0;
}
.main-cost-profitability-wrapper .discounts,
.main-cost-profitability-wrapper .margin {
    float: left;
    background: #fff;
    width: 18.7%;
    margin-right: 0.5rem;
    padding: 9px;
    clear: right;
    height: 63px;
}

.main-content-container {
    width: 100%;
    display: table;
}

.main-cost-profitability-wrapper .cost-line-item-wrap, .price-waterfall-wrap {
    vertical-align: top;
    height: 100%;
    display: table-cell;
    background: #fff;
}

.main-cost-profitability-wrapper .price-waterfall-wrap {
    width: 40%;
}

.main-cost-profitability-wrapper .cost-line-item-wrap {
    width: 60%;
}

.cost-line-item-container{
    display: block;
    margin: 10px;
}

.main-cost-profitability-wrapper .adjustment-editor-wrap {
    margin-top: 1rem;
    float: left;
    background: #fff;
    width: 100%;
}

.main-cost-profitability-wrapper .cost-line-item {
    width: 100%;
}

.cost-line-item-wrap th {
    padding: 1em;
}

.cost-line-item-wrap .price-type-with-additional-col {
    width: 54%;
    min-width: 300px;
    max-width: 440px;
}

.cost-line-item-wrap .price-type.adjustment-amount dynamic-field{
    display: inline-block;
}

.cost-line-item-wrap .price-type.adjustment-amount .adjustment-left-display{
    font-weight: bold;
}

.cost-line-item-wrap .price-type.adjustment-amount .adjustment-right-display{
    float: right;
    margin-right: .5rem;
    font-size: 0.82rem;
}

.cost-line-item-wrap .price-amount {
    width: 58%;
    text-align: right;
}

.cost-line-item-wrap .price-amount-with-additional-col {
    width: 18%;
    min-width: 100px;
    max-width: 150px;
}

.cost-line-item-wrap .optional-field {
    width: 24%;
    min-width: 150px;
    max-width: 180px;
}

.cost-line-item-wrap .optional-field .optional-field-item {
    display: inline-table;
}

.cost-line-item-wrap .optional-field .optional-field-item input {
    width: 6rem;
}

.cost-line-item-wrap .optional-field .optional-field-item dynamic-field div div.select2 {
    width: 7rem;
}

.cost-line-item-wrap .editable-cost input {
    float: right;
    margin-right: 0.5rem;
    width: 5.5rem;
    font-size: 0.8rem;
    text-align: center;
}

.cost-line-item tr td {
    padding: 0.25rem 0.5rem;
    white-space: nowrap;
    position: relative;
    border-top: 1px solid #dddbda;
    height: 2.0rem;
}

.cost-line-item .childCostLine td {
    padding-left: 2.5em;
}

.cost-line-item .level_2 {
    background: #efefef;
}

.cost-line-item .cost-display {
    display: inline-block;
}

.cost-line-item .cost-display-margin {
    display: inline-block;
}

.cost-line-item .manual-adjustment i:before {
    font-size: 1em;
    margin-right: 0.5rem;
}

.cost-line-item .manual-adjustment .blue, .adjustment-editor-wrap h3 {
    color: #4085C9;
}

.cost-line-item .level_0 td:first-child {
    padding-left: 0.5em;
}

.cost-line-item .level_2 td:first-child {
    padding-left: 2em;
}

.cost-line-item .level_3 td:first-child {
    padding-left: 3em;
}

.cost-line-item .level_4 td:first-child {
    padding-left: 4em;
}

.cost-line-item .level_5 td:first-child {
    padding-left: 5em;
}

.cost-line-item .level_6 td:first-child {
    padding-left: 6em;
}

.cost-line-item .level_7 td:first-child {
    padding-left: 7em;
}

.cost-line-item .level_8 td:first-child {
    padding-left: 8em;
}

.cost-line-item .level_9 td:first-child {
    padding-left: 9em;
}

.cost-line-item .level_10 td:first-child {
    padding-left: 10em;
}

.cost-line-item .level_11 td:first-child {
    padding-left: 11em;
}

.cost-line-item .level_12 td:first-child {
    padding-left: 12em;
}

.cost-line-item .level_13 td:first-child {
    padding-left: 13em;
}

.cost-line-item .inner-wrap {
    padding: 0px;
}

.cost-profitability-left-nav .back-to-cart {
    color: #2093DA;
    font-size: 1.2rem;
    font-weight: 700;
}
.cost-profitability-left-nav h3 span.line-item--name {
    color: #006dcc;
}

.cost-profitability-left-nav .charge-line-col {
  color: #86939F;
  width: 100%;
  display: inline-block;
}

.cost-profitability-left-nav .option-line-name {
    height: 2.2rem;
    margin-top: 12px;
}

.cost-profitability-left-nav .charge-line-col,
.option-line-col {
    border-top: none;
}

.cost-profitability-left-nav .block-find-products button {
    top: 0.25rem;
    left: 0.25rem;
}

.block-find-products input {
    padding: .25rem;
}

.manual-adjustment-header {
    padding: 15px 2%;
    width: 100%;
    display: inline-block;
}

.cost-profitability-left-nav .option-line-name {
    height: initial;
    margin-top: 12px;
    padding: 10px 0;
}

.cost-line-item .background-blue {
    background-color: #B1D9F0;
}

.cost-line-item th {
    font-family: 'Salesforce Sans',Arial,sans-serif;
    font-size: 0.875rem;
    line-height: 1.0;
    background-color: #fafaf9;
    color: #514f4d;
    padding: 0.25rem 0.5rem;
    font-weight: 700;
    height: 2.0rem;
}

/* Price Waterfall CSS */
.price-waterfall-wrap .price-waterfall {
  background: #DDD;
  color: #333;
  display: inline-block;
  background: white;
  width: 100%;
  position: relative;
}

/* Price Waterfall Directive controls the overflow on this svg container */
.price-waterfall .svg-container {
  height: 32.45rem;
}

.price-waterfall .svg-container svg {
  shape-rendering: crispEdges;
}

.price-waterfall .svg-container div.tooltip {
  position: absolute;
  text-align: center;
  width: auto;
  height: auto;
  background-color: #444444;
  border-radius: 0.25rem;
  color: #e0e0e0;
  font-size: .8rem;
  padding: 0.3rem 0.7rem;
  z-index: 3;
  margin: -0.6rem 0 0 -0.5rem;
  line-height: .9rem;
}
 
.price-waterfall .svg-container div.tooltip:after {
  box-sizing: border-box;
  display: inline;
  width: 100%;
  line-height: 1;
  color: #444444;
  content: "\25BC";
  position: absolute;
  text-align: center;
  margin: -0.15rem -1rem 0 0;
  top: 100%;
  right: 50%;
}

.price-waterfall .svg-container .bar {
  fill: #d4d4d4;
}

.price-waterfall .svg-container .bar .rect {
  stroke: #808080;
  stroke-width: 1px;
}

.price-waterfall .svg-container .barGrad {
  fill: url('#hoverGradient');
}

.price-waterfall .svg-container .bar .rect-hover-grad {
  stroke: #808080;
  stroke-width: 1px;
}

.price-waterfall .svg-container .bar .rect-hover {
  stroke: #808080;
  stroke-width: 1px;
}

.price-waterfall .svg-container .bar .value {
  font-weight: 300;
  fill: #333;
}

.price-waterfall .svg-container .bar .label {
  font-size: .8rem;
  fill: #333;
}

.price-waterfall .svg-container .bar .adjustment {
  font-size: .9rem;
  font-weight: 500;
}

.price-waterfall .svg-container .bar .adjustment.add {
  fill: #d8d8d8;
  stroke: grey;
  stroke-width: 1px;
}

.price-waterfall .svg-container .bar .adjustment.add-hover {
  fill: #d8d8d8;
  stroke: grey;
  stroke-width: 1px;
}

.price-waterfall .svg-container .bar .adjustment.subtract {
  fill: #2093DA;
  stroke: #0f659a;
  stroke-width: 1px;
}

.price-waterfall .svg-container .bar .barTextFill {
  fill: #333;
}

.price-waterfall .svg-container .bar .adjustment.subtract-hover {
  fill: #2093DA;
  stroke: #0f659a;
  stroke-width: 1px;
}

.axis text { 
    display: none; 
}

.axis path {
  fill: none;
}
.axis .tick line {
  stroke-width: 2px;
  stroke: rgba(0, 0, 0, 0.1);
}

/****** Adjustments **********/

.adjustment-editor-wrap {
    padding: 0 1rem;
}

.adjustment-editor-dialog .modal-header {
    padding: 1rem 0.5rem 0 1rem;
}

.adjustment-editor-footer .btn-apply-primary,
.adjustment-editor-button .btn-apply-primary {
    background: #50bf79;
    color: #fff;
}

.adjustment-editor-footer .btn-cancel-secondary {
    color: #a6a6a6;
    background: #fff;
    border: 1px solid #e4e4e4;
}

.adjustment-editor-dialog {
    position: absolute;
    width: 30%;
    z-index: 30001;
    min-width: inherit;
    bottom: inherit;
    min-height: 10rem;
}

.price-adjustment-content,
.cost-adjustment-content {
    float: left;
    width: 100%;
}

.adjustment-name,
.adjustment-type,
.adjustment-value {
    float: left;
    width: 31%;
    margin-right: 1%;
}

.adjustment-editor-wrap input,
.adjustment-editor-wrap .field--picklist {
    width: 100%;
}

.adjustment-row {
    float: left;
    width: 100%;
}

.adjustment-delete {
    padding-top: 4.5%;
    float: left;
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
    .cost-line-item-wrap {
        margin-bottom: 8%;
    }
    .adjustment-type label {
        margin-bottom: 0.8rem;
    }
    .adjustment-editor-wrap {
        min-height: 7rem;
    }
}


/* start : cost line-item scroll css */

.fixedWrapper {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.fixedWrapper .wrapperContainer {
  overflow-y: auto;
}
 
.fixedWrapper table {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
}
 
.fixedWrapper table thead tr th {
  margin: 0;
  white-space: nowrap;
}
 
.fixedWrapper table thead tr th div {
  width: 100%;
}
 
.fixedWrapper table thead tr th div {
  /* border-left: 1px solid #DDD; */
  /* border-bottom: 1px solid #DDD; */
}

.fixedWrapper table thead tr th.price-header.price-type div.column1 {
    text-align: left;
}

.fixedWrapper table thead tr th.price-header.price-amount div.column2 {
    text-align: right;
}
 
.fixedWrapper table thead tr th div {
  top: 0;
}
 
.fixedWrapper table thead tr th:first-child div {
  border-left: none;
}

.layout--leftcol .sidebar {
  padding: 0.3rem;
  margin: .24rem 0 1rem 0;
}

.cost-profitability-net-price {
    text-align: right;
    height: 1.68rem;
    padding-right: 0.18rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cost-profitability-net-price .cost-profitability-net-price-label {
    color: #9B9B9B;
    height: inherit;
    line-height: inherit;
    display: inline-block;
}

.cost-profitability-net-price .cost-profitability-net-price-value {
    color: #333;
    height: inherit;
    line-height: inherit;
    display: inline-block;
}

.cost-profitability-total-summary-list {
    font-size: 0.75rem;
    border-bottom: 0.06rem solid #DDD;
}

.cost-profitability-total-summary, .cost-profitability-product-list {
    min-height: 3.37rem;
    width: 100%;
    display: inline-block;
}

.cost-profitability-charge-summary, .cost-profitability-charge-name {
    height: 1.68rem;
    line-height: 1.68rem;
    padding-left: 0.18rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #006dcc;
}

.cost-profitability-leftpanel-title {
    color: #44596C;
    height: 1.12rem;
    line-height: 1.12rem;
    margin-bottom: 0.18rem;
    font-weight: bold;
    font-size: 0.87rem;
}

.cost-profitability-products-list, .cost-profitability-options-list {
    font-size: 0.75rem;
    border-bottom: 0.06rem solid #DDD;
}

.optional-field-align {
  text-align: right;
}

.price-amount-with-additional-col {
  text-align: left;
}
.main-configure-product md-tab-content md-content._md {
	background-color: #fff;
}

md-tabs .md-tab {
	max-width:max-content;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	text-decoration: none;
	height: 3rem;
	border: 0;
	text-transform: inherit;
	z-index: 1;
	color: #3e3e3c;
}

md-tabs md-ink-bar {
	color: #1589ee;
	background-color: #1589ee;
}

md-tabs .md-tab.md-active, md-tabs .md-tab:hover {
	color: #080707;
	opacity: 0.9;
}

/* make tabs wrapper height fixed so it still occupies vertical space when tabs are fix positioned upon becoming
	 sticky */
md-tabs md-tabs-wrapper {
	background-color: #fff;
	height: 3rem;
}

.product-nav__required-legend {
	text-align: right;
	position: absolute;
	right: 2rem;
	bottom: .5rem;
}

.main-configure-product .required {
	color: #c32f22;
	content: " *";
}

.config-dfd-multipicklist {
	width: 13.5625rem;
	display: inline-block;
}

.main-configure-product .md-tabs .fa-chevron-down,
.main-configure-product .md-tabs .thumb-tack {
	right: 0;
	position: absolute;
	width: 32px;
}

.main-configure-product .md-tabs .fa-chevron-down:before,
.main-configure-product .md-tabs .thumb-tack:before {
	color: #026FC5;
}

.main-configure-product .md-tabs .fa-chevron-down {
	height: 100%;
	top: 13px;
}

.main-configure-product .md-tabs .fa-chevron-down:before {
	font-size: 1.1rem;
}

.main-configure-product .md-tabs .thumb-tack {
	bottom: 0;
	height: 32px;
	cursor: pointer;
}

.main-configure-product .md-tabs .thumb-tack.pinned {
	transform: rotate(45deg);
}

.main-configure-product .md-tabs .thumb-tack:before {
	font-size: 1.2rem;
}

.main-configure-product .md-tabs .thumb-tack:hover:before {
	color: #44596c;
}

.main-configure-product md-tabs-canvas {
	margin: 0;
	margin-right: 32px;
}

.main-configure-product [role="tabpanel"] {
	transition: none;
}

.main-configure-product #product-config-tabs-container {
	transition: unset !important;
}
.ands-dialog--lg .ands-dialog-content {
	width: 100%;
}

.ands-dialog--lg .ands-dialog-header {
	border-bottom: 1px solid #E7E7EA;
}

.ands-dialog-header .ands-dialog-title {
	margin: 0;
	text-align: left;
}

.ands-dialog-content h5.ands-dialog-title {
	line-height: 3.5rem;
	border-bottom: 1px solid #e7e7ea;
	padding-left: 1rem;
	margin: 0;
}

.ands-dialog-content .item-list-grid-tile-title {
	margin: 0;
}

.ands-dialog--lg .ands-dialog-content {
	padding: 0;
}

.selectable-item-list-grid-tile {
	width: 18.75rem;
	height: 18.625rem;
	border-bottom: 1px solid #e7e7ea;
	border-right: 1px solid #e7e7ea;
	display: inline-block;
	padding: .5rem 1.5rem;
}

@-webkit-keyframes invalid-tile {
	from, to {
		border-color: #c32f22
	}
	50% {
		border-color: #e7e7ea
	}
}

@keyframes invalid-tile {
	from, to {
		border-color: #c32f22
	}
	50% {
		border-color: #e7e7ea
	}
}

.selectable-item-list-grid-tile.invalid {
	-webkit-animation: invalid-tile 400ms step-end 2;
	animation: invalid-tile 200ms step-end 2;
}

.selectable-item-list-grid-tile.invalid {
	border: 1px solid #c32f22;
}

.item-list-grid-container {
	width: 100%;
	height: 100%;
	display: flex;
	flex-flow: wrap;
}

.item-list-grid-tile-title-check {
	margin-bottom: .6rem;
}
.md-panel-override {
	width: auto;
	margin: 0;
}

.md-panel {
	outline: none;
}

.product-option__price .priceIncludedInDetail {
	width: 100%;
	position: inherit;
}
.main-configure-breadcrumb {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #E3E3E3;
	padding: .5rem 1rem .5rem 1rem;
	background-color: #fff;
}

.main-configure-breadcrumb .searched-term input[type] {
	padding: 0;
	border: 0;
	padding-left: .5rem;
	border-radius: 0;
	width: 65%;
	margin-right: 3.4rem;
	height: 2rem;
}

.main-configure-breadcrumb .searched-term {
	min-width: 19.5rem;
	width: auto;
	margin: 0;
	position: relative;
	border: 1px solid #E3E3E3;
}

.main-configure-breadcrumb .search-area {
	display: initial;
}

.main-configure-breadcrumb.fixed {
	position: fixed;
	border-top: 1px solid #E3E3E3;
	border-radius: 5px 0;
	left: 1.0625rem;
	z-index: 1;
}

.search-controls {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.grid-cart-search .grid-cart-product-search {
    padding-right: .3rem;
}
.grid-cart-search .grid-cart-product-search md-icon {
    right: 0 !important;
}
cart-column-filters {
    display: block;
    height: 300px;
    background: #FFF;
    z-index: 1;
    width: 50%;
    min-width: 600px;
    position: absolute;
    left: 132px;
    border: 1px solid #cbcbcc;
}
cart-column-filters h3 {
    border-bottom: 2px solid #dddbda;
    font-size: 1.25rem;
}
catalog-product-sort  h3 {
    border-bottom: 2px solid #dddbda;
    font-size: 1.25rem;
}
catalog-product-sort .ui-select-container{
    width: 15rem;
}

catalog-product-sort .sort-section {
	display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 7px;
}

catalog-product-sort .close-icon{
    margin-left: 219px;
}

.cart-filter-count {
    border-radius: 50%;
    background: #FF0000;
    color: #FFFFFF;
    font-size: 8px;
    margin-left: 15px;
    position: absolute;
    padding: 0.5px;
    font-weight: 600;
    min-width: 12px;
    text-align: center;
}
.cart-filter {
    position: relative;
    display: flex;
    margin: 15px 15px 0 0;
}
.cart-filter i.fa-filter:before {
    font-size: 1.15rem;
}
.column-filter-popup .triangle {
    position: relative;
    left: 284px;
    bottom: 1rem;
    width:0;
    border-bottom:solid 15px #cbcbcc;
    border-right:solid 12px transparent;
    border-left:solid 12px transparent;
}
.column-filter-popup .triangle .empty {
    position: absolute;
    top: 2.49px;
    left: -12px;
    width:0;
    border-bottom: solid 15px #FFF;
    border-right:solid 12px transparent;
    border-left:solid 12px transparent;
}
.column-filter-popup .triangle-sort {
    position: relative;
    left: 7.53rem;
    bottom: 1rem;
    width:0;
    border-bottom:solid 15px #cbcbcc;
    border-right:solid 12px transparent;
    border-left:solid 12px transparent;
}
.column-filter-popup .triangle-sort .empty {
    position: absolute;
    top: 2.49px;
    left: -12px;
    width:0;
    border-bottom: solid 15px #FFF;
    border-right:solid 12px transparent;
    border-left:solid 12px transparent;
}
#criteria_fieldset {
    overflow: auto;
    max-height: 15rem;
    height: 11rem;
    overflow-x: hidden;
}
#criteria_fieldset .select2-container,
#criteria_fieldset input {
    width: 95%;
}
#criteria_fieldset .material-icons {
    font-size: 1.15rem;
    vertical-align: top;
}
#criteria_fieldset .layout-row {
    padding-bottom: .5rem;
}
#filter_logic {
    margin: .4rem 0;
}
#filter_logic .editor {
    width: 100%;
    border: 1px solid transparent;
    border-bottom: 1px solid #cbcbcc;
}
#remove_row {
    border: 1px solid #006dcc;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    margin-top: .5rem;
}
#remove_row .material-icons {
    font-size: .75rem;
    padding-left: 1px;
    padding-top: 1px;
    font-weight: 600;
}
.right {
    float: right;
}
.invalid-filter-value {
    color: #ff0000;
}

.column-filter-popup {
    z-index: 1;
    height: 100%;
    padding: 0 1rem 1rem 1rem;
}

.sort-field-popup {
    padding: 0 1rem 1rem 1rem;
    display: block;
    height: 150px;
    background: #FFF;
    z-index: 1;
    width: 20rem;
    min-height: 150px;
    position: relative;
    top: 1rem;
    right: 0rem;
    border: 1px solid #cbcbcc;
}

.overlay-columnfilter {
    bottom: 0;
    left: 0;
    z-index: -1;
    top: 0;
    position: fixed;
    right: 0;
    cursor: initial;
}
.sort-section .ng-dirty.ng-invalid > a.select2-choice {
    border-top-color: #aaaaaa;
    border-right-color: #aaaaaa;
    border-bottom-color: #aaaaaa;
    border-left-color: #aaaaaa;
}

.browse-catalog {
    padding-left: 7rem;
}

.search-result-sort{
     display:inline-flex;     
}

.product-catalog-sort{
    float:right;
}
.optional-field-cell {
	text-align: center;
}

.priceWaterfallLineItemList {
  margin: .5rem 0 0 1rem;
}

.priceWaterfallLineItemList .listSection {
  height: 616px;
  overflow-y: auto;
}

.priceWaterfallLineItemList .listSection lightning-spinner div.slds-spinner_container {
  position: unset;
}

.priceWaterfallLineItemList .listSection lightning-spinner div.slds-spinner_container .slds-spinner {
  position: relative;
}

.priceWaterfallLineItemList .listHeaderSection .cartGridOverride {
  padding-right: 0px;
  width: 100%;
  margin: 11px 0px 16px 0px;
}

.priceWaterfallLineItemList .listHeaderSection .cartGridOverride input.md-input {
  padding-right: 1.5rem;
}

.priceWaterfallLineItemList .listHeaderSection .cartGridOverride md-icon.material-icons {
  right: 0rem;
}

.priceWaterfallLineItemList .lineItemWrapper {
  border-bottom: 1px solid lightgray;
  cursor: pointer;
}

.priceWaterfallLineItemList .lineItemWrapper:not(.ands-grey-lighten-2-bkg):hover {
  background-color: #F4F6F9;
}

.priceWaterfallLineItemList .lineItemWrapper.chargeLine {
  padding-left: 1.28125rem;
  justify-content: space-between;
}

.priceWaterfallLineItemList .lineItemWrapper .caretWrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-basis: 16px;
  margin-left: -8px;
}

.priceWaterfallLineItemList .lineItem {
  flex-direction: column;
  flex-grow: 1;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.priceWaterfallLineItemList .lineItem div.priceWrapper {
  justify-content: space-between;
}

.priceWaterfallLineItemList .lineItem div.priceWrapper label {
  font-size: 13px;
}

.priceWaterfallLineItemList ul.subList {
  border-left: 2px dashed grey;
}

.priceWaterfallLineItemList .paginationSection {
  justify-content: space-between;
  align-items: center;
}

.priceWaterfallLineItemList .paginationSection .fa-chevron-left,
.priceWaterfallLineItemList .paginationSection .fa-chevron-right {
  position: unset;
  top: unset;
  z-index: unset;
}

.priceWaterfallChart .chartSelector {
  max-width: 320px;
  margin-top: 3px;
}

.priceWaterfallChart .chartControlsWrapper {
  flex-direction: column;
  align-items: flex-end;
}

.priceWaterfallChart .chartControlsWrapper i:before {
  font-size: 1rem;
}

.priceWaterfallChart div .chartActions i:first-child {
  margin-left: auto;
}

.priceWaterfallChart .chartTypeSection label {
  margin-right: auto;
}

.priceWaterfallChart .chartTypeSection div button.ands-btn.ands-primary {
  padding: unset;
}

.priceWaterfallChart .bottomBorder {
  border-bottom: 1px solid lightgray;
}

.priceWaterfallChart .dataSwitcher {
  justify-content: center;
  align-items: center;
}
.priceWaterfallChart .dataSwitcher div {
  display: inline-table;
}

.priceWaterfallChart .dataSwitcher button:first-child {
  margin: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.priceWaterfallChart .dataSwitcher button:last-child {
  margin: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.priceWaterfallChart .dataSwitcher button {
	max-width: 16rem;
}

.priceWaterfallChart .dataSwitcher button span,
.priceWaterfallChart .chartTypeSection.dataSwitcher button span {
	display: block;
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.priceWaterfallChart #container {
  width: 100%;
  height: 400px;
}

.priceWaterfallChart .tableSection {
  margin-top: 0px;;
}

.priceWaterfallChart .tableSection .summaryHeader {
  background-color: rgb(243, 242, 242);
}

.priceWaterfallChart .tableSection thead tr th {
  background-color: #FAFAF9;
  border-top: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
  line-height: 24px;
}

.priceWaterfallChart .tableSection .text-right {
  text-align: right;
}

.priceWaterfallChart .tableSection tbody tr td {
  padding: 0px 4px;
  line-height: 24px;
  border-bottom: 1px solid lightgray;
}

.priceWaterfallChartTooltip .noBreak {
  white-space: nowrap;
}

.priceWaterfallChart .KPIsection .lineItemFieldsHeader {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0px;
}

.priceWaterfallChart .KPIsection .ands-flex {
  flex-wrap: wrap;
}

.waterfall_IncludeOptions_text {
  margin-right: 1.25rem;
  margin-left: 0.25rem;
  position: relative;
}

@media screen and (min-width: 1200px) {
  .priceWaterfallChart .KPIsection .ands-flex .responsiveColumn {
    flex: 0 0 25%;
  }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
  .priceWaterfallChart .KPIsection .ands-flex .responsiveColumn {
    flex: 0 0 33.33333%;
  }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .priceWaterfallChart .KPIsection .ands-flex .responsiveColumn {
    flex: 0 0 50%;
  }
}

@media screen and (max-width: 767px) {
  .priceWaterfallChart .KPIsection .ands-flex .responsiveColumn {
    flex: 0 0 100%;
  }
}


.pricePointAdjustmentDialog {
  outline: 0;
	z-index: 999999;
}

.pricePointAdjustmentDialog .formRow {
  justify-content: space-around;
  align-items: center;
  padding: 16px 0px;
}

.pricePointAdjustmentDialog .formRow .ui-select-container {
  width: 12rem;
}

.pricePointAdjustmentDialog md-dialog-actions.ands-dialog-footer .leftDeleteButton {
  margin-right: auto;
}

.usage-tier-dialog {
	position: fixed;
	top: 50%;
	right: 0;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	min-width: 50%;
	width: 80%;
	max-width: 85%;
	min-height: 40%;
	height: 70%;
	max-height: 80%;
	background: #FFF;
	border-radius: .4rem;
	display: flex;
	flex-direction: column;
	z-index: 40000;
	box-shadow: 0 1px 10px 1px rgba(0, 0, 0, .60);
	resize: both;
	overflow: hidden;
}

.usage-tier-dialog .usage-tier-block {
	width: 100%;
}

.usage-tier-dialog .usage-tier-block .usage-tier-thead-row,
.usage-tier-dialog .usage-tier-block .usage-tier-tbody-row {
	display: flex;
	font-size: .9rem;
	color: #44596C;
}

.usage-tier-dialog .usage-tier-block .usage-tier-tbody-row:not(:last-child) {
	border-bottom: 1px solid #E3E3E3;
}

.usage-tier-dialog .usage-tier-block .usage-tier-line__number {
	display: grid;
	justify-content: left;
	align-content: center;
	flex: 1 1 0px;
	padding: .5rem 1.5rem;
}

.usage-tier-dialog .usage-tier-block .usage-tier-col {
	/* over-ridden by column.HeaderStyle if present */
	display: grid;
	justify-content: left;
	align-content: center;
	flex: 1 1 0px;
	padding: .5rem 1.5rem;
}

.usage-tier-dialog .usage-tier-block .usage-tier-line__remove {
	display: grid;
	justify-content: center;
	align-content: center;
	flex: 1 1 0px;
	padding: .5rem 1.5rem;
}

.usage-tier-dialog .usage-tier-block .usage-tier-line__number label,
.usage-tier-dialog .usage-tier-block .usage-tier-col label,
.usage-tier-dialog .usage-tier-block .usage-tier-line__remove label {
	display: inline-block;
	font-weight: 700;
	font-size: 0.81rem;
	min-width: auto;
	height: 16px;
	padding: 0;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.usage-tier-dialog .usage-tier-block .usage-tier-line__number .fa-info-circle,
.usage-tier-dialog .usage-tier-block .usage-tier-col .fa-info-circle,
.usage-tier-dialog .usage-tier-block .usage-tier-line__remove .fa-info-circle {
	cursor: pointer;
	color: #005fb2 !important;
}

.usage-tier-dialog .usage-tier-block .usage-tier-col .fieldtype-wrapper {
	height: 2.5rem;
	padding: 0;
	margin: 0;
}

.usage-tier-dialog .usage-tier-block .usage-tier-col .fieldtype-wrapper dynamic-field .read-only-plain-text {
	/* over-ridden by column.Style if present */
	text-align: left;
	width: 100%;
	max-width: 100%;
	padding: 0;
	margin: 0;
}

.usage-tier-dialog .usage-tier-block .usage-tier-col .fieldtype-wrapper dynamic-field p {
	min-width: 0;
}

.usage-tier-dialog .usage-tier-block .usage-tier-col .fieldtype-wrapper dynamic-field input {
	/* over-ridden by column.Style if present */
	text-align: left;
	width: 100%;
	max-width: 100%;
	padding: 0;
	margin: 0;
}

.usage-tier-dialog .usage-tier-block .usage-tier-col .fieldtype-wrapper dynamic-field[is-editable="false"] div.aptQuantity,
.usage-tier-dialog .usage-tier-block .usage-tier-col .fieldtype-wrapper dynamic-field[is-editable="false"] div.aptCurrency {
	float: none;
}

.usage-tier__actions {
	padding-top: 3%;
	padding-left: 1%;
	font-size: initial;
	color: #2A94D7;
}

.is-usage-tier-disabled>.add-usage-tier {
	pointer-events: none;
	cursor: default;
	color: #999;
	opacity: 1.3;
}

.usage-tier-product__name {
	color: #2A94D7;
}

.usage-price-tier-button {
	float: right;
}
option-page-ui-search, option-page-server-search {
    display: flex;
    width: 100%;
}

.option-search-container {
    display: flex;
    width: 100%;
    justify-content: space-evenly;
}

.search-controls {
    width: 6rem;
    padding: 7px 0;
}
.tree {
    list-style: none;
    padding-left: 20px;
    position: relative;
}

.tree tr {
    text-align: left;
    border-bottom: 1px solid #CBD5E1;
}

.tree tr td {
    padding-top: 10px;
    padding-bottom: 10px;
}

.tree tr th {
    font-style: normal;
    font-weight: 600;
    color: #072034;
    padding: 6px 0;
    border-bottom: 1px solid #072034;
    border-top: 1px solid #CBD5E1;
}

.tree tr th:first-child {
    padding-left: 10px;
}

.tree tr td .tree-node:first-child::before {
    content: "";
    position: absolute;
    margin-top: 10px;
    margin-left: -17px;
    width: 10px;
    height: 1px;
    background: #34A3FF;
}

.tree tr td .tree-node.has-children.expanded::after {
    content: "";
    position: absolute;
    top: calc((var(--content-offset) * 45px) + 29px);
    left: calc(var(--depth)* 30px + 13px);
    height: calc((var(--content-height) - 1)* 45px + 22px);
    width: 10px;
    border-left: 1px solid #34A3FF;
    border-bottom: 1px solid #34A3FF;
    border-bottom-left-radius: 20px;
    box-sizing: border-box;
}

.tree tr td .tree-node.last-child::before, .tree tr td .tree-node[style*="--depth: 0"]::before {
    display: none;
}

.chevron {
    display: inline-block;
    margin: 0 8px;
    width: 10px;
    height: 10px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
}

.chevron-right {
    transform: rotate(-45deg);
}

.chevron-down {
    transform: rotate(45deg);
}
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

.alerts-dialog.modal-dialog {
    width: 32rem;
    min-width: auto;
    max-height: 100%;
    left: auto;
    border-radius: 0;
    z-index: 29998;
    position: fixed; 
    box-shadow: -5px 0px 15px -3px rgba(0, 0, 0, 0.5); /* Negative X offset, Y offset, blur, spread, color */

    /* Define the transition properties */
    transition: opacity 0.3s ease-out, transform 0.3s ease-out; 
    
    /* Default visible state (target for animation) */
    opacity: 1;
    transform: translateX(0); /* Final position */
}

/* State when hidden by ng-show (ng-hide class is applied by Angular) */
.alerts-dialog.ng-hide {
    opacity: 0;
    transform: translateX(100%); /* Start off-screen to the right */
    pointer-events: none; /* Prevent interactions when hidden */
}

/* --- Animation classes for ngAnimate --- */

/* Initial state for the "show" animation (when ng-hide is about to be removed) */
.alerts-dialog.ng-hide-remove {
    display: block !important; /* Crucial: Override ng-hide's display:none during animation */
    opacity: 0;
    transform: translateX(100%); /* Start off-screen to the right and transparent */
}

/* Active state for the "show" animation (dialog transitions to this state) */
.alerts-dialog.ng-hide-remove-active {
    opacity: 1;
    transform: translateX(0); /* Slide to final position and become opaque */
}

/* Optional: Define "hide" animation if desired (slides back to the right) */
.alerts-dialog.ng-hide-add {
    display: block !important; /* Keep visible during hide animation */
    opacity: 1;
    transform: translateX(0); /* Start at final position */
}

.alerts-dialog.ng-hide-add-active {
    opacity: 0;
    transform: translateX(100%); /* Slide off-screen to the right and fade out */
}

.alert-box {
    display: flex;
    justify-content: left;
    padding: 10px;
    margin: 10px;
    box-sizing: border-box;
    border-radius: 8px;
    border: 1px solid #CBD5E1;
    transition: opacity 0.3s ease-out, transform 0.3s ease-out, max-height 0.3s ease-out, padding 0.3s ease-out, margin 0.3s ease-out;
    overflow: hidden; /* To ensure content doesn't spill during height animation */
    max-height: 100px; /* Adjust as needed, should be more than the expected height */
}

/* Initial state for the "hide" animation */
.alert-box.alert-box-hide-add {
    opacity: 1;
    transform: translateX(0);
    max-height: 100px; /* Adjust as needed */
    padding: 10px;
    margin: 10px;
}

/* Active state for the "hide" animation (transitions to this state) */
.alert-box.alert-box-hide-add-active {
    opacity: 0;
    transform: translateX(100%); /* Slide off-screen to the right */
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    border-width: 0; /* Optional: animate border removal */
}

/* If you are using ng-repeat and ngAnimate, Angular might add classes like .ng-leave and .ng-leave-active */
/* You can use these instead of custom alert-box-hide-add / alert-box-hide-add-active */

.alert-box.ng-leave {
    transition: opacity 0.3s ease-out, transform 0.3s ease-out, max-height 0.3s ease-out, padding 0.3s ease-out, margin 0.3s ease-out;
    opacity: 1;
    transform: translateX(0);
    max-height: 100px; /* Adjust as needed */
}

.alert-box.ng-leave.ng-leave-active {
    opacity: 0;
    transform: translateX(100%);
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.alert-error {
    background-color: #FFF7F7; /* Light red background */
    border-color: #FF9E9E; /* Dark red text */
}

.alert-warning {
    background-color: #FFFFD3; /* Light yellow background */
    border-color: #FFD73A; /* Dark yellow text */
}

.alert-success {
    background-color: #F0FDF4; /* Light green background */
    border-color: #99FFA6; /* Dark green text */
}

.alert-info {
    background-color: #E4F7FF; /* Light green background */
    border-color: #83BDFE; /* Dark green text */
}

.alerts-dialog .modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    border-bottom: 1px solid #E5E7EB;
}

.alert-content {
    max-width: 70%;
    /* Potentially add flex-shrink: 0; if it shouldn't shrink */
}

.alert-title {
    font-size: 1.4em;
    font-weight: bold;
}

.alert-actions {
    text-align: right;
    /* Remove fixed width */
    /* width: 22%; */ 
    flex-grow: 1; /* This will make it take up the remaining space */
}

.alert-icon {
    width: 6%;
    margin: 5px 0;
    flex-shrink: 0; /* Prevent shrinking if space is tight */
}

.alert-icon md-icon {
    display: block;
    margin: auto;
    width: 20px;
    height: 20px;
    min-height: 20px;
    min-width: 20px;
}

.alerts-dialog .btn-primary {
    border: 1px solid #0170EF;
    padding: 0px 20px;
    border-radius: 8px;
}

.alerts-dialog .btn-primary:hover {
    background-color: #E5F2FF;
}


/* The main container for the messages component */
.messages-container {
    margin: 0 auto 0.75rem auto; /* Center the component with auto margins */
    background-color: #F0F1F2; /* White background for the component */
    width: 100%;
    max-width: 500px; /* Max width for the component */
    padding: 16px;
    box-sizing: border-box; /* Include padding and border in the element's total width and height */
}

.alert-chevron-right::after {
    display: inline-block; /* Ensures width, height, and proper rendering */
    font-family: "FontAwesome"; /* Or "Font Awesome 5 Free", "Font Awesome 6 Free", etc., depending on your version */
    /* For Font Awesome 5/6 Solid icons, you often need font-weight: 900; */
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #777;
    
    width: 24px; /* This might be more for hit-area; font-size controls icon size */
    height: 24px; /* This might be more for hit-area; font-size controls icon size */
    /* Consider using font-size to control the icon's visual size, e.g., font-size: 16px; */
    line-height: 24px; /* To vertically align the icon if height is used */
    text-align: center; /* To horizontally align the icon if width is used */

    margin-left: 8px; /* Space between title and chevron */
    cursor: pointer; /* Change cursor to pointer for interactivity */
    content: "\F054";
}

/* Header section containing title, badges, and arrow */
.messages-header {
    display: flex;
    align-items: center;
    justify-content: space-between; /* Pushes arrow to the right */
}

.messages-header h2 {
    font-size: 15px;
    color: #333;
    font-weight: bold;
    margin-left: 4px;
    height: 20px;
}

/* Badges for errors and warnings */
.badge {
    padding: 4px 8px;
    border-radius: 12px; /* Pill-shaped badges */
    font-size: 12px;
    font-weight: bold;
    margin-right: 8px;
}

.badge-error {
    background-color: #ffe5e5; /* Light pink background */
    color: #E10505; /* Red text */
}

.badge-warning {
    background-color: #fff9e5; /* Light yellow background */
    color: #b8860b; /* Dark yellow/brown text */
}

.badge-info {
    background-color: #E4F7FF; /* Light blue background */
    color: #0170EF; /* Blue text */
}

.badge-success {
    background-color: #F0FDF4; /* Light blue background */
    color: #2A9935; /* Blue text */
}
.price-ramps-dialog .select-wrapper {
    position: relative;
    display: inline-block;
}
.price-ramps-dialog .select-wrapper select {
    /* Remove default arrow */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 2.5rem; /* Make space for custom arrow */
}
.price-ramps-dialog .select-wrapper .select-arrow {
    position: absolute;
    right: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #4a5568; /* gray-700 */
}
/* Custom style for table borders */
.price-ramps-dialog .table-cell-border {
    border-bottom: 1px solid #e2e8f0; /* gray-200 */
}

.price-ramps-dialog .warning-text {
    color: red;
	font-size: 0.75rem;
}
.price-ramps-dialog .header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: 0.5rem;
}

.price-ramps-dialog .header-actions {
    display: flex;
    gap: 8px;
    align-items: end;
}

.price-ramps-dialog .termInputCombined {
    width: 70%;
    display: flex;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.02);
}

.price-ramps-dialog th {
    width: 20%; text-align: left;
}

.price-ramps-dialog .sectionHeader {
    font-weight: bold;
    font-size: 14px;
}

.price-ramps-dialog .section {
    margin-bottom: 1.5rem;
}

.price-ramps-dialog .dialog-content{
    padding: 15px;
    overflow: unset;
}

.price-ramps-dialog .termInputCombined select {
    padding: 8px 10px;
    border: none;
    border-left: 1px solid #d1d5db;
    border-radius: 0 4px 4px 0;
    background: #f9fafb;
    font-size: 12px;
    cursor: pointer;
    outline: none;
}

.price-ramps-dialog .termInputCombined input {
    padding: 8px 10px;
    border: none;
    border-radius: 4px 0 0 4px;
    font-size: 12px;
    outline: none;
    width: 100%;
}

.price-ramps-dialog .price-segments-table {
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    margin-bottom: 12px;
}

.price-ramps-dialog .price-segments-table th {
   width: 25%;
   padding: 12px 24px;
   text-align: center;
   font-weight: bold;
   color: #6b7280;
   text-transform: uppercase;
   font-size: 12px;
   
}
.price-ramps-dialog .price-segments-table thead th:first-child {
    width: 15%;
}

.price-ramps-dialog .price-segments-table thead th:last-child {
    width: 10%;
}


.price-ramps-dialog .price-segments-table tbody {
    display: block;
    max-height: 40vh;
    overflow-y: auto;
}

.price-ramps-dialog .price-segments-table table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.price-ramps-dialog .price-segments-table thead {
    display: table;
    width: 100%;
    table-layout: fixed;
    background: #f9fafb;
}

.price-ramps-dialog .price-segments-table tbody td {
    width: 25%;
    padding: 16px 24px;
    font-size: 12px;
    color: #6b7280;
    text-align: center;
}

.price-ramps-dialog .price-segments-table tbody td:first-child {
    width: 15%;
}

.price-ramps-dialog .price-segments-table tbody td:last-child {
    width: 10%;
}

.price-ramps-dialog .price-segments-table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.price-ramps-dialog .blue-addRamp {
   color:#2093DA;
   background: none;
}

.price-ramps-dialog .grey-addRamp {
   color:#ccc;
   background: none;
}

.price-ramps-dialog .empty-icon {
    width: 300px;
    height: 300px;
}

.price-ramps-dialog .no-ramps-section {
    width: 100vw;
    text-align: center;
}
.rule-action-icons {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
}

.rule-action-icons md-icon {
    transition: max-width 0.5s ease, opacity 0.5s ease, margin-left 0.5s ease;
    max-width: 0;
    opacity: 0;
    overflow: hidden;
    margin-left: 0;
}


.rule-action-icons md-icon:first-child {
    max-width: 24px;
    /* Adjust to your icon's width */
    opacity: 1;
}

.rule-action-icons:hover md-icon {
    max-width: 24px;
    /* Adjust to your icon's width */
    opacity: 1;
    margin-left: 4px;
    /* space between icons */
}

.rule-action-icons:hover md-icon:first-child {
    margin-left: 0;
}

.rule-action--icon svg {
    width: 1.2rem;
}

.rule-action--icon-container {
    position: relative; 
    display: inline-flex; 
    vertical-align: middle;
}

.main-configure-product__product-option-row:has(.rule-action--include) {
    background-color: #F7FEF9 !important;
    border-left: #119F3A solid 4px;
    border-bottom: #E4E4E7 solid 0.2px;
}

.main-configure-product__product-option-row:has(.rule-action--exclude) {
    background-color: #F4F7FA !important;
    border-left: #94A3B8 solid 4px;
    border-bottom: #94A3B8 solid 0.2px;
}

.main-configure-product__product-option-row:has(.rule-action--clone) {
    background-color: #F7FEF9 !important;
    border-left: #119F3A solid 4px;
    border-bottom: #E4E4E7 solid 0.2px;
}

.main-configure-product__product-option-row:has(.rule-action--errors) {
    background-color: #FEF8F8 !important;
    border-left: #DC2828 solid 4px;
    border-bottom: #EF4444 solid 0.2px;
}

.rule-action--message {
    display: block;
    padding: 10px 0;
}

.rule-action--message:not(:last-child) {
    border-bottom: #E4E4E7 solid 0.2px;
}

.multiple-actions-count--badge {
    position: absolute;
    top: -5px;
    right: 0px;
    height: 10px;
    width: 10px;
    line-height: 11px;
    font-size: 8px;
    color: white;
    background-color: #d9534f;
    border-radius: 50%;
    text-align: center;
}