.ft_container table { border-width: 0px; margin: 0px; border-collapse: collapse; margin: 0; outline-style: none; font-size: 0.9em; background-color: #fff; }

.ft_container table tr th {	font-weight: bold; }

.ft_container table thead { -moz-user-select: none;-webkit-user-select: none;}
.ft_container table tr th, 
.ft_container table tr td { border-collapse: collapse; padding: 2px 4px; word-wrap: break-word; border: 1px solid #CCCCCC; border-top-width: 0px; border-left-width: 0px; border-right-width: 1px; border-bottom-width: 1px; overflow:hidden; word-wrap: break-word;}

.ft_container table tr:first-child td,  
.ft_container table tr:first-child th { border-top-width: 1px; border-color: #CCCCCC; }
.ft_container table tr td:first-child,
.ft_container table tr th:first-child { border-left-width: 1px; border-color: #CCCCCC; }

.ft_container { overflow: hidden; padding: 0px; }

.ft_rel_container { position: relative; overflow: hidden; border-width: 0px; width: 100%; height: 100%; }

.ft_r, .ft_rc { background-image: none; }
.ft_rc { position: absolute; z-index: 1005; }
.ft_r, .ft_c { position: relative; }

.ft_rwrapper, .ft_cwrapper { overflow: hidden; position: absolute; z-index: 1001; border-width: 0px;  padding: 0px; margin: 0px; }
/*.ft_rwrapper { width: 100%; padding-right: 17px; }*/

.ft_scroller { overflow: auto; height: 100%; padding: 0px; margin: 0px;}

.ft_container tbody tr.ui-widget-content, thead.ui-widget-header { background-image: none; }

/* @group | Common Changes */
/* ------------------------------------------------------ */
	.button-middle, 
	.button-middle a { 
		line-height: 18px; /* Button Height */
	} 
	td.button-middle { 
		background-color: #000; 
		border-color: #bbb; 		
	}
	td.button-middle:hover { 
		background-color: #fff; /* background hover color */
	} 
	td.button-middle:active { 
		background-color: #333; /* background clicked color */
	} 
/* @end */

/* @group | Commerce */
/* ------------------------------------------------------ */

	label.cm-reqattr-label { /* Required Attributes */
		border-left: 3px red solid !important;
		padding-left: 4px;
		width: auto !important;
	}
/*
	form[name="bmDocForm"] .form-item  {
		padding: 0 5px;
	}
*/
	/* @group | Custom Commerce Classes 
					(can be added to columns in layout editor */
	/* ------------------------------------------------------ */
		.qs_header label { 
			font-size: 14px; 
			width: 100% !important; 
			border-bottom: solid 1px; 
			padding-bottom: 2px; 
			margin-bottom: 6px;
			color: #000;
			background: #E2E2E2;
			clear: both;
			font-family: Arial,Helvetica,sans-serif !important;
		}
		.qs_customgroup_header label { /* Smaller Subhead */
			font-size: 14px;
			display: block;
			margin-bottom: 2px;
			width: 100% !important;
			white-space: nowrap;
			color: #000;
		}
		.qs_customgroup2_header label {
			color: #000;
			width:  100% !important;
			border-bottom: solid 1px;
			float: left;
			font-size: 14px;
			font-weight: normal;	
		}
		.qs_right label{
			text-align: right !important;
		}
		.qs_border_top {
			border-top: 1px solid #eaeaea;
			padding-top: 10px !important;
			margin-top: 5px;
		}
		.qs_border_top .attr-spacer {
			width: 100% !important;
			display: block !important;
			height: 20px;
			background: #ff9900 !important;
		}
		.qs_pricing_vr {
			border-right: 1px solid #eaeaea;
			padding: 0 !important;
			height: 200px;
			width: 1px;
			margin: 0 auto;
		}
		.qs_border_top textarea {
			line-height: 18px;
		}
		.qs_grandtotal label, .qs_grandtotal .field {
			font-size: 17px;
			color: #000;	
		}
		.qs_grandtotal {
			border-top: 1px solid #333;
		}
		.qs_adhoc_header label {
			font-size: 12px;
			display: block;
			margin-bottom: 5px;
			width: 100% !important;
			white-space: nowrap;
		}
		
		.qs_right {
			text-align: right;
		}
		
	/* @end */
	
	/* @group | Attribute Specific Formatting */
	/* ------------------------------------------------------ */
	/* Added - Pooja Panwar -  18/10/19 - PROJ-1943022_BREQ-001 */
		#readonly_1_reconfigureErrorLogs_quoteUK {
			font-size : 16px;
			color : #FF8C00;
			font-weight : bold;
		}
		/* END */
		#attr_wrapper_1_subtotalPostQuoteDiscounts_quote {
			border-top: 1px solid #999;
			padding-top: 4px;
		}
		#attr_wrapper_1_subtotalPreQuoteDiscounts_quote, #attr_wrapper_1_adHocItemsOneTime_quote, #attr_wrapper_1_adHocItemsMonthly_quote {
			border-bottom: solid 1px #999;
			padding-bottom: 5px;
			margin-bottom: 10px;
		}
		#attr_wrapper_1_subtotalPreQuoteDiscounts_quote label,
		#attr_wrapper_1_subtotalPreQuoteDiscounts_quote .field,
		#attr_wrapper_1_subtotalPostQuoteDiscounts_quote .field,
		#attr_wrapper_1_subtotalPostQuoteDiscounts_quote label,
		#attr_wrapper_1_adHocItemsOneTime_quote .field,
		#attr_wrapper_1_adHocItemsOneTime_quote  label,
		#attr_wrapper_1_adHocItemsMonthly_quote .field,
		#attr_wrapper_1_adHocItemsMonthly_quote label, {
			font-size: 12px;
			color: #000;
			font-weight: bold;
		}
	/* @end */
	
	/* @group | Pagination */
	/* ------------------------------------------------------ */
		.column .paging-tools{ 
			text-align: center; 
			font-size: 12px; 
		}
		.paging-tools { 
			margin-top: 15px; 
		}
		div.paging-tools span{ 
			/*visibility: hidden;*/ /* Commented this line By Srinivas on 10/12/2021 to fix defect PROJ-2164628_BUG-0037 - upgrade related issue*/
			padding: 0; 
		} 
		.paging-tools .first-page,
		.paging-tools .prev-page,
		.paging-tools .paging-status,
		.paging-tools .next-page,
		.paging-tools .last-page { 
			visibility: visible; 
		}
		.paging-status { 
			margin: 0 10px 0 6px; 
		}
		.paging-tools a.paging-tool-disabled {
			color: #ccc;
			background-color: #aaa;
			border-color: #ddd;
		}
		.paging-tools span a {
			padding: 3px 6px;
			text-decoration: none;
			color: #333;
			
			-moz-border-radius: 4px; 	
			-webkit-border-radius: 4px;  
			border-radius: 4px;
			border: #bbb solid 1px;
			
			-webkit-background-clip: padding-box; /* Fixes border bleed in webkit */
			background-clip: padding-box !important;
			-moz-background-clip: padding !important;
			background:  url(image/images/button-back.png) repeat-x 0 0 #000; 
		}
		.paging-tools span a:hover { 
			background-color: #003366;
		}
		.paging-tools span a:active { 
			background-color: #ffd24f; 
			background-position: 0 -310px; 
		}
	/* @end */
	
	/* @group | Panels */
	/* ------------------------------------------------------ */
		.panel .panel-body { 
			padding: 10px; 
			/* border: none; */ 
		}
		.tab-content { 
			/* border: solid #666; */ 
			border-width: 0 1px 3px 1px; 
			padding: 15px 10px 10px; 
		}
		form[name="bmDocForm"] .tab-content { 
			border-top:  0; 
		}
		.panel.collapsible { 
			padding: 31px 10px; 
			border-top: solid 2px #e5c130;  
			/* border-radius: 3px; */ 
			margin: 30px -1px 0 0px; 
		
			border-bottom-right-radius: 5px;  
			border-bottom-left-radius: 5px;
}
		.panel.panel-collapsed { 
			padding: 15px 10px 0 10px; 
			border: solid 1px #aaa; 
			border-width: 1px 0 0 0; 
		}
		div.panel .panel-tl, 
		div.panel .panel-tc, 
		div.panel .panel-tr { 
			background: #fff; 
			width: auto !important; 
		}
		div.panel .panel-tl {
			border: none; 
			margin: -28px 0 0 5px; 
			padding: 0 5px 0 30px; 
			float: left; 
			background-image: url(image/images/arrow-expanded.png);
		   background-repeat: no-repeat;
		   background-position: 8px 4px ;
		}
		div.panel-bl { 
			display: none; 
		}
		div.panel-collapsed .panel-tl { 
			background-image: url(image/images/arrow-collapsed.png); 
		}
		div.panel .panel-heading { 
			color: #333; 
			font-size: 14px; 
		}
		.toggle-panel { 
			display: none; 
		}
		
		/* Panels which should have no border */
		#content4654912, #content4968264 { 
			border: none; 
		}
		
		#content4654912 div[style="width: 35%;"] .form-item { 
			border-bottom: solid 1px #ededed; 
		}
		#content4654912 div[style="width: 35%;"] .form-item[style="height: 5px;"] { 
			border: none; 
			margin-top: 15px; 
		}
		#content4745967 { 
			border: none; 
		}
		#cm-manager-content table{ 
			border: solid #eaeaea; 
			border-width: 0 1px;}
		#cm-manager-content td { 
			border-bottom: solid 1px #eaeaea; 
		}
