/* ============================================================================================= */
/* =========================================== Panels ========================================== */
/* ============================================================================================= */
#TOPOrderProposalListAlerts, #TOPOrderProposalListAlertsPanelFrame {
	width: 850px;
}

#TOPOrderProposalListDetailAlerts{
	padding-bottom :25px ;
}

#TOPOrderProposalCalculationLaunch, #TOPOrderProposalCalculationLaunchPanelFrame {
	width: 850px;
}

#TOPOrderProposalListCalculationAlerts, #TOPOrderProposalListCalculationAlertsPanelFrame {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

/* ============================================================================================= */
/* ========================================= Sub-panels ======================================== */
/* ============================================================================================= */

/* ------------------------------- TOPOrderProposalSummary Panel ------------------------------- */
#TOPOrderProposalSearchHeaderPanelFrame {
	margin-top: 10px;
}

#TOPOrderProposalSearchHeaderByProgrammedCriteria {
	width: 200px;
}

#TOPOrderProposalProgress {
	width: 250px;
	height: 30px;
}

/* ============================================================================================= */
/* ==================================== Sub-panels elements ==================================== */
/* ============================================================================================= */

/* -------------------------------- TOPOrderProposalListHeaders -------------------------------- */
#TOPOrderProposalListHeadersActionsPanel {
	max-width: 1150px;
	padding-bottom: 0px;
}

#TOPOrderProposalLineDetail {
	width: 1500px;
	height: 800px;
}

/* ============================================================================================= */
/* =========================================== Flags =========================================== */
/* ============================================================================================= */
.flagSpan {
	white-space: nowrap;
}

.flagSpan2 {
	white-space: nowrap;
	padding-left: 4px;
}

.flag {
	border: none;
	height: 20px;
	cursor: help;
	padding-left: 2px;
	padding-right: 2px;
	vertical-align:top;
}

.magnif {
	background: url("../../img/loupe.gif") no-repeat;
	width: 20px;
	height: 20px;     
	cursor: pointer;
	padding-left:5px;
}

/*------------------ Header ------------------*/
.faultFlag {
	background: url("../img/header/orderProposalFault.png") no-repeat;
	width: 20px;
	height: 20px;
	cursor: pointer;
}

.faultFlagNumberOfFaults {
	display: inline-block !important;
	border: 1px solid red;  
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	font-weight: bold;
	vertical-align:bottom; /* text-bottom */
	height: 18px; /* 16px */
}

.warningFlag {
	background: url("../img/header/orderProposalWarning.png") no-repeat;
	width: 20px;
	height: 20px;
}

.warningFlagNumberOfArticlesWithWarnings {
	display: inline-block !important;
	border: 1px solid #4C748F; 
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	font-weight: bold;
	vertical-align:bottom; /* text-bottom */
	height: 18px; /* 16px */
}

.promotionFlag {
	background: url("../img/header/orderProposalPromotion.png") no-repeat;
	width: 20px;	
	height: 20px;
}

.speculationFlag {
	background: url("../img/header/orderProposalSpeculation.png") no-repeat;
	width: 20px;
	height: 20px;
}

.transitFlag {
	background: url("../img/header/orderProposalTransit.png") no-repeat;
	width: 20px;
	height: 20px;
}

.justInTimeFlag {
	background: url("../img/header/orderProposalJustInTime.png") no-repeat;
	width: 20px;
	height: 20px;
}

.noteFlag {
	width: 20px;
	height: 20px;
	background: url("../img/header/orderProposalNote.png") no-repeat;
}

.noteLVFlag {
	width: 20px;
	height: 20px;
	background: url("../img/header/orderProposalLVNote.png") no-repeat;
}

.replenishmentLinkCommentFlag {
	background: url("../img/header/supplierSupplyReplenishmentLinkComment.png") no-repeat;
	width: 20px;
	height: 20px;
}

.supplierCommentFlag {
	background: url("../img/header/supplierComment.png") no-repeat;
	width: 20px;
	height: 20px;
}

.validationFlag {
	background: url("../img/header/orderProposalValidation.png") no-repeat;
	width: 20px;
	height: 20px;
}

.partialTransitValidationFlag {
	background: url("../img/header/orderProposalValidation.png") no-repeat;
	width: 20px;
	height: 20px;
}

