body {
  background: #F3F3F3;
  font-family: Verdana,Helvetica,Arial,sans-serif;
}
body.milltime-menu {
  background: #FFFFFF;
  border-bottom: 1px solid #CCC;
}
div, table, tr, td, th {
  background-color: transparent;
  font-family: Verdana,Helvetica,Arial,sans-serif;
}
a {
  color: #000;
  text-decoration: none;
}
.mt-button-link:hover {
  text-decoration: none;
  color: #6c5198;
}
.mt-button-link:active {
  text-decoration: none;
  color: #C6C6C6;
}
a:hover {
  text-decoration: underline;
  color: #6c5198;
}
a:active {
  text-decoration: none;
  color: #C6C6C6;
}
a.button {
 text-decoration: none !important;
}
a:hover.button span
{
 text-decoration: none !important;
}
a:hover.button { opacity: 0.8; color: #000; }
a.button img {
 vertical-align: middle;
}
td {
  font-size: 11px;
}
.x-reset .x-form-item td {
  font-size: 13px;
}
caption {
  font-size: 10px;
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 12px;
  padding-bottom: 3px;
}
th {
  vertical-align: middle;
  color: #4D4D4D;
  font-size: 10px;
  font-weight: bold;
  padding-left: 3px;
  padding-right: 3px;
}
.th-image {
  vertical-align: top !important;
  margin-top: 0px !important;
  padding-right: 2px !important;
}
tr {
  height: 1.5em;
}
.x-reset tr {
  height: auto;
}
td.layout {
  padding: 0 !important;
}
.facet {
  font-weight: normal;
}
input[type=text].placeholder {
  color: #C6B1B1;
}
input, button {
  font-size: 10px;
  font-family: Verdana,Helvetica,Arial,sans-serif;
  vertical-align: middle;
  padding: 1px 1px 1px 1px;
  margin: 0px 1px 0px 0px;
  height: 14px;
}
button {
  font-size: 12px;
  height: 24px;
  white-space: nowrap;
}
input[type="text"] {
  border: 1px solid #aaa;
  background-image: none;
}
table#week_calendar input[type="text"]:focus {
  border: 1px solid #aaa !important;
}
select {
  font-size: 10px;
  vertical-align: middle;
  padding: 0;
  margin: 0 0 2px 0;
  border: 1px solid #aaa;
  min-width: 65px;
}
select.instance {
    height: 15px;
    min-width: 100px;
    font-size: 11px;
    vertical-align: middle;
    border: 1px solid #C3C8D1;
    padding-left: 4px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 17px;
    background: url(../images/arrow_down_grey.svg) no-repeat right;
    -webkit-appearance: none;
    background-size: 10px 10px;
    background-position-x: calc(100% - 3px);
    background-color: white;
  }
.x-ie select {
  font-size: 10px;
  vertical-align: middle;
  padding: 0;
  margin: 0 2px 2px 0;
}
img {
  border: 0;
}
img.button
{
  cursor: pointer;
  vertical-align: middle;
  padding: 2px;
}
.right {
  text-align: right;
}
.center {
  text-align: center;
}
.head-frame {
  background-color: #c5c400;
  height: 40px;
}
.content {
  border-left: 0;
  border-right: 0;
  padding: 4px;
  vertical-align: top;
  overflow-y: auto;
  height: calc(100vh - 43px);
}
.content-with-tabs {
  border-left: 0;
  border-right: 0;
  padding: 4px;
  vertical-align: top;
  overflow-y: auto;
  height: calc(100vh - 43px);
  background-color: #F3F3F3;
}
.content-tabs {
  border-left: 0;
  border-right: 0;
  padding: 0;
  vertical-align: top;
  overflow-y: none;
  height: calc(100vh);
  background-color: #F3F3F3;
  }
.content-with-tabs .content {
  overflow-y: unset;
  height: unset;
}
div.frameset {
  border-right: 6px solid #eee;
  border-bottom: 6px solid #eee;
}
table.frameset td.frame {
  padding: 0;
  height: 100%;
}
div.frameset div.content {
  border-left: 6px solid #eee;
  border-top: 6px solid #eee;
  border-right: 0px solid #eee;
  border-bottom: 0px solid #eee;
  height: 100%;
}
span.main-date {
  font-size: 12px;
  margin: 0px 0px 0px 4px;
  vertical-align: top;
  min-width: 40px;
  color: #757575;
}
table#Attest_User_Menu td.nowrap,
table#Attest_User_Menu .right {
  white-space: nowrap;
}
table#week_calendar:not(.day_view) input.mt-distance, table#week_calendar:not(.day_view) input.mt-regtime {
  border: 0px;
  background-color: transparent;
}
table#week_calendar {
  min-width: 840px;
}
table#week_calendar .pen {
  position: absolute;
  right: -2px;
  top: 1px;
}
table#week_calendar tr.row-odd .readonly {
  background: #BBBBBB;
}
table#week_calendar tr.row .readonly {
  background: #DDDDDD;
}
table#week_calendar .right-icons {
  float: right;
  padding-top: 5px;
}
table#week_calendar .has_note {
  display: inline;
}
table#week_calendar .has_extra {
  float: right;
  width: 11px;
  height: 11px;
  margin-top: 1px;
  background: url(../images/corner_purple.svg) no-repeat;
}
table#week_calendar .has_lock {
  width: 13px;
  height: 13px;
  margin-top: 1px;
  background: url(../images/lock_purple.svg) no-repeat;
}
table#week_calendar span.right {
  float: right;
}
table#week_calendar a, table#week_calendar .overtime {
  color: #6C5198;
  font-size: 12px;
  font-weight: bold;
}
table#week_calendar .mt-regtime-flex {
  text-align: center;
  height: 12px;
}
table#week_calendar td {
  color: #6C5198;
  border-right: 1px solid #D5C9E1;
}
table#week_calendar td.project_total {
  font-weight: bold;
}
table#week_calendar th {
  border-right: 1px solid #D5C9E1;
}
table#week_calendar tr.row td.me, table#week_calendar tr.row-odd td.me {
  background-color: transparent;
}
table#week_calendar .no-border, table#week_calendar .spacer td,
table#week_calendar .tl, table#week_calendar .tm, table#week_calendar .tr, table#week_calendar .te,
table#week_calendar .hl, table#week_calendar .hr, table#week_calendar .he,
table#week_calendar .ml, table#week_calendar .mr, table#week_calendar .me,
table#week_calendar .bl, table#week_calendar .br, table#week_calendar .be,
table#week_calendar .bl2, table#week_calendar .br2, table#week_calendar .be2
{
  border: none;
}
table#week_calendar .ellipsis {
  font-size: 12.3px;
}
table#week_calendar span.project {
  font-weight: bold;
}
table#week_calendar div.activity, table#week_calendar .overtime {
  margin-left: 30px;
}
.weekday-label {
  margin-top: 10px;
}
.weekday-label-has-extra {
  margin-left: 3px;
}
table#week_calendar th.col-weekday,
table#week_calendar td.col-weekday {
  width: 70px;
}
table#week_calendar th.col-weekday {
  font-weight: normal !important;
}
table#week_calendar th.col-sum,
table#week_calendar td.col-sum {
  width: 70px;
}
@media (min-width: 1300px) {
  table#week_calendar th.col-weekday,
  table#week_calendar td.col-weekday {
  width: 80px;
  }
  table#week_calendar th.col-weekday {
  font-weight: normal !important;
  }
  table#week_calendar th.col-sum,
  table#week_calendar td.col-sum {
  width: 80px;
  }
}
@media (min-width: 1600px) {
  table#week_calendar th.col-weekday,
  table#week_calendar td.col-weekday {
  width: 100px;
  }
  table#week_calendar th.col-weekday {
  font-weight: normal !important;
  }
  table#week_calendar th.col-sum,
  table#week_calendar td.col-sum {
  width: 100px;
  }
}
table#week_calendar td.col-3 {
  width: 48px;
}
table#week_calendar th.col-3 {
  width: 48px;
}
table#week_calendar th.col-4, table#week_calendar td.col-4 {
  width: 80px;
}
@media (min-width: 1280px) {
 table#week_calendar th.col-4, table#week_calendar td.col-4 {
   width: 110px;
 }
}
table#week_calendar th.col-5, table#week_calendar td.col-5 {
  width: 120px;
}
table#week_calendar.day_view .mt-regtime,
table#week_calendar.day_view .mt-regtime-flex {
  float: left;
  width: 60px;
  text-align: left;
  margin: 2px 10px 2px 0px;
}
table#week_calendar.day_view .mt-notes {
  float: left;
  width: 360px;
}
table#week_calendar.day_view .mt-field-container {
  float: left;
  margin: 4px 0;
}
table#week_calendar.day_view .mt-ticket {
  width: 120px;
}
table#week_calendar.day_view .mt-billtime {
  width: 60px;
}
table#week_calendar.day_view .center {
  text-align: left !important;
}
table#week_calendar.day_view input[type=text] {
  border-radius: 5px;
}
table#week_calendar.day_view .col-day {
width: 500px;
}
@media (min-width: 1600px) {
table#week_calendar.day_view .col-day {
width: 580px;
}
}
.calendar-background {
  width: 252px;
}
.calendar-background-top {
  background-image: url('../images/calendar/calendar_background_top.png');
  width: 252px;
  padding-top: 15px;
  padding-bottom: 10px;
}
.calendar-background-bottom {
  clear: both;
  background-image: url('../images/calendar/calendar_background_bottom.png');
  background-size: 252px 84px !important;
  width: 252px;
  height: 84px;
}
table.calendar td.day div.has_extra {
  background: transparent 22px 1px url(../images/calendar/corner.png) no-repeat;
}
table.calendar td.day div.locked {
  position: absolute;
  background: #666666;
  opacity: 0.4;
  border-radius: 2px;
  filter: alpha(opacity=50);
  width: 98%;
  height: 94%;
}
.calendar-background .lock {
  position: relative;
  top: 8px;
  left: 16px;
  height: 32px;
}
.calendar-background .lock-month {
  top: 15px;
}
.calendar-background .lock a {
  font-size: 14px;
  font-weight: bold;
  color: #6C5198;
}
.calendar-background .lock a img {
  margin-right: 5px;
  position: relative;
  top: 2px;
}
table.calendar {
  border-collapse: collapse;
  margin-left: 8px;
}
table.calendar tr.selected {
  border: 1px solid #9d9d9d;
}
table.calendar th, table.calendar td {
  height: 22px;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}
