html{
  background:#ffffff;
  margin:0;
}
body{
  overflow:auto;
  margin:0;
  background:#ffffff;
}
html, body{
  height:100%;
}

body, input, textarea, select{
  font-family:Tahoma;
  font-size:12px;
  color:#000000;
}

#auth{
  position:absolute;
  left:50%;
  top:50%;
}
#auth .holder{
  width:200px;
  height:150px;
	background:#eeeeee;
  border:1px solid #bbbbbb;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow: 0px 0px 3px 0px #cccccc;
  -moz-box-shadow: 0px 0px 3px 0px #cccccc;
  box-shadow: 0px 0px 3px 0px #cccccc;
  position:absolute;
  margin:-150px 0 0 -150px;
  padding:20px 50px 50px 50px;
}
#auth .holder span{
  padding:10px 0 2px 0;
  display:block;
}
#auth .holder .err{
  margin-top:5px;
  height:20px;
  color:red;
}
#auth .textbox{
  width:188px;
}
#auth .button{
  width:188px;
  -webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: content-box;    /* Firefox, other Gecko */
  box-sizing: content-box;         /* Opera/IE 8+ */
  padding:4px 6px;
}

#content{
  overflow:hidden;  
  width:100%;
  height:100%;
  position:relative;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
  padding-left:20px;
}
body.lottery #content{
  width:auto;
}
body.lottery #content,
body.profit #content,
body.raffles #content{
  overflow:visible;  
}
#content.scroll{
  overflow:auto;  
}
#content.left-menu{
  padding-left:140px;
}
#content > div{
  padding:50px 20px 100px 0;
}
body.lottery #content > div{
  height:100%;
  box-sizing: border-box;         /* Opera/IE 8+ */
  padding:50px 30px 0 0;
}
#content > div > comment,
.comm{
  width:120px;
  word-wrap:break-word;
  position:absolute;
  display:none;
  padding:5px;
  background:#fff;
  border:1px solid #666;
  -webkit-box-shadow: 0px 0px 3px 0px #666;
  -moz-box-shadow: 0px 0px 3px 0px #666;
  box-shadow: 0px 0px 3px 0px #666;
}
.comm{
  width:150px;
  margin-top:-10px;
  z-index:100;
}
#content > div > comment span,
.comm span{
  width:10px;
  height:10px;
  margin:-6px 0 0 -16px;
  background:url(images/comment_line.gif);
  display:block;
  overflow:hidden;
  position:absolute;
}
#content > div > comment small,
.comm small{
  font-size:9px;
  line-height:11px;
  font-weight:bold;
  display:block;
  margin-bottom:10px;
}
#content > div > comment textarea,
.comm textarea{
  width:130px;
  height:80px;
  margin:-5px;
  padding:5px 0 5px 5px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
  background:none;
  border:none;
}
.comm textarea{
  width:160px;
}
#content div.month{
  _width:600px;
  padding-bottom:20px;
  display:inline-block;
}
#content div.month h2,
#content div.profit h2{
  font-size:20px;
  line-height:22px;
  margin:0 0 10px 0;
}
#content div.payment h2 .check{
  padding-left:20px;
}
#content div.payment h2 .check a{
  color:#000000;
  font-size:11px;
  background-position:-73px -33px;
}
#content div.payment h2 .check a.on{
  background-position:-93px -13px;
}
#content div.profit .missing{
  float:left;
}
#content div.profit div.missing{
  font-size:11px;
  margin:5px 0 10px 30px;
}
#content div.profit div.missing span{
  color:#000;
  display:inline-block;
  padding:2px 5px;
  background:#ccc;
  margin:0 0 0 10px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  cursor:pointer;
}
#content div.profit div.missing span:hover{
  color:#fff;
  background:#aaa;
}
#content div.profit div.missing span.none{
  color:#000;
  -moz-opacity:.5;
  opacity:.5;
  filter:alpha(opacity=50);
  cursor:default;
  background:#ccc;
}
#content div.profit .employees{
  margin:0 20px 20px 0;
  float:left;
}
#content div.profit .employees > h3{
  font-size:12px;
  line-height:14px;
  margin:0 0 5px 0;
}
#content div.profit .employees > div{
  width:300px;
  height:200px;
  border:1px solid #cccccc;
  padding:5px 10px;
  overflow:auto;
  margin-bottom:10px;
}
#content div.profit .employees em{
  font-size:11px;
  line-height:13px;
  font-style:normal;
  height:13px;
  white-space:nowrap;
  display:inline-block;
  padding-right:10px;
}
#content div.profit .employees a,
#content div.profit .employees span{
  font-size:11px;
  line-height:13px;
  height:13px;
  white-space:nowrap;
  color:#000;
  text-decoration:none;
  display:inline-block;
  padding:2px 5px;
  background-color:#ccc;
  margin:0 5px 5px 0;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  cursor:pointer;
  -moz-opacity:.5;
  opacity:.5;
  filter:alpha(opacity=50);
}
#content div.profit .employees a.red,
#content div.profit .employees span{
  cursor:default;
}
#content div.profit .employees a.blue,
#content div.profit .employees span.blue{
  color:#ffffff;
  background-color:#4288cc;
}
#content div.profit .employees a.red,
#content div.profit .employees span.red{
  color:#ffffff;
  border:1px solid #e00;
  padding:1px 4px;
}
#content div.profit .employees a.active,
#content div.profit .employees span.active{
  -moz-opacity:1;
  opacity:1;
  filter:alpha(opacity=100);
}
#content div.profit .employees a.half,
#content div.profit .employees span.half{
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
}
#content div.profit .employees a.half.l,
#content div.profit .employees span.half.l{
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
  border-right:0;
  margin-right:0;
}
#content div.profit .employees a.half.r,
#content div.profit .employees span.half.r{
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
  border-left:0;
}

#content div.month table{
  margin-right:20px;
  font-size:11px;
  border-collapse:collapse;
  text-align:left;
  -webkit-box-shadow: 0px 0px 3px 0px #cccccc;
  -moz-box-shadow: 0px 0px 3px 0px #cccccc;
  box-shadow: 0px 0px 3px 0px #cccccc;
}
#content div.month thead{
  -webkit-box-shadow: 0px 0px 3px 0px #cccccc;
  -moz-box-shadow: 0px 0px 3px 0px #cccccc;
  box-shadow: 0px 0px 3px 0px #cccccc;
}

