.bill_out { width:66%; min-width:800px; margin:0 auto 15px auto; }
.bill_out .bill {background:var(--base-cont-top); padding:20px; position:relative; }
.bill_out .bill a.button_r {margin:7px 0;}
.bill_out .self .it_name {font:24px/28px var(--font-base); margin:0 200px 18px 0; }
.bill_out .self .it_sum {position:absolute; right:0; bottom:0; font:28px/20px var(--font-base); color:var(--base-txt-primary); border-bottom:2px solid var(--base-btn-primary-minor); padding:5px 15px 2px 15px; width:120px; text-align:right}
.bill_out .self .it_sum_usd {padding-bottom:15px;}
.bill_out .self .it_sum i {font:12px/20px var(--font-base); color:var(--base-txt-tertiary)}
.bill_out .self .it_name a {color:var(--base-txt-accent)}
.bill_out .self .it_name a:hover, body.mobile .bill_out .self .it_name a {border-bottom:2px dashed var(--base-txt-max)}
.bill_out .self form {padding:0 61px 0 0; position:relative; margin:-3px 0;}
.bill_out .self input.wide2 {width:100%; font:24px/28px var(--font-base); padding:0 5px; height:32px; margin:0 -5px;}
.bill_out .self input.button2 {padding:0; font:16px/22px var(--font-base);position:absolute; right:0; top:0; height:34px; background:var(--base-btn-primary-minor); border-radius:0; width:55px}
.bill_out .self .it_project {color:var(--base-txt-tertiary);font:13px var(--font-base);margin: -10px 0 20px -10px;}


.bill_out .bill .info {font:13px/20px var(--font-base); color:var(--base-txt-tertiary)}
.bill_out .bill .info b {font:13px/20px var(--font-base); color:var(--base-txt-accent); margin:0 5px;}

.bill_out .time {margin:0 0 25px 0;background: var(--base-cont-top);}
.bill_out .time .it { position:relative; font:13px/20px var(--font-base);background:var(--base-cont-top); border-top:1px solid var(--base-line-alt-gap-minor)}
.bill_out .time .it .it_name {margin:0 150px 0 0; padding:7px 20px 7px 20px;}
.bill_out_t .time .it .it_name, .bill_out_m .time .it .it_name {padding-right:120px;}
.bill_out_tm .time .it .it_name {padding-right:220px;}
body.mobile .bill_out .time .it .it_name {padding-left:30px;}
.bill_out .time .it .it_name a {color:var(--base-txt-accent)}
.bill_out .time .it:hover .it_name a, body.mobile .bill_out .time .it .it_name a {border-bottom:1px dashed}
.bill_out .time .it .it_sum {position:absolute; right:15px; top:7px; font:18px/20px var(--font-base); color:var(--base-txt-primary)}
.bill_out .time .it .it_time, .bill_out .time .it .it_money {position:absolute; right:165px; top:7px; font:14px/20px var(--font-base)}
.bill_out_tm .time .it .it_time {right:265px;}
.bill_out .time .it label {position:absolute; left:-32px; top:0; padding:8px; transform:scale(0.8)}
body.desktop .bill_out .time .it label {display:none }
body.withMass .bill_out .time .it label {display:block }
.bill_out .time .it label.act {background:none}

.bill_out .time .it .input { text-align:right; width:100px; padding:1px 4px; margin:-1px -4px;font:inherit; border:none; background:transparent; color:inherit}
.bill_out .time .it:hover .input {background:var(--inp-hlt-bg);}
.bill_out .time .it .input:focus {outline:none; box-shadow: var(--shadow-brd-focus) !important;border-color:transparent !important;}
.bill_out .time .it .inp_load_pre {outline:none; box-shadow: var(--shadow-brd-focus) !important;border-color:transparent !important;}

.bill_out .time form {padding:0 40px 0 0; position:relative; margin:-7px 0}
.bill_out .time input.wide2 {width:100%; border:none; font:13px/34px var(--font-base); padding:0 5px; height:34px; margin:0 -5px; }
.bill_out .time ws-btn {position:absolute; right:0; top:3px;  width:35px}


