#PageContentContainer, .PageContentContainer
{
	padding: 0px 15px 0px 15px;
}

#PageContentContainer
{
	padding-top: 2px;
	padding-bottom: 2px;
}

.StockGridSectionHeaderTD
{

}

.StockGridSectionHeader
{
    background:#37434C;
    height: 18px;
}

.ThemeColour
{
    border-left: 5px solid #F7F6F4;
}

.ThemeColourDarkBlue
{
    border-left: 5px solid #004293;
}

.ThemeColourLightBlue
{
    border-left: 5px solid #378ac9;
}

.ThemeColourDarkGreen
{
    border-left: 5px solid #2c6328;
}

.ThemeColourLightGreen
{
    border-left: 5px solid #289b30;
}

.ThemeColourRed
{
    border-left: 5px solid #b30000;
}

.ThemeColourOrange
{
    border-left: 5px solid #dc6800;
}

.ThemeColourBlack
{
    border-left: 5px solid #000000;
}
.ThemeColourPOS
{
    border-left: 5px solid #43515a;
}
#StockGrid th 
{
	background-color:#37434C;
	border-left: solid 1px #48545C;
	padding-left: 2px !important;
	border-right: solid 1px #273139;
}
            
.MedHeader 
{
	background-color:#37434C;
}
     

body, td
{
    font-size: 13px;
    font-family: 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
}

th
{
    text-align:left;
}

h1
{
    font-size: 16px;
    color: #4E4E4E;
}

.PageHeader
{
    font-size: 24px;
    color: #4E4E4E;
    display:block;
    margin:10px 0px 10px 0px;
    white-space:nowrap;
}

.title-contents .PageHeader
{
	margin:0px;
    padding-top:20px;
}


h2 
{
	font-size: 14px;
}

h3 {
	font-size: 11px;
	color: #484848;
}

a:link, a:visited  {
	color: #D87200;
	text-decoration: underline;
	font-size:12px;
}
a:hover {
	color: #000000;
	text-decoration: none;
	font-size:12px;
}

.highlight
{
    text-decoration: none; 
    font-weight: bold;
    color: black;
    background-color: Yellow;
}

.success {
    display: block;
    border: 1px solid #A9D260;
    z-index: 99;
    padding: 10px 10px 10px 30px;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-left: 40px;
    background-image: url('/Cloud/Images/confirm.gif');
    background-repeat: no-repeat;
    background-position: 10px 8px;
    background-color: #FAFFF1;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #000000;
    clear: both;
}

.attention {
    display: block;
    border: 1px solid #e5b776;
    z-index: 99;
    padding: 10px 10px 10px 30px;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-left: 40px;
    background-image: url('/Cloud/Images/alert.gif');
    background-repeat: no-repeat;
    background-position: 10px 9px;
    background-color: #fffcf1;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #000000;
    clear: both;
}

.attention pre 
{
    /*background-color:#FFFFFF;*/
    padding:10px;
    margin:0px;
}