#content div.month th{
  background:rgba(0,0,0,.1);
  padding:5px 6px;
  text-align:center;
}
#content div.month a.project{
  font-weight:normal;
  height:18px;
}
#content div.month th a:hover{
  text-decoration:underline;
}
#content div.month th span{
  width:35px;
  display:block;
}
#content div.month thead tr:first-child th:first-child{
  text-align:left;
}
#content div.month thead tr:first-child th:first-child span{
  width:200px;
  margin-bottom:10px;
}
#content div.month2 thead tr:first-child th:first-child span{
  width:180px;
}
#content div.payment thead tr:first-child th:first-child span{
  width:80px;
}
#content div.month td{
  background:rgba(0,0,0,.05);
}
#content div.zebra tbody tr td{
  background:none;
}
#content div.zebra tbody tr:nth-child(even) td{
  background:rgba(0,0,0,.05);
}
#content div.profit td.green{
  background:rgba(0,155,0,.5) !important;
}
#content div.month tbody td{
  vertical-align:top;
}
#content div.month td.editable,
#content div.profit td.pickable{
  background:none;
}
#content div.month td.editable,
#content div.profit td.pickable{
  cursor:pointer;
}
#content div.profit tr.hide td[hide],
#content div.profit tr.profit-hide td[profit-hide]{
  cursor:default;
}
#content div.profit tr.hide td[unhide]{
  background:#ffffff;
}
#content div.month th,
#content div.month td{
  border:1px solid #ccc;
}
#content div.month tfoot td{
  background:rgba(0,0,0,.1);
}
#content div.month tfoot tr:first-child td{
  border-top:2px solid #666;
}
#content div.month td comment,
#content div.month td input.cell,
#content div.month td > span,
#content div.month td > b{
  width:35px;
  height:14px;
  padding:2px 5px;
  background:none;
  border:0;
  text-align:right;
  position:relative;
}
#content div.month td > b{
  display:block;
  padding-top:5px;
  font-size:15px;
}
#content div.month2 th span,
#content div.month2 td comment,
#content div.month2 td input.cell,
#content div.month2 td > span,
#content div.month2 td > b{
  width:18px;
}
#content div.month2 td input.cell{
  width:22px;
  padding:2px 3px;
}
#content div.month2 thead th[last]{
  width:35px;
}
#content div.month2 tfoot td[last]{
  width:45px;
}
#content div.month2 tr[type="time"] td input.cell,
#content div.month2 tr[type="time"] td > span{
  font-size:10px;
}
#content div.month2 tr td:first-child > span{
  font-size:11px;
}
#content div.payment th{
  font-size:10px;
}
#content div.payment th span,
#content div.payment td comment,
#content div.payment td input.cell,
#content div.payment td > span,
#content div.payment td > b{
  width:50px;
}
#content div.payment td > span.approved,
#content div.payment td > span.payed,
#content div.payment td > span.both{
  display:none;
}
#content div.payment.approved td > span.all,
#content div.payment.payed td > span.all{
  display:none;
}
#content div.payment.approved td > span.approved{
  display:block;
}
#content div.payment.payed td > span.payed{
  display:block;
}
#content div.payment.approved.payed td > span.approved,
#content div.payment.approved.payed td > span.payed{
  display:none;
}
#content div.payment.approved.payed td > span.both{
  display:block;
}
#content div.month td comment{
  position:absolute;
  background:url(images/comment.gif) no-repeat right top;
  display:block;
}
#content div.month td[edited] comment{
  background-image:url(images/edited.gif);
}
#content div.month td[comment][edited] comment{
  background-image:url(images/comment_edited.gif);
}
#content div.month td input.cell{
  display:none;
}
#content div.month td > span{
  display:block;
}
#content div.month tr td:first-child > b,
#content div.month tr td:first-child > span{
  width:200px;
  height:auto;
  text-align:left;
}
#content div.month tr td:first-child comment{
  width:200px;
}
#content div.month2 tr td:first-child > b,
#content div.month2 tr td:first-child > span,
#content div.month2 tr td:first-child comment{
  width:180px;
}
#content div.payment tr td:first-child > b,
#content div.payment tr td:first-child > span,
#content div.payment tr td:first-child comment{
  width:80px;
}
#content div.payment tr td:first-child > span.w300{
  width:300px;
}
/*#content div.month tbody tr td:first-child span{
  white-space:nowrap;
  overflow:hidden;
  -o-text-overflow:ellipsis;  
  text-overflow:ellipsis;
} */
#content div.month tfoot tr td:first-child span{
  font-weight:bold;
}
#content div.month th.weekend,
#content div.month tbody td.weekend,
#content div.month tfoot td.weekend{
  background:rgba(255,255,0,.4);
}
#content div.month colgroup.hover,
#content div.month th.hover,
#content div.month tbody td.hover,
#content div.month tfoot td.hover{
  background:rgba(0,255,0,.1);
}
#content div.month tr.hover{
  background:rgba(255,0,0,.1);
}
#content div.month td.selected{
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,255,0.5);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,255,0.5);
  box-shadow: 0px 0px 5px 0px rgba(0,0,255,0.5);
  background:#ffffff !important;
}
#content div.month td.selected.enter input.cell{
  display:block;
}
#content div.month td.selected.enter span{
  display:none;
}
#content div.month td.context-menu-active{
  -webkit-box-shadow: 0px 0px 5px 0px rgba(255,102,0,0.7);
  -moz-box-shadow: 0px 0px 5px 0px rgba(255,102,0,0.7);
  box-shadow: 0px 0px 5px 0px rgba(255,102,0,0.7);
  background:rgba(255,102,0,.4) !important;
}
#content div.month td.nega{
  background:rgba(0,0,255,.4) !important;
}
#content div.month td.err{
  background:rgba(255,0,0,.4) !important;
}
#content div.profit tr td[dont-use],
#content div.profit tr.hide{
  background:#ddd;
}
/*#content div.profit tr td[dont-use]{
  background:#f2f2f2 !important;
}
#content div.profit tr.hide td[dont-use]{
  background:#cccccc !important;
} */
#content div.profit tr.hide td[hide]{
  vvisibility:collapse;
  opacity:0;
}
#content div.profit tr.hide td[hide] input,
#content div.profit tr.hide td[hide] a,
#content div.profit tr.hide td[hide] comment,
#content div.profit tr.hide td[hide] span{
  visibility:hidden;
  ddisplay:none;
}
#content div.profit tr.profit-hide td[profit-hide]{
  vvisibility:collapse;
  oopacity:0;
  background:#eee;
}
#content div.profit tr.profit-hide td[profit-hide] input,
#content div.profit tr.profit-hide td[profit-hide] a,
#content div.profit tr.profit-hide td[profit-hide] comment,
#__content div.profit tr.profit-hide td[profit-hide] span{
  visibility:hidden;
  ddisplay:none;
}
#content div.profit input{
  font-size:11px;
}
#content div.profit td div.over-others{
  z-index:10;
  position:absolute;
  background:#fff;
  margin:-1px;
}
#content div.profit td div.over-others div{
  padding:3px 6px;
}
#content div.profit .datepicker{
  width:55px;
  height:14px;
  padding:1px 5px 3px 5px;
  background:none;
  border:0;
  text-align:right;
  position:relative;
}
body.lottery #content .list tr td.err{
  background-color:#ff0000;
}
#content .list tr.sc4, .lottery-sc4{
  background-color:#00ff00;
  background-color:rgba(0,255,0,.5);
}
#content .list tr.sc6, .lottery-sc6{
  background-color:#ffff00;
  background-color:rgba(255,255,0,.5);
}
#content .list tr.sc33, .lottery-sc33{
  background-color:#00b0f0;
  background-color:rgba(0,176,240,.5);
}
#content .list tr.sc3, .lottery-sc3{
  background-color:#ff0000;
  background-color:rgba(255,0,0,.5);
}
#content .list tr.sc48, .lottery-sc48{
  background-color:#a5a5a5;
  background-color:rgba(165,165,165,.5);
}
#content .list tr.sc18, .lottery-sc18{
  background-color:#963634;
  background-color:rgba(150,54,52,.5);
}
#content .list tr.sc47, .lottery-sc47{
  background-color:#7030a0;
  background-color:rgba(112,48,160,.5);
}
#content .list tr.hover td.operations,
#content .list tr td.operations.hover,
#content .list tr td.operations{
  background-color:#ffffff;
}
/*#content .list tr td.operations{
  position:relative;
}
#content .list tr td.operations span.lottery.edit{
  visibility:hidden;
}
#content .list tr td.operations a.lottery.edit{
  background-color:#ffffff;
  position:absolute;
  left:100px;
  width:100%;
  height:100%;
  margin:-3px -5px;
} */
body.lottery #content div.list tr.widths th{
  padding-top:0;
  padding-bottom:0;
}
body.lottery #content div.list tr.widths td{
  bborder:0;
  padding:0 5px;
}
body.lottery #content div.list tr.widths td:first-child{
  ppadding:0 6px;
}
body.lottery #content div.list th,
body.lottery #content div.list td{
  max-width:none;
}
body.lottery #content div.list.scroll th[last]{
  padding-right:20px;
}
body.lottery #content div.list th span{
  white-space:normal;
}
body.lottery #content div.list.scroll tbody{
  padding:0;
}
#content div.list[rel="pr"] td em,
#content div.profit span em{
  color:#000;
  font-style:normal;
  display:inline-block;
  padding:2px 5px;
  background:#ccc;
  margin:0 5px 2px 0;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  cursor:pointer;
}
#content div.profit tr.p_err td.p_err{
  background:rgba(255,0,0,.4) !important;
}
#content div.profit span em:hover{
  color:#fff;
  background:#aaa;
}
#content div.profit .sm{
  font-weight:normal;
  ffont-size:10px;
}
#content div.profit .w1 span{
  width:1px !important;
  visibility:hidden;
}
#content div.profit .w15 span{
  width:15px !important;
}
#content div.profit .w150 span,
#content div.profit .w150 input,
#content div.profit .w150 comment{
  width:150px !important;
}
#content div.profit .w180 span,
#content div.profit .w180 input,
#content div.profit .w180 comment{
  width:180px !important;
}
#content div.profit .w250 span,
#content div.profit .w250 input,
#content div.profit .w250 comment{
  width:250px !important;
}
#content div.profit .w290 span,
#content div.profit .w290 input,
#content div.profit .w290 comment{
  width:290px !important;
}
#content div.profit tbody .w250 span{
  text-align:left;
}
#content div.profit .w60 span,
#content div.profit .w60 input,
#content div.profit .w60 comment{
  width:60px !important;
}
#content div.profit tbody .w40 a{
  margin:2px 17px 0 17px;
}
#content div.profit .w40 span,
#content div.profit .w40 input,
#content div.profit .w40 comment{
  width:40px !important;
}
#content div.profit .w20 span,
#content div.profit .w20 input,
#content div.profit .w20 comment{
  width:20px !important;
}
#content div.profit .w100 span,
#content div.profit .w100 input,
#content div.profit .w100 comment{
  width:100px !important;
}
#content div.profit a.remove{
  width:20px;
  height:20px;
  display:block;
  cursor:pointer;
  background:url(images/delete.png) no-repeat center center;
  text-indent:-999em;
}

#content div.month.raffles{
  position:relative;
}
#content div.month.raffles tbody td{
}
#content div.month.raffles tbody td > div{
  height:90px;
  position:relative;
}
#content div.month.raffles tbody td > div > div{
  width:140px;
  height:86px;
  padding:2px 5px;
  overflow:hidden;
}
#content div.month.raffles tbody td > div > div:hover{
  height:auto;
  min-height:100%;
  padding:12px 15px;
  border:1px solid #ccc;
  margin:-11px;
  overflow:visible;
  position:absolute;
  background:#fff;
  z-index:100;
  -webkit-box-shadow: 0px 0px 3px 0px #cccccc;
  -moz-box-shadow: 0px 0px 3px 0px #cccccc;
  box-shadow: 0px 0px 3px 0px #cccccc;
}
#content div.month.raffles tbody td strong{
  font-weight:normal;
  text-align:center;
  width:18px;
  padding:2px 1px;
  display:inline-block;
  cursor:pointer;
  border-radius:5px;
}
#content div.month.raffles tbody td strong:hover{
  border:1px solid #ccc;
  padding:1px 0;
  background:rgba(0,128,0,.1);
}
#content div.month.raffles tbody td span{
  display:block;
  margin-bottom:2px;
  cursor:pointer;
}
#content div.month.raffles tbody td span:hover{
  background:rgba(0,128,0,.1);
}
#content div.month.raffles tbody td span b{
  padding:1px 3px;
  display:inline-block;
}
#content div.month.raffles tbody td,
#content div.month.raffles tbody td.hover{
  background:#fff;
}
#content div.month.raffles tbody td.other-month{
  background:#eee;
}
#content div.month.raffles tbody td.weekend{
  background:rgba(255,0,0,.2);
}
#content div.month.raffles tbody td.other-month.weekend{
  background:rgba(125,0,0,.2);
}
#content div.month.raffles tbody td.other-month > div > div div{
  display:none;
}
#content div.month.raffles tbody td.other-month > div > div,
#content div.month.raffles tbody td.weekend > div > div{
  width:140px;
  height:86px;
  padding:2px 5px;
  overflow:hidden;
  margin:0;
  border:0;
  background:none;
  position:static;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#content div.month.raffles tbody td.weekend span{
  display:none;
}

#content div.month.raffles .question{
  position:absolute;
  padding:5px 15px;
  color:#000;
  text-decoration:none;
  background:#fff;
  border:1px solid #ccc;
  box-shadow: 0px 0px 3px 0px #cccccc;
  z-index:1000;
  white-space:nowrap;
}
#content div.month.raffles .question:hover{
  background:#eee;
}

/** scroll tbody **/
#content div.month.scroll{
  _padding-bottom:0;
}
#content div.month.scroll thead{
  display:block;
}
#content div.month.scroll thead th[last]{
  width:55px;
}
#content div.month2.scroll thead th[last]{
  width:55px;
}
#content div.month.scroll tbody{
  _min-height:210px;
  overflow:auto;
  display:block;
  padding-right:20px;
}
#content div.month.scroll tfoot{
  display:block;
}
#content div.month.scroll tfoot td[last]{
  width:65px;
}
#content div.month2.scroll tfoot td[last]{
  width:65px;
}