@media (min-width: 481px) {
  body.desktop .bill_out .time .it:hover label, body.desktop .bill_out .time .it.pre_act label {display: block;}
  .bill_out .time .pre_act { background:var(--base-hlt-hover); box-shadow: -2px 0 var(--base-hlt-invert); }
  .bill_out .time .pre_act .it_name {box-shadow: -2px 0 var(--base-hlt-invert);}
}

a.label_st, span.label_st {color:var(--white-accent); font:12px/20px var(--font-base); padding:2px 7px; border-radius:3px; border-bottom:none}
a.label_st:hover {background:var(--base-txt-accent)}

#label_popup {
  display:none;
  position:absolute;
  left:0;
  top:0;
  width:100px;
  background:var(--base-cont-top);
  padding:2px 2px 1px 2px;
  border:1px solid var(--base-line-alt-gap-minor);
  z-index:2000;
}
#label_popup a {
  display:block; float:none;border-radius:0;font:12px/18px var(--font-base); text-align:center; margin:0 0 1px 0;
  cursor:pointer;
}
.bill_out .bill_add {background: var(--base-cont-top);border-top: 1px solid var(--base-line-alt-gap-major);}

.time_add {font:italic 13px/20px var(--font-base); padding:7px 15px; position:relative;}
.time_add a {color:var(--base-txt-secondary); margin:0 0 0 3px}
.time_add:hover a, body.mobile .time_add a {border-bottom:1px dashed}
.time_add a:hover {color:var(--base-txt-link-minor); border-bottom:1px dashed;}
.time_add .it_time, .time_add .it_money {position:absolute; right:160px; top:7px; font:italic 13px/20px var(--font-base); color:var(--base-txt-secondary)}
.bill_out_tm .time_add .it_time {right:260px;}
.time_add .ico_lock2 {padding:0}

.bill_out .time_edit {}

.bill_out .bill_add form {position:relative; padding:0 0 30px 0;}
.bill_out .time_edit .it { position:relative; font:13px/20px var(--font-base);}
.bill_out .time_edit .it .it_name {margin:0 150px 0 0;padding: 0 10px 15px 20px;}
.bill_out .time_edit .it:first-child .it_name {padding-top:15px;}
.bill_out .time_edit .it .inputmain {width:100%;padding: 4px 10px;border: none;/* border-bottom: 2px solid var(--base-line-tertiary); */border-radius: 0;box-shadow: 0 1px var(--base-line-secondary);font-size: 18px !important;}
.bill_out .time_edit .it .it_sum {position:absolute;right: 45px;top:0;font:18px/20px var(--font-base);color:var(--base-txt-primary);}
.bill_out .time_edit .it:first-child .it_sum { top:15px;}
.bill_out .time_edit .it .it_sum .inputmain {width:93px;text-align:right;}
.bill_out .time_edit .it_opac {opacity:0.5}
.bill_out .time_edit .it .inputmain:focus {box-shadow: 0 2px var(--base-hlt-focus);outline: none;}
.bill_out .bill_add .button_sq {position:absolute;right: 0;bottom: 0;width:150px;padding:0;border-radius: 0;height:30px;font:16px/30px var(--font-base);text-align:center;}

.bill_out .time_edit .it .ico_delete2 {display:none;position:absolute;right:15px;bottom: 24px;}
.bill_out .time_edit .it:hover .ico_delete2 { display:inline}
.bill_out .time_edit .it_opac:hover .ico_delete2 { display:none}

.bill_out .time_edit_ {background: var(--base-cont-top); margin:40px 0 20px 0;border-radius: 8px;padding: 10px 0;}