.collectionAuthorisationFlag {
	background: url("../img/header/collectionAuthorisationFlag.png") no-repeat;
	width: 20px;
	height: 20px;
	margin-left: 2px;
}

.promoComplementFlag {
	background: url("../img/truckHeader/promocomplement.png") no-repeat;
	width: 20px;
	height: 20px;
}

/*------------------ Order Lines ------------------*/
.lineDetailActionsDiv{
	text-align:center;
}

.plusTooltip {
	border: 0;
	background: url("../img/line/orderProposalPlusTootip.png") no-repeat;
	width: 20px;
	height: 20px;
	cursor: hand;
    margin-left: 0px;
}

.nextOrderProposalLineDetailFlag {
	border: none;
	background: url("../img/line/nextOrderProposalLineDetailFlagButton.png") no-repeat;
	width: 30px;
	height: 20px;
	height:27px;
	cursor: hand;
	margin-left:5px;
	vertical-align:bottom;
}

.previousOrderProposalLineDetailFlag {
	border: none;
	background: url("../img/line/previousOrderProposalLineDetailFlagButton.png") no-repeat;
	width: 30px;
	height: 20px;
	height:27px;
	cursor: hand;
	vertical-align:bottom;
}

.orderProposalTransitValidationFlagCode {
	border: 0;
	background: url("../img/line/orderProposalTransitValidation.png") no-repeat;
	width: 20px;
	height: 20px;
	cursor: hand;
    margin-left: 1px;
}

.orderProposalPartialTransitValidationFlagCode {
	border: 0;
	background: url("../img/line/orderProposalPartialTransitValidation.png") no-repeat;
	width: 20px;
	height: 20px;
	cursor: hand;
    margin-left: 1px;
}

.orderProposalPromotionFlagCode {
	border: 0;
	background: url("../img/line/orderProposalPromotionFlag.png") no-repeat;
	width: 20px;
	height: 20px;
	cursor: hand;
    margin-left: 3px;
}

.orderProposalSpeculationFlagCode {
	border: 0;
	background: url("../img/line/orderProposalSpeculationFlag.png") no-repeat;
	width: 20px;
	height: 20px;
	cursor: hand;
    margin-left: 3px;
}

.orderProposalTransitFlagCode {
	border: 0; 
	background: url("../img/line/orderProposalTransitFlag.png") no-repeat;
	width: 20px;
	height: 20px;
	cursor: hand;
    margin-left: 3px;
}

.orderProposalJustInTimeFlagCode {
	border: 0; 
	background: url("../img/line/orderProposalJustInTimeFlag.png") no-repeat;
	width: 20px;
	height: 20px;
	cursor: hand;
    margin-left: 3px;
}

.orderProposalArticleExceptionCommentFlagCode {
	border: 0; 
	background: url("../img/line/orderProposalArticleExceptionComment.png") no-repeat;
	width: 20px;
	height: 20px;
	cursor: hand;
    margin-left: 3px;
}

.orderProposalArticleAttributeFlagCode {
	border: 0;
	background: url("../img/line/orderProposalArticleAttributeFlag.png") no-repeat;
	width: 20px;
	height: 20px;
	cursor: hand;
    margin-left: 3px;
}

.orderProposalDiscountFlagCode {
	border: 0;
	background: url("../img/line/orderProposalDiscountFlag.png") no-repeat;
	width: 20px;
	height: 20px;
	cursor: hand;
    margin-left: 1px;
}

.orderProposalFrameContractFlagCode {
	border: 0;
	background: url("../img/line/orderProposalFrameContractFlag.png") no-repeat;
	width: 20px;
	height: 20px;
	cursor: hand;
    margin-left: 1px;
}


.orderProposalForecastedOrderTotal  {
	border: 0;
	background: url("../img/line/orderProposalPlusTootip.png") no-repeat;
	width: 20px;
	height: 20px;
	cursor: hand;
    margin-left: 0px;
}
.orderProposalChosenRequirementTotal  {
	border: 0;
	background: url("../img/line/orderProposalPlusTootip.png") no-repeat;
	width: 20px;
	height: 20px;
	cursor: hand;
	margin-left: 0px;
}