table.calendar th {
  font-size: 11px;
}
table.calendar td {
}
table.calendar td.day {
  background-image: url('../images/calendar/milltime_day_grey.svg');
  background-size: 28px 35px;
  width: 28px;
  height: 35px;
  vertical-align: top;
}
table.calendar td.day>div {
  position: relative;
  font-size: 11px;
  font-weight: bold;
  color: #6C5198;
  width: 28px;
  height: 36px;
  overflow: hidden;
}
table.calendar td.day .projtime {
  font-size: 7px;
  font-weight: normal;
}
table.calendar td.day a {
  font-size: 11px;
  font-weight: bold;
  color: #6C5198;
}
table.calendar td.day_red a , table.calendar td.day_green a , table.calendar td.day_blue a,
table.calendar td.day_red div , table.calendar td.day_green div , table.calendar td.day_blue div {
  color: #FFFFFF;
}
table.calendar td.day span {
  top: 2px;
  left: -1px;
  position: relative;
  color: #6C5198;
}
table.calendar td.day_red span.projtime {
  color: #7E3400;
}
table.calendar td.day_green span.projtime {
  color: #347E00;
}
table.calendar td.day_blue span.projtime {
  color: #2667AC;
}
table.calendar td.selected {
  background-color: #aaa;
  border-radius: 4px;
}
table.calendar td.day_red {
  background-image: url('../images/calendar/day_red.png');
  background-size: 28px 35px;
  width: 28px;
  height: 35px;
}
table.calendar td.day_green {
  background-image: url('../images/calendar/milltime_day_green.svg');
  background-size: 28px 35px;
  width: 28px;
  height: 35px;
}
table.calendar td.day_blue {
  background-image: url('../images/calendar/milltime_day_blue.svg');
  background-size: 28px 35px;
  width: 28px;
  height: 35px;
}
table.calendar th.week {
  width: 28px;
}
table.calendar th.year-week {
  width: 54px;
  text-align: left;
  padding-left: 4px;
  padding-right: 4px;
}
table.calendar td.prev-month, table.calendar td.next-month {
  background-image: none;
}
table.calendar td, table.calendar td a {
  text-decoration: none;
}
table.calendar span.holiday, table.calendar td.holiday, table.calendar td.holiday a, table.calendar td.holiday div {
  color: #A00;
}
table.calendar td.selected, span.selected {
  font-size: 12px;
}
span.selected {
  padding: 2px;
  line-height: 19px;
}
table.info {
  margin-top: 0.8em;
}
table.info tr {
  height: 1.25em;
}
table.info td {
  text-align: right;
}
div.float-right.dropdown {
  height: 34px;
}
.dropdown span.x-menu-item-text-default.x-menu-item-indent-no-separator {
  margin-left: 4px;
}
div.dropdown a span.x-btn-inner-default-small {
  font-family: Verdana,Helvetica,Arial,sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
  color: #999999;
}
div.dropdown a span.x-menu-item-text-default {
  font-family: Verdana,Helvetica,Arial,sans-serif;
  font-style: normal;
  font-size: 12px;
  color: #999999;
}
div.dropdown a, div.dropdown a.x-btn-over, div.dropdown a.x-btn.x-btn-default-small.x-btn-menu-active {
  background-color: transparent;
  background-image: none;
}
div.dropdown a.x-btn-pressed {
  background-color: transparent !important;
  background-image: none !important;
}
div.dropdown a.x-btn-pressed span {
  color: #333;
}
div.dropdown div.x-menu-body-default {
  background: #FFF;
}
div.dropdown.x-menu-default {
  border: 1px solid #999999;
  border-radius: 3px;
}
div.dropdown div.x-menu-item-active {
  background-color: transparent;
  background-image: none;
  border-color: transparent;
}
div.dropdown a:hover {
 text-decoration: none;
}
.anonymizeDlg div.x-panel-body {
  background: transparent;
}
div.float-left, div.float-right {
  padding: 0 0 0 0;
  height: 20px;
  line-height: 0;
}
div.float-left {
  float: left;
}
div.float-right {
  float: right;
}
div.button-left a, div.button-right a, div.button a {
  background-color: black;
  color: white;
  font-size: 10px;
  font-weight: 500;
  text-decoration: none;
  padding: 4px 8px 2px 8px;
  margin: 0 4px 0 0;
}
div.button-left, div.button-right, div.button {
  padding: 4px 0 4px 0;
  line-height: 0;
  margin-left: 4px;
}
div.button-left {
  float: left;
}
div.button-right {
  float: right;
}
a.button-right {
  background-color: black;
  color: white;
  text-decoration: none;
  padding: 0;
  margin: 0;
  border-width: 4px 4px 2px 4px;
  border-style: solid;
  border-color: black;
}
.tabs {
  border-style: solid;
  border-color: white;
  position: relative;
  height: 24px;
  font-size: 12px;
  background-color: #ddd;
}
.tabs .tab {
  float: left;
  padding: 4px 8px;
  height: 16px;
  background-color: #ddd;
  border-left: 0 white solid;
  border-right: 3px white solid;
}
.tabs .filler {
  float: left;
  padding: 4px 0px;
  height: 16px;
  background-color: #ddd;
  border-left: 0 white solid;
  border-right: 3px white solid;
}
.tabs .tab.selected {
  background-color: #6c5198;
}
.tabs .tab.selected a {
  color: white !important;
}
.tabs .tab a {
  text-decoration: none;
  padding: 8px;
  font-weight: bold;
  font-family: Helvetica, sans-serif;
  color: #666666 !important;
}
.tabs .tab:hover {
  background-color: #E4DBF4;
}
.tabs .tab.selected:hover {
  background-color: #6c5198;
}
.tabs .tab-bottom-line {
  position: absolute;
  width: 100%;
  margin-top: 32px;
  height: 2px;
  background-color: #6c5198;
  z-index: 1;
}
.list {
  margin-bottom: 2px;
}
.list .head, .list .head td,
.head tr.headings, .head tr.headings td,
.list tfoot tr.headings, .list tfoot tr.headings td {
  background-color: #aa8ebe;
  height: 24px;
  font-weight: 700;
  color: white;
}
.section>.head, .section>.head td,
.section>.head tr.headings, .section>.head tr.headings td,
.section>tfoot tr.headings, .section>tfoot tr.headings td {
  color: black;
}
.list .filter,
.list .filter td
{
  background-color:#dacfe3;
  height:24px;
  font-weight:700;
}
table.list thead tr.filter, table.list thead tr.filter td {
  background-color: #dacfe3;
  padding-top: 2px;
  padding-bottom: 2px;
}
.list caption.pages {
  padding-top: 5px;
  padding-right: 7px;
  caption-side: bottom;
  text-align: right;
  background-color: #b2b2b2;
}
.list .head .col {
  font-weight: 700;
}
.list span.sort {
  font-size: 120%;
}
table.list tr.subheadings, table.list tr.subheadings td, table.list tr.subheadings th {
  font-weight: 700;
  color: white;
  background-color: #888;
  vertical-align: middle !important;
  padding-top: 0px;
  padding-bottom: 0px;
  height: 24px;
}
tbody.head,
tbody>tr.headings:first-child td,
tbody>tr.subheadings:first-child td,
tfoot tr.headings, tfoot tr.headings td {
  border-top: 2px solid white;
}
.list .head a, .list .head td a,
tr.headings a, tr.subheadings a {
  color: white;
  text-decoration: none;
}
.list .head a:hover, .list .head td a:hover,
tr.headings a:hover, tr.subheadings a:hover {
  text-decoration: underline;
}
.section .head a, .section .head td a {
  color: #000000;
}
.section .head a:hover, .section .head td a:hover {
  text-decoration: underline;
}
tr.subheadings + tr.subheadings td {
  padding-top: 0;
}
thead.head,
tr.headings,
tr.headings td.hm {
  vertical-align: middle !important;
  padding-top: 0px;
  padding-bottom: 0px;
  height: 34px !important;
}
.list .filter input[type="checkbox"]{
  width: auto;
  padding-left: 0;
  border-left: 0;
  margin-left: 0;
}
.list tr.filter td input {
  margin-top: 2px;
  margin-bottom: 2px;
}
.list .pages input.mt-page {
  text-align: right;
  padding-right: 4px;
 width: 30px;
}
.list tr td {
  padding: 4px;
}
.list td.layout {
  padding: 0;
}
.list td input.fill {
  width: 100%;
}
.list tr.row, .list tr.row td, .list tr.edit.even, .list tr.edit.even td {
  background-color: #ffffff;
}
.list tr.row-odd, .list tr.row-odd td {
  background-color: #F1EDF5;
}
.list tr.row.odd, .list tr.row.odd td {
  background-color: #F1EDF5;
}
.list .row > .col-1, .list .row-odd > .col-1 {
  font-weight: 700;
}
.list .row.odd + .row.odd td,
.list .row.even + .row.even td
{
  padding-top: 0;
}
table.form tr.row th, table.form tr.row td {
  background-color: white;
}
table.form tr.row-odd th, table.form tr.row-odd td {
  background-color: #eeeeee;
}
.x-ie table.form tr.row-odd td, .x-ie table.form tr.row-odd th {
  background-color: #eeeeee;
}
table.form-base td.form-base {
  padding-top: 14px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
}
div.form {
  border: 1px solid #aaaaaa;
  margin-bottom: 3px;
}
div.form-part {
  margin-bottom: 3px;
}
div.form .title {
  background-color: #fff;
  color: #6C5198;
  font-family: Verdana,Helvetica,Arial,sans-serif;
  font-size: 12px;
  font-weight: 700;
  padding: 3px 0 1px 4px;
  height: 26px;
}
div.form .title2 {
  background-color: #fff;
  color: #6C5198;
  font-family: Verdana,Helvetica,Arial,sans-serif;
  font-size: 12px;
  font-weight: 700;
  padding: 2px 0 1px 0px;
  height: 32px;
  display: inline-flex;
  width: 100%;
}
div.form .title2 > p {
  padding: 5px 0px 0px 4px;
}
div.form table.section .hm .title {
  background-color: transparent;
  color: black;
  border: none;
  padding: 5px;
}
div.form table.section .hm .title_mt {
  padding-top: 0px !important;
}
div.form table.section .title h2 {
  top: 5px;
  position: relative;
  display: inline;
}
div.form-part .big-label {
  display: inline-block;
  font-size: 15px;
  width: 180px;
}
 div.form-part .title {
   background-color: white;
   color: #000;
   font-family: Verdana,Helvetica,Arial,sans-serif;
   font-size: 12px;
   font-weight: 700;
   border-bottom: 1px solid #333333;
   padding: 13px 0px 0px 3px;
   height: 18px;
 }
div#form_LockData table tr.foot {
  background-color: white;
}
div#form_LockData table tr.foot td{
  padding-top:4px;
}
div.form div.tools {
  background-color: #fff;
  color: #6C5198;
  font-family: Verdana,Helvetica,Arial,sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-align: right;
}
div.form div.tools2 {
  background-color: #fff;
  color: #6C5198;
  font-family: Verdana,Helvetica,Arial,sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-align: right;
  width: 100%;
  margin-right: 5px;
}
div.form div.tools2Top {
  background-color: #fff;
  color: #6C5198;
  font-family: Verdana,Helvetica,Arial,sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-align: right;
  width: 646px;
  margin-right: 5px;
}
div.form table.section div.tools, div.form table.section div.tools2 {
  background-color: transparent;
  border: none;
}
div.form div.tools a {
  color: white;
  font-size: 10px;
  font-weight: 500;
  text-decoration: none;
}
div.tabs div.title div.buttons {
  float: right;
}
div.form div.title div.buttons {
  float: right;
}
div.tabs div.title div.buttons a,
div.form div.title div.buttons a {
  color: white;
  font-size: 10px;
  font-weight: 500;
  text-decoration: none;
}
div.form table.form th {
  text-align: left;
  vertical-align: baseline;
  padding: 4px;
  width: 11em;
  border-left: 1px solid white;
}
table.list td.colgroup-start {
  border-left: 1px solid white;
}
div.form table.form>tbody>tr>td {
  vertical-align: baseline;
  padding: 4px;
}
div.form table.form.twocolumn>tbody>tr>td {
  width: 45%;
}
div.form table.form td .label {
  display: block;
  xxx-padding-top: 4px;
}
div.form table.form th[colspan],
div.form table.form td[colspan] {
  width: auto;
}
div.form table.form span.invalid {
  vertical-align: bottom;
}
div.form table.form span.valid {
  vertical-align: bottom;
}
div.form table.form textarea {
  float: left;
  width: 95%;
}
span.datalabel {
  padding-left: 10px;
  padding-right: 6px;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}