#content div.month tbody div.order{
  line-height:14px;
  background-position:2px 2px;
}
#content div.month tbody div.order.icons{
  display:none;
}
#content div.month tbody div.order span.order{
  border:1px solid #BEBEBE;
  background-color:#ffffff;
  background-position:2px 2px;
  float:left;
  margin:2px 2px 0 0;
  padding:0 2px 0 20px;
  position:relative;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
}
#content div.month tbody div.order .input{
  width:180px;
  max-height:81px;
  background:#FFFFFF;
  overflow-y:auto;
  border:1px solid #BEBEBE;
  padding:0 0 1px 2px;
  position:relative;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  float:left;
}
#content div.month tbody div.order .input .item{
  border:1px solid #BEBEBE;
  background:#F5F5F5;
  float:left;
  margin:2px 2px 0 0;
  padding:0 2px;
  position:relative;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
}
#content div.month tbody div.order .input .item div{
  line-height:13px;
  padding-bottom:1px;
  min-width:30px;
  max-width:100px;
  overflow:hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space:nowrap;
  margin-right:14px;  
}
#content div.month tbody div.order .input .item a{
  width:14px;
  height:14px;
  background:url(images/remove_black.png) no-repeat center center;
  display:inline-block;  
  position:absolute;
  right:2px;
  top:0;
  cursor:pointer;
  -moz-opacity:.5;
  opacity:.5;
  filter:alpha(opacity=50);
}
#content div.month tbody div.order .input .item a:hover{
  -moz-opacity:1;
  opacity:1;
  filter:alpha(opacity=100);
}
#content div.month tbody div.order .input .item1 a,
#content div.month tbody div.order .input .item2 a,
#content div.month tbody div.order .input .item3 a,
#content div.month tbody div.order .input .item4 a{
  -moz-opacity:.7;
  opacity:.7;
  filter:alpha(opacity=70);
  background-image:url(images/remove.png);
}
#content div.month tbody div.order .input .item1{
  color:#fff;
  background:#000;
}
#content div.month tbody div.order .input .item2{
  color:#fff;
  background:#e00;
}
#content div.month tbody div.order .input .item3{
  color:#fff;
  background:#f60;
}
#content div.month tbody div.order .input .item4{
  color:#fff;
  background:#4288cc;
}
#content div.month tbody div.order .input .value{
  float:left;
  margin:2px 2px 0 0;
  padding:0 2px;
}
#content div.month tbody div.order .input .value input{
  font-size:11px;
  color:#000000;
  line-height:16px;
  border:0;
  background:none;
  width:70px;
  height:16px;
  padding:0;
  margin:0;
}
#content div.month tbody td.check{
  background:none;
  text-align:center;
}
#content div.month tbody td.check a{
  width:16px;
  height:16px;
  display:inline-block;
  padding:0;
  background-position:-72px -32px;
  cursor:pointer;
  margin-top:2px;
}
#content div.month tbody td.check a.on{
  background-position:-92px -12px;
}
#content div.month tbody td.check a.mid{
  cursor:default;
}
#content div.month tbody td.check a.off.mid{
  background-position:100px 100px;
}
#content div.month tbody td.check a.on.mid{
  background-position:-12px -92px;
}

#content .list{
  padding:20px 0 0 10px;
}
#content .list .hidder{
  position:absolute;
  overflow:auto;
}
#content .list table{
  margin:10px 20px 0 0;
  font-size:11px;
  border-collapse:collapse;
  text-align:left;
  -webkit-box-shadow: 0px 0px 3px 0px #cccccc;
  -moz-box-shadow: 0px 0px 3px 0px #cccccc;
  box-shadow: 0px 0px 3px 0px #cccccc;
}
#content .list table.fixed{
  position:fixed;
  margin:0;
  background:#ffffff;
}
#content .list thead{
  -webkit-box-shadow: 0px 0px 3px 0px #cccccc;
  -moz-box-shadow: 0px 0px 3px 0px #cccccc;
  box-shadow: 0px 0px 3px 0px #cccccc;
}
#content .list th{
  background:rgba(0,0,0,.1);
  text-align:center;
  white-space:nowrap;
}
#content .list th,
#content .list td{
  max-width:150px;
}
#content .list th[rel="file"]{
  max-width:600px;
}
#content .list td audio{
  height:32px;
  width:32px;
  display:inline-block;
  transition: width .3s;
  vertical-align:top;
}
#content .list td audio.opened{
  width:90%;
}
#content .list td .download,
#content .list td .audio{
  color:#000;
  text-decoration:none;
  line-height:32px;
  height:32px;
  background:url(images/audio.png) no-repeat;
  display:inline-block;
  padding-left:40px;
  vertical-align:top;
}
#content .list td .download{
  background-image:url(images/download.png);
}
#content .list td .phone{
  padding-left:16px;
  position:relative;
}
#content .list td .phone::before{
  content:'';
  width:12px;
  height:12px;
  left:0;
  position:absolute;
  background:url(images/spacer.gif) no-repeat;
}
#content .list td .phone.in::before{
  background-image:url(images/in.gif);
}
#content .list td .phone.out::before{
  background-image:url(images/out.gif);
}
#content .list th.sort{
  padding-right:25px;
  background-image:url(images/sort.gif);
  background-repeat:no-repeat;
  background-position:right 5px;
  cursor:pointer;
}
#content .list th.dont-sort{
  padding-right:25px;
  white-space:nowrap;
}
#content .list th.sort:hover{
  background-color:rgba(0,164,228,.2);
}
#content .list th.sort.ASC{
  background-image:url(images/desc.gif);
}
#content .list th.sort.DESC{
  background-image:url(images/asc.gif);
}
#content .list th.sort.ASC,
#content .list th.sort.DESC{
  background-color:rgba(0,164,228,.4);
  background-position:right 8px;
}
#content .list tbody td{
  vertical-align:top;
}
#content .list th,
#content .list td{
  padding:3px 5px;
  border:1px solid #ccc;
}
#content .list tfoot td{
  background-color:rgba(0,0,0,.1);
  padding:3px 0;
}
#content .list colgroup.hover,
#content .list th.hover,
#content .list tbody td.hover,
#content .list tfoot td.hover{
  background-color:rgba(0,255,0,.1);
}
#content .list tbody tr[orders]{
  display:none;
}
#content .list tbody tr[info].selected{
  -webkit-box-shadow: 0px -2px 2px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px -2px 2px 0px rgba(0,0,0,0.75);
  box-shadow: 0px -2px 2px 0px rgba(0,0,0,0.75);
}
#content .list tbody tr[orders].selected{
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.75);
  display:table-row;
}
#content .list tbody tr:hover,
#content .list tr.hover{
  background-color:rgba(255,0,0,.1);
}
#content .list tbody tr:hover td.operations,
#content .list tr.hover td.operations{
  background-color:transparent;
}
#content .list tbody tr.selected,
#content .list tbody tr.selected:hover{
  background-color:#eee;
}
#content .list tbody .order.icons{
  font-size:10px;
  line-height:12px;
  display:block;
  background:none;
  padding:0 0 2px 0;
  height:auto;
}
#content .zebra tbody tr .order.icons,
#content .list tbody tr[info] .order.icons{
  font-size:10px;
  line-height:12px;
  display:block;
  background:none;
  padding:2px;
  margin:0 0 2px 0;
  height:auto;
  background:#F5F5F5;
}
#content .zebra tbody tr .order.icons{
  display:inline-block;
  margin:0 0 2px 2px;
  width:55px;
}
#content .zebra tbody tr .order.icons.item1,
#content .list tbody tr[info] .order.icons.item1{
  color:#fff;
  background:#000;
}
#content .zebra tbody tr .order.icons.item2,
#content .list tbody tr[info] .order.icons.item2{
  color:#fff;
  background:#e00;
}
#content .zebra tbody tr .order.icons.item3,
#content .list tbody tr[info] .order.icons.item3{
  color:#fff;
  background:#f60;
}
#content .zebra tbody tr .order.icons.item4,
#content .list tbody tr[info] .order.icons.item4{
  color:#fff;
  background:#4288cc;
}

#content .list tbody tr[info].selected td[orders] span{
  display:none;
}
#content .list tbody td.check{
  text-align:center;
}
#content .list tbody td.check a{
  width:16px;
  height:16px;
  display:inline-block;
  padding:0;
  background-position:-72px -32px;
  cursor:pointer;
}
#content .list tbody td.check a.on{
  background-position:-92px -12px;
}
#content .list tbody tr.loader td{
  height:20px;
  padding:2px 0;
  background:#eeeeee;
}
#content .list tbody tr.loader td div{
  width:100%;
  height:100%;
}
#content .list tbody tr.loader.loading td div{
  background:url(images/wait.gif) no-repeat center center;
  background-size:contain;
}

/** scroll tbody **/
#content .list.scroll{
  _padding-bottom:0;
}
#content .list.scroll thead{
  display:block;
}
#content .list.scroll thead th[last]{
  padding-right:26px;
}
#content .list.scroll tbody{
  _min-height:210px;
  overflow:auto;
  display:block;
  padding-right:20px;
}
#content .list.scroll tfoot{
  display:block;
}

#content .import{
  width:500px;
  float:left;
}
#content .help{
  float:left;
}
#content .help > div{
  width:620px;
  height:400px;
  overflow:auto;
}
#content .help ul{
  padding:0 0 0 20px;
  margin:0;
}
#content .help ul li{
  padding:0 0 10px 0;
}

#content ul.projects{
  list-style:none;
  padding:10px 0 0 50px;
  margin:0;
  font-size:0;
}
#content ul.projects li{
  font-size:12px;
  line-height:14px;
  display:inline-block;
  margin:0 5px 5px 0;
}
#content ul.projects li a,
#content ul.projects li span{
  color:#fff;
  text-decoration:none;
  white-space:nowrap;
  display:inline-block;
  border:1px solid #4288cc;
  background:#4288cc;
  border-radius:5px;
  padding:3px 12px;
}
#content ul.projects li.letter{
  display:block;
  position: -webkit-sticky;
  position: sticky;
  top:0;
  margin-left:-50px;
}
#content ul.projects li.active a{
  color:#4288cc;
  background:#fff;
}
#content ul.projects li.letter a,
#content ul.projects li.letter span{
  color:#4288cc;
  width:30px;
  padding:3px 0;
  text-align:center;
  background:#fff;
}


