/* SPECS/BID STYLES */


/* your coop details - sku detail page */
#your-coop-details h1{
	width:100%;
	background:#005288;
	color:#ffcc01 !important;
	font-size: 14px;
	border-radius:3px;
	padding:10px 15px;
	line-height:1.1 !important;
	}

#coop-feedback{
	float:right;
	margin-left:20px;
	margin-bottom:55px;
}

p#coop-spec{
	font-size:14px;
	font-weight:bold;
	color:#000000;
}

	p#coop-spec span{
		color:#999999;
	}

#coop-dtls{
	width:100%;
}

	#coop-dtls td{
		width:50%;
	}

	#coop-dtls td span{
		color:#999999;
		font-size:12px;
	}

#your-coop-details h4{
	background:#f4f4f4;
	color:#999999;
	font-size:12px;
	text-transform: uppercase;
	padding:8px;
}

#accordionbids-coop h4.panel-title{
	padding:0; 
	text-transform:none; 
	font-size:16px; 
	background: url(../img/collapse-minus.jpg) center right no-repeat;
	background-color:transparent;
}

#prd-dtl-other-items{
	clear:left;
	margin-top:15px;
	}
	
	#prd-dtl-other-items .prod-thumb{
		margin-top:10px;
		}
	
	#prd-dtl-other-items .prod-thumb h2{
		font-size:12px;
		line-height:13px;
		text-transform:uppercase;
		text-align:center;
		margin:6px auto 8px auto;
		max-height:25px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space:normal;
		}

	#prd-dtl-other-items .prod-thumb .img-holder, 
	#prd-dtl-other-items .prod-thumb .img-holder-favorites,
	#prd-dtl-other-items .prod-thumb .img-holder-awarded
	{
		width:90px;
		height:90px;
		}

		/* vertically align thumbnails of unknown height */
		#prd-dtl-other-items .prod-thumb .img-holder .img-align, 
		#prd-dtl-other-items .prod-thumb .img-holder-favorites .img-align,
		#prd-dtl-other-items .prod-thumb .img-holder-awarded .img-align{
			display:inline-table; /* to vertically align thumbnails */
			width:90px;
			height:90px;
		}


		#prd-dtl-other-items .prod-thumb .img-holder .img-vertical, 
		#prd-dtl-other-items .prod-thumb .img-holder-favorites .img-vertical,
		#prd-dtl-other-items .prod-thumb .img-holder-awarded .img-vertical{
			display:table-cell;
			vertical-align:middle;
		}

		#prd-dtl-other-items .prod-thumb .img-holder img,
		#prd-dtl-other-items .prod-thumb .img-holder-favorites img,
		#prd-dtl-other-items .prod-thumb .img-holder-awarded img{
			max-width:85%;
		}



/* ------------------------------------------------------ */
/* BID MGMT TAB */
/* ------------------------------------------------------ */

[type="date"] {
  background:#fff url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/calendar_2.png)  97% 50% no-repeat ;
}
[type="date"]::-webkit-inner-spin-button {
  display: none;
}
[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
}

#bid-control{
	width:100%;
	margin-top:15px;
	margin-bottom:5px;
	text-align:right;
}

	#bid-control a, #bid-control{
		color:#1c638e;
		font-weight:bold;
		font-size:12px;
		cursor:pointer;
	}


#bid-list-info{
	width:100%;
	xborder-bottom:1px solid #eaeaea;
	padding-bottom:15px;
}

	#bid-list-info h1{
		font-size:26px;
		margin-top:0;
	}

	#bid-list-info label{
		float:left;
		width:110px;
		font-size:13px;
		color:#666666;
		padding-top:7px;
	}

	#bid-list-info form input[type="text"]{
		width:250px;
	}
	
	#bid-list-info form input[id="bidname"]{
		float:left;
	}
	
	#bid-list-info form input[id="bidopening"]{
		float:left;
	}

	#bid-list-info form input[type="date"]{
		width:145px;
		padding-right:0;
	}

	#bid-list-info form textarea{
		width:400px;
	}


	.ico-dft {padding-right: 10px;}
	.ico-lst {padding-right: 18px;}

	#delivery-dates input[type="date"],
	#delivery-dates span{
		float:left;
	}

		#delivery-dates span{
			font-size:13px;
			color:#666666;
			padding:7px;
		}

	#bid-list-info #comments{
		margin-top:10px;
	}

	#bid-list-info .form-group{
		clear:left;
	}

		span#mark-current, span#lock-bid{
			float:right;
			width:200px;
		}

		span#mark-current input[type="checkbox"], span#lock-bid input[type="checkbox"]{
			float: left;
		    margin-top: 4px;
		    margin-right: 4px;
		}

	a#bid-create-info-lrg, a#bid-update-info-lrg, a#bid-copy-info-lrg{
		float:right;
	}

	a#bid-update-details-lrg, a#bid-save-details-lrg{
		float:right;
		font-weight:normal;
		padding:3px 5px !important;
	}


