/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/

html, body
{
	height: 100%;
	margin: 0px;
}

body
{
	background-color: #5c87b2;
	font-size: 0.75em;
	font-family: "Source Sans Pro" , Calibri, Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	color: #696969;
}

a:link
{
}
a:visited
{
	/*color: #505abc;*/
}
a:hover
{
	color: #1d60ff;
	text-decoration: none;
}
a:active
{
	color: #12eb87;
}

p, ul
{
	margin-bottom: 20px;
	line-height: 1.6em;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
	font-size: 1.5em;
	color: #000;
	font-family: Calibri, Helvetica, Arial, sans-serif;
}

h1
{
	font-size: 2em;
	padding-bottom: 0;
	margin-bottom: 0;
}
h2
{
	padding: 0 0 10px 0;
}
h3
{
	font-size: 1.2em;
}
h4
{
	font-size: 1.1em;
}
h5, h6
{
	font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
	margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

#header
{
	color: #000;
	width: 100%;
}

#header h1
{
	font-weight: bold;
	padding: 5px 0;
	margin: 0;
	color: #fff;
	border: none;
	line-height: 2em;
	font-family: Calibri, Helvetica, Arial, sans-serif;
	font-size: 32px !important;
}

#main
{
	padding-top: 130px;
	padding-bottom: 70px;
	_height: 1px; /* only IE6 applies CSS properties starting with an underscore */
	width: 98%;
	margin-left: 1%;
	height: 100%;
}

#footer
{
	text-align: center;
	line-height: 30px;
	margin: 0;
	font-size: .9em;
	color: White;
	background: #336699;
	min-height: 30px;
}

/* TAB MENU   
----------------------------------------------------------*/

nav#myNaveBarMain
{
	text-align: -webkit-right;
}


ul#menu li
{
	width: auto !important;	
	/*margin-left: 32px !important;
	margin-right: 32px !important;*/
}

ul#menu li a
{
	font-weight: bold;
	text-decoration: none;
	color: #ababab;
	text-transform: uppercase;
	padding-top: 13px;
}

ul#menu li a:hover
{
	text-decoration: none;
	color: #e17009;
}

ul#menu li a.sub-menu:hover
{
	background: White !important;
	color: #e17009;
}
/*
ul#menu li a img
{
	max-width: 20px !important;
	max-height: 20px !important;
}
*/
ul#menu li.active a.main-menu
{
	background-color: #eee !important;
	color: Red;
}

ul#menu li a p
{
	margin: 0;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset
{
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #CCC;
}

fieldset p
{
	margin: 2px 12px 10px 10px;
}

legend
{
	font-size: 1.1em;
	font-weight: 600;
	padding: 2px 4px 8px 4px;
}
/*
input[type="text"]
{
	width: 200px;
	border: 1px solid #CCC;
}

input[type="password"]
{
	width: 200px;
	border: 1px solid #CCC;
}
*/
/* TABLE
----------------------------------------------------------*/

table
{
	border: solid 1px #e8eef4;
	border-collapse: collapse;
}

table td
{
	padding: 5px;
	border: solid 1px #e8eef4;
}

table th
{
	padding: 6px 5px;
	text-align: left;
	background-color: #e8eef4;
	border: solid 1px #e8eef4;
}

/* MISC  
----------------------------------------------------------*/
.clear
{
	clear: both;
}

.error
{
	color: Red;
}

div#title
{
	display: block; /*   float:left;     text-align:left;*/
	text-align: center;
	padding-top: 10px;
	border-bottom: 2px solid black;
	padding-bottom: 10px;
	color: #fff;
	background-color: #048abb;
	min-height: 50px;
}

div#title .title-company-name
{
	margin-left: 1%;
}

div#title .title-company-name a
{
	color: #fff;
	text-decoration: none;
	font-size: 20px;
}

div#title .title-company-signin
{
	margin-right: 1%;
	margin-top: 5px;
}

div#title .title-company-signin a
{
	color: #fff;
}

div#title img
{
	max-height: 35px;
}



#logindisplay
{
	font-size: 1.1em;
	display: block;
	text-align: right;
	margin: 10px;
	color: White;
	display: none;
}

#logindisplay a:link
{
	color: white;
	text-decoration: underline;
}

#logindisplay a:visited
{
	color: white;
	text-decoration: underline;
}

#logindisplay a:hover
{
	color: white;
	text-decoration: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
	color: #ff0000;
}

.field-validation-valid
{
	display: none;
}

.input-validation-error
{
	border: 1px solid #ff0000;
	background-color: #ffeeee;
}

.validation-summary-errors
{
	font-weight: bold;
	color: #ff0000;
}

.validation-summary-valid
{
	display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, .editor-label, .display-field, .editor-field
{
	margin: 0.5em 0;
}

.text-box
{
	width: 30em;
}

.text-box.multi-line
{
	height: 6.5em;
}

.tri-state
{
	width: 6em;
}

/* CUSTOM LAYOUT ELEMENTS   
----------------------------------------------------------*/
*
{
	font-size: 11pt;
}

div.jqGrid-container div.jpGrid-control-panel
{
	text-align: initial;
	width: 98%;
	margin-bottom: 10px;
	margin-left: 1%;
	margin-top: 5px;
}


a.jqGrid-link
{
	text-decoration: underline;
}

.ui-jqgrid *, .ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button
{
	font-size: 11pt;
	font-family: Calibri, Helvetica, Arial, sans-serif !important;
}

tr.jqgrow:nth-child(even):not(.ui-state-hover):not(.ui-state-highlight)
{
	background: #FAFAF5;
	border: 1px solid #9FAFD1;
}

tr.jqgrow:nth-child(odd):not(.ui-state-hover):not(.ui-state-highlight)
{
	background: White;
	border: 1px solid #9FAFD1;
}

tr.jqgrow.ui-state-highlight:nth-child(even):not(.ui-state-hover)
{
	background: #9FAFD1;
	border: 1px solid #9FAFD1;
}

tr.jqgrow.ui-state-highlight:nth-child(odd):not(.ui-state-hover)
{
	background: #B0BED9;
	border: 1px solid #9FAFD1;
}

td.ui-state-highlight.edit-cell
{
	border: 1px solid #FAD44B;
	background: #FAD401;
	color: #363636;
}

tr.jqgrow
{
	height: 30px;
	word-wrap: break-word;
}

tr.jqgrow td:not(.td_cbox)
{
	padding-left: 5px !important;
	padding-right: 5px !important;
}

tr.jqgrow .jq-edit
{
	font-style: italic;
	font-weight: bold !important;
	color: crimson !important;
}

tr.jqgrow .jq-bold
{
	font-weight: bold !important;
	/*color: crimson !important;*/
}

tr.jqgrow .jq-blue-bold
{
	font-weight: bold !important;
	color: blue !important;
}


.expired, .warning
{
	color: Red;
}


.dummy
{
	color: transparent;
}

a[data-toggle="collapse"]
{
	text-decoration: none !important;
}

a.collapsed span.panel-icon-collapse-up
{
	display: initial;
}

a span.panel-icon-collapse-up
{
	display: none;
}

a.collapsed span.panel-icon-collapse-dwon
{
	display: none !important;
}


.info-group .info-label
{
	color: Gray;
}

.control-panel
{
	text-align: initial;
	width: 99%;
	min-height: 40px;
}


.custom-breadcrumb
{
	background-color: inherit !important;
	margin-bottom: 5px !important;
}

img.input-logo-image
{
	max-width: 100px !important;
	max-height: 90px !important;
}

.ui-jqdialog-titlebar-close span
{
	margin: 0px !important;
	margin-top: 0px !important;
}

.table-management
{
	border: transparent;
	margin-left: 15px;
}
.table-management td
{
	padding: 2px;
	border: transparent;
}

.table-box
{
	margin-bottom: 5px !important;
	word-break: break-all !important;
	white-space: inherit !important;
	min-height: 60px;
	min-width: 120px;
	max-height: 60px;
	max-width: 120px;
}


.menu-box
{
	margin-bottom: 5px !important;
	min-height: 60px;
	min-width: 120px;
	max-height: 60px;
	max-width: 120px;
	word-break: break-all !important;
	white-space: inherit !important;
}

.menu-management
{
	max-width: 800px !important;
	margin: auto;
}


.fui-box
{
	margin-bottom: 5px !important;
	min-height: 80px;
	min-width: 240px;
	max-height: 80px;
	max-width: 240px;
	word-break: break-all !important;
	white-space: inherit !important;
}

.report-header, .report-footer
{
	font-weight: bold;
	line-height: 30px;
	text-align: center;
}


.table-management
{
	max-width: 1024px !important;
	margin: auto;
}

.report-body
{
	width: 98%;
	height: 98%;
	margin: 50px auto;
}

.sign-in
{
	margin-top: 5%;
}

.sign-in-background
{
	width: 100%;
	height: 100%;
	background: whitesmoke;
}

.sign-in-background img
{
	width: 150px;
	float: right;
}

.purchase-panel-body
{
	background-color: #E8F1FF;
}

.report-list-body a
{
	color: Black;
}

.dashboard p.company-name
{
	margin: 0;
	font-weight: bold;
	color: #048abb;
}

.dashboard p.company-abn
{
	color: #999;
	font-size: 12px;
	margin: 0;
}

.dashboard p.company-address
{
	color: black;
	font-size: 14px;
	margin: 0;
	font-weight: 500;
}

.dashboard .summary
{
	color: #999;
	margin: 0;
}

.dashboard .summary dt
{
	font-size: 14px;
}

.dashboard .bar-legend li, .dashboard .line-legend li, .dashboard .pie-legend li
{
	list-style-type: none;
}

.dashboard .bar-legend span, .dashboard .line-legend span, .dashboard .pie-legend span
{
	display: inline-block;
	height: 10px;
	width: 10px;
	margin-right: 10px;
}

.dashboard div.section
{
	margin: 0;
}

.dashboard .summary dd label
{
	margin: 0;	
}

.dashboard div.summary-tile label
{
	border-bottom: 1px dotted #999;	
}
.dashboard .summary-tile-value
{
	color: #999;
}

.dashboard .title
{
	font-size: 14px;
	margin: 0;
}

.no-margin
{
    margin: 0px;
    line-height: normal    	
}

.dashboard .number
{
	font-size: 24px;
	font-weight: bold;
	margin: 0;
}

.dashboard .number-summary-board
{
	margin-bottom: 10px;
}

.dashboard .open-close-date
{
	min-width : 120px;
}

.dashboard tr.four-ths th
{
	width : 25%;
}

.important-value
{
	font-weight: bold;
	color : Red;
}

.example-report
{
	text-align: center;
}

.for-test
{
	border: aqua solid 1px;
}

.btn-squared
{
	width: 120px !important;
	height: 85px !important;
	font-size: 10px;
	margin : 5px !important;
}
.btn-squared:hover
{
	border: 0px solid white;
}

.btn-squared p
{
    margin-top: 5px;
}

div .for-moible-report
{
	display : inline-block;
	width : 100%;	
}

.margin-bottom-5
{
	margin-bottom : 5px;
}

table.sales-summary-table th
{
	text-align : center;		
}

table.sales-summary-table td:nth-child(2)
{
	width : 100px;
}

.item-name-decoration
{
	border-bottom: black;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    margin-bottom: 5px;	
}

.hide-panel
{
	color : Red !important;
}

.label-branch-checkbox
{
    width: 210px;
    white-space: nowrap;    
    text-overflow: ellipsis;
}


.checked-value
{
	color : BLACK !important;
}

.state-NSW
{	
	color : #C02F1D !important;
}


.state-VIC
{
	color : #3C6478 !important;
}

.state-QLD
{
	color : #419641 !important;
}

.state-WA
{
	color : #C2741A !important;
}


#inputGroup>input
{
    margin-top:3px!important;
    margin-bottom:3px!important;
}

@media (max-width: 500px) { 
    .header_right,.header_right>a {
        font-size:13px!important;
    }
}