.timeline{
  width:950px;
  height:316px;
  overflow:hidden;
  position:relative;
  border:1px solid #bbbbbb;
  -webkit-box-shadow: 0px 0px 3px 0px #cccccc;
  -moz-box-shadow: 0px 0px 3px 0px #cccccc;
  box-shadow: 0px 0px 3px 0px #cccccc;
}
.timeline .loading,
.timeline .loading span,
.timeline .loading div{
  width:950px;
  height:316px;
  position:absolute;
  z-index:100;
}
.timeline.show-date,
.timeline.show-date .loading,
.timeline.show-date .loading span,
.timeline.show-date .loading div{
  height:76px;
}
.timeline .loading div{
  background:#f8f8f8;
  -moz-opacity:.5;
  opacity:.5;
  filter:alpha(opacity=50);
}
.timeline .loading span{
  background:url(images/loading.gif) no-repeat center center;
}
.timeline .head{
  width:950px;
  height:36px;
  bborder-bottom:1px solid #bbbbbb;
  -webkit-box-shadow: 0px 0px 3px 0px #cccccc;
  -moz-box-shadow: 0px 0px 3px 0px #cccccc;
  box-shadow: 0px 0px 3px 0px #cccccc;
  background:#ffffff;
}
.timeline .head div{
  font-weight:bold;
  float:left;
  width:35px;
  height:36px;
  line-height:36px;
  color:#666666;
}
.timeline .head div em{
  display:block;
  width:35px;
  text-align:center;
  font-style:normal;
}
.timeline .head div:first-child{
  width:90px;
  padding:0 10px;
  text-align:left;
}
.timeline .head div span{
  display:block;
  width:35px;
  height:1000px;
  position:absolute;
  border-left:1px solid #cccccc;
}
.timeline .head div span:hover{
  background:rgba(0,255,0,.1);
}
.timeline .date{
  margin-bottom:10px;
}
.timeline .date strong{
  margin:0;
  font-size:12px;
  line-height:14px;
  width:90px;
  height:28px;
  padding:6px 10px;
  float:left;
}
.timeline .date strong b{
  font-weight:normal;
  display:block;
}
.timeline .date div{
  width:840px;
  height:20px;
  padding:10px 0;
  float:left;
}
.timeline .gray strong,
.timeline .gray div{
  background:#EEEFF1;
}
.timeline .date span{
  line-height:20px;
  color:#ffffff;
  background:#0482C9;
  text-align:center;
  height:20px;
  position:absolute;
  cursor:pointer;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
.timeline .date span.away{
  background:none;
}
.timeline .date span.away em{
  height:18px;
  display:none;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  border:1px dashed #000000;
  background:#666666;
  -moz-opacity:.2;
  opacity:.2;
  filter:alpha(opacity=20);
}
.timeline .date span.away:hover em{
  display:block;
}

.timeline.show-month{
  height:563px;
}
.timeline.show-month .date strong{
  font-size:9px;
  line-height:12px;
  font-weight:normal;
  height:12px;
  padding:2px 10px;
}
.timeline.show-month .date strong b{
  display:none;
}
.timeline.show-month .date div{
  height:6px;
  padding:5px 0;
}
.timeline.show-month .date span{
  line-height:6px;
  height:6px;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
}
.timeline.show-month .date span em{
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  height:4px;
}

.timeline .date2{
  margin:0;
}
.timeline .date2 em.clear{
  margin:0;
  font-size:0;
  clear:both;
  display:block;
}
.timeline .date2 span em{
  display:block;
  position:relative;
}
.timeline .date2 span.away em{
  display:block;
  -moz-opacity:1;
  opacity:1;
  filter:alpha(opacity=100);
  border-color:rgba(0,0,0,.5);
  background:rgba(0,0,0,.4);
}
.timeline .date2 span.away:hover em{
  border-color:#0482C9;
  background:rgba(4,129,201,.5);
}
.timeline .date2 span.offline em{
  display:block;
  -moz-opacity:1;
  opacity:1;
  filter:alpha(opacity=100);
  border-color:#ccc;
  background:rgba(204,204,204,.1);
}
.timeline .date2 span.offline:hover em{
  border-color:#0482C9;
  background:rgba(4,129,201,.1);
}
.timeline .date2 span.highlight em{
  height:100%;
  border:1px dashed red;
  background:orange;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  margin:-1px;
  z-index:19;
}
.timeline .date2 span.deleted{
  opacity:.3;
}

body.worktime #left-side #datums{
  width:196px;
  margin:0 auto;
}
.stats{
  width:470px;
  float:left;
  margin-bottom:20px;
}
.stats .item{
}
.stats .item h3{
}
.stats .item h3 span{
  display:inline-block;
}
.stats .item h3 span:first-child{
  min-width:120px;
  margin-right:10px;
  text-align:right;
}
.stats.stats-projects table{
  border-collapse:collapse;
}
.stats.stats-projects table td{
  border:0;
  padding:2px 10px 2px 2px;
}
.stats.stats-projects table tr:nth-child(2n-1) td{
  background:#eee;
}
.stats.stats-projects table tr:last-child td{
  border-top:1px solid #666;
  background:none;
  font-weight:bold;
}
.stats.stats-projects table tr[data-pid]:hover td{
  background:rgba(255,0,0,.5);
}
.stats .item h3 span + span{
  font-weight:normal;
}
.stats.stats-apps{
  width:auto;
  float:none;
  border-top:1px solid #bbb;
}
.stats.stats-apps[data-type="1"] h3{
  color:#5fb92a;
}
.stats.stats-apps[data-type="0"] h3{
  color:#bbb;
}
.stats.stats-apps[data-type="-1"] h3{
  color:#f60;
}
.stats.stats-apps .item{
  width:250px;
  float:left;
  margin:0 10px 5px 0;
  padding:2px 5px;
  cursor:pointer;
}
.stats.stats-apps .item:hover{
  background:#eee;
}
.stats.stats-apps .item span{
  line-height:16px;
  display:inline-block;
  width:150px;
  vertical-align:middle;
}
.stats.stats-apps .item span:first-child{
  white-space: nowrap; 
  overflow:hidden;
  text-overflow:ellipsis;
  padding-left:20px;
  background:url(images/spacer.gif) no-repeat left top;
  background-size:contain;
}
.stats.stats-apps .item span + span{
  text-align:right;
  width:70px;
}

#window{
  width:100%;
  height:100%;
  position:fixed;
  left:0;
  top:0;
  display:none;
  z-index:17;
}
#window .fade{
  width:100%;
  height:100%;
  position:absolute;
  background:#000;
  -moz-opacity:.2;
  opacity:.2;
  filter:alpha(opacity=20);
}
#window .content{
  left:50%;
  top:100px;
  position:absolute;
}
#window .content{
  width:550px;
  min-height:300px;
  margin:0 0 0 -275px;
  position:absolute;
  background:#fff;
  border:1px solid #666;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75);
}
#window .content > div{
  padding:20px;
}
#window .content > div > .close{
  width:515px;
  position:absolute;
  margin:-10px 0 0 0;
}
#window .content > div > .close a{
  color:#000;
  text-decoration:none;
  padding-right:18px;
  background:url(images/close.png) no-repeat right center;
  display:block;
  text-indent:-999em;
  float:right;
}
#window .content > div > .close a:hover{
  background-image:url(images/close_hover.png);
  text-indent:0;
}
#window .content > div h3{
  font-size:14px;
  line-height:16px;
  margin:0 0 10px 0;
  padding:0 0 5px 0;
  border-bottom:1px solid #666;
  display:block;
}
#window .content > div h3.i24{
  padding:0 0 0 35px;
  line-height:24px;
}
#window .content .list{
  min-height:280px;
}
#window .content .list .hidder{
  pposition:relative;
  overflow:auto;
}
#window .content .list table{
  margin:10px 0 0 0;
  font-size:11px;
  border-collapse:collapse;
  text-align:left;
  -webkit-box-shadow: 0px 0px 3px 0px #cccccc;
  -moz-box-shadow: 0px 0px 3px 0px #cccccc;
  box-shadow: 0px 0px 3px 0px #cccccc;
  min-width:510px;
}
#window .content .list table.fixed{
  position:fixed;
  margin:0;
  background:#ffffff;
}
#window .content .list thead{
  -webkit-box-shadow: 0px 0px 3px 0px #cccccc;
  -moz-box-shadow: 0px 0px 3px 0px #cccccc;
  box-shadow: 0px 0px 3px 0px #cccccc;
}
#window .content .list th{
  background:rgba(0,0,0,.1);
  text-align:left;
  _white-space:nowrap;
}
#window .content .list tbody td{
  vertical-align:top;
}
#window .content .list th,
#window .content .list td{
  padding:3px 5px;
  border:1px solid #ccc;
  min-width:60px;
}
#window .content .list tr.widths th{
  padding-top:0;
  padding-bottom:0;
  border-top:0;
  border-bottom:0;
  visibility:hidden;
}
#window .content .list td{
  text-align:right;
}
#window .content .list tbody tr td:first-child{
  text-align:left;
}
#window .content .list tfoot td{
  background-color:rgba(0,0,0,.1);
}
#window .content .list colgroup.hover,
#window .content .list th.hover,
#window .content .list tbody td.hover,
#window .content .list tfoot td.hover{
  background-color:rgba(0,255,0,.1);
}
#window .content .list tbody tr:hover,
#window .content .list tr.hover{
  background-color:rgba(255,0,0,.1);
}
#window .content .list td.context-menu-active{
  -webkit-box-shadow: 0px 0px 5px 0px rgba(255,102,0,0.7);
  -moz-box-shadow: 0px 0px 5px 0px rgba(255,102,0,0.7);
  box-shadow: 0px 0px 5px 0px rgba(255,102,0,0.7);
  background:rgba(255,102,0,.4) !important;
}
#window .content .list tbody td div.order{
  line-height:14px;
  background-position:2px 2px;
  padding:0;
  background:none;
  height:auto;
}
#window .content .list tbody td div.order.icons{
  display:none;
}
#window .content .list tbody td div.order span.order{
  border:1px solid #BEBEBE;
  background-color:#ffffff;
  background-position:2px 2px;
  float:left;
  margin:2px 2px 0 0;
  padding:0 2px 0 20px;
  position:relative;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
}
#window .content .list tbody td div.order .input{
  background:#FFFFFF;
  overflow-y:auto;
  border:1px solid #BEBEBE;
  padding:0 0 1px 2px;
  position:relative;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
}
#window .content .list tbody td div.order .input .item{
  border:1px solid #BEBEBE;
  background:#F5F5F5;
  float:left;
  margin:2px 2px 0 0;
  padding:0 2px;
  position:relative;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
}
#window .content .list tbody td div.order .input .item div{
  line-height:13px;
  padding-bottom:1px;
  min-width:30px;
  max-width:100px;
  overflow:hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space:nowrap;
  margin-right:14px;  
}
#window .content .list tbody td div.order .input .item a{
  width:14px;
  height:14px;
  background:url(images/remove_black.png) no-repeat center center;
  display:inline-block;  
  position:absolute;
  right:2px;
  top:0;
  cursor:pointer;
  -moz-opacity:.5;
  opacity:.5;
  filter:alpha(opacity=50);
}
#window .content .list tbody td div.order .input .item a:hover{
  -moz-opacity:1;
  opacity:1;
  filter:alpha(opacity=100);
}
#window .content .list tbody td div.order .input .item1 a,
#window .content .list tbody td div.order .input .item2 a,
#window .content .list tbody td div.order .input .item3 a,
#window .content .list tbody td div.order .input .item4 a{
  -moz-opacity:.7;
  opacity:.7;
  filter:alpha(opacity=70);
  background-image:url(images/remove.png);
}
#window .content .list tbody td div.order .input .item1{
  color:#fff;
  background:#000;
}
#window .content .list tbody td div.order .input .item2{
  color:#fff;
  background:#e00;
}
#window .content .list tbody td div.order .input .item3{
  color:#fff;
  background:#f60;
}
#window .content .list tbody td div.order .input .item4{
  color:#fff;
  background:#4288cc;
}
#window .content .list tbody td div.order .input .value{
  float:left;
  margin:2px 2px 0 0;
  padding:0 2px;
}
#window .content .list tbody td div.order .input .value input{
  font-size:11px;
  color:#000000;
  line-height:16px;
  border:0;
  background:none;
  width:70px;
  height:16px;
  padding:0;
  margin:0;
}
/** scroll tbody **/
#window .content .list.scroll thead{
  display:block;
}
#window .content .list.scroll thead th[last],
#window .content .list table.listtable thead th[last]{
  padding-right:20px;
}
#window .content .list.scroll tfoot td[last],
#window .content .list table.listtable tbody td[last],
#window .content .list table.listtable tfoot td[last]{
  padding-right:20px;
}
#window .content .list.scroll table.listtable tbody td[last]{
  padding-right:5px;
}
#window .content .list table.listtable.no-scroll tbody td[last]{
  padding-right:20px;
}
#window .content .list.scroll tbody{
  overflow:auto;
  display:block;
  height:280px;
}
#window .content .list.scroll table.no-scroll tbody{
  overflow:hidden;
}
#window .content .list.scroll tfoot{
  display:block;
}
#window .content .list .reset{
  margin-right:5px;
}