.orderProposalTrimmedSafetyQuantity,  .orderProposalNetNeed{
	border: 0; 
	background: url("../img/line/orderProposalTrimmed.png") no-repeat;
	width: 20px;
	height: 20px;
	cursor: hand;
}
.orderProposalTrimmedSafetyQuantityCalcMethod {
	border: 0; 
	background: url("../img/line/orderProposalPlusTootip.png") no-repeat;
	width: 20px;
	height: 20px;
	cursor: hand;
}
.orderProposalStockQuantity  {
	border: 0;
	background: url("../img/line/orderProposalTrimmed.png") no-repeat;
	width: 20px;
	height: 20px;
	cursor: hand;
}
.orderProposalChosenNetNeed  {
	border: 0;
	background: url("../img/line/orderProposalTrimmed.png") no-repeat;
	width: 20px;
	height: 20px;
	cursor: hand;
}
.orderProposalTrimmedBackupQuantity  {
	border: 0;
	background: url("../img/line/orderProposalTrimmed.png") no-repeat;
	width: 20px;
	height: 20px;
	cursor: hand;
}
.orderProposalOrderRounding  {
	border: 0;
	background: url("../img/line/orderProposalPlusTootip.png") no-repeat;
	width: 20px;
	height: 20px;
	cursor: hand;
}
.orderProposalToBeDeliveredQuantity    {
	border: 0;
	background: url("../img/line/orderProposalPlusTootip.png") no-repeat;
	width: 20px;
	height: 20px;
	cursor: hand;
    margin-left: 1px;
}
.orderProposalPromotionQuantity  {
	border: 0;
	background: url("../img/line/orderProposalTrimmed.png") no-repeat;
	width: 20px;
	height: 20px;
	cursor: hand;
}
.orderProposalTransitQuantity   {
	border: 0;
	background: url("../img/line/orderProposalPlusTootip.png") no-repeat;
	width: 20px;
	height: 20px;
	cursor: hand;
    margin-left: 1px;
}
.orderProposalJustInTimeQuantity    {
	border: 0;
	background: url("../img/line/orderProposalPlusTootip.png") no-repeat;
	width: 20px;
	height: 20px;
	cursor: hand;
    margin-left: 1px;
}
.orderProposalTotalQuantity    {
	border: 0;
	background: url("../img/line/orderProposalPieChart.png") no-repeat;
	width: 20px;
	height: 20px;
	cursor: hand;
    margin-left: 1px;
}
.orderableAssortmentOrderMultiple    {
	border: 0;
	background: url("../img/line/orderProposalPlusTootip.png") no-repeat;
	width: 20px;
	height: 20px;
	cursor: hand;
    margin-left: 1px;
}
.numberOfSKUPerLU    {
	border: 0;
	background: url("../img/line/orderProposalPlusTootip.png") no-repeat;
	width: 20px;
	height: 20px;
	cursor: hand;
    margin-left: 1px;
}
.deliverableAssortmentFlowTypeCode3    {
	border: 0;
	background: url("../img/line/orderProposalPlusTootip.png") no-repeat;
	width: 20px;
	height: 20px;
	cursor: pointer;
    margin-left: 1px;
}
.orderProposalForecastTotal    {
	border: 0;
	background: url("https://action.symphonygold.com/gwr/webscreens/img/orderableAssortmentOrder.gif") no-repeat;
	width: 20px;
	height: 20px;
	cursor: hand;
    margin-left: 1px;
}

/*
.partialTransitValidationFlag {
	background: url("../img/orderProposalPartialTransitValidation.gif") no-repeat;
	width: 20px;
}

.articleExceptionCommentFlag {
	background: url("../img/orderProposalArticleExceptionComment.gif") no-repeat;
	width: 20px;
}
.articleAttributeFlag {
	background: url("../img/orderProposalArticleAttribute.gif") no-repeat;
	width: 20px;
}
.discountFlag {
	background: url("../img/orderProposalDiscount.gif") no-repeat;
	width: 20px;
}
.frameContractFlag {
	background: url("../img/orderProposalFrameContract.gif") no-repeat;
	width: 25px;
}*/
.plus {
	background: url("../img/orderProposalPlus.gif") no-repeat;
	width: 20px;
	height: 20px;
}
.actionsLines{
	text-align:center;
}

