@charset "utf-8";
/* CSS Document */

body{font-family:Tahoma, Geneva, sans-serif;}
html,body,div, p, img{margin:0;padding:0;border:none;}
ul,li,ol{list-style-type:none;}
h3
{
	padding: 3px 0px 3px 0px;
	margin: 0px;
	font-family: inherit;
	font-size: 22px;
	line-height: 35px;
	vertical-align: middle;
	font-weight: normal;
	color: #666666;
}

a{text-decoration:none;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.most-left{float:left !important;}
.most-right{float:right !important;}
.clearfix {display:inline-block;}  
.clearfix { zoom:1;display:block;}
.clearfix:after {content:".";display:block;height:0;clear: both;visibility:hidden;}
[class^="span-"]{float:left;}
.content{width:90%;margin:0px auto;}
.span-101{width:40%;}
.span-1{width:100%;}
.span-2{width:650px;}
.span-3{width:400px;}
.span-32{width:360px;}
.span-4{width:300px;} 
.span-5{width:260px;}
.span-6{width:216px;}
.span-7{width:185px;}
.span-8{width:140px;}
.span-7854{width:240px;}
.span-81{width:110px;}
.span-82{width:120px;}
.span-9{width:85px;}
.span-1-7{width:1115px;}
.span-1-6{width:1084px;}
.span-1-5{width:1040px;}
.span-1-4{width:1000px;}
.span-1-3{width:800px;}
.span-50{width:49.5%;}
.span-25{width:35.5%;}
.span-160{width:16%;padding-right:4px;}
.span-666{width:8%;padding-right:4px;}
.span-1601{width:20%;padding-right:4px; padding-bottom:10px;}
.span-1602{width:28%; padding-bottom:10px;}
.span-161{width:25%;padding-right:4px;}
.span-162{width:17%;padding-right:4px;}
.span-wid-20{width:20%;padding-right:0px;}
.span-percent{width:80%;}
.span-percent6{width:88%;}
.span-percent1{width:70%; padding-bottom:10px;}
.span-percent2{width:75%; padding-bottom:10px;}
.span-percent_Small{width:50%;}
.span-percent_Small1{width:100%;}
.span-505{width:31%;}
.span-percent30{width:24.5%;}
.span-percent70{width:65%;}
 .clear-padding{clear:both;padding-top:8px;}
 .clear-padding-less{clear:both;padding-top:3px;}
.mouseLink{ color: blue; text-decoration: underline; cursor: pointer; }
.span-31{width:71%;}
.span-full-width{width:100%;overflow:auto;}
#header{background:url(../Images/header_bg.gif) top center repeat-x #fff;padding:10px 0px;}
#header	.login-menu{margin:35px 0 0 0;}
#header	.login-menu li{display:inline;padding:2px 10px 2px 5px;border-right:1px solid #ccc;}
#header	.login-menu li:last-child{border:none;}
#header	.login-menu li a{font-size:11px;color:#155887;}
#header	.login-menu li a span{font-size:14px;}
#nav{background:url(../Images/nav.gif) top center repeat-x;height:92px; ;padding:6px 0px 0px 0px;border-bottom:1px solid #bebcbc;position:relative;}
#nav ul.nav{margin:0px;padding:1px 0px;}
#nav ul.nav li{padding:15px 15px;display:inline;}
#nav ul.nav li.active{background:url(../Images/active.gif) center left repeat-x;padding-bottom:22px;}
#nav ul.nav li ul{position:absolute;top:34px;left:0px;display:none;}
#nav ul.nav li.active ul{display:block;}
#nav ul.nav li ul li{float:left;border-right:1px solid #ccc;height:15px;line-height:20px;padding-bottom:42px;padding-top:5px;}
#nav ul.nav li ul li img{margin:0% 30%;}
#nav ul.nav li ul li span{display:block;text-align:center;}
#nav ul.nav li.active ul{}
#nav ul.nav li.active a {color:#1a5f88;}
#nav ul.nav li a{font-size:12px;color:#f2f6f9;}

#content
{
	margin: 10px 0px 0px 0px;
	margin-bottom: 40px;
}
#content h2.heading{background:#0e3f5c;padding:10px 20px;color:#e1e3e5;font-size:16px;font-weight:normal;margin:10px 0px 0px 0px;}
#content h3.heading{background:#0e3f5c;padding:3px 20px;color:#e1e3e5;font-size:14px;font-weight:normal;margin:10px 5px 0px 0px;}

#content .right-content{margin-left:15px;}
#content .searchbar, .normal-seacrhbar{background:#1a5f88;padding:8px 20px;position:relative;}/**/
#content .searchbar p{font-size:12px;margin:8px 0px;color:#3facf8;font-size:12px;}
#content .searchbar input[type="text"]{padding:6px;border:1px solid #0f77b5;background:none;color:#3facf8;width:95%;}
#content .searchbar .btnSearch{position:absolute;border:none;cursor:pointer;right:25px;top:15px; font-family: FontAwesome, 'Helvetica Neue', Helvetica, Arial, sans-serif;background:none;color:#3FACF8;
}
.custom-search{position:absolute;border:none;cursor:pointer;right:25px;top:15px; font-family: FontAwesome, 'Helvetica Neue', Helvetica, Arial, sans-serif;background:none;color:#3FACF8;
}
#content .searchbar span{color:#fff !important;}
 .normal-searchbar span{color:#fff !important;}
#content .searchbar .Export span{color:#000 !important;}


#content .toolbar{border:1px solid #bbcbe0;padding:10px 10px 10px 35px;}
#content .toolbar .treeview{margin:0px;padding:0px;}
#content .toolbar .treeview{list-style-type:circle;}
#content .toolbar .treeview li{margin:5px 0px;} 
#content .toolbar .treeview li:before{content:"\f01d";font-family: FontAwesome;font-size:13px;position:relative; left:-6px;}
#content .toolbar .treeview li a{color:#4f4f4f;font-size:13px;}
#content .contentpanel{padding:8px 0px 8px 0px;}

#footer{background:url(../Images/footer.gif) left top repeat-x;border-top:1px solid #7393a9;position:fixed;bottom:0px;left:0px;height:25px;width:100%;}
#footer ul.footer-information{margin:2px 0px;padding:0px;}
#footer ul.footer-information li{display:inline;padding:0px 10px;border-right:1px solid #155887;}
#footer ul.footer-information li a {line-height:24px; font-size:12px;font-weight:bold;margin:0px;color:#155887;vertical-align:top;}
#footer ul.footer-information li:last-child{border:none;}
#footer ul.footer-information li a span{font-size:16px;}



/* Tab Css */
ul.tabs {margin:0px;padding:0px;}
.tabs li {list-style:none;display:inline; margin:0px 2px 0px 0px;}
.tabs a {padding:6px 10px;display:inline-block;color:#1a5f88;text-decoration:none;font-size:11px;}
.tabs a.active {border:1px solid #0f77b5;border-bottom:none;color:#1a5f88;border-radius:4px 4px 0px 0px}
.tabsDiv{padding:10px;border:1px solid #0f77b5;}

.middle-container {margin:0 auto;position:relative;top:180px;background:#fff;}
.box-shadow{box-shadow:0px 0px 15px #555;}





/* ### Table ## */
.table-primary{width:auto;font-size:12px;}
.table-primary tr td{padding:6px 7px;}
.table{width:100%;}
/* #### Button  ### */  

 [class^="btn-"] span{margin-right:5px;font-size:15px;}
.btn{cursor:pointer;padding:5px 10px;color:#555;background:#ebedef;border:1px solid #ccc;font-size:14px;}
.btn:hover{background:#cfd0d1;}
.btn-primary{cursor:pointer;padding:5px 10px;color:#f7f9fa;background:#1a5f88;font-size:14px;border:none;}
.btn-primary:hover{background:#157cb9;}
.btn-alt{cursor:pointer;padding:5px 10px;color:#f7f9fa;background:#292a2a;border:1px solid #ccc;font-size:14px;border:none;}
.btn-alt:hover{background:#131313;}
/* ## Widget  ## */
.widgetbox{clear:both;margin:0px;padding:0px;}
.widgettitle{padding:8px 15px;background:#1a5f88;font-size:14px;color:#feffff;margin:0px;border:1px solid #1a5f88}
.widgetcontent{padding:10px 20px 0px 30px;border:1px solid #1a5f88;font-weight:normal;}
.widget-block{padding:4px 2px 10px 2px;border-bottom:1px solid #ccc;margin-bottom:10px;}
/* ## Edit form ## */ 
.edit-form{}
table.edit-form tr td:first-child{width:20%;}
.edit-form label, .edit-form a{font-size:12px;}
.edit-form input[type="text"], .edit-form input[type="password"]{width:95%;padding:5px;border:1px solid #1a5f88;font-size:12px;}
/*## Heading # */
.heading-1{font-size:20px;font-weight:bold;color:#0e3f5c;margin:6px 0px 10px 0px;padding:0;}
.heading-2{font-size:18px;font-weight:bold;color:#124b6d;margin:4px 0px 6px 0px;padding:0;}
.heading-3{font-size:16px;font-weight:bold;color:#226b96;margin:4px 0px;padding:0;}
.heading-4{font-size:14px;font-weight:bold;color:#3facf8;margin:4px 0px;padding:0;}
/*## Font # */
.font-x-small{font-size:8px;}
.font-small{font-size:10px;}
.font-midium{font-size:14px;}
.font-large{font-size:16px;}
.font-x-large{font-size:20px;}
.text-center{text-align:center}
.text-right{text-align:right}
.text-underline{text-decoration:underline}
.text-itelic{font-style:italic}
.font-bold{font-weight:bold;}
/*## Text # */
.anchor-link:hover{text-decoration:underline;}
.FullWidth_TopMargin{margin-top:5px;width:100%;}
.Gap_label_textbox{margin-top:5px;}

.divMinheight{min-height:1500px;}
.divMinheightN{min-height:270px;}
.divMinheightC{min-height:820px;}
.span-br > table{margin:10px 0px;}
.span-spacer{margin:0% 0.2%}
.widgettitle_small{padding:2px 15px;background:#1a5f88;font-size:14px;color:#feffff;margin:0px;border:1px solid #1a5f88}
.topmargine{margin-top:10px;}
.bottommargine{margin-bottom:10px;}
.checkbox-fix{float:right; margin-top:35px;}
.divwidth_Scroll{width: auto;overflow-y: scroll;overflow-x: auto;}

.Question_ss { color: Gray; font-size: 11pt; }
.Answer_ss { font-size: 11pt; padding-left: 35px; padding-top: 8px; padding-bottom: 8px; }

.smallTable{border: 1px solid #8ba0bc}

.MargineSide{margin-left:20px;}


.AlertMsg{text-align:center;color:Red;font-size:12px;}

.lblPopupEmailSpan{margin:0px;text-align:right;width:90%;display:block;}
.AlertMsg{text-align:center;color:Red;font-size:12px;}
.Inlinediv div{display: inline-block;vertical-align: -webkit-baseline-middle;}


.dxgvFilterRow_Office2010Blue1 table {border:none !important;}
.dxgvFilterRow_Office2010Blue1 .dxgv {border-right:1px solid #8ba0bc !important}


.customTableClass{width:100%;}
.customTableClass tr{}
.customTableClass tr td{padding:0px;padding:0px;}

.grdNewRowControls{width:100px;}
.grdRowCell{width:100px;}

/* Creditor Invoice Note*/


/* Creditor Delivery Note*/


/* Creditor Order Note*/


/* Debtor  Delivery Note*/


.masterCls{float:right;}

.pointer{ cursor:pointer; }

.btnRondCss{ border-radius: 6px; -moz-border-radius: 6px;}
.custom-add-btn{float:right; position: relative; top: -35px; right: 100px;}

@media(min-width:1200px) and (max-width:1370px) 
{
	.content{width:90%;margin:0px auto; width:1200px;}	
}
@media(min-width:1371px) and (max-width:1600px) 
{
	.content{margin:0px auto; width:1400px;}	
}
@media(min-width:1601px) and (max-width:1900px) 
{
	.content{margin:0px auto; width:1700px;}	
}
.tbFinance_Label{ font-size: 12px;color:#666; font-weight:bold; }
.right-margine
{
    margin-left:8px;
} 
 .margine-top-20
 {
  margin-top:20px   
 }
 .footer-button
 {
    margin-left:5px;
    font-weight: bold;
    font-size: 16px !important;
 } 
 .focused-row
 {
     background: #faedb6 none !important;
 }