#window .content .list .edittable td div.ell{
  white-space: nowrap;
  line-height:14px;
  width:100px;
  height:14px;
  overflow:hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;  
  padding:2px 5px;
  margin:-3px -5px;
}
#window .content .list .edittable td div.ell.full{
  white-space:normal;
  text-overflow:clip;
  -o-text-overflow:clip;  
}
#window .content .list .edittable td comment{
  width:15px;
  height:15px;
  background:url(images/comment.gif) no-repeat right top;
  display:block;
  position:relative;
  float:right;
  margin:-3px -5px -12px -10px;
}
#window .content .list .edittable tr[rel="line"] td{
  background-color:rgba(0,0,0,.2);
}
#window .content .list .edittable th,
#window .content .list .edittable td{
  min-width:10px;
}
#window .content .list .edittable th,
#window .content .list .edittable td{
  text-align:left;
}
#window .content .list[ppk] .edittable tr th + th{
  text-align:center;
}
#window .content .list[ppk] .edittable thead tr + tr + tr th{
  text-align:center;
}
#window .content .list .edittable tr th + th + th,
#window .content .list .edittable tr td + td + td{
  text-align:center;
}
#window .content .list .edittable div.table{
  margin:-3px -5px;
}
#window .content .list .edittable td[last] div.table{
  mmargin-right:-20px;
}
#window .content .list .edittable div.tr{
  border-top:1px solid #ccc;
  margin-bottom:-1px;
}
#window .content .list .edittable div.table > div.tr:first-child{
  border:0;
}
#window .content .list .edittable div.td{
  float:left;
  width:10px;
  height:14px;
  padding:2px 5px;
  border-left:1px solid #ccc;
  text-align:center;
}
#window .content .list .edittable div.tr > div.td:first-child{
  border:0;
}
#window .content .list .edittable td > input.cell,
#window .content .list .edittable td > textarea.cell,
#window .content .list .edittable td > span,
#window .content .list .edittable div.td > input.cell,
#window .content .list .edittable div.td > textarea.cell,
#window .content .list .edittable div.td > span{
  font-size:11px;
  line-height:14px;
  width:35px;
  height:14px;
  padding:2px 5px;
  margin:-3px -5px;
  background:none;
  border:0;
  position:relative;
}
#window .content .list .edittable td > textarea.cell,
#window .content .list .edittable div.td > textarea.cell{
  height:auto;
  min-height:14px;
}
/*#window .content .list .edittable td > span{
  white-space:nowrap;
  overflow:hidden;
  -o-text-overflow:ellipsis;  
  text-overflow:ellipsis;
}*/
#window .content .list .edittable td[commentable] > span{
  height:auto;
}
#window .content .list .edittable tr[rel="line"] td > input.cell,
#window .content .list .edittable tr[rel="line"] td > span{
  font-weight:bold;
}
#window .content .list .edittable tr td + td + td > input.cell,
#window .content .list .edittable div.td > input.cell,
#window .content .list .edittable div.td > span{
  text-align:center;
}
#window .content .list .edittable td > input.cell,
#window .content .list .edittable td > textarea.cell,
#window .content .list .edittable div.td > input.cell{
  display:none;
}
#window .content .list .edittable td > span,
#window .content .list .edittable div.td > span{
  display:block;
}
#window .content .list .edittable td.selected,
#window .content .list .edittable div.td.selected{
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,255,0.5);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,255,0.5);
  box-shadow: 0px 0px 5px 0px rgba(0,0,255,0.5);
  background:#ffffff !important;
}
#window .content .list .edittable td.selected.enter > input.cell,
#window .content .list .edittable td.selected.enter > textarea.cell,
#window .content .list .edittable div.td.selected.enter > input.cell{
  display:block;
}
#window .content .list .edittable td.selected.enter > span,
#window .content .list .edittable div.td.selected.enter > span{
  display:none;
}
#window .content .list .edittable td.context-menu-active{
  -webkit-box-shadow: 0px 0px 5px 0px rgba(255,102,0,0.7);
  -moz-box-shadow: 0px 0px 5px 0px rgba(255,102,0,0.7);
  box-shadow: 0px 0px 5px 0px rgba(255,102,0,0.7);
  background:rgba(255,102,0,.4) !important;
}
#window .content .list .edittable tbody td[move]{
  cursor:move;
}
#window .content .list .edittable tbody tr.whileDrag{
  background:yellow;
}
#window .content .list .edittable tbody tr.whileDrag[rel="line"]{
  background:orange;
}
#window .content .list .edittable tbody tr.whileDrag[rel="line"] td{
  background:none;
}
#window .content .list .edittable tfoot td a{
  font-size:11px;
  line-height:14px;
  display:inline-block;
  color:#000;
  text-decoration:none;
  margin-left:15px;
}
#window .content .list .edittable tfoot td a:hover{
  text-decoration:underline;
}
#window .content .list .edittable tfoot td a.add{
  padding-left:15px;
  background:url(images/add.png) no-repeat 0 3px;
}
#window .content .list .edittable a.remove{
  width:12px;
  height:12px;
  display:inline-block;
  cursor:pointer;
  background:url(images/delete.png) no-repeat center center;
  text-indent:-999em;
}
#window .content .list .edittable .checkbox{
  width:12px;
  height:12px;
  display:inline-block;
  position:relative;
}
#window .content .list .edittable .checkbox a{
  width:16px;
  height:16px;
  display:inline-block;
  background:url(images/check.png) no-repeat;
  background-position:-72px -32px;
  cursor:pointer;
  text-indent:-999em;
  transform:scale(.75);
  position:absolute;
  margin:-1px 0 0 -5px;
}
#window .content .list .edittable .checkbox a.on{
  background-position:-92px -12px;
}

#window .content .list .edittable div.table a.pm{
  width:12px;
  height:12px;
  display:block;
  cursor:pointer;
  background:url(images/delete.png) no-repeat center center;
  text-indent:-999em;
}
#window .content .list .edittable div.table a.pm.add{
  background-image:url(images/add.png);
}