#bid-list-details{
	width:100%;
	xborder-top:1px solid #9f9f9f;
}

	#bid-list-details h1{
		font-size:26px;
	}

	.bid-btn-small{
		font-size:11px;
		line-height:12px;
		padding:4px 8px 4px 8px;
		display:block;
		background:#ff992a;
		color:#ffffff;
		text-transform:uppercase;
		text-decoration:none;
		cursor: pointer;
	}

	.bid-btn-small:hover {
		background-color: #f7ba37;
		text-decoration: none;
	}

	.bid-btn-lrg{
		font-size:14px;
		display:block;
		background:#ff992a;
		color:#ffffff;
		text-transform:uppercase;
		text-decoration:none;
		cursor: pointer;
		text-align:center;
		padding:1px 5px;
	}

		.bid-btn-lrg:hover, .bid-btn-small:hover{
			color:#ffffff;
			background-color: #f7ba37;
			text-decoration: none;
		}
		
	.last-save-point{
		color:#808080;
		font-size:12px;
		font-weight:normal;
		display:block;
		text-align:right;
	}

	#bid-dropdown-filters{
		width:100%;
		border:1px solid #9f9f9f;
		background:#9f9f9f;
		padding:10px 20px;
		xpadding:7px 5px 0px 0px;
		height:42px;
	}

		#bid-dropdown-filters select{
			width:135px;
			margin-right:10px;
		}

		a#bid-add-line-small{
			float:right;
		}
		
		#bid-dropdown-filters #bid-filter-kywrd{
			height:20px;
			margin-right:10px;
		}

#bid-list-edit{
	width:100%;
	margin-bottom:20px;
}

	#bid-list-edit h1{
		font-size:26px;
	}

	#bid-list-edit table{
		width:100%;
		font-size:14px;
	}

	#bid-list-edit td {padding-bottom: 14px;}
	
	#bid-list-edit table a {
		cursor:pointer;
	}
	
	a#bid-edit-info-lrg{
		float:left;
		margin-top:30px;
	}


