/* MonoSoftware.Web.Dialogs */
/*	BODY {background:buttonface;} */
.Report {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: black;
  background-color: white;
	line-height: 16px;
  margin-top: 20;
  margin-left: 20;
}
.FastReport {
  margin-top: 150;
  margin-left: 50;
}

a.PasswordReminder { color: White; }
    
	DIV.Report {font:10pt Tahoma;}
	TD.Report {font:10pt Tahoma;}
    TD.LookupLabel {}
	/*BUTTON, .Button {width:70px;height:23px;font:10pt Tahoma;}*/

    span.DateStyle {/*text-align="right"*/}
    input.DateStyle {height: 30px;}
    input.Upload {display:block; width: 500px;}

	.Error{font:10pt Tahoma; font-weight:bold; color:red;}
	.LargeError{font:12pt Tahoma; font-weight:bold; color:red;}
	.Warning{font-weight:bold;}
	.Title{font-weight:bold; }
	.Greyed{color:lightgrey;}
	.InputBox {font:8pt Tahoma; width:100%}
    td.Text50 {width:50px}
    td.Text150 {width:150px}
    input.invisibleX {width:10; height:10; line-height: 10px; border-width:0; background-color: white; color: transparent; font:7pt; display:none;}
    input.invisible {display:none;}
    input.hidden {display:none;}
    input.Text1 {width:1; height:5; border-width:0;}
    input.Text30 {width:30}
    input.Text50 {width:50}
    input.Text75 {width:75}
    input.Text100 {width:100}
    input.Text150 {width:150}
    input.Text200 {width:200}
    input.Text250 {width:250}
    input.Text300 {width:300}
    input.Text400 {width:400}
    input.Text500 {width:500}
/* Normal */

    div.AjaxProgressDiv {/*background: transparent url(Images/info.gif) repeat left top;*/ text-align:center;}
    
    TABLE.ucMenu {width:120px; vertical-align:top;}
    TABLE.SiteOuter {width: 800px; border: 0; /*height: "100%"; text-align: "center"; spacing: 0; */ background-color: white; padding: 0; margin-left:auto; margin-right:auto;
    background-color: white; padding: 0; margin-left:auto; margin-right:auto;}
    table.OrderHeader {BACKGROUND-COLOR: linen ; width:600;}
    table.StockInHeader {BACKGROUND-COLOR: linen ; width:800;}
    td.OrderHeaderLabels {width:150px;}
    td.StockInHeaderLabels {width:100px;}
    td.OrderHeaderData {width:500px;}
    td.StockInHeaderData {width:500px;}
    table.Exhibition {BACKGROUND-COLOR: thistle; width:100%;}
    table.Forecasting {BACKGROUND-COLOR: linen; width:100%;}
    .PopupMenuLabel {color:red;}

/*a:link { text-decoration:none; color : #66D8FF; font-size: 10pt}
a:hover { text-decoration:none; color : #008000; font-size: 10pt}
a:visited { text-decoration:none; color : #84140C; font-size: 10pt}
a:visited:hover { text-decoration:none; color : #008000; font-size: 10pt}*/