#window .content .list .edittable div.td.user > span,
#window .content .list .edittable div.td.user > span > span{
  color:#000;
  text-decoration:none;
  width:16px;
  height:16px;
  display:block;
}
#window .content .list .edittable div.td.user > span{
  margin:-1px -2px;
  background:url(icons/user_off.png) no-repeat center center;
  cursor:default;
}
#window .content .list .edittable div.td.user > span > span{
  margin:0 -3px;
  background:url(icons/user_delete.png) no-repeat center center;
  display:none;
  position:relative;
  cursor:pointer;
}
#window .content .list .edittable div.td.user.on.hover > span > span{
  display:block;
}
#window .content .list .edittable div.td.user.locked > span > span,
#window .content .list .edittable div.td.user.on > span{
  background-image:url(icons/user.png);
}
#window .content .list .edittable div.td.user > span > div{
  position:absolute;
  display:none;
  padding:0 0 0 20px;
  zz-index:100;
}
#window .content .list .edittable div.td.user.hover > span > div{
  display:block;
}
#window .content .list .edittable div.td.user > span > div ul{
  list-style:none;
  margin:0;
  padding:0;
}
#window .content .list .edittable div.td.user > span > div > ul{
  border: 1px solid #666;
    background: #fff;
    
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
        -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
         -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  visibility:hidden;
  position:relative;
  z-index:100;
}
#window .content .list .edittable div.td.user > span > div > ul.loaded{
  visibility:visible;
}
#window .content .list .edittable div.td.user > span > div ul li{
  display:block;
  text-align:left;
  white-space:nowrap;
  cursor:default;
}
#window .content .list .edittable div.td.user > span > div ul li.h{
  cursor:pointer;
}
#window .content .list .edittable div.td.user > span > div ul li > span{
  display:block;
  padding:3px 5px;
  cursor:pointer;
}
#window .content .list .edittable div.td.user > span > div ul li li > span{
  padding-left:15px;
}
#window .content .list .edittable div.td.user > span > div ul li li li > span{
  padding-left:25px;
}
#window .content .list .edittable div.td.user > span > div > ul > li > span{
  background:#ddd;
}
#window .content .list .edittable div.td.user > span > div > ul > li > ul > li > span{
  font-weight:bold;
  cursor:default;
}
#window .content .list .edittable div.td.user > span > div > ul > li{
  position:absolute;
  visibility:hidden;
  padding-top:1px;
}
#window .content .list .edittable div.td.user > span > div > ul > li:first-child{
  padding-top:0;
}
#window .content .list .edittable div.td.user > span > div > ul.loaded > li{
  position:relative;
  visibility:visible;
}
#window .content .list .edittable div.td.user > span > div > ul.loaded > li > ul{
  display:none;
}
#window .content .list .edittable div.td.user > span > div > ul > li.opened > ul{
  display:block;
}
#window .content .list .edittable div.td.user > span > div ul li.h > span{
  font-weight:normal;
  cursor:pointer;
}
#window .content .list .edittable div.td.user > span > div ul li.h.on,
#window .content .list .edittable div.td.user > span > div ul li.h:hover{
  background:#eee;
}

#window .content .list .edittable div.td.order > span,
#window .content .list .edittable div.td.order > span > span{
  color:#000;
  text-decoration:none;
  width:16px;
  height:16px;
  display:block;
}
#window .content .list .edittable div.td.order > span{
  margin:0px -2px -2px -4px;
  background:url(icons/order_off.png) no-repeat center center;
  cursor:default;
}
#window .content .list .edittable div.td.order > span > span{
  margin:0px -2px -2px -3px;
  background:url(icons/order_delete.png) no-repeat center center;
  display:none;
  position:relative;
  cursor:pointer;
}
#window .content .list .edittable div.td.order.on.hover > span > span,
#window .content .list .edittable div.td.order.on.focus > span > span{
  display:block;
}
#window .content .list .edittable div.td.order.locked > span > span,
#window .content .list .edittable div.td.order.on > span{
  background-image:url(icons/order.png);
}
#window .content .list .edittable div.td.order > span > div{
  position:absolute;
  display:none;
  padding:0 0 0 20px;
}
#window .content .list .edittable div.td.order.hover > span > div{
  display:block;
}
#window .content .list .edittable div.td.order > span > div > div{
  width:220px;
  border: 1px solid #666;
    background: #fff;
    
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
        -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
         -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  position:relative;
  padding:5px 10px 10px 10px;
  text-align:left;
  z-index:100;
}
#window .content .list .edittable div.td.order > span > div > div > b{
  display:block;
  margin-bottom:3px;
}
#window .content .list .edittable div.td.order > span > div > div > select{
  width:220px;
}
#window .content .list .edittable div.td.order > span > div > div > input{
  width:208px;
  padding:4px 5px;
}
#window .content .list .edittable div.td.order > span > div > div > input.button{
  width:50px;
  margin:3px 0 0 170px;
}

#window .content .choose_lang a{
  display:block;
}

#window .content .orders{
  width:510px;
}
#window .content .orders table{
  margin:10px 0 0 0;
  font-size:11px;
  border-collapse:collapse;
  text-align:left;
  -webkit-box-shadow: 0px 0px 3px 0px #cccccc;
  -moz-box-shadow: 0px 0px 3px 0px #cccccc;
  box-shadow: 0px 0px 3px 0px #cccccc;
}
#window .content .orders thead{
  -webkit-box-shadow: 0px 0px 3px 0px #cccccc;
  -moz-box-shadow: 0px 0px 3px 0px #cccccc;
  box-shadow: 0px 0px 3px 0px #cccccc;
}
#window .content .orders th{
  background:rgba(0,0,0,.1);
  text-align:left;
}
#window .content .orders th,
#window .content .orders td{
  width:80px;
}
#window .content .orders th + th,
#window .content .orders td + td{
  width:340px;
}
#window .content .orders th + th + th,
#window .content .orders td + td + td{
  width:60px;
  text-align:right;
}
#window .content .orders tbody td{
  vertical-align:top;
}
#window .content .orders tbody tr:hover{
  background:rgba(255,0,0,.1);
}
#window .content .orders tbody tr.deleted{
  display:none;
}
#window .content .orders th,
#window .content .orders td{
  padding:3px 5px;
  border-bottom:1px solid #ccc;
}
#window .content .orders td .item{
  color:#000;
  background:#999;
  padding:2px;
  display:inline-block;
  min-width:60px;
}
#window .content .orders td .item1{
  color:#fff;
  background:#000;
}
#window .content .orders td .item2{
  color:#fff;
  background:#e00;
}
#window .content .orders td .item3{
  color:#fff;
  background:#f60;
}
#window .content .orders td .item4{
  color:#fff;
  background:#4288cc;
}
#window .content .orders td.actions div{
  padding-bottom:2px;
}
#window .content .orders td.actions div span{
  color:#666;
  font-size:10px;
  font-style:italic;
  display:inline-block;
  padding-left:5px;
}
#window .content .orders td .delete{
  width:16px;
  height:16px;
  display:inline-block;
  background:url(images/remove_red.png) no-repeat;
  margin-right:5px;
  cursor:pointer;
}
#window .content .orders td .check{
  width:16px;
  height:16px;
  display:inline-block;
  background:url(images/check.png) no-repeat;
  cursor:pointer;
}
#window .content .orders td .check{
  background-position:-72px -32px;
}
#window .content .orders td .check.on{
  background-position:-92px -12px;
}
#window .content .orders td .check.mid{
  background-position:-12px -92px;
}
#window .content .orders.scroll thead{
  display:block;
}
#window .content .orders.scroll td + td + td{
  width:40px;
}
#window .content .orders.scroll tbody{
  overflow:auto;
  display:block;
  height:280px;
}

#window .content .orders .add{
}
#window .content .orders .add input{
  display:inline-block;
}
#window .content .orders .add .reset{
  margin-right:5px;
}
#window .content .orders .err{
  padding-top:3px;
  color:#c00;
  display:none;
}
#window .content .orders .add input.textbox{
  width:100px;
}

#window .content .raffles{
  width:510px;
}
#window .content .raffles .button{
  padding:4px 20px;
}
#window .content .raffles table{
  margin:10px 0 0 0;
  font-size:11px;
  border-collapse:collapse;
  text-align:left;
  -webkit-box-shadow: 0px 0px 3px 0px #cccccc;
  -moz-box-shadow: 0px 0px 3px 0px #cccccc;
  box-shadow: 0px 0px 3px 0px #cccccc;
}
#window .content .raffles thead{
  -webkit-box-shadow: 0px 0px 3px 0px #cccccc;
  -moz-box-shadow: 0px 0px 3px 0px #cccccc;
  box-shadow: 0px 0px 3px 0px #cccccc;
}
#window .content .raffles th{
  background:rgba(0,0,0,.1);
  text-align:left;
}
#window .content .raffles th,
#window .content .raffles td{
  width:80px;
}
#window .content .raffles th + th,
#window .content .raffles td + td{
  width:340px;
}
#window .content .raffles th + th + th,
#window .content .raffles td + td + td{
  width:60px;
  text-align:right;
}
#window .content .raffles tbody td{
  vertical-align:top;
}
#window .content .raffles tbody tr:hover{
  background:rgba(255,0,0,.1);
}
#window .content .raffles tbody tr.deleted{
  display:none;
}
#window .content .raffles th,
#window .content .raffles td{
  padding:3px 5px;
  border-bottom:1px solid #ccc;
}
#window .content .raffles td .item{
  color:#fff;
  background:#4288cc;
  padding:2px;
  display:inline-block;
  min-width:60px;
}
#window .content .raffles td.info input{
  width:350px;
  height:14px;
  border:0;
  background:#fff;
  padding:2px 5px;
}
#window .content .raffles td.info textarea{
  width:350px;
  height:30px;
  border:0;
  background:#fff;
  padding-bottom:2px;
}
#window .content .raffles td.info input:focus,
#window .content .raffles td.info textarea:focus{
  background:#eee;
}
#window .content .raffles td .delete{
  width:16px;
  height:16px;
  display:inline-block;
  background:url(images/remove_red.png) no-repeat;
  margin-right:5px;
  cursor:pointer;
}
#window .content .raffles.scroll thead{
  display:block;
}
#window .content .raffles.scroll td + td + td{
  width:40px;
}
#window .content .raffles.scroll tbody{
  overflow:auto;
  display:block;
  height:180px;
}

#window .content .raffles .add{
}
#window .content .raffles .add input{
  display:inline-block;
}
#window .content .raffles .add .reset{
  margin-right:5px;
}
#window .content .raffles .err{
  padding-top:3px;
  color:#c00;
  display:none;
}
#window .content .raffles .add input.textbox{
  width:100px;
}

