/*************************************** GLOBAL *************************************************/


html, body {
	height:100%;
}
body {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 15px;
	color: #4d4d4d;
	text-decoration: none;
	margin:0;
	padding:0;
}
body#bd{
	background:#fff;
}

a, a:visited {
	color:#4d4d4d;
	text-decoration:none;
}
.span{
	color:#4d4d4d;
}
a:hover {
	text-decoration:underline;
}
h1, h4, h5, h6{
	color:#4d4d4d;
	margin-bottom:0;
	padding-top:5px;
	padding-bottom:10px;
	display:block;
}

h2{	
	margin-top:0;
}
h3{
}
ul, ol { 
	margin: 0;
}

/*************************************** LAYOUT *************************************************/

#wrapper{
	width:960px;
	margin:auto;
}

.clr { clear:both;}

#header,
#mainmenu,
#audit,
#submenus,
#container,
#footer,
#toolbar,
#toolbar2 {
    width: 100%;
    float: left;
}

/**/

#logo { width:316px; float:left; padding:21px 0 15px 0; }

/*a.logo {
    display: inline-block;
    width: 316px;
    height: 85px;
    background: url(../images/logo.png) no-repeat;
}*/

a.logo {
    display: inline-block;
    width: 316px;
    height: 85px;
}
a.erauditlogo {
    display: inline-block;
    width: 316px;
    height: 85px;
    background: url(../images/eraudit_logo.jpg) no-repeat;
}

#header-right { width:606px; float:right;}

#language {
	width: 250px;
	height: 25px;
	float: right;
	overflow: hidden;
	text-align: right;
	vertical-align: central;
	margin: 0 -10px 0 0;
}

/*#language { width:170px; height:25px; float:right; overflow:hidden; margin:0 -10px 0 0; background:url(../images/language-bg.png) no-repeat;}*/

#language ul { list-style:none; padding:0; margin:7px 0 0 18px;}

#language li { display:block; float:left; margin:0 6px;}

#language li a { display:block;}

#login-bt { display:block; float:right; line-height:25px; font-size:10px; font-weight:bold; color:#cccccc; padding-right:10px; font-family: 'Open Sans', sans-serif;}

#login-bt a, #login-bt a:visited {line-height:25px; font-size:10px; font-weight:bold; color:#cccccc;}

#login-bt a:hover, #login-bt a:focus { text-decoration:none; color:#80bf3f;}

#toolbar2 { margin:28px 0 0 0;}

#companyInfo { display:block; float:left; font-size:14px; color:#cccccc; font-weight:bold; font-family: 'Open Sans', sans-serif;}

#companyInfo h3{ font-size:14px; color:#80bf3f; margin:0 0 0 0;}

#topmenu, #live-support { display:block; float:right;}

#topmenu ul { list-style:none; padding:19px 12px 0 0; margin:0;}

#topmenu li { display:block; float:left; margin:0 7px; padding:0;}

#topmenu li a, #topmenu li a:visited { display:block; color:#cccccc; font-family: 'Open Sans', sans-serif; font-weight:bold; font-size:14px;}

#topmenu li a:hover, #topmenu li a:focus { text-decoration:none; color:#80bf3f;}

/**/

#mainmenu { background:#237ec1;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin: 0 0 10px 0;
}

#mainmenu ul { list-style:none; margin:0; padding:0;}

#mainmenu li { display:block; float:left; margin:0 7px 0 0;}

#mainmenu li a { display:block; padding:0 20px; line-height:30px; height:30px; color:#fff; font-size:14px; font-family: 'Open Sans', sans-serif; font-weight:bold;}

#mainmenu li.active a,
#mainmenu li:hover a,
#mainmenu li a:hover { background:#80bf3f; text-decoration:none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

/**/

/**/

#audit {
    background: #008080;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0 0 10px 0;
}

    #audit ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    #audit li {
        display: block;
        float: left;
        margin: 0 7px 0 0;
    }

        #audit li a {
            display: block;
            padding: 0 20px;
            line-height: 30px;
            height: 30px;
            color: #fff;
            font-size: 14px;
            font-family: 'Open Sans', sans-serif;
            font-weight: bold;
        }

            #audit li.active a,
            #audit li:hover a,
            #audit li a:hover {
                background: #00f7f7;
                color: #7f0751; 
                text-decoration: none;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
            }

/**/

#submenus{ margin:0 0 10px 0;}

#submenus ul { list-style:none; padding:0 0 8px 0; margin:0; background:url(../images/submenu.png) left bottom no-repeat; height:34px; display:block; float:left; }

#submenus ul li { display:block; float:left; margin:0 10px 0 0;}

#submenus li a { height:34px; line-height:34px;display:block; padding:0; color:#80bf3f; font-size:14px; font-family: 'Open Sans', sans-serif; font-weight:bold}

#submenus li a:hover,
#submenus li.active a { color:#237ec1; text-decoration:none; }

/**/

/**/

#submenus2{background:#237ec1;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; 
margin:0 0 10px 0;}

#submenus2 ul { list-style:none; padding:0 0 8px 0; margin:0; background:url(../images/submenu.png) left bottom no-repeat; height:34px; display:block; float:left; }

#submenus2 ul li { display:block; float:left; margin:0 10px 0 0;}

