*{font-family: "Roboto", sans-serif; font-size: 13px;
font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;

}
h1,h2,h3,h4,h5,h6{ color: #000000;  margin: 6px 0; font-family: "Roboto", sans-serif;}
h1{ font-size: 24px; color: #663300; text-shadow: 0 0 0 #A88C6F;}
h2{ font-size: 18px; }
h3{ font-size: 16px; }
h4{ font-size: 14px; }
h5{ font-size: 12px; }
h6{ font-size: 10px;}

.menu-strip{ border: 1px solid #ACC9EE; background:#D2E1F6 none repeat scroll 0 0; overflow:hidden; padding:2px;}
.menu-strip ul{margin: 0;padding: 0;}
.menu-strip ul li{list-style: none outside none; float: left;margin-right: 2px;}
.menu-strip ul li a{display:block;line-height: 20px;padding: 3px 6px;}
.menu-strip ul li a:hover{border-color: #BAC7DA;background: #EFF4FB none repeat scroll 0 0;-moz-border-radius:5px;-webkit-border-radius:5px;color: #185DA0;}
.menu-sep{color: #A8A8A8;}

.sub-menu-strip{ border: 1px solid #417FAB; background:#4E9ACF none repeat scroll 0 0; overflow:hidden; padding:2px;}
.sub-menu-strip ul{margin: 0;padding: 0;}
.sub-menu-strip ul li{list-style: none outside none; float: left;margin-right: 2px;}
.sub-menu-strip ul li a{display:block;line-height: 20px;padding: 3px 6px; color: #FFFFFF;}
.sub-menu-strip ul li a:hover{border-color: #BAC7DA;background: #EFF4FB none repeat scroll 0 0;-moz-border-radius:5px;-webkit-border-radius:5px;color: #185DA0;}




.hidden { position:absolute; top:0; left:-9999px; width:1px; height:1px; overflow:hidden; }
.always-icon{text-align:right; position: relative;float: right; margin-right: 5px;margin-left: 5px;}
h1 span{ color: #999999; font-size: 20px; }
.amount h2{font-family: Arial; font-size: 16px; font-weight: bold;display: inline;}
.line{height: 5px; background-color: #C8C8C8;display: block; margin-top: 10px; margin-bottom: 5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.bold {font-weight: bold;}
.panel{background:#F4F4F4 none repeat scroll 0 0;padding: 20px; border:1px solid #CCCCCC; -moz-border-radius:5px;-webkit-border-radius:5px; }
.panel:hover{border: 1px solid #9EC068;}
.mini-panel{background:#F4F4F4 none repeat scroll 0 0;padding: 6px; margin:5px 5px; border:1px solid #CCCCCC; -moz-border-radius:1em; }
.mini-panel:hover{border: 1px solid #9EC068;}
.mini-panel h2 span, h2 span{color: #999999; font-size: 18px;}
.note{ text-align:left; background:#F4F4F4 none repeat scroll 0 0;padding: 10px; margin:5px 0; border:1px solid #CCCCCC;}
.info, .success, .warning, .error, .validation{border: 1px solid; margin: 10px 0px;padding:10px 8px 10px 60px; background-repeat: no-repeat;
background-position: 10px center; width: 400px;-moz-border-radius:5px;-webkit-border-radius:5px; }
.info {color: #00529B; background-color: #BDE5F8; background-image: url('../images/32/info.png');}
.success {color: #4F8A10; background-color: #DFF2BF; background-image:url('../images/32/success.png');}
.warning {color: #9F6000;background-color: #FEEFB3;background-image: url('../images/32/warning.png');}
.error {color: #D8000C;background-color: #FFBABA;background-image: url('../images/32/error.png');}
.error-tooltip{color: #D8000C;background-color: #FFBABA; padding: 6px 4px; margin-top: 5px;}
.success-tooltip{color: #4F8A10;background-color: #DFF2BF; padding: 6px 4px; margin-top: 5px;}
ul.noficiation{list-style: disc outside none;}
.noficiation li{padding-top: 5px; padding-bottom:5px;}
a{color: #185DA0; text-decoration: none;}
a:hover{color: #9EC068;}
select,textarea,input{font-size:11px; border:1px solid #C6C8CA; padding:4px; font-family:"lucida grande",tahoma,verdana,arial,sans-serif;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.longtext{ width: 280px; /*overflow-x:hidden;overflow-y:hidden;*/line-height: 16px; }
.inputtext{width:235px;}
.pricetext{width:50px;}
.button{min-width: 75px; width: auto; background-color: #99CC00; color:#fff; border: 1px solid #009900; text-align: center;}
.disable-button{min-width: 75px; width: auto; background-color: #C8C8C8; color:#fff; border: 1px solid #737373; text-align: center;}
select:focus,textarea:focus,input:focus[type=text]{border: 1px solid #CC9999; background-color: #FCF3F3; }
.float-left{float:left;}
.float-right{float:right;}
/** Tickets CSS */
.longtext{width: 300px;}
.required{ width: 15px; color: #F00; font-size: 12px;}
/** LEFT MENU */
.mnu-left {border:none;border-bottom: 1px solid #009900; -moz-border-radius:5px; background-color: #FFF; margin-top: 15px; overflow: hidden; padding-top: 6px;padding-bottom: 6px;}
.mnu-left li{float: left; margin-right: 3px; width: auto;}
.menu-left li.back{background: url("../image/lava.gif") no-repeat right -30px;width: 9px; height: 30px;z-index: 8;position: absolute;}
.mnu-left li a{font-size: 12px; padding: 8px;}
.mnu-left li a:hover{ background-color: #99CC99; color: #FFF; }
/** FORMS RELATED CSS */
.form_row{ padding: 6px; margin: 4px; overflow: hidden;}
.form_row .caption-field, .form_row .value-field{ vertical-align: top; float:left; }
.form_row .value-field{ width: 350px; }
.form_row .caption-field { width: 150px; text-align: right; padding-right: 6px; font-weight: bold !important; }
.action-row {text-align: left; width: 600px;margin-top: 10px; border-top: 1px dotted #404040; padding-top: 5px;}
.action-row input{margin-right: 10px;}

.textarea{ width: 400px; line-height: 16px; height: 75px; }
.view-summary{ width: 600px; line-height: 16px; height: 100px; background-color: #EFEBC2; color: #000; border:1px dashed #DBD8B2; overflow: auto;padding: 10px; }
.ticket-comment{ border: 2px solid #CCDEF8; overflow: hidden; width: 600px; margin: 5px 0; -moz-border-radius-bottomright:1em; -moz-border-radius-topleft: 1em; }
.ticket-comment:hover{ border: 2px solid #6699CC;}
.ticket-comment .head{ height: 15px;padding: 6px; font-weight:bold; border-bottom: 1px solid #000;  background-color: #D2E1F6; }
.ticket-comment .gray{ color: #CC0000; font-size: 10px; font-weight:normal; }
.ticket-comment .body{ padding: 6px; height: auto;}
fieldset{border: 1px solid #C8C8C8; padding: 8px; width: 800px; -moz-border-radius:5px;-webkit-border-radius:5px;}
fieldset legend{ font-size: 11px; font-weight: bold; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; letter-spacing: 1px;color: #336600;}

table.grid{ border-spacing: 0; border:0; }
.grid-header th{
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;	border-right: 1px solid #C1DAD7;border-bottom: 1px solid #C1DAD7;border-top: 1px solid #C1DAD7;
	background: #CAE8EA url(../images/bg_header.jpg) no-repeat;
	padding: 2px 6px; text-transform: uppercase; text-align: left;}
.grid-header th a{ color: #185261; }
table.grid td, table.grid th{ text-align: left; vertical-align: top;padding: 6px 6px;}
table.grid td{border-right: 1px solid #C1DAD7;border-bottom: 1px solid #C1DAD7;padding: 6px 6px;}
table.grid td.balance-cell{font-size: 12px; font-weight: bold; color: #000;}
td.action-col a{margin-right: 6px;}
.number-cell{text-align: right !important;}
table.grid tr.even{ background-color: #F5FAFA;color: #797268;}
table.grid tr.odd{background-color: #fff;color: #6D929B;}
table.grid td.grid-row-header{ text-align: center; font-weight: bold; }
table.grid tr.even:hover, table.grid tr.odd:hover{ background-color: #F1E9E9; color:#666666;}
table.grid .footer-total{font-size: 14px; font-family: Arial;font-weight: bold;}
.auto-complete{width: 100%;}
.red{color: #F00;}
table.invoice{ border-spacing: 1;  }
table.invoice td.index-col{text-align: center;}
table.invoice-totals td, th{ padding: 2px 4px; }
.invoice th{ text-align: left; padding: 4px 6px; background-color: #66CCCC; font-weight: bold; border: none;}
.invoice td{ text-align: left; padding: 4px 2px; border-collapse: collapse;border:1px solid #CCCCCC;}
.invoice td input:focus{ border: none; background-color: #FCF3F3;}
.invoice tr.active{ background-color: #99CCFF; }
input.disabled{color: #000; border: 1px solid #E8E8E8; background-color: #EFEFEF; }
.invoice-info th{padding: 6px 4px;text-align: center;white-space: nowrap;}
.invoice-info td{padding: 6px 6px; font-size: 14pt;text-align: center;}
table.print-invoice{ border-spacing: 1;}
table.print-invoice td.index-col{text-align: center;}
table.print-invoice-totals td, th{ padding: 4px 4px; }
.print-invoice th{ text-align: left; padding: 4px 6px; font-weight: bold; border: none;}
.print-invoice td{ text-align: left; padding: 3px 2px; border-collapse: collapse;border:1px solid #000;}
.main_coa{padding: 6; margin-bottom: 5px; border-bottom: 4px solid #E8E8E8;}

.main_coa h2{font-size: 14px; font-family: Arial; font-weight: bold;}
.main_coa .head-amount{position: relative; top: 5px; font-size: 14px; font-weight: bold;}
.main_coa .child-coa{margin-left: 10px; padding: 6px; border-bottom: 2px solid #E8E8E8;}
.main_coa .child-coa:hover{border-bottom: 2px solid #B2312A;}
.void-entry{color: #E10000;margin: 0 4px;}

a.collapsed{background: url("../images/expand.png") no-repeat scroll 3px 3px transparent;display:block;height:15px;margin:2px;outline:0 none;width:15px;}
a.expanded{background: url("../images/expand.png") no-repeat scroll -24px 3px transparent;display:block;height:15px;margin:2px;outline:0 none;width:15px;}
img.status_icon{margin-right: 4px; text-align: left; vertical-align: bottom;}

.pagination-bar ul{border:0; margin:0; padding:0;}
.pagination-bar a{border:solid 1px #9aafe5;margin-right:2px; }
.pagination-bar .active{background:#2e6ab1;color:#FFFFFF !important;font-weight:bold; padding:4px 6px;}
.pagination-bar a:link, .pagination-bar a:visited {color:#0e509e; padding:3px 6px;text-decoration:none;}
.pagination-bar a:hover{ border:solid 1px #0e509e; }
.pagination-bar{padding:4px; text-align: right;}
.reorder{background-color: #F5E7E7;}
.bold{font-weight: bold;}