#window .content.tabs{
  background:none;
  border:none;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
}
#window .content.tabs > div{
  padding:0;
}
#window .content.tabs > div > .close{
  margin:50px 0 0 0;
  z-index:2;
}
#window .content.tabs > div > ul{
	list-style:none;
  padding:0;
  margin:0;
  position:relative;
  z-index:2;
  float:left;
}
#window .content.tabs > div > ul + ul{
  float:right;
}
#window .content.tabs > div > ul li{
  float:right;
}
#window .content.tabs > div > ul li a{
  color:#000;
  text-decoration:none;
  display:block;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-top-right-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-topright: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  padding:4px 40px 2px 40px;
  margin:19px -10px 0 0;
  border-top:1px solid #aaa;
  border-right:1px solid #aaa;
  border-left:1px solid #aaa;
  background:#dddddd;
  position:relative;
  z-index:10;
  cursor:pointer;
}
#window .content.tabs > div > ul li a span{
  display:none;
}
#window .content.tabs > div > ul li a.changes span{
  display:inline;
}
#window .content.tabs > div > ul + ul li a{
  margin-right:0;
}
#window .content.tabs > div > ul li a:hover{
  background:#ffffff;
  border-color:#666;
  z-index:11;
}
#window .content.tabs > div > ul li.active a{
  font-weight:bold;
  background:#ffffff;
  margin-top:13px;
  margin-bottom:-1px;
  padding-top:7px;
  padding-bottom:6px;
  z-index:11;
  border-color:#666;
-webkit-box-shadow: 0px -1px 1px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px -1px 1px 0px rgba(0,0,0,0.5);
box-shadow: 0px -1px 1px 0px rgba(0,0,0,0.5);
}
#window .content.tabs > div > ul li.changes a{
  background:#e79a9a;
}
#window .content.tabs > div > ul li.active.changes a{
  background:#ffb2b2;
}

#window .content.tabs > div > .tabs{
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
  background:#fff;
  border:1px solid #666;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  position:relative;
  padding:20px;
  margin-top:-1px;
}
#window .content.tabs > div > .tabs > div.tab{
  visibility:hidden;
}
#window .content.tabs > div > .tabs > .comments{
  width:100%;
  position:absolute;
  right:0;
  bottom:0;
  z-index:3;
}
#window .content.tabs > div > .tabs > .comments.left{
  float:none;
}
#window .content.tabs > div > .tabs > .comments.hover,
#window .content.tabs > div > .tabs > .comments.opened{
  height:100%;
}
#window .content.tabs > div > .tabs > .comments > div{
  width:400px;
  height:100%;
  background:#fff;
  background:rgba(255,255,255,.97);
  border-left:1px solid #000;
  position:absolute;
  right:0;
  bottom:0;
  display:none;
}
#window .content.tabs > div > .tabs > .comments.left > div{
  border:0;
  border-right:1px solid #000;
}
#window .content.tabs > div > .tabs > .comments.hover > div,
#window .content.tabs > div > .tabs > .comments.opened > div{
  display:block;
}
#window .content.tabs > div > .tabs > .comments > span{
  font-size:11px;
  line-height:14px;
  color:#666666;
  padding:5px 25px 5px 10px;
  height:14px;
  display:block;
  background:url(images/comment_corner_gray.png) no-repeat right top;
  position:absolute;
  right:0;
  bottom:0;
  cursor:pointer;
  float:none;
}
#window .content.tabs > div > .tabs > .comments > span.left{
  padding:5px 10px 5px 25px;
  background:url(images/comment_left_corner_gray.png) no-repeat left top;
}
#window .content.tabs > div > .tabs > .comments.left > div,
#window .content.tabs > div > .tabs > .comments > span.left{
  right:auto;
  left:0;
}
#window .content.tabs > div > .tabs > .comments.hover > span.right,
#window .content.tabs > div > .tabs > .comments.left.hover > span.left{
  color:#ff0000;
  background-image:url(images/comment_corner.png);
}
#window .content.tabs > div > .tabs > .comments.left.hover > span.right{
  color:#666666;
  background-image:url(images/comment_corner_gray.png);
}
#window .content.tabs > div > .tabs > .comments.left.hover > span.left{
  background-image:url(images/comment_left_corner.png);
}
#window .content.tabs > div > .tabs > .comments,
#window .content.tabs > div > .tabs > .comments > div,
#window .content.tabs > div > .tabs > .comments > span{
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomright: 10px;
border-bottom-right-radius: 10px;
}
#window .content.tabs > div > .tabs > .comments.left,
#window .content.tabs > div > .tabs > .comments.left > div,
#window .content.tabs > div > .tabs > .comments > span.left{
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 10px;
}
#window .content.tabs > div > .tabs > .comments > div .list{
  width:100%;
  height:100%;
  position:relative;
  box-sizing:border-box;
  padding:20px 20px 40px 20px;
}
#window .content.tabs > div > .tabs > .comments.opened > div .list{
  padding:20px 20px 120px 20px;
}
#window .content.tabs > div > .tabs > .comments > div .list > div{
  width:100%;
  height:100%;
  position:relative;
  overflow:auto;
}
#window .content.tabs > div > .tabs > .comments > div .list ul{
  list-style:none;
  padding:0;
  margin:0;
}
#window .content.tabs > div > .tabs > .comments > div .list ul li{
  display:block;
  margin:0 10px 5px 0;
  position:relative;
  padding:0;
  border-bottom:1px solid #ccc;
}
/*#window .content.tabs > div > .tabs > .comments > div .list ul li a.remove{
  width:10px;
  height:10px;
  display:block;
  cursor:pointer;
  background:url(images/remove_black.png) no-repeat center center;
  text-indent:-999em;
  position:absolute;
  right:0;
  top:0;
}
#window .content.tabs > div > .tabs > .comments > div .list ul li a.remove:hover{
  background-image:url(images/remove_red.png);
}*/
#window .content.tabs > div > .tabs > .comments > div .list ul li a.remove{
  font-size:9px;
  line-height:11px;
  color:red;
  text-decoration:none;
  display:block;
  cursor:pointer;
  position:absolute;
  left:0;
  bottom:3px;
}
#window .content.tabs > div > .tabs > .comments > div .list ul li a.remove:hover{
  color:#000;
}
#window .content.tabs > div > .tabs > .comments > div .list ul li div{
  font-size:11px;
  line-height:13px;
  padding:0 20px 3px 0;
}
#window .content.tabs > div > .tabs > .comments > div .list ul li small,
#window .content.tabs > div > .tabs > .comments > div .list ul li span{
  font-size:9px;
  line-height:11px;
  display:block;
  float:left;
  color:#666666;
}
#window .content.tabs > div > .tabs > .comments > div .list ul li span{
  font-style:italic;
  float:right;
}
#window .content.tabs > div > .tabs > .comments > div .form{
  width:100%;
  position:absolute;
  box-sizing:border-box;
  padding:0 20px 30px 20px;
  bottom:0;
  display:none;
}
#window .content.tabs > div > .tabs > .comments.opened > div .form{
  display:block;
}
#window .content.tabs > div > .tabs > .comments > div .form textarea.textbox{
  width:100%;
  height:55px;
  position:relative;
  box-sizing:border-box;
  margin:0;
}
#window .content.tabs > div > .tabs > .comments > div .form input.button{
  position:relative;
  margin:3px 0 0 0;
  float:right;
}

#window .content > div .employees{
  width:640px;
}
#window .content > div .employees > b{
  font-size:12px;
  line-height:14px;
  margin:12px 0 5px 0;
  float:left;
}
#window .content > div .employees .reset{
  margin-right:5px;
}
#window .content > div .employees > div{
  width:300px;
  height:200px;
  border:1px solid #cccccc;
  padding:5px 5px;
  overflow:auto;
  margin:0 10px 10px 0;
  display:inline-block;
}
#window .content > div .employees > div[rel="free"]{
  margin-right:0;
}
#window .content > div .employees em{
  font-size:11px;
  line-height:13px;
  font-style:normal;
  height:13px;
  white-space:nowrap;
  display:inline-block;
  padding-right:10px;
}
#window .content > div .employees a,
#window .content > div .employees span{
  font-size:11px;
  line-height:13px;
  height:13px;
  white-space:nowrap;
  color:#000;
  text-decoration:none;
  display:inline-block;
  padding:2px 5px;
  background-color:#ccc;
  margin:0 5px 5px 0;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  cursor:pointer;
  -moz-opacity:.5;
  opacity:.5;
  filter:alpha(opacity=50);
}
#window .content > div .employees a.red,
#window .content > div .employees span{
  cursor:default;
}
#window .content > div .employees a.blue,
#window .content > div .employees span.blue{
  color:#ffffff;
  background-color:#4288cc;
}
#window .content > div .employees a.none,
#window .content > div .employees span.none{
  background-color:#ffffff;
}
#window .content > div .employees a.full,
#window .content > div .employees span.full{
  padding:2px 12px;
}
#window .content > div .employees a.red,
#window .content > div .employees span.red{
  color:#ffffff;
  border:1px solid #e00;
  padding:1px 4px;
}
#window .content > div .employees a.red.full,
#window .content > div .employees span.red.full{
  padding:1px 10px;
}
#window .content > div .employees a.active,
#window .content > div .employees span.active{
  -moz-opacity:1;
  opacity:1;
  filter:alpha(opacity=100);
}
#window .content > div .employees a.half,
#window .content > div .employees span.half{
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
}
#window .content > div .employees a.half.l,
#window .content > div .employees span.half.l{
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
  border-right:0;
  margin-right:0;
}
#window .content > div .employees a.half.r,
#window .content > div .employees span.half.r{
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
  border-left:0;
}


.offtime{
  width:500px;
  height:5px;
  margin:40px auto;
  border:1px solid #136A9F;
  background:#ffffff;
  box-shadow:none;
}
[disabled].offtime,
.offtime[data-edit]{
  width:300px;
  margin:40px 100px 40px 100px;
}
[disabled].offtime{
  border:1px solid #B8B8B8;
}
.noUi-handle{
  box-shadow: none;
}
.noUi-horizontal .noUi-handle {
  width: 16px;
  height: 16px;
  left: -8px;
  top:-6px;
  border-radius:50%;
}
.noUi-horizontal .noUi-handle-lower .noUi-tooltip { 
  bottom:-32px 
}
[disabled].noUi-horizontal .noUi-handle-lower .noUi-tooltip { 
  bbottom:120%; 
  -webkit-transform: translate(-10%, 0);
  transform: translate(-10%, 0);
}
[disabled].noUi-horizontal .noUi-handle-upper .noUi-tooltip { 
  -webkit-transform: translate(-90%, 0);
  transform: translate(-90%, 0);
}
html:not([dir="rtl"]) .noUi-horizontal .noUi-handle{
  right: -8px;
  left:auto;
}
.noUi-handle::before,
.noUi-handle::after{
  display:none;
}
.noUi-connect {
  background: #136A9F;
}
[disabled] .noUi-connect {
  background: #B8B8B8;
}
.noUi-tooltip span,
.noUi-tooltip input{
  width:40px;
  height:14px;
  border:0;
  background:#ffffff;
  padding:0;
  margin:0;
  text-align:right;
  display:inline-block;
}

