/*
	guide line
	min-width: 1100px
	min-width: 1024px and max-width: 1099px;
	min-width:  768px and max-width: 1023px;
	min-width:  640px and max-width:  767px;
	min-width:  480px and max-width:  639px;
	min-width:  360px and max-width:  479px;

	applied
	min-width: 1100px
	min-width: 1012px and max-width: 1099px;
	min-width:  768px and max-width: 1011px;
	min-width:  640px and max-width:  767px;
	min-width:  480px and max-width:  639px;
	min-width:  360px and max-width:  479px;
*/

/* Generic 1400px - up ----------- */
@media only screen and (min-width : 1400px)
{
	.innerCanvas
	{
		display: inline-block;
		zoom: 1;
		*display: inline;
		width: 1400px;
	}
}

@media only screen and (max-width : 1260px)
{
	.innerCanvas
	{
		/* reset */
		width: auto;
	}
}



@media only screen and (max-width : 1209px) /* This is where Fullpager disabled */
{
	.outerCanvas.fullpage .innerCanvas
	{
		height: auto;
		/* reset */
	}
}

@media only screen and (max-width : 420px)
{

			a.menuItemLink, a.menuItemLink:link, a.menuItemLink:visited, a.menuItemLink:active
			{
				flex: 0 0 calc(20% - 10px - 2px);

				margin: 5px 5px;
				border: 1px solid #ffffff;
				border-radius: 15px 15px;
				text-align: center;
				cursor: pointer;
			}


	.salesReportSearchPanel
	{
		display: block;
		/* reset */
	}
		.salesReportSearchLeftPanel, .salesReportSearchCenterPanel, .salesReportSearchRightPanel
		{
			padding: 0 0;
			/* reset */
		}
	.salesReportPanel
	{
		display: block;
		/* reset */
	}
		.salesReportLeftPanel, .salesReportCenterPanel
		{
			padding: 0 10px;
			/* reset */
		}
	.posPanel
	{
		display: block;
		/* reset */
	}
		.posLeftPanel, .posCenterPanel, .posRightPanel
		{
			padding: 0 0;
			/* reset */
		}

	.srsSubmitLeftPanel, .posSubmitLeftPanel
	{
		display: none;
	}
	.srsSubmitLeftPanel
	{
		display: block;
	}
	.srsSubmitCenterPanel, .posSubmitCenterPanel, .posSubmitRightPanel
	{
		display: block;
		/* reset */
	}

	.srsOrderPanel, .posOrderPanel
	{
		padding: 30px 15px;
		/* reset */

		margin-top: 30px;
		border-top: 1px solid #ffffff;
	}



	.salesOrderItemLine
	{
		flex-flow: row wrap;
		/* reset */
	}
		.salesOrderItemName
		{
			order: 0;
			/* reset */
		}
		.salesOrderItemGrandTotal
		{
			flex: 0 0 calc(100% - 270px);
			order: 0;
			/* reset */
		}
		.salesOrderItemId
		{
			order: 0;
			/* reset */
		}
		.salesOrderItemSalesMedia
		{
			order: 0;
			/* reset */
		}
		.salesOrderItemDateTime
		{
			order: 0;
			/* reset */
		}
		.salesOrderItemPaid
		{
			flex: 0 0 calc(100% - 270px);
			order: 0;
			/* reset */
		}




	.salesReportSectionControl.collapsibleElement
	{
		/* media query flag */
		--isMediaActive: 1;
	}	
		.salesReportSectionTitle::after
		{
			content:'+';
			float: right;
			margin-right:8px;
			line-height: 35px;
			color: #efefef;
			font-size: 38px;
			vertical-align: baseline;

			-webkit-transition:-webkit-transform .3s ease;
			transition:-webkit-transform .3s ease;
			transition:transform .3s ease;
			transition:transform .3s ease, -webkit-transform .3s ease;
		}
		.salesReportSectionControl.active .salesReportSectionTitle:after
		{
			-webkit-transform: rotate(45deg) scale(1.08);
			-ms-transform: rotate(45deg) scale(1.08);
			transform: rotate(45deg) scale(1.08);
		}
			.salesReportSectionContent.collapsibleContent
			{
				display: none;
				padding: 0 10px 10px 10px;
			}









	.salesOrderItemControl.collapsibleElement
	{
		/* media query flag */
		--isMediaActive: 1;
	}	
		.salesOrderItemContent.collapsibleContent
		{
			display: none;
		}
}