/*Forced Set style for the options */
.cfg-image-menu-read-only .selected {
    background-color: #FFFFFF;
    background-image: url();
	/*Set RAG Status Imnage for tariff array*/
	width: 57px !important;
}

	/* @end */
	
	/* @group | Line Item Grid */
	/* ------------------------------------------------------ */
		#line-item-grid tr.parent-line-item > td { 
		    border-width: 0 1px 1px 1px;
		}
		#line-item-grid .parent-line-item:hover td { 
			background-color: #f1f3f6; 
		}
		#line-item-grid td {
			border: solid 1px #eaeaea;
			border-width: 1px;
			padding: 3px 5px;	
		}
		#line-item-grid .child-line-item td{
			background-color: #f6f6f6 ; 	
		}
		.child-line-item:hover td {
			background-color: #f0f0f0; 	
		}
		#line-item-grid td td, 
		#line-item-grid th td{
			border: none;
			padding: 0 3px;
		}
		#line-item-grid .action-icon-bar div {
			padding: 0;
			margin-top: 3px ;
			height: 12px;
		}
		#line-item-grid { 
			border-collapse: collapse; 
		}
		.line-item-grid-header th { 
			font-size: 12px; 
			padding: 4px 2px; 
		}
		.line-item div div {
			line-height: 21px;
		}
		
		.line-item div.text-wrapper-inner {
			margin-top: 1px;
		}
		.line-item-grid-footer th{ 
			border-width: 4px 0; 
			padding: 3px 5px; 
			font-size: 14px; 
		}
		
		td.checker{ 
			text-align: center;
		}
		td.checker input {
			margin-top: 7px;	
		}
		.line-item-grid-wrapper .child-line-item .checker input {
			float: right;
			margin-left: 26px;
		}
		#line-item-grid .line-item-show .reorder-icon {
			left: inherit;
			position: relative;
			width: 6px;
			margin-top: 1px;
		}
		.line-item-grid-wrapper .line-item .collapsible,
		.line-item-grid-wrapper .line-item .collapsible.collapsed {
			position: relative;
			float: left;
			margin: 6px 0 0 -1px;			
			cursor: pointer;
			height: 13px;
			width: 13px;
			background-position: center center !important;
		}
		
		/* @end */
	
/* @end */