#bid-line-headings{
	width:100%;
	background:#eaeaea;
	color:#c7c7c7;
	text-transform: uppercase;
	border-right:1px solid #9f9f9f;
	border-left:1px solid #9f9f9f;
	border-bottom:1px solid #9f9f9f;
	padding:3px 20px;
}

	#bid-line-headings .line{
		float:left;
		margin-left:15px;
		width:115px;
		xborder:1px solid red;
	}

	#bid-line-headings .spec{
		float:left;
		width:550px;
	}

	#bid-line-headings .qty{
		float:left;
	}


	#bid-details-scroll{
		width:100%;
		height:500px;
		overflow:scroll;
		overflow-x:hidden; /*show this on mobile */
		border:1px solid #9f9f9f;
		border-top:0;
	}

		#bid-details-scroll .panel-body {
		    padding: 15px 10px;
		}

		#bid-accordion .panel-group .panel, #bid-accordion .panel{
			border-radius:0 !important;
			box-shadow:none;
		}

		#bid-accordion .panel-heading{
			padding:8px 10px;
			border-radius:0 !important;
		}

		#bid-accordion .panel-title{
			background:none;
		}

		#bid-accordion .panel-title>a {
		    background: url(../img/collapse-minus-bid.png) center right no-repeat;
		    display:block;
		    float:right;
		    width:30px;
		    height:20px;
		}

			#bid-accordion .panel-title>a.collapsed{	
					background:url('../img/collapse-plus-bid.png') center right no-repeat;
					}

		#bid-accordion span.num{
			display:inline-block;
			width:25px;
		}
		
		#bid-accordion span.id{
			font-size:14px;
			color:#000000;
			display:inline-block;
			width:110px;
			font-weight:bold;
		}

		#bid-accordion span.name{
			font-size:14px;
			color:#000000;
			display:inline-block;
			width:550px;
			text-overflow: ellipsis;
			font-weight:bold;
		}
		
		#bid-accordion span.qty{
			font-size:14px;
			color:#000000;
			display:inline-block;
			font-weight:bold;
		}

		#bid-accordion .panel-body table{
			width:100%;
			border-collapse:collapse;
		}

		#bid-accordion table#outer td.num{
			width:25px;
		}

		#bid-accordion table#outer td.line{
			/*width:15%;*/
			width:115px;
		}

			#bid-accordion table#outer td.line input[type="text"]{
				width:90%;
			}

		#bid-accordion table#outer td.desc{
			width:55%;
		}

			#bid-accordion table#outer td.desc input[type="text"]{
				width:100%;
			}

		#bid-accordion table#outer td.qty{
			width:25%;
			text-align:right;
		}

			#bid-accordion table#outer td.qty input[type="text"]{
				width:55px;
			}

			#bid-accordion table#outer td.qty select{
				width:65px;
				height:26px;
			}
		
		#bid-accordion table#outer td.del{
			padding-left:5px;
		}
		
			#bid-accordion table#outer td.del a{
				cursor:pointer;
			}
			
		#bid-accordion table#outer .bid-btn-small{
			display:inline-block;
		}

		#bid-accordion table#outer td.button{
			padding-top:15px;
		}

			#bid-accordion table#outer td.button.right{
				text-align:right;
				padding-right: 18px;
			}

		#bid-accordion table tr.products-bar{
			margin-top:15px;
			margin-bottom:15px;
		}

		#bid-accordion table#inner{
			margin-top:10px;
		}

			#bid-accordion table#inner td{
				padding-top:4px;
				padding-bottom:4px;
			}
			
			#bid-accordion table#inner td:first-child{
				width:4%;
			}

			#bid-accordion table#inner td.check-awarded{
				text-align:center;
				width:50px;
			}

			#bid-accordion table#inner td.del{
				padding-top:5px;
			}
			
				#bid-accordion table#inner td.del a{
					cursor:pointer;
				}



		#bid-accordion table tr.products-bar td{
			background:#f8eba8;
			color:#585649;
			font-size:12px;
			text-align:right;
		}

			#bid-accordion table tr.products-bar td.prod{
				padding-left:10px;
				text-align:left;
				text-transform:uppercase;
				font-weight: bold;
			}
	
			#bid-accordion table tr.products-bar td.awarded{
				width:100px;
			}
			
			#bid-accordion table.product-edit-info {
				font-size:13px;
				margin-top: 8px;
			}
				#bid-accordion table.product-edit-info td {
					padding-top:0px !important;
					padding-bottom:0px !important;
					vertical-align: top;
				}

				#bid-accordion table.product-edit-info div {
					line-height:30px;
				}
					
					#bid-accordion table.product-edit-info div.awarded-tag {
						xborder:1px solid transparent;
						float:left;
						width:40px;
						line-height: 1em;
					}
					
					#bid-accordion table.product-edit-info div.sku {
						xborder:1px solid blue;
						float:left;
						width:130px;
						font-weight: bold;
						line-height: 1em;
					}
					
					#bid-accordion table.product-edit-info div.sku-desc {
						xborder:1px solid green;
						float:left;
						width:425px;
						line-height: 1em;
					}
						#bid-accordion table.product-edit-info div.sku-desc a{
							cursor:pointer;
						}
					
					#bid-accordion table.product-edit-info div.sku-packsize {
						xborder:1px solid cyan;
						float:left;
						width:410px;
						padding-left:10px;
						line-height: 1em;
					}
					
					#bid-accordion table.product-edit-info div.sku-check-awarded {
						xborder:1px solid magenta;
						float:left;
						width:35px;
						line-height: 1em;
					}

					#bid-accordion table.product-edit-info div.sku-delete{
						float: right;
    					width: 12px;
    					margin-right: 4px;
    					line-height: 1em;
					}
					
						#bid-accordion table.product-edit-info div.sku-delete a {
							cursor:pointer;
						}

					#bid-accordion table.product-edit-info div.awarded-dis{
						xborder:1px solid red;
						float:left;
						margin-left:40px;
						padding: 0px 0px 14px 0px;
						xwidth:435px;
						color:#666666;
						border-bottom: 1px solid #eaeaea;
					}

						#bid-accordion table.product-edit-info div.awarded-dis select{
							width:200px;
						}


					#bid-accordion table.product-edit-info div.mfr-check{
						xborder:1px solid blue;
						float:left;
						color:#666666;
						padding:0px 0px 14px 10px;
						border-bottom: 1px solid #eaeaea;

					}

						#bid-accordion table.product-edit-info div.mfr-check input[type="checkbox"]{
						    margin-right: 5px;
						    margin-top: 8px;
						    float: left;
						}

					#bid-accordion table.product-edit-info div.price{
						float:left;
						color:#666666;
						padding:0px 5px 14px 18px;
						border-bottom: 1px solid #eaeaea;
					}

						#bid-accordion table.product-edit-info div.price input[type="text"]{
							width:100px;
							line-height:normal;
						}