#submenus2 li a { height:34px; line-height:34px;display:block; padding:0; color:#80bf3f; font-size:14px; font-family: 'Open Sans', sans-serif; font-weight:bold}

#submenus2 li a:hover, #submenus2 li.active a
{
	background: #80bf3f;
	color: #800000;
	text-decoration: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/**/

#container { padding: 0 0 25px 0;}

.panel { width:468px; float:left; border:1px solid #e6e6e6;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}

.panel2 { width:468px; float:right; border:1px solid #e6e6e6;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}

.panel > h3,
.panel2 > h3 { height:48px; background:#f5faff; margin:0; font-size:16px; color:#134669; font-weight:bold;
-webkit-border-radius: 4px 4px 0 0 ;
-moz-border-radius: 4px 4px 0 0 ;
border-radius: 4px 4px 0 0 ; padding:5px 50px 0 10px;}

.panelImg > h3 { background:url(/images/icons/accounting/moneyin.png) 430px 50% no-repeat #f5faff;}
.panelImg2 > h3 { background:url(/images/icons/accounting/moneyout.png) 430px 50% no-repeat #f5faff;}


.panel > h3 span,
.panel2 > h3 span { display:block; font-size:14px; color:#b3b3b3; }

.panel td,
.panel2 td { padding:40px 20px 0; text-align:center; height:122px; vertical-align:top; border-top:1px solid #e6e6e6; border-right:1px solid #e6e6e6; overflow:hidden;}

.panel td.last,
.panel2 td.last { border-right:none;}

.panel td h3,
.panel2 td h3 {font-size:16px; color:#134669; font-weight:bold; margin-bottom:0;}

.panel3 { width:170px;float:left; border:1px solid #e6e6e6; margin-right:20px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; height:163px; text-align:center; margin-bottom:20px;}

.panel3.nomargin { margin-right:0;}

.panel3 > h3 { height:30px; background:#f5faff; margin:0 0 35px 0; font-size:16px; color:#134669; font-weight:bold; line-height:30px; text-align:center;border-bottom:1px solid #e6e6e6;
-webkit-border-radius: 4px 4px 0 0 ;
-moz-border-radius: 4px 4px 0 0 ;
border-radius: 4px 4px 0 0 ;}

.panelStockImg > h3 { background:url(/images/icons/stock_control/stockin.png) 410px 50% no-repeat #f5faff;}
.panelStockImg2  > h3 { background:url(/images/icons/stock_control/stockout.png) 410px 50% no-repeat #f5faff;}


.statusBar a:first-child
{
	display: none;
}


/**/

#footer { border-top:1px solid #e6e6e6;font-family: 'Open Sans', sans-serif;}

#footnav,
#designedBy,
#copyright { width:100%; float:left; padding:16px 0 0 0;}

#footnav ul { list-style:none; margin:0; padding:0;}

#footnav li { display:block; float:left; margin-right:15px;}

#footnav li a { color:#cccccc; font-weight:normal; font-size:13px; font-family: 'Open Sans', sans-serif;}

#footnav li a:hover { color:#80bf3f; text-decoration:none; }

#copyright { color:#ccc; font-size:12px;}

#copyright a, #copyright a:visited { color:#ccc; text-decoration:none; font-weight:normal;}

#copyright a:hover, #copyright a:focus { color:#80bf3f; text-decoration:none;}

#designedBy { color:#ccc; font-size:12px;}

#social-bt { display:block; float:right; padding-right:50px;}

#social-bt ul { list-style:none; }

#social-bt li { display:block; float:left; margin:0 6px;}

#social-bt li a { display:block;}



.qr-code-generator {
	width: 500px;
	margin: 0 auto;
}

	.qr-code-generator * {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

.qrcode {
	width: 128px;
	height: 128px;
	margin: 0 auto;
	text-align: center;
}

#qrcode a {
	font-size: 0.8em;
}

.qr-url, .qr-size {
	padding: 0.5em;
	border: 1px solid #ddd;
	border-radius: 2px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.qr-url {
	width: 79%;
}

.qr-size {
	width: 20%;
}

.menuContainer {
	float: left;
	width: 53%;
}

.description {
	float: right;
	width: 47%;
}

.wrapper {
	float: left;
	clear: both;
	width: 100%
}

.linkMenu {
	background: none !important;
	border: 0 !important;
	color: #162436 !important;
	padding: 0 !important;
	text-decoration: none !important;
}

	.linkMenu a:hover,
	.linkMenu a:hover * {
		text-decoration: underline !important;
	}

.linkMenuItem,
.linkMenuItem > div {
	padding: 0 !important;
	font: 14px Tahoma !important;
	color: blue;
}

.linkMenuSeparator {
	padding: 0 14px !important;
}

	.linkMenuSeparator > * {
		background: #5386CB !important;
		margin: 4px 0 !important;
		height: 10px !important;
		width: 1px !important;
	}

@media (max-width: 576px) {
	.menuContainer {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}

	.description {
		float: none;
		width: 100% !important;
	}
}

.focused-row td {
	background-color: lightskyblue !important;
}

/*************************************** BOT FRESHDESK *************************************************/
.chat-footer a {
	visibility: hidden;
}

/*************************************** END BOT FRESHDESK *************************************************/