/* @group | Tabs */
/* ------------------------------------------------------ */

	.page-tabs.tab-strip {
		background: #ddeff4 url(image/images/bottom-glow-overlay.png) bottom repeat-x !important;
		padding: 0 0 0 10px;
		border-bottom-width: 2px;
		border-bottom: 1px #003366 solid;
	}
	.tab-inner { 
		background: none !important; 
	}
	.tab-right { 
		background: none !important; 
	}
	.tab-strip .tab-text {
		padding: 0;
		color: #444;
		padding-top: 3px;
	}
	.tab-strip a.tab-left:hover .tab-text { 
		color: #000; 
	}
	.tab-strip .tab-active .tab-text { 
		padding: 0; 
		font-size: 12px; 
		color: #FBF8F6 !important;
	}
	.tab-strip .tab-active a.tab-left,
	.tab-strip .tab-active a.tab-left:hover  { 
		margin-top: 1px; 
		/* background: url(image/images/bottom-shadow.png) repeat-x bottom #355e86; */ 
		background:#e5c130 !important;
		border-top-left-radius: 7px !important;
		border-top-right-radius: 7px !important;
		box-shadow: 3px 0 5px -3px #999,-3px 0 5px -3px #999 !important;
		background-image: -webkit-linear-gradient(rgba(255,255,255,.50),rgba(255,255,255,0) 12px) !important;
	}
	.model-config .page-tabs li{ 
		margin-bottom: -2px\9; 
	}
	.tab-strip a.tab-left {
		background: none;
		-moz-border-radius: 6px 6px 0 0;
		border-radius: 6px 6px 0 0;
		-webkit-border-radius: 6px; /* Used multiple s mobile doesn't like this in shorthand */
	    -webkit-border-bottom-right-radius: 0;
    	-webkit-border-bottom-left-radius: 0;
	}
	/* .tab-strip a.tab-left:hover { 
		background: transparent url(image/images/dark-tab-over.png) repeat-x top; 
	} - Sambit commented for PROJ-2057502_US-012 */
	.tab-strip .tab-text,
	.tab-strip a.tab-left {
		height: 24px;
		line-height: 24px;
	}
	
/* @end */
	
/* @group | Config */
/* ------------------------------------------------------ */

	/* @group | Pipeline Viewr */
	/* ------------------------------------------------------ */
		.view-header-table { 
			margin-bottom: -14px; 
		}
		.view-header-table tr.view-header {
			background-color: transparent;
			border: solid 1px;
		}
		.view-header-table a.view-header { 
			padding: 0 5px; 
			line-height: 13px; 
			float: right; 
			float: none\9; 
		}
		.view-header-table tr.view-header td {
			line-height: 13px;
			height: 13px;
		}
	/* @end */
	
	/* @group | Parts Tables */
	/* ------------------------------------------------------ */
		.items-table-content .spare-grid th {
			border-bottom: solid 1px #cdcdcd;
			padding-top: 6px;
			padding-bottom: 6px;
			background: #fff url(image/images/light-tab-background.png) left 6px repeat-x;
		} 
		.spare-grid th:hover { 
			background-position: 0 -5px; 
		}
		.spare-grid th.headerSortDown,
		.spare-grid th.headerSortUp { 
			background-position: 0 -10px; 
		}
		#recommendation-section .main-model {
			margin-top: 10px;
			padding: 5px 10px;
		}
		.main-model span { 
			line-height: 22px;
		}
	/* @end */
	
	/* @group | Images for Config Buttons */
	/* ------------------------------------------------------ */
		a#update { 
			padding-left: 20px;
			background-image: url(image/images/arrow_refresh.png); 
		}
		a#start_over { 
			padding-left: 20px; 
			background-image: url(image/images/restart.png); 
		}
		a#add_to_quote,
		a#create_quote { 
			padding-left: 20px; 
			background-image: url(image/images/add-to-quote.png);
		}
		a#add_to_cart { 
			padding-left: 20px; 
			background-image: url(image/images/add-to-cart.png); 
		}
	/* @end */
	
/* @end */

/* @group | Buttons */
/* ------------------------------------------------------ */
	.button-middle a img { /* Commerce buttons images */
		margin: -8px 0 0 2px; /* The top margin is minus half height of the image (normally 16px). */
		position: absolute;
		top: 50% !important;
	}
	.button-middle div { 
		margin: 0 !important; /* overrides .js inline click movement */
	} 
	.button-left, .button-right { 
		display: none; /* hide button sides used in original table buttons */
	} 
	td.button-middle { 
		background-image:  url(image/images/button-back.png); 
		background-repeat: repeat-x;
		background-position: 0 0; 
		border-style: solid;
		border-width: 1px;
		-webkit-background-clip: padding-box ; /* Fixes border bleed in webkit */
		background-clip: padding-box;
		-moz-background-clip: padding;
		display: block;
		position: relative;
		-moz-border-radius: 4px; 	
		-webkit-border-radius: 4px;  
		border-radius: 4px;
	}
	td.button-middle:active { 
		background-position: 0 -310px; /* shows inverted gradient */ 
	}    
	.button-middle a { 
		outline: none;  
		-moz-outline-style: none;
		display: block;
		background-position: 0 center;
		background-repeat: no-repeat;
		margin: 2px 8px 0 8px;		
	}
	.button-middle a:active,
	.plain-button:active .button-text { 
		margin: 2px 7px 0px 9px; /* moves text on click to simulate button press */
	} 
	td.bottom-bar img { 
		margin-bottom: -3px; 
	}
	a.bottom-bar { 
		padding-right: 6px; 
	}
	td.bottom-bar { 
		padding: 3px 0; 
	}
/* @end */

/* @group | Additional Fixes */
/* ------------------------------------------------------ */
	.bm-actionstrip-horiz table {
		display: inline-block; /* for Safari */
		zoom: 1; 
		*display:inline; /*IE7 Hack */
	}
