@font-face {
  font-family: "Neutra";
  src: url("fonts/neutra/text/book.eot");
  src: url("fonts/neutra/text/book.eot?#iefix") format("embedded-opentype"), url("fonts/neutra/text/book.svg#Neutra") format("svg"), url("fonts/neutra/text/book.woff") format("woff"), url("fonts/neutra/text/book.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Neutra";
  src: url("fonts/neutra/text/bookitalic.eot");
  src: url("fonts/neutra/text/bookitalic.eot?#iefix") format("embedded-opentype"), url("fonts/neutra/text/bookitalic.svg#Neutra") format("svg"), url("fonts/neutra/text/bookitalic.woff") format("woff"), url("fonts/neutra/text/bookitalic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Neutra";
  src: url("fonts/neutra/text/bold.eot");
  src: url("fonts/neutra/text/bold.eot?#iefix") format("embedded-opentype"), url("fonts/neutra/text/bold.svg#Neutra") format("svg"), url("fonts/neutra/text/bold.woff") format("woff"), url("fonts/neutra/text/bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Neutra";
  src: url("fonts/neutra/text/demi.eot");
  src: url("fonts/neutra/text/demi.eot?#iefix") format("embedded-opentype"), url("fonts/neutra/text/demi.svg#Neutra") format("svg"), url("fonts/neutra/text/demi.woff") format("woff"), url("fonts/neutra/text/demi.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Neutra";
  src: url("fonts/neutra/text/light.eot");
  src: url("fonts/neutra/text/light.eot?#iefix") format("embedded-opentype"), url("fonts/neutra/text/light.svg#Neutra") format("svg"), url("fonts/neutra/text/light.woff") format("woff"), url("fonts/neutra/text/light.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Neutra";
  src: url("fonts/neutra/text/lightitalic.eot");
  src: url("fonts/neutra/text/lightitalic.eot?#iefix") format("embedded-opentype"), url("fonts/neutra/text/lightitalic.svg#Neutra") format("svg"), url("fonts/neutra/text/lightitalic.woff") format("woff"), url("fonts/neutra/text/lightitalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}

html, body {
  background: #ebeef2;
  line-height: 1;
  font-size: 12pt;
  font-weight: 100;
  /*text-shadow: 1px 1px 1px rgba(0,0,0,0.01);*/
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  /*height: 100%;*/
}
html {
  height: 100%;
}
body {
  height: 100%;
  position: relative;
}
body:before {
  height: 101px;
  width: 100%;
  content: '';
  display: none;
}
body:after {
  /*height: 100px;*/
  width: 100%;
  content: '';
  display: block;
}

input, select, button, td, body, h1, h2, h3, textarea {
  font-family: "Neutra";
  font-weight: 100;
}

/*christian custom css - start*/
.team-message-visible.up {
  display: inline-block;
  margin-top: 0;
  margin-left: 4px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 4.5px 6px 4.5px;
  border-color: transparent transparent #ff8300 transparent;
}

.team-message-visible.down {
  display: inline-block;
  margin-top: 0;
  margin-left: 4px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4.5px 0 4.5px;
  border-color: #ff8300 transparent transparent transparent;
}

input[disabled] {
    cursor: not-allowed !important;
    background-color: rgb(195, 188, 188) !important;
}

tr.group {
    background: #f8f8f8 !important;
    font-size: 16px !important;
}

tr.group td {
    border: 0 !important;
    padding: 10px !important;
    text-align: left !important;
    padding-left: 30px !important;
    font-weight: bolder !important;
}

div.dis_not_start input[type="checkbox"] {
    width: 13px;
    height: 13px;
}

div.dis_not_finish input[type="checkbox"] {
    width: 13px;
    height: 13px;
}

div.schedule_confirm input[type="checkbox"] {
    width: 13px;
    height: 13px;
}

tr.print-critical-path {
    background: lightgray !important;
}

.team-message-mobile {
  display: none;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  margin: 20px -10px 0 -10px;
}

.team-message-mobile .pma-team-message-link > a {
  display: block;
  margin: -15px -30px;
  padding: 15px 30px;
  text-decoration: none;
}
.team-message-mobile .pma-introduction-message {
  padding: 0;
}
.team-message-mobile .pma-introduction-message .publication-message {
  text-align: left;
  margin-bottom: 0;
}

html.desktop table.home-grid tr td.project-date {
  min-width: 150px;
}

html.desktop table.home-grid tr td.project-icon {
  min-width: 150px;
}

html.desktop table.home-grid tr td.project-mailto {
  min-width: 300px;
}

html.desktop table.home-grid tr td.project-alarm {
  min-width: 50px;
}

html.desktop table.home-grid tr td.project-count {
  min-width: 150px;
}

html.desktop table.home-grid tr td.project-name {
  min-width: 200px;
}

html.desktop .project-name-heading {
  text-align: left;
}

html.mobile .project-alarm {
  min-width: 50px;
}

html.mobile .project-name-heading {
  text-align: center;
}

html.desktop .project-link {
  text-align: left;
}

table.data-entry-grid .grid-heading-2 th.scheduled_days:after {
    content: '(days)';
    display: block;
    opacity: 0.5;
}

/*christian custom css - end*/

h1 {
  font-size: 20pt;
  margin: 0 0 20px 0;
  line-height: 1;
}
h2 {
  font-size: 16pt;
  margin: 0 0 20px 0;
  line-height: 1;
}
h3 {
  font-size: 12pt;
  margin: 0 0 20px 0;
  line-height: 1;
}


/**
 *
 * Better styles for vertical alignment of main content
 * (Because it's not visible on small screens with fixed position of footer)
 */

body .main-view {
  display: table;
  height: 100%;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}

.content {
  margin: 0 auto;
  width: auto;
  display: table-cell;
  vertical-align: middle;
  padding: 0 30px 30px 30px;
}

/**
 *
 * General
 *
 */

a[ng-click] {
    cursor: pointer;
}

.inactive {
  color: gray !important;
}

/**
 *
 * Styles for the header
 *
 */

.header {
  background-repeat: no-repeat;
  height: 66px;
  color: white;
  text-align: center;
  line-height: 66px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}

.headerlinks {
  position: absolute;
  top: 50%;
  margin-top: -9px;
  right: 0;
  line-height: 1;
}

.headerlinks li {
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid #46463c;
  float: left;
}
.headerlinks li.main-menu-close {
  display: none !important;
}
.headerlinks li a {
  color: white;
  text-decoration: none;
  font-size: 12pt;
  outline: none;
  letter-spacing: -0.02pt;
}
.headerlinks li a:hover {
  text-decoration: underline;
}
.headerlinks li.last
{
  padding-right: 0;
  margin-right: 0;
  border-right: none;
}

.header {

}
.header .logo {
  width: 98px;
  display: inline-block;
  float: left;
  margin: 23px 0;
  cursor: default;
}
.header .logo img {
  image-rendering: optimizeQuality;
  -ms-interpolation-mode: bicubic;
  interpolation-mode: bicubic;
  display: none;
  width: 100%;
  height: auto;
}
.header .logo img.png {
  display: block;
}
html.svg .logo img.png {
  display: none;
}
html.svg .logo img.svg {
  display: block;
}
.header:after {
  width: 100%;
  height: 5px;
  display: block;
  content: "";
  background: -webkit-gradient(linear, to right, to left, color-stop(0%, #ff8300), color-stop(100%, #ffbf23));
  background: -webkit-linear-gradient(to right, #ff8300,#ffbf23);
  background: -moz-linear-gradient(to right, #ff8300,#ffbf23);
  background: -o-linear-gradient(to right, #ff8300,#ffbf23);
  background: linear-gradient(to right, #ff8300,#ffbf23);
  background: #ff8300;
  background: -moz-linear-gradient(left, #ff8300 0%, #ffbf23 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ff8300), color-stop(100%, #ffbf23));
  background: -webkit-linear-gradient(left, #ff8300 0%, #ffbf23 100%);
  background: -o-linear-gradient(left, #ff8300 0%, #ffbf23 100%);
  background: -ms-linear-gradient(left, #ff8300 0%, #ffbf23 100%);
  background: linear-gradient(to right, #ff8300 0%,#ffbf23 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8300', endColorstr='#ffbf23',GradientType=1 );
  position: fixed;
  top: 66px;
  left: 0;
  transition: all 300ms;
}
.header, .footer {
  padding: 0 32px;
  background: #323227;
  z-index: 999;
}
.headerlinks {
  right: 30px;
}
.header .menu-btn {
  display: none;
  background: url(images/menu.png);
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 26px;
  height: 20px;
  margin: 23px 23px 23px 0;
  float: left;
}
.header .main-menu {
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 0;
}

.header > .loggedin {
  font-style: italic;
  color: #ffffff;
  font-size: 12pt;
  letter-spacing: -0.02pt;
}


/**
 *
 * Footer
 *
 */

.footer {
  color: #fff;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 13px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /*font-weight: bold;*/
  position: fixed;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.footer > div {
  position: relative;
  line-height: 1.3;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.footer a {
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
}
.footer a:hover {
  text-decoration: underline;
}
.footer .mobilelink-switcher {
  position: absolute;
  right: 32px;
  top: 50%;
  margin-top: -11px;
  font-size: 15px;
}
.footer .mobilelink-switcher, .footer .desktoplink-switcher {
  font-size: 15px;
  letter-spacing: 1px;
}
.footer .footer-bottom {
  font-family: "Neutra";
  font-style: italic;
  color: #84847d;
  margin-top: 10px;
}
.footer .footer-pipe {
  color: #5b5b52;
  padding: 0 20px;
}
.footer .desktoplink-switcher {
  display: none;
  margin-bottom: 30px;
  text-align: center;
}
.footer .on-demand-section {
  text-align: center;
}
.footer .on-demand-section p.primary {
  color: #fff;
  margin: 0;
}
.footer .on-demand-section p.secondary {
  color: #84847d;
  margin: 10px 0 0 0;
}
.footer .on-demand-section a {
  color: #ff8300;
}
.footer .on-demand-section a:hover {
  text-decoration: underline;
}
.footer .on-demand-section p.primary, .footer .on-demand-section p.secondary {
  margin-left: 25px;
  margin-right: 25px;
}

.footer .footer-left {
  width: 33.333333%;
  float: left;
  padding-right: 30px;
}
.footer .footer-center {
  width: 33.333333%;
  float: left;
}
.footer .footer-right {
  width: 33.333333%;
  float: right;
  position: static;
}




/**
 *
 * Text + selectbox + button
 * (Like on "Select a project" page)
 *
 */

select
{
  background: #fff;
  max-width: 476px;
  width: 100%;
  margin: 0 0 20px 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  height: 45px;
  padding: 0 16px;
  font-size: 14pt;
  text-indent: 0.01px;
  text-overflow: "";
  -webkit-padding-end: 16px;
  -webkit-padding-start: 16px;
  background-image: url("images/select-arrow.png");
  background-position: center right;
  background-repeat: no-repeat;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  border: 1px solid transparent;
}
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], textarea {
  background: #fff;
  max-width: 476px;
  width: 100%;
  margin: 0 0 20px 0;
  height: 45px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  padding: 0 16px;
  font-size: 14pt;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #555555;
}
textarea {
  height: auto;
}
/*input[type="text"].ng-dirty, input[type="password"].ng-dirty, input[type="email"].ng-dirty, input[type="tel"].ng-dirty {*/
  /*border-radius: 0.5pt;*/
  /*border-color: #fd1c24;*/
  /*color: #ed1c24;*/
/*}*/
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus {
  /*border-radius: 0.5pt;*/
  border-color: #FF8300;
}

/*
input[type="text"]::-webkit-input-placeholder
{
   color: #332e1f;
   line-height: 25px;
}
input[type="password"]::-webkit-input-placeholder
{
   color: #332e1f;
   line-height: 25px;
}
input[type="email"]::-webkit-input-placeholder
{
   color: #332e1f;
   line-height: 25px;
}
input[type="tel"]::-webkit-input-placeholder
{
   color: #332e1f;
   line-height: 25px;
}
textarea::-webkit-input-placeholder
{
   color: #332e1f;
   line-height: 25px;
}

input[type="text"]:-moz-placeholder
{
   color: #332e1f;
   line-height: 45px;
}
input[type="password"]:-moz-placeholder
{
   color: #332e1f;
   line-height: 45px;
}
input[type="email"]:-moz-placeholder
{
   color: #332e1f;
   line-height: 45px;
}
input[type="tel"]:-moz-placeholder
{
   color: #332e1f;
   line-height: 45px;
}
textarea:-moz-placeholder
{
   color: #332e1f;
   line-height: 45px;
}

input[type="text"]::-moz-placeholder
{
   color: #332e1f;
   line-height: 45px;
}
input[type="password"]::-moz-placeholder
{
   color: #332e1f;
   line-height: 45px;
}
input[type="email"]::-moz-placeholder
{
   color: #332e1f;
   line-height: 45px;
}
input[type="tel"]::-moz-placeholder
{
   color: #332e1f;
   line-height: 45px;
}
textarea::-moz-placeholder
{
   color: #332e1f;
   line-height: 45px;
}
*/

input[type="text"]:-ms-input-placeholder
{
   color: #332e1f;
   line-height: 25px;
}
input[type="password"]:-ms-input-placeholder
{
   color: #332e1f;
   line-height: 25px;
}
input[type="email"]:-ms-input-placeholder
{
   color: #332e1f;
   line-height: 25px;
}
input[type="tel"]:-ms-input-placeholder
{
   color: #332e1f;
   line-height: 25px;
}
textarea:-ms-input-placeholder
{
   color: #332e1f;
   line-height: 25px;
}

button, input[type="button"], input[type="submit"]
{
  background: #ff8300;
  border: none;
  font-size: 12pt;
  text-align: center;
  height: 45px;
  line-height: 45px;
  color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  width: 171px;
}
button.btn-secondary, input[type="button"].btn-secondary, input[type="submit"].btn-secondary {
  background: #696969;
}
button:disabled, input[type="button"]:disabled, input[type="submit"]:disabled
{
  opacity: 0.2;
}
button:hover, input[type="button"]:hover, input[type="submit"]:hover
{
  background: #cb6801;
}
button.btn-secondary:hover, input[type="button"].btn-secondary:hover, input[type="submit"].btn-secondary:hover
{
  background: #494949;
}
button:active, input[type="button"]:active, input[type="submit"]:active
{
}

.login-content .errormessage {
  padding: 15px;
  border: 1px solid #ebccd1;
  /* border-radius: 4px; */
  color: #a94442;
  background-color: #f2dede;
  display: block;
  font-size: 15px;
  padding-left: 50px;
  background-image: url(images/warning.png);
  background-repeat: no-repeat;
  background-position: 13px 11px;
  -webkit-background-size: 50px 50px;
  -moz-background-size: 50px 50px;
  background-size: 20px 20px;
  margin-top: 15px;
  font-weight: 500;
}


.login-content .errormessage:empty {
  display: none;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
  /* reset bootstrap styles */
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

/**
 *
 * Styles for project
 *
 */
.project-info {
  padding: 32px;
  margin-top: -32px;
  clear: both;
  overflow: hidden;
}
.project-info-text {
  font-size: 23pt;
}
@media (max-width: 374px) {
  .project-info-text {
    /** On iPhone 5, projects titles without spaces cause horizontal scrolling appear **/
    font-size:  21pt;
    word-break: break-all;
  }
}
.project-info-label {
  margin-bottom: 14px;
}
.project-info .project-info-right {
  float: right;
  width: auto;
  padding: 0 0 0 30px;
  border-left: 1px solid #d8d8d7;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.project-info .project-info-left {
  float: left;
  width: 60%;
  padding: 0 30px 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.project-info-2 {
  margin: 0;
  padding: 30px;
  padding-top: 54px;
  padding-bottom: 10px;
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.data-entry-container {
  margin: 0 30px;
}
.data-entry-grid {
  width: 100%;
  font-size: 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.home-grid {
  width: 100%;
  font-size: 16pt;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.home-grid-container {
  max-height: 300px; /* Set a maximum height for the scrollable area */
  overflow-y: auto; /* Enable vertical scrolling when content overflows */
}

.home-grid-container thead {
  position: sticky;
  top: 0;
  z-index: 1; /* Keep header above scrolling content */
}

body .page-dataentry, body.page-projects, body.page-settings {
  height: auto;
  min-height: 100%;
}
body.page-dataentry:before, body.page-projects:before, page-settings:before {
  display: block;
}
body.page-dataentry .main-view, body.page-projects .main-view, body.page-settings .main-view {
  max-width: 100%;
}
body.page-dataentry, body.page-projects {
  background: #fff;
}
body.page-dataentry .project-info, body.page-projects .project-info {
  background: #ebebeb;
}
body.page-dataentry .teammember-info, body.page-projects .teammember-info {
  width: 50%;
  float: left;
}
body.page-dataentry .dataentry-actions {
  float: right;
  text-align: right;
  position: relative;
  max-width: 745px;
  width: 100%;
}
body.page-dataentry .dataentry-actions .button-explanation button {
  padding-left: 30px;
  padding-right: 30px;
  margin: 0 0 0 10px;
  vertical-align: middle;
}
body.page-dataentry thead .button-explanation {
  padding-bottom: 18px;
}
body.page-dataentry tfoot .button-explanation {
  padding-top: 18px;
}
body.page-dataentry .dataentry-actions .button-explanation .pipe {
  margin: 0 0 0 10px;
  width: 1px;
  background: #d6d6d3;
  height: 45px;
  display: inline-block;
  vertical-align: middle;
}
body.page-dataentry .dataentry-actions .symbols {
  font-size: 15px;
  float: right;
}
html.mobile body.page-dataentry .dataentry-actions .symbols {
    float: none;
}
html.mobile body.page-dataentry .teammember-info,
html.mobile body.page-projects .teammember-info {
    width: 100%;
}
html.mobile table.data-entry-grid .btn-secondary, html.mobile table.data-entry-grid .btn-submit {
  width: inherit ;
  min-width: 80px;
}

body.page-dataentry .dataentry-actions .symbols span {
  display: inline-block;
  /*min-width: 170px;*/
  margin-left: 10px;
  text-align: left;
  font-weight: 500;
  line-height: 30px;
}
body.page-dataentry .dataentry-actions .symbols span:first-child {
  /*min-width: 100px;*/
}

.popup-div {
  z-index: 3333 !important;
}


table.data-entry-grid {
  border-collapse: collapse;
  clear: both;
  /*width: -webkit-calc(100% - 60px);*/
  /*width: -moz-calc(100% - 60px);*/
  /*width: calc(100% - 60px);*/
}

table.data-entry-grid td,
table.data-entry-grid th
{
  border-collapse: collapse;
  border: 1px solid #bcbcbc;
  padding: 7px;
  text-align: center;
  font-size: 16px;
}

table.home-grid td,
table.home-grid th {
  border-collapse: collapse;
  border: 1px solid #bcbcbc;
  padding: 7px;
  text-align: center;
  font-size: 16pt;
}

table.home-grid .project-link {
  border: none;
}

table.home-grid .project-message {
  margin-top: 10px;
  font-size: 70%;
  color: red;
}

table.home-grid .project-message:empty {
  display: none;
}

table.data-entry-grid .grid-heading-0,
table.data-entry-grid .grid-footing-0 {
    background: white;
    border: none;
}
table.data-entry-grid .grid-heading-0 th,
table.data-entry-grid .grid-footing-0 td {
    padding: 0 7px;
    border: none;
}
table.data-entry-grid .grid-footing-0 td {
    display: none;
}
html.mobile table.data-entry-grid .grid-footing-0 td {
    display: block;
}
table.data-entry-grid .grid-heading-1,
table.home-grid .grid-heading-1 {
  background: #e5e5e5;
}
table.data-entry-grid .grid-heading-1 th,
table.home-grid .grid-heading-1 th {
  height: 26px;
  padding: 3px 7px;
}
table.data-entry-grid .grid-heading-2 {
  background: #ececec;
}
table.data-entry-grid th {
  font-size: 15px;
  font-weight: 500;
}
table.home-grid th {
  font-size: 15pt;
  font-weight: 500;
}
table.data-entry-grid .grid-heading-2 th {
  font-weight: normal;
  height: 63px;
  padding: 0 7px;
}
table.data-entry-grid tr td.status_img,
table.data-entry-grid tr td.scheduled_finish,
table.data-entry-grid tr td.actual_finish,
table.data-entry-grid tr td.estimated_duration,
table.data-entry-grid tr td.estimated_finish,
table.data-entry-grid tr td.confirm_schedule,
table.data-entry-grid .grid-heading-0 th,
table.data-entry-grid .grid-footing-0 td,
table.data-entry-grid .grid-heading-1 th,
table.data-entry-grid .grid-heading-2 th.status_img,
table.data-entry-grid .grid-heading-2 th.scheduled_finish,
table.data-entry-grid .grid-heading-2 th.actual_finish,
table.data-entry-grid .grid-heading-2 th.estimated_duration,
table.data-entry-grid .grid-heading-2 th.estimated_finish,
table.data-entry-grid .grid-heading-2 th.confirm_schedule
{
  border-right-width: 2px;
}
table.data-entry-grid td.reset_img,
table.data-entry-grid td.memo_img,
table.data-entry-grid th.reset_img,
table.data-entry-grid th.memo_img,
table.data-entry-grid th.memo,
table.data-entry-grid th.status
{
  border-left-width: 0;
}
table.data-entry-grid tr.grid-heading-0 th,
table.data-entry-grid tr.grid-footing-0 td,
table.data-entry-grid tr.grid-heading-1 th
{
  border-top-width: 0;
}
table.data-entry-grid tr th.memo,
table.data-entry-grid tr th.memo_img,
table.data-entry-grid tr td.memo_img
{
  border-right-width: 0;
}
table.data-entry-grid tr td.scheduled_activity {
  text-align: left;
}
/*table.data-entry-grid .grid-heading-2 th.scheduled_start:after,
table.data-entry-grid .grid-heading-2 th.scheduled_finish:after,
table.data-entry-grid .grid-heading-2 th.actual_start:after,
table.data-entry-grid .grid-heading-2 th.actual_finish:after,
table.data-entry-grid .grid-heading-2 th.estimated_duration:after
{
  content: 'dd-mm-yy';
  display: block;
  opacity: 0.5;
}*/
table.data-entry-grid td input {
  border: 1px solid #bebebe;
  background: #f1f1f1;
  padding: 2px;
  font-size: 13px;
  height: 30px;
  width: 102px;
  margin: 0 !important;
}

/*
table.data-entry-grid td input::-webkit-input-placeholder
{
  line-height: 30px;
}
table.data-entry-grid td input:-moz-placeholder
{
  line-height: 30px;
}
table.data-entry-grid td input::-moz-placeholder
{
  line-height: 30px;
}
*/

table.data-entry-grid td input:-ms-input-placeholder
{
  line-height: 30px;
}

table.data-entry-grid b,
table.data-entry-grid strong
{
  font-weight: 500;
}
table.data-entry-grid tr.project-notes td,
table.data-entry-grid tr.project-predsucc td
{
  border: none;
  text-align: left;
  vertical-align: top;
  padding: 30px;
}
table.data-entry-grid tr.project-notes,
table.data-entry-grid tr.project-predsucc
{
  background: #f8f8f8;
}
table.data-entry-grid .close {
  color: #cdcdcd;
  font-size: 14px;
  line-height: 20px;
  float: right;
}
table.data-entry-grid .close span {
  color: #000;
  font-size: 30px;
  display: inline-block;
  vertical-align: middle;
  padding-left: 5px;
  margin-top: -5px;
}
table.data-entry-grid table {
  width: 100%;
}
table.data-entry-grid table th,
table.data-entry-grid table td
{
  border: 1px solid #b7b7b6 !important;
  padding: 7px 18px !important;
  font-size: 15px;
  font-weight: normal;
}

table.data-entry-grid table th {
  background: #d6d6d4;
  font-weight: 500;
  padding: 7px 0 !important;
  height: 37px;
}
table.data-entry-grid table td {
  background: #fff;
}
table.data-entry-grid table td:last-child,
table.data-entry-grid table td:first-child {
  text-align: center;
}
table.data-entry-grid .pred-succ-selectors {
  margin: 0 0 30px 0;
}
table.data-entry-grid .pred-succ-selectors a {
  color: #95938b;
}
table.data-entry-grid .pred-succ-selectors a:hover {
  text-decoration: underline;
}
table.data-entry-grid .pred-succ-selectors .pipe {
  margin: 0 15px;
  width: 1px;
  height: 14px;
  background: #d6d6d4;
  vertical-align: middle;
  display: inline-block;
}
table.data-entry-grid .pred-succ-selectors a.pred-succ-selected {
  color: #000;
  font-weight: 500;
}

/**
 * Buttons
 */

.btn-reset {
  display: inline-block;
  background: url(../images/reset.png) no-repeat;
  width: 22px;
  height: 18px;
  vertical-align: middle;
}
a.btn-reset:hover {
  background-position: 0 -18px;
}

.btn-calendar {
  display: inline-block;
  background: url(../images/calendar.png) no-repeat;
  width: 17px;
  height: 17px;
  vertical-align: middle;
}
a.btn-calendar:hover {
  background-position: 0 -17px;
}

.btn-memo {
  display: inline-block;
  background: url(../images/memo.png) no-repeat;
  width: 20px;
  height: 21px;
  vertical-align: middle;
}
a.btn-memo:hover {
  background-position: 0 -21px;
}

.memo-present {
  background-color: yellow;
}

.btn-notes {
  display: inline-block;
  background: url(../images/notes.png) no-repeat;
  width: 21px;
  height: 16px;
  vertical-align: middle;
  cursor: pointer;
  margin-bottom: 1px;
}

td.notes.btn-active .btn-notes {
  display: inline-block;
  background: url(../images/active-note.png) no-repeat;
  width: 21px;
  height: 16px;
  vertical-align: middle;
  cursor: pointer;
}

a.btn-notes:hover {
  background-position: 0 -16px;
}

.btn-predsucc {
  display: inline-block;
  background: url(../images/predsucc.png) no-repeat;
  width: 27px;
  height: 27px;
  vertical-align: middle;
  cursor: pointer;
}
a.btn-predsucc:hover {
  background-position: 0 -27px;
}

td.predsucc.btn-active .btn-predsucc {
  background-position: 0 -27px;
}

.scheduled_activity > span {
  font-size: 13px !important;
}

.with-calendar {
  position: relative;
  display: inline-block;
  width: 102px;
}
.with-calendar .btn-calendar {
  position: absolute;
  top: 6px;
  right: 4px;
}
.with-calendar input {
  padding-right: 25px !important;
  width: 100% !important;
  max-width: 100% !important;
}

/*
.popup {
  background: thistle !important;
}
*/

.publication-message {
  padding: 0 30px;
  line-height: 20px;
}
.publication-message:empty {
  display: none;
}
.data-entry-message {
  /*padding: 30px;*/
  font-weight: 400;
  line-height: 20px;
  margin: 10px 30px;
  padding: 15px;
  /*margin-bottom: 20px;*/
  border: 1px solid #bce8f1;
  /* border-radius: 4px; */
  color: #31708f;
  background-color: #d9edf7;
}
.data-entry-message:empty {
  display: none;
}

.project-predsucc-mobile, .project-notes-mobile {
  display: none !important;
}
.project-notes td > b, .project-notes > b {
  display: block;
  margin-bottom: 10px;
}
.project-notes div {
  line-height: 20px;
}


.checkbox > input[type="checkbox"] + label {
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABmJLR0QA/wCDAADQVNkqAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYMDAwcW4SkZQAAACpJREFUSMftzTEBAAAIAyC1f+cZwdMHCtBJUg+mnojFYrFYLBaLxWKx+LYwSgQ4BYgL5AAAAABJRU5ErkJggg==) no-repeat left center;
  padding-left: 40px;
  height: 30px;
  line-height: 30px;
  display: inline-block;
}
.checkbox > input[type="checkbox"] + label:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABmJLR0QA/wCDAADQVNkqAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYMDAw2gD9tswAAADpJREFUSMft17ERACAIwMDgObad7I07WECTLPB1oi7FQBuA02xnsBhKWFhYWFhYWFhYWFj4950y2uEHsWkFRpUcjEYAAAAASUVORK5CYII=);
}
.checkbox > input[type="checkbox"]:checked + label {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABmJLR0QA/wCDAADQVNkqAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYMDB0QAevLXgAAAqtJREFUSMft1s1rXGUUx/HPndfMW94mxZpii6KI4MKdAUFwUaTVTbU7dy78AxQXgoK0i5YuCkKhiLgRXEXcuHAjWEG6cltbFTQY0SZmJp1MZubOnclcF4+gYhKTNGM3PXC5m+feL+ec5/c7J0rTNHUPIuMexX3w4UWahmeHyB06MOkRN+hvUp6kOEtuYszgQZ/Wj3x9nniT2gM8d4FskSgaIzhu8OU7NL4l2cBT9DeoHBljj5Muze/Z+JnuCtlCKHGhjGhc4JR4lW+u0FtjtEWhxsLrFKbGeKv7PdZ+oPULcSvAinPMPPZnxuMADwe0l7l+MZQ4TSlNc+o9Jma2LfMhgFOSO3zxBq0lek1Kk5SPMnmMXGG/BpLuPdv1n2j/GnpbqFB9iNNXyNV2/fTfctqKg/iHPYo1ihXkdwC3ufZuyHSUUqrz/OUA3yXb7cHJJp+9GvqVK/PCB0wdI1v657nRgPVlOsskTSZqVB9k+pEdL9TupU66bN7m95us3mTxbCjnoPu3Tgzp3Obz1+its4VinZOXKEwfcEhMVMnkyZfDxWkvs/gSd5YYJaH/gw6fvsLmSnCm8izVo9ROkMsfEJyvcuYjZh6mUmcYByv85CxJm2Gf9m/0Vuk1KE4H4Omr5Gt3MRYzBSrznLrKkSeD0Q96xE0+XKD5HYsvE28EiZZmOHmRyXmye7f+aNudKx3Rb7N2g+sXWL1BZ4VMkSglkwmTqFSn/jhnPqY8t6NZ7F3HUYZiNfx04U3mngh9TLoknVCV6ePMPsqL74dy7wO6c8Z/aSZotHGLa+do3iJuM3uCZ95i/ukgoWxx354X/ed6mw6D8beW+Op80PnUcZ59O7yjg430aE979WjEsEvSCqtNoRQmUKF6YJePDrbQp/vu6SFNp7uD3l/o/9f4A+8J+ev2QrRnAAAAAElFTkSuQmCC);
}
.checkbox > input[type="checkbox"]:checked + label:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYMDBwVaJoOkAAAAr5JREFUSMfd1s1rXHUUxvHPnbc7r8lMpkma1BcqFYm6kIqQhYqCRdrqQu2uOxf+AYoLQanQQosLQagUkW66jbhx4UbQhbhybVFBixFNY5M0mWRmcmeScfETqdDEZJJpoQfu6t7Ll/M8v99zTtQ7q+cuVAa8e4fZ5yIpd6nuQXCvF55tPd7PSlq0F1hfpThEPEImP2BwZ53lX/j2LO1VKuM8f550TBQNENxe4Ov3WPiBZAVPsL5CaXSAHidNFn9i5Tea10nngsS5IqJBgXu05/n+Iq0bbG6QqzD9JrnhAZ7q9RY3fmb5d9rLARYfoPbwPx0PAtzt0JjluwtB4l6PQpXjH5Gv3VbmfQD3SG7y1VssX6O1SGGI4kGGDpHJ7TZAejvvdulXGn8Eb3Mlyvdz4iKZyg6GxK210Q6Xv9sirhCXkN0C3OCb90Onmz0KdV78MMC36fb24GSVL14PfmWKnPyU4UOkC//9brPD0ixrsySL5CuUJ6g+tOWB2l7qpMnqHH9dZf4qM6eCnJ3mLU50WZvjyzdoLbGBuM6xD8hV+xwS+TKpLNliODiNWWZe5eY1NpPgf2eNz0+zej0kU3GE8kEqD5LJ9gnOlnnlCrXDlOp02yEKPztF0qC7TuNPWvO0FoirAXjiEtnKHsZiKkdpkuOXGH08BH2nRXuRy9Ms/sjMa7RXwhUt1Dh2gaFJ0pk9gCETM3yYZ84w+hjFsdBtc4Erz9GcCxLn65TGqR0hnd+HRSBKEZepP8L02xyYCj4mTZK1oEr1AUaO8NInQe4tEmr3G0iUDjKOPsrT71CbojJGpkR5nGfP8PJlypOks7vOvNT/vs5XqU/xwnnGjzLxJGNHmXiKofvCkO97vd2uogxxjZGYkx+H1SZXCBMo6n+P2NmfqRS5cnj+zfJoT+Olz+m0N+g9ulfvyONz0R0H/w26Xs6zMi8mxAAAAABJRU5ErkJggg==);
}
.checkbox > input[type="checkbox"] {
  visibility: hidden;
  position: fixed;
  top: -99999px;
  left: -99999px;
}

.settings {
  background: #ddd;
  border: 1px solid #ccc;
  max-width: 800px;
  padding: 10px 20px;
  margin-bottom: 20px;
  max-height: 15px;
  overflow: hidden;
}
.settings.expanded {
  max-height: 999px;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  transition: all 500ms;
}
.settings table {
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  transition: all 500ms;
  opacity: 0;
  margin: 20px 0 0 20px;
}
.settings small {
  display: block;
  font-weight: 400;
  margin-top: 10px;
}
.settings td {
  vertical-align: top;
  padding: 0 0 10px 0;
}
.settings td:first-child {
  padding-top: 8px;
}
.settings td:last-child {
  padding-right: 20px;
}
.settings input[type="text"], .settings select, .settings input[type="password"], .settings textarea {
  height: 30px;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 0;
  padding: 0 10px;
}
.settings select {
  -webkit-padding-end: 8px;
  -webkit-padding-start: 8px;
  -webkit-background-size: auto 6px;
  -moz-background-size: auto 6px;
  background-size: auto 6px;
}
.settings textarea {
  height: auto;
  padding: 10px;
}
.settings.expanded table {
  opacity: 1;
  width: 100%;
}
.settings h2 {
  margin: 0;
  cursor: pointer;
  font-size: 17px;
  font-weight: 400;
}
.settings h2:before {
  content: "\25b6";
  display: inline-block;
  margin-right: 10px;
  font-size: 11px;
  vertical-align: middle;
  margin-top: -4px;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  transition: all 500ms;
}
.settings.expanded h2:before {
  -webkit-transform: rotateZ(90deg);
  -webkit-transform-origin: 50% 50%;
  -moz-transform: rotateZ(90deg);
  -moz-transform-origin: 50% 50%;
  transform: rotateZ(90deg);
  transform-origin: 50% 50%;
}
.page-settings .content {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}

.popup-div {
  z-index: 3333 !important;
}

.pma-introduction-message .publication-message {
  background: #fff2e5;
  padding: 30px;
  margin-bottom: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
}
.pma-introduction-message .publication-message strong, .pma-introduction-message .publication-message b {
  font-weight: 500;
}
.pma-introduction-message .publication-message a {
  color: #ff8300;
  font-weight: normal;
}
.pma-introduction-message .publication-message a:hover {
  color: #ab5801;
}
.pma-team-message-link a {
  color: #ff8300;
  font-weight: normal;
}
.pma-team-message-link a:hover {
  color: #ab5801;
}

.modal-body textarea {
  max-width: 100%;
}

.confirm_schedule > div {
  position: relative;
  z-index: 2;
}
table.data-entry-grid tr td.scheduled_activity .btn-edit {
  display: none;
}
table.data-entry-grid tr td.scheduled_activity .activity-error-hint {
  margin-top: 5px;
}
.mobile-memo-button {
  display: none;
}

/**
 *
 * Styles for tablets
 *
 */

.mobile-only {
  display: none;
}
html.mobile .mobile-only {
  display: block;
}

.desktop-only {
  display: block;
}
html.mobile .desktop-only {
  display: none;
}

.mobile-only-inline {
  display: none;
}
html.mobile .mobile-only-inline {
  display: inline;
}

html.mobile .mobile-hide {display: none}

.desktop-only-inline {
  display: inline;
}
html.mobile .desktop-only-inline {
  display: none;
}

html.mobile body.page-dataentry .dataentry-actions {
  max-width: 100%;
}

/**
 * Menu styles
 */
html.mobile body {
  -webkit-transition: margin 400ms;
  -moz-transition: margin 400ms;
  transition: margin 400ms;
}
html.mobile .header {
  -webkit-transition: left 400ms;
  -moz-transition: left 400ms;
  transition: left 400ms;
}
html.mobile .headerlinks {
  position: fixed;
  top: 0;
  left: -200px;
  -webkit-transition: left 400ms;
  -moz-transition: left 400ms;
  transition: left 400ms;
  height: 100%;
  width: 200px;
  background: #2c2c23;
  z-index: 999;
  margin-top: 0;
}
html.mobile .headerlinks .main-menu {
  display: block;
  width: 100%;
}
html.mobile .headerlinks li {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  border-bottom: 1px solid #6a6a64;
}
html.mobile .headerlinks li a {
  display: block;
  width: 100%;
  padding: 10px 16px;
  text-align: left;
  color: #fff;
  font-size: 16px;
  border: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html.mobile .headerlinks li a em {
  font-style: normal;
  color: #ff8300;
}
html.mobile .headerlinks li.main-menu-close {
  display: block !important;
  height: 66px;
  line-height: 66px;
}
html.mobile .headerlinks li.main-menu-close a {
  text-align: right;
  font-size: 44px;
  padding-top: 0;
  padding-bottom: 0;
  text-decoration: none;
  cursor: pointer;
}
html.mobile body.menu-visible {
  margin-left: 200px;
  margin-right: -200px;
  overflow: hidden;
}
html.mobile body.menu-visible .header {
  left: 200px;
}
html.mobile body.menu-visible .headerlinks {
  left: 0;
  -webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.18);
  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.18);
}

html.mobile .project-info-2 {
  text-align: center;
  float: none;
}
html.mobile body.page-dataentry .teammember-info,
html.mobile body.page-projects .teammember-info {
  float: none;
}
html.mobile body.page-dataentry .dataentry-actions {
  text-align: center;
  float: none;
}
html.mobile .data-entry-container {
  margin: 0;
}
html.mobile table.data-entry-grid,
html.mobile table.data-entry-grid > thead,
html.mobile table.data-entry-grid > thead > tr,
html.mobile table.data-entry-grid > thead > tr > th,
html.mobile table.data-entry-grid > tfoot,
html.mobile table.data-entry-grid > tfoot > tr,
html.mobile table.data-entry-grid > tfoot > tr > td,
html.mobile table.data-entry-grid > tbody,
html.mobile table.data-entry-grid > tbody > tr,
html.mobile table.data-entry-grid > tbody > tr > td
{
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: none;
  /*border-color: #e2e2e2;*/
}
html.mobile table.data-entry-grid > thead > tr.grid-heading-1,
html.mobile table.data-entry-grid > thead > tr.grid-heading-2
{
  display: none !important;
}
html.mobile body.page-dataentry .dataentry-actions .symbols {
  position: static;
  top: auto;
  right: auto;
  margin: 20px 0 0 0;
  text-align: center;
}
html.mobile body.page-dataentry .dataentry-actions .symbols span {
  min-width: 0 !important;
  margin: 0 0 0 25px;
}

html.mobile table.data-entry-grid > tbody > tr > td.notes,
html.mobile table.data-entry-grid > tbody > tr > td.predsucc,
html.mobile table.data-entry-grid > tbody > tr > td.scheduled_days,
html.mobile table.data-entry-grid > tbody > tr > td.scheduled_start,
html.mobile table.data-entry-grid > tbody > tr > td.scheduled_finish,
html.mobile table.data-entry-grid > tbody > tr > td.project-notes,
html.mobile table.data-entry-grid > tbody > tr > td.project-predsucc,
html.mobile table.data-entry-grid > tbody > tr > td.actual_start,
html.mobile table.data-entry-grid > tbody > tr > td.actual_finish,
html.mobile table.data-entry-grid > tbody > tr > td.estimated_duration,
html.mobile table.data-entry-grid > tbody > tr > td.estimated_finish,
html.mobile table.data-entry-grid > tbody > tr > td.confirm_schedule,
html.mobile table.data-entry-grid > tbody > tr > td.memo_img
{
  display: none;
}
html.mobile table.data-entry-grid > tbody > tr {
  position: relative;
  overflow: hidden;
  clear: both;
}
html.mobile table.data-entry-grid > tbody {
  border-bottom: 1px solid #bcbcbc;
}
html.mobile table.data-entry-grid > tbody > tr > td.reset_img {
  height: 40px;
  line-height: 40px;
  width: 56px;
  position: absolute;
  top: 0;
  left: 0;
  border-right: 1px solid #bcbcbc;
  border-bottom: 1px solid #bcbcbc;
}
html.mobile table.data-entry-grid > tbody > tr > td.status_img {
  height: 40px;
  line-height: 40px;
  width: 56px;
  position: absolute;
  top: 40px;
  left: 0;
  border-right: 1px solid #bcbcbc;
}
html.mobile table.data-entry-grid > tbody > tr > td.id {
  height: 80px;
  width: 53px;
  position: absolute;
  top: 0;
  left: 56px;
  line-height: 100px;
  border-right: 1px solid #bcbcbc;
}
html.mobile table.data-entry-grid > tbody > tr > td.id:before {
  content: 'ID';
  display: block;
  position: absolute;
  top: -15px;
  left: 0;
  width: 100%;
}
html.mobile table.data-entry-grid > tbody > tr > td.scheduled_activity {
  height: 80px;
  line-height: 80px;
  overflow: hidden;
  width: 100%;
  padding-left: 123px;
  padding-right: 100px;
  border-top: 1px solid #bcbcbc;
  border-bottom: 1px solid #bcbcbc;
  margin-bottom: -1px;
}
html.mobile table.data-entry-grid > tbody > tr > td .btn-edit {
  position: absolute;
  right: 0;
  top: 0;
  height: 78px;
  line-height: 80px;
  width: 85px;
  display: block;
  border-left: 1px solid #bcbcbc;
  border-top: 1px solid #bcbcbc;
  border-bottom: 1px solid #bcbcbc;
  text-align: center;
}
html.mobile table.data-entry-grid > tbody > tr > td .btn-edit:before {
  background: url(../images/btn-edit-new.png) no-repeat 0 0;
  width: 20px;
  height: 18px;
  content: '';
  display: inline-block;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
  vertical-align: middle;
}
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td .btn-edit:before {
  background-position: 0 -18px;
}
html.mobile table.data-entry-grid > tbody > tr.editing-tablet .btn-edit {
  background: #ffdab3;
}
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.notes,
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.predsucc {
  display: block;
  width: 25%;
  float: left;
  height: 97px;
  line-height: 97px;
  font-size: 14px;
  border-top: 1px solid #bcbcbc;
  background: #fbfbfb;
  border-right: 1px solid #bcbcbc;
  cursor: pointer;
}
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.notes.btn-hidden {
  display: none;
}
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.predsucc.btn-wider {
  width: 50%;
}
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.notes.btn-active,
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.predsucc.btn-active {
  background: #ffdab3;
}
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.notes:after,
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.predsucc:after {
  content: 'More Details';
  color: #ff8300;
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
}
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.predsucc:after {
  content: 'Pred. / Success.';
}
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.scheduled_days,
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.scheduled_start,
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.scheduled_finish {
  display: block;
  float: left;
  width: 17%;
  border-top: 1px solid #bcbcbc;
  border-right: 1px solid #bcbcbc;
  height: 63px;
  line-height: 85px;
  background: #fbfbfb;
  position: relative;
  text-align: left;
  padding-left: 10px;
  margin-top: 34px;
}
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.scheduled_days {
  width: 16%;
}
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.scheduled_finish {
  border-right: none;
}

html.mobile table.data-entry-grid > tbody > tr.project-notes,
html.mobile table.data-entry-grid > tbody > tr.project-predsucc
{
  display: none !important;
}

html.mobile table.data-entry-grid > tbody > tr > td.project-notes-mobile,
html.mobile table.data-entry-grid > tbody > tr > td.project-predsucc-mobile
{
  display: block !important;
}
html.mobile table.data-entry-grid > tbody > tr > td.project-notes-mobile.ng-hide,
html.mobile table.data-entry-grid > tbody > tr > td.project-predsucc-mobile.ng-hide
{
  display: none !important;
}

html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.scheduled_days:before,
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.scheduled_start:before,
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.scheduled_finish:before {
  content: 'Days';
  display: block;
  position: absolute;
  left: 10px;
  top: -21px;
  font-size: 13px;
  font-weight: 400;
}
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td .scheduled {
  position: absolute;
  display: block;
  top: -34px;
  left: 0;
  width: 350%;
  padding-left: 10px;
  height: 33px;
  line-height: 34px;
  background: #ebebeb;
  content: 'SCHEDULED';
  border-right: 1px solid #bcbcbc;
  font-weight: 400;
}
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td .scheduled:before {
  content: 'SCHEDULED';
  display: inline;
}
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.scheduled_start:before {
  content: 'Start';
}
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.scheduled_finish:before {
  content: 'Finish';
}
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.actual_start,
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.actual_finish,
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.estimated_duration,
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.estimated_duration,
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.confirm_schedule,
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.estimated_finish
{
  display: block;
  float: left;
  width: 25%;
  border-top: 1px solid #bcbcbc;
  border-right: 1px solid #bcbcbc;
  height: 85px;
  line-height: 101px;
  background: #fbfbfb;
  position: relative;
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 34px;
}
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.actual_start .with-calendar,
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.actual_finish .with-calendar,
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.estimated_duration .with-calendar,
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.estimated_finish .with-calendar
{
  height: 83px;
  overflow: hidden;
}
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.estimated_duration,
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.confirm_schedule,
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.estimated_finish {
  border-right: none;
  width: 50%;
}

html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.confirm_schedule br {
  display: none !important;
}

html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.actual_start:before,
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.estimated_duration:before,
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.estimated_finish:before,
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.confirm_schedule:before
{
  position: absolute;
  display: block;
  top: -35px;
  left: -1px;
  width: 210%;
  padding-left: 10px;
  height: 34px;
  line-height: 34px;
  background: #ebebeb;
  content: 'ACTUAL';
  border-right: 1px solid #bcbcbc;
  border-top: 1px solid #bcbcbc;
  font-weight: 400;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.estimated_duration:before,
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.confirm_schedule:before,
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.estimated_finish:before  {
  border-left: 1px solid #bcbcbc;
  content: 'ESTIMATED';
}
html.mobile table.data-entry-grid > tbody > tr.editing-tablet .with-calendar {
  /*line-height: 1;*/
  height: auto;
  width: 100%;
  position: relative;
  z-index: 2;
}
html.mobile table.data-entry-grid > tbody > tr.editing-tablet .with-calendar input {
  width: 100%;
}
html.mobile table.data-entry-grid > tbody > tr.editing-tablet .with-calendar .btn-calendar {
  top: 43px;
  z-index: 3;
}

html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.confirm_schedule div.schedule_confirm input {
  margin-left: 20px !important;
}


html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.estimated_duration input,
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.estimated_finish input {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 2;
  position: relative;
}

html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.actual_start:after,
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.actual_finish:after,
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.estimated_duration:after,
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.estimated_finish:after,
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.confirm_schedule:after
{
  content: 'Start';
  display: block;
  position: absolute;
  left: 10px;
  top: -29px;
  font-size: 13px;
  font-weight: 400;
}
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.actual_finish:after,
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.estimated_duration:after,
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.confirm_schedule:after,
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.estimated_finish:after {
  content: 'Finish';
}
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.estimated_duration:after,
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.confirm_schedule:after,
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.estimated_finish:after {
  content: 'Finish';
}
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.memo_img {
  display: block;
  clear: both;
  width: 100%;
  padding: 10px 10px;
  background: #ebebeb;
  border-bottom: 5px solid #323226;
  border-top: 1px solid #bcbcbc;
  text-align: right;
  position: relative;
  height: 47px;
}
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.memo_img:before {
  display: inline-block;
  content: 'MEMO';
  font-weight: 400;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -7px;
}
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.memo_img a {
  background-image: url('../images/memo-mobile.png');
  background-position: right center;
  background-repeat: no-repeat;
  width: 100%;
  height: 41px;
  background-color: transparent !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.memo_img a.memo-present {
  background-image: url('../images/memo-present-mobile.png');
}
html.mobile .project-notes-mobile,
html.mobile .project-predsucc-mobile {
  width: 100%;
  height: auto;
  clear: both;
  position: relative;
  overflow: hidden;
  padding: 30px !important;
  text-align: left !important;
  border-top: 1px solid #bcbcbc !important;
  /*border-bottom: 1px solid #bcbcbc !important;*/
}
html.mobile .project-notes-mobile .close span,
html.mobile .project-predsucc-mobile .close span {
  font-size: 40px;
  font-weight: 400;
}
html.mobile .project-notes-mobile th,
html.mobile .project-predsucc-mobile th {
  height: 20px !important;
}
html.mobile .project-notes-mobile td,
html.mobile .project-predsucc-mobile td {
  text-align: left !important;
}
html.mobile .project-notes-mobile td:first-child,
html.mobile .project-predsucc-mobile td.id {
  text-align: center !important;
}

html.mobile .header .menu-btn {
  display: inline-block;
}
html.mobile .footer {
  margin-top: 1px;
  text-align: center;
}
html.mobile .footer .mobilelink-switcher {
  display: none;
}
html.mobile .footer .desktoplink-switcher {
  display: block;
}
html.mobile table.data-entry-grid tr td.scheduled_activity .btn-edit {
  display: block;
}
html.mobile .mobile-memo-button {
  display: block;
  font-weight: 400;
  line-height: 20px;
  margin: 10px 30px 18px;
  padding: 15px;
  border: 1px solid #ffd17c;
  color: #333;
}
html.mobile .mobile-memo-button:hover {
  background-color: #fcffd2;
  text-decoration: none;
}
html.mobile .mobile-memo-button.memo-present {
  background-color: yellow;
  border: 1px solid #f19d00;
}
html.mobile .mobile-memo-button:before {
  content: '';
  display: inline-block;
  background: url('../images/memo-mobile.png');
  width: 30px;
  vertical-align: bottom;
  height: 20px;
}
html.mobile .footer .footer-right {
  display: none;
}
html.mobile .footer .footer-center, html.mobile .footer .footer-left {
  width: 100%;
  float: none;
  margin: 0;
  padding: 0;
  background: transparent;
}
html.mobile .footer .footer-center {
  margin-top: 25px;
}

/* @media all and (max-height: 668px)  { */
@media all and (max-height: 500px) , all and (max-width: 700px) {

  html {
    background: #323227;
  }

  .content {
    margin: 30px;
    width: auto;
  }

  .footer {
    font-size: 11px;
    position: relative;
    left: auto;
    bottom: auto;
  }

  body:after {
    display: none;
  }

  body {
    height: auto;
  }

  body .main-view {
    height: auto;
    padding-top: 85px;
  }

  body.page-settings .main-view {
    display: block;
  }

  body.page-dataentry .main-view,
  body.page-settings .main-view {
    padding-top: 0;
  }

}

/**
 *
 * Styles for mobiles
 *
 */

@media all and (max-width: 667px) {

  html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.predsucc.btn-wider {
    width: 100%;
  }

  html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.estimated_finish.full-width {
    width: 100%;
    padding-right: 30px;
  }

  html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.estimated_finish.full-width .with-calendar {
    width: 50%;
  }

  html.mobile .with-calendar {
    max-width: 100%;
  }

  html.mobile .confirm_schedule .remain_duration {
    max-width: 50%;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  html.mobile .footer {
    line-height: 1.6;
  }

  html.mobile .modal {
    left: 20px;
    right: 20px;
    width: auto;
    margin-left: 0;
  }

  html.mobile .modal-footer button {
    width: 120px;
  }

  html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.confirm_schedule {
    width: 100% !important;
  }

  html.mobile .team-message-mobile {
    display: block;
  }

  html.mobile .team-message-desktop {
    display: none;
  }

  html.mobile .project-info .project-info-left {
    float: none;
    width: 100%;
    padding: 0;
    margin-bottom: 30px;
  }

  html.mobile .project-info .project-info-right {
    float: none;
    width: 100%;
    padding: 0;
    border-left: none;
  }

  body.page-dataentry .dataentry-actions .button-explanation > button:first-child {
    display: none;
  }

  html.mobile body.page-dataentry .dataentry-actions .button-explanation .pipe {
    display: none;
  }

  html.mobile body.page-dataentry .dataentry-actions .button-explanation button {
    padding: 0 5px;
    width: 120px;
  }

  html.mobile .project-info-2 {
    padding: 30px 10px;
  }

  html.mobile table.data-entry-grid > tbody > tr > td.reset_img {
    width: 40px;
  }

  html.mobile table.data-entry-grid > tbody > tr > td.status_img {
    width: 40px;
  }

  html.mobile table.data-entry-grid > tbody > tr > td.id {
    left: 40px;
    width: 40px;
  }

  html.mobile table.data-entry-grid > tbody > tr > td .btn-edit {
    width: 40px;
  }

  html.mobile table.data-entry-grid > tbody > tr > td.scheduled_activity {
    padding-left: 90px;
    padding-right: 52px;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
  }

  html.mobile table.data-entry-grid > tbody > tr > td.scheduled_activity > span {
    display: none !important;
  }

  html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.notes,
  html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.predsucc {
    width: 50%;
    height: 51px;
    line-height: 51px;
    border-bottom: 1px solid #bcbcbc;
  }

  html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.scheduled_days,
  html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.scheduled_start,
  html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.scheduled_finish {
    width: 33.3333%;
  }

  html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.actual_start,
  html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.actual_finish,
  html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.estimated_duration,
  html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.estimated_finish,
  html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td.confirm_schedule {
    width: 50%;
  }

  html.mobile table.data-entry-grid > tbody > tr.editing-tablet > td .scheduled {
    height: 34px;
    top: -35px;
  }

  html.mobile .project-notes-mobile td:first-child,
  html.mobile .project-predsucc-mobile td.id {
    text-align: left !important;
  }

  html.mobile span.loggedin {
    display: none !important;
  }

  html.mobile .pred-succ-table,
  html.mobile .pred-succ-table > tbody,
  html.mobile .pred-succ-table > tbody > tr,
  html.mobile .pred-succ-table > tbody > tr > td {
    display: block !important;
  }

  html.mobile .pred-succ-table thead {
    display: none !important;
  }

  html.mobile .pred-succ-table > tbody > tr {
    position: relative;
    overflow: hidden;
    border: 1px solid #6b6b6b !important;
  }

  html.mobile .pred-succ-table > tbody > tr:after {
    height: 1px;
    width: 100%;
    content: '';
    display: block;
    background: #a3a3a3;
  }

  html.mobile .pred-succ-table > tbody > tr:last-child:after {
    display: none;
  }

  html.mobile .pred-succ-table > tbody > tr > td {
    padding: 10px 10px 10px 120px !important;
    line-height: 20px;
    border: none !important;
    border-bottom: 1px solid #6b6b6b !important;
    position: relative;
    text-align: left !important;
  }

  html.mobile .pred-succ-table > tbody > tr > td:last-child {
    border-bottom: none !important;
  }

  html.mobile .pred-succ-table > tbody > tr > td:before {
    content: 'Title';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100%;
    padding: 5px 10px;
    font-weight: 500;
    line-height: 20px;
    background: #d6d6d4;
    border-right: 1px solid #6b6b6b !important;
    border-bottom: 1px solid transparent !important;
    border-top: 1px solid transparent !important;
    text-align: left;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  html.mobile .pred-succ-table > tbody > tr > td.id:before {
    content: 'ID';
  }

  html.mobile .pred-succ-table > tbody > tr > td.name:before {
    content: 'Name';
  }

  html.mobile .pred-succ-table > tbody > tr > td.assignee:before {
    content: 'Assignee';
  }

  html.mobile .pred-succ-table > tbody > tr > td.type:before {
    content: 'Type';
  }

  html.mobile .pred-succ-table > tbody > tr > td.lag:before {
    content: 'Lag';
  }

  html.mobile .pred-succ-table > tbody > tr > td.date:before {
    content: 'Date';
  }

  html.mobile body.page-dataentry .dataentry-actions .symbols span {
    margin-left: 5px;
    font-size: 11px;
  }

  html.mobile body.page-dataentry .dataentry-actions .symbols span:first-child {
    margin-left: 0;
  }

  html.mobile body.page-settings .content button {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }

  html.mobile body.page-settings .content table,
  html.mobile body.page-settings .content table tbody,
  html.mobile body.page-settings .content table tr,
  html.mobile body.page-settings .content table tr td {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 0;
    padding-right: 0;
  }

  html.mobile body.page-settings .content table {
    margin: 0;
  }

}
/* end of styles for mobiles */

/* Sticky headers */
html.desktop .data-entry-container.sticky .data-entry-grid > thead {
  position: fixed;
  top: 71px;
  z-index: 999;
  display: block;
}

/* Font corrections */

html.desktop tr.group td {
  font-weight: 500 !important;
}
html.desktop input, select, button, td, body, h1, h2, h3, textarea {
  font-weight: 400;
}
.scheduled_activity .activity-error-hint {
  font-size: 14px !important;
  line-height: 16px;
}

/* Multiple lines in activity description */
html.desktop table.data-entry-grid > tbody > tr > td.scheduled_activity table td {
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  font-size: 16px;
  text-align: left;
  line-height: 20px;
  vertical-align: middle;
}
html.mobile table.data-entry-grid > tbody > tr > td.scheduled_activity table {
  height: 80px;
}
html.mobile table.data-entry-grid > tbody > tr > td.scheduled_activity table td {
  border: none !important;
  background: transparent !important;
  padding: 10px 0 12px !important;
  line-height: 25px;
  font-size: 16px;
  text-align: left;
  vertical-align: middle;
}
html.desktop body {
  min-width: 1000px;
}
.date-changed {
  font-style: italic;
}
.submit-emphasis {
  color: red;
}
.submit-message {
  font-size: large;
}
.activities-assigned {
  font-weight: bold;
}

/* Buttons on mobiles */
@media (max-width: 600px) {
  /** iPhone 6 plus **/
  .button-explanation button {
    width: 124px;
  }
}
@media (max-width: 413px) {
  /** iPhone 6 **/
  .button-explanation button {
    font-size: 10pt;
    width: 111px;
  }
}
@media (max-width: 374px) {
  /** iPhone 5 and smaller **/
  .button-explanation button {
    font-size: 10pt;
    width: 98px;
  }
}

/* Disable sticky footer on page data entry */
.page-dataentry .footer, html.mobile .page-dataentry .footer {
  position: relative;
  left: auto;
  bottom: auto;
}
body.page-dataentry .main-view {
  background: #fff;
  padding-bottom: 20px;
}
body.page-dataentry {
  background: #323227;
}

.activity-error {
  color: Red;
  font-size: 12px;
  display: inline-block;
  width: 100%;   
}

.activity-warning {
    color: Green;
    font-size: 12px;
    display: inline-block;
    width: 100%;   
}

.memo-message {
  color: Red;
}