.Grid { color: Black; BACKGROUND-COLOR: white; BORDER: none; }
.GridExpandCollapseButton { BORDER-RIGHT: gray 1px solid; BORDER-TOP: gray 1px solid; DISPLAY: block; BORDER-LEFT: gray 1px solid; WIDTH: 15px; /*CURSOR: hand;*/ COLOR: black; LINE-HEIGHT: 15px; BORDER-BOTTOM: gray 1px solid; FONT-FAMILY: Verdana; HEIGHT: 15px; TEXT-ALIGN: center; TEXT-DECORATION: none }
.GridAlternatingItem { color: Black; BACKGROUND-COLOR: whitesmoke; }
.GridItem { color: Black; BACKGROUND-COLOR: white; }
.GridHeader { BACKGROUND-COLOR: #9CBEFE; }
.GridFooter { BACKGROUND-COLOR: #9CBEFE; }
.GridPager { color: Black; BACKGROUND-COLOR: #9CBEFE; color:palevioletred;font:20pt Tahoma;}
.GridEditItem { color: Black; BACKGROUND-COLOR: lemonchiffon ; }
.GridSelectedItem { color: Black; BACKGROUND-COLOR: yellow; }
.Grid2Header { BACKGROUND-COLOR: #DBDBDB; }
.Grid2Footer { BACKGROUND-COLOR: #DBDBDB; }
.Grid2Item { color: darkgray; BACKGROUND-COLOR: white; }
.Grid2AlternatingItem { color: darkgray; BACKGROUND-COLOR: whitesmoke; }
.Grid2 { BACKGROUND-COLOR: whitesmoke; MARGIN-LEFT: 22px; BORDER: none; }
.GridSmall { font-size:8pt; }
.GridSmallItem { BACKGROUND-COLOR: white; font-size:8pt;  }
.QTY {width:30px;}
.CODE {width:80px; BORDER: none; }
.hidden {width:0px; color: white; BORDER: 0px; }
.clr { clear: both;}

div.ucWebLogin { padding-left: 0px; padding-top: 5px; padding-right: 5px; float: right; /*color: white;*/ }
div.ucWebLogout { padding-left: 0px; padding-top: 5px; padding-right: 5px; float: right; /*color: white;*/ }

div.ucWebLogin ul li { display:inline; float:left; list-style:none; padding-right: 10px; padding-left: 10px; }
span.ucWebLogin {
}

.navbar-toggler-right {
    top: -2em;
}

#top_navigation {
float: right;
}

.dropdown-menu {
  max-width: 225px;
}

.ucWebLoginUser, .ucWebLoginPassword
{ 
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border: 1px solid #929292;
position: relative;
z-index: 10;
float: left;
padding: 0 24px 0 4px;
width: 10em;
/*
color: #ffffff;
line-height: 20px;
margin: 8px 0 0 0;
height: 20px;
width: 165px;
*/
/*background: #929292;*/
background: white;
-pie-background: #929292;

}

.SiteFooter { color: white; }

.ReportHeader { height: 60px; text-align: right; BORDER: none; PADDING-TOP: 5px; PADDING-LEFT: 5px;}
.ReportOuter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: black;
	BACKGROUND: url(images/reportbg.png) repeat;
	background-color: white;
	line-height: 16px;
	margin-top: 20;
	margin-left: 20;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	/*background-color: lemonchiffon;*/
	color: black;
	background-color: whitesmoke;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:340px;
}

.modalPopupError {
	color: black;
	background-color: whitesmoke;
	border-width:5px;
	border-style:solid;
	border-color:red;
	padding:0px;
	width:400px;
	height:auto;
}

.Popup {
	color: black;
	background-color: whitesmoke;
	border-width:1px;
	border-style:solid;
	border-color:Gray;
    text-align: left;
	padding:3px;
	width:auto;
	height:auto;
/*	width:250px;*/
}

.MenuPopup {
	color: black;
	background-color: whitesmoke;
	border-width:1px;
	border-style:solid;
	border-color:Gray;
    text-align: left;
	padding:3px;
	width:auto;
	height:auto;
/*	width:250px;*/
}

.ThumbnailSmall img{height:50px;}
.ThumbnailLarge img{height:100px;}

.menu
{
  width:100%; 
  font-size: small;
}

.ajax__calendar_container { z-index : 1000 ; }

input.ReportFilterDate {
	width: 75px;
}

TR.GridSmallItem {
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyleA {
	background-color:#FFF;
}

.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:Blue;
	color:White;
	font-family:Arial;
	font-size:10pt;
}

.demoarea {
	padding:20px;
	background:#FFF url(images/demotop.png) no-repeat left top;
}

.demoarea p 
{
	padding:5px;
}

.demoheading {
	padding-bottom:20px;
	color:#5377A9;
	font-family:Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.5em;
}

.demobottom {
	height:8px;
	background:#FFF url(images/demobottom.png) no-repeat left bottom;
}

html, body { margin: 0; padding: 0; height: 100%; }
html.Report, body.Report { height: 100%; margin-top: 20; margin-left: 20;
}

.ActualDataCustomerTitle 
{
	background-color: #8FD98F;
	color: #000;
        font-size: 20pt; 
	text-align : center; 
	margin-left:2px; margin-top:0px; margin-right:2px; margin-bottom:10px;
}

.ForecastingDataCustomerTitle 
{
	background-color: #C3E4F8;
	color: #000;
        font-size: 20pt; 
	text-align : center; 
	margin-left:2px; margin-top:0px; margin-right:2px; margin-bottom:10px;
}

/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
/*	background-color : inherit;*/
	background-color : window;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : auto;
    text-align : left; 
    list-style-type : none;
	padding-left: 2px;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #C3E4F8;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}

.activity_progress
{
    display: block;
    position: absolute;
    padding: 2px 3px;
}
.activity_container
{
    border: none 1px #808080;
    border-width: 1px 0px;
}
.activity_header
{
    background: url(Images/sprite.png) repeat-x 0px 0px;
    background-color: #ffffff;
    border-color: #808080 #808080 #ccc;
    border-style: solid;
    border-width: 0px 1px 1px;
    padding: 0px 10px;
    color: #000000;
    font-size: 9pt;
    font-weight: bold;
    line-height: 1.9;  
    font-family: arial,helvetica,clean,sans-serif;
}
.activity_body
{
    background-color: transparent;
    border-color: #808080;
    border-style: none;
    border-width: 0px 1px;
    padding: 10px;
}

.Welcome 
{
    padding-left: 240px;
}

.Welcome 
{
    /*padding-left: 240px;*/
    display:none;
}