/* @end */		   background-position: 8px 4px ;
		}
		div.panel-bl { 
			display: none; 
		}
		div.panel-collapsed .panel-tl { 
			background-image: url(image/images/arrow-collapsed.png); 
		}
		div.panel .panel-heading { 
			color: #333; 
			font-size: 14px; 
			font-family: Arial,Helvetica,sans-serif !important;

		}
		.toggle-panel { 
			display: none; 
		}
		
		/* Panels which should have no border */
		#content4654912, #content4968264 { 
			border: none; 
		}
		
		#content4654912 div[style="width: 35%;"] .form-item { 
			border-bottom: solid 1px #ededed; 
		}
		#content4654912 div[style="width: 35%;"] .form-item[style="height: 5px;"] { 
			border: none; 
			margin-top: 15px; 
		}
		#content4745967 { 
			border: none; 
		}
		#cm-manager-content table{ 
			border: solid #eaeaea; 
			border-width: 0 1px;}
		#cm-manager-content td { 
			border-bottom: solid 1px #eaeaea; 
		}
	/* @end */
	
	/* @group | Line Item Grid */
	/* ------------------------------------------------------ */
		#line-item-grid tr.parent-line-item > td { 
		    border-width: 0 1px 1px 1px;
		}
		#line-item-grid .parent-line-item:hover td { 
			background-color: #f1f3f6; 
		}
		#line-item-grid td {
			border: solid 1px #eaeaea;
			border-width: 1px;
			padding: 3px 5px;	
		}
		#line-item-grid .child-line-item td{
			background-color: #f6f6f6 ; 	
		}
		.child-line-item:hover td {
			background-color: #f0f0f0; 	
		}
		#line-item-grid td td, 
		#line-item-grid th td{
			border: none;
			padding: 0 3px;
		}
		#line-item-grid .action-icon-bar div {
			padding: 0;
			margin-top: 3px ;
			height: 12px;
		}
		#line-item-grid { 
			border-collapse: collapse; 
		}
		.line-item-grid-header th { 
			font-size: 12px; 
			padding: 4px 2px; 
		}
		.line-item div div {
			line-height: 21px;
		}
		
		.line-item div.text-wrapper-inner {
			margin-top: 1px;
		}
		.line-item-grid-footer th{ 
			border-width: 4px 0; 
			padding: 3px 5px; 
			font-size: 14px; 
		}
		
		td.checker{ 
			text-align: center;
		}
		td.checker input {
			margin-top: 7px;	
		}
		.line-item-grid-wrapper .child-line-item .checker input {
			float: right;
			margin-left: 26px;
		}
		#line-item-grid .line-item-show .reorder-icon {
			left: inherit;
			position: relative;
			width: 6px;
			margin-top: 1px;
		}
		.line-item-grid-wrapper .line-item .collapsible,
		.line-item-grid-wrapper .line-item .collapsible.collapsed {
			position: relative;
			float: left;
			margin: 6px 0 0 -1px;			
			cursor: pointer;
			height: 13px;
			width: 13px;
			background-position: center center !important;
		}
		
		/* @end */
	
/* @end */

/* @group | Tabs */
/* ------------------------------------------------------ */

	.page-tabs.tab-strip {
		background: #ddeff4 url(image/images/bottom-glow-overlay.png) bottom repeat-x !important;
		padding: 0 0 0 10px;
		border-bottom-width: 2px;
		border-bottom: 1px #003366 solid;
	}
	.tab-inner { 
		background: none !important; 
	}
	.tab-right { 
		background: none !important; 
	}
	.tab-strip .tab-text {
		padding: 0;
		font-size: 1.083em;
        color: #000;
       font-weight: bold;
       text-decoration: none;
	   font-family: Arial,Helvetica,sans-serif;
	}
	.tab-strip a.tab-left:hover .tab-text { 
		color: #000; 
	}
	.tab-strip .tab-active .tab-text { 
		padding: 0; 
		font-size: 12px; 
	}
	.tab-strip .tab-active a.tab-left,
	.tab-strip .tab-active a.tab-left:hover  { 
		margin-top: 1px; 
		background: url(image/images/bottom-shadow.png) repeat-x bottom #355e86; 
	}
	.model-config .page-tabs li{ 
		margin-bottom: -2px\9; 
	}
	.tab-strip a.tab-left {
		background: none;
		background: linear-gradient(#E5F2F6,#CDE8F0);
		-moz-border-radius: 6px 6px 0 0;
		border-radius: 6px 6px 0 0;
		-webkit-border-radius: 6px; /* Used multiple s mobile doesn't like this in shorthand */
	    -webkit-border-bottom-right-radius: 0;
    	-webkit-border-bottom-left-radius: 0;
	}
	/* .tab-strip a.tab-left:hover { 
		background: transparent url(image/images/dark-tab-over.png) repeat-x top; 
	} - Sambit commented for PROJ-2057502_US-012 */
	.tab-strip .tab-text,
	.tab-strip a.tab-left {
		height: 24px;
		line-height: 24px;
	}
	
/* @end */
	
/* @group | Config */
/* ------------------------------------------------------ */

	/* @group | Pipeline Viewr */
	/* ------------------------------------------------------ */
		.view-header-table { 
			margin-bottom: -14px; 
		}
		.view-header-table tr.view-header {
			background-color: transparent;
			border: solid 1px;
		}
		.view-header-table a.view-header { 
			padding: 0 5px; 
			line-height: 13px; 
			float: right; 
			float: none\9; 
		}
		.view-header-table tr.view-header td {
			line-height: 13px;
			height: 13px;
		}
	/* @end */
	
	/* @group | Parts Tables */
	/* ------------------------------------------------------ */
		.items-table-content .spare-grid th {
			border-bottom: solid 1px #cdcdcd;
			padding-top: 6px;
			padding-bottom: 6px;
			background: #fff url(image/images/light-tab-background.png) left 6px repeat-x;
		} 
		.spare-grid th:hover { 
			background-position: 0 -5px; 
		}
		.spare-grid th.headerSortDown,
		.spare-grid th.headerSortUp { 
			background-position: 0 -10px; 
		}
		#recommendation-section .main-model {
			margin-top: 10px;
			padding: 5px 10px;
		}
		.main-model span { 
			line-height: 22px;
		}
	/* @end */
	
	/* @group | Images for Config Buttons */
	/* ------------------------------------------------------ */
		a#update { 
			padding-left: 20px;
			background-image: url(image/images/arrow_refresh.png); 
		}
		a#start_over { 
			padding-left: 20px; 
			background-image: url(image/images/restart.png); 
		}
		a#add_to_quote,
		a#create_quote { 
			padding-left: 20px; 
			background-image: url(image/images/add-to-quote.png);
		}
		a#add_to_cart { 
			padding-left: 20px; 
			background-image: url(image/images/add-to-cart.png); 
		}
	/* @end */
	
/* AC: UI fixes 22/06/16 */	


	
	.button-text, .button-text:link, .button-text:visited {
    position: relative;
    top: -2px;
	}
	


