html, body {
    height: 100%;
}
body {
    background: #fff;
    font-family: Verdana,Helvetica,Arial,sans-serif;
}
div, table, tr, td, th {
    background-color: transparent;
    font-family: Verdana,Helvetica,Arial,sans-serif;
}
a {
    color: #000;
    font-family: Verdana,Helvetica,Arial,sans-serif;
}
strong {
    font-weight: bold;
}
.hide {
    display: none;
}
.mini {
    font-size: 80%;
}
div.login-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    display: block;
    overflow: auto;
    margin: 0 auto;
    -webkit-box-shadow: 3px 4px 10px 1px rgba(0, 0, 0, 0.43);
    -moz-box-shadow: 3px 4px 10px 1px rgba(0, 0, 0, 0.43);
    box-shadow: 3px 4px 10px 1px rgba(0, 0, 0, 0.43);
    border-radius: 5px;
    background-color: white;
    overflow: visible;
}
div.login-dialog div.line label,
div.login-dialog div.line input,
div.login-dialog div.line select,
div.login-dialog div.line span,
div.login-dialog div.line p,
div.login-dialog div.submit-line input,
.loginpurple div div div div div label,
.loginpurple div div div div div div div input.x-form-text,
.loginpurple div div div div div.x-form-display-field {
    display: block;
    width: 75%;
    left: 50%;
    margin: 0 auto;
    font-size: 0.9rem;
    font-family: 'Roboto', sans-serif, arial;
}
.loginpurple div div div div div.x-form-display-field {
    width: initial;
}
div.login-dialog div#form select {
    background-color: rgba(245, 245, 245, 1);
    border-radius: 3px;
    border: 1px solid #ccc;
    height: 1.9rem;
}
div.dialog {
    border: 1px solid #555;
}
div.login-dialog {
    border: none;
}
div.login-dialog img {
    display: block;
    max-width: 175px;
    max-height: 36px;
    left: 50%;
    margin: 2.2rem auto 1.5rem auto;
}
div.login-dialog div#form div.line:nth-child(n+2):nth-child(-n+4) {
    margin-top: 1.6rem;
}
div.login-dialog div#form div.labelLink {
    display: block;
    width: 75%;
    left: 50%;
    margin: -1.5rem auto 1.4rem;
    text-align: right;
}
div.login-dialog div#form div.labelLink label:hover {
    text-decoration: underline;
    cursor: pointer;
}
div.login-wrapper div#information {
    display: none;
    background: #4A25AA;
    padding: 10px;
    color: white;
    font-family: 'Roboto', sans-serif, arial;
    max-width: 300px;
    border-radius: 0 0 5px 5px;
}
div.login-wrapper div#error {
    display: none;
    background: #FB8D8B url(../images/warning_2017_border.svg) center no-repeat;
    background-size: 20px 20px;
    background-position: 10px 49%;
    padding: 10px 10px 10px 40px;
    color: white;
    font-family: 'Roboto', sans-serif, arial;
    max-width: 270px;
    border-radius: 0 0 5px 5px;
}
div.login-dialog div#form div.submit-line {
    margin-top: 2.9rem !important;
    margin-bottom: 3rem;
}
div.login-dialog div#form label,
.loginpurple div div div div div label,
.loginpurple div div div div div.x-form-display-field {
    color: #4A25AA;
    margin-bottom: 0.2rem;
}
div.login-dialog input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px rgba(245, 245, 245, 1) inset;
}
div.login-dialog input.edit,
.loginpurple div div div div div div div input.x-form-text {
    height: 1.9rem;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding-left: 0.3rem;
    box-sizing: border-box
}
.loginpurple div div div div div div div input.x-form-text {
    background: initial;
    background-image: initial;
}
div.login-dialog div#form input.button {
    background-color: #4A25AA;
    border: #4A25AA;
    color: #fff;
    height: 2.2rem;
    border-radius: 20px;
    font-size: 1rem;
   -webkit-appearance: none;
}
div.login-dialog div#form input.button:hover {
    background-color: #7e63ab;
    border: #7e63ab;
    cursor: pointer;
}
div.login-dialog div#form input.button:disabled {
    opacity: 0.5;
}
div#lang-wrapper {
    position: relative;
    height: 23px;
    width: 35px;
    float: right;
    background-image: url(../images/language.svg);
    background-repeat: no-repeat;
    background-size: 13px 13px;
    background-position: 0px 5px;
    margin-top: 8px;
    padding-right: 8px;
    color: #9F9F9F;
}
div#lang-wrapper:hover {
    background-image: url(../images/language_purple.svg);
    color: #4A25AA;
    cursor: pointer;
}
div#login-lang {
    line-height: 23px;
    float: right;
    font-size: 12px;
    text-transform: uppercase;
}
div#lang-list-wrapper {
    min-width: 160px;
    z-index: 10;
    position: absolute;
    background-color: white;
    top: 50%;
    left: 50%;
    transform: translateY(-155px) translateX(115px);
    display: none;
    border-radius: 3px;
    -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.43);
    -moz-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.43);
    box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.43);
}
div#lang-list-wrapper.touch {
    padding: 10px 0;
    width: 200px;
    transform: translateY(-155px) translateX(-40px);
}
div#lang-list-wrapper li {
    padding: 5px;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
}
div#lang-list-wrapper.touch li {
    padding: 15px 12px;
    font-size: 15px;
    color: #333;
}
div#lang-list-wrapper li:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
div#lang-list-wrapper li:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
div#lang-list-wrapper li.selected {
    background-color: #4A25AA;
    color: white;
}
div#lang-list-wrapper.touch li.selected {
    background-color: #e6e6e6;
    color: #333;
}
div#lang-list-wrapper li:not(.selected):hover {
    background-color: #ECECEC;
}
div.dialog-title {
    border-bottom: 1px solid #555;
}
.layout {
    background-color: transparent;
}
.middle {
    vertical-align: middle;
}
.milltime-menu {
    line-height: 0;
}
.milltime-menu-footer {
    color: MENUBAR_FOOTER_TEXT;
    text-align: right;
    line-height: normal;
}
.new-design .milltime-menu-footer {
    vertical-align: top;
    margin-bottom: 2px;
    padding-right: 5px;
}
.milltime-menu-footer div,
.milltime-menu-footer a {
    font-family: 'Arial Fet', 'Arial';
    font-weight: 700;
    font-style: normal;
    font-size: 12px;
}
.milltime-menu-footer .euser {
    font-family: 'Arial Normal', 'Arial';
    font-weight: normal;
    padding-right: 5px;
}
.milltime-menu-footer a {
    color: white;
}
.milltime-menu-footer > div > a,
.milltime-menu-footer > div > img {
    color: white;
    margin-left: 8px;
}
.milltime-menu-footer img {
    position:relative;
    top:2px;
}
a {
    color: #039;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}
tr.disabled td {
    text-decoration: line-through;
}
table {
    background-color: white;
}
tr {
    height: 1.5em;
}
input {
    font-size: 10px;
    font-family: Verdana,Helvetica,Arial,sans-serif;
    vertical-align: middle;
    padding: 0;
    margin: 0;
}
select {
    font-size: 10px;
    vertical-align: middle;
    padding: 0;
    margin: 0;
}
a {
    color: black;
    font-size: 10px;
}
img {
    border-width: 0;
}
td {
    xxx-background-color: white;
    font-size: 10px;
    padding-left: 3px;
    padding-right: 3px;
}
th {
    vertical-align: middle;
    color: black;
    background-color: white;
    font-size: 10px;
    font-weight: bold;
    padding-left: 3px;
    padding-right: 3px;
}
.layout {
    background-color: transparent;
}
.middle {
    vertical-align: middle;
}
hr.page-break {
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px dashed #222;
    border-bottom: 0px dashed #222;
    color: #fff;
    background-color: #fff;
    height: 1px;
    page-break-after: always;
}
body.bg {
    background-color: white;
}
body.menu {
    background-color: white;
}
table.menu {
    padding: 4px;
}
body.milltime-menu, div.milltime-menu {
    background-color: white;
}
div.padding {
    margin: 1px;
}
table.milltime-menu {
    background-color: white;
    height: 45px;
    width: 100%;
}
.milltime-menu .logo-img {
    vertical-align: middle;
    margin-left: 10px;
    margin-right: 8px;
}
.milltime-menu .logo-text {
    font-family: "Verdana";
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    vertical-align: middle;
}
.milltime-menu .logo-text-new {
    font-family: "Franklin Gothic Heavy";
    font-size: 21px;
    font-weight: 900;
    font-style: normal;
    color: MENUBAR_BG_ACTIVE;
    text-transform: uppercase;
    vertical-align: middle;
}
table.milltime-menu.new-design {
    background-color: #4A25AA;
    height: 60px;
}
tr.milltime-menu.new-design {
    height: 0;
}
table.milltime-menu td.milltime-menu {
    vertical-align: top;
}
table.milltime-menu.new-design td.milltime-menu {
    vertical-align: middle;
}
tr.milltime-menu-bottom {
    height: 3px;
    line-height: 0;
}
td.milltime-menu-bottom {
    white-space: nowrap;
    text-align: left;
    vertical-align: top;
    height: 3px;
    line-height: 0;
    background-image: url("../images/milltime_menu_line.gif");
    background-repeat: repeat-x;
    background-position: top left;
}
td.menu {
    text-align: left;
    white-space: nowrap;
}
td.menur {
    text-align: right;
    white-space: nowrap;
}
img.menu {
    vertical-align:text-top;
}
table.month-view {
    width: 100%;
}
td.error {
    color: red;
}
.head {
    color: rgb(255,255,255);
    background-color: #5a446f;
    height: 24px;
    white-space: nowrap;
}
td.head a {
    color: white;
    white-space: nowrap;
}
.title-buttons {
    height: 24px;
    border: 0 solid white;
    padding: 0;
    margin: 0;
}
div.title-buttons {
    height: 24px;
    border: 0 solid white;
    padding: 0;
    margin: 0;
}
.title-head {
    color: rgb(255,255,255);
    background-color: #5a446f;
    height: 24px;
    border: 0 solid white;
    padding: 0;
    margin: 0;
}
div.title-head {
    margin-bottom: 0.8em;
}
.we {
    color: rgb(200,10,50);
}
td.we {
    color: rgb(200,10,50);
    background-color: #eeeeee;
    text-align: center;
    white-space: nowrap;
}
td.we a {
    color: rgb(200,10,50);
    text-align: center;
    white-space: nowrap;
}
th.we {
    color: rgb(200,10,50);
    background-color: #eeeeee;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
}
th.we a {
    color: rgb(200,10,50);
    text-align: center;
    white-space: nowrap;
}
td.wel {
    color: rgb(200,10,50);
    text-align: left;
    white-space: nowrap;
}
td.wel a {
    color: rgb(200,10,50);
    text-align: left;
    white-space: nowrap;
}
td.wd {
    color: rgb(0,0,0);
    background-color: #eeeeee;
    text-align: center;
    white-space: nowrap;
}
td.wd a {
    color: rgb(0,0,0);
    text-align: center;
    white-space: nowrap;
}
th.wd {
    color: rgb(0,0,0);
    background-color: #eeeeee;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
}
th.wd a {
    color: rgb(0,0,0);
    text-align: center;
    white-space: nowrap;
}
td.wdl a {
    color: rgb(0,0,0);
    text-align: left;
    white-space: nowrap;
}
td.wdl {
    color: rgb(0,0,0);
    text-align: left;
    white-space: nowrap;
}
td.wd-am {
    background-color: #e7dbe4;
    text-align: center;
    white-space: nowrap;
}
td.wd-am a {
    color: rgb(40,40,40);
    text-align: center;
    white-space: nowrap;
}
td.we-am {
    background-color: #e7dbe4;
    color: rgb(200,10,50);
    text-align: center;
    white-space: nowrap;
}
td.we-am a {
    color: rgb(200,10,50);
    text-align: center;
    white-space: nowrap;
}
td.project {
    text-align: left;
    white-space: nowrap;
}
td.activity {
    text-align:left;
    white-space: nowrap;
}
td.notes {
    text-align:left;
}
td.data {
    text-align:right;
    white-space: nowrap;
}
td.nd {
    background-color: lightgrey;
    font-weight: bold;
    font-family: Verdana,Helvetica,Arial,sans-serif;
    white-space: nowrap;
}
td.rt {
    font-weight: bold;
    font-family: Verdana,Helvetica,Arial,sans-serif;
    white-space: nowrap;
}
th.error {
    color: red;
}
th.tot {
    text-align:right;
    white-space: nowrap;
}
input[type=text]::-ms-clear {
    display: none;
}
.year-week {
    text-align: left;
    background-color: #d2c7ce;
    height: 16px;
}
.year-week-c {
    text-align: center;
    background-color: #d2c7ce;
    height: 16px;
}
.year-week-r {
    text-align: right;
    background-color: #d2c7ce;
    height: 16px;
}
th.year-week, th.year-week-c, th.year-week-r {
    font-weight: bold;
}
td.edit-area {
    text-align: left;
    font-weight: bold;
    background-color: #d2c7ce;
    height: 24px;
}
td.edit-area-c {
    text-align: center;
    font-weight: bold;
    background-color: #d2c7ce;
    height: 24px;
}
td.edit-area-r {
    text-align: right;
    font-weight: bold;
    background-color: #d2c7ce;
    height: 24px;
}
th.week-day {
    text-align: center;
    font-weight: bold;
    background-color: white;
    height: 16px;
    width: 12%;
}
th.month-name {
    text-align: left;
    font-weight: bold;
    background-color: white;
    height: 16px;
    width: 16%;
}
th.month-total {
    text-align: left;
    font-weight: bold;
    background-color: #d2c7ce;
    height: 16px;
}
td.month-total {
    text-align: center;
    font-weight: bold;
    background-color: #eeeeee;
    height: 16px;
}
th.month-flex {
    text-align: left;
    font-weight: bold;
    background-color: #d2c7ce;
    height: 16px;
}
td.month-flex {
    text-align: center;
    font-weight: bold;
    background-color: #eeeeee;
    height: 16px;
}
table.cal-view {
    background-color: transparent;
    width: 100%;
}
th.cal-week {
    text-align: left;
    font-weight: bold;
    background-color: #d2c7ce;
    height: 16px;
    width: 16%;
}
td.cal-week {
    text-align: left;
    background-color: white;
    height: 16px;
    width: 16%;
}
th.cal-wday {
    text-align: center;
    font-weight: bold;
    background-color: white;
    height: 16px;
    width: 12%;
}
th.cal-week-day {
    text-align: left;
    font-weight: bold;
    background-color: #d2c7ce;
    height: 16px;
}
table.details-view-padding {
    padding: 2px;
    background-color: transparent;
    width: 100%;
}
table.details-view {
    background-color: transparent;
    width: 100%;
}
th.details-row {
    text-align: left;
    font-weight: bold;
    background-color: #ffffff;
    height: 16px;
    white-space: nowrap;
    width: 90px;
}
th.details-row-odd {
    text-align: left;
    font-weight: bold;
    background-color: #eeeeee;
    height: 16px;
    white-space: nowrap;
    width: 90px;
}
td.details-proj {
    text-align: left;
    background-color: #ffffff;
    font-weight: bold;
    height: 16px;
    width: 120px;
}
div.details-proj-customer {
    font-weight: normal;
    font-size: smaller;
}
.details-proj-odd {
    text-align: left;
    background-color: #eeeeee;
    font-weight: bold;
    height: 16px;
    width: 120px;
}
.details-activity {
    text-align: left;
    background-color: #ffffff;
    height: 16px;
    width: 120px;
}
.details-activity-odd {
    text-align: left;
    background-color: #eeeeee;
    height: 16px;
    width: 120px;
}
.details-data {
    text-align: left;
    background-color: #ffffff;
    height: 16px;
}
.details-data-odd {
    text-align: left;
    background-color: #eeeeee;
    height: 16px;
}
.details-note {
    text-align: left;
    background-color: #ffffff;
    height: 16px;
}
.details-note-odd {
    text-align: left;
    background-color: #eeeeee;
    height: 16px;
}
.details-lock {
    text-align: left;
    background-color: #ffffff;
    height: 16px;
    width: 40px;
}
.details-lock-odd {
    text-align: left;
    background-color: #eeeeee;
    height: 16px;
    width: 40px;
}
.details-favorite {
    text-align: left;
    background-color: #ffffff;
    height: 16px;
    width: 40px;
}
.details-favorite-odd {
    text-align: left;
    background-color: #eeeeee;
    height: 16px;
    width: 40px;
}
.details-total-label,
.details-total-value,
.details-total-flex,
.details-total-lock,
.details-total-favorite {
    text-align: left;
    font-weight: bold;
    background-color: #d2c7ce;
    height: 16px;
    white-space: nowrap;
}
table.info-view {
    background-color: transparent;
    width: 100%;
}
th.head {
    text-align: left;
    color: white;
    background-color: #5a446f;
    height: 24px;
    white-space: nowrap;
}
th.head a {
    color: white;
    font-size: 10px;
    white-space: nowrap;
}
th.head-inner {
    text-align: left;
    color: white;
    background-color: #5a446f;
    white-space: nowrap;
}
th.head-inner a {
    color: white;
    font-size: 10px;
    white-space: nowrap;
}
th.headl {
    text-align: left;
    background-color: lightgrey;
    font-size: 10px;
    font-weight: bold;
    font-family: Verdana,Helvetica,Arial,sans-serif;
    white-space: nowrap;
}
th.headl a {
    color: white;
    font-size: 10px;
    white-space: nowrap;
}
th.headr {
    color: white;
    text-align: right;
    background-color: #5a446f;
    height: 24px ;
    white-space: nowrap;
}
th.headc a {
    color: white;
    font-size: 10px;
    white-space: nowrap;
}
th.headc {
    color: white;
    text-align: center;
    background-color: #5a446f;
    height: 24px ;
    white-space: nowrap;
}
th.headr a {
    color: white;
    font-size: 10px;
    white-space: nowrap;
}
th.small {
    font-size: 8px;
    font-weight: normal;
    white-space: nowrap;
}
th.smallth {
    background-color: lightgrey;
    font-size: 8px;
    font-weight: normal;
    white-space: nowrap;
}
.head-simple {
    padding-top: 10px;
    text-align: left;
}
.head-simple-c {
    padding-top: 10px;
    text-align: center;
}
.head-simple-r {
    padding-top: 10px;
    text-align: right;
    vertical-align: top;
}
div.biggray {
    font: normal normal 900 300% helvetica,verdana,sans-serif;
    color: rgb(210,210,210);
}
span.error, span.warning {
    color: red;
    font-weight: bold;
}
span.error span.button input {
    background-color: #f33;
    font-weight: normal;
}
span.button {
    font-weight: normal;
}
span.button a {
    font-weight: bold;
}
a.button img {
    vertical-align: middle;
    text-decoration: none !important;
}
div.mday {
    float: left;
    font-size: 6pt;
    text-align: center;
    vertical-align: top;
    background-color: lightgrey;
    width: 2em;
    border-color: rgb(64,64,64);
    border-right-width: 1px;
    border-right-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
div.title-buttons {
    float: right;
    border-bottom-style: solid;
}
.project-member select, select.project-member {
    width: 20em;
}
.fill-width {
    width: 97%;
}
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;
}
div.login-dialog div.error {
    background: #FB8D8B url(../images/warning_2017_border.svg) center no-repeat;
    background-size: 20px 20px;
    background-position: 10px 49%;
    text-align: left;
    padding: 10px 10px 10px 39px;
    border: none;
    border-radius: 0px;
    color: #fff;
    font-size: 13px;
}
.page-title {
    margin: 0;
    padding: 6px 8px 5px 8px;
    color: #fff;
    background-color: #5a446f;
    font: normal normal 700 10px Verdana,Helvetica,Arial,sans-serif;
    text-align: center;
}
.form {
    margin: 0 0 0 0;
    padding: 0;
    border: 0;
}
.form a {
    font-weight: 700;
    text-decoration: underline;
}
.form a:active {
    text-decoration: underline;
}
.form a:visited {
    text-decoration: underline;
}
.form a:link {
    text-decoration: underline;
}
.form a:hover {
    text-decoration: none;
}
.form h1 {
    margin: 0;
    padding: 8px 8px 6px 0;
    color: #fff;
    background-color: #5a446f;
    font: normal normal 700 10px Verdana,Helvetica,Arial,sans-serif;
}
.form h2 {
    margin: 0;
    padding: 8px 8px 6px 0;
    font: normal normal 700 10px Verdana,Helvetica,Arial,sans-serif;
}
.form th.title {
    margin: 0;
    padding: 8px 8px 6px 0;
    color: #fff;
    background-color: #5a446f;
    font: normal normal 700 10px Verdana,Helvetica,Arial,sans-serif;
}
.form h1 a, .form th.title a {
    color: #fff;
    font-weight: 700;
    text-decoration: underline;
}
.form h1 a:active, .form th.title a:active {
    text-decoration: underline;
}
.form h1 a:visited, .form th.title a:visited {
    text-decoration: underline;
}
.form h1 a:link, .form th.title a:link {
    text-decoration: underline;
}
.form h1 a:hover, .form th.title a:hover {
    text-decoration: underline;
}
.form textarea {
    width:98%;
    height: 8em;
}
.form table tr th {
    padding-top: 6px;
    padding-bottom: 2px;
    vertical-align: top;
    font-weight: 700;
    white-space: nowrap;
    text-align: left;
}
.form table td, .form table th {
    padding: 6px;
}
.form tr.row, .form tr.row th, .form tr.row td {
    background-color: #ffffff;
}
.form tr.row-odd, .form tr.row-odd th, .form tr.row-odd td {
    background-color: #eeeeee;
}
.form .center {
    text-align: center;
}
.form .right {
    text-align: right;
}
.list {
    margin: 0;
    padding: 0;
    border: 0;
}
.list a {
    color: #000;
    text-decoration: underline;
}
.list a:active {
    text-decoration: underline;
}
.list a:visited {
    text-decoration: underline;
}
.list a:link {
    text-decoration: underline;
}
.list a:hover {
    text-decoration: underline;
}
.list h1 {
    margin: 0;
    padding: 8px 8px 6px 0;
    color: #fff;
    background-color: #5a446f;
    font: normal normal 700 10px Verdana,Helvetica,Arial,sans-serif;
}
.list th.title {
    margin: 0;
    padding: 8px 8px 6px 0;
    color: #fff;
    background-color: #5a446f;
    font: normal normal 700 10px Verdana,Helvetica,Arial,sans-serif;
}
.list h1 a, .list th.title a {
    color: #fff;
    font-weight: 700;
    text-decoration: underline;
}
.list h1 a:active, .list th.title a:active {
    text-decoration: underline;
}
.list h1 a:visited, .list th.title a:visited {
    text-decoration: underline;
}
.list h1 a:link, .list th.title a:link {
    text-decoration: underline;
}
.list h1 a:hover, .list th.title a:hover {
    text-decoration: underline;
}
.list textarea {
    width:100%;
    height: 10em;
}
.list table tr th {
    text-align: left;
    font-weight: 700;
    white-space: nowrap;
}
.list tr.row-odd, .list tr.row-odd th, .list tr.row-odd td {
    background-color: #eeeeee;
}
.negative {
    color: red;
}
.negative:before {
    content: "(";
}
.negative:after {
    content: ")";
}
.buttons, .buttons table, .buttons table tr, .buttons table tr th, .buttons table tr td {
    color: white;
    background-color: #4A25AA;
    height: 22px;
    vertical-align: middle;
    font: normal normal 700 9px Verdana,Helvetica,Arial,sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: center;
}
.buttons a {
    margin: 0 0 0 0;
    padding: 4px 0 0 0;
    color: white;
    background-color: #4A25AA;
    text-transform: uppercase;
    text-decoration: none;
}
.buttons a:active {
    text-decoration: none;
}
.buttons a:visited {
    text-decoration: none;
}
.buttons a:link {
    text-decoration: none;
}
.buttons a:hover {
    text-decoration: none;
}
.buttons-sep, .buttons-sep table tr th, .buttons-sep table tr td,
.buttons-left, .buttons-left table tr th, .buttons-left table tr td,
.buttons-right, .buttons-right table tr th, .buttons-right table tr td {
    color: white;
    background-color: white;
    height: 22px;
    vertical-align: middle;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
div.action-buttons {
    text-align: center;
    margin-top: 0.8em;
}
table.action-buttons {
    margin: 0 auto;
    text-align: left;
}
table.action-buttons a {
    font-size: 100%;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
}
table.action-buttons td {
    background-color: #4A25AA;
    border-left: #fff 2px solid;
    padding-left: 3px;
    padding-right: 3px;
    text-align: center;
}
.new-design table.action-buttons td {
    padding-left: 0;
    padding-right: 0;
}
table.action-buttons td.begin {
    padding: 0;
    background: white url('../images/milltime_menu_left_bottom.gif') bottom left no-repeat;
}
table.action-buttons td.end {
    padding: 0;
    border-left: #fff 2px solid;
    border-right: #fff 2px solid;
    background: white url('../images/milltime_menu_right_bottom.gif') bottom right no-repeat;
}
table.action-buttons td.begin img {
    float: left;
}
table.action-buttons td.end img {
    float: right;
}
table.milltime-menu table.action-buttons, div.milltime-menu table.action-buttons {
    margin: 0;
}
table.milltime-menu.new-design table.action-buttons {
    background-color: transparent;
}
table.milltime-menu.new-design table.action-buttons td {
    text-align: center;
    font: normal normal 700 10px Verdana,Helvetica,Arial,sans-serif;
    text-decoration: none;
    text-transform: none;
    height: 24px;
    background-color: transparent;
    padding: 0;
    border-left: none;
}
table.milltime-menu.new-design table.action-buttons td,
table.milltime-menu.new-design table.action-buttons td a {
    color: MENUBAR_TEXT_INACTIVE;
}
table.milltime-menu.new-design table.action-buttons td.selected a {
    color: MENUBAR_TEXT_ACTIVE;
}
table.milltime-menu.new-design table.action-buttons a.submenu_selected {
    color: MENUBAR_SUBMENU_TEXT_ACTIVE;
}
table.milltime-menu.new-design table.action-buttons a.submenu_selected span {
    padding-bottom: 6px;
    border-bottom: 2px solid MENUBAR_SUBMENU_TEXT_ACTIVE;
}
table.milltime-menu.new-design table.action-buttons td.selected {
    background-color: MENUBAR_BG_ACTIVE;
}
table.milltime-menu.new-design table.action-buttons td.mainmenugray {
    background-color: MENUBAR_BG_GRAY;
}
table.milltime-menu.new-design table.action-buttons a {
    display: block;
    padding-right: 3px;
    padding-left: 3px;
    line-height: 43px;
    text-align: center;
    font-family: "Helvetica Fet", "Helvetica", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 11px;
    text-decoration: none;
    text-transform: uppercase;
    min-width: 113px;
}
table.milltime-menu.new-design table.action-buttons td.mainmenugray:hover {
    background-color: MENUBAR_BG_HOVER;
    color: MENUBAR_TEXT_HOVER;
    opacity: 1;
}
table.milltime-menu.new-design table.action-buttons td.submenu:hover a:not(.submenu_selected) span {
    color: MENUBAR_SUBTEXT_HOVER;
    padding-top: 3px;
    padding-bottom: 6px;
    border-bottom: 2px solid MENUBAR_SUBTEXT_HOVER;
}
iframe {
    border: 0;
    overflow: hidden;
}
iframe[name=menuFrame] {
    border-bottom: thin solid #CCC;
}
iframe[name=clientFrame] {
    overflow: auto;
}
div#tabs {
    background-color: #5a446f;
    border-top: 1px solid white;
    margin-bottom: 0.8em;
}
table.tabs, div.tabset div.tab-container {
    border-left: #5a446f 6px solid;
    background-color: #5a446f;
}
div.tabset {
    position:relative;
    float:left;
    clear:both;
    width:100%;
    margin-top: 0.5em;
}
div.tabset .tab-container {
    position:relative;
    float:left;
    width:100%;
}
div.tabset .tab {
    color:white;
    background: #5a446f;
    float:left;
    padding:4px 4px 4px 4px;
    margin:4px 4px 0px 0px;
    font-size: 10px;
    font: normal normal 700 9px Verdana,Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    text-decoration: none;
}
div.tabset .tab.selected {
    color: #5a446f;
    background: #d2c7ce;
}
table.tabs a, div.tabset div.tab-container a {
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
}
table.tabs td.selected a, div.tabset div.tab-container div.tab.selected a {
    color: #5a446f;
}
table.tabs td {
    background-color: #5a446f;
    border-left: #5a446f 6px solid;
    border-right: #5a446f 6px solid;
    padding-top: 4px;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
}
table.tabs td.selected {
    background-color: #d2c7ce;
    border-left: #d2c7ce 4px solid;
    border-right: #d2c7ce 4px solid;
}
div#tabs table.tabs-buttons {
    float: right;
    background-color: #fff;
}
div#tabs table.tabs-buttons a {
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
}
div#tabs table.tabs-buttons td {
    background-color: #4A25AA;
    padding: 4px;
    border-left: #fff 2px solid;
}
div.submenu {
    width: 100%;
    background-color: #5a446f;
    margin: 0 0 0 0;
    padding: 3px 0 0 0;
}
div.submenu2 {
    background-color: #5a446f;
    margin: 0 0 0 0;
    padding: 3px 0 0 0;
}
div.submenu3 {
    width: 100%;
    background-color: #5a446f;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
table.submenu {
    background-color: #5a446f;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
tr.submenu {
    background-color: #5a446f;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
td.submenu, div.submenu td {
    height: 16px;
    background-color: #5a446f;
    color: white;
    font: normal normal 700 10px Verdana,Helvetica,Arial,sans-serif;
    margin: 0 0 0 0;
    padding: 4px 2px 4px 2px;
    vertical-align: middle;
}
td.submenu-sel, div.submenu td.selected {
    height: 16px;
    background-color: #d2c7ce;
    color: black;
    font: normal normal 700 10px Verdana,Helvetica,Arial,sans-serif;
    margin: 0 0 0 0;
    padding: 4px 2px 4px 2px;
    vertical-align: middle;
}
a.submenu, div.submenu a {
    color: white;
    font: normal normal 700 10px Verdana,Helvetica,Arial,sans-serif;
    text-decoration: none;
}
a.submenu:active {
    color: white;
    font: normal normal 700 10px Verdana,Helvetica,Arial,sans-serif;
    text-decoration: none;
}
a.submenu:visited {
    color: white;
    font: normal normal 700 10px Verdana,Helvetica,Arial,sans-serif;
    text-decoration: none;
}
a.submenu:link {
    color: white;
    font: normal normal 700 10px Verdana,Helvetica,Arial,sans-serif;
    text-decoration: none;
}
a.submenu:hover {
    color: white;
    font: normal normal 700 10px Verdana,Helvetica,Arial,sans-serif;
    text-decoration: none;
}
a.submenu-sel, div.submenu td.selected a {
    color: #5a446f;
    font: normal normal 700 10px Verdana,Helvetica,Arial,sans-serif;
    text-decoration: none;
}
a.submenu-sel:active {
    color: #5a446f;
    font: normal normal 700 10px Verdana,Helvetica,Arial,sans-serif;
    text-decoration: none;
}
a.submenu-sel:visited {
    color: #5a446f;
    font: normal normal 700 10px Verdana,Helvetica,Arial,sans-serif;
    text-decoration: none;
}
a.submenu-sel:link {
    color: #5a446f;
    font: normal normal 700 10px Verdana,Helvetica,Arial,sans-serif;
    text-decoration: none;
}
a.submenu-sel:hover {
    color: #5a446f;
    font: normal normal 700 10px Verdana,Helvetica,Arial,sans-serif;
    text-decoration: none;
}
table.record-list td, table.record-list th {
    padding: 2px;
}
tr.record-list {
    padding: 0 0 4px 0;
}
tr.record-list-odd {
    padding: 0 0 4px 0;
}
tr.record-list-even {
    padding: 0 0 4px 0;
}
th.record-list {
    background-color: #d2c7ce;
    font-size: 10px;
    font-weight: bold;
    font-family: Verdana,Helvetica,Arial,sans-serif;
    text-align: left;
    white-space: nowrap;
    height: 24px;
}
th.record-list-c {
    background-color: #d2c7ce;
    font-size: 10px;
    font-weight: bold;
    font-family: Verdana,Helvetica,Arial,sans-serif;
    text-align: center;
    white-space: nowrap;
    height: 24px;
}
th.record-list-r {
    background-color: #d2c7ce;
    font-size: 10px;
    font-weight: bold;
    font-family: Verdana,Helvetica,Arial,sans-serif;
    text-align: right;
    white-space: nowrap;
    height: 24px;
}
td.record-list-odd, tr.record-list-odd td {
    background-color: #eeeeee;
    font: normal normal normal 10px Verdana,Helvetica,Arial,sans-serif;
}
td.record-list-even, td.record-list, tr.record-list-even td {
    background-color: #ffffff;
    font: normal normal normal 10px Verdana,Helvetica,Arial,sans-serif;
}
td.record-list-odd-l {
    background-color: #eeeeee;
    font: normal normal normal 10px Verdana,Helvetica,Arial,sans-serif;
    text-align: left;
}
td.record-list-even-l, td.record-list-l {
    background-color: #ffffff;
    font: normal normal normal 10px Verdana,Helvetica,Arial,sans-serif;
    text-align: left;
}
td.record-list-odd-c {
    background-color: #eeeeee;
    font: normal normal normal 10px Verdana,Helvetica,Arial,sans-serif;
    text-align: center;
}
td.record-list-even-c, td.record-list-c {
    background-color: #ffffff;
    font: normal normal normal 10px Verdana,Helvetica,Arial,sans-serif;
    text-align: center;
}
td.record-list-odd-r {
    background-color: #eeeeee;
    font: normal normal normal 10px Verdana,Helvetica,Arial,sans-serif;
    text-align: right;
}
td.record-list-even-r, td.record-list-r {
    background-color: #ffffff;
    font: normal normal normal 10px Verdana,Helvetica,Arial,sans-serif;
    text-align: right;
}
td.record-list-first-odd {
    background-color: #eeeeee;
    font: normal normal normal 10px Verdana,Helvetica,Arial,sans-serif;
    border-top: 1px solid #000000
}
td.record-list-first-even, td.record-list-first {
    background-color: #ffffff;
    font: normal normal normal 10px Verdana,Helvetica,Arial,sans-serif;
    border-top: 1px solid #000000
}
td.record-list-first-odd-l {
    background-color: #eeeeee;
    font: normal normal normal 10px Verdana,Helvetica,Arial,sans-serif;
    text-align: left;
    border-top: 1px solid #000000
}
td.record-list-first-even-l, td.record-list-first-l {
    background-color: #ffffff;
    font: normal normal normal 10px Verdana,Helvetica,Arial,sans-serif;
    text-align: left;
    border-top: 1px solid #000000
}
td.record-list-first-odd-c {
    background-color: #eeeeee;
    font: normal normal normal 10px Verdana,Helvetica,Arial,sans-serif;
    text-align: center;
    border-top: 1px solid #000000
}
td.record-list-first-even-c, td.record-list-first-c {
    background-color: #ffffff;
    font: normal normal normal 10px Verdana,Helvetica,Arial,sans-serif;
    text-align: center;
    border-top: 1px solid #000000
}
td.record-list-first-odd-r {
    background-color: #eeeeee;
    font: normal normal normal 10px Verdana,Helvetica,Arial,sans-serif;
    text-align: right;
    border-top: 1px solid #000000
}
td.record-list-first-even-r, td.record-list-first-r {
    background-color: #ffffff;
    font: normal normal normal 10px Verdana,Helvetica,Arial,sans-serif;
    text-align: right;
    border-top: 1px solid #000000
}
div.project-reports span.button a {
    text-decoration: none;
}
div.project-reports td {
    font-weight: 700;
}
.totals .layout td.report-total-value {
    text-align: right;
    padding-right: 0.4em;
}
.totals .layout td.report-total-unit {
    text-align: left;
    width: 4em;
}
.cell-padding td.report-unit {
    text-align: left;
    width: 4em;
    padding-left: 0px;
}
div.competence.x-view-over,
table.dataview tr.x-view-over {
    background-color:#eee;
}
div.competence.x-item-selected, div.competence.x-view-selected
table.dataview tr.x-view-selected {
    background-color:#ddd;
}
table.planner-graph {
    border-spacing: 0px;
    border-collapse: collapse;
    border: 0px solid #000;
    border-right: 1px solid #b0b0b0;
}
table.planner-graph tr, table.planner-graph td {
    font: normal normal normal 12px arial;
    height:20px;
}
table.planner-graph tr.head th.empty {
    border-left: 0;
    border-bottom: 0;
}
table.planner-graph tr.head, table.planner-graph tr.head th {
    font: normal normal normal 9px arial;
    color: #303030;
    height:11px;
    border-left: 1px solid #b0b0b0;
    border-bottom: 0px solid #b0b0b0;
}
table.planner-graph tr.head th.border-bottom {
    border-bottom: 1px solid #b0b0b0;
}
table.planner-graph td {
    width:22px;
    height:20px;
    border-left: 1px solid #b0b0b0;
    border-bottom: 1px solid #b0b0b0;
    font: normal normal normal 9px arial;
    text-align: center;
}
table.planner-graph .td {
    background-color: #ffffff;
}
table.planner-graph .td.empty {
    background-color: #ffffff;
}
table.planner-graph .td.absence {
    background-color: #acacac;
}
table.planner-graph .td.schedule {
    background-color: #7bbdff;
    color: #000;
}
table.planner-graph .td.blocked {
    background-color: #acacac;
}
table.planner-graph .td.schedule.planned {
    background-color: #bbbbbb;
    color: #ffffff;
}
table.planner-graph .td.schedule.locked {
    background-color: #f5f53f;
    color: #000;
}
table.planner-graph .td.schedule.attested {
    background-color: #72e372;
    color: #000;
}
table.planner-graph .td.schedule.absence {
    background-color: #fa5252;
    color: #ffffff;
}
table.planner-graph td div.td {
    position:relative;
    width:22px;
    height:20px;
    border:1px solid #ffffff;
    vertical-align:middle;
}
table.planner-graph td div.td.detail {
    width:37px;
    height:30px;
    font: normal normal normal 9px arial;
}
table.planner-graph td div.td.detailw {
    width:87px;
    height:30px;
    font: normal normal normal 9px arial;
}
table.planner-graph td div.n {
    position:absolute;
    width:6px;
    height:6px;
    padding:0;
    margin:0;
    top:0;
    right:0;
    font: normal normal normal 1px arial;
    z-index:2;
}
table.planner-graph td div.conflict {
    position:absolute;
    width:6px;
    height:6px;
    padding:0;
    margin:0;
    top:0;
    left:0;
    font: normal normal normal 1px arial;
    z-index:2;
    background-color: #ff0000;
}
table.planner-graph td div.n.c0, span.c0 {
    background-color: #b0b0b0;
}
table.planner-graph td div.n.c1, span.c1 {
    background-color: #000000;
}
table.planner-graph td div.n.c2, span.c2 {
    background-color: #ff0000;
}
table.planner-graph td div.n.c3, span.c3 {
    background-color: #00ff00;
}
table.planner-graph td div.n.c4, span.c4 {
    background-color: #0000ff;
}
table.planner-graph td div.n.c5, span.c5 {
    background-color: #ffff00;
}
table.planner-graph td div.n.c6, span.c6 {
    background-color: #00ffff;
}
table.planner-graph td div.n.c7, span.c7 {
    background-color: #ff00ff;
}
table.planner-graph td div.n.c8, span.c8 {
    background-color: #ffffff;
}
table.planner-graph td div.x-view-over {
    border:2px solid #eeaaaa;
    width:20px;
    height:18px;
}
table.planner-graph td div.x-view-over.detail {
    width:35px;
    height:28px;
}
table.planner-graph td div.x-view-over.detailw {
    width:85px;
    height:28px;
}
table.planner-graph td div.x-view-selected {
    border:2px solid #ff0000;
    width:20px;
    height:18px;
}
table.planner-graph td div.x-view-selected.detail {
    width:35px;
    height:28px;
}
table.planner-graph td div.x-view-selected.detailw {
    width:85px;
    height:28px;
}
table.planner-graph td div.attested {
    background-image: url('../images/lock2.png');
    background-repeat: no-repeat;
}
table.planner-graph td div.locked {
    background-image: url('../images/lock2.png');
    background-repeat: no-repeat;
}
.x-tool-m-add {
    background-image: url("../images/add_color_purple.gif") !important;
}
.redrow .x-grid-cell {
    background-color:pink !important;
}
.todo_link {
    font-size:11px;
}
.todo_link:hover {
    text-decoration: underline;
    cursor: pointer;
}
.x-grid-cell-assignment-employee-col .x-grid-cell-inner {
    cursor:pointer !important;
}
.x-grid-cell-employee-employee-col .x-grid-cell-inner {
    text-decoration: underline !important;
    cursor:pointer !important;
}
.x-grid-cell-assignment-customer-col .x-grid-cell-inner {
    cursor:pointer !important;
}
.x-grid-cell-assignment-project-col .x-grid-cell-inner {
    cursor:pointer !important;
}
.icontab .x-tab-inner {
    height:20px !important;
    margin-top:-2px !important;
}
.icontab .x-tab-center {
    height:20px !important;
    margin-top:-1px !important;
}
table.tooltip-table {
    color: white !important;
}
.tooltip-table td {
    height:12px !important;
}
.tooltip-table tr {
    height:12px !important;
}
.tt-divider {
    height: 1px;
    width: 100%;
    margin: 4px 0;
    border-top: 1px solid #777;
}
.tt-icon {
    height: 15px;
    width: 15px;
    margin: 0 2px;
}
.purplepanel {
    border-color:#d0d0d0 !important;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    margin-top:-1 !important;
    border-width:1px !important;
}
.purplepanel.x-docked-noborder-bottom {
    border-width:1px !important;
}
.purplepanel.x-panel-body-collapsed {
    border-width:0px !important;
}
.purplepanel.x-border-layout-ct {
    background-color: white;
}
.purpleheader.x-panel-header {
    color: white;
    border:1px solid #d0d0d0;
    -webkit-box-shadow:none !important;
    background-color: #4A25AA !important;
    background-image:none !important;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-color:white !important;
    border-bottom-width:0px !important;
    border-top-color:#d0d0d0 !important;
    border-top-width:1px !important;
    border-right-color:#d0d0d0 !important;
    border-right-width:1px !important;
    border-left-color:#d0d0d0 !important;
    border-left-width:1px !important;
    cursor: pointer;
    padding: 0px;
    height: 30px;
}
.x-panel-collapsed .purpleheader.x-panel-header-collapsed {
    border:1px solid #d0d0d0 !important;
    border-bottom-width:1px !important;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.purpleheader.x-panel-header-collapsed {
    border:1px solid #d0d0d0 !important;
    border-bottom-width:1px !important;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.purpleheader .x-panel-header-text {
    font-family: "Arial" !important;
    font-weight:bold !important;
    font-size: 14px !important;
    margin-left:4px;
    color: white;
    cursor: pointer;
}
.purpleheader .x-tool img {
    height: 16px;
    width: 16px;
    margin-top: 6px;
    margin-left: 4px;
    background-position: 0px 0px;
}
.purpleheader .x-tool-collapse-top {
    background-image:url(../images/expand_up_white.svg) !important;
}
.purpleheader .x-tool-expand-bottom {
    background-image:url(../images/expand_down_white.svg) !important;
    background-position: 0px 1px !important;
}
.purpleheader.vf .x-tool-collapse-top {
    background-image:url(../images/arrow_up_gray.svg) !important;
}
.purpleheader.vf .x-tool-expand-bottom {
    background-image:url(../images/arrow_down_gray.svg) !important;
    background-position: 0px 1px !important;
}
.purpleheader img.x-tool-collapse-right {
    background-image:url(../images/expand_right_white.svg);
    margin-top: 4px;
    margin-left: 8px;
}
.mt-panel-right-collapsed.x-region-collapsed-right-placeholder {
    background-color: MENUBAR_BG_ACTIVE;
    background: MENUBAR_BG_ACTIVE;
    background-image: none;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 0px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    margin: 10px 0px 12px 0px;
    width: 35px;
    box-shadow: none;
}
.mt-panel-right-collapsed.x-region-collapsed-right-placeholder text {
    font-size: 14px;
    font-weight: bold;
    fill: white;
}
.mt-panel-right-collapsed.x-region-collapsed-right-placeholder img {
    background: url(../images/expand_left_white.svg);
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    margin-top: 4px;
    margin-left: 6px;
}
.mt-panel-right-collapsed.x-region-collapsed-right-placeholder div.x-tool {
    height: 24px;
    width: 24px;
    border-radius: 100%;
    margin-left: 1px;
}
.purpleheader .x-panel-header-body {
    height: 30px;
}
.purpleheader .x-tool {
    height: 24px;
    width: 24px;
    border-radius: 25px;
    margin-right: 3px;
}
.purpleheader .x-tool.mt-tool-maximize, .purpleheader .x-tool.mt-tool-restore {
    margin-right: 1px;
}
.purpleheader .x-tool.mt-tool-maximize img {
    background-image: url('../images/maximize_window.svg');
    margin-top: 4px;
}
.purpleheader .x-tool.mt-tool-restore img {
    background-image: url('../images/minimize_window.svg');
    background-position: 0px 8px;
    margin-top: 4px;
}
.purpleheader .x-tool.x-tool-over, .mt-panel-right-collapsed .x-tool.x-tool-over {
    background-color: rgba(255, 255, 255, 0.4);
}
.impactheader {
    border-top-width:0;
    border-image-width:0
    -webkit-box-shadow:none;
}
.impactheader .x-panel-header-text,
label.impactheader {
    font-family: "Arial" !important;
    font-weight:bold !important;
    font-size: 14px !important;
    margin-left:-px;
    overflow: visible !important;
}
.impactheader .x-panel-header {
    background-color:white !important;
    background-image:none !important;
    border-image:none;
    border-image-width:0px !important;
    box-shadow:none !important;
    -webkit-box-shadow:none;
    border:0;
    padding-left:0px;
}
.impactheader .x-toolbar {
    background-color:white !important;
    background-image:none !important;
    -webkit-box-shadow:none;
    border:0;
}
.image-button {
    cursor: pointer;
}
.planner-graph2 {
    font-size: 11px;
}
.planner-graph2 tr.week td {
    height: 20px;
    vertical-align: top;
    font-size: 10px;
    margin-bottom: 5px;
}
.planner-graph2 .tree {
    text-align:left;
    padding-left: 5px;
}
.planner-graph2 .lock {
    width:22px;
    padding-left:4px;
    text-align:left;
}
.planner-graph2 tr.tree th {
    border-top: 1px solid #a1a1a1;
    font-weight: normal;
}
.planner-graph2 tr.tree.level1 th,
.planner-graph2 tr.tree.consultant th {
    border-top: 2px solid #a1a1a1;
    font-weight: 600;
}
.planner-graph2 tr.tree {
    height:20px;
}
.planner-graph2 tr.level1,
.planner-graph2 tr.consultant {
    height:20px;
}
.planner-graph2 tr.level3,
.planner-graph2 tr.assignment {
    height:20px;
}
.planner-graph2 tr.tree.level1 td,
.planner-graph2 tr.tree.consultant td {
    border-left: 1px solid #a1a1a1;
    width:28px;
    height:20px;
    text-align:center;
}
.planner-graph2 tr.tree td.weekstart,
.planner-graph2 tr.weekday td.weekstart,
.planner-graph2 tr.month td.weekstart,
.planner-graph2 tr.date td.weekstart {
    border-left: 2px solid #a1a1a1;
}
.planner-graph2 tr.tree td {
    border-top: 1px solid #a1a1a1;
    border-left: 1px solid #a1a1a1;
    width:28px;
    height:20px;
    text-align:center;
}
.planner-graph2 tr.weekday td, .planner-graph2 tr.date td, .planner-graph2 tr.month td {
    border-left: 1px solid #a1a1a1;
    width:28px;
    text-align:center;
}
.planner-graph2 tr.weekday,
.planner-graph2 tr.month,
.planner-graph2 tr.date {
    height: 12px;
}
.planner-graph2 tr.month {
    height: 14px;
}
.planner-graph2 tr.month td {
    border-bottom: 1px solid #a1a1a1;
}
.planner-graph2 tr.last, .planner-graph2 tr.last td {
    border-bottom: 2px solid #a1a1a1;
}
.planner-graph2 tr td.last {
    border-right: 2px solid #a1a1a1;
    width:28px;
}
.planner-graph2 tr.first th, .planner-graph2 tr.first td {
    border-top: 2px solid #a1a1a1;
}
table.planner-graph2 .holiday {
    background-color:pink;
}
table.planner-graph2 tr.date .holiday {
    color:red;
}
.planner-graph2 tr.group th {
    border-top: 2px solid #a1a1a1;
    border-right: 2px solid #a1a1a1;
    font-weight: 700;
}
.planner-graph2 div.notes {
    position:relative;
    width:100%;
    height:100%;
    border:0;
    padding:0;
    margin:0;
}
.planner-graph2 div.notetypes {
    float:left;
    width:4px;
    height:4px;
    border:0;
    padding:0;
    margin:1px 0 1px 1px;
    font-size:1px;
}
.planner-graph2 div.notetypes.c0 {
    background-color: #b0b0b0;
}
.planner-graph2 div.notetypes.c1 {
    background-color: #000000;
}
.planner-graph2 div.notetypes.c2 {
    background-color: #ff0000;
}
.planner-graph2 div.notetypes.c3 {
    background-color: #00ff00;
}
.planner-graph2 div.notetypes.c4 {
    background-color: #0000ff;
}
.planner-graph2 div.notetypes.c5 {
    background-color: #ffff00;
}
.planner-graph2 div.notetypes.c6 {
    background-color: #00ffff;
}
.planner-graph2 div.notetypes.c7 {
    background-color: #ff00ff;
}
.planner-graph2.legend div.notes {
    background: white;
    margin: 1px;
    border: 1px solid #a1a1a1;
    width: 28px;
    height: 19px;
    margin-left: 7px;
}
.planner-graph2 div.notes div.timeline {
    position:absolute;
    top:5px;
    left:0;
    width:41px;
    height:8px;
    border:0;
    padding:0;
    margin:0;
}
.planner-graph2 div.notes div.timeline img {
    float:left;
    border:0;
    padding:0;
    margin:0;
}
.planner-graph2 div.notes div.timeline div.img {
    float:left;
    border:0;
    padding:0;
    margin:0;
    font-size:1px;
    height:8px;
}
.planner-graph2 div.notes div.timeline div.img.avail {
    background-color:#ffffff;
}
.planner-graph2 div.notes div.timeline div.img.unavail {
    background-color:#d2d2d2;
}
.planner-graph2 div.notes div.timeline div.img.assign,
.planner-graph2 div.notes div.timeline div.img.attendence {
    background-color:#5789ff;
    border-radius: 1px;
}
.planner-graph2 div.notes div.timeline div.img.unassign {
    background-color:#F8B88E;
    border-radius: 1px;
}
.planner-graph2 div.notes div.timeline div.img.partially {
    background-image:url(../images/partially.png);
    border-radius: 1px;
}
.planner-graph2 div.notes div.timeline div.img.canwork {
    background-color:#72E372;
    border-radius: 1px;
}
.planner-graph2 div.notes div.timeline div.img.match {
    background-color:#80b627;
    border-radius: 1px;
}
.planner-graph2 div.notes div.timeline div.img.partial {
    background-color:#FFE600;
    border-radius: 1px;
}
.planner-graph2 div.notes div.timeline div.img.collide {
    background-color:#FFA353;
    border-radius: 1px;
}
.planner-graph2 div.notes div.timeline div.img.absence {
    background-color:#FF5353;
    border-radius: 1px;
}
.planner-graph2 div.notes.scheduled {
    background-color:#ecf4fb;
}
.planner-graph2 div.notes.dist-no-change {
    background-color:#D0FFD0;
}
.planner-graph2 div.notes.dist-change {
    background-color:#FFFFD0;
}
.planner-graph2 div.notes.dist-warn {
    background-color:#FFD0D0;
}
.planner-graph2 div.notes div.lock {
    position:absolute;
    z-index:5;
    top:9px;
    left:0;
    width:41px;
    height:2px;
    border:0;
    padding:0;
    margin:0;
    background-color:#d16f30;
    font-size:1px;
}
.planner-graph2 div.notes div.attest {
    position:absolute;
    z-index:5;
    top:9px;
    left:0;
    width:41px;
    height:2px;
    border:0;
    padding:0;
    margin:0;
    background-color:#72e372;
    font-size:1px;
}
.planner-graph2 div.notes div.isready {
    position:absolute;
    z-index:5;
    top:9px;
    left:0;
    width:41px;
    height:2px;
    border:0;
    padding:0;
    margin:0;
    background-color:#ff0000;
    font-size:1px;
}
table.planner-graph2 th.tree img.expander {
    padding: 1px;
    border: 1px solid #cccccc;
    vertical-align: bottom;
    cursor: pointer;
}
div.pg-header {
    position:relative;
}
div.pg-view {
    float:left;
    width:200px;
}
div.pg-timeline-row {
    position:relative;
}
div.pg-tree-titles {
    float:left;
    padding-top:20px;
    border-bottom: 2px solid #d7d7d7;
}
div.pg-tree-titles div.pg-field {
    font-weight:700;
}
div.pg-cb {
    float:left;
    width:20px;
    height:20px;
    overflow:hidden;
    padding-top:0px;
}
div.pg-blank {
    float:left;
    width:180px;
}
div.pg-timeline {
    float:left;
    border-right: 1px solid #d7d7d7;
    border-bottom: 2px solid #d7d7d7;
}
div.pg-month-row, div.pg-week-row, div.pg-date-row, div.pg-row-total {
    clear:right;
    height:14px;
}
div.pg-month, div.pg-week, div.pg-date, div.pg-total {
    float:left;
    text-align:center;
    height: 14px;
    font-size: 10px;
}
div.pg-row-total, div.pg-total {
    height:16px;
}
div.pg-row-clock {
    height: 18px;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
}
div.today {
    background-color: #4A25AA;
    color: white;
}
div.holiday {
    background-color: #FFE4E4;
    color: #FF4848;
}
div.pg-month {
    white-space:nowrap;
}
td.spvp.holiday a {
    color:red;
}
span.vp-bold {
    font-weight: bold;
}
table.vp-table tr, table.vp-table td {
    height: 24px;
}
table.vp-table td, table.vp-table a {
    font-size: 12px;
    font-family: Arial;
    color: #333333;
}
table.vp-table th, table.vp-table td, table.vp-table a {
    font-size: 12px;
}
table.vp-table tr.tpl_data td {
    padding-left: 5px;
    background-color: #e9e3f0;
    border-top: 1px solid #cccccc;
    border-bottom: 0px;
}
table.vp-table tr.tpl_data td:first-child,
table.vp-table tr.tpl_data_first th:first-child,
table.vp-table tr.tpl_data_first td:first-child,
table.vp-table tr.tpl_data1 th:first-child,
table.vp-table tr.tpl_data1 td:first-child {
    border-left: 1px solid #cccccc;
}
table.vp-table tr.tpl_data td:last-child,
table.vp-table tr.tpl_data1 th:last-child,
table.vp-table tr.tpl_data1 td:last-child,
table.vp-table tr.tpl_data_first th:last-child,
table.vp-table tr.tpl_data_first td:last-child {
    border-right: 1px solid #cccccc;
}
table.vp-table tr.tpl_data,
table.vp-table tr.tpl_data td,
table.vp-table tr.vp-summary-main,
table.vp-table tr.vp-summary-main td,
table.vp-table tr.vp-summary-customer,
table.vp-table tr.vp-summary-customer td,
table.vp-table tr.vp-summary-totals,
table.vp-table tr.vp-summary-totals td {
    height: 30px;
}
table.vp-table tr.tpl_data1 td {
    padding-top: 6px;
    padding-bottom: 6px;
}
table.vp-table th.vp-header-left {
    text-align: left;
    padding-left: 5px;
}
table.vp-table th.vp-header-center {
    text-align: center;
}
table.vp-table th.vp-header-right {
    text-align: right;
    padding-right: 5px;
}
table.vp-table tr.tpl_data1.even {
    background-color: #fafafa;
}
table.vp-table tr.vp-summary-main td {
    border-top: 1px solid #c5c5c5;
    border-left: 1px solid #c5c5c5;
    border-right: 1px solid #c5c5c5;
    padding-top: 8px;
    padding-left: 10px;
    padding-right: 10px;
}
table.vp-table tr.vp-summary-main td div {
    border-bottom: 1px solid #c5c5c5;
    padding-bottom: 5px;
    font-size: 12px;
    font-family: Arial;
    font-weight: bold;
    color: #4A25AA;
}
table.vp-table tr.vp-summary-customer td, table.vp-table tr.vp-summary-totals td {
    border-left: 1px solid #c5c5c5;
    border-right: 1px solid #c5c5c5;
    padding-left: 10px;
    font-size: 12px;
    font-family: Arial;
    font-weight: bold;
    color: #666666;
}
table.vp-table tr.vp-summary-customer {
    border-top: 1px solid #c5c5c5;
}
table.vp-table tr.vp-summary-totals {
    border-top: 2px solid #c5c5c5;
}
table.vp-table tr.vp-summary-main + tr.vp-summary-customer, table.vp-table tr.vp-summary-main + tr.vp-summary-totals {
    border-top: none;
}
div.pg-month, div.pg-week, div.pg-weekstart {
    border-left: 2px solid #d7d7d7 !important;
}
div.pg-date, div.pg-total {
    border-left: 1px solid #d7d7d7;
}
div.pg-date-row, div.pg-date {
    height:30px;
}
div.pg-row-daily-button div.pg-total {
    padding-top: 1px;
}
div.pg-row-daily-button div.pg-total input.pg-daily-button {
    margin-top: -1px;
}
div.pg-group-row {
    position:relative;
    border-top: 2px solid #a1a1a1;
    font-weight: 700;
    height:19px;
    overflow:hidden;
}
div.pg-groupname {
    float:left;
    font-size: 11px;
    width:180px;
    color: #4A25AA;
}
div.pg-field {
    float:left;
    width:150px;
    height:15px;
    overflow:hidden;
    white-space:nowrap;
    text-align:left;
    padding-top: 1px;
    line-height: 12px;
    font-size: 11px;
    font-weight: 400;
    color: #4A25AA;
}
a.pg-row-name {
    font-size: 11px;
    text-decoration: none;
}
a.pg-row-name:hover {
    text-decoration: underline;
}
div.pg-field img.expander {
    cursor: pointer;
    width: 11px;
    height: 11px;
    top: 1px;
    position: relative;
}
div.pg-attest {
    float:left;
    width:30px;
    height:18px;
    padding-top:3px;
    padding-left:5px;
}
div.pg-attest img {
    padding-left:2px;
    padding-bottom:2px;
}
div.pg-day {
    float:left;
    width:41px;
    height:19px;
    border-left:solid 1px #d7d7d7;
}
div.pg-data {
    overflow-x:hidden;
}
div.pg-row {
    position:relative;
    height:18px;
    border-top:solid 1px #d7d7d7;
    overflow:hidden;
}
div.pg-left-column {
    float:left;
}
div.pg-level-1 {
    border-top: 1px solid #d7d7d7;
    font-weight: 600;
}
div.pg-row-first {
    border-top: 0px;
}
tr.record-edit td {
    padding-right: 8px;
}
tr.record-edit {
    background-color: white;
    font: normal normal normal 10px Verdana,Helvetica,Arial,sans-serif;
    padding: 0 0 4px 0;
}
td.record-edit {
    background-color: white;
    font: normal normal normal 10px Verdana,Helvetica,Arial,sans-serif;
    padding: 4px 2px 5px 2px;
}
table.dataview td.right,
table.dataview th.right {
    text-align:right;
}
table.dataview td.center,
table.dataview th.center {
    text-align:center;
}
table.login-frame {
    background-color: #000000;
}
td.login-frame {
    background-color: #000000;
}
.login-footer {
    color: #aaaaaa;
    background-color: white;
}
*#today {
    background-color: darkred;
    color: white;
}
*#today a {
    color: white;
}
.mt-panel-no-title-style {
    border-color:white;
}
.mt-panel-no-title-style .x-panel-header-default {
    background:none;
    border:none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.mt-panel-no-title-style .x-panel-header-text {
    font-size:11px !important;
    font-weight:bold !important;
    letter-spacing:0 !important;
    font-family:tahoma, arial, verdana, sans-serif !important;
}
.mt-panel-no-title-style .x-panel-header-default-top {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
body .p-login {
    position: relative;
    width: 20rem;
    text-align: center;
    border-radius: 5px;
}
body .p-login div.dialog {
    position: relative;
    width: 400px;
    margin-top: 50px;
    margin-bottom: 20px;
    text-align: left;
}
body .p-login div.login-dialog {
    position: relative;
    text-align: left;
}
body div #form div.line, body div #form div.submit-line {
    height: 1em;
    padding-top: 0.8em;
    padding-bottom: 0.8em;
}
body #p-projectinfo #stat li {
    margin: 0 0 0 1.3em;
    padding: 0;
}
body #p-projectinfo #stat #milltime-stat {
    float: left;
    width: 30em;
    margin-right: -32em;
}
body #p-projectinfo #stat #millbill-stat {
    margin-left: 32em;
}
* html #stat {
    margin: 0;
}
body #p-projectinfo #report-list {
    clear: both;
}
table.cell-spacing,
body #p-calendar table.cal-view,
body #p-week table.details-view,
body #p-details table.details-view,
body #p-calendar-edit table.month-view,
body #p-month table.month-view {
    border-spacing: 1px;
    border-collapse: separate;
}
table.cell-spacing,
body #p-calendar tr,
body #p-week tr,
body #p-details tr,
body #p-calendar-edit table.month-view tr,
body #p-month tr {
    height: 1.3em;
}
table.cell-padding td, table.cell-padding th, table.cell-padding tr {
    padding: 2px 3px 2px 3px;
}
table.cell-spacing td.alert {
    background-color: #fc0;
}
.totals .layout td, .totals .layout th, .totals .layout tr {
    padding: 0;
    vertical-align: top;
}
td, th, .form h1, .list th.title, table th.head {
    padding-left: 3px;
    padding-right: 3px;
}
.milltime-menu td {
    padding-left: 0;
    padding-right: 0;
}
body #p-details #tabs {
    position: relative;
    height: 24px;
}
body #p-details #tabs div.tabs {
    position: absolute;
    bottom: 0;
}
table.info-view tr, table.info-view tr td {
    height: 1.2em;
    line-height: 1.2em;
    padding: 0 1px 0 1px;
}
* html {
    overflow-y: scroll;
    overflow-x: scroll;
}
table.action-buttons a {
    white-space: nowrap;
}
body #p-customer-edit textarea {
    width: 97%;
}
table.milltime-menu table.action-buttons {
    right: 5px;
    z-index: 2;
}
table.milltime-menu.new-design table.action-buttons {
    height: 43px;
}
table.milltime-menu tr.milltime-menu-footer,
table.milltime-menu td.xxx-milltime-menu-footer {
    position: absolute;
    right: 0;
    bottom: 2px;
    z-index: 1;
    background-color: transparent;
}
div.e-select-dual table.layout a {
    text-decoration: none;
}
body #p-details form #select-project {
    position: relative;
    top: -4px;
}
td.edit-area table {
    background-color: #d2c7ce;
}
th.title div table {
    background-color: #5a446f;
}
@media print {
    .noprint {
        display: none;
    }
    .title-buttons {
        display: none;
    }
    .border {
        border: 0 solid gray;
        border-width: thin;
    }
    .noborder {
        border: 0 none gray;
        border-width: 0;
    }
    body {
        background-color: white;
        margin-left: 0.8in;
        margin-top: 0.5in;
        margin-right: 0.4in;
        margin-bottom: 2em;
    }
    body.bg {
        background-color: white;
        margin-left: 0.8in;
        margin-top: 0.5in;
        margin-right: 0.4in;
        margin-bottom: 2em;
    }
    table.border {
        border-left-width: 0;
        border-top-width: 0;
    }
    td.border {
        border-right-width: 0;
        border-bottom-width: 0;
    }
    th.border {
        border-right-width: 0;
        border-bottom-width: 0;
    }
    td.rt {
        font-size: 9pt;
        font-weight: bold;
        font-family: Verdana,Helvetica,Arial,sans-serif;
    }
    td.head {
        color: black;
        background-color: white;
        height: 24px ;
    }
    th.head {
        color: black;
        background-color: white;
        height: 24px ;
    }
    th.small {
        font-size: 6pt;
        font-weight: normal
    }
    strong {
        font-size: 8pt;
        font-weight: bold;
        font-family: Verdana,Helvetica,Arial,sans-serif;
    }
    div.biggray {
        font: normal normal 900 300% Verdana,Helvetica,Arial,sans-serif;
        color: rgb(210,210,210);
    }
    hr.page-break {
        display: none;
        page-break-after: always;
    }
}
.tabs-bottom-line {
    height: 2px;
    width: 100%;
    position: absolute;
    margin-top: 30px;
    background-color: #4A25AA;
    z-index: 2;
}
.resource_availability {
    font-weight:normal !important;
    text-align:center !important;
    font-size:10px !important;
    height:19px !important;
}
.yellowbg {
    background-color:yellow!important;
}
.greenbg {
    background-color:green!important;
}
.orangebg {
    background-color:orange!important;
}
.pinkbg {
    background-color:pink!important;
}
div.resource_week {
    float:left;
    width:56px;
    text-align:center !important;
    font-size:10px !important;
    font-weight:normal !important;
    height:19px;
    border:solid 1px #FF9900;
}
div.resource_week_empty {
    float:left;
    width:56px;
    font-weight:normal !important;
    border-left:solid 1px #A1A1A1;
    height:19px;
}
div.resource_week_total {
    float:left;
    width:56px;
    height:16px;
    text-align:center !important;
    font-size:10px !important;
    font-weight:normal !important;
    padding-top:1px;
    border:solid 1px #FF9900;
}
div.resource_week_group_total {
    float:left;
    width:56px;
    height:17px;
    text-align:center !important;
    font-weight:normal !important;
    font-size:10px !important;
    padding-top:1px;
    border:solid 1px #FF9900;
}
div.resource_week_group_total_first {
    margin-top:1px;
    float:left;
    width:56px;
    height:17px;
    font-weight:normal !important;
    text-align:center !important;
    font-size:10px !important;
    padding-top:1px;
    border:solid 1px #FF9900;
}
div.resource_day_group_total {
    float:left;
    width:28px;
    font-weight:normal !important;
    height:17px;
    text-align:center !important;
    font-size:10px !important;
    padding-top:1px;
    border:solid 1px #FF9900;
}
div.resource_day_group_total_first {
    margin-top:1px;
    float:left;
    width:28px;
    font-weight:normal !important;
    height:17px;
    text-align:center !important;
    font-size:10px !important;
    padding-top:1px;
    border:solid 1px #FF9900;
}
.pg-row-first div.resource_week_group_total {
    float:left;
    width:56px;
    height:17px;
    font-weight:normal !important;
    text-align:center !important;
    font-size:10px !important;
    padding-top:1px;
    border:solid 1px #FF9900;
}
div.emptydate {
    float:left;
    width:56px;
    height:30px;
    border-bottom:solid 2px #A1A1A1;
}
div.edit-button {
    background-image: url(../images/edit.svg);
}
div.interval-button {
    background-size: 100% 100%;
    background-image: url(../images/gridless_calendar.svg);
    border-radius: 3px;
    padding-top: 4px;
    padding-left: 1px;
}
div.pdficon-button {
    background-image: url(../images/pdf.svg);
}
div.previous-button {
    background-image: url(../images/expand_left.svg);
}
div.next-button {
    background-image: url(../images/expand_right.svg);
}
div.refresh-button {
    background-image: url(../images/refresh.svg);
}
div.settings-button {
    background-image: url(../images/settings.svg);
}
div.interval-button em button span {
    font-family: Verdana,Helvetica,Arial,sans-serif;
    font-size: 10px;
}
div.filter-button {
    background-image: url(../images/search.svg);
    padding-top: 4px;
    padding-left: 1px;
}
div.info-button {
    background-image: url(../images/info_i.svg);
    background-size: 16px 16px;
}
div.add-button {
    background-image: url(../images/add.svg);
    background-size: 20px 20px;
}
div.delete-button {
    background-image: url(../images/delete.svg);
    background-size: 18px 18px;
}
.x-boundlist-item div.mt-checkbox-img,
.x-boundlist-item div.mt-checkbox-img.mt-unchecked {
   background-image: url(../images/combo-unchecked_transparent.png);
    width: 16px;
    height: 16px;
    float:left;
}
.x-boundlist-item.x-boundlist-selected div.mt-checkbox-img,
.x-boundlist-item div.mt-checkbox-img.mt-checked {
   background-image: url(../images/combo-checked_transparent.png);
}
.x-boundlist-item div.mt-flag {
    width: 13px;
    height: 16px;
    float:left;
    padding-top: 3px;
    padding-left: 2px;
}
.x-boundlist-item.x-boundlist-selected div.mt-flag {
}
.x-boundlist .list-ct .mt-separator {
    margin-top: 3px;
    margin-bottom: 3px;
    height: 0;
    border-top: 1px solid black;
}
.x-boundlist-selected.mt-multi-item {
    background: #fff;
    border-color: #fff;
}
div.mailicon-button {
    background-image: url(../images/email.svg);
}
div.mailiconwithlock-button {
    background-image: url(../images/email_with_lock.svg);
}
div.list-button {
    background-image: url(../images/list.svg);
}
div.previewicon-button {
    background-image: url(../images/eye.svg);
}
div.previewicon-button.x-item-disabled {
    opacity: 0.5;
}
img.lock_yellow_on_purple {
    background-image: url(../images/lock_yellow_on_purple.svg);
    background-position: center;
}
.graph-topleft-label {
    font-size: 11px;
    color: #4A25AA;
}
.importantLink:hover {
    cursor: pointer!important;
}
.importantLink {
    font-size: 11px;
}
.week-underlined {
    border-bottom: 2px solid #d7d7d7;
}
div.editbutton-bg {
    background-image: url(../images/delete.svg);
    background-position-x: 25%;
    background-position-y: 50%;
    background-size: 20px 20px;
}
.svg-button-icon span[class="x-btn-icon"] {
    width: 15px;
    height: 15px !important;
    top:2px;
    float:left;
    margin-left: 5px;
}
.svg-button-icon-wide span[class="x-btn-icon"] {
    width: 25px;
}
.svg-button-icon-wide span[class="x-btn-inner"] {
    padding-left: 30px;
}
.x-btn.plain-label-btn.svg-button-icon-medium span[class="x-btn-icon"] {
    width: 18px;
    height: 18px;
    left: 2px;
}
.x-btn.plain-label-btn.svg-button-icon-medium span[class="x-btn-inner"] {
    padding-left: 25px;
}
.mt-item-disabled {
    color: #aaa !important;
}
img.small-vector-icon {
    width: 20px;
    height: 20px;
    margin-top: -2px;
}
img.icon-stampzone-panel {
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.mt-columnheader-expanded {
    width: 11px;
    height: 11px;
    border: 1px solid #999;
    background-repeat: no-repeat;
    background-position: 1px 1px;
    text-indent: 0px;
    position: absolute;
    text-align: center;
    cursor: pointer;
    top: 5px;
    background-image: url(../images/expander.png);
}
.mt-columnheader-collapsed {
    background-image: url(../images/expanded.png);
}
.mt-grouprow-editor {
    border:1px solid #d0d0d0;
}
.mt-grouprow-editor-lower {
    border-color: #d0d0d0;
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    margin-top: -1px !important;
}
.mt-grouprow-editor-lower-inner {
    margin-top: -3px;
}
.x-grid-row-editor-buttons {
    padding-top: 0px !important;
}
.link-button .x-btn-inner {
    color:blue;
    text-decoration: underline;
}
.mt-grouprow-editor {
    border:1px solid #d0d0d0;
}
.mt-grouprow-editor-lower {
    border-color: #d0d0d0;
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    margin-top: -1px !important;
}
.mt-grouprow-editor-lower-inner {
    margin-top: -3px;
}
.x-grid-row-editor-buttons {
    padding-top: 0px !important;
}
tr.row-disabled td.x-grid-cell {
    background: #e6e6e6;
    border-color: #d0d0d0;
    color: #aaaaaa;
}
.link-button .x-btn-inner {
    color:blue;
    text-decoration: underline;
}
.link-button-plain .x-btn-inner {
    color:black;
    text-decoration: underline;
}
.x-message-box .x-window-body .x-window-item .x-container {
    margin-left: 50px;
}
input::-webkit-placeholder,
input::-webkit-placeholder:focus {
    color: #999999 !important;
    opacity: 1 !important;
}
input:-ms-input-placeholder,
input:-ms-input-placeholder:focus {
    color: #999999 !important;
    opacity: 1 !important;
}
input:-moz-placeholder,
input:-moz-placeholder:focus {
    color: #999999 !important;
    opacity: 1 !important;
}
input::-moz-placeholder,
input::-moz-placeholder:focus {
    color: #999999 !important;
    opacity: 1 !important;
}
input.x-form-empty-field {
    color: #999999;
    opacity: 1 !important;
}
.row-absence {
    background: pink !important;
}
.row-workload-available {
    background: #8dd35f !important;
}
.row-workload-over-assigned {
    background: #ff5555 !important;
}
.row-workload-well-assigned {
    background: #ffe680 !important;
}
.x-form-readonly .x-form-text[readonly] {
    background: white;
    border: white;
}
.row-readonly .x-grid-cell {
    background: white !important;
    border-top-color: white !important;
    border-bottom-color: #ededed !important;
}
.cc-banner.cc-top {
    height: 50px;
    font-size: 14px;
}
.cc-link {
    font-size: 12px;
}
.cc-theme-classic .cc-btn:last-child {
    min-width: 100px !important;
    text-decoration: none;
}
.cc-theme-classic .cc-btn:last-child:hover {
    text-decoration: underline;
}
.box-panel, .box-container {
    background-color: #fbfcfd;
    border-radius: 3px;
    border: 1px solid #cccccc;
}
.box-panel .x-panel-body {
    background-color: #fbfcfd;
}
.box-panel .x-panel-body {
    background-color: #fbfcfd;
}
.x-container .box-container {
    z-index: 2;
}
.absence-box-container {
    border-radius: 3px;
    border: 1px solid #fdcdce;
    background-color: #fceff0;
}
.std-panel {
    border-radius: 3px;
    border: 1px solid #cccccc;
}
.std-panel .mt-head {
    color: black;
}
div.x-btn.mt-button {
    border-radius: 25px;
    background-image: none;
    border: 1px solid #cccccc;
}
div.x-btn.mt-button:hover:not(.x-btn-disabled) {
    border: 1px solid #4A25AA;
}
div.x-btn.mt-button:not(.x-btn-pressed) {
    background-color: white;
}
div.x-btn.mt-button.x-btn-pressed {
    background-color: #4A25AA;
}
div.x-btn.mt-button .x-btn-inner {
    font-family: "Arial";
    font-size: 10.5px;
    font-weight: bold;
}
div.x-btn.mt-button.vf .x-btn-inner {
    margin-left: 5px;
    margin-right: 5px
}
div.x-btn.mt-button:not(.x-btn-pressed) .x-btn-inner {
    color: #4A25AA;
}
div.x-btn.mt-button.x-btn-pressed .x-btn-inner {
    color: white;
}
div.x-btn.mt-button-purple {
    border-radius: 25px;
    background-image: none;
    border: 1px solid #4A25AA;
}
div.x-btn.mt-button-purple:hover:not(.x-btn-disabled) {
    border: 1px solid #7e63ab;
    background-color: #7e63ab;
}
div.x-btn.mt-button-purple:not(.x-btn-pressed) {
    background-color: #4A25AA;
}
div.x-btn.mt-button-purple.x-btn-pressed {
    background-color: #7e63ab;
}
div.x-btn.mt-button-purple .x-btn-inner {
    font-family: 'Roboto', sans-serif, arial;
    font-size: 16px;
    font-weight: 400;
}
div.x-btn.mt-button-purple:not(.x-btn-pressed) .x-btn-inner {
    color: white;
}
div.x-btn.mt-button-purple.x-btn-pressed .x-btn-inner {
    color: white;
}
.mt-head {
    color: #4A25AA;
    font-weight: bold;
    font-size: 1.1em;
}
.mt-head-gray {
    color: HEADER_GRAY;
    font-family: Arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
}
.mt-head-gray-small {
    color: HEADER_GRAY;
    font-family: Arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
}
div.mt-field-light-purple {
    background-color: MILLNET_LIGHT_PURPLE;
    border: 1px solid #cccccc;
}
.mt-dispatch-inner .x-box-inner {
    background-image: none;
    background-color: #fbfcfd;
    border-radius-top-left: 3px;
    border-radius-bottom-left: 3px;
}
.mt-pressed .x-box-inner {
    color: white !important;
    background-color: #4A25AA;
}
.mt-dispatch-outer:hover {
    border-color: #4A25AA !important;
}
.mt-dispatch-outer.x-box-item:not(.mt-pressed) .x-box-inner {
    color: #4A25AA;
}
.x-grid-row.offer-accepted:not(.x-grid-row-over) .x-grid-cell:not(.x-grid-cell-first) {
    background-color: #CCFFD9;
    border-top-color: #CCFFD9;
    border-bottom-color: #CCFFD9;
}
.x-grid-row-alt.offer-accepted:not(.x-grid-row-over) .x-grid-cell:not(.x-grid-cell-first) {
    background-color: #E1FFEA;
    border-top-color: #E1FFEA;
    border-bottom-color: #E1FFEA;
}
.x-grid-row.offer-declined:not(.x-grid-row-over) .x-grid-cell:not(.x-grid-cell-first) {
    background-color: #FFC1C1;
    border-top-color: #FFC1C1;
    border-bottom-color: #FFC1C1;
}
.x-grid-row-alt.offer-declined:not(.x-grid-row-over) .x-grid-cell:not(.x-grid-cell-first) {
    background-color: #FFE1E1;
    border-top-color: #FFE1E1;
    border-bottom-color: #FFE1E1;
}
.x-grid-row.offer-awaiting:not(.x-grid-row-over) .x-grid-cell:not(.x-grid-cell-first) {
    background-color: #DCCBED;
    border-top-color: #DCCBED;
    border-bottom-color: #DCCBED;
}
.x-grid-row-alt.offer-awaiting:not(.x-grid-row-over) .x-grid-cell:not(.x-grid-cell-first) {
    background-color: #EFE8F7;
    border-top-color: #EFE8F7;
    border-bottom-color: #EFE8F7;
}
div.cg-top-left-subheader-1 div.x-panel div.x-panel-body {
    background: transparent;
}
div.cc-bottom.cc-window {
    box-sizing: border-box;
}
div.cc-bottom div.cc-compliance {
    line-height: 1.22em;
    display: inline-block;;
}
div.cc-bottom div.cc-compliance a.cc-btn {
    display: inline-block;;
    box-sizing: border-box;
    padding: 0.4em 0.8em;
    min-width: 125px !important;
}
input[type=radio].mt-radio {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-color: rgba(0, 0, 0, 0);
    width: 13px;
    height: 13px;
    margin-top: 0;
    margin-left: 0;
    background-image: url(../images/radio.png);
}
input[type=radio].mt-radio:checked {
 background-position: 0 -13px;
 background-repeat: no-repeat;
}
input[type=radio].mt-radio::-ms-check {
    display: none;
}
.mt-bg-grey, .mt-bg-grey>.x-panel-body {
    background-color: #f2f2f2;
}
div#sp-anonymizeu-tab div.x-toolbar {
    height: 31px;
}
td.mt-offer-status-col div.x-grid-cell-inner {
    padding: 0px 0px;
}
.mt-container {
    display: inline-block;
    float: left;
    margin-left: 3px;
    margin-bottom: 2px;
}
.mt-offer-status-img {
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: 0 3px;
    display: inline-block;
    float: right;
}
.mt-offer-status-img.mt-manual-offer {
    width: 30px;
}
.mt-offer-accept-count {
    border-radius: 3px;
    width: 18px;
    font-size: 9px;
    text-align: center;
    font-family: 'Roboto', sans-serif, arial;
    font-weight: bold;
    float: right;
    border: 2px solid white;
    color: white;
}
div.mt-plain-button {
    border-radius: 25px;
}
div.mt-plain-button.x-btn {
    background-size: 20px 20px;
    background-position: 5px 5px;
    background-color: transparent;
    border: none;
    background-repeat: no-repeat;
    -ms-overflow-style: none;
}
div.mt-plain-button.mt-plain-big {
    border-radius: 3px;
}
div.mt-plain-button.mt-plain-big span {
    font-size: 12px;
}
div.mt-plain-button.x-btn:hover:not(.x-btn-disabled) {
    background-color: #4A25AA26;
}
div.mt-plain-button .x-btn-center .x-btn-inner {
    margin-left: 25px;
    text-align: left;
}
div.mt-plain-button.x-btn.x-btn-disabled {
    opacity: 0.2;
}
.mt-disabled-opacity, div.x-btn-disabled.mt-disabled-opacity {
    opacity: 0.2;
}
.no-dirty.x-grid-dirty-cell {
    background-image: none;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
div#loader.loader {
    border: 4px solid MENUBAR_BG_ACTIVE;
    border-top: 4px solid rgba(0, 0, 0, 0.0);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 1s linear infinite;
    background-image: none;
    background-color: rgba(177, 143, 211, 0.31);
    padding: 0px;
}
.x-mask-msg div.mt-loadmask {
    background-image: none;
    background-color: #FFFFFF;
    border: 1px solid #cccccc;
    width: 153px;
    padding: 20px 10px 5px 20px;
    border-radius: 4px;
    cursor: default;
}
.x-mask-msg div.mt-loadmask.mt-loadmasksmall {
    width: 167px;
    height: 72px;
}
.x-mask-msg div.mt-loadmask-basic {
    padding: 20px 10px 20px 20px;
}
.x-mask-msg div.mt-loadmask div {
    background-image: none;
    background-color: #FFFFFF;
    cursor: default;
}
.x-mask-msg div.mt-loadmask p {
    position: absolute;
    top: 28px;
    left: 62px;
    font-size: 18;
    font-family: Arial;
    font-weight: 700;
    color: MENUBAR_BG_ACTIVE;
}
.x-mask-msg div.mt-loadmask div.maskCancelBtn {
    display: inline-block;
    text-align: center;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8px;
    padding: 1px 8px;
    border-radius: 10px;
    border: 1px solid #cccccc;
    position: relative;
    left: 30px;
    font-family: Arial;
    font-size: 10;
    color: MENUBAR_BG_ACTIVE;
    cursor: pointer;
}
.x-mask-msg div.mt-loadmask div.maskCancelBtn:hover {
    border: 1px solid MENUBAR_BG_ACTIVE;
}
.x-mask-msg div.mt-loadmask div.maskCancelBtn:active {
    color: #FFFFFF;
    background-color: MENUBAR_BG_ACTIVE;
}
div.x-mask-msg {
    border: none;
    background-color: transparent;
}
div.x-mask {
    opacity: 0.15;
    background: #000;
}
.x-btn.plain-label-btn {
    border: none;
    background: transparent;
}
.x-btn.plain-label-btn.vf-send {
    padding: 0px;
}
.x-btn.plain-label-btn .x-btn-inner {
    padding-left: 30px;
    font-size: 12px;
}
.x-btn.plain-label-btn.vf-send .x-btn-inner {
    padding-left: 30px;
}
.x-btn.plain-label-btn span[class="x-btn-icon"] {
    height: 20px;
    width: 20px;
    margin: auto;
}
.x-btn.plain-label-btn.vf-send span[class="x-btn-icon"] {
    left: 0px;
}
.x-btn.plain-label-btn:hover .x-btn-inner {
    color: MENUBAR_BG_ACTIVE;
}
span.searchMatch {
    font-weight: bold;
}
.mt-textfield-grey input[type="text"] {
    background-image: none;
    background-color: #F5F5F5;
    color: #666666;
    border: none;
    border-radius: 3px;
    padding-left: 8px;
}
.mt-toolbar-button.x-btn {
    background-color: MENUBAR_BG_GRAY;
    background-image: none;
    border-radius: 3px;
    border: none;
}
.mt-toolbar-button.x-btn-pressed {
    background-color: MENUBAR_BG_ACTIVE;
}
.mt-toolbar-button.x-btn span {
    font-family: 'Roboto', sans-serif, arial;
}
.mt-toolbar-button.x-btn-pressed span {
    font-weight: 500;
    color: white;
}
.mt-toolbar-button.x-btn:hover:not(.x-btn-pressed) {
    background-color: #cccccc;
}
.mt-grid.mt-grid-double-header div.x-group-header div.x-column-header-inner {
    height: 28px !important;
}
.mt-grid.mt-grid-double-header .x-column-header-trigger {
    background-image: url(../images/mt-grid-hd-big-btn.gif);
}
.mt-grid .x-grid-header-ct, .mt-grid .x-column-header {
    background-image: none;
    background-color: white;
}
.mt-purple-grid .x-grid-header-ct, .mt-purple-grid .x-column-header, .mt-purple-grid .x-grid-header-ct div.x-column-header-over {
    background-image: none;
    background-color: MENUBAR_SUBMENU_TEXT_ACTIVE;
}
.mt-purple-grid .x-column-header-sort-ASC .x-column-header-text {
    background-image: none;
}
.mt-grid .x-column-header span, .mt-purple-grid .x-column-header span {
    font-family: 'Arial Fet', 'Arial';
    font-size: 12px;
    font-weight: 700;
}
.mt-purple-grid .x-column-header span {
    color: white;
}
.mt-grid .x-grid-row tr, .mt-grid .x-grid-row td {
    height: 28px !important;
    margin: auto;
}
.mt-grid .x-grid-row td {
    vertical-align: middle;
}
.mt-grid .x-column-header:last-child, .mt-purple-grid .x-column-header:last-child {
    border-right: none;
}
.mt-grid .x-column-header.mt-hover-action {
    cursor: pointer;
}
.mt-grid .x-column-header.mt-hover-action, .mt-grid .x-column-header.mt-hover .x-column-header-inner, .mt-grid .x-column-header-checkbox .x-column-header-inner.x-column-header-over {
    background-color: #F6F5F9;
    background-image: none;
}
.mt-grid .x-column-header.mt-hover-disabled>.x-column-header-inner, .mt-grid .x-grid-cell-special.x-grid-cell-first {
    background-color: white;
    background-image: none;
}
.mt-grid .x-grid-checkheader {
    background-image: url(../images/checkbox.png);
    display: inline-block;
}
.mt-grid .x-grid-checkheader.x-grid-checkheader-cheked {
    background-position: 0 -13px;
}
.mt-grid-summary-row .x-grid-row-summary td {
    border-color: white;
    border-top-color: #c5c5c5;
    border-width: 1px 0;
    font-weight: bold;
}
.mt-grid-summary-row tr:nth-last-child(2) td {
    border-bottom: 0px;
}
.stamp-grid .x-column-header {
    background-image: none;
    background-color: white;
}
.mt-license div.x-grid-header-ct, .mt-license div.x-grid-body {
    border-left: none;
    border-right: none;
}
.mt-license div.x-grid-header-ct {
    border-top: none;
}
.mt-license div.x-grid-body {
    border-bottom: none;
}
.mt-link:hover {
    text-decoration: underline;
    cursor: pointer;
}
.mt-fieldset {
    background-color: #fbfcfd;
    border-radius: 3px;
}
.mt-fieldset .x-fieldset-header-text {
    color: MENUBAR_SUBMENU_TEXT_ACTIVE;
    font-family: 'Arial Fet', 'Arial';
    font-size: 12px;
    font-weight: bold;
}
.mt-arrow-left-btn {
    background-image: url(../images/arrow_left.svg);
}
.mt-arrow-left-btn.x-btn-pressed {
    background-image: url(../images/arrow_left_click.svg);
}
.mt-arrow-right-btn {
    background-image: url(../images/arrow_right.svg);
}
.mt-arrow-right-btn.x-btn-pressed {
    background-image: url(../images/arrow_right_click.svg);
}
.mt-user-photo.disabled {
    cursor: auto;
}
.mt-user-photo.disabled > .overlaytext {
    display: none;
}
.mt-user-photo {
    border-radius: 100%;
    border: 4px solid #4A25AA;
    background-size: cover;
    cursor: pointer;
    text-align: center;
    line-height: 120px;
    background-position: center center;
}
.overlaytext {
    color: white;
    background-color: rgba(0,0,0,0.6);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 100%;
    opacity: 0;
}
.mt-user-photo.menuvisible > .overlaytext,
.mt-user-photo:hover > .overlaytext {
    opacity: 1;
}
.file-picker-wrapper {
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 25px;
    height: 25px;
    width: 100%;
    background-color: #f7f7f6;
    white-space: nowrap;
    overflow-x: hidden;
}
.file-picker-label {
    display: inline-block;
    color: #4A25AA;
    background-color: white;
    cursor: pointer;
    height: 21px;
    padding: 6px 10px;
    border: 1px solid #767676;
    border-radius: 25px;
    text-align: center;
    margin: 1px 6px 1px 1px;
    font-weight: bold;
    font-size: 10.5px;
    font-family: Arial;
    line-height: 9px;
}
.file-picker-filename {
    display: inline-block;
    color: #333;
    max-width: 250px;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 15px;
    margin-right: 14px;
    white-space: nowrap;
    vertical-align: middle;
    padding-bottom: 2px;
    font-size: 10.5px;
    font-family: "Arial";
}
div.mt-slide-cb {
    width: 32px !important;
    height: 12px !important;
    border-radius: 25px;
    background-color: #ccc;
    top: 3px !important;
}
div.mt-slide-cb.x-form-cb-checked {
    background-color: #cec1e2;
}
div.mt-slide-cb .x-form-item-body {
    display: none;
}
div.mt-slide-cb label {
    color: transparent;
    width: 32px !important;
    height: 15px !important;
    padding: 0px;
    cursor: pointer;
}
div.mt-slide-cb label:before {
    content: " ";
    display: inline-block;
    position: relative;
    top: -3px;
    left: -1px;
    width: 16px;
    height: 16px;
    border-radius: 20px;
    border: 1px solid #e4e4e4;
    background-color: white;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.43);
}
div.mt-slide-cb.x-form-cb-checked label:before {
    background-color: #4A25AA;
    border-color: #4A25AA;
    left: 16px;
}
.vf div.mt-slide-cb {
    top: 14px !important;
    left: 635px !important;
}
div.mt-table div.mt-slide-cb {
    top: 9px !important;
}
div.mt-table {
    border: 1px solid #ccc;
    border-bottom: 0px;
}
div.mt-table:last-child {
    border-bottom: 1px solid #ccc;
}
div.mt-table:nth-child(odd) {
    background-color: white;
}
div.mt-table:nth-child(even) {
    background-color: #fafafa;
}
.mt-check-column .mt-unchecked, .mt-check-column .mt-checked {
    display: inline-block;
    height: 16px;
    width: 16px;
}
.mt-check-column .mt-unchecked {
    background-image: url(../images/combo-unchecked_transparent.png);
}
.mt-check-column .mt-checked {
    background-image: url(../images/combo-checked_transparent.png);
}
label.checkbox_send_to_self {
    position: absolute;
    margin-left: 4px;
}
div.mt-required-text:not(.x-item-disabled) input {
    background-image: url(../images/obligatory_purple.svg);
    background-size: 16px 16px;
    background-position: top 2px right 2px ;
    background-repeat: no-repeat;
}
.cursor-default.x-panel-header {
    cursor: default;
}
div.report-error-wrapper {
    position: absolute;
    top: 13%;
    width: 100%;
}
div.report-error-wrapper img, div.report-error-wrapper div, div.report-error-wrapper a, div.report-error-wrapper button {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
div.report-error-wrapper div {
    width: 450px;
    margin-top: 20px;
    font-family: 'Roboto', sans-serif, arial;
    font-size: 16px;
    font-weight: 400;
    color: #919191;
}
div.report-error-wrapper a {
    width: 450px;
    margin-top: 10px;
    font-family: 'Roboto', sans-serif, arial;
    font-weight: 500;
    font-size: 16px;
    color: #4A25AA;
}
div.report-error-wrapper button {
    width: 90px;
    height: 25px;
    margin-top: 30px;
    border: 1px solid #cccccc;
    border-radius: 25px;
    background: white;
    color: #4A25AA;
    font-family: 'Roboto', sans-serif, arial;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
}
div.report-error-wrapper button:hover {
    border-color: #4A25AA;
}
div.report-error-wrapper button:focus {
    background-color: #4A25AA;
    color: white;
    outline: 0;
}
.mt-tag div div label {
    padding: 4px 4px 0px 4px;
    color: white;
    background-color: MENUBAR_BG_ACTIVE;
    border-radius: 5px 0px 0px 5px;
    font-size: 11px;
}
.mt-tag div div div {
    background-image: none;
    background-color: #5a446f;
    border-radius: 0px 5px 5px 0px;
    border-style: none;
}
.mt-tag div.x-panel-body {
    background-color: #5a446f;
    border-radius: 5px 5px 5px 5px;
}
.mt-tag div div div em button span.x-btn-inner {
    color: #b295e0;
    padding-left: 3px;
    font-size: 12;
}
.ts-day {
    border-radius: 5px 0px 0px 5px;
    box-shadow: 2px 2px 6px 0px #6e6e6e54;
}
.ts-day label {
    font-size: 11px;
}
.ts-day .tsd-body {
    background-color: #FFFFFF;
    border: 1px solid #E1E1E1;
}
.ts-day .tsd-body label {
    line-height: 21px;
}
.ts-day .tsd-body .containermiddle {
    background-color: #FAFAFA;
    border-top: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
}
.ts-day .tsd-body .daybreaks {
    border: 1px solid #CCCCCC;
}
.ts-day .tsd-body .daybreaks .containertop {
    background-color: #FAFAFA;
    border-bottom: 1px solid #E1E1E1;
}
.ts-day .tsd-body .daybreaks .containertop label {
    line-height: 14px;
}
.ts-day .tsd-body .overtime {
    border: 1px solid #CCCCCC;
}
.ts-day .tsd-body .ts-break label {
    line-height: 14px;
}
.ts-day .tsd-body .worktime {
    border: 1px solid #CCCCCC;
}
.ts-day .ts-daycontainer {
}
.ts-day .tsd-header {
    background-color: #E2DCEA;
}
.ts-day .tsd-header input::placeholder {
    color: black;
}
.ts-day .tsd-header label {
    line-height: 21px;
}
.ts-day .tsd-header .containerbottom {
    line-height: 20px;
}
.ts-day .tsd-header .containerbottom label {
    line-height: 20px;
    cursor: pointer;
}
.ts-day .tsd-header .containerbottom label:hover {
    color: #4A25AA;
}
.ts-day .tsd-header .containermiddle {
    background-color: #DCD3E4;
}
.ts-day .tsd-header .containertop {
}
.ts-day .tsd-header .containertop label {
    line-height: 8px;
}
.ts-day .tsd-header .containertop .daylabel {
    font-weight: 700;
}
.ts-day .tsd-header .x-item-disabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
}
.ts-sunday .tsd-header {
    background-color: #FAE4E4;
}
.ts-sunday .tsd-header .containermiddle {
    background-color: #F9DBDB;
}
.purpleheader.vf.x-panel-header {
    background-color: PANEL_HEADER_LIGHT_PURPLE !important;
    cursor: auto;
}
.purpleheader.vf .x-panel-header-text {
    color: MILLNET_PURPLE;
    font-size: 12px !important;
    margin-left: 6px;
}
.purplepanel.vf {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.purplepanel.vf .rcp-data > div.x-panel-body {
    background-color: PANEL_BG_LIGHT_PURPLE;
    border-top-width: 1px;
    border-bottom-width: 1px;
}
.purplepanel.vf .rcp-auth.closed,
.purplepanel.vf .rcp-sign.closed {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
.purplepanel.vf .rcp-auth.open + .x-panel,
.purplepanel.vf .rcp-sign.open + .x-panel {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
.purplepanel.vf .rcp-auth.open + .x-panel .x-panel-body,
.purplepanel.vf .rcp-sign.open + .x-panel .x-panel-body,
.purplepanel.vf .rcp-approve.open + .x-panel .x-panel-body {
    background-color: PANEL_BG_LIGHT_PURPLE;
}
.purplepanel.vf .rcp-auth.open .x-panel-body,
.purplepanel.vf .rcp-sign.open .x-panel-body,
.purplepanel.vf .rcp-sms.open .x-panel-body,
.purplepanel.vf .rcp-approve.open .x-panel-body {
    background-color: unset;
}
.purplepanel.vf .rcp-auth.open,
.purplepanel.vf .rcp-sign.open,
.purplepanel.vf .rcp-approve.open,
.purplepanel.vf .rcp-sms.open {
    background-color: PANEL_BG_LIGHT_PURPLE;
}
.purplepanel.vf .rcp-data > .x-panel-body > .x-panel > .x-panel-body {
    background-color: unset;
}
label.bluelink a {
    color: #195eff;
}
.vp-left {
    text-align: left;
    padding-left: 5px;
}
.vp-center {
    text-align: center;
}
.vp-right {
    text-align: right;
    padding-right: 5px;
}
.vp-left, .vp-center, .vp-right {
    height: 30px;
    padding-top: 7px;
    font-family: Arial;
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.vp-header-second .vp-left, .vp-header-second .vp-center, .vp-header-second .vp-right {
    height: 24px;
    padding-top: 4px;
}
.vp-header-second label {
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    color: #808080;
}
.vp-header-second label:first-child {
    border-left: 1px solid #cccccc;
}
div.mt-remindermessagebox.x-message-box .x-window-body .x-window-item .x-container {
    text-align: left;
}
div > .dayToggleButton {
    border-radius: 3px;
    background-color: #D6D6D6;
    background-image: none;
    border-color: #D6D6D6;
    color: #787878;
    text-align: center;
}
div > .dayToggleButton:hover:not(.x-dayToggleButtonPressed) {
    border-radius: 3px;
    background-color: #E6E6E6;
    background-image: none;
    border-color: #D6D6D6;
    color: #787878;
    text-align: center;
}
div > .x-dayToggleButtonPressed {
    border-radius: 3px;
    background-color: #4A25AA;
    background-image: none;
    border-color: #4A25AA;
    color: white;
    text-align: center;
}
.sidePanelInfoData {
    margin-bottom: 11px;
}
.sidePanelInfoData:last-child {
    margin-bottom: 0;
}
.sidePanelInfoLabel {
    font-weight: bold;
    margin-bottom: 2px;
}
.employee-tabpanel .x-tab-bar-body {
    background-color: #fbfcfd;
}
.mt-employment-period-field input, .x-form-readonly.mt-employment-period-field .x-form-text[readonly] {
    background-image: none;
    background-color: #F5F5F5;
    border: 1px solid #BDBEBE;
    cursor: default;
}
div.left-aligned-text.x-message-box .x-window-body .x-window-item .x-container {
    text-align: left;
}
*,*:focus,*:hover{
    outline:none;
}