.button_off {
	filter:alpha(opacity=50);
	opacity: .50;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*--IE 8 Transparency--*/
	cursor:none;
}
.button_on {
	cursor:pointer;
}
.eraserOrderLines {
	background: url("../img/line/buttonerase.png") no-repeat; /*lines_erase.gif width:23px; - height:22px;*/
	width:20px;
	height:20px;
	border:none;
	margin-left:30px;
	margin-right:3px;
}
.putZeroOrderLines {
	background: url("../img/line/buttontosettheimposedquantityto0.png") no-repeat; /*lines_zero.gif width:23px; - height:22px;*/
	width:20px;
	height:20px;
	border:none;
	margin-left:30px;
	margin-right:3px;
}
.massInputOrderLines {
	background: url("../img/line/buttonapplyimposecover.png") no-repeat; /*lines_massmodification.gif width:23px; - height:22px;*/
	width:20px; 
	height:20px;
	border:none;
	margin-left:30px;
	margin-right:3px;
}

.orderProposalOrderLinesTab{
                width: 24%;
                /*float: left;
               	margin-right: 15px !important;
                margin-top:15px !important;
                margin-bottom:15px !important;*/
               /* border-style:double;
                border-color:#C0C0C0;*/
}

.listOrderProposalsSubhead {
	white-space: nowrap;
}

.listOrderProposalsTabs button {
	/*
	clear:both;
	position:absolute;
	top:-70px;
	left:0px;
	*/
	line-height: auto;
	margin-right: 10px;
	font-family: Tahoma, sans-serif; /* nicer in bold */
	font-weight: bold;
	font-size: 8pt;
	background: url("https://action.symphonygold.com/gwr/webscreens/TOPOrderProposal/img/buttonBg.gif") repeat-x;
	border: 1px solid #777777;
	height: 22px;
	cursor: pointer;
}

.listOrderProposalsTabs button.selectedListOrderProposalsTab {
	background: url("https://action.symphonygold.com/gwr/webscreens/TOPOrderProposal/img/buttonBg3.gif") repeat-x;
	border: 1px solid #00AAD8;
}


/* ============================================================================================= */
/* ========================================== Charts =========================================== */
/* ============================================================================================= */
.SearchHeaderByAlertsChartsContainer {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	overflow: auto;
}

#OrderProposalProgressChartsContainer {
	width: 100%;
	margin-top: 10px;
}



#OrderProposalProgressChartsContainer div.raphael {
	margin-bottom: 5px;
}






.hCentered {
	margin-left: auto;
	margin-right: auto;
}

.OrderProposalLinesSalesHistoryAndForecastsTable{
	border:1px solid #CFCFCF;
}
.OrderProposalLinesSalesHistoryAndForecastsLeftTD{
	border-right:1px solid #CFCFCF;
}
.OrderProposalLinesSalesHistoryAndForecasts{
	/*background-color:#E8F2FE;*/
	background:url(../../img/bgPanelFrame.png) repeat;
}


.tabTOPOrderProposalHeaderDiv {
	height: 280px;
}


/********** Button important *********************/
.boutonImportant{
    background: url("../img/bgButtonImportant.png") no-repeat center left;
    color: white;
}
/* Added to fix GTOP13030041 */
#tableDOM_LineDetailDeliverableAssortment{	
	overflow-x:scroll !important;	
}

.loadingChartsDiv{
 background-color:transparent;
 background-image:url(../../img/loading_icon.gif);
 background-repeat:no-repeat ;
 background-position:center;
 min-height:50px;
}

.differenceInTotalNoOfShopDelivered  {
	border: 0;
	background: url("../img/line/orderProposalPlusTootip.png") no-repeat;
	width: 20px;
	height: 20px;
	cursor: hand;
	margin-left: 0px;
}

.orderProposalBargainFlagCode {
	border: 0;
	background: url("../img/line/orderProposalBargainFlag.png") no-repeat;
	width: 20px;
	height: 20px;
	cursor: hand;
    margin-left: 1px;
}

.orderProposalSharedBargainFlagCode {
	border: 0;
	background: url("../img/line/orderProposalSharedBargainFlag.png") no-repeat;
	width: 20px;
	height: 20px;
	cursor: hand;
    margin-left: 1px;
}

.orderProposalShortageFlagCode {
	border: 0;
	background: url("../img/line/whShortageBlue.png") no-repeat;
	width: 20px;
	height: 20px;
	background-size: cover;
    margin-left: 1px;
}