/* @group | Buttons */
/* ------------------------------------------------------ */
	.button-middle a img { /* Commerce buttons images */
		margin: -8px 0 0 2px; /* The top margin is minus half height of the image (normally 16px). */
		position: absolute;
		top: 50% !important;
	}
	.button-middle div { 
		margin: 0 !important; /* overrides .js inline click movement */
	} 
	.button-left, .button-right { 
		display: none; /* hide button sides used in original table buttons */
	} 
	/*td.button-middle { 
	 background: #35b4e9;
		//background-image:  url(image/images/button-back.png); 
		background-repeat: repeat-x;
		background-position: 0 0; 
		border-style: solid;
		border-width: 1px;
		-webkit-background-clip: padding-box ; 
		background-clip: padding-box;
		-moz-background-clip: padding;
		display: block;
		position: relative;
		-moz-border-radius: 4px; 	
		-webkit-border-radius: 4px;  
		border-radius: 4px;
	}*/
	td.button-middle { 
position: relative;
/*background: #e8e8e9 url('/bmfsweb/devvodafonegroup/image/images/btn_sprite.png') repeat-x right top; - // Sambit commented for PROJ-2057502_US-012 - 25th Jan'21*/
color: #333;
margin: 1px;
padding: 2px 3px;
border: 1px solid #b5b5b5;
border-bottom-color: #7f7f7f;
/*background: #e8e8e9 url('/img/alohaSkin/btn_sprite.png') repeat-x right top; - // Sambit commented for PROJ-2057502_US-012*/
font-weight: bold;
font-size: .9em;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
	}
	td.button-middle:active { 
		background-position: 0 -310px; /* shows inverted gradient */ 
	}    
	.button-middle a { 
		outline: none;  
		-moz-outline-style: none;
		display: block;
		background-position: 0 center;
		background-repeat: no-repeat;
		margin: 2px 8px 0 8px;	
		color:#000;
		font-family: Arial,Helvetica,sans-serif;
		font-size: 1.1em;
	}
	.button-middle a:active,
	.plain-button:active .button-text { 
		margin: 2px 7px 0px 9px; /* moves text on click to simulate button press */
	} 
	td.bottom-bar img { 
		margin-bottom: -3px; 
	}
	a.bottom-bar { 
		padding-right: 6px; 
	}
	td.bottom-bar { 
		padding: 3px 0; 
	}
/* @end */

/* @group | Additional Fixes */
/* ------------------------------------------------------ */
	.bm-actionstrip-horiz table {
		display: inline-block; /* for Safari */
		zoom: 1; 
		*display:inline; /*IE7 Hack */
	}
/* @end */


.panel-body .tab-strip {
background: linear-gradient(#E5F2F6,#CDE8F0);
}

/*.button-middle:hover a {
color:#35b4e9 !important;
}*/
.button-middle:hover a {
color:#000 !important;
}
a.header-item {
font-size: 12px !important;
/*color: #333333;
color: rgba(255, 255, 255, 0.6) !important;*/
color: #fff !important;
font-family: Verdana;
font-weight: bold !important;
text-align: right !important;
//padding: 0px 0px 0px 0px !important;
}

body{
background-color: #FFFFFF !important;
/*background: linear-gradient(#E5F2F6,#CDE8F0) !important;*/
font-family: Arial,Helvetica,sans-serif !important;
}

table.header-bordercolor {
background: #1797c0;
border-radius: 6px !important;
}

.header-item, .header-item:link, .header-item:visited { 
    /* font-size: 1.1em !important; */
    font-family: Arial,Helvetica,sans-serif !important;
    font-weight: normal; 
    font-style: normal;
    color: #fff !important;
    text-transform: capitalize;
    text-decoration: underline;
	font-weight:bold !important;
}

/*.topcolor {
background-color: transparent !important;
}
.panel .panel-body {
background-color: transparent !important;
}
.tab-content{
background-color: transparent !important;
}
#sticky-actions .floating{
background : transparent !important;
}

.group-header{
background-color: transparent !important;
}
.group-inner{
background-color: transparent !important;
}*/


.attribute-label {
font-family: Arial,Helvetica,sans-serif !important;
font-size: 91% !important;
font-weight: bold !important;	
}

.attribute-field {
font-family: Arial,Helvetica,sans-serif !important;
font-size: 91% !important;	
}

th.list-label, th.list-label:link, th.list-label:visited {
	background-color: #f2f3f3 !important;	
	/* background: #f2f3f3; */  
	border-width: 0 0 1px 1px !important;  
	border-color: #e0e3e5 !important;  
	color: #000 !important;  
	font-size: 0.9em !important;  
	font-weight: bold !important;  
	padding: 5px 2px 4px 5px !important;
}
.group-header span {
color: #000 !important;
font-size: 14px !important;
font-family: Arial,Helvetica,sans-serif !important;
}
.group-header {
background-color: #E2E2E2 !important;
padding-bottom: 10px;
padding-left: 15px;
padding-top: 10px;
margin: 0;
font-size: 8pt;
border-bottom: 2px solid rgb(77, 121, 156);
border-radius: 5px 5px 0 0;
}

.items-header-wrapper {
background-image: none !important;
background-color: #1797c0 !important;
}

.array thead th {
background-color: #1797c0 !important;
}

.panel .tab-strip {
    border-bottom: 4px solid #e5c130 !important;
}

.page-content, #family-nav, ul.dropdown, #hide-show-login{
/* background: linear-gradient(#E5F2F6,#CDE8F0) !important; */
}



#family-nav li a {
color: #fff !important;
height: 36px !important;
/*font-size: 12.5px !important; Commented by Seema 29 jun*/
font-size: 11px !important; 
line-height: 36px !important;
padding: 0 18px !important;
text-decoration: none !important;
float: left !important;
/* font-size: 1.083em; */
color: #353535 !important;
font-weight: bold !important;
text-decoration: none !important;

}
ul.dropdown li a{
color: #003663 !important;
font-weight: bold !important;
font-size:10 px;
color: #000 !important;
/* font-size: 1.3em; */
/*padding: 2px 13px 2px 13px !important; Commented by Seema 29jun*/
padding: 2px 2px 2px 2px !important;

font-weight: bold !important;
font-family: 'Arial','Helvetica',sans-serif !important;
display: block !important;
float: none !important;
}

