.author{color:#33B;font-size:8pt;}
.author a {color: #228;}
.logo{ 
  /*font-size:26pt; */
  color:#EE1C25;
  text-shadow: -1px 0 #8A280F, 0 1px #8A280F, 1px 0 #8A280F, 0 -1px #8A280F;
}
#header{
  width: 100%;
}
.logor{ font-size: 18pt; vertical-align:top;margin-left: 3px;}
.logocell { width: 240px;}

.userfield, .taskfield{ vertical-align: top; text-align: right; padding-right: 10px; }
.userfield{ width: 200px;}
.taskfield{ width: 150px;}

.username{ font-size:8pt; color:#094C99; text-shadow: #93ADC6 2px 2px 5px;}
.rolename{color: #660;}

.msg{font-size: 9pt;}
.msgpar{color: #0A0;font-weight: bold;}
.errmsg{font-size: 9pt; color: #F00;}
.errdata{background-color: #FAA;}
.fullwarns { font-size: 9pt;}
#mesdiv {overflow-y: scroll;}

.marksk{ color: #FF0;}
.mark{ color:#bd8;}
.markim { color:#f30;}
.wnum { color: #BB4;}
.wsep{ color:#FFF;}

a{color: #44C;text-decoration:none;}
a:visited{color: #939;}
.warn a:hover,a:hover{color:#500;}
img{border: none;}
input, select {border: solid 1px #99B;color: #333;font-size: 9pt; padding-left: 3px; padding-right: 2px; padding-top: 1px; padding-bottom: 1px;}
input:disabled{
  background-color: #DDD;
}

.cp{cursor:pointer;}
.cp2{cursor: pointer; background-color: #DDF;}

.ch{cursor:help;}
.cpb{cursor:pointer; color:blue;}
hr{
  height:1px;
  border:none;
  border-top: dotted 1px #006;
  background:none;
  color:#888;
}
body{
  margin:0px;
  padding:0px;
  font-family: Arial;
  color: #000;
}

#background{
  background: url(images/back1.jpg) no-repeat;
  position: fixed;
  width: 100%;
  height: 500px;
  z-index: -1;
}

.shead, .sfooter{
  font-family: Arial;
  padding-bottom: 4px;
  width: 100%;
  border-bottom: solid 1px #668;
  position: fixed;
}

#headfirms{font-size: 9pt;}
#headfirms td {vertical-align: top; padding-right: 10px; }
#headfirms input {margin: 2px; margin-right: 5px;}

.mainarea{
  margin-top: 5px;
}

.aitem, .bitem, .citem, .ditem{
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 3px;
  padding-top: 1px;
  font-family: Arial;
  font-size: 10pt;
  font-weight: bold;
  position: relative;
  box-shadow: 2px 3px 3px #888;
  margin-right: 7px;
  margin-bottom: 6px;
  border-radius: 4px;
  display: inline-block;
  /*height: 18px;*/
  line-height: 18px;
}
.bitem, .ditem {background-color: #0D5180;}
.bitem a, .ditem a{color: #FFF;}
.aitem{
  background-color: #CFF;
  vertical-align: center;
  padding-bottom: 15px;
  padding-top: 15px;
}
.bitem {
  background-color: #0D5180;
}

.citem{
  margin-left: 0px;
  border-radius: 0 4px 4px 0;
  background: #FFF url(images/dt_add2.png) no-repeat center;
  padding-left: 5px;
  padding-right: 5px;
  cursor: pointer;
  width: 9px;
}
.citem a {}
.ditem{
  margin-right: 0px; 
  border-radius: 4px 0 0 4px;
  font-size: 10pt; 
}

.btwbtn1{ margin: 6px;}
.btwbtn2{ margin: 20px;}

.content{ 
  padding-left: 10px;
  padding-right: 3px;
  padding-top: 5px;
  width: 100%;
  margin-top: 22px;
  box-sizing: border-box;
  /*float: left;*/
}

.patch{ padding: 8px;font-size: 10pt;}

.btwtable{vertical-align: top; padding-left: 10px;}
.lsection{vertical-align: top;}
.ordheadsec{vertical-align: top; padding-right: 10px; font-size: 10pt;}

.wtable{width: 100%;}

.edit{
  border:solid 1px #99B;
  background-color:#FFF;
  font-size: 9pt;
  padding-left: 3px; 
  padding-right: 3px;
  color: #444;
}

.formtable tr {padding: 1px;}
.formtable td, .logintable td {
  padding-left: 10px;
  /*white-space:nowrap;*/
  font-family: Tahoma;
  color: #000;
  vertical-align: top;
  max-width: 1400px;
  /*white-space: nowrap;*/
}

.formtable td{
  font-size: 8pt;
}
.logintable td{
  font-size: 10pt;
}
/*.formtable tr td {text-align: right;}
.formtable tr td:last-child { text-align: left;}*/

.formtable td td {padding-left: 2px;}
.formtable a {color: #55F !important; font-size: 9pt;}
.formtable a:hover {color: #F84 !important;}


#dialog{ font-family: Tahoma;font-size: 9pt;}
#formerror, #formerror2 { font-size: 8pt;color: red;}
.formwarn{ font-size: 9pt;color: green;}
.forminfo{ font-size: 9pt;}
.formwarn2{ font-size: 9pt; color: red;}
.server-error {font-size: 9pt; color: red; text-shadow: #DDD 2px 2px 3px;}
.login-error { 
  display: inline-block;
  font-size: 10pt; 
  color: red;
}

.finfo {font-weight: bold; color: #006;}
.loadinfo {font-size: 10pt; color: #006; background-color: #FFF; border: solid 1px #99B; padding: 4px; margin-top: 6px;}


.pagewarn, .pageinfo, .pageinfo2,.pagewarn2{
  display: inline-block;
  font-size: 10pt;
  padding: 2px;
  padding-left: 4px;
  padding-right: 4px;
  margin-bottom: 2px;
}
.pagewarn{ color: red; background-color: #FCC;}
.pagewarn2{ color: #FF8; background-color: #F83;}
.pageinfo{ color: green; background-color: #BFB;}
.pageinfo2{ color: navy; background-color: #DDF;}
.order-inner { 
  border: solid 1px #888; 
  border-radius: 4px; 
  padding-left: 3px; 
  padding-right: 2px;
  background-color: #BBB;
}

.filterlabel { padding-left: 3px; font-size: 9pt; vertical-align: middle; }
.fltvalue { color: #B62; font-weight: bold;}
.flthighlight { background-color: #E8F0A6; padding-left: 2px; padding-right: 2px; margin-right: 1px;}
.filterblock { line-height: 24px; font-size: 9pt; margin-bottom: 12px; margin-right: 150px; }
.filterblock2 { line-height: 16px; font-size: 9pt; margin-bottom: 4px; vertical-align: bottom;}
.filter-sub{
  margin-bottom: 4px;
}

.buttonblock { margin-bottom: 8px;}

label{
  display: inline-block;
  vertical-align: top;
  line-height: 16px;
}
label input[type='checkbox']{
  vertical-align: bottom;
}

.par{color: green; font-weight: bold;}
.undtls{
height:92px;
border: 1px solid gray;
overflow-y:scroll;
padding-left: 2px;
}

h3, h2{
  color: #C11526;
  font-weight: bold;
  font-family: Arial;
  margin-top: 0px;
  margin-left: 0px;
  padding-top: 0px;
  /*text-shadow: -1px 0 #8A280F, 0 1px #8A280F, 1px 0 #8A280F, 0 -1px #8A280F;*/
  
  font-family: "Trebuchet MS", Helvetica, sans-serif;
}
h3 {font-size: 16pt; margin-bottom: 12px;}
h2 {font-size: 15pt; margin-bottom: 4px;}
h4 {
  color: #C50;
  font-size: 14pt;
  text-shadow: 1px 1px #99E;
  margin-bottom: 8px;
  margin-top: 4px;
}

.stable, .ftable{
  padding: 2px;
  border: 0px;
  border-collapse:collapse;
  background-color: #FFF;
  margin-bottom: 15px;
}
.stable{
  box-shadow: 2px 2px 6px #666;
}

.stable td, .ftable td{
  border: solid 1px #C4C6C7;
}
.stable td,.ftable td{
  vertical-align: top;
  padding-left: 3px;
  padding-right: 3px;
  font-size: 9pt;  
  font-family: Tahoma, Arial;
  color: #006;
}
.stable .smalltext{ font-size: 7pt;}
.verttext {transform: rotate(90deg);}

.tdnull{
  background-color: #FCC;
  text-align: right;
}
.tdh,.tdh2,.tdhadm,.tdhs {
  vertical-align: top;
  padding: 4px;
  font-weight: bold;
  color: #222;
}
.td2 { background-color: #DDF;}
.tdh{ background-color: #F0F0F0;}
.stable .tdhs, .ftable .tdhs{ background-color: #F0F0F0; font-size: 8pt}
.stable .tdhi{ background-color: #CFC;}
.tdh2{ background-color: #5282D4;}
.tdhadm{
  background-color: #FEC; 
}
.tdh3{
  vertical-align: top;
  background-color: #CDD; 
  color: #000;
  padding: 2px;
  font-weight: bold;
}
.tdsel{
  background-color: #DEE; 
}

.tbl-box{
  float: left;
}

.tbl-ctrl-box{
  position: relative;
  width: auto;
}
.tbl-ctrl-right-box{
  position: absolute;
  height: 100%;
  display: flex;
  width: 130px;
  right: 0px;
  top: 0px;
  align-items: flex-end;
  justify-content: flex-end;
}

.tbl-ctrl-right-btn{
  padding-top: 3px;
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 3px;
  margin-bottom: 2px;
  font-family: Arial;
  font-size: 9pt;
  position: relative;
  box-shadow: 2px 2px 2px #888;
  border-radius: 3px;
  display: inline-block;
  height: 15px;
  line-height: 15px;
  background-color: #FFEDAA;
  cursor: pointer;
}
.tbl-ctrl-filter{
  /*line-height: 24px; */
  margin-right: 150px;
  padding-left: 3px; 
  padding-bottom: 8px;
  font-size: 9pt;
}
.tbl-ctrl-right-btn a{ color: #444;}


.dtlunit{
  background-color: #A8CBF5;
  color: #FFC; 
  font-size: 10pt !important;
}
.uniteven{ background-color: #DDF; }
.disitem{ background-color: #DDD; }
.total{ background-color: #ECF; }
.inactive { background-color: #FCC !important;}
.num, .money {text-align: right;}
.center {text-align: center;}

.tblsel{
  height: 15px;
  background: #A8CBF5;
  padding:0px; 
  border: none; 
  padding: 0px;
  margin: 0px;
  margin-bottom: 1px;
  font-size: 8pt;
  max-width: 200px;
}
.tablefilter{ max-width: 400px;}
.formfilter { max-width: 500px;}

.linesimple {background-color: #FFF;}
.lineactive {background-color: #FFF5C2;}
.linecheck {background-color: #CCF;}
.check:after{content: "\2713";}
.check2:after{content: "\2714";}

.cancheck {padding: 0px;}
.grfunc {}
.hide {display:none;}
.fshide{display:none;}
.dshide{display:none;}
.search{
  color: #008; 
  font-size: 9pt; 
  border: 1px solid #AB8;
  padding-left: 3px; 
  padding-right: 3px;
  background-color: #DFD;
}
.dopcompl{
  font-family: Arial;
  font-size: 8pt;
  margin-left: 5px;
  padding: 2px;
  background-color: #EEE;
  border-left: solid 1px #AB8;
}
.viewdetail{
  color: #66F;
}
.unframe{
  padding-left: 10px;
}
.compl-line{padding-bottom: 3px;}
.varlabel{
  font-weight: bold;
  text-decoration: underline;
  color: #555;
  padding-left: 5px;
}
.unsection{
  font-weight: bold;
  color: #448;
  text-decoration: underline;
}
.orl-summ-label{color: #00F;}
.orl-summ{font-weight: bold; color: #A22;}
.orl-count{font-weight: bold; color: #33F;}
.orl-type{color: #088;}
.orl-dis{opacity:0.3;}
.orl-corr {background-color: #D8E8FF;}
.lb-dis{opacity:0.5;}

.ord-ras-flag20 { background-color: #FDD;}
.ord-ras-flag35 { background-color: #FFB;}
.ord-ras-flag0 { background-color: #F66;}
.ord-part-schet { font-size: 8pt;}

.small{font-size: 7pt; color: #666;}
.detcount{color: #040; font-size: 8pt;}
.srtact {color: black;}
.srtmark {color: #777;}
.dislabel {color: #BBB !important;}
.compl0 {color: #222;}
.compl2 {color: #777;}
.price {color: #D44; font-weight: bold;}
.ed-compl-sec {border-bottom: solid 1px #BBF; padding-bottom: 3px; max-width: 1024px;}
.dtl-un-cnum{font-style: italic; color: #000;}

.needs-real{background-color: #DFD;}
.device-rasbase{ font-weight: bold;}
.devhides{ margin-top: 10px; margin-bottom: 15px;}
.uns4dev-closer{
  float: right; 
  border: solid 1px #AAD;
  cursor: pointer;
  padding-left: 2px;
  padding-right: 2px;
  font-size: 7pt;
  font-weight: bold;
}
.helpbox{
  width: 650px;
  max-width: 650px;
  max-height: 550px;
  overflow-y: scroll;
  font-family: Arial;
  font-size: 9pt;  
}
.helpbox a{ color: #00C !important; }
.helpdlgbox{ text-align: right;margin-bottom: 4px;}
.helpsign{
  border: solid 1px #964B00;
  background-color: #FB5;
  padding-left: 2px;
  padding-right: 3px;
  font-size: 7pt;
  
}
.helpsign2{
  border: solid 1px #964B00;
  background-color: #FB5;
  padding-left: 2px;
  padding-right: 3px;
  font-size: 7pt;
}

.up-btn {
  font-size: 8pt;
  margin-left: 7px;
  margin-top: 20px;
  border: solid 1px #88C;
  border-radius: 5px;
  text-align: center;
  background-color: #DDF;
  padding-bottom: 2px;
  padding-left: 10px;
  padding-right: 12px;
  box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
}
.dulldate{ color: #AB9;}
.frm_small{max-width: 400px !important;}
.tbl_lightline{background-color: #FDA;}

.attach-img {max-width: 200px; max-height: 200px;}
.dlg-img-box{overflow-x:scroll; max-width: 600px;}

.dtls2unbox {
  height: 400px;
  overflow-y: scroll;
  border: solid 1px #BBB;
}
.plus1 {
  cursor: pointer;
  border: solid 1px #094C99;
  background-color: #DDF;
  font-weight: bold;
  border-radius: 3px;
  margin: 3px;
  padding: 1px;
}
.editlistbtn{
  background-color: #BBF;
  padding: 2px;
}
.orp-name-edit{
  border: solid 1px #005;
  background-color: #CCF;
  padding: 2px;
}
.submit{
  font-size: 9pt !important;
}

.req { color: red; content: "*"; font-size: 10pt;}
.reas, .subitem{ display: inline-block; white-space: nowrap;}
.headtask{
  font-size: 9pt;
  color: black;
}
.tasknew, .task-today, .task-tomorrow {
  border-radius: 4px;
  padding-left: 2px;
  padding-right: 2px;
}
.tasknew{
  color: #FF0;
  background-color: #C00;
  font-size: 9pt;
  font-weight: bold;
  font-family: Arial;
}
.task-today{
  color: #FF0;
  background-color: #C00;
  border: solid 1px #C00;
}
.task-tomorrow{
  color: #FFF;
  font-weight: bold;
}
.task-tbl-today{ background-color: #F66;}
.task-tbl-tomorrow{ background-color: #FDD;}
.task-attention{ background-color: #FF8;}
#ordertable td{ border-bottom: solid 1px #DDD;}

.topic-table { 
  border-collapse: collapse; 
  box-shadow: 3px 3px 4px #888;
  margin-bottom: 6px;  
}
.topic-table td {background-color: #FEFEFE; vertical-align: top; }
.topic-sep {border-bottom: solid 1px #CCF;}
.topic-author { color: #006; font-size: 10pt; padding: 3px; }
.topic-date-block { font-size: 8pt; color: #444; }
.topic-date { color: #F60; }
.topic-topic { font-family: "Verdana"; font-size: 10pt; color: #444; padding-top: 4px;}
.topic-author-field { max-width: 120px; min-width: 120px;}
.topic-field { max-width: 600px; min-width: 600px; padding: 3px; }

.topic-textarea, .topic-lineedit { width: 580px; resize: none;}
.topic-textarea { height: 110px; font-size: 10pt; margin-bottom: 8px; }
.topic-lineedit { font-size: 8pt; height: 14px;}

.topic-control { position: relative; float: right; padding-right: 4px;}
.topic-table .topic-task-name { font-size: 9pt; background-color: #BDD9EF; padding: 3px;}
.topic-task-subject {background-color: #81B1E0; padding: 1px; padding-left: 5px; padding-right: 5px; line-height: 19px; font-weight: bold;}
.topic-ans-button {
  font-size: 9pt; 
  cursor: pointer; 
  padding-left: 6px; 
  padding-right: 6px; 
  padding-top: 2px; 
  padding-bottom: 2px; 
  background-color: #69C;
  color: #FFF;
  border-radius: 4px;
  box-shadow: 2px 3px 3px #AAA; 
  display: inline-block; 
  margin-bottom: 4px;
}
.topic-ans-button a {color: #FFF;}

.fastfindhl { background-color: #FF8;}
.orderhl {background-color: #CFC;}
.still { font-size: 7pt; cursor: pointer; margin-left: 3px; padding-left: 2px; padding-right: 2px; background-color: #CCF;}
.stable .wide-cell {padding-left: 10px; padding-right: 10px; }
.weekend { background-color: #CFC;}
.holyday { background-color: #F88;}
.wtcurrday { background-color: #FFF5C2;}
.wthcurrday { background-color: #FFF5C2;}
.wtcell { text-align: center; height: 18px;}
.wtempty{
  background: linear-gradient(45deg, rgba(0, 0, 0, 0) 50%, gray 20%, gray 40%, rgba(0, 0, 0, 0) 58% );
  background-size: 0.7em 0.7em;
}
.wtdbox {overflow-y: scroll;max-height: 400px; border: solid 1px #BBB;}
.wtlegnum { font-weight: bold;}
.wtlegtext {}
.wtlegend { font-size: 10pt; margin-bottom: 10px;}

.calendar {
  border: 0px;
  border-collapse:collapse;
  background-color: #FFF;
  box-shadow: 2px 2px 6px #666;
}
.calendar td{
  border: solid 1px #C4C6C7;
  vertical-align: top;
}

.calbox { width: 60px; height: 64px;}
.calnum, .calh { width: 58px;  color: #444;}
.calnum {height: 18px;text-align: right; font-size: 14pt; padding-top: 2px; }
.calh { height: 30px; text-align: center; vertical-align: center; background-color: #F0F0F0; font-size: 14px; font-weight: bold;}
.calhlist { font-size: 8pt;}
.calmonth, .calmonthcurr { font-size: 12pt;  color: #FFF; padding: 5px; font-weight: bold;}
.calmonth { background-color: #094C99;}
.calmonthcurr { background-color: #FFC; color: black;}
.calnav { padding-bottom: 15px;}
.calgrid { padding: 10px; display: inline-block; vertical-align:top;}

.calbtn, .calbtni{
  padding-left: 4px; 
  padding-right: 4px;
  padding-bottom: 2px;
  font-family: Arial;
  font-size: 9pt;
  position: relative;
  box-shadow: 2px 3px 3px #888;
  margin-bottom: 6px;
  border-radius: 4px;
  display: inline-block;
  height: 16px;
  line-height: 18px;
}
.calbtn { background-color: #094C99; cursor: pointer; color: #FFF;}
.calbtni { background-color: #FFC; cursor:pointer;}

.tab-container { ; padding-top: 4px; }
.tab-content { display: inline-block; background-color: #FFF; padding: 2px;}
.tab, .tab-active {
  display: inline-block; 
  text-align: center; 
  vertical-align: middle; 
  padding: 6px; 
  margin: 0px; 
  font-size: 10pt;
  margin-left: 5px;
  border-radius: 7px 7px 0px 0px;
}
.tab-active {background-color: #0D5180; color: #FFF;border: solid 1px #0D5180; margin-top: -5px; padding-bottom: 10px;}
.tab { background-color: #DDD; color: #555; border: solid 1px #AAA; border-bottom: none;}

.hgd-caption, .hgd-subcaption { 
  font-family: Arial;
  font-weight: bold;
  margin-bottom: 5px;
}
.hgd-caption{ font-size: 14pt;}
.hgd-subcaption {font-size: 12pt; padding-left: 10px;}
.hgd-topic{ width: 800px; padding-left: 20px; margin-bottom: 10px;}

.fdd-frame{
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 10px;
  vertical-align: top;
}

.firmdocdir{
  display: inline-block;
  position: relative;
  width: 310px;
  height: 44px;
  background-color: #FFF;
  box-shadow: 2px 3px 3px #888;
  border-radius: 4px;
}
a:hover .firmdocdir {background-color: #FFF5C2;}
.fdd-text{ display: inline-block; padding: 3px; padding-left: 40px; color: #444; }
.fdd-caption{ font-size: 12pt; font-weight: bold; white-space: nowrap; }
.fdd-doc-count{ font-size: 10pt;}
.fdd-admin{display: inline-block; position: relative; height: 44px;}

.fdd-image{
  position: absolute;
  width: 32px;
  height: 32px;
  margin-top: 6px;
  margin-left: 4px;
  background-image: url(images/folder.png);
}
.orp-audit-frame {
  overflow-y: scroll;
  height: 400px;
}
.tab-warn{
  font-size: 7pt;
  color:red;
}

.user-locked { display: inline-block; color: #F00; background-color: #FCC; padding: 3px; margin-top: 2px;}
.user-readonly { display: inline-block; color: #040; background-color: #CFC; padding: 3px; margin-top: 2px;}
.user-rights {
  overflow-y: scroll;
  height: 500px;
}

.interior-order{
  background-color: #DEE;
}

.tender-order{
  background-color: #FFC;
}

.ed-section{
  font-weight: bold;
  border-top: solid 1px #9E9673;
}

.tbl-sep{
  background-color: #DEE;
  font-weight: bold;
}

.progress{
  text-align: right;
  width: 40px;
  display: inline-block;
}


.scr-container{
  width: 100%;
}

.scr-container td{
  white-space: nowrap;
}

.scr-table-fix{
  float:left;
  width: 450px;
}

.scr-table-cont{
  overflow:hidden;
  position: fixed;
}

.scr-table-cont table{
  position: relative;
}

#engine-nav, #engine-content{
  position: fixed;
  display: inline-block;
}

#engine-nav{
  padding-bottom: 20px;
}

.engine-to-excel{
  position: fixed;
  display: inline-block;
}

.engine-nav-local{
  display: inline-block;
  padding-bottom: 10px;
}

.old-info{
  color: #AAA;
}
.td-warn{background-color: #FCC;}
.td-success {background-color: #CFC;}
.td-info {color: #99B !important;}

pre{
  font-family: Tahoma, Arial;
  margin-top: 0px;
  margin-bottom: 0px;
}

.doc-old-version{
  color: #AAA;
}

.dog-green {background-color: #CFC;}
.dog-pink {background-color: #FCC;}
.dog-red {background-color: #F66;}
.ord-book-external {background-color: #FAA;}

.ord-find{
  font-size: 10pt;
  padding-left: 20px;
}

.overall-stop {background-color: #FBB;}

.page-form{
  margin-left: 10px;
  font-size: 11pt;
  line-height: 24px;
}