/* border for when 2nd column is removed */
.border-right{
	border-right:2px solid #d6d6d6;
}
	

/* ------------------------------------------------------ 
MODALS 
*/

#feedback-modal .modal-dialog,
#addline-modal .modal-dialog,
#suggest-modal .modal-dialog{
	width:910px;
	margin-top:80px;
	z-index:50000;
	}

	#feedback-modal .modal-content,
	#addline-modal .modal-content,
	#suggest-modal .modal-content{
		background: url(../img/aramark-bg-top.jpg) repeat-x #ffffff;
		min-height:500px;
		border-radius: 0;
	}
	
	#feedback-modal .modal-header,
	#addline-modal .modal-header,
	#suggest-modal .modal-header{
		border-bottom:0;
		height:75px;
		padding-top:0;
		padding-left:20px;
		padding-right:20px;
		}

		#feedback-modal .modal-header h2,
		#addline-modal .modal-header h2,
		#suggest-modal .modal-header h2
		{
			width:300px;
			float:left;
			color:#ffffff;
			margin-left:10px;
			margin-top: 15px;
    		font-size: 22px;
		}

		#feedback-modal .modal-header img.modal-logo,
		#addline-modal .modal-header img.modal-logo,
		#suggest-modal .modal-header img.modal-logo{
			float:left;
		}

		#feedback-modal .modal-header .close,
		#addline-modal .modal-header .close,
		#suggest-modal .modal-header .close{
		    margin-top: 10px;
		}
	
	#feedback-modal .modal-body,
	#addline-modal .modal-body,
	#suggest-modal .modal-body{
		padding:0;
		max-width:860px;
		margin:0 auto;
		border-radius:0;
		clear:left;
		}
		
		
	#feedback-modal h1,
	#addline-modal h1,
	#suggest-modal h1{
		text-transform:uppercase;
		font-size:24px;
		color:#a6b738;
		}


/* ADD LINE MODAL */
#submit-lines-lrg{
	float:right;
	margin-bottom:15px;
}

#add-line-scroll{
	width:100%;
	height:400px;
	margin-bottom:20px;
	overflow:scroll;
	overflow-x:hidden; /*show this on mobile */
	border:1px solid #9f9f9f;
}

	#add-line-scroll table{
		width:100%;
		border-collapse:collapse;
	}

		#add-line-scroll table th{
			background:#f6f6f6;
			border-bottom:1px solid #9f9f9f;
			color:#bbbbbb;
			text-transform: uppercase;
			font-weight:bold;
			padding-top:5px;
			padding-bottom:5px;
		}

		#add-line-scroll table th,
		#add-line-scroll table td{
			padding-left:12px;
		}

		#add-line-scroll table td{
			padding-top:10px;
			padding-bottom:10px;
		}


		a#popup-new-line-small{
			display:block;
			width:70px;
		}

		#add-line-scroll table td.num{
			width:4%;
		}

		#add-line-scroll table td.line{
			width:15%;
		}

			#add-line-scroll table td.line input[type="text"]{
				width:90%;
			}

		#add-line-scroll table td.desc{
			width:60%;
		}

			#add-line-scroll table td.desc input[type="text"]{
				width:100%;
			}

		#add-line-scroll table td.qty{
			width:15%;
		}

			#add-line-scroll table td.qty input[type="text"]{
				width:55px;
			}

			#add-line-scroll table td.qty select{
				width:48px;
				height:26px;
			}