ul.dropdown {
	background-color: #f8f8f8 !important; 
}

#family-nav {
	/* background: linear-gradient(#E5F2F6,#CDE8F0) !important; */
	  background: linear-gradient(rgb(229,242,246),rgb(205,232,240)) !important;	
	 background: -webkit-linear-gradient(#E5F2F6,#CDE8F0) !important;
	 background-color: rgb(229,242,246) !important;
}

#family-nav li.active{
background: #e5c130 !important;
border-top-left-radius: 7px !important;
border-top-right-radius: 7px !important;
box-shadow: 3px 0 5px -3px #999,-3px 0 5px -3px #999 !important;
background-image: -webkit-linear-gradient(rgba(255,255,255,.50),rgba(255,255,255,0) 12px) !important;
}

ul.dropdown li.active{
	background :none !important;
}

#field_wrapper_1_pLMonthlyView_quote{
padding-left:3px !important;
overflow-x:auto;
}

/* Font Color in header */
.view-header, .form-header {
    color: rgba(244, 247, 249, 1) !important;
    font-size: 11pt !important;
    background-color: #003f71;
}


#attr_wrapper_1_pLMonthlyView_quote label {
width: 0px !important;
}

#im-rAGStatus.cfg-image-menu-read-only .selected{
  	border:1px solid;
    border color: black; 
}

#im-rAGStatus.cfg-im-grid .selected, .cfg-im-value .selected{
	border:1px solid;
  border color: black; 
}
/* HElp text Icon */

/* AC: UI fixes 22/06/16 
#attr_wrapper_1_quoteDescription_quote{
	margin-left: 3%;
}
*/


/* AC: UI fixes 22/06/16
#attr_wrapper_1_quoteType_quote{
	margin-left: 3%;
}
*/

#attr_wrapper_1_excelUpload_quote{
	margin-left: 3%;
}
#attr_wrapper_1_status_quote{
	margin-left: 3%;
}

/* AC: UI fixes 22/06/16 
#attr_wrapper_1_expirationDate_quote{
	margin-left: 3%;
}
*/

/*Added By : Ganeshram M Purpose :PROJ-1517538_BUG-069  */
#targetSpendShortfallPercentageLimit_quote{
	text-align: right;
}
#targetSpendShortfallPercentageOutstanding_quote{
	text-align: right;
}
/* AC: UI fixes 23/06/16*
#attr_wrapper_1_quoteDescription_quote .help-icon{
	margin-left: -2.5% !important;
}
#attr_wrapper_1_status_quote .help-icon{
		margin-left: -3%;
}
#attr_wrapper_1_quoteType_quote .help-icon{
	margin-left: -3%;
}
#attr_wrapper_1_excelUpload_quote .help-icon{
	margin-left: -3%;
}
#attr_wrapper_1_status_quote .help-icon{
	margin-left: -3%;
}
#attr_wrapper_1_expirationDate_quote .help-icon{
		margin-left: -2.5% !important;
}
#attr_wrapper_1_tCType_quote{
	margin-left: 3%;
}
#attr_wrapper_1_tCType_quote .help-icon{
	margin-left: -3%;
}
*/
#attr_wrapper_1_proposalNotes_quote span{
	margin-left: 10%;
}

/* AC: UI fixes 29/06/16
#attr_wrapper_1_contractTermMenu_quote{
margin-left: 3%;
}
*/

#attr_wrapper_1_approval_status_submit_quote{
	margin-left: 1%;
}
/*
#attr_wrapper_1_approval_status_submit_quote .help-icon{
	margin-left: -1%;
}

/* AC: UI fixes 22/06/16
#attr_wrapper_1_accountName_quote{
	margin-left:3%;
}
*/

#attr_wrapper_1_opportunityName_quote{
	margin-left:3%;
}

/* AC: UI fixes 22/06/16
#attr_wrapper_1_quoteNumber_quote{
	margin-left:3%;
}
*/

/* AC: UI fixes 29/06/16
#attr_wrapper_1_contractTermMenu_quote{
	margin-left:2%;
}
*/

/* AC: UI fixes 22/06/16
#attr_wrapper_1_revisionNumber_quote{
	margin-left:3%;
}
*/

/* AC: UI fixes 22/06/16
#attr_wrapper_1_createdDate_quote{
	margin-left:3%;
}
*/

/* AC: UI fixes 22/06/16
#attr_wrapper_1_submittedDate_quote{
	margin-left:3%;
}
*/

/* AC: UI fixes 27/06/16
#attr_wrapper_1_approvalDate_quote{
	margin-left:3%;
}
*/

/* AC: UI fixes 22/06/16
#attr_wrapper_1_expiryExtension_quote{
	margin-left:3%;
}
*/

#attr_wrapper_1_includeCoverPage_quote{
	margin-left:3%;
}
#attr_wrapper_1_includeCoverLetter_quote{
	margin-left:3%;
}

#attr_wrapper_1_includeTC_quote{
	margin-left:3%;
}

#attr_wrapper_1_coverLetter_quote span{
	margin-left: 10%;
}

/* AC: UI fixes 29/06/16
#field_wrapper_1_contractTermMenu_quote{
	margin-left: 1%;
}
*/

#attr_wrapper_1_corporateCoverageScheme_quote
{
	margin-left:15% !important;
}
	
/* AC: UI fixes 22/06/16	
#attr_wrapper_1_quoteDescription_quote .help-icon{
	margin-left: -3% !important;
}
*/
/*
#attr_wrapper_1_status_quote .help-icon{
		margin-left: 17%;
}

#attr_wrapper_1_excelUpload_quote .help-icon{
	margin-left: 17%;
}
/* AC: UI fixes 23/06/16
#attr_wrapper_1_expirationDate_quote .help-icon{
	margin-left: 16%;
}
*/

	/*Target spend*/
	#attr_wrapper_1_targetSpend_quote span
	{
		padding-right: 5px;
		font-size: 17px;
		color: #000;
	}
	#attr_wrapper_1_targetSpend_quote label
	{
		width: 156px !important;
	}
	#readonly_1_targetSpend_quote
	{
		font-size: 17px;
		color: #000;
	}
	/*End for Target Spend*/
	
 /* Help Icon *
#attr_wrapper_1_tCType_quote .help-icon {
    margin-left: 17%;
}

#attr_wrapper_1_proposalNotes_quote .help-icon {
    margin-left: 9.5%;
}
*/
#attr_wrapper_1_tCType_quote {
    margin-left: 0%;
}
#attr_wrapper_1_proposalNotes_quote{
margin-left: 0%;
}

