/*
Style Sheet created for use with OverTheCounterSale.aspx.
Created By: Steve Rose
Create Date: 2014-05-10
*/

/*	---------------- Sales Form Containers ----------------	*/

.counterSalesFormWrapper
{
	display: block;
	margin: 0;
	padding: 0;
	width: 80%;
	min-width: 1202px;	
	max-width: 1202px;
	font-family: Arial;
	font-size: 0.82em;
}

.customerInfoPanel
{
	display: block;
    float: left;
	width: 1200px;
	background-color: #ddd;
    padding-bottom: 1%;
}

.itemInfoPanel
{
	display: block;
	width: 1200px;
	background-color: #dee0c8;
}

/*	--------------- Customer Information Section --------	*/

.rowHeight
{
	height: 30px;
	min-height: 30px;	
}

.caption
{
	width: 150px;	
	background-color: #eee;
	text-align: right;
	padding-right: 8px;
	color: #646464;
}

.cellContent
{
	width: 150px;
	text-align: left;
	padding-left: 8px;
}

.validation
{
	width: 30px;	
}

.button-wrapper {display: block; float: left; width: auto; margin-right: 4%;}
.hideButton {display: none !important;}

/*	--------------- Modal Window --------	*/

.modal-window{width: 350px; height: 350px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background-color: #fff;}


/*.modal-window {
    display:inline-block;
    text-align:center;
}

.modal-window::before{
    content:'';
    display:inline-block;
    height:100%;
    vertical-align:middle;
    width:0px;
}*/



/*	--------------- Sales Items Section --------	*/

.itemSelector 
{
	border-radius: 10px;
	overflow: hidden;	
}

.itemSelector th 
{
	height: 30px; 
	vertical-align: middle;
	background-color: #25a0da;
	font-family: "Segoe UI", Arial; 
	font-size: 12px; 
	font-weight: normal; 
	color: #fff;
	border-bottom: 1px solid #27710a;
    border-left: 1px solid #bbb99d; 
    border-right: 1px solid #72c530; 
    border-top: 1px solid #bbb99d;
    text-align: center;
}

/*	--------------- Sales Items Section --------	*/

.itemSelectorTech 
{
	border-radius: 10px;
	overflow: hidden;	
}

.itemSelectorTech th 
{
	height: 30px; 
	vertical-align: middle;
	background-color: #b94a09;
	font-family: "Segoe UI", Arial; 
	font-size: 12px; 
	font-weight: normal; 
	color: #fff;
	border-bottom: 1px solid #71250a;
    border-left: 1px solid #bbb99d; 
    border-right: 1px solid #72c530; 
    border-top: 1px solid #bbb99d;
    text-align: center;
}


.commitButton {
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: Segoe UI, verdana, arial, helvetica, sans-serif; 
    padding: 20px 15px 20px 15px; 
    text-decoration: none; 
    display: inline-block;
    text-shadow: 2px 1px 2px rgba(0,0,0,0.8);
    font-weight: 500; 
    font-size: 1.4em;
    cursor: pointer;
}

.tabStripPaddingTop
{
	margin-top: 15px;
}


/*	--------------- Sales Items Grid --------	*/

.RadGrid
{
	border-radius: 10px;
	overflow: hidden;	
}

.borderRadiusRightOnly
{
	border-radius: 0px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;	
}

.defaultRowHeight 
{
	height: 30px;
	min-height: 30px;	
}

/*	--------------- Error Message --------	*/
.errorDescription
{
	color: #b00;
	font-style: inherit;	
}

.floatRightWithPadding
{
	float: right;
	padding-right: 8px;	
	line-height: 26px;
	vertical-align: middle;
}

/*	----- Printable Invoice Styles -----	*/

.counterSaleInvoice
{
	width: 8.5in;
	border: 1px solid #000;
	font-family: Arial, Verdana;
	font-size: 10pt;	
}

.customerInformationTable
{
	width: 100%;
	padding-bottom: 15px;
}

.saleInformationTable
{
	width: 100%;
	padding-bottom: 15px;
	border-collapse: collapse;
}

.saleInformationTable th
{
	font-weight: normal;	
}

.saleInformationTable th
{
	border: 1px dotted #000;
	text-align: center;	
	font-weight: bold;
}

.saleInformationTable td
{
	border: 1px dotted #000;
	text-align: center;	
}

.invoiceHeader
{
	font-size: 1.4em;	
	font-weight: bold;
}

.sectionHeader
{
	font-size: 1.2em;	
	font-weight: bold;
	padding: 20px 0 5px 0;
}

.textAlignLeft
{
	text-align: left;	
}

.textAlignRight
{
	text-align: right;	
}

.textUnderline
{
	border-bottom: 1px solid #000;	
}

.addItem 
{
   background-image: url('../Images/plus_small.png');
   background-repeat: no-repeat;
   color:#fff;
   font-size: 8pt;
   padding-top: 0;
   font-family: Lucida Grande, verdana;
   font-weight:700;
   height: 20px;
   width: 20px;
   border: 0;
   cursor: pointer;
}

.labelBorder
{
	padding: 5px;
	border: 1px solid #000;	
	min-height: 50px;
}


/*	----- Print That Beautiful Counter Sale Invoice!!! -----	*/

@media print
{
	body
	{
		width: 8.5in;
		height: 11in;	
		text-align: center;
	}
	
	.button
	{
		display: none;	
	}
	
	.HideMenuFromPrint
	{
		display: none !important;	
	}
	
	.counterSalesFormWrapper
	{
		display: none;	
	}
	
	.counterSaleInvoice
	{
		border: none;
		text-align: left;
	}
	
	.counterSaleInvoice thead
	{
		display: table-header-group;
	}
	
	.counterSaleInvoice tbody
	{
		display:table-row-group;
	}
}