.form{
	list-style:none;
  padding:0;
  margin:0;
}
.form li{
  display:block;
  padding-bottom:10px;
}
.form li label{
  font-weight:bold;
  display:inline-block;
  width:100px;
  text-align:right;
  padding:5px 5px 0 0;
  vertical-align:top;
}
.form li.narrow label{
  width:80px;
}
.form li.narrow label:first-child{
  width:100px;
}
.form li .textbox,
.form li .multibox{
  width:385px;
}
.form li div.textbox,
.form li div.multibox{
  display:inline-block;
  vertical-align:top;
}
.form li div.textbox.w90{
  width:90px;
}
.form li .textbox.t200{
  width:200px;
}
.form li .textbox.t300{
  width:300px;
}
.form li .check,
.form td .check{
  color:#000;
  text-decoration:none;
  font-weight:bold;
  padding-left:20px;
  margin-left:20px;
  height:16px;
  display:inline-block;
  background:url(images/check.png) no-repeat;
  background-position:-72px -32px;
  cursor:pointer;
}
.form li .check.on,
.form td .check.on{
  background-position:-92px -12px;
}
.form li.narrow .textbox{
  width:140px;
}
.form li .button{
  float:right;
  margin-right:5px;
}
.form li.hr{
  padding-top:10px;
  border-top:1px solid #666;
}
.form .choose{
  position:absolute;
  width:130px;
  height:130px;
  border:1px solid #bbbbbb;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow: 0px 0px 2px 0px #bbbbbb;
  -moz-box-shadow: 0px 0px 2px 0px #bbbbbb;
  box-shadow: 0px 0px 2px 0px #bbbbbb;
  background-size:cover;
  display:inline-block;
  text-align:center;
}
.form .choose:hover{
  border:1px solid #2B63A6;
  -webkit-box-shadow: 0px 0px 3px 0px #6490C8;
  -moz-box-shadow: 0px 0px 3px 0px #6490C8;
  box-shadow: 0px 0px 3px 0px #6490C8;
}
.form .choose a{
  color:#000000;
  text-decoration:none;
  padding:4px 10px;
  background:#dddddd;
  cursor:pointer;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  margin:15px 0 0 0;
  display:none;
}
.form .choose a:first-child{
  margin-top:55px;
}
.form .choose a:hover{
  background:#ffffff;
  -webkit-box-shadow: 0px 0px 2px 0px #bbbbbb;
  -moz-box-shadow: 0px 0px 2px 0px #bbbbbb;
  box-shadow: 0px 0px 2px 0px #bbbbbb;
}
.form .choose:hover a{
  display:inline-block;
}
form .alert{
  padding-right:50px;
  color:red;
}
form .alert.done{
  color:green;
}
.form tr.trans td.trans{
  -moz-opacity:.3;
  opacity:.3;
  filter:alpha(opacity=30);
  visibility:hidden;
}
.lottery .form td .textbox{
  color:#666;
}
.lottery .form td .textbox:focus{
  color:#000;
}
.lottery #window .hide{
  display:none;
}

#left-side{
  width:120px;
  height:100%;
  position:fixed;
  top:0;
  left:0;
  -webkit-box-shadow: 2px 0px 2px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 2px 0px 2px 0px rgba(0,0,0,0.25);
  box-shadow: 2px 0px 2px 0px rgba(0,0,0,0.25);
  background:#eeeeee;
  z-index:16;
}
#left-side ul{
	list-style:none;
  padding:0;
  margin:70px 0 0 0;
}
#left-side ul.choose.second{
  margin-top:10px !important;
}
#left-side li{
  display:block;
}
#left-side li li{
  padding:0;
}
#left-side li ul{
  margin:0;
  padding-bottom:20px;
  display:none;
}
#left-side li div.scroll{
  max-height:208px;
  overflow:auto;
}
#left-side li > a,
#left-side li li > a,
#left-side li div.scroll > a,
#left-side li li div.scroll > a{
  display:block;
  padding:5px 10px 5px 15px;
  color:#000000;
  text-decoration:none;
}
#left-side li li > a,
#left-side li li div.scroll > a{
  padding-left:25px;
}
#left-side li span.save{
  position:absolute;
  margin:4px 0 0 95px;
  cursor:pointer;
  display:none;
}
#left-side li > a:hover,
#left-side li li > a:hover,
body.worktime #left-side li a.selected{
  background-color:#dddddd;
}
#left-side li.opened ul{
  display:block;
}
#left-side li.opened > a{
  color:#ffffff;
  background-color:#666666;
}
#left-side li li.opened > a{
  color:#000;
  background-color:#cccccc;
}

#header{
  width:100%;
  height:40px;
  position:fixed;
  top:0;
  left:0;
  background:#eeeeee;
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
  box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
  z-index:20;
}
#header .logout{
  display:block;
  padding-left:21px;
  margin:3px 0 0 5px;
  height:16px;
  background:url(icons/logout.png) no-repeat;
  text-indent:-999em;
  position:absolute;
  text-decoration:none;
  color:#000000;
  -moz-opacity:.6;
  opacity:.6;
  filter:alpha(opacity=60);
}
#header .logout:hover{
  text-indent:0;
  -moz-opacity:1;
  opacity:1;
  filter:alpha(opacity=100);
}

#header ul.menu{
	list-style:none;
  padding:0;
  margin:0 0 0 50px;
  float:left;
}
#header ul.menu li{
  float:right;
}
#header ul.menu li a{
  color:#000;
  text-decoration:none;
  display:block;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-top-right-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-topright: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  padding:4px 40px 2px 40px;
  margin:19px 0 0 -10px;
  border-top:1px solid #aaa;
  border-right:1px solid #aaa;
  border-left:1px solid #aaa;
  background:#dddddd;
  position:relative;
  z-index:10;
  cursor:pointer;
}
#header ul.menu li.active a{
  font-weight:bold;
  background:#ffffff;
  margin-top:13px;
  padding-top:7px;
  padding-bottom:5px;
  z-index:11;
}

#header .employee{
  float:right;
}
#header .employee h2{
  font-size:20px;
  line-height:22px;
  margin:5px 20px 0 0;
  padding:0 25px 0 0;
  background:url(images/arrow.png) no-repeat right center;
  cursor:pointer;
  text-align:right;
}
#header .employee h2 div{
  display:inline-block;
  vertical-align:top;
  margin:5px 0 0 0;
}
#header .employee h2 img{
  width:30px;
  height:30px;
  border:1px solid #00a4e4;
  background:#7fd1f1;
  display:inline-block;
  margin-right:10px;
}
#header .employee > div{
  width:200px;
  min-height:200px;
  overflow:auto;
  border:1px solid #aaa;
  background:#eeeeee;
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
  box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
  display:none;
  float:right;
  margin:-1px 20px 0 0;
}
#header .employee:hover > div{
  display:block;
}
#header .employee > div ul{
	list-style:none;
  padding:0;
  margin:0;
}
#header .employee > div ul li{
  display:block;
  padding:5px 5px 10px 5px;
  cursor:pointer;
}
#header .employee > div ul li:hover{
  background:#ddd;
}
#header .employee > div ul li.opened{
  background:#bbb;
}
#header .employee > div ul li img{
  width:20px;
  height:20px;
  border:1px solid #00a4e4;
  background:#7fd1f1;
  float:left;
  margin-top:3px;
}
#header .employee > div ul li label{
  font-size:12px;
  line-height:14px;
  width:140px;
  float:right;
  cursor:pointer;
}
#header .employee > div ul li span{
  font-size:11px;
  line-height:13px;
  color:#666;
  width:140px;
  float:right;
}

#footer{
  width:100%;
  height:40px;
  position:fixed;
  bottom:0;
  left:0;
  background:#eeeeee;
  border-top:1px solid #aaa;
  z-index:15;
}
#footer ul{
	list-style:none;
  padding:0;
  margin:0 0 0 150px;
  float:left;
}
body.worktime #footer ul,
body.estimate #footer ul,
body.lottery #footer ul{
  margin-left:240px;
}
#footer ul li{
  float:right;
}
#footer ul li a{
  color:#000;
  text-decoration:none;
  display:block;
  -webkit-border-bottom-right-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-bottomright: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  padding:2px 40px 4px 40px;
  margin:0 0 0 -10px;
  border-right:1px solid #aaa;
  border-bottom:1px solid #aaa;
  border-left:1px solid #aaa;
  background:#dddddd;
  position:relative;
  z-index:10;
  cursor:pointer;
}
#footer ul li.active a{
  font-weight:bold;
  background:#ffffff;
  margin-top:-1px;
  padding-top:3px;
  z-index:11;
}

#loading{
  width:100%;
  height:100%;
  position:fixed;
  left:0;
  top:0;
  display:none;
  z-index:100;
}
#loading .fade{
  width:100%;
  height:100%;
  position:absolute;
  background:#00a4e4;
  -moz-opacity:.05;
  opacity:.05;
  filter:alpha(opacity=5);
}

.ell{
  max-width:200px;
  overflow:hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space:nowrap;
}
.ell.ell150{
  max-width:150px;
}

hr{
  margin:5px 0;
  border:none;
  border-top:1px solid #666;
}

form{
  margin:0;
}
.left{
  float:left;
}
.right{
  float:right;
}
.clear{
  clear:both;
  height:1px;
  overflow:hidden;
  display:block;
}

sup, sub{
	height: 0;
	line-height: 0;
	vertical-align: baseline;
	position: relative;
}
sup{
	bottom: 1.5ex;
  font-size:55%;
}
sub{
	top: .5ex;
  font-size:65%;
}

input:focus, textarea:focus, select:focus{
  outline: none;
  outline-width:0;
}
textarea{
  resize: none;
}
/*
  -moz-opacity:.8;
  opacity:.8;
  filter:alpha(opacity=80);
*/