textarea
{
    font-family: 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    padding: 3px;
	border:1px solid #aaaaaa;
	font-size: 13px;
	color:#3b4850;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

input
{
    font-family: 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    padding: 3px;
	border:1px solid #aaaaaa;
	font-size: 13px;
	color:#3b4850;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

input.blur {color:#888888;}

select
{
    font-family: 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    padding: 2px;
	border:1px solid #aaaaaa;
	font-size: 13px;
	color:#3b4850;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

/* TopNav Start ---------------------------------------------------------------------------- */

.topnav{
	width:100%;
	background:#37434c;
	padding:15px 0 0 0;
	}
.topnav .topnav-container{
	
/*width:1000px;*/
margin:0 auto 0 15px;
overflow:auto
	}
.topnav ul{
	padding:0;
	margin:0;
	background:#424e57 url(https://assets.cin7.com/Cloud/images/topnav-bg.jpg?cb=639154508720000000) left top repeat-x;
	border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
-webkit-border-radius: 3px 3px 0 0;
	border:1px solid rgba(0, 0, 0, 0.3);
	border-bottom:0;
float:left;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.3);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.3); 
	}
.topnav ul li{
	padding:0;
	list-style:none;
	float:left;
	}
.topnav ul li a{
	display:block;
	padding:14px 18px;
	color:#fff;
	text-shadow:0 1px rgba(0, 0, 0, 0.5);
	font:bold 12px arial;
	text-decoration:none;
	border-left:1px solid rgba(255, 255, 255, 0.3);
	border-right:1px solid rgba(0, 0, 0, 0.3);
	}
.topnav ul li:first-child a{
	border-radius: 3px 0 0 0;
-moz-border-radius: 3px 0 0 0;
-webkit-border-radius: 3px 0 0 0;
border-left:0;
	}
.topnav ul li:last-child a{
	border-radius:0 3px  0 0;
-moz-border-radius:0 3px  0 0;
-webkit-border-radius:0 3px  0 0;
border-right:0;
	}
    .topnav ul li a:hover {
        background: #fff;
        color: #333;
        text-shadow: none;
    }
    .topnav ul li:hover {
        background: #fff;
    }

.topnav-customerlinks
{
	color:#BFBFBF;
}

.topnav-customerlinks a
{
	text-decoration:none;
}


/* TopNav End ------------------------------------------------------------------------------ */

/* Global Start ---------------------------------------------------------------------------- */

.submitted
{
	cursor:default !important;
	opacity:0.7;
}

.title-bg
{
	background:url(https://assets.cin7.com/Cloud/images/title-bg.png?cb=639154508720000000) left top repeat-x;
}

.title-contents
{
	height:66px;
	margin-bottom:10px;
	vertical-align:middle;
}

.FormViewHeader
{
	font-size:12px;
	font-family:Verdana;
	padding:5px;
	background-color:#37434C;
	color:White;
	font-weight:bold;
}

.FormViewHeader a,
.FormViewHeader a:active,
.FormViewHeader a:visited,
.FormViewHeader a:hover
{
    color:white;
}

.FormViewBackGroundColor
{
	background-color:#F7F6F3;
}

.DefaultButton, .DefaultButtonRound, .BrownButton, .GreyButton, .NewButton, a.DefaultButton, a.DefaultButtonRound, a.BrownButton, a.GreyButton, a.NewButton
{
	display: inline;
	padding:6px 20px;
	font:bold 13px arial;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-decoration:none;
	cursor:pointer;
	white-space:nowrap;	
	/*-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);*/
}

.DefaultButton, .DefaultButtonRound, a.DefaultButton, a.DefaultButtonRound
{
	color:#fff;
	background:#33444E url(https://assets.cin7.com/Cloud/images/darkgrey-bg.jpg?cb=639154508720000000) left top repeat-x;
	border:1px solid #33444E;
	text-decoration:none;
	white-space:nowrap;
}
	
.BrownButton, .GreyButton, a.BrownButton, a.GreyButton
{
	color:#646464;
	background:#dedede url(https://assets.cin7.com/Cloud/images/grey-bg.jpg?cb=639154508720000000) left top repeat-x;
	border:1px solid #c6c6c6;
	text-decoration:none;
	white-space:nowrap;
}

.NewButton, a.NewButton
{
	color:#fff;
	background:#ec6a00 url(https://assets.cin7.com/Cloud/images/bg-neworange.jpg?cb=639154508720000000) left top repeat-x;
	border:1px solid #e36500;
	text-decoration:none;
	white-space:nowrap;
}

/*.DefaultButton
{
    color:White;
    background-color:#4c5861;
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    cursor:pointer;
    border:2px solid #4c5861;
    border-bottom-width:3px;
    height:22px;
}



.BrownButton{
	border:1px solid #524931;
	background:#776d54 url("/Cloud/POS/Client/images/button-bg-brown.jpg") left top repeat-x;
	color:#fff;
	font-size:12px;
	text-shadow:1px 1px 0 #655f4e;
	text-decoration:none;
	height:22px;
	padding:3px 15px;
	border-radius: 5px;
	cursor:pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
*/	
	
table.DetailsTable
{
    border-style: dashed;
    border-collapse:collapse;
    border-color:#cccccc;
    background-color:white;
    border-width:1px
}

table.DetailsTable td
{
    border-style: dashed;
    border-collapse:collapse;
    border-color:#cccccc;
    border-width:1px
}

table.DefaultWizard td 
{
    vertical-align:top;
}

.DefaultGridView th
{
	vertical-align:bottom;
}

.DefaultGridView th a
{
	color:#fff;
	/*text-shadow:0 1px rgba(0, 0, 0, 0.5);*/
	font:bold 12px arial;
	text-decoration:none;
}

.DefaultTable
{
}

.DefaultTable th
{
	vertical-align:top;
	background-color:#37434C;
	color:White;
	font-weight:bold;
}

.DefaultTable tr:nth-child(odd) td
{
	background-color:#F7F6F3;
}

.DefaultTable tr:nth-child(even) td
{
	background-color:#fff;
}

.DefaultTable th a
{
	color:#fff;
	font:bold 12px arial;
	text-decoration:none;
}

.DefaultContentBox
{
	border:1px solid #aaaaaa;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.18);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.18);
	padding:10px;
	margin:0px 1px 2px 0px;
}

.BeigeContentBox
{
	border:1px solid #aaaaaa;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.18);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.18);
	padding:10px;
	margin:0px 1px 2px 0px;
	background: #F7F6F3;
}

.GradientConentBox
{
	background:url(https://assets.cin7.com/Cloud/images/gradient-bottom-bg.png?cb=639154508720000000) left bottom repeat-x;
    border:1px solid #e2e2e2;
    padding:10px 20px;
}

/* Global End ---------------------------------------------------------------------------- */


/* Notes Start ---------------------------------------------------------------------------- */

div.NotesPanel 
{
	z-index:1999;
	position:absolute;
	display:none;
	background-color:white;
    border:1px solid #888888;
    padding:8px;
    width:300px;
    text-align:left;
    white-space:normal;
}

.NotesImage, .NotesHover 
{
	margin:0px 6px;
    cursor:pointer;
}

/* Notes End ---------------------------------------------------------------------------- */


/* AutoComplete Start ---------------------------------------------------------------------------- */

.AutoComplete-List{background-color: Window; margin: 0px !important; border-style:solid; border-width:1px; border-color:#888; cursor: pointer; overflow: auto; padding:0px !important; text-align: left; list-style-type: none; max-height: 200px;}
.AutoComplete-ListItem{color: WindowText; padding: 1px 4px; margin:0px;}
.AutoComplete-ListItemHilite{color: HighlightText; background-color:Highlight; padding: 1px 4px;}
.AutoComplete-ListItem .disabled{color: #888888;}

/* AutoComplete End ---------------------------------------------------------------------------- */


/* DefaultFields Start ----------------------------------------------*/

.DefaultFields
{
    width:800px;
}

.DefaultFields .Header 
{
    font-weight:bold;
    padding:6px;
    background-color:#F3F0E9;
    margin:8px 0px;
}

.DefaultFields .Field 
{
    width: 100%;
    margin:2px 0px;
}

.DefaultFields .Field .Name 
{
    width: 40%;
    text-align: right;
    vertical-align: top;
    padding:2px;
}

.DefaultFields .Field .Content
{
    width: 60%;
    vertical-align: top;
    padding:2px;
}

.DefaultFields .Field .Content .TextSmall
{
    width: 80px;
}

.DefaultFields .Field .Content .TextMedium
{
    width: 200px;
}

.DefaultFields .Field .Content .TextLarge
{
    width: 300px;
}

.DefaultFields .Field .Content .TextAreaSmall
{
    
}

.DefaultFields .Field .Content .TextAreaMedium
{
    
}

.DefaultFields .Field .Content .TextAreaLarge
{
    
}

.DefaultFields .Field .Content .DropDownListSmall
{
   
}

.DefaultFields .Field .Content .DropDownListMedium
{
    
}

.DefaultFields .Field .Content .DropDownListLarge
{
    
}

.DefaultFields .Field .Content .Required
{
    color:Red;
    font-weight:bold;
}

.DefaultFields .Field .Content .RequiredMessage
{
    
}

.DefaultFields .DefaultSubmit
{
    padding:20px;
    text-align:center;
}

/* DefaultFields End ------------------------------------------------*/



.QuickdatePanel 
{
    background-color:white;
    border:1px solid #888888;
    padding:8px;
    width:360px;
    display:none;
    text-align:left;
}

.QuickdatePanel div
{
    padding:2px 0px;
}


/* Default Start ----------------------------------------------*/


.steps td
{
	padding-bottom:15px;
	vertical-align:top;
	width:12.5%;
}
	
.steps td.group
{
	text-align:center;
	vertical-align:middle;
	color:#fff;
	font:bold 20px arial;
	height:60px;
	padding-bottom:20px;
}

.steps .star
{
	width:18%;
	vertical-align:top;
	text-align:right;
	padding-right:5px;
}

.steps .settings
{
	width:18%;
	vertical-align:top;
	text-align:left;
	padding-left:5px;
}

.steps .link
{
	width:64%;
	vertical-align:top;
}

.steps .link a
{
	text-decoration:none;
	font-size:13px;
}

.steps table
{
	width:100%;
}
	
/* Default End ----------------------------------------------*/

.Selected
{
    background-color:white !important;
}

.Selected a
{
    color: #333333 !important;
    text-shadow: none !important;
}

/* Alerts */
.alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
}
.alert h4 {
	margin-top: 0;
	color: inherit;
}
.alert .alert-link {
	font-weight: bold;
}
.alert > p, .alert > ul {
	margin-bottom: 0;
}
.alert > p + p {
	margin-top: 5px;
}
.alert-dismissable, .alert-dismissible {
	padding-right: 35px;
}
.alert-dismissable .close, .alert-dismissible .close {
	position: relative;
	top: -2px;
	right: -21px;
	color: inherit;
}
.alert-success {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}
.alert-success hr {
	border-top-color: #c9e2b3;
}
.alert-success .alert-link {
	color: #2b542c;
}
.alert-info {
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1;
}
.alert-info hr {
	border-top-color: #a6e1ec;
}
.alert-info .alert-link {
	color: #245269;
}
.alert-warning {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc;
}
.alert-warning hr {
	border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
	color: #66512c;
}
.alert-danger {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}
.alert-danger hr {
	border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
	color: #843534;
}

.help-block {
    font-size: 11px;
    margin: -4px 0 0 2px;
    margin-top: 4px;
}



/* Regserv Start -------------------------------------------- */

table.regserv
{
	width:100%;
}

table.regserv table
{
	width:100%;
	border-spacing: 10px;
    border-collapse: separate;
}
    
table.regserv td 
{
	vertical-align:top;
	width:50%;
}

table.regserv table td:first-child
{
	vertical-align:top;
	width:33%;
	background-color:#F7F6F3;
	text-align:right;
}

table.regserv table td.header
{
	color:#ffffff;
	font:bold 13px arial;
	background-color:#37434C;
	padding:4px;
	text-align:left;
}

/* Regserv End -------------------------------------------- */

/**Margin for Page Sections**/
.c7-margin-panel {
    margin: 0 10px;
}