#recommendation-section{
	display:none !important;
}
#pleaseSelectAtleastOneProduct{
	display:none !important;
}
/* Line Item grid */
#line-item-grid{
	overflow: scroll !important;
}
/*Removing Tab form Mobile Tarrif
#tab-solutions{
  display: none !important;
}*/
/* Help text Approval Tab * 
#attr_wrapper_1_tCType_quote{
	margin-left: 3% !important;
}
#attr_wrapper_1_tCType_quote .help-icon{
	margin-left: -3% !important;
}
#attr_wrapper_1_proposalNotes_quote .help-icon{
	margin-left: 0% !important;
}
#attr_wrapper_1_alterativeCashBonusPaymentTimescales_quote .help-icon{
	margin-left: -4% !important;
}	
#attr_wrapper_1_alterativeTechnologyFundPaymentTimescales_quote .help-icon{
	margin-left: -4% !important;
}
*/
#attr_wrapper_1_alterativeTechnologyFundPaymentTimescales_quote{
	margin-left: 4% !important;
}
#attr_wrapper_1_alterativeCashBonusPaymentTimescales_quote{
	margin-left: 4% !important;
}
#attr_wrapper_1_proposalNotes_quote{
	margin-left: 0% !important;
}


/* Help text Quote Expiration */
/*AC: UI fixes 23/06/16
#attr_wrapper_1_expirationDate_quote{
	margin-left: 3% !important;
}
*/

/* AC: UI fixes 23/06/16
#attr_wrapper_1_expirationDate_quote .help-icon{
	margin-left: -3% !important;
}
*/

/*AC: UI fixes 23/06/16
#attr_wrapper_1_crmOpportunityId_quote{
	margin-left: 3% !important;
}
*/

 #readonly_1_lineItemView_quote{
	overflow: scroll !important;
}
#readonly_1_pLMonthlyViewAmendment_quote{
	overflow: scroll !important;
}
#readonly_1_pLMonthlyViewNew_quote{
	overflow: scroll !important;
}
/*Added by Nikita for fixed line item attribute */
#readonly_1_lineItemViewFixed_HU{
	overflow: scroll !important;
}

#readonly_1_amendmentMonthlyPLView{
	overflow: scroll !important;
}
#readonly_1_expandedPLMonthlyView_quote{
	overflow: scroll !important;
}
#readonly_1_pLMonthlyView_quote{
	overflow: scroll !important;
}
/* Added By : Ganeshram M Purpose : BREQ 180*/
#readonly_1_financialSummaryPerSiteView_quote{
	overflow: scroll !important;
}
#readonly_1_oPATemplateLineItemGrid{
	overflow: scroll !important;
}
#readonly_1_subsidyView_quote{
	overflow: scroll !important;
}
#readonly_1_financialSummaryMobilityView_quote{
	overflow: scroll !important;
}
/*#line-item-grid .child-line-item td .text-wrapper-inner {
     pointer-events: none !important;
}*/
#line-item-grid .child-line-item td .text-wrapper-inner input, .text-wrapper-inner textarea {
background-color: #F6F6F6;
}
#line-item-grid{
	overflow: scroll !important;
}
/* Increased the length of Rate Name Array  

.cell-rate_CallProfile .attribute-field-container {
    width: 330px!important;
}
.cell-rate_Fixed .attribute-field-container {
    width: 330px!important;
}
.cell-rate_international .attribute-field-container {
    width: 330px !important;
}
.cell-rate_inbound .attribute-field-container {
    width: 330px !important;
}
.cell-rate_outbound .attribute-field-container {
    width: 330px !important;
}
*/
/*
#readonly_1_expandedPLView{
	overflow: scroll !important;
	  width: 80% !important;
}
#readonly_1_pLExpandedTable1{
	overflow: scroll !important;
	  width: 80% !important;
}

#readonly_1_pLTable1_quote{
	overflow: scroll !important;
	width:72% !Important;
}
#readonly_1_pLView_quote
{
	overflow: scroll !important;
	width:72% !Important;
}*/
#im-brands .cfg-im-item{
	width: 70px !important;

}
#cftFeasiblilty{
display:block;
width:750px;
height:100%;
overflow:auto;
overflow-y:scroll;
max-height:1000px;
}
#siteDetailsForSIP{
display:block;
width:750px;
height:100%;
overflow:auto;
overflow-y:scroll;
max-height:1000px;
}
/*added by Chandan to fix UI Issues
#sourceSite{
display:block;
width:500px;
height:750px;
overflow:auto;
}
/*.optiontable tbody td{
max-height: 200px;
max-width:200px;
overflow: auto;
}*/
/*
#destinationSite{
display:block;
width:500px;
height:750px;
overflow:auto;
}*/
/*
#attr_wrapper_1_tCType_quote .help-icon{
margin-left: 25%;
}

#attr_wrapper_1_proposalNotes_quote .help-icon{
margin-left: 15%;
}

/* CSS for CFT Feasibility tables*/
.optiontable {
	border-collapse: collapse;
	/*background-color: #cccccc;*/
    border-color: #000000;
    /*border-style: solid;*/
    border-width: 1px;
	display: block;
	width: 100%
}

.optiontable thead {
	display: block;
	width: 100%;
}

.optiontable tbody {
	display: block;
	width: 100%;
	overflow-y: auto;    /* Trigger vertical scroll    */
    overflow-x: auto;  /* Trigger horizontal scroll */
}

.optiontable table {
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
}

.feasibiltyHeader th{
	background-color: #1797c0 !important;
}
.optiontable th {
	background-color: #1797c0 !important;
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
	color: #000000;
	font-family: Arial,Helvetica,sans-serif !important;
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	height: 32px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
	vertical-align: middle;
}