.massPanel .ops_rate span, .massPanel .ops_rate b, .massPanel .ops_rate em, .massPanel .ops_rate input {float:left;}
.massPanel .ops_rate span.or {font:11px/20px var(--font-base); margin:15px 0 0 10px}
.massPanel .ops_rate input.button {height:30px;padding:5px 15px; margin:5px 0 0  10px}
.massPanel .ops_rate span.mult {margin:0 5px;}
.massPanel .ops_rate span.gray {margin:0 0 0 10px;font:13px/40px var(--font-base);}
@media (max-width: 768px) {
  .massPanel .ops_rate span.gray {display:none}
}
.massPanel input.op_rate_real {background:var(--base-btn-notice-minor); border-radius:3px; font:16px/20px var(--font-base); padding:2px 10px; margin:2px 10px 0 10px; }
.massPanel input.op_rate_real:hover {background:var(--base-btn-notice-major); box-shadow:none}
.massPanel .formula1, .massPanel .formula2 {color:var(--base-txt-primary); font:13px/40px var(--font-base);}
.massPanel .ops_rate span.rate_pl {color:var(--base-txt-primary); font:24px/40px var(--font-base); margin:0 5px;}
.massPanel .formula1 b {color:var(--costs-time-major); font:24px/38px var(--font-base); margin:0 5px;}
.massPanel .formula2 b {color:var(--costs-money-major); font:24px/38px var(--font-base); margin:0 5px;}
.massPanel .formula1 input.input {color:var(--base-txt-primary); background:var(--costs-time-highlight); border:none; padding:5px; margin:8px 0 0 0}
.massPanel .formula2 input.input {color:var(--base-txt-primary); background:var(--costs-money-highlight); border:none; padding:5px; margin:8px 0 0 0;}

.massPanel .formula1 input.input::-moz-placeholder, .massPanel .formula2 input.input::-moz-placeholder { color:var(--base-txt-primary); opacity:1; font:12px/16px var(--font-base);}
.massPanel .formula1 input.input::-webkit-input-placeholder, .massPanel .formula2 input.input::-webkit-input-placeholder { color:var(--base-txt-primary); opacity:1; font:12px/16px var(--font-base);}

.bill_out h4 {margin:20px 0 5px 0;}
.bill_out .bill_name {margin:0 105px 0 0;position:relative; }
.bill_out .bill_name input.inputmain:focus {box-shadow:var(--shadow-brd-focus); border-color:transparent; outline: none;}
.bill_out .bill_name .inputmain {padding-right:100px;width:100%;font:21px/26px var(--font-base) !important;padding: 4px 10px;height: 40px;}
a.bill_status {
  position:absolute;
  right:-103px;
  top: 0;
  font: 14px/40px var(--font-base);
  height: 40px;
  text-align:right;
  padding:0 10px;
  width:80px;
  color:var(--white-accent);
  border-radius: 4px;
}
a.bill_status:hover { color: var(--white-max); background:var(--base-txt-accent)}
.bill_status span {  }
.bill_status_sel { display:none; position:absolute; right:-3px; top:1px; font:14px/32px var(--font-base); background:var(--base-cont-low); width:102px; z-index:1010;}
.bill_status_sel a {display:block;color:var(--white-accent);padding:0 10px;text-align:right;border: 1px solid var(--base-line-alt-gap-minor);border-top:none;height: 40px;line-height: 40px;}
.bill_status_sel a:hover { background:var(--base-txt-accent) }

.bill_out .massPanel {position:absolute; left:0; right:0; top:0}

@media (max-width: 900px) {
  .bill_out {width:auto; min-width:0}
}
@media (max-width: 768px) {
  .it_time, .it_money {display:none}
  .bill_out_tm .time .it .it_name {padding-right:20px;}
  .bill_out .self .it_name {margin-right:0;}
}
@media (max-width: 480px) {
  .bill_out .self .it_project {margin:-20px 0 5px 0;}
}
@media (max-width: 400px) {
  .bill_out .time .it .it_name {margin-right:100px;}
  .bill_out .bill .info {margin:-10px 0 40px;}
  .bill_out .time .it .it_sum {font:14px/20px var(--font-base)}
  .bill_out .time .it .input {width:70px}
  .bill_out .bill_add {display:none;}
  .bill_out .self .it_sum {width:70px;}
}
@media print {
  .bill_out {width:100%; min-width:0}
  .bill_out .it_money, .bill_out .it_time, .bill_out .bill_add, .bill_out .info {display:none}
  .bill_out .time .it {border-top:1px solid var(--base-txt-tertiary); margin:0;}
  .bill_out .bill {padding:20px 0;}
  .bill_out .time .it .it_name {background:var(--base-cont-top); padding-left:0;}
  .bill_out .self .it_project {margin:-10px 0 0 0;}
  .bill_out .self .it_name {margin:0 200px 0 0;}
  #header_normal {display:none}
  .bill_out .self .it_sum {border-bottom:3px solid var(--base-txt-accent);}
}

.bill {
  position:relative;
}
.bill ws-btn[name*=export] {
  position:absolute;
  right:10px;
  top:10px;
}