span.datavalue {
  padding-right: 12px;
  font-size: 12px;
  white-space: nowrap;
}
span.mt-unit {
  display: block;
  float: right;
  width: 25px;
  text-align: left;
  padding-left: 3px;
}
span.validation {
  width: 16px;
}
div.mt-week,
div.mt-month,
div.mt-text {
  text-align: left;
}
div.mt-items,
div.mt-clock,
div.mt-distance,
div.mt-regtime {
  text-align: right;
}
input.mt-week,
input.mt-month {
  width: 60px;
  text-align: left;
  padding-right: 4px;
}
input.mt-text {
  text-align: left;
  padding-right: 4px;
}
input.mt-items,
input.mt-clock,
input.mt-distance,
input.mt-regtime,
input.mt-money {
  width: 50px;
  text-align: right;
  padding-right: 4px;
}
table#ReportRows input.mt-items,
table#ReportRows input.mt-clock,
table#ReportRows input.mt-distance,
table#ReportRows input.mt-regtime,
table#ReportRows input.mt-money {
  width: calc(100% - 8px);
}
input.mt-days {
  width: 45px;
  text-align: right;
  padding-right: 4px;
}
div.mt-items span.mt-unit,
div.mt-clock span.mt-unit,
div.mt-distance span.mt-unit,
div.mt-regtime span.mt-unit,
div.mt-money span.mt-unit {
}
div.mt-items div.mt-input,
div.mt-clock div.mt-input,
div.mt-distance div.mt-input,
div.mt-regtime div.mt-input,
div.mt-money div.mt-input,
div.mt-items div.mt-value,
div.mt-clock div.mt-value,
div.mt-distance div.mt-value,
div.mt-regtime div.mt-value,
div.mt-money div.mt-value
 {
  margin-right: 33px;
}
strong+span.button input.mt-items,
strong+span.button input.mt-clock,
strong+span.button input.mt-distance,
strong+span.button input.mt-regtime,
strong+span.button input.mt-money {
  width: auto;
}
input.mt-notes {
  width: 130px;
  padding-right: 1px;
}
input.manually-changed {
   font-style: italic;
}
div.mt-field input.mt-notes.empty {
  color: #999;
}
span.mt-label {
  font-size: 9px;
}
div.day-icons {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -8px;
}
img.day-icon {
  margin-left: 1px;
}
td.filter-date,
td.filter-customer,
td.filter-project,
td.filter-phase,
td.filter-activity {
  height: 18px;
  padding-right: 5px;
}
.filter-customer table.mt-cb,
.filter-project table.mt-cb,
.filter-phase table.mt-cb,
.filter-activity table.mt-cb {
  width: 200px;
}
td.filter-button a {
  background-color: black;
  color: white;
  font-size: 10px;
  font-weight: 500;
  text-decoration: none;
  height: 14px;
  padding: 3px 7px 3px 7px;
  margin: 0px;
}
div.mt-field {
  display: inline;
  white-space: nowrap;
  float: left;
  margin-right: 6px;
  font-size: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.mb-usernote {
  width: 100%;
  overflow: hidden;
  word-wrap: break-word;
}
div.mt-field div.overflow {
  float: right;
  width: 10px;
}
span.mt-value.overflow {
  display: block;
  overflow: hidden;
}
td.tools-pre,
td.tools-post {
  white-space: nowrap;
}
td.tools-pre input[type=checkbox],
td.tools-pre a {
  margin-right: 5px;
}
td.tools-post a {
  margin-left: 5px;
}
.ellipsis {
  width: 100%;
  display: inline;
  white-space: nowrap;
  float: left;
  margin-right: 6px;
  font-size: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ellipsis div.overflow {
  float: right;
  width: 10px;
}
span.mt-value.overflow {
  display: block;
  overflow: hidden;
}
span.mt-label {
  font-size: 9px;
}
span.mt-value {
}
.milltime-menu {
  line-height: 0;
}
.milltime-menu .logo-text-new {
  font-family: "Franklin Gothic Heavy";
  font-size: 21px;
  font-weight: 900;
  font-style: normal;
  color: #6c5198;
  text-transform: uppercase;
  vertical-align: middle;
}
body #ajax-loader {
  z-index: 2;
  position: absolute;
  top: 14px;
  left: 240px;
  display: none;
 width: 32px;
 height: 32px;
 background-image: url(../images/ajax-loader-p.gif);
}
table.milltime-menu {
  background-color: #6c5198;
  height: 58px;
  width: 100%;
  line-height: 0;
}
table.milltime-menu.new-design {
  background-color: #FFFFFF;
  white-space: nowrap;
}
tr.milltime-menu.new-design {
  height: 0;
}
table.milltime-menu.new-design > tbody > tr{
    height: 58px;
}
table.milltime-menu.new-design > tbody > tr.menufooter{
    height: 20px;
    background: rgb(115,115,115);
    background: linear-gradient(360deg, rgba(115,115,115,1) 0%, rgba(249,246,254,1) 3%, rgba(249,246,254,1) 100%);
    vertical-align: top;
    margin-bottom: 2px;
    padding-right: 5px;
}
table.milltime-menu.new-design > tbody > tr.menufooter > td.right {
    padding-right: 15px;
    padding-top: 2px;
}
table.milltime-menu.new-design > tbody > tr.menufooter > td > div > * {
    padding-left: 7px;
}
table.milltime-menu.new-design > tbody > tr.menufooter > td > div img{
    vertical-align: sub;
}
table.milltime-menu.new-design > tbody > tr.menufooter > td > div > span.euser{
    padding-left: 3px;
}
table.milltime-menu.new-design table.action-buttons td {
  text-align: center;
  font: normal normal 700 10px FONTS;
  text-decoration: none;
  text-transform: none;
  height: 24px;
  background-color: transparent;
  padding: 0;
  padding-right: 6px;
  border-left: none;
}
table.milltime-menu.new-design table.action-buttons td,
table.milltime-menu.new-design table.action-buttons td a {
  color: #666666;
}
table.milltime-menu.new-design table.action-buttons td.selected a {
  color: #FFFFFF;
}
table.milltime-menu.new-design table.action-buttons td.mainmenugray a {
  height: 100%;
  width: 100%;
}
table.milltime-menu.new-design table.action-buttons a.submenu_selected {
  color: #6c5198;
}
table.milltime-menu.new-design table.action-buttons a.submenu_selected > span {
  background-color: #6C5198;
  border-radius: 3px;
  color: white;
}
table.milltime-menu.new-design table.action-buttons a > span {
  padding: 5px 10px 5px 10px;
}
table.milltime-menu.new-design table.action-buttons td.selected {
  background-color: #6c5198;
}
table.milltime-menu.new-design table.action-buttons td.mainmenugray.selected:hover {
  background-color: #6c5198;
}
table.milltime-menu.new-design table.action-buttons td.mainmenugray {
  height: 43px;
  width: 50px;
  display: inline-block;
  border-radius: 3px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px 22px;
  margin-right: 6px;
}
table.milltime-menu.new-design table.action-buttons td.mainmenugray:hover {
  background-color: #E4DBF4;
  color: rgb(51,51,51);
  opacity: 1;
}
table.milltime-menu.new-design table.action-buttons td.selected.menu_millbill {
    background-image: url(../images/millbill_purple.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px 25px;
}
table.milltime-menu.new-design table.action-buttons td.mainmenugray.menu_millbill {
    background-image: url(../images/millbill_purple.svg);
}
table.milltime-menu.new-design table.action-buttons td.mainmenugray.menu_milltime {
    background-image: url(../images/time_purple.svg);
}
table.milltime-menu.new-design table.action-buttons td.mainmenugray.menu_admin {
    background-image: url(../images/admin_purple.svg);
}
table.milltime-menu.new-design table.action-buttons td.mainmenugray.menu_analyze {
    background-image: url(../images/analys_purple.svg);
}
table.milltime-menu.new-design table.action-buttons td.mainmenugray.menu_millbill.selected {
    background-image: url(../images/millbill_inv.svg);
}
table.milltime-menu.new-design table.action-buttons td.mainmenugray.menu_milltime.selected {
    background-image: url(../images/time_inv.svg);
}
table.milltime-menu.new-design table.action-buttons td.mainmenugray.menu_admin.selected {
    background-image: url(../images/admin_inv.svg);
}
table.milltime-menu.new-design td.left-icon {
    height: 38px;
    width: 38px;
    padding-left: 12px;
    padding-right: 12px;
}
table.milltime-menu.new-design table.action-buttons a {
  line-height: 24px;
  text-align: center;
  font-family: Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  text-decoration: none;
  text-transform: capitalize;
}
table.milltime-menu.new-design table.action-buttons a.submenu_selected {
    font-weight: 500;
}
table.milltime-menu.new-design table.action-buttons td.submenu:hover a:not(.submenu_selected) span {
  background-color: #E4DBF4;
  border-radius: 3px;
}
table.milltime-menu table.action-buttons {
  right: 5px;
  z-index: 2;
}
div.page-tabs > div.menu-footer {
    display: inline-block;
    float: right;
    vertical-align: middle;
}
div.page-tabs > div.menu-footer > div{
    display: inline;
}
table.milltime-menu.new-design td.milltime-menu {
  vertical-align: middle;
}
table.milltime-menu td {
  border: 0;
  margin: 0;
  padding: 0;
}
table.milltime-menu table.milltime-menu-buttons td {
  background-color: #8b7c9a;
  border-left: #fff 2px solid;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}
table.milltime-menu table.milltime-menu-buttons {
  background-color: transparent;
}
table.milltime-menu table.milltime-menu-buttons td {
 text-align: center;
 font: normal normal 700 10px Verdana,Helvetica,Arial,sans-serif;
 text-decoration: none;
 text-transform: none;
 background-color: transparent;
 padding-left: 3px;
 border-left: 0;
}
table.milltime-menu table.milltime-menu-buttons td,
table.milltime-menu table.milltime-menu-buttons td a {
 color: black;
}
table.milltime-menu table.milltime-menu-buttons td a {
 font-size: 90%;
 display: block;
 text-align: center;
 font: normal normal 700 14px Arial,Helvetica,sans-serif;
 text-decoration: none;
 text-transform: uppercase;
}
table.milltime-menu table.milltime-menu-buttons td a.selected {
  background-color: white;
}
.alert, .alert>a {
  color: red;
  font-weight: bold;
}
div.error {
 background: #ffcfc0 url(../images/exclamation.png) center no-repeat;
 background-position: 15px 50%;
 text-align: left;
 padding: 5px 20px 5px 45px;
 border-top: 2px solid #ff5314;
 border-bottom: 2px solid #ff5314;
 margin: 0.5em 0 1em 0;
 }
div.warning {
 background: #fff6bf url(../images/exclamation.png) center no-repeat;
 background-position: 15px 50%;
 text-align: left;
 padding: 5px 20px 5px 45px;
 border-top: 2px solid #ffd324;
 border-bottom: 2px solid #ffd324;
 margin: 0.5em 0 1em 0;
 }
div.info {
 background: #f8fafc url(../images/information.png) center no-repeat;
 background-position: 15px 50%;
 text-align: left;
 padding: 5px 20px 5px 45px;
 border-top: 2px solid #b5d4fe;
 border-bottom: 2px solid #b5d4fe;
 margin: 0.5em 0 1em 0;
 }
.project-member select {
  width: 35em;
}
div.mt-date
{
  position: relative;
  display: inline;
  white-space: nowrap;
}
div.mt-datepicker
{
  position: absolute;
  z-index: 1;
  top: 100%;
  right: 0px;
  width: auto;
  height: auto;
  outline: none;
}
div.mt-datepicker td{
  overflow: auto;
}
table.workpref td, table.workpref th
{
 white-space: nowrap;
}
table.workpref tr.week-top td, table.workpref tr.week-top th
{
 border-top: solid white 2px;
 padding-top: 5px;
}
table.workpref tr.week-bottom td, table.workpref tr.week-bottom th
{
 padding-bottom: 5px;
}
table.workpref th, table.workpref td
{
 height: 20px;
 text-align: center;
 padding-left: 0;
 padding-right: 0;
}
table.workpref th
{
 background-color: #ddd;
 font-size: 9px;
}
table.workpref td
{
 background-color: #f4f4f4;
}
table.workpref th.year-week
{
 text-align: left;
 padding-left: 4px;
 padding-right: 4px;
}
table.workpref td.period
{
 width: 20px;
 padding-left: 4px;
 padding-right: 4px;
}
table.workpref th.set-clear, table.workpref td.set-clear
{
 padding-left: 4px;
 padding-right: 4px;
}
table.workpref th.day, table.workpref td.day
{
 border-left: solid white 2px;
 text-align: left;
 padding-left: 4px;
 padding-right: 4px;
}
table.workpref th.day table
{
 width: 100%;
}
table.workpref th.day td
{
 background-color: #ddd;
}
table.workpref th.day td.week
{
 text-align: left;
}
table.workpref th.day td.set-clear
{
 text-align: right;
}
table.workpref td.day
{
 padding-left: 3px;
}
table.workpref td.prev-month
{
 background-color: #e6e6e6;
}
table.workpref td.selected
{
 background-color: #ffcd63 !important;
}
div.mt-cb-ro, table.mt-cb, table.mt-cb tr, table.mt-cb td, div.mt-cb-panel-filter, td.mt-cb-down img
{
 margin: 0px 0px 0px 0px!important;
 padding: 0px 0px 0px 0px!important;
}
div.mt-cb-ro, table.mt-cb
{
 height: 16px;
 border: 1px solid #aaa;
}
.readonly div.mt-cb-ro
{
 height: 16px;
 border: 0px;
}
div.mt-cb-ro
{
 font-size: 10px;
}
table.mt-cb
{
 table-layout: fixed;
 font-weight: normal;
}
table.mt-cb:focus
{
 outline: #333 dotted 1px;
}
table.mt-cb, table.mt-cb td, table.mt-cb tr
{
 font-size: 6px;
 line-height: 6px;
 height: 16px;
}
table.mt-cb td
{
 background-color: white!important;
}
table.mt-cb td.mt-cb-text
{
 font-size: 10px;
 line-height: 10px;
 width: 100%;
 text-align: left;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 padding: 0px 2px 0px 2px!important;
 cursor: default;
}
table.mt-cb td.mt-cb-down, table.mt-cb td.mt-cb-down img
{
 width: 16px;
 height: 16px;
 border: 0px;
}
div.mt-cb-panel-hidden
{
 display: none;
}
div.mt-cb-panel
{
 font-size: 10px;
 line-height: 10px;
 position: absolute;
 z-index: 99;
 min-width : 200px;
 outline: none;
 background-color: white;
 border: 1px solid black;
 text-align: left;
 cursor: default;
 font-weight: normal;
 overflow-x: visible;
}
div.mt-cb-panel div.mt-cb-panel-filter
{
 border-bottom: 1px solid yellow;
 background-color: #FFFFC0;
 padding: 2px 3px 0px 3px!important;
 height: 16px;
}
div.mt-cb-panel div.mt-cb-panel-filter span
{
 color: red;
}
div.mt-cb-panel div.mt-cb-panel-list
{
 overflow-x: visible;
 overflow-y: scroll;
 padding: 1px 1px 0px 1px;
 white-space: nowrap!important;
}
div.mt-cb-optindent
{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 6px;
}
div.mt-cb-optgroup, div.mt-cb-option
{
 padding: 0px 3px 0px 3px;
 white-space: nowrap!important;
}
div.mt-cb-optgroup
{
 font-weight: bold;
}
div.mt-cb-option
{
}
div.mt-cb-option.mt-cb-action
{
  font-style: italic;
}
div.mt-cb-option.focus
{
 background-color: #aaa;
}
div.mt-cb-option:hover
{
 background-color: #ddd;
}
select.mt-cb-sel
{
 height: 0px;
 width: 1px;
 position: absolute;
 left: -999em;
}
table.mt-cb td.mt-cb-drop
{
 width: 0px;
}
.internaldata {
  display: none;
}
table.section tr {
  height: auto;
}
table.section .tl, table.section .tm, table.section .tr, table.section .te {
  line-height: 0px;
  padding: 0px !important;
  height: 6px;
}
table.section .tr, table.section .hr, table.section .hr2, table.section .mr, table.section .br, table.section .br2, table.section .br4 {
  background-repeat: repeat-y;
}
table.section .tl {
  background-image: url('../images/section/section_tl.png');
  width: 8px;
}
table.section .tm {
  background-image: url('../images/section/section_tm.png');
}
table.section .tr {
  background-image: url('../images/section/section_tr.png');
  width: 8px;
}
table.section .hl {
  background-image: url('../images/section/section_hl.png');
  width: 8px;
  height: 34px;
  padding: 0px !important;
}
table.section .hm h1 {
  font-size: 12px;
}
table.section .hm {
  background-image: url('../images/section/section_hm.png');
  height: 34px;
  padding: 0 5px !important;
}
table.section .hm-image {
  background-image: url('../images/section/section_hm.png');
  height: 34px;
  padding: 0px 1px 0px 0px !important;
}
table.section .hr {
  background-image: url('../images/section/section_hr.png');
  width: 8px;
  height: 34px;
  padding: 0px !important;
}
table.section .hl2 {
  background-image: url('../images/section/section_hl2.png');
  width: 8px;
  height: 34px;
  padding: 0px !important;
}
table.section .hm2 {
  background-image: url('../images/section/section_hm2.png');
  height: 34px;
  padding: 0 4px !important;
}
table.section .hr2 {
  background-image: url('../images/section/section_hr2.png');
  width: 8px;
  height: 34px;
  padding: 0px !important;
}
table.section .ml {
  background-image: url('../images/section/section_ml.png') !important;
  width: 8px;
  padding: 0px !important;
}
table.section .mm {
  padding: 0 5px;
  background-repeat: repeat-x;
  background-color: #ffffff;
}
table.section .mr {
  background-image: url('../images/section/section_mr.png') !important;
  width: 8px;
  padding: 0px;
}
table.section .bl {
  background-image: url('../images/section/section_bl.png');
  width: 8px;
  height: 36px;
  padding: 0px;
}
table.section .bm {
  background-image: url('../images/section/section_bm.png');
  height: 36px;
  padding: 0 5px;
}
table.section .br {
  background-image: url('../images/section/section_br.png');
  width: 8px;
  height: 36px;
  padding: 0px;
}
table.section .bl2 {
  background-image: url('../images/section/section_bl2.png');
  width: 8px;
  height: 31px;
  padding: 0px;
}
table.section .bm2 {
  background-image: url('../images/section/section_bm2.png');
  height: 31px;
  padding: 0 5px;
}
table.section .br2 {
  background-image: url('../images/section/section_br2.png');
  width: 8px;
  height: 31px;
  padding: 0px;
}
table.section .bl3 {
  background-image: url('../images/section/section_bl3.png');
  width: 8px;
  height: 31px;
  padding: 0px;
}
table.section .bm3 {
  background-image: url('../images/section/section_bm3.png');
  height: 31px;
  padding: 0 5px;
}
table.section .br3 {
  background-image: url('../images/section/section_br3.png');
  width: 8px;
  height: 31px;
  padding: 0px;
}
table.section .bl4 {
  background-image: url('../images/section/section_bl4.png');
  width: 8px;
  height: 8px;
  padding: 0px;
  background-size: 8px 8px;
}
table.section .bm4 {
  background-image: url('../images/section/section_bm4.png');
  height: 8px;
  padding: 0px;
  background-size: 1px 8px;
  vertical-align: top;
}
table.section .br4 {
  background-image: url('../images/section/section_br4.png');
  width: 8px;
  height: 8px;
  padding: 0px;
  background-size: 8px 8px;
}
table.section .bl5 {
  background-image: url('../images/section/section_bl5.png');
  width: 8px;
  height: 31px;
  padding: 0px;
}
table.section .bm5 {
  background-image: url('../images/section/section_bm5.png');
  height: 31px;
  padding: 0 5px;
}
table.section .br5 {
  background-image: url('../images/section/section_br5.png');
  width: 8px;
  height: 31px;
  padding: 0px;
}
table.section .hl, table.section .hr,
table.section .ml, table.section .mr {
  background-color: #F3F3F3 !important;
}
table#week_calendar tr.row td,
table#week_calendar tr.row th {
  background-color: #FFFFFF;
}
table#week_calendar tr.row-odd td,
table#week_calendar tr.row-odd th{
  background-color: #F1EDF5;
}
table#week_calendar tr.project.row td.locked,
table#week_calendar tr.project.row th.locked {
  background-color: #c7c7c7;
}
table#week_calendar tr.project.row-odd td.locked,
table#week_calendar tr.project.row-odd th.locked{
  background-color: #D8D8D8;
}
table#week_calendar tr.activity td.locked,
table#week_calendar tr.activity th.locked {
  background-color: #e2e2e2;
}
table#week_calendar td.today,
table#week_calendar th.today {
  border: #5099d3 solid;
  border-width: 0px 3px 0px 3px;
}
table#week_calendar th.not-today {
  font-weight: normal !important;
}
table#week_calendar td.tm.today {
  background-color: #5099d3;
  background-image: none;
}
table#week_calendar th.bm2.today {
  height: 28px;
  border: #5099d3 solid;
  border-width: 0px 3px 3px 3px;
}
.footer-link a {
  font-size: 12px;
  font-weight: bold;
  color: #6C5198;
}
.footer-link img {
  position: relative;
  top: 3px;
  margin-right: 4px;
}
.footer-link-total {
  float: right;
  margin-top: 2px;
}
table#week_calendar td.col-3 .right-link img {
  margin-right: 2px;
}
table#week_calendar .planning-header {
  color: #4d4d4d;
  font-size: 11px;
  font-weight: bold;
}
table#week_calendar .planning-link {
  font-size: 11px;
}
table#week_calendar .planning-exceeded {
  color: #E3312B;
}
form#mt_info_form table.section {
  width: 252px;
}
a.button_lmr {
  display: inline-block;
  margin-right: 5px;
  border: 2px solid transparent;
}
a.button_hover {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
a.selected{
  border: 2px solid #9f84be !important;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
a.button_lmr span.button_l {
  background-image: url('../images/button_l.png');
  width: 4px;
  height: 20px;
  display: inline-block;
  float: left;
}
a.button_lmr span.button_m {
  background-image: url('../images/button_m.png');
  color: #000000;
  height: 12px;
  padding: 4px;
  display: inline-block;
  float: left;
  font-size: 12px;
}
a.button_lmr span.button_r {
  background-image: url('../images/button_r.png');
  width: 4px;
  height: 20px;
  display: inline-block;
  float: left;
}
form#add-activity-form input[type="button"] {
  height: 13px;
}
.expand-arrowright {
  background-image: url('../images/expand_arrowright.png');
  width: 12px;
  height: 12px;
  float: left;
  margin-top: 0px;
  margin-right: 5px;
}
.expand-arrowdown {
  background-image: url('../images/expand_arrowdown.png');
  width: 12px;
  height: 12px;
  float: left;
  margin-top: 0px;
  margin-right: 5px;
}
.expand-arrowright-2 {
  background-image: url('../images/minimize-arrow-right.svg');
  background-repeat: no-repeat;
  background-position: center;
  width: 12px;
  height: 12px;
  float: left;
  margin-top: 1px;
  margin-right: 5px;
}
.expand-arrowdown-2 {
  background-image: url('../images/expand-arrow.svg');
  background-repeat: no-repeat;
  background-position: center;
  width: 12px;
  height: 12px;
  float: left;
  margin-top: 1px;
  margin-right: 5px;
}
div.top-buttons {
 height: 26px;
}
div.page-tabs {
 background: white;
 border-bottom: 1px solid #CCC;
  padding-top: 0px;
}
div.page-tabs .tab {
  font: bold 14px Verdana, Helvetica, Arial, sans-serif;
 position: relative;
 margin-left: 12px;
 line-height: 24px;
 color: #6c5198;
 display: inline-block;
  margin-top: 8px;
}
div.page-tabs .tab a {
 line-height: 24px;
 color: #666666;
  text-decoration: none;
  display: inline-block;
  position: absolute;
  text-align: center;
  top: 0;
  left: 0;
  right: 0;
  font-size: 14px;
  font-weight: normal;
  padding-bottom: 2px;
}
div.page-tabs .tab a:hover {
  color: #6c5198;
  border-bottom: 2px solid #6C5198;
  padding-bottom: 0px;
}
div.page-tabs .tab .m {
 line-height: 24px;
  border-bottom: 2px solid #6C5198;
  height: 100%;
  color: #6c5198;
  cursor: default;
}
div.page-tabs div.help-icon {
 margin-left: 50px;
 padding-top: 6px;
 float: left;
}
div#drivelog_main_div, div#expenses_main_div, div#articles_main_div, div#allowances_main_div, div#myplanning_main_div {
 min-width: 1180px;
}
div#page-drivelogs, div#page-expenses, div#page-articles, div#page-allowances, div#page-projplans, div#page-anonymization {
  margin: 10px 10px 5px 10px
}
div#drivelog, div#articles, div#expenses {
 width: 550px;
 height: 380px;
}
.x-action-col-cell .delete-col
{
    cursor: pointer;
    width: 16px !important;
    height: 16px !important;
    background-image: url("../images/delete.svg") !important;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    margin-left: 0px !important;
    padding-left: 0px !important;
    margin-right: 0px !important;
    padding-right: 0px !important;
}
.x-action-col-cell img.favorite-col
{
    cursor: pointer;
    background-image: url("../images/star_yellow.svg");
    background-repeat: no-repeat;
    background-size: 16px;
}
.x-action-col-cell .empty-col
{
    width: 0px !important;
    padding: 0px !important;
    margin: 0px !important;
}
.x-action-col-cell .locked-col
{
    cursor:pointer;
    width:16px !important;
    height:16px !important;
    background-image: url("../images/lock_purple.svg");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    margin-left: 1px !important;
}
.x-action-col-cell .approve-col
{
    cursor: pointer;
    width: 16px !important;
    height: 16px !important;
    background-image: url("../images/approve_check.svg");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    margin-left: 1px !important;
}
div#expense_detail_panel {
 height: auto !important;
}
.grid-action-icon-expense {
    margin-right: 10px !important;
    cursor: pointer !important;
    height: 20px !important;
}
div#select-additions-projects .x-grid-header-row,
div#D_select-project .x-grid-header-row,
div#P_select-project .x-grid-header-row,
div#PA_select-project .x-grid-header-row,
div#select-project-body .x-grid-header-row {
 height: 0;
}
a.left-arrow {
    background-image: url("../images/left_normal.png");
    width: 17px;
    height: 16px;
}
a.left-arrow:hover {
    background-image: url("../images/left_mouseover.png");
}
a.right-arrow {
    background-image: url("../images/right_normal.png");
    width: 17px;
    height: 16px;
}
a.right-arrow:hover {
    background-image: url("../images/right_mouseover.png");
}
a.far-left-arrow {
    background-image: url("../images/far_left_normal.png");
    width: 17px;
    height: 16px;
}
a.far-left-arrow:hover {
    background-image: url("../images/far_left_mouseover.png");
}
a.far-right-arrow {
    background-image: url("../images/far_right_normal.png");
    width: 17px;
    height: 16px;
}
a.far-right-arrow:hover {
    background-image: url("../images/far_right_mouseover.png");
}
div#form_LockData #note_1 {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 18px;
}
.remove_file_btn {
    background-image: url(../images/delete.svg) !important;
    background-repeat: no-repeat !important;
    width: 16px !important;
    height: 16px !important;
    border: none !important;
}
.orderby_arrow {
 font-size: 15px;
}
.orderby_arrow_img{
    width:15px;
    height:5px;
    margin:0px;
}
.required_column {
    margin-right: 20px;
}
.required_column_star {
    width: 15px;
    float: right;
}
.x-boundlist .x-boundlist-item .searchMatch,
.x-grid-cell .searchMatch {
    font-weight: bold;
}
.x-grid-table tr {
    height: auto;
}
div#admin_project_select {
    min-width: 950px;
}
.grid-action-icon {
    margin-right: 10px;
    cursor: pointer;
}
.tab-content-container .x-reset td,
.tab-content-container div.form .x-reset td {
  margin: 0;
  padding: 0;
  vertical-align: top;
}
.x-reset .MTgrid.x-panel-default-framed {
  -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;
  -moz-box-shadow: 0 0 5px 2px #c7c7c7;
  -webkit-box-shadow: 0 0 5px 2px #c7c7c7;
  box-shadow: 0 0 5px 2px #c7c7c7;
  border: none;
  background-color: white;
}
.x-reset .MTgrid .x-grid-header-ct,
.x-reset .MTgrid.x-panel .x-grid-body,
.x-reset .MTgrid .x-scroller-vertical {
  border-color: #efefef !important;
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  border-bottom: none !important;
}
.x-reset .MTgrid .x-column-header,
.x-reset .MTgrid .x-grid-row .x-grid-cell,
.x-reset .MTgrid .x-grid-row-summary .x-grid-cell {
  border-left: 1px solid #efefef;
  border-right: none;
  border-top: none;
}
.x-reset .MTgrid .x-grid-row-summary .ExpandRow.x-grid-cell,
.x-reset .MTgrid .x-grid-row-summary .ProjectName.x-grid-cell,
.x-reset .MTgrid .x-grid-row-summary .PhaseName.x-grid-cell,
.x-reset .MTgrid .x-grid-row-summary .ActivityName.x-grid-cell,
.x-reset .MTgrid .x-grid-row-summary .ProjPlanActivityName.x-grid-cell,
.x-reset .MTgrid .x-grid-row-summary .FullName.x-grid-cell {
  border: none;
}
.x-reset #admin_project_overview .x-grid-header-ct {
  border-top: 1px solid #C5C5C5;
}
.x-column-header-first,
.x-grid-row .x-grid-cell.x-grid-cell-first {
  border-left-style: none;
}
.x-column-header-last,
.x-grid-row .x-grid-cell.x-grid-cell-last {
  border-right-style: none;
}
.x-reset .bigger-button.x-btn-default-small .x-btn-inner {
 font-size: 15px;
}
.x-reset .x-window, .x-reset .x-window-header-default-top {
}
.x-reset .x-window-body-default {
}
.x-reset .x-window-default {
}
.x-reset .x-window-header-default-top {
}
.x-reset .x-window-header-default {
}
.ext-ux-clearbutton {
  width: 12px;
  height: 12px;
  background-image: url(../images/clear-text-icon.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
  -moz-user-focus: ignore;
  cursor: pointer;
  position: absolute;
  overflow: hidden;
  background-color: white;
}
.ext-ux-clearbutton-mouse-over-input {
  background-position: 0 -12px;
}
.ext-ux-clearbutton-mouse-over-button {
  background-position: 0 -24px;
}
.ext-ux-clearbutton-mouse-down {
  background-position: 0 -36px;
}
.ext-ux-clearbutton-on {
  opacity: 1;
  visibility: visible;
  transition: opacity .35s linear;
  -webkit-transition: opacity .35s linear;
  -moz-transition: opacity .35s linear;
  -o-transition: opacity .35s linear;
  -ms-transition: opacity .35s linear;
  -khtml-transition: opacity .35s linear;
}
.ext-ux-clearbutton-off {
  opacity: 0;
  visibility: hidden;
  transition: opacity .35s linear, visibility .0s linear .35s;
  -webkit-transition: opacity .35s linear, visibility .0s linear .35s;
  -moz-transition: opacity .35s linear, visibility .0s linear .35s;
  -o-transition: opacity .35s linear, visibility .0s linear .35s;
  -ms-transition: opacity .35s linear, visibility .0s linear .35s;
  -khtml-transition: opacity .35s linear, visibility .0s linear .35s;
}
.x-reset .x-border-layout-ct {
 background-color: transparent !important;
}
div#form_Project table#projectInfoTable>tr>th {
 width: 12.5%;
}
div#form_Project table#projectInfoTable>tr>td {
 width: 37.5%;
}
table#PriceListProjectRow select,
table#PriceListRow select {
  max-width: 150px;
}
table#PaymentScheduleTable select {
  max-width: 400px;
}
table#PriceListProjectArticleRow {
  width: 100%;
}
.combobox {
  float: left;
}
div#info #info_header {
  display: inline;
  float: left;
}
div#info #info_details {
  float: right;
  font-weight: bold;
  font-size: 12px;
  color: #6C5198;
}
div.day_extra_detail {
  margin: 10px !important;
}
.x-boundlist .x-boundlist-item {
  min-height: 20px;
}
.x-boundlist .x-boundlist-item .customer-nr {
  float: left;
  width: 20%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.x-boundlist .x-boundlist-item .customer-name {
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 28px;
}
.x-boundlist .customer-no-results {
  padding: 10px;
}
div#admin_project_customer_select {
  height: 28px;
}
.list .x-reset tr td {
  padding: 0;
}
.list tr.filter .x-reset td input {
  margin: 0;
}
table#week_calendar th .schedule {
  font-weight: normal;
  margin-left: 20px;
}
div#resource-availability-graph .low,
.x-reset .x-grid-cell.low div {
 color: #3D993D !important;
}
div#resource-availability-graph .medium,
.x-reset .x-grid-cell.medium div {
 color: #CCC257 !important;
}
div#resource-availability-graph .high,
.x-reset .x-grid-cell.high div,
.x-reset .x-grid-cell.warning div {
  color: #FF4747 !important;
}
.x-reset .x-grid-row-summary .x-grid-cell.low div,
.x-reset .x-grid-row-summary .x-grid-cell.medium div,
.x-reset .x-grid-row-summary .x-grid-cell.high div {
  color: #000000 !important;
}
div#resource-availability-graph .project {
 margin-left: 20px;
 white-space: nowrap;
}
div#resource-availability-graph table.list td img {
  border-width: 1px;
  border-color: rgb(148, 148, 148);
  border-style: solid;
  border-radius: 2px;
  margin-right: 3px;
  padding: 1px;
  background-color: rgb(216, 216, 216);
}
.hidden {
 display: none;
}
table.calendar td.new_rec {
 opacity: 0.5;
}
div.project_tooltip td {
 padding: 4px;
 font-size: 13px;
}
div.project_tooltip {
 margin: 10px;
 font-size: 13px;
}
div.project_tooltip .amount{
 text-align: right;
}
div.project_tooltip .amount.alert {
    color: red;
    font-weight: bold;
}
table#project_info td {
  padding: 2px;
}
table#project_info .label {
  font-size: 13px;
  font-weight: bold;
}
table#project_info .value {
  font-size: 13px;
}
.project_history .x-grid-row-summary div.x-grid-cell-inner {
  font-weight: bold;
}
.chart_label {
  font-size: 20px;
  font-weight: bold;
}
.x-reset .tooltip_users {
  margin: 10px 0;
  width: 100%;
}
.x-reset .tooltip_users th,
.x-reset .tooltip_users td {
  padding-right: 5px;
}
.x-reset .tooltip_users th {
  font-weight: bold;
}
.x-reset .tooltip_users .name {
  width: 200px;
}
.x-reset .tooltip_users .time {
  text-align: right;
  white-space: nowrap;
}
.x-reset .project_overview_tooltip .warning {
  color: #FF4747;
}
.dragdropgrids .x-grid-item-selected {
  background-color: #e5e5e5 !important;
}
.dragdropcolumn .x-grid-header-ct {
  display: none !important;
}
.x-panel {
  overflow: visible !important;
}
.x-grid-row-editor {
  clip: auto !important;
}
.x-grid-row-editor-buttons {
  clip: auto !important;
}
.infobtn {
  cursor: default;
}
.infobtn .x-btn-pressed {
  background-color: #eeeeee !important;
  outline: none !important;
}
.pdf-button {
  background-image: url(../images/pdf_icon.svg) !important;
}
td.x-grid-cell.x-grid-dirty-cell {
  border-color: transparent;
  box-shadow: inset 0 0 0 1px #45B063;
}
td.x-grid-cell.x-form-invalid-field {
  border-color: transparent;
  box-shadow: inset 0 0 0 1px #cc3300;
}
.x-pivot-grid-group-total.x-grid-row td.x-grid-cell.x-grid-dirty-cell,
.x-pivot-grid-grand-total.x-grid-row td.x-grid-cell.x-grid-dirty-cell,
.x-pivot-grid-group-total.x-grid-row td.x-grid-cell.x-form-invalid-field,
.x-pivot-grid-grand-total.x-grid-row td.x-grid-cell.x-form-invalid-field {
  border-color: transparent;
  box-shadow: none;
}
.hide-collapse-button .x-grid-row-expander {
  visibility: hidden;
}
.hide-action-col-0 .x-action-col-0 {
  visibility: hidden;
}
.hide-action-col-1 .x-action-col-1 {
  visibility: hidden;
}
.hide-action-col-2 .x-action-col-2 {
  visibility: hidden;
}
.grouped-list .x-boundlist-item {
  padding: 1px 3px 0 10px;
}
.grouped-list .group-header {
  padding: 4px;
  font-weight: bold;
  border-bottom: 1px solid #ddd;
}
.x-message-box .x-window-body {
  background-color: white !important;
}
.x-message-box .x-toolbar-footer {
  padding: 8px 0 6px 6px !important;
}
.x-grid-row-editor .x-action-col-icon {
  visibility: hidden;
}
.hide-column-border.x-column-header {
  border-right: none;
}
.activity-fieldset.x-fieldset-default{
  border: none;
  border-top: 0px solid #694e8e;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}
.arrow-right-list {
  background: transparent url(../images/arrow-right-list.svg) no-repeat !important;
  background-size: 44px 27px !important;
  color: transparent;
  width: 44px;
  height: 27px;
}
.arrow-right-list:hover {
  cursor: pointer;
  text-decoration: none;
}
.arrow-right-list:active {
  background: transparent url(../images/arrow-right-list-active.svg) no-repeat !important;
  background-size: 44px 27px !important;
  width: 44px;
  height: 27px;
}
.arrow-left-list {
  background: transparent url(../images/arrow-left-list.svg) no-repeat !important;
  background-size: 44px 27px !important;
  color: transparent;
  width: 44px;
  height: 27px;
}
.arrow-left-list:hover {
  cursor: pointer;
  text-decoration: none;
}
.arrow-left-list:active {
  background: transparent url(../images/arrow-left-list-active.svg) no-repeat !important;
  background-size: 44px 27px !important;
  cursor: pointer;
  width: 44px;
  height: 27px;
}
.resource-bold {
  font-weight: bold;
}
.odd {
  background-color: #eeeeee;
}
.even {
  background-color: #e9e9e9;
}
table#week_calendar .project.row th,
table#week_calendar .project.row td{
  background-image: none;
  background-color: #E9E3F0;
  height: 34px;
}
table#week_calendar .project.row-odd th,
table#week_calendar .project.row-odd td{
  background-image: none;
  background-color: #F2EEF7;
  height: 34px;
}
table#week_calendar .row-odd.activity th,
table#week_calendar .row-odd.activity td{
  background-color: #F7F7F7;
  height: 30px !important;
}
table#week_calendar .row.activity th,
table#week_calendar .row.activity td{
  height: 30px !important;
}
table#week_calendar .project .ml {
  background-image: url('../images/section/section_ml.png') !important;
  background-color: #eeeeee !important;
}
table#week_calendar .project .mr {
  background-image: url('../images/section/section_mr.png') !important;
  background-color: #eeeeee !important;
}
.expand-arrowright-w {
  background-image: url('../images/expand_arrowright.png');
  width: 12px;
  height: 12px;
  float: left;
  margin-top: 0px;
  margin-right: 5px;
}
.expand-arrowdown-w {
  background-image: url('../images/expand_arrowdown.png');
  width: 12px;
  height: 12px;
  float: left;
  margin-top: 0px;
  margin-right: 5px;
}
.x-reset .millbill-overview-grid .x-grid-header-ct{
  border: #4e7252 !important;
  border-bottom-style: solid !important;
  border-width: 1px !important;
}
.x-reset .x-panel .x-grid-body {
}
.x-reset .x-btn-default-toolbar-small-over {
}
.x-reset .x-toolbar-separator-horizontal {
}
.x-reset .x-toolbar-default {
}
.x-reset .x-boundlist {
}
.x-reset .x-boundlist-selected {
}
.x-reset .x-boundlist-item-over {
}
.x-reset .x-boundlist {
}
.planning-datepicker .x-datepicker-today {
  border-color: darkred;
  border-style: none;
}
.resource-grid-edit {
  border-right-style: none;
}
.resource-grid-delete {
  margin-left: 0px;
}
.resource-grid-empty {
  margin: 0px;
  padding: 0px;
}
.x-action-col-icon.x-action-col-0.icon-small {
  height: 16px;
}
.x-action-col-icon.x-action-col-1.icon-small {
  height: 16px;
}
.hide-empty-column-header .x-column-header-inner {
  display: none;
  text-overflow: clip;
}
div#progressbar-inner {
  height: 16px;
  width: 0;
  background-color: #a081d4;
}
div.progressbar .x-progress-bar.x-progress-bar-default {
  background-color: #a081d4;
  transition: width 0.3s linear;
}
.m-currentuserlabel {
  font-family: Arial;
  font-weight: 700;
  font-size: 12px;
  color: #999999;
}
.MTpivotgrid.x-panel-body-default.x-grid-body {
  border-top-width: 1px !important;
}
.MTpivotgrid .x-docked-top {
  border: none;
  background-image: none !important;
  background-color: #ffffff;
}
.x-panel-body-default.x-grid-body {
  border-color: #C3C8D1;
  border-style: solid;
  border-top-width: 1px !important;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
}
.MTBordershadow,
.MTpivotgrid {
  -moz-box-shadow: 0 0 5px 2px #c7c7c7;
  -webkit-box-shadow: 0 0 5px 2px #c7c7c7;
  box-shadow: 0 0 5px 2px #c7c7c7;
}
.MTpivotgrid .x-pivot-grid {
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.x-grid-dirty-cell {
  background: none !important;
}
.x-pivot-grid-grand-total .x-pivot-grid-group-title {
  color: #000;
}
.x-pivot-grid-grand-total .x-column-header-text-inner {
  color: #000;
}
.millbill-datepicker .x-datepicker-prevday.x-datepicker-cell,
.millbill-datepicker .x-datepicker-active.x-datepicker-cell {
  background-color: #ffffff;
  border: 0;
}
.x-field input[type="text"] {
  border: none;
  background-image: none;
}
.x-mask-msg-text {
  border: 14px solid #f3f3f3;
  border-top: 14px solid #694e8e;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  animation: spin 2s linear infinite, fade 2s linear infinite;
  background-position: center center;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes fade {
  0% { opacity: 0.8; }
  50% { opacity: 0.4; }
  100% { opacity: 0.8; }
}
.x-mask-msg-text {
   background-image: none !important;
}
.x-mask-msg-inner {
  position: absolute;
  width: 100px;
  height: 100px;
  top: 50%;
  margin-top: -50px;
  left: 50%;
  margin-left: -50px;
  border-width: 0px !important;
  background-color: transparent !important;
  color: transparent !important;
}
.x-mask-msg {
  border-width: 0px !important;
  background: transparent !important;
}
.x-window .x-mask-msg {
  position: initial;
  width: 100%;
  height: 100%;
}
.x-btn-icon-el.x-btn-icon-el-mt-default-iconbutton-small.icon-small,
.x-btn-icon-el.x-btn-icon-el-mt-default-small.icon-small,
.x-btn-icon-el.x-btn-icon-el-default-small.icon-small {
    height: 16px;
    background-size: 16px 16px;
}
.x-btn-icon-el.x-btn-icon-el-mt-default-iconbutton-small.icon-medium,
.x-btn-icon-el.x-btn-icon-el-mt-default-small.icon-medium,
.x-btn-icon-el.x-btn-icon-el-default-small.icon-medium {
    height: 16px;
    background-size: 18px 18px;
}
.x-btn-icon-left > .x-btn-icon-el-mt-default-iconbutton-small,
.x-btn-icon-right > .x-btn-icon-el-mt-default-iconbutton-small{
  background-size: 16px 16px;
}
.x-slider-horz,
.x-slider-horz .x-slider-end,
.x-slider-horz .x-slider-inner,
.x-slider-vert,
.x-slider-vert .x-slider-end,
.x-slider-vert .x-slider-inner {
  background-image: none !important;
  background: #CCC !important;
  border-radius: 10px;
}
.togglefield.x-togglefield-on .x-slider-horz,
.togglefield.x-togglefield-on .x-slider-horz .x-slider-end,
.togglefield.x-togglefield-on .x-slider-horz .x-slider-inner,
.togglefield.x-togglefield-on .x-slider-vert,
.togglefield.x-togglefield-on .x-slider-vert .x-slider-end,
.togglefield.x-togglefield-on .x-slider-vert .x-slider-inner {
    background: #CEC1E2 !important;
}
.togglefield.x-togglefield-on .x-slider-horz .x-slider-thumb {
    background-color: #6C5198 !important;
}
.x-slider-horz {
    padding-right: 2px !important;
    padding-bottom: 1px !important;
}
.x-slider-vert {
    padding-right: 1px !important;
    padding-bottom: 2px !important;
}
.x-slider {
    outline: none;
    position: relative;
}
.x-slider-horz .x-slider-thumb {
    width: 14px;
    height: 14px;
    background-image: none !important;
    background-color: #FFF !important;
    border-radius: 8px;
    margin-top: 1px;
    margin-left: -6px !important;
}
.x-slider-vert .x-slider-thumb {
    width: 14px;
    height: 14px;
    background-image: none !important;
    background-color: #FFF !important;
    border-radius: 8px;
    margin-left: 1px;
    margin-top: -7px !important;
    margin-bottom: -8px;
}
button.mt-buttontext-milltime-overview-component {
  height: 25px;
  margin: 4px 8px 4px 0;
  padding-left: 10px;
  padding-right: 10px;
  color: #6c5198;
  text-decoration: none;
  border-radius: 25px;
  border: 1px solid #cccccc;
  background-image: none !important;
  background-color: white;
  font-family: Verdana,Helvetica,Arial,sans-serif;
  font-weight: 600;
  font-size: 11px;
  cursor: pointer;
}
button.mt-buttontext-milltime-overview-component:hover {
  border: 1px solid #6c5198;
}
button.mt-buttontext-milltime-overview-component:active {
  color: white;
  background-color: #6c5198;
  border: 1px solid #6c5198;
}
button.mt-buttontext-milltime-overview-component-selected {
  color: white;
  background-color: #6c5198;
  border: 1px solid #cccccc;
}
.mt-buttontext-milltime-overview-component.x-btn-default-small.x-btn-disabled {
  background-color: rgba(255, 255, 255, 0.45);
  border-color: rgba(204, 204, 204, 0.45);
  pointer-events: none;
}
.mt-buttontext-milltime-overview-save-component {
  margin-right: 43px !important;
}
.make-local-disabled {
  background-color: rgba(117, 86, 156, 0.45) !important;
  border-color: rgba(204, 204, 204, 0.45) !important;
  pointer-events: none;
}
.make-local-disabled .x-btn-inner-default-small {
  color: white !important;
  opacity: 1 !important;
}
.popup-dialog {
  border: 2px solid #e4e4e4 !important;
  box-shadow: rgba(64, 64, 64, 0.3) 6px 6px 8px !important;
  color: red !important;
}
.popup-dialog-header {
  background-color: #806a9e !important;
  border-bottom: 2px solid #e4e4e4 !important;
  color: white !important;
  height: 30px;
  padding-left: 10px;
}
.popup-dialog-header .x-autocontainer-innerCt {
  color: white !important;
}
.popup-dialog-header img {
   width: 15px;
   margin-right: 7px;
}
.popup-dialog-header-icon {
   width: 12px !important;
   height: 12px !important;
}
.popup-dialog-description {
  padding: 10px;
}
.popup-dialog-description .x-autocontainer-innerCt {
  line-height: 1.4em !important;
}
.popup-dialog-checkbox-label {
  margin-left: 20px;
}
.popup-dialog-checkbox {
  margin-top: 1px;
}
.delete-white {
  border: none !important;
  width: 15px !important;
  height: 15px !important;
  background: url(../images/delete_white.svg) no-repeat !important;
  background-size: 15px 15px !important;
}
.x-form-cb-label-default.x-form-cb-label-after {
  padding-left: 19px !important;
}
.mt-none-editable-grid-item {
  background-color: #e4e4e4;
  color: #999999;
}
.inactiveButton{
  opacity: 0.5;
  pointer-events: none;
}
.permission_cls .x-form-item-label-default {
  color: #000;
  font: normal 11px/18px Verdana, Helvetica, Arial, sans-serif;
  min-height: 22px;
  padding-right: 5px;
  padding-left: 5px !important;
  padding-top: 7px;
}
.permission_cls .x-form-cb-wrap-inner {
  float: right !important;
  margin-right: 20px !important;
  margin-top: 3px !important;
}
.mt-grid-checkcolumn {
  cursor: default;
}
.mt-grid-checkcolumn:hover {
  cursor: pointer;
}
.mt-grid-checkcolumn-cell-inner {
  line-height: 0;
}
.x-keyboard-mode .mt-grid-checkcolumn-cell-inner :focus {
  outline: 0px dotted #464646;
}
.mt-column-header-checkbox .x-column-header-inner,
.mt-grid-checkcolumn-cell-inner {
  padding: 2px 2px 2px 2px;
  text-overflow: clip;
}
.x-keyboard-mode .x-grid-no-row-lines .x-grid-row-focused .mt-column-header-checkbox .x-column-header-inner,
.x-keyboard-mode .x-grid-no-row-lines .x-grid-row-focused .mt-grid-checkcolumn-cell-inner {
  padding-top: 3px;
  padding-bottom: 2px;
}
.mt-column-header-checkbox {
  border-color: #c5c5c5;
}
.mt-column-header-checkbox .x-column-header-text {
  overflow: visible;
}
.mt-column-header-checkbox .mt-column-header-checkbox:after,
.mt-grid-checkcolumn:after {
  content: " ";
  height: 16px;
  width: 16px;
  background: url(../images/checkbox_unchecked.svg) no-repeat;
  background-size: 16px 16px;
  margin-bottom: 1px;
  display: inline-block;
}
.x-item-disabled .mt-column-header-checkbox .mt-column-header-checkbox,
.x-item-disabled .mt-grid-checkcolumn {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=30)";
  opacity: 0.3;
}
.mt-grid-hd-checker-on .mt-column-header-checkbox:after,
.mt-grid-checkcolumn-checked:after {
  content: " ";
  height: 16px;
  width: 16px;
  background: url(../images/checkbox_checked.svg) no-repeat;
  background-size: 16px 16px;
  margin-bottom: 1px;
  display: inline-block;
}
.x-grid-item-selected .x-selmodel-column .mt-grid-checkcolumn:after {
  content: " ";
  height: 16px;
  width: 16px;
  background: url(../images/checkbox_checked.svg) no-repeat;
  background-size: 16px 16px;
  display: inline-block;
}
.x-gecko .x-selmodel-checkbox .mt-grid-checkcolumn {
  pointer-events: none;
}
.title-description {
  font: arial;
  color: #6C5198;
  font-weight: bold;
  font-size: 13px;
}
.popupValidationText {
  color: #6C5198;
  font-weight: bold;
}
p.emptyPage {
  background: url(../images/empty_page.png) center no-repeat;
  margin-top: 13%;
  height: 300px;
  background-size: contain;
}
p.reportServerErrorPage {
  background: url(../images/reportserver_error.png) center no-repeat;
  margin-top: 13%;
  height: 300px;
  background-size: contain;
}
div.centerAlignErrorPage {
    margin: auto;
    width: 450px
}
div.emptyPageFooter {
  text-align: center;
  font-size: 14px;
  margin: 0px 10px 0px 10px;
}
div.errorFooter {
  text-align: left;
  font-size: 14px;
  margin: 0px 10px 0px 10px;
}
p.errorFooter {
  color: #919191;
  margin-bottom: 10px;
}
.errorBody {
  background: #FFFFFF;
}
a.errorLink {
    color: #6C5198;
}
a.errorLink:hover {
    color: #6C5198;
}
div.errorPageCloseButtonContainer {
    text-align:center;
    margin-top: 18px;
}
.linkIcon {
  background: url(../images/link.svg) no-repeat;
  background-size: 20px 14px;
  background-position: right center;
}
.noIcon .x-grid-cell-inner,
.linkIcon .x-grid-cell-inner {
  padding: 1px 20px 1px 5px;
}
div#expense_fields_container .x-mask {
   background-color: transparent;
}
div.workloadtooltip {
    padding-bottom: 1px;
    padding-top: 1px;
}
div.workloadtooltip-middlerow {
    padding-bottom: 2px;
    padding-top: 2px;
}
div.project-reports-content{
  margin: 15px 15px 12px 16px;
  padding: 0px;
  border-radius: 2px;
}
div.millbill-table tbody tr td a {
  vertical-align :middle;
  color: black !important;
}
div.millbill-table tbody tr#move td a {
  vertical-align: baseline;
  color: black !important;
  padding-left: 4px;
}
div.millbill-table tbody tr#move td button {
  background-color: white;
  color: #6c5198;
  font-weight: bold;
  border-radius: 12px;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc;
  padding: 0px 10px 0px 10px;
  margin-left: 8px;
  height: 20px;
  width: auto;
  font-size: 10px;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  cursor: pointer;
}
div.millbill-table tbody tr#move td button:hover {
  border: 1px solid #6c5198;
}
div.millbill-table tbody tr#move td button:hover:active {
  border: 1px solid #cccccc;
  background-color: #6c5198;
  color: #FFFFFF;
}
div.millbill-table tbody tr#move td select {
  margin-left:4px;
}
div.subscription-content{
  margin: 15px 15px 12px 16px;
  padding: 0px;
  border-radius: 2px;
}
div.invoice-content{
  margin: 15px 15px 12px 16px;
  padding: 0px;
  border-radius: 2px;
}
div.supplier-invoice{
  margin: 15px 15px 12px 16px;
  padding: 0px;
  border-radius: 2px;
}
div.invoice-content table td.tools-pre{
  padding-right: 0px;
}
div.subscription-content table td.tools-pre{
  padding-right: 0px!important;
}
.no-right-border{
  border-right: none!important;
}
div.millbill-table .head,
div.millbill-table .head td,
div.millbill-table .head tr.headings,
div.millbill-table .head tr.headings td,
div.millbill-table tfoot tr.headings,
div.millbill-table tfoot tr.headings td{
  background-color: transparent;
  font-size: 11px;
}
div.millbill-table .projecttype-btn{
  width: 18px;
  height: 18px;
  padding-right: 5px;
}
div.millbill-table div.floatingTitle thead.head tr.headings td.millbill-header{
  border-bottom: solid #6c5198 1px;
}
div.millbill-table div.mt-date img{
  padding: 0px;
  margin-right: 2px;
}
div.millbill-table div.tools button:hover {
  border: 1px solid #6c5198;
}
div.millbill-table div.tools button:hover:active {
  border: 1px solid #cccccc;
  background-color: #6c5198;
  color: #FFFFFF;
}
div.millbill-table div.tools button.imagebutton:hover {
  border: none;
}
div.millbill-table div.tools button.imagebutton:hover:active {
  background-color: transparent;
}
div.millbill-table div.top-buttons button:hover {
  border: 1px solid #6c5198;
}
div.millbill-table div.top-buttons button:hover:active {
  border: 1px solid #cccccc;
  background-color: #6c5198;
  color: #FFFFFF;
}
div.millbill-table input#search_proj{
  width: 200px;
}
div.millbill-table input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none !important;
  width: 16px !important;
  height: 16px !important;
  background: url(../images/checkbox_unchecked.svg) no-repeat !important;
  background-size: 16px 16px !important;
}
div.millbill-table input[type="checkbox"]:checked {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none !important;
  width: 16px !important;
  height: 16px !important;
  background: url(../images/checkbox_checked.svg) no-repeat !important;
  background-size: 16px 16px !important;
}
div.millbill-table input[type="checkbox"]:hover {
  cursor: pointer;
}
div.millbill-table span.orderby_arrow{
  cursor: pointer;
  float: right;
  font-size: unset;
}
div.millbill-table #ReportRows span.orderby_arrow{
  padding-right: 2px;
}
div.millbill-table table.section{
  background-color: transparent;
}
div.millbill-table table.section td.bl4{
  background-color: transparent;
  background-repeat: repeat-x;
  border-top: none;
  padding: 0px !important
}
div.millbill-table table.section td.bm4{
  background-color: transparent;
  background-repeat: repeat-x;
  border-top: none;
  padding: 0px !important
}
div.millbill-table table.section td.br4{
  background-color: transparent;
  border-top: none;
  background-repeat: no-repeat
  padding:0px !important
}
div.millbill-table table.section td.ml{
  min-width: 8px;
  background-repeat: repeat-y;
  border-top: none;
  padding: 0px !important
}
div.millbill-table table.section td.mr{
  min-width: 8px;
  background-repeat: repeat-y;
  border-top: none;
  padding: 0px !important
}
div.millbill-table table.section td.tl{
  background-color: transparent;
  background-repeat: no-repeat;
  border-top: none;
  min-width: 8px;
  padding:0px !important
}
div.millbill-table table.section td.tr{
  min-width: 8px;
  background-color: transparent;
  background-repeat: no-repeat;
  border-top: none;
  padding: 0px !important
}
div.millbill-table table.section td.tm{
  background-color: transparent;
  background-repeat: repeat-x;
  border-top: none;
  padding: 0px !important
}
div.millbill-table tbody td a:hover{
  color: #6C5198 !important;
  text-decoration: underline;
}
div.millbill-table tbody tr td{
  vertical-align: middle;
  padding: 4px;
}
div.millbill-table tbody tr td img.pricelistlink-img{
  margin-left: auto;
  padding-right: 0px;
  width: 18px;
  height: 18px;
}
div.millbill-table tbody tr td.millbill-tabtext{
  padding-left: 4px;
  padding-right: 4px;
  border-right: 1px solid transparent;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100px;
}
div.millbill-table tbody tr td.invoice-content{
  padding-left: 4px;
  padding-right: 4px;
  border-right: 1px solid transparent;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.millbill-table tbody tr td.projectname{
  font-weight: 700;
  max-width: 200px;
}
div.millbill-table tbody tr td.reportcomment-cell.millbill-tabtext{
  vertical-align: top;
  padding-top: 8px;
  padding-bottom: 0px;
}
div.millbill-table tbody tr.edit td{
  border-top:1px solid #DDD;
}
div.millbill-table tbody tr[style*="display: none"]+tr td.millbill-tabtext{
  border-top:1px solid #DDD;
}
div.millbill-table tbody.projectgroup:hover{
  background-color: #EFEFEF;
  background-blend-mode: darken;
  min-width: 8px;
}
div.millbill-table tbody.projectgroup:hover tr td.ml, div.millbill-table tbody.projectgroup:hover tr td.mr{
  background-color: #EFEFEF;
  background-blend-mode: darken;
  min-width: 8px;
}
div.millbill-table tbody.row{
  background-color: #FFFFFF;
  border-top: 1px solid #DDDDDD;
}
div.millbill-table tbody.row-odd{
  background-color: #FAFAFA;
  border-top: 1px solid #DDDDDD;
}
div.millbill-table tbody:hover tr.filter td.ml, div.millbill-table tbody:hover tr.filter td.mr{
  background-blend-mode: normal;
  background-color: #EFEFEF!important;
  min-width: 8px;
}
div.millbill-table td.reportcomment-cell{
  max-width: 120px;
  text-overflow: ellipsis;
  word-break: break-all;
  overflow: hidden;
  white-space: nowrap;
}
div.millbill-table td.reportcomment-cell span.reportcomment {
  color: #666666;
  white-space: nowrap;
}
div.millbill-table td.reportcomment-cell:hover span.reportcomment{
  display: block;
  white-space: normal;
  padding-bottom: 4px;
}
div.millbill-table td.tools-pre input[type=checkbox], td.tools-pre a {
  margin-right: 0px;
}
div.millbill-table tfoot td.millbill-foot{
  border-top: 1px solid #DDDDDD;
  white-space: nowrap;
  height: 20px;
  vertical-align: middle;
  background-color: white;
  padding-top: 4px;
  padding-right: 5px;
}
div.millbill-table tfoot tr.bottom-buttons{
  background-color: white;
  border-top: 1px solid #DDDDDD;
  height: 31px;
}
div.millbill-table tfoot.foot{
  background-color: transparent;
}
div.millbill-table thead td a:hover{
  cursor: pointer;
}
div.millbill-table thead td div.required_column{
  margin-right: 8px;
}
div.millbill-table thead td div.required_column_star{
  width: auto
}
div.millbill-table thead tr td{
  padding: 4px 4px 4px 4px;
}
div.millbill-table thead tr td.millbill-tabtext{
  padding-left: 4px;
  padding-right: 4px;
}
div.millbill-table thead tr.filter{
  height: 43px;
  background-color: transparent;
}
div.millbill-table thead tr.filter td{
  background-color: #FFFFFF;
  padding-top: 11px;
  padding-bottom: 8px;
}
div.millbill-table thead.head tr.headings{
  background-color: white;
  padding: 4px 0px 4px 4px;
}
div.millbill-table thead.head tr.headings td.millbill-header{
  border-right: solid #DDDDDD 1px;
  border-bottom: solid #DDDDDD 1px;
  background-color: white;
  white-space: nowrap;
  color: black;
}
div.millbill-table div.floatingTitle thead.head tr.headings td.millbill-header{
  border-bottom: solid #6c5198 1px;
}
div#form_ProjectReport div.millbill-table tr.headings td.millbill-header {
  border-left: solid #DDDDDD 1px;
  border-right: none;
  background-color: white;
  color: black;
}
div.millbill-table tr.headings td.millbill-header {
  border-right: solid #DDDDDD 1px;
}
div.millbill-table tr.headings td.millbill-header:first-child {
  border-left: none;
  background-color: white;
  color: black;
}
div.millbill-table tr.headings td.millbill-header {
  background-color: white;
  color: black;
}
div.millbill-table thead.head tr.headings td.millbill-header a{
  vertical-align: middle;
}
div.millbill-table thead.head tr.headings td.millbill-header div{
  margin-top: 2px;
  vertical-align: middle;
  float: right;
  display: inline-flex;
  width: max-content;
  width: intrinsic;
  width: -moz-max-content;
  width: -webkit-max-content;
}
div.millbill-table thead.head tr.headings td.millbill-header div.imgtext{
  width: max-content;
  float: right;
}
div.millbill-table thead.head tr.headings td.millbill-header img{
  vertical-align: middle;
}
div.millbill-table thead.head tr.headings td.millbill-header img.orderby_arrow_img{
  width: 9px;
  height: 5px;
}
div.millbill-table thead.head tr.headings td.millbill-header span{
  vertical-align: middle;
}
div.millbill-table thead.midspace: before {
}
div.millbill-table tr td.tools-pre{
  padding: 3px 4px 3px 4px;
}
div.millbill-table tr td.tools-pre a+a{
  padding-left: 5px;
}
div.millbill-table tr.edit select {
  height: 20px;
  border: 1px solid #C3C8D1;
  margin: 0px;
  padding-left: 4px;
  padding-bottom: 0px;
  padding-right: 16px;
  background: url(../images/arrow_down_grey.svg) no-repeat right;
  -webkit-appearance: none;
  background-size: 10px 10px;
  background-position-x: calc(100% - 3px);
  background-color: white;
}
div.millbill-table tr.filter button.button{
  background-color: transparent;
  color: #6c5198;
  font-weight: bold;
  border-radius: 12px;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc;
  margin-left: 10px;
  padding: 0px 10px 0px 10px;
  height: 20px;
  width: auto;
  font-size: 10px;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  cursor: pointer;
}
div.millbill-table tr.filter button.button:hover {
  border: 1px solid #6c5198;
}
div.millbill-table tr.filter button.button:hover:active {
  border: 1px solid #cccccc;
  background-color: #6c5198;
  color: #FFFFFF;
}
div.millbill-table tr.filter div.mt-date img{
  width: 16px;
  height: 20px;
}
div.millbill-table tr.filter img{
  width: 18px;
  height: 18px;
  padding: 0px;
}
div.millbill-table tr.filter img.filter-btn{
  vertical-align: middle;
  padding-left: 4px;
  padding-right: 10px;
}
div.millbill-table tr.filter img.update-btn {
  vertical-align: middle;
  padding-left: 4px;
  padding-left: 10px;
}
div.millbill-table tr.filter input{
  box-sizing: border-box;
  height: 20px;
  border: 1px solid #C3C8D1;
  margin: 0px;
}
div.millbill-table tr.filter input[name=SupplierInvoiceRow_InvoiceDate_flt]{
  margin-left: 2px;
  margin-right: -2px;
}
div.millbill-table tr.filter input[name=report_date_interval_start]{
  margin-left: 2px;
  margin-right: -1px;
  width: 68px;
}
div.millbill-table tr.filter input[name=report_date_interval_end]{
  margin-left: 2px;
  margin-right: -1px;
  width: 68px;
}
div.millbill-table tr.filter label{
  font-family: 'Arial Regular', 'Arial';
  font-weight: 400;
  font-size: 12px;
  vertical-align: middle;
}
div.millbill-table tr.filter select{
  height: 20px;
  border: 1px solid #C3C8D1;
  margin: 0px;
  padding-left: 4px;
  padding-bottom: 0px;
  padding-right: 16px;
  background: url(../images/arrow_down_grey.svg) no-repeat right;
  -webkit-appearance: none;
  background-size: 10px 10px;
  background-position-x: calc(100% - 3px);
}
div.millbill-table tr.filter td{
  font-weight: 400;
}
div.millbill-table tr.midbar{
  height: 5px;
}
div.millbill-table tr.midbar td{
  padding: unset;
}
div.millbill-table.accounting{
  margin: 15px 15px 12px 16px;
  padding: 0px;
  border-radius: 2px;
}
div.millbill-edit-notes table.form-base td.form-base {
  padding-bottom: 7px;
}
div.millbill-buttonBar button {
  border: none;
  margin-left: 1px;
  cursor: pointer;
  background-repeat: no-repeat;
  border-radius: 0px;
  background-color: transparent;
  height: 32px;
  width: 32px;
}
div.millbill-buttonBar button:hover {
  border: none;
}
div.millbill-buttonBar span {
  border: none;
  border-radius: 25px;
  cursor: pointer;
  transition: background-color 0.5s;
  background-color: transparent;
  display: inline-block;
}
div.millbill-buttonBar span:hover {
  border: none;
  background-color: rgba(106,106,106,0.18);
}
div.millbill-buttonBar button:hover:active {
  border: none;
  background-color: transparent;
}
div.millbill-buttonBar.title {
  background-color: transparent;
}
div.millbill-buttonBar .archiveButton {
  background-image: url(../images/archive_invoice.svg);
}
div.millbill-buttonBar .closeButton {
  background-image: url(../images/arrow_back.svg);
}
div.millbill-buttonBar .emailButton {
  background-image: url(../images/email_accounting.svg);
}
div.millbill-buttonBar .autoInvoiceServiceButton {
  background-image: url(../images/autoinvoice.svg);
}
div.millbill-buttonBar .lockButton {
  background-image: url(../images/lock_circle.svg);
}
div.millbill-buttonBar .reportButton {
  background-image: url(../images/pdf.svg);
}
div.millbill-buttonBar .reserveButton {
  background-image: url(../images/reserve_invoice.svg);
}
div.millbill-buttonBar .saveButton {
  background-image: url(../images/save.svg);
}
div.millbill-table.accounting .millbill-buttonBar .exportButton {
  background-image: url(../images/upload_cloud.svg);
}
div.millbill-table.accounting .millbill-buttonBar span.disabled:hover {
    background-color: white;
}
div.millbill-table.accounting .millbill-buttonBar button.disabled {
    filter: grayscale(100%);
}
div.millbill-table.accounting .millbill-buttonBar button.disabled:hover {
    cursor: default
}
div.millbill-table.accounting .millbill-buttonBar .divider{
  border-right: 1px solid #ccc;
  margin-left: 6px;
  margin-right: 6px;
  padding-bottom: 21px;
  vertical-align: middle;
}
div.millbill-buttonBar .unlockButton {
  background-image: url(../images/lock.svg);
}
div.millbill-buttonBar .unreserveButton {
  background-image: url(../images/unreserve_invoice.svg);
}
div.millbill-table.accounting div {
  border: none;
}
div.millbill-table .title input[type="checkbox"] {
  background: url(../images/checkbox_unchecked_bright.svg) no-repeat !important;
}
div.millbill-table .title input[type="checkbox"]:checked {
  background: url(../images/checkbox_checked_bright.svg) no-repeat !important;
}
span.disabled{
  opacity: 0.6;
}
div.millbill-table input[type="checkbox"]:disabled {
  background: url(../images/checkbox_outline_inactive.svg) no-repeat !important;
  cursor: default;
}
div.millbill-table input[type="checkbox"]:disabled ~span {
  color:pink!important;
}
div.millbill-table input[type="checkbox"]:disabled:checked {
  background: url(../images/checkbox_purple_inactive.svg) no-repeat !important;
}
div.millbill-table input[type="checkbox"]:disabled:checked ~span{
  color:orange;
}
div.millbill-table input[type="checkbox"]:checked {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none !important;
  width: 16px !important;
  height: 16px !important;
  background: url(../images/checkbox_checked.svg) no-repeat !important;
  background-size: 16px 16px !important;
}
div.millbill-table.accounting div.floatingTitle thead.head tr.headings td.millbill-header {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.millbill-table.accounting div.form div.title{
  height: 28px;
  padding-top:0px;
}
div.millbill-table.accounting div.millbill-datepicker table td{
  overflow: visible;
}
div.millbill-table.accounting div.mt-date img {
  width:16px;
  height: 20px;
}
div.millbill-table.accounting div.top-buttons{
  background-color: #F3F3F3;
  border: none;
  padding-right: 8px;
}
div.millbill-table.accounting div.top-buttons div.buttons{
  float: right;
}
div.millbill-table.accounting input {
  height: 16px;
  border: 1px solid #C3C8D1;
  margin-right: 0px;
}
div.millbill-table.accounting input.mt-date {
  margin-right: -1px;
}
div.millbill-table.accounting table{
  width: 100%;
}
div.millbill-table.accounting table thead tr.filter td{
  overflow: visible;
}
div.millbill-table.accounting table#Reserved td.col-0 {
    min-width: 19px;
    max-width:19px;
    width: 19px;
}
div.millbill-table.accounting table#Reserved td.col-1 {
  min-width: 70px;
}
div.millbill-table.accounting table#Reserved td.col-2 {
  min-width: 110px;
  width: 5%;
}
div.millbill-table.accounting table#Reserved td.col-3 {
  min-width: 135px;
  width: 5%;
}
div.millbill-table.accounting table#Reserved td.col-4 {
  min-width: 75px;
  width: 5.5%;
}
div.millbill-table.accounting table#Reserved td.col-5 {
  min-width: 65px;
  width: 5%;
}
div.millbill-table.accounting table#Reserved td.col-6 {
  min-width: 65px;
  width: 5%;
}
div.millbill-table.accounting table#Reserved td.col-7 {
  min-width: 90px;
  width: 5%;
}
div.millbill-table.accounting table#Reserved td.col-8 {
  min-width: 105px;
  width: 105px;
}
div.millbill-table.accounting table#Reserved td.col-9 {
  min-width: 110px;
  width: 120px;
}
div.millbill-table.accounting table#Reserved td.col-10 {
  min-width: 120px;
  width: 5%;
}
div.millbill-table.accounting table#Reserved td.col-11 {
  min-width: 120px;
  max-width:120px;
  width: 120px;
}
div.millbill-table.accounting table#Reserved td.col-12 {
  min-width: 180px;
  max-width:180px;
  width: 180px;
}
div.millbill-table.accounting table#Unreserved td.col-0 {
    min-width: 19px;
    max-width:19px;
    width: 19px;
}
div.millbill-table.accounting table#Unreserved td.col-1 {
  min-width: 70px;
}
div.millbill-table.accounting table#Unreserved td.col-2 {
  min-width: 120px;
  width: 7%;
}
div.millbill-table.accounting table#Unreserved td.col-3 {
  min-width: 135px;
  width: 7%;
}
div.millbill-table.accounting table#Unreserved td.col-4 {
  min-width: 75px;
  width: 5.5%;
}
div.millbill-table.accounting table#Unreserved td.col-5 {
  min-width: 70px;
  width: 7%;
}
div.millbill-table.accounting table#Unreserved td.col-6 {
  min-width: 90px;
  width: 7%;
}
div.millbill-table.accounting table#Unreserved td.col-7 {
  min-width: 110px;
  width: 7%;
}
div.millbill-table.accounting table#Unreserved td.col-8 {
  min-width: 170px;
  width: 7%;
}
div.millbill-table.accounting table#Unreserved td.col-9 {
  min-width: 80px;
  width: 7%;
}
div.millbill-table.accounting table#Unreserved td.col-10 {
  min-width: 120px;
  width: 120px;;
}
div.millbill-table.accounting table#Unreserved td.col-11 {
  min-width: 95px;
  width: 7%;
}
div.millbill-table.accounting table#Unreserved td.col-12 {
  min-width: 85px;
  width: 7%;
}
div.millbill-table.accounting table#Unreserved td.col-13 {
  min-width: 85px;
  width: 7%;
}
div.millbill-table.accounting tbody tr td a {
  vertical-align : text-bottom;
}
div.millbill-table.accounting tbody tr td span a {
  vertical-align : middle;
}
div.millbill-table.accounting tbody.projectgroup tr td.full_input input{
  width: 100%;
  box-sizing : border-box;
  height: 20px;
}
div.millbill-table.accounting td.millbill-header {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.millbill-table.accounting tr.filter td{
  white-space: nowrap;
  padding: 6px 4px 2px 4px;
}
div.millbill-table.accounting tr td div.tools{
  float: right;
  margin: 5px 0px 0px 0px;
}
div.millbill-table.accounting tr.totals{
  background-color: white;
}
div.millbill-table.project-reports-content tbody tr td.millbill-tabtext.col-8{
}
div.millbill-table.project-reports-content tbody tr td.millbill-tabtext.col-8 a{
  padding-top: 2px;
}
div.millbill-table.subscription-content tbody tr td.millbill-tabtext.col-8{
  white-space: initial;
  display: flex;
}
div.millbill-table.subscription-content tbody tr td.millbill-tabtext.col-8 a{
  padding-top: 2px;
}
div.millbill-table.supplier-invoice div.millbill-datepicker table td{
  overflow: visible;
}
div.millbill-table.supplier-invoice div.mt-date input {
  width: calc(100% - 16px);
  min-width: 65px;;
}
div.millbill-table.supplier-invoice table{
  border-collapse: initial;
}
div.millbill-table.supplier-invoice table td{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.millbill-table.supplier-invoice thead.head tr.headings td.millbill-header{
  border-bottom: none;
}
div.millbill-table.supplier-invoice table tfoot input.mt-page{
  padding-bottom: 3px;
}
div.millbill-table.supplier-invoice table thead tr.filter td{
  overflow: visible;
}
div.millbill-table.supplier-invoice table tr.edit td {
  padding: 3px;
}
div.millbill-table.supplier-invoice table tr.edit td input{
  padding: 0px;
  margin:1px 0px 0px -1px;
  border: 1px solid #C3C8D1
}
div.millbill-table.supplier-invoice tbody tr td.millbill-tabtext{
  border-top: 1px solid #DDD;
  border-right: 1px solid transparent;
}
div.millbill-table.supplier-invoice tbody tr td.tools-post.millbill-tabtext{
  padding: 4px 3px 2px 3px;
}
div.millbill-table.supplier-invoice tbody tr.edit:hover td{
  background-color: #EFEFEF;
  background-blend-mode: darken;
  min-width: 8px;
}
div.millbill-table.supplier-invoice tbody tr.edit:hover td.ml, div.millbill-table tbody tr.edit:hover td.mr{
  background-color: #EFEFEF;
  background-blend-mode: darken;
  min-width: 8px;
}
div.millbill-table.supplier-invoice tbody tr.even td{
  background-color: #FFFFFF;
}
div.millbill-table.supplier-invoice tbody tr.odd td {
  background-color: #FAFAFA;
}
div.millbill-table.supplier-invoice tbody tr.projectgroup:hover td{
  background-color: #EFEFEF;
  background-blend-mode: darken;
  min-width: 8px;
}
div.millbill-table.supplier-invoice tbody tr.projectgroup:hover td.ml, div.millbill-table tbody tr.projectgroup:hover td.mr{
  background-color: #EFEFEF;
  background-blend-mode: darken;
  min-width: 8px;
}
div.millbill-table.supplier-invoice tbody tr.row {
  background-color: #FFFFFF;
}
div.millbill-table.supplier-invoice tbody tr.row-odd {
  background-color: #FAFAFA;
}
div.millbill-table.supplier-invoice tbody td.tools-pre {
  max-width: 50px;
}
div.millbill-table.supplier-invoice tbody td.col-1 {
  max-width: 101px;
}
div.millbill-table.supplier-invoice tbody td.col-2 {
  max-width: 50px;
}
div.millbill-table.supplier-invoice tbody td.col-3 {
  max-width: 50px;
}
div.millbill-table.supplier-invoice tbody td.col-4 {
  max-width: 60px;
}
div.millbill-table.supplier-invoice tbody td.col-5 {
  max-width: 50px;
}
div.millbill-table.supplier-invoice tbody td.col-6 {
  max-width: 60px;
}
div.millbill-table.supplier-invoice tbody td.col-7 {
  max-width: 70px;
}
div.millbill-table.supplier-invoice tbody td.col-8 {
  max-width: 150px;
}
div.millbill-table.supplier-invoice tbody td.col-9 {
  max-width: 70px;
}
div.millbill-table.supplier-invoice tbody td.col-10 {
  max-width: 60px;
}
div.millbill-table.supplier-invoice tbody td.col-11 {
  max-width: 60px;
}
div.millbill-table.supplier-invoice tbody td.col-12 {
  max-width: 100px;
}
div.millbill-table.supplier-invoice tbody td.col-13 {
  max-width: 60px;
}
div.millbill-table.supplier-invoice tbody td.col-14 {
  max-width: 160px;
}
div.millbill-table.supplier-invoice tbody td.col-15 {
  max-width: 70px;
}
div.millbill-table.supplier-invoice tbody td.col-16 {
  max-width: 60px;
}
div.millbill-table.supplier-invoice tbody td.millbill-header {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.millbill-table.supplier-invoice tfoot tr.pages{
  background-color: white;
}
div.millbill-table.supplier-invoice tfoot tr.pages td{
  padding-top: 8px;
}
div.millbill-table.supplier-invoice td.col-1 div.required_column{
  margin-right: 9px;
}
div.millbill-table.supplier-invoice tr.filter td {
  padding: 6px 3px 2px 2px;
}
div.millbill-table.supplier-invoice tr.edit select{
  height: 18px;
  border: 1px solid #C3C8D1;
  margin: 0px;
  width: 100%;
  box-sizing: border-box;
  padding-bottom: 0px;
}
div.millbill-table.supplier-invoice tr.filter input{
  box-sizing: border-box;
  padding-bottom: 2px;
}
div.millbill-table.supplier-invoice tr.filter select{
  height: 20px;
  border: 1px solid #C3C8D1;
  margin: 0px;
  width: 100%;
  box-sizing: border-box;
}
div.millbill-table.supplier-invoice tr.filter td.col-1>div{
  width: 91px;
}
div.millbill-table table.activitytypes tr.headings td {
  color: black;
}
div.workloadtooltip {
    padding-bottom: 1px;
    padding-top: 1px;
}
div.workloadtooltip-middlerow {
    padding-bottom: 2px;
    padding-top: 2px;
}
div#table-wrapper {
    position: relative;
    padding-top: 10px;
    padding-bottom: 2px;
    padding-right: 2px;
    background-color: white;
    border-radius: 0px 0px 5px 5px;
}
div#table-scroll {
    height: 130px;
    overflow: auto;
    margin-top: 22px;
    border-radius: 0px 0px 5px 5px;
}
div#table-wrapper table {
    width: 100%;
    margin-top: -34px;
}
div#table-wrapper table * {
}
div#table-wrapper table thead th .text {
    position: absolute;
    top: 0px;
    z-index: 2;
    height: 23px;
    padding-top: 9px;
    padding-left: 4px;
    font-weight: 700;
    white-space: nowrap;
    color: black;
    border-bottom: solid #DDDDDD 1px;
    border-left: solid #DDDDDD 1px;
}
div#table-wrapper table thead th {
  font-size: 11px;
  padding-left: 0px;
  padding-right: 0px;
}
div#table-wrapper table tbody td {
  border-radius: 0px;
}
.x-form-field-date input[type='text']::-ms-clear {
  display:none;
}
.tablist-integration .x-panel-body.x-panel-body-alternative.x-panel-body-alternative {
    background: #FFFFFF;
}
div.millbill-table img.internalnote {
  width: 20px;
  height: 20px;
  vertical-align: top;
}
.x-tip {
    border-radius: 2px;
    background-color: rgba(0, 0, 0, 0.85);
    border-style: none;
    min-width: 10px! important;
}
.x-nlg .x-tip-mc {
    background-color: rgba(0, 0, 0, 0);
}
.x-tip-header,.x-tip-body,.x-form-invalid-tip-body {
    background-color: rgba(0, 0, 0, 0);
    color: white;
}
.x-form-invalid-tip-body li {
    color: black;
}
.x-tip-body td {
    background-color: rgba(0, 0, 0, 0);
    color: white;
}
.x-tip-header-title-default {
  background-color: rgba(0, 0, 0, 0);
  color: white;
}
.x-tip-header-text {
    background-color: rgba(0, 0, 0, 0);
    color: white;
}
.millbillMouseOver {
    height: auto;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0.85);
    box-shadow: 0px 1px 4px #878787;
    color: white;
    position: absolute;
    white-space: nowrap;
    line-height: normal;
}
.x-btn-pressed .millbillHomepageButton {
  opacity: 0.5;
}
.x-btn-pressed .millbillDocumentButton {
  opacity: 0.5;
}
.millbillHomepageButton {
  background-size: cover;
  width: 45px !important;
  height: 45px !important;
}
 .mt-millbillstart .x-btn-default-small {
  border:none;
}
.millbillDocumentButton {
  background-size: cover;
  width: 45px !important;
  height: 45px !important;
}
div#form_ProjectInfo{
  border: none;
}
div#form_ProjectInfo div.form-part div.title {
  background-color: #6c5198;
  color: white;
  padding: 8px 0px 5px 10px;
  border-bottom: none;
  border-radius: 3px 3px 0px 0px
}
div#form_ProjectInfo div.title {
  background-color: transparent;
  padding: 6px 10px 0px 10px;
}
div#form_ProjectInfo div.tools {
  background-color: transparent;
}
div#form_ProjectInfo .head tr.headings td {
  background-color: white;
  white-space: nowrap;
  color: black;
}
div#form_ProjectInfo table {
  border-collapse: separate;
  margin-bottom: 0px;
}
div#form_ProjectInfo table.form {
  border: 1px solid #DDDDDD;
  border-top: none;
  margin: 10px;
  margin-bottom: none;
}
div#form_ProjectInfo table.form-base td.form-base{
  padding-top: 0px;
}
div#form_ProjectInfo table.form tr th {
  width: 12em;
  border-left: 1px solid #DDDDDD;
}
div#form_ProjectInfo table.form tr th:first-child {
  border-left: none;
}
div#form_ProjectInfo table.form tr.row td, div#form_ProjectInfo table.form tr.row th {
  background-color: #FFFFFF;
  border-top: 1px solid #DDDDDD;
  padding-left: 10px;
}
div#form_ProjectInfo table.form tr.row-odd td, div#form_ProjectInfo table.form tr.row-odd th {
  background-color: #FAFAFA;
  border-top: 1px solid #DDDDDD;
  padding-left: 10px;
}
div#form_ProjectInfo table.list td.colgroup-start{
  border-left: none;
}
div#form_ProjectInfo table.list tr.headings td {
  background-color: #FFFFFF;
  border-top: 1px solid #DDDDDD;
  border-left: 1px solid #DDDDDD;
  padding-left: 10px;
}
div#form_ProjectInfo table.list tr.headings td:first-child{
  border-left: none;
}
div#form_ProjectInfo table.list tr.row td, div#form_ProjectInfo table.list tr.row th {
  background-color: #FFFFFF;
  border-top: 1px solid #DDDDDD;
  padding-left: 10px;
}
div#form_ProjectInfo table.list tr.row-odd td, div#form_ProjectInfo table.list tr.row-odd th {
  background-color: #FAFAFA;
  border-top: 1px solid #DDDDDD;
  padding-left: 10px;
}
div#form_ProjectInfo table.list tr.totals td {
  background-color: #FFFFFF;
  border-top: 1px solid #DDDDDD;
  padding-left: 10px;
}
div#form_InvoiceSettings table.form th {
  vertical-align: baseline;
  width: 111px;
}
div#form_InvoiceSettings tr.row-odd, div#form_InvoiceSettings tr.row-odd td, div#form_InvoiceSettings tr.row-odd th {
  border-radius: 0 0 0 0;
}
tr.reportDialog-row-odd {
    background-color: #FAFAFA;
}
tr.reportDialog-row {
    background-color: #FFFFFF;
}
tr.reportDialog-header {
    background-color: #FFFFFF;
    margin-bottom: 5px;
    padding: 4px 0px;
    box-shadow: rgb(204, 204, 204) 0px -1px 0px 0px inset;
    height: 32px;
}
.popupTableToptextContainer {
  padding: 10px;
  background-color: #FFDDDC;
  border: 2px solid #FF9D9B;
  margin-bottom: 20px;
  border-radius: 3px;
}
.popupTableToptext {
  color: #333333;
  font-size: 12px;
}
.popupTableContainer {
  border: 1px solid #A8A8A8;
}
.popupTableHeaderCell {
  font-weight: bold;
  font-size: 12px;
  margin: 0px 8px;
}
.popupTableCell {
  font-size: 12px;
  padding: 8px;
}
tr.reportDialog-hover:hover {
    background-color: #EFEFEF;
    background-blend-mode: darken;
    min-width: 8px;
}
tr.reportDialog-header td {
}
tr.popupTableBody {
}
div.popupTable tr.popupTable-body:hover {
  background-color: #EFEFEF;
  background-blend-mode: darken;
  min-width: 8px;
}
tr.popupTable-header {
  background-color: #FFFFFF;
  margin-bottom: 5px;
  box-shadow: #A8A8A8 0px -1px 0px 0px inset;
  height: 32px;
}
div.popupTable table tr:nth-child(odd) {
  background-color: #FAFAFA;
  height: 24px;
  border-bottom: 1px solid #DDDDDD;
}
div.popupTable table tr:nth-child(even) {
  background-color: #FFFFFF;
  height: 24px;
  border-bottom: 1px solid #DDDDDD;
}
div#form_InvoiceSettings input {
  vertical-align: baseline;
  box-sizing: border-box;
  height: 18px;
}
div#form_InvoiceSettings input.mt-date {
  vertical-align: middle;
}
div#form_InvoiceSettings input#ship_terms,
div#form_InvoiceSettings input#ship_type,
div#form_InvoiceSettings input#bill_terms {
  width:100%;
}
div#form_InvoiceSettings input#ship5,
div#form_InvoiceSettings input#bill5 {
  width:70%;
}
div#form_InvoiceSettings table.form textarea {
  margin-left: -2px;
}
div#form_InvoiceSettings select {
  width: 100%;
  height: 18px;
}
div#form_InvoiceSettings .inner-table-container {
  padding: 0px 3px;
}
.progressbar {
  background-color: #f3f3f3;
}
.x-progress-default .x-progress-bar-default {
  background-color: #5ebf8bff;
  background-image: none;
}
.x-btn-icon-left > .x-btn-icon-el-default-toolbar-small.download-cloud {
  background-size: 22px auto;
  width: 24px;
  margin-top: 1px;
}
.attributecontainer .x-form-text-default.x-form-textarea {
  min-height:52px;
}
div#form_ProjectReport tbody.toggletable-header:hover{
  cursor: pointer;
  background-color: #DDD9E2!important;
}
div#form_ProjectReport tbody.toggletable-header tr.filter{
  background-color: transparent;
}
div#form_ProjectReport tbody.toggletable-header td{
  background-color: transparent;
}
div#form_ProjectReport tbody.tablehidden + tbody.toggletable-header tr.filter td {
  border-top: none;
}
div#form_ProjectReport tbody.tablehidden + tbody tr.totals {
  border-top: none;!important;
}
div#form_ProjectReport tbody.tablehidden + tbody tr.totals td {
  border-top: none;!important;
}
.datatitle td {
 text-align: left;
}
.datatitle td.number {
 text-align: right;
}
div.millbill-table.datatitle tbody tr td{
  vertical-align: top;
  padding: 4px;
}
div.popupcheckboxfield .x-form-checkbox-default {
  margin-top: 0px;
}
div#form_ProjectReport table#ReportRows tbody textarea {
  resize: none;
  box-sizing: border-box;
  overflow-y: hidden;
}
div#form_ProjectReport table#ReportRows tbody select {
  width: 100%;
  padding-right: 2px;
}
div#form_ProjectReport table#ReportRows tbody tr#move select {
  width: 15%;
}
div.project_tooltip td {
  vertical-align: top;
}
.transfer-email-gln .x-form-trigger-wrap {
  border: 0px solid;
}
.transfer-email-gln .x-form-field.x-form-text.x-form-text-grid-cell {
  background-color: transparent;
}
@keyframes autoinvoice-status-animation {
  0% {opacity: 0.6;}
  50% {opacity: 1;}
  100% {opacity: 0.6;}
}
td .autoinvoice-status-queue,
td .autoinvoice-status-done,
td .autoinvoice-status-fail {
    display: inline-block;
    background-size: 30px 18px;
    background-position-x: 3px;
    background-position-y: 1px;
    width: 31px;
    height: 20px;
}
.autoinvoice-status-queue {
    animation-name: autoinvoice-status-animation;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    background: url(../images/autoinvoice_queue.svg) no-repeat;
}
.autoinvoice-status-done {
    background: url(../images/autoinvoice_done.svg) no-repeat;
}
.autoinvoice-status-fail {
    background: url(../images/autoinvoice_fail.svg) no-repeat;
}
td .email-status-done,
td .email-status-fail {
    display: inline-block;
    background-size: 23px 16px;
    background-position-x: 1px;
    background-position-y: 1px;
    width: 25px;
    height: 18px;
}
.email-status-done {
    background: url(../images/email.svg) no-repeat;
}
.email-status-fail {
    background: url(../images/email_fail.svg) no-repeat;
}
.x-tool x-box-item x-tool-default x-tool-after-title x-tool-pressed {
  width: 40px;
}
.autoinvoice-price-panel .x-panel-header {
  border: none;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  cursor: pointer;
  transition: background-color 0.3s;
}
.autoinvoice-price-panel .x-panel-header:hover {
  background-color: #f3f3f3;
}
.autoinvoice-price-panel .x-panel-header, .autoinvoice-price-panel .x-panel-body {
  background-color: #fbf9fd;
}
.autoinvoice-price-panel {
  border-bottom: 1px solid #ccc;
}
.autoinvoice-price-panel .x-title-text.x-title-text-default.x-title-item {
  color: #6c5198;
}
.autoinvoice-price-panel .x-tool-tool-el.x-tool-img.x-tool-expand-bottom,
.autoinvoice-price-panel .x-tool-tool-el.x-tool-img.x-tool-collapse-top {
  background: url(../images/next.svg) no-repeat;
  background-position-x: 3px;
  width: 16px;
  height: 16px;
  transition: transform 0.75s;
}
.autoinvoice-price-panel .x-tool-tool-el.x-tool-img.x-tool-expand-bottom {
  transform: rotate(270deg) rotate3d(0, 1, 0, 180deg)
}
.autoinvoice-price-panel .x-tool-tool-el.x-tool-img.x-tool-collapse-top {
  transform: rotate(270deg) rotate3d(0, 0, 0, 180deg)
}
.integration-purchase-button .x-btn-inner.x-btn-inner-mt-default-button-small {
  color: white;
}
.integration-purchase-button {
  background-color:#3dcb33;
  color: white;
  border: none;
  transition: background-color 0.3s;
}
.integration-purchase-button:hover {
  background-color: #34A82B;
}
div.millnetautoinvoicedialog label,
div.millnetautoinvoicedialog p {
  font-family: Arial;
  font-size: 13px;
}