.optiontable tr {
	background-color: #ffffff;
	color: #333;
	width: 100%;
	border-bottom: solid 1px #ddd;
}

.optiontable td {
	height: 32px;
	line-height: 12px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 11px;
	font-weight: normal;
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
	vertical-align: middle;
	text-align: center;
}
/*Approve reject action */
.form-approval {
    position: relative !important;
    margin-bottom: 10px !important;
}

.form-approval-wrapper {
    padding-right: 200px !important;
}
.form-approval input {
    height: 20px !important;
    width: 80% !important;
    padding: 2px  !important 
    border: 1px solid #B5B8C8  !important;
    background: #fff url(/gwt/gxt/images/default/form/text-bg.gif) repeat-x !important;
}

.form-approval .approve-reason{
   position : relative !important;
    left: 890px !important;
    bottom: 0px !important;
    top: -38px !important;
    bottom: 0 !important;
    width: 50px !important;
    height: 20px !important;
    cursor: pointer !important;
}
.form-approval .reject-reason {
   position : relative !important;
    left: 900px !important;
    bottom: 25px !important;
    top: -38px !important;
    right: 30px !important;
    width: 40px !important;
    height: 20px !important;
    cursor: pointer;
}
.form-approval .approve-reason img{
    
     padding-top: 10px !important;
    height: 30px !important;
    width: 30px !important;
}
.form-approval .reject-reason img {
   
    padding-left : 10px !important;
    height: 30px !important;
    width: 30px !important;
}
	
.action-icon.action-icon-visible.line-item-edit{
	display: none;
}

/* #recommendation-section{
	display:none;
} */
/*border to all playbook text areas*/
#readonly_1_minimumTermTextArea_quote,#readonly_1_chargesTextArea_quote,#readonly_1_backDatingMinimumTermOnlyTextArea_quote,#readonly_1_backDatingChargesOnlyBoolean_quote,#readonly_1_actualSpendAchievedPriorTextArea_quote,#readonly_1_extendingTheMinimumToMeetTargetSpendTextArea_quote,#readonly_1_addingTheOptionToRenegotiateTextArea_quote,#readonly_1_absorbAnyOutstandingTargetSpendTextArea_quote,#readonly_1_targetSpendOnlyCommitmentTextArea_quote,#readonly_1_subsidyRecoveryChargeEarlyTerminationTextAre_quote,#readonly_1_noRecoveryChargeOnceTargetSpendTextArea_quote,#readonly_1_perConnectionSubsidyTextArea_quote,#readonly_1_forTheDealNoPhasingSubsidyTextArea_quote,#readonly_1_forTheDealWithPhasingSubsidyTextArea_quote,#readonly_1_perConnectionPaymentTextArea_quote,#readonly_1_forTheDealNoPhasingPaymentTextArea_quote,#readonly_1_forTheDealWithPhasingPaymentTextArea_quote,#readonly_1_subsidyIsPayableOnlyOnProofOfTerminationText_quote,#readonly_1_subsidyIsPayableOnlyCustomerSignsUpTextArea_quote,#readonly_1_benchmarkTextArea_quote,#readonly_1_generalCommitmentTextArea_quote {
    border-style: solid;
    border-width: 1px;
    border-color: #D3D3D3;
}
#search-login-toggle-wrapper {
 margin-right: -200px !important;
 }
 
 /* Delete Button in Commerce*/
 .array-remove {
    background: transparent none repeat scroll center center;
    display: inline-block;
    height: 16px;
    overflow: hidden;
    text-indent: -9999px;
    width: 16px;
}
.array-remove {
    background-image: url("/img/config/delete.png");
}


#readonly_1_lockedBy {
	color: #FF0000 !important; 
	font-weight: bold !important;
	/*font-size: 14px;*/
}

#attr_wrapper_1_refreshQuote label {
	visibility: hidden;
}

/*config help text size*/
#question-help.help-popup.unreset{
max-height: 1000px;
max-width : 1000px;	
overflow : scroll;
	
}

#categorySME-help.help-popup.unreset{
max-height: 1000px;
max-width : 1000px;	
overflow : scroll;
	
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}
.alert {
    border: 1px solid transparent;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 15px;
}

.scrolltable { margin-top: 20px; height: 200px; overflow: auto; }
.scrolltable table { border-collapse: collapse; }
.scrolltable tr:nth-child(even) { background: #EEE; }
.scrolltable th div { position: absolute; margin-top: -20px; }

#readonly_1_manualFeasibilityResponseForEP_quote > div:first-child{
	height : 100% ! important; 
}
.logo-wrapper{
background-image: url(image/images/Vodafone_logo_new.png).;	
}
.content{
background-image: url(image/images/Vodafone_logo_new.png);	
}
.wrapper-inner{
	background-image: url(image/images/Vodafone_logo_new.png);
}

/* Added by Raviteja 02-08-2017*/
/* To change the font color of attribute "4 Year Margin %" and its value */

div#attr_wrapper_1_a4YearMarginHU_quote {
    color: red;
	font-weight: bold;
}

div#attr_wrapper_1_a4YearMarginHU_quote .form-label span {
    color: red;
}

/* Added by Prashanth Kasarla Date: 20-04-2021*/
#tariff2CopyCounter, #tariff2NewCounter {
	
	display : none!important;
	
}
/*Added by Rohit for PROJ-2160559_BUG-0078 defect on 11/06/2021*/
#readOnlyMessage_VGERed
{
padding-top: 80px;
margin-bottom: -90px;
} 
/*Praveen - PROJ-1621878_BUG-1421 - Picklist CSS change after upgrade */
.jet-combobox .oj-text-field-container input {
    border: 0;
    font-size: 11px;
    color: #555555;
}

.jet-combobox.oj-text-field .oj-text-field-container {
    border-radius: 2px;
    height: 15px;
    border: 1px solid #080909;
    width: 100%;
}

/*Unity ---Project - PROJ-2164546 To hide array label names for Subscription and Addon Date :- 04/10/2021 */
#_setsub_Unity-arraySet-summary, #_setaddOn_Unity-arraySet-summary{
	display: none!important;
}