/* SUGGEST A PRODUCT MODAL */
#suggest-scroll{
	width:100%;
	height:400px;
	margin-bottom:20px;
	overflow:scroll;
	overflow-x:hidden; /*show this on mobile */
	border:1px solid #9f9f9f;
}


	#suggest-scroll h1{
		background:#f5ba18;
		color:#ffffff;
		font-size:18px;
		padding:15px;
		margin:0;
		-webkit-box-shadow: 0px 4px 5px -1px rgba(107,107,107,0.4);
		-moz-box-shadow: 0px 4px 5px -1px rgba(107,107,107,0.4);
		box-shadow: 0px 4px 5px -1px rgba(107,107,107,0.4);
		/* truncate long search phrases */
		width:100%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		text-transform:none;
		}
	
			
		#suggest-scroll h1 span{
			color:#efe1bc;
			text-transform:uppercase;
			font-size:18px;
			}


	#suggest-srch input[type="text"]{
		width:165px;
		height:33px;
		float:left;
		border-left:1px solid #cccccc;
		border-right:0;
		border-top:1px solid #cccccc;
		border-bottom:1px solid #cccccc;
		padding-left:5px;
		}

			
		#suggest-srch input[type="image"]{
			float:left;
			width:33px;
			background: url('../img/search-glass-aramark.jpg') no-repeat;
			}

	#suggest-srch-opt{
		float: left;
	    padding-top: 16px;
	    padding-left: 15px;
	}

		#suggest-srch-opt label{
			font-weight:normal;
		}

	#suggest-advanced-srch-collapse{
		width:100%;
		background:#ebebeb;
		border:1px solid #888787;
		margin-bottom:8px;
		padding:0 15px;
	}

		#suggest-advanced-srch-collapse h2{
			color:#333333;
			font-size:14px;
			padding:5px;
			padding-left:0;
			margin:0;
			cursor:pointer;
			background: url(../img/collapse-minus-adv-srch.png) center right no-repeat;
		}

	
			#suggest-advanced-srch-collapse h2.collapsed{	
				background:url('../img/collapse-plus-adv-srch.png') center right no-repeat;
				}

		#suggest-advanced-srch-collapse form{
			margin-top:5px;
		}

	
	#suggest-accordion .panel-group .panel, #suggest-accordion .panel{
			border-radius:0 !important;
			box-shadow:none;
			border-bottom:0;
		}

		#suggest-accordion .panel-heading{
			padding:10px 20px;
			border-radius:0 !important;
		}

		#suggest-accordion .panel-title{
			height:25px;
			background:none;
		}

		#suggest-accordion .panel-title>a {
		    background: url(../img/collapse-minus-bid.png) center right no-repeat;
		    display:block;
		    float:right;
		    width:30px;
		    height:25px;
		}

			#suggest-accordion .panel-title>a.collapsed{	
					background:url('../img/collapse-plus-bid.png') center right no-repeat;
					}

		#suggest-accordion .panel-title span.add{
			display:block;
			float:left;
			color:#9d0019;
			font-size:12px;
			padding:5px;
			background:#ffffff;
			border:1px solid #414141;
			margin-right:8px;
		}

			#suggest-accordion .panel-title span.add a{
				color:#9d0019;
				text-decoration: none;
				cursor:pointer;
			}


		#suggest-accordion span.id{
			font-size:14px;
			color:#000000;
			display:inline-block;
			width:205px;
			font-weight:bold;
			padding-top:5px;
		}

		#suggest-accordion span.name{
			font-size:14px;
			color:#000000;
			display:inline-block;
			width:435px;
			text-overflow: ellipsis;
			font-weight:bold;
			padding-top:5px;
		}

		#suggest-accordion .panel-body h3{
			margin-top:0;
			font-size:16px;
		}

		#suggest-accordion .panel-body table{
			width:100%;
			border-collapse:collapse;
			font-size:11px;
			line-height:12px;
		}

			#suggest-accordion .panel-body table td{
				padding-bottom:15px;
			}

			#suggest-accordion .panel-body table td.check{
				width:3%;
				text-align:center;
			}

				#suggest-accordion .panel-body table td.check input[type="checkbox"]{
					margin-top:0;
				}
			
			#suggest-accordion .panel-body table td.ico{
				width:3%;
			}

			#suggest-accordion .panel-body table td.id{
				width:15%;
			}

			#suggest-accordion .panel-body table td.photo{
				width:4%;
			}

			#suggest-accordion .panel-body table td.sku{
				width:53%;
			}

				#suggest-accordion .panel-body table td.sku a{
					color:#005285;
					font-weight:bold;
					text-decoration: none;
				}

				#suggest-accordion .panel-body table td.sku span{
					color:#666666;
				}

			#suggest-accordion .panel-body table td.size{
				width:15%;

			}

			#suggest-accordion .panel-body table td.tags{
				width:10%;
				text-align:right;
			}












/* ------------------------------------------------------ */
/* SPECS TAB */
/* ------------------------------------------------------ */