html, body, #wrapper, .ipsum-app {
  height: 100%;
}

body {
  background-color: #fff;
}

a:hover {
  cursor: pointer;
}

h5 {
  font-weight: bold;
  margin: 6px 0;
}

.well-clear {
  background-color: #fff;
}

.well-sm {
  padding: 0;
  border: 1px solid #ddd;
}
.well-sm table {
  margin-bottom: 0;
}

.margin-bot-5 {
  margin-bottom: 5px;
}

.margin-left-5 {
  margin-left: 5px;
}

.margin-left-10 {
  margin-left: 10px;
}

.col-fixed-130 {
  width: 130px;
}

.col-fixed-170 {
  width: 170px;
}

.thumb-80 {
  max-width: 80px;
  max-height: 80px;
  margin: 5px;
}

.page-title-div {
  margin-top: 20px;
}
.page-title-div h3 {
  margin: 10px 0;
}
.page-title-div h4 {
  margin: 8px 0;
}

.text-grey {
  color: #aaa;
}

.text-disabled {
  color: #e4e4e4;
}

.fill-h {
  width: 100%;
}

.link {
  cursor: pointer;
}

.nav > li > a.disabled {
  color: #bbb;
}

.h-80 {
  width: 80%;
}

.h-20 {
  width: 20%;
}

.no-padding {
  padding: 0 !important;
}

.no-pad-h {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.no-pad-h-l {
  padding-left: 0 !important;
}

.no-pad-h-r {
  padding-right: 0 !important;
}

.no-margin {
  margin: 0 !important;
}

.grey {
  color: #bbb;
}

pre {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
}

pre.simple {
  background: inherit;
  border: none;
  padding: 0;
  margin: 0;
}

.modal-dialog h2.modal-title span.label {
  display: block;
  white-space: pre-wrap;
  margin-right: 20px;
}

.hover-table tr:hover > td {
  background-color: #e7edf3;
  color: #000000;
}

.row-selected, .row-selected:focus, .row-selected:hover {
  background-color: #255c8b !important;
  color: #e3f2ff;
}

.row-selected .text-success {
  color: #73fd74;
}

.row-selected .text-danger {
  color: #ff6762;
}

.btn-table-fit {
  position: relative;
  top: -6px;
  margin: 0 -5px -10px -4px;
  padding: 4px 10px 4px 10px;
  border-radius: 0;
  float: left;
}
.btn-table-fit i {
  margin-left: 10px;
}

.nav-pag-xs {
  margin: 0;
}

.total-entries {
  position: relative;
  margin-left: 9px;
  top: -10px;
  font-size: 15px;
  color: #a9a9a9;
}

/* ng-animate for views*/
.animate.ng-enter, .animate.ng-leave {
  -webkit-transition: 150ms ease-out all;
  transition: 150ms ease-out all;
  position: relative;
  display: block;
}

.animate.ng-enter {
  top: -16px;
  opacity: 0.2;
}

.animate.ng-enter.ng-enter-active {
  top: 0px;
  opacity: 1;
}

.animate.ng-leave {
  display: none;
  opacity: 0;
}

/* End ng-animate for views*/
.form-icon {
  margin-right: 12px;
}

span.show-on-error {
  display: none;
}

.has-error .show-on-error {
  display: block;
}

span.show-on-error-inline {
  display: none;
}

.has-error .show-on-error-inline {
  display: inline;
}

.ng-invalid.ng-touched {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

hr {
  margin-top: 10px;
  margin-bottom: 15px;
}

.nav-tabs > li.tab-has-error > a {
  color: #a94442;
  text-shadow: 0 0 3px rgba(255, 68, 66, 0.5);
  font-weight: bold;
}

.well-inactive {
  background-color: #ffeded;
}

.well-active {
  background-color: #F1F8E9;
}

.well textarea {
  resize: none;
}

.date-time-input {
  display: block;
  width: 100%;
}
.date-time-input input[type=date] {
  float: left;
  width: 65%;
}
.date-time-input input[type=time] {
  float: left;
  width: 35%;
}
.date-time-input .date-format {
  display: block;
  float: left;
  font-size: 10px;
  margin: 0;
  padding: 0 0 0 8px;
  text-align: left;
  width: 65%;
  color: #999;
}
.date-time-input .time-format {
  display: block;
  float: right;
  font-size: 10px;
  margin: 0;
  padding: 0 0 0 8px;
  text-align: left;
  width: 35%;
  color: #999;
}

.view-menu .well {
  padding-bottom: 8px;
}
.view-menu .view-buttons {
  margin-top: 0;
}
.view-menu hr {
  margin-top: 5px;
  margin-bottom: 5px;
}

.btn-group-m .btn {
  padding: 7px 13px;
  font-size: 15px;
}
.btn-group-m .btn i {
  padding-left: 10px;
  padding-right: 15px;
  font-size: 18px;
}

.highlight {
  margin-left: 8px;
  margin-right: 8px;
  display: inline-block;
  padding: 2px 6px;
  border-radius: 4px;
  border: 1px solid #efefef;
}

input.search {
  -webkit-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  padding-left: 32px;
  background-image: url("/static/img/system/search_icon.png");
  background-position: 7px 7px;
  background-repeat: no-repeat;
}

input.search-anim {
  width: 40%;
  -webkit-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  padding-left: 32px;
  background-image: url("/static/img/system/search_icon.png");
  background-position: 7px 7px;
  background-repeat: no-repeat;
}

input.search-anim:focus {
  width: 100%;
}

input.search-round {
  padding-left: 32px;
  background-image: url("/static/img/system/search_icon.png");
  background-position: 7px 7px;
  background-repeat: no-repeat;
  border-radius: 2px 20px 20px 2px;
}

.btn-clear-search {
  float: right;
  position: relative;
  width: 34px;
  height: 34px;
  top: -34px;
  right: -6px;
  color: #dbdbdb;
  margin-bottom: -34px;
}
.btn-clear-search:hover {
  color: #666;
}
.btn-clear-search i {
  background-color: #fff;
  font-size: 22px;
  margin-top: 6px;
  margin-left: 0px;
}

.bg-section {
  color: #fff;
  background-color: #2c8eab;
}

.bg-section-dark-green {
  color: #fff;
  background-color: #5cb85c;
}

.bg-section-green {
  color: #fff;
  background-color: #3bbd92;
}

.bg-section-warning {
  color: #fff;
  background-color: #f0ad4e;
}

.bg-section-danger {
  color: #fff;
  background-color: #d9534f;
}

.bg-section-pink {
  color: #fff;
  background-color: #C2185B;
}

.bg-section-purple {
  color: #fff;
  background-color: #7a4584;
}

.bg-section-brown {
  color: #fff;
  background-color: #4E342E;
}

.btn-header {
  top: -6px;
  position: relative;
  right: -10px;
}

.print-only {
  visibility: hidden;
}

@media print {
  body {
    background-color: #FFFFFF;
    background-image: none;
    color: #000000;
  }
  .view-menu {
    display: none;
  }
  html, body, section.ipsim-app {
    padding-top: 0;
    font-size: 0.8em;
  }
  h1 {
    font-size: 1.4em;
  }
  h2 {
    font-size: 1.3em;
  }
  h3 {
    font-size: 1.2em;
  }
  h4 {
    font-size: 1em;
  }
  h5 {
    font-size: 0.9em;
  }
  h6 {
    font-size: 0.8em;
  }
  .content-display {
    overflow-y: visible;
  }
  #page-wrapper {
    overflow-y: visible;
  }
  .no-print {
    display: none;
  }
  .print-only {
    visibility: visible;
  }
}
@media screen and (max-width: 840px) {
  .pull-right.user-menu a.navbar-btn {
    display: block;
    float: right;
  }
  .pull-right.user-menu p.navbar-text {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .pull-right.user-menu {
    display: none;
  }
  .nav > li > a.collapse-btn {
    display: none;
  }
  .navbar-header.identity {
    width: 100%;
  }
  .navbar-default.sidebar {
    z-index: 999;
  }
  .navbar-brand {
    display: none;
  }
  h4.page-title {
    display: none;
  }
  .small-screen {
    display: inline;
  }
  section.ipsum-app {
    padding-top: 100px;
  }
  .messages {
    display: block;
    position: fixed;
    top: 110px;
    width: 100vw;
    right: 0;
    z-index: 1;
  }
}
@media screen and (min-width: 768px) {
  .small-screen {
    display: none;
  }
}
/*
 * Callouts
 *
 * Not quite alerts, but custom and helpful notes for folks reading the docs.
 * Requires a base and modifier class.
 */
/* Common styles for all types */
.bs-callout {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #eee;
  border-left-width: 5px;
  border-radius: 3px;
}

.bs-callout h4 {
  margin-top: 0;
  margin-bottom: 5px;
}

.bs-callout p:last-child {
  margin-bottom: 0;
}

.bs-callout code {
  border-radius: 3px;
}

/* Tighten up space between multiple callouts */
.bs-callout + .bs-callout {
  margin-top: -5px;
}

/* Variations */
.bs-callout-danger {
  border-left-color: #ce4844;
}
.bs-callout-danger h1, .bs-callout-danger h2, .bs-callout-danger h3, .bs-callout-danger h4, .bs-callout-danger h5, .bs-callout-danger h6 {
  color: #ce4844;
}

.bs-callout-warning {
  border-left-color: #d28d2b;
}
.bs-callout-warning h1, .bs-callout-warning h2, .bs-callout-warning h3, .bs-callout-warning h4, .bs-callout-warning h5, .bs-callout-warning h6 {
  color: #d28d2b;
}

.bs-callout-info {
  border-left-color: #4aa5c1;
}
.bs-callout-info h1, .bs-callout-info h2, .bs-callout-info h3, .bs-callout-info h4, .bs-callout-info h5, .bs-callout-info h6 {
  color: #4aa5c1;
}

.bs-callout-primary {
  border-left-color: #387db9;
}
.bs-callout-primary h1, .bs-callout-primary h2, .bs-callout-primary h3, .bs-callout-primary h4, .bs-callout-primary h5, .bs-callout-primary h6 {
  color: #387db9;
}

.bs-callout-success {
  border-left-color: #38a838;
}
.bs-callout-success h1, .bs-callout-success h2, .bs-callout-success h3, .bs-callout-success h4, .bs-callout-success h5, .bs-callout-success h6 {
  color: #38a838;
}

.bs-callout {
  padding-bottom: 2px;
  padding-top: 2px;
  font-size: 11px;
  margin-top: 8px;
  margin-bottom: 8px;
}

.mytooltip {
  position: relative;
  display: inline-block;
}
.mytooltip .tooltiptext {
  visibility: hidden;
  width: 80px;
  background-color: #2a3840;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  top: 150%;
  left: 50%;
  margin-left: -40px;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  z-index: 9999;
}
.mytooltip .tooltiptext::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #2a3840 transparent;
}

.mytooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.mytooltip-bot-right .tooltiptext {
  margin-left: -20px;
}
.mytooltip-bot-right .tooltiptext::after {
  left: 25%;
}

.mytooltipLarge {
  position: relative;
  display: inline-block;
}
.mytooltipLarge .tooltiptext {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  visibility: hidden;
  background-color: #ffeead;
  color: #000;
  text-align: left;
  border-radius: 6px;
  padding: 5px 5px;
  position: absolute;
  top: 150%;
  left: 50%;
  margin-left: -40px;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  z-index: 9999;
  border: 1px solid transparent;
  border-color: #666;
}
.mytooltipLarge .tooltiptext::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #2a3840 transparent;
}

.mytooltipLarge:hover .tooltiptext {
  visibility: visible;
  opacity: 0.9;
}

.mytooltipLarge-bot-right .tooltiptext {
  white-space: pre-wrap;
  min-width: 400px;
}
.mytooltipLarge-bot-right .tooltiptext::after {
  left: 10%;
}

.mytooltipLarge-bot-left .tooltiptext {
  margin-left: -360px;
  white-space: pre-wrap;
  min-width: 400px;
}
.mytooltipLarge-bot-left .tooltiptext::after {
  left: 90%;
}

.angucomplete-holder {
  position: relative;
}

.angucomplete-dropdown {
  border-color: #ececec;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  width: 250px;
  padding: 6px;
  max-height: 40vh;
  overflow-y: auto;
  overflow-x: hidden;
  cursor: pointer;
  z-index: 9999;
  position: absolute;
  /*top: 32px;
  left: 0px;
  */
  margin-top: -6px;
  background-color: #ffffff;
}

.angucomplete-searching {
  color: #acacac;
  font-size: 14px;
}

.angucomplete-description {
  font-size: 14px;
}

.angucomplete-row {
  padding: 5px;
  color: #000000;
  margin-bottom: 4px;
  clear: both;
}

.angucomplete-selected-row {
  background-color: #337ab7;
  color: #ffffff;
}

.angucomplete-image-holder {
  padding-top: 2px;
  float: left;
  margin-right: 10px;
  margin-left: 5px;
}

.angucomplete-image {
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border-color: #ececec;
  border-style: solid;
  border-width: 1px;
}

.angucomplete-image-default {
  /* Add your own default image here
   background-image: url('/assets/default.png');
  */
  background-position: center;
  background-size: contain;
  height: 34px;
  width: 34px;
}

.fixed-50 {
  width: 50px;
  display: block;
  float: left;
}

.toggle-group {
  background-color: #ccc;
  -webkit-box-shadow: 0 4px 20px #bdbdbd inset;
          box-shadow: 0 4px 20px #bdbdbd inset;
  padding: 1px;
  border-radius: 4px;
  margin-left: 20px;
  border: 1px solid #e3e3e3;
}
.toggle-group .btn:active {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-toogle-inactive {
  color: #a3a3a3;
  width: 100%;
  margin: 0;
  border: 0 none;
}
.btn-toogle-inactive i {
  opacity: 0.2;
  color: #444;
}
.btn-toogle-inactive:hover i {
  opacity: 0.4;
}
.btn-toogle-inactive:hover {
  color: #444;
}

.btn-toogle-active {
  color: #333;
  font-weight: bold;
  background-color: #fbfbfb;
  border-radius: 4px;
  width: 100%;
  margin: 0;
  -webkit-box-shadow: 0 2px 2px #aba9a9;
          box-shadow: 0 2px 2px #aba9a9;
  background: #f9f9f9;
}

@media (max-width: 991px) {
  .toggle-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
  }
}
yearcalendar {
  display: block;
  width: 100%;
  float: left;
  position: relative;
  background-color: #2e3642;
  text-align: center;
  padding: 4px 8px 0 8px;
}
yearcalendar nav {
  margin-bottom: 3px;
}
yearcalendar nav .btn-ycal-prev, yearcalendar nav .btn-ycal-next {
  background-color: #2e3642;
  color: #fffabc;
  border: 0;
  position: absolute;
}
yearcalendar nav .btn-ycal-prev:hover, yearcalendar nav .btn-ycal-next:hover {
  color: #e2c136;
}
yearcalendar nav .btn-ycal-prev {
  top: 4px;
  right: 2px;
}
yearcalendar nav .btn-ycal-next {
  bottom: 4px;
  right: 2px;
}
yearcalendar .cal-month {
  background-color: #2e3642;
  display: block;
  width: 33%;
  height: 121px;
  padding: 0 4px;
  float: left;
}
yearcalendar .cal-month .cal-m-title {
  font-weight: bold;
  text-align: center;
  color: #fffabc;
  border-bottom: 1px dashed #928f6e;
  width: 80%;
  margin: 0 10% 4px 10%;
}
yearcalendar .cal-month .cal-m-title .cal-year {
  color: #e2c136;
  font-size: 10px;
  padding-left: 12px;
}
yearcalendar .cal-month .cal-grid {
  color: #bfc1ca;
}
yearcalendar .cal-month .cal-grid .cal-row {
  padding: 0;
  float: left;
  width: 100%;
  min-width: 112px;
}
yearcalendar .cal-month .cal-grid .cal-row span {
  margin: 0;
  font-size: 8px;
  display: block;
  float: left;
  height: 16px;
  width: 16px;
  padding-top: 3px;
}
yearcalendar .cal-month .cal-grid .cal-row span.cal-we {
  color: #79879c;
}
yearcalendar .cal-month .cal-grid .cal-row span.cal-bh::after {
  display: block;
  content: "";
  position: relative;
  left: 1px;
  top: 0px;
  width: 13px;
  height: 2px;
  border: 0;
  background-color: #ffa500;
}
yearcalendar .cal-month .cal-grid .cal-row span.curr-date {
  background-color: #fff;
  border: 1px solid #556c90;
  padding-top: 2px;
  border-radius: 8px;
  color: #2e3642;
  font-weight: bold;
}
yearcalendar .cal-month .cal-grid .cal-row span.sel-date {
  background-color: #fcf051;
  border: 1px solid #2E3643;
  padding-top: 2px;
  border-radius: 8px;
  color: #2e3642;
  font-weight: bold;
}
yearcalendar footer {
  text-align: left;
  color: #ffa500;
  font-size: 10px;
  padding-left: 8px;
}
yearcalendar footer p {
  margin-bottom: 6px;
}
yearcalendar footer p .cal-bh-leg {
  display: inline-block;
  border-bottom: 2px solid #ffa500;
  width: 11px;
}

table.my-calendar {
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  text-align: center;
  margin-top: 15px;
}
table.my-calendar thead tr {
  font-size: 16px;
}
table.my-calendar thead tr:nth-child(2) {
  border-bottom: 2px solid #cccedc;
  font-size: 12px;
  color: #bbb;
}
table.my-calendar thead tr th {
  text-align: center;
}
table.my-calendar thead tr th .btn-m {
  color: #ddd;
  font-weight: bold;
  margin: 0 15px 0;
}
table.my-calendar thead tr th .btn-m:hover {
  color: #fff;
}
table.my-calendar thead tr th .btn-m:active {
  color: #999;
}
table.my-calendar tbody tr td {
  color: #cccedc;
  font-size: 12px;
  padding: 4px 0;
  height: 26px;
  width: 32px;
}
table.my-calendar tbody tr td.cm {
  color: #cccedc;
}
table.my-calendar tbody tr td.om {
  color: #626582;
}
table.my-calendar tbody tr td.we {
  background-color: #484854;
}
table.my-calendar tbody tr td.tdy {
  color: #13c4c7;
}
table.my-calendar tbody tr td.sel {
  color: #b1fff5;
  background-color: #3c7582;
}
table.my-calendar tbody tr td:hover {
  cursor: pointer;
  font-weight: bold;
  color: #fff;
  background-color: #508e9c;
  -webkit-transition: background-color 0.25s;
  transition: background-color 0.25s;
}

.note {
  margin: 0 0 12px 0;
}
.note .note-head {
  background: #fdd38f;
  color: #dea34b;
  padding: 5px 10px;
  font-size: 24px;
  font-weight: 100;
  border-radius: 2px 2px 0 0;
}
.note .note-head i {
  color: #dea34b;
}
.note .note-body {
  background: #fceabb;
  color: #ad7b32;
  font-size: 16px;
  padding: 8px 10px 16px 10px;
  border-radius: 0;
}
.note {
  -webkit-box-shadow: 6px 11px 16px -6px rgba(0, 0, 0, 0.19);
  box-shadow: 6px 11px 16px -6px rgba(0, 0, 0, 0.19);
}
.note.note-sm .note-head {
  padding: 3px 5px;
  font-size: 14px;
}
.note.note-sm .note-body {
  font-size: 12px;
  padding: 4px 5px 8px 5px;
}
.note.note-sm .note-body p {
  margin-bottom: 5px;
}
.note.note-sm .note-body hr {
  margin: 4px;
}
.note.note-sm .note-body h5 {
  margin: 0 0 0 10px;
}
.note.note-sm .note-body h5 small {
  font-size: 8px;
}

textarea.private-area {
  background-color: #fff8e7;
}

.note.blue-note .note-head {
  background: #91d3fd;
  color: #4e97c5;
}
.note.blue-note .note-head i {
  color: #4e97c5;
}
.note.blue-note .note-body {
  background: #c9e9fd;
  color: #428ebd;
}
.note.blue-note hr {
  border-color: #afd7f3;
}
.note.blue-note h4 {
  font-size: 11px;
  font-weight: bold;
  color: #005890;
}
.note.blue-note p {
  margin-left: 10px;
}
.note.blue-note footer {
  color: #005890;
}
.note.blue-note {
  -webkit-box-shadow: 6px 11px 16px -6px rgba(0, 0, 0, 0.19);
  box-shadow: 6px 11px 16px -6px rgba(0, 0, 0, 0.19);
}

.btn-purple {
  background-color: #8E24AA;
  color: #fff;
  border-color: #590e6d;
}
.btn-purple:hover, .btn-purple:active {
  color: #ffffff;
  background-color: #590e6d;
}

.btn-lime {
  background-color: #CDDC39;
  color: #6e7524;
  border-color: #b8c535;
}
.btn-lime:hover, .btn-lime:active {
  color: #ffffff;
  background-color: #b8c535;
}

.btn-teal {
  background-color: #04796b;
  color: #ECEFF1;
  border-color: #056f63;
}
.btn-teal:hover, .btn-teal:active {
  color: #ffffff;
  background-color: #056f63;
}

.btn-dark-grey {
  background-color: #424242;
  color: #ffffff;
  border-color: #303030;
}
.btn-dark-grey:hover, .btn-dark-grey:active {
  color: #ffffff;
  background-color: #303030;
}

.btn-light-grey {
  background-color: #969696;
  color: #ffffff;
  border-color: #7d7d7d;
}
.btn-light-grey:hover, .btn-light-grey:active {
  color: #ffffff;
  background-color: #7d7d7d;
}

.btn-blue-grey {
  background-color: #546E7A;
  color: #ECEFF1;
  border-color: #4b5f69;
}
.btn-blue-grey:hover, .btn-blue-grey:active {
  color: #ffffff;
  background-color: #445a65;
}

.btn-brown {
  background-color: #6D4C41;
  color: #ffffff;
  border-color: #5D4037;
}
.btn-brown:hover, .btn-brown:active {
  color: #ffffff;
  background-color: #5D4037;
}

.btn-list-item {
  padding-left: 22px;
  padding-right: 32px;
}

.btn-pale-blue {
  font-weight: bold;
  background-color: #d9edf7;
  border-color: #6da5b5;
}
.btn-pale-blue:hover, .btn-pale-blue:active {
  background-color: #f5fcff;
}

div.g-s-results {
  display: block;
  position: absolute;
  width: 238px;
  max-height: 550px;
  overflow-y: auto;
  background-color: #fff;
  border-width: 0px 1px 1px 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-color: #d0d0d0;
  -o-border-image: initial;
     border-image: initial;
  border-top-style: initial;
  border-top-color: initial;
  -webkit-box-shadow: 5px 5px 10px 2px rgba(158, 158, 158, 0.35);
          box-shadow: 5px 5px 10px 2px rgba(158, 158, 158, 0.35);
}
div.g-s-results ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
div.g-s-results ul li a {
  display: block;
  border-bottom: 1px solid #d0d0d0;
  padding: 5px;
  text-decoration: none;
}
div.g-s-results ul li a:hover {
  color: #1976D2;
  background-color: #E3F2FD;
  border-left: 5px solid #1976D2;
  padding: 7px 3px 3px 2px;
}
div.g-s-results ul li a:hover h3 {
  color: #1976D2;
}
div.g-s-results ul li a h3 {
  font-size: 18px;
  color: #315a98;
  margin: 0 0 3px 0;
}
div.g-s-results ul li a p {
  color: #a0a0a0;
}
div.g-s-results ul li a p span.relevant {
  color: #26A69A;
}

.star-rating .star-title {
  font-size: 14px;
  font-weight: bold;
  color: #a6b8c9;
  display: block;
  float: left;
  margin-top: 7px;
  width: 145px;
  text-align: right;
}
.star-rating .stars {
  display: inline;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.star-rating .fa-star {
  color: #777;
  font-size: 22px;
  padding: 4px;
  margin: 0;
  position: relative;
  top: 3px;
  width: 22px;
}
.star-rating .star-zero {
  opacity: 0;
}
.star-rating .checked {
  color: #f90;
}
.star-rating .star-label {
  color: #f90;
  font-weight: bold;
  font-size: 12px;
  padding-left: 196px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-bottom: 0;
  position: relative;
  top: -6px;
  height: 4px;
}
.star-rating .star-label.grey {
  color: #777;
}
.star-rating .star-label.off {
  opacity: 0;
}

.icon-green {
  color: #88d000;
}

.icon-red {
  color: #ff4500;
}

.icon-blue {
  color: #05d3fc;
}

.btn-grouped {
  background-color: #fff;
  color: #333;
  padding: 8px 12px;
  border-color: #aaa;
  height: 39px;
}

.btn-grouped-active {
  background-color: #286090;
  color: #fff;
  border-color: #aaa;
}

.navbar-static-top {
  position: fixed;
  width: 100%;
}

.ipsum-menu {
  padding: 0;
}

.ipsum-app {
  padding-top: 55px;
}
.ipsum-app.app-full-w {
  margin: 0;
  border: 0;
  padding: 0;
}

#page-wrapper {
  overflow-y: auto;
  padding: 0 20px;
  height: 100%;
}
#page-wrapper > .container-fluid {
  padding-left: 0;
  padding-right: 0;
  height: 100%;
}

.ipsum-content {
  padding: 0;
}

.identity {
  width: 250px;
}

h4.navbar-text.page-title {
  margin-left: 35px;
  color: #428bca;
  font-size: 22px;
  margin-bottom: 0;
}

.navbar-search {
  display: block;
  float: left;
  position: relative;
  width: 250px;
}

.user-menu {
  padding-right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.collapse-btn {
  color: #fff;
  background-color: #428bca;
  min-height: 40px;
}

.nav > li > a.collapse-btn:hover, .nav > li > a.collapse-btn:focus {
  color: #fff;
  background-color: #2e73af;
}

/*Collapse side menu*/
.sidebar, #page-wrapper {
  -webkit-transition: margin-left 0.2s; /* For Safari 3.1 to 6.0 */
  transition: margin-left 0.2s;
}

.collapsed {
  margin-left: -210px;
}

#page-wrapper.collapsed {
  margin-left: 40px;
}

#page-wrapper.app-full-w {
  margin: 0;
  border: 0;
  padding: 0;
}
#page-wrapper.app-full-w .container-fluid {
  padding: 0;
}

/* End Collapse side menu*/
.content-display {
  overflow-y: auto;
}

.messages {
  display: block;
  position: fixed;
  top: 70px;
  right: 40px;
  width: 400px;
  z-index: 9999;
}

.ipsum-logo-div .logo-ipsum {
  display: block;
  margin: 18px auto 35px auto;
  opacity: 0.9;
  bottom: 0;
  position: fixed;
  left: 85px;
}
.ipsum-logo-div .logo {
  display: block;
  margin: auto auto 35px 20px;
  opacity: 0.9;
  bottom: 80px;
  position: fixed;
  left: 5px;
  max-width: 185px;
  max-height: 100px;
}

@media screen and (max-height: 949px) {
  .collapse-btn {
    min-height: 28px;
  }
  ul.nav > li > a {
    padding-bottom: 8px;
    padding-top: 8px;
    -webkit-transition: padding 0.3s;
    transition: padding 0.3s;
  }
  ul.nav > li.active > a {
    padding-bottom: 10px;
    padding-top: 10px;
  }
}
@media screen and (max-height: 865px) {
  .collapse-btn {
    min-height: 28px;
  }
  ul.nav > li > a {
    padding-bottom: 6px;
    padding-top: 6px;
  }
  ul.nav > li.active > a {
    padding-bottom: 10px;
    padding-top: 10px;
  }
}
@media screen and (max-height: 799px) {
  .collapse-btn {
    min-height: 28px;
  }
  ul.nav > li > a {
    padding-bottom: 4px;
    padding-top: 4px;
  }
  ul.nav > li.active > a {
    padding-bottom: 8px;
    padding-top: 8px;
  }
}
@media screen and (max-height: 699px) {
  .collapse-btn {
    min-height: 24px;
  }
  ul.nav > li > a {
    padding-bottom: 2px;
    padding-top: 2px;
  }
  ul.nav > li.active > a {
    padding-bottom: 6px;
    padding-top: 6px;
  }
}
.login-bg {
  background-color: #333;
  width: 100%;
  height: 100%;
}

.login-panel {
  max-width: 300px;
  margin: 25% auto;
}
.login-panel .login-pic {
  display: block;
}
.login-panel .login-pic i {
  display: block;
  font-size: 150px;
  width: 150px;
  height: 150px;
  margin: 25px auto;
  color: #aaa;
  background-color: #ddd;
  border-radius: 50%;
}

.profile-pic {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  max-width: 200px;
  max-height: 200px;
}

.eng-signature {
  max-width: 200px;
  max-height: 100px;
}

@media print {
  img.profile-pic {
    width: 100px;
    height: 100px;
  }
}
.entries-pp {
  /* display: block; */
  width: 76px;
  height: 34px;
  padding: 4px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}

.item-loading {
  display: block;
  position: absolute;
  margin: 0 50%;
  padding: 10px;
  width: 120px;
  color: #5d85a5;
  background-color: #e9f5ff;
  background-color: rgba(204, 230, 252, 0.75);
  border-radius: 30px;
  top: 42px;
  z-index: 999;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.src-md-1, .src-md-2, .src-md-3, .src-md-4, .src-md-5, .src-md-6, .src-md-7, .src-md-8, .src-md-9, .src-md-10, .src-md-11, .src-md-12 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-right: 5px;
  padding-left: 5px;
}

.src-md-1 {
  width: 8.33333333%;
}

.src-md-2 {
  width: 16.66666667%;
}

.src-md-3 {
  width: 25%;
}

.src-md-4 {
  width: 33.33333333%;
}

.src-md-5 {
  width: 41.66666667%;
}

.src-md-6 {
  width: 50%;
}

.src-md-7 {
  width: 58.33333333%;
}

.src-md-8 {
  width: 66.66666667%;
}

.src-md-9 {
  width: 75%;
}

.src-md-10 {
  width: 83.33333333%;
}

.src-md-11 {
  width: 91.66666667%;
}

.src-md-12 {
  width: 100%;
}

tr.task-row {
  position: relative;
}
tr.task-row td {
  padding-left: 20px;
}

td.status-cell {
  cursor: pointer;
  text-decoration: none;
}

td.status-cell:hover {
  text-decoration: underline;
}

td.category-cell {
  background-color: #333;
  color: #cccccc;
}

tr:nth-of-type(odd) td.category-cell {
  background-color: #222;
}

i.danger-icon-list {
  position: relative;
  margin-left: -20px;
  margin-right: -2px;
  color: #ffe600;
}

.btn-task {
  padding-left: 22px;
}

.task-warning {
  color: #ffd54f;
}

.date-warning {
  background-color: #ffe099;
  color: #a95700;
}

.date-danger {
  background-color: #de4040;
  color: #fff;
}

.status-created {
  background-color: #cfd8dc;
  color: #000;
}

.status-assigned {
  background-color: #ffc1b4;
  color: #902f2f;
}

.status-pda {
  background-color: #ffc1b4;
  color: #902f2f;
}

.status-delivered {
  background-color: #ffc1b4;
  color: #902f2f;
}

.status-onroute {
  background-color: #ffe3c0;
  color: #9e5c0c;
}

.status-onsite {
  background-color: #fff38c;
  color: #845f0d;
}

.status-wip {
  background-color: #ffcaef;
  color: #bb198a;
}

.status-completed {
  background-color: #7cb342;
  color: #052904;
}

.status-approved {
  background-color: #cfb6f1;
  color: #180531;
}

.status-invoiced {
  background-color: #c8f1ff;
  color: #05204a;
}

.status-closed {
  background-color: #37474f;
  color: #fff;
}

.icon-inv {
  position: relative;
  top: 3px;
  margin-top: -6px;
  font-size: 24px;
}
.icon-inv span.tooltiptext {
  font-size: 14px;
}

.icon-greener {
  color: #88d000;
}
.icon-greener:hover {
  color: #50ad15;
}

.icon-green {
  color: #88d000;
}

.icon-red {
  color: #ff4500;
}

.icon-add-inv {
  color: #ff6f00;
}
.icon-add-inv:hover {
  color: #bf360c;
}

.task-invoice-list {
  position: absolute;
  top: 50px;
  right: 50px;
  width: 200px;
  z-index: 9;
  background-color: rgba(255, 255, 255, 0.93);
  padding: 10px;
  border-radius: 5px;
  border: 2px solid #126ab5;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
          box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.task-invoice-list h4 {
  margin-top: 0;
  color: #337ab7;
  font-weight: bold;
}
.task-invoice-list ul {
  padding-left: 10px;
  margin-bottom: 0px;
  list-style-type: none;
  font-weight: bold;
}

.category-filter {
  display: block;
  float: right;
  margin-right: 7.5%;
}
.category-filter h5 {
  color: #999;
  display: inline-block;
  margin-right: 5px;
}
.category-filter .cat-icons {
  display: block;
  float: right;
  background-color: #333;
  color: #737373;
  padding: 5px 10px;
  width: auto;
}
.category-filter .cat-icons span {
  cursor: pointer;
}
.category-filter .cat-icons i {
  cursor: pointer;
}

.category-active {
  color: #fff;
  font-weight: bold;
}

.fixed-400 {
  width: 400px;
}

.btn-toggle {
  margin-bottom: 10px;
}
.btn-toggle .btn-group > .btn.active {
  z-index: 1;
}

.category-form .cat-icons {
  color: #ccc;
  font-size: 18px;
}
.category-form .cat-icons .tooltiptext {
  font-size: 14px;
  font-weight: normal;
}
.category-form .cat-icons i {
  cursor: pointer;
}
.category-form .cat-icons .category-active {
  color: #333;
  text-shadow: 0 0 8px #a5a5a5;
}

div.lock-task-date {
  display: block;
  float: right;
}
div.lock-task-date .btn {
  padding: 6px 6px;
}
div.lock-task-date .btn i {
  font-size: 22px;
  padding: 2px;
}

.del-eng {
  text-align: center;
  font-size: 16px;
  cursor: pointer;
}
.del-eng i {
  color: #ffb3b3;
}
.del-eng:hover i {
  color: #f65a5a;
}

.task-completed-div .task-completed-check {
  position: absolute;
  top: 0;
}

.task-desc {
  margin: 5px 5px 20px 20px;
}

#modalRepeat label.pushed-label {
  min-width: 50px;
  float: left;
  text-align: right;
  padding-top: 6px;
  padding-right: 6px;
}
#modalRepeat i.fa.fa-calendar {
  margin-left: 7px;
  font-size: 18px;
}
#modalRepeat .combine-input .input-l {
  margin: 0;
  border-radius: 3px 0 0 3px;
  width: 60px;
}
#modalRepeat .combine-input .input-r {
  margin: 0;
  border-radius: 0 3px 3px 0;
  width: 116px;
  left: -5px;
  position: relative;
}
#modalRepeat .extra-options {
  margin-top: 10px;
}
#modalRepeat div.weekdays-pick {
  margin-top: 3px;
}
#modalRepeat div.weekdays-pick > button {
  width: 28px;
  height: 28px;
  background-color: #ffffff;
  border: 1px solid #c0d0da;
  font-size: 11px;
  font-weight: bold;
  border-radius: 50%;
  padding: 0;
  text-align: center;
}
#modalRepeat div.weekdays-pick > button:focus {
  outline: 0;
  border: 1px solid #2d9de4;
}
#modalRepeat div.weekdays-pick > button.active {
  background-color: #2d9de4;
  color: #fff;
  border: 1px solid #246188;
}
#modalRepeat div.weekdays-pick.disabled > button {
  cursor: default;
  width: 28px;
  height: 28px;
  background-color: #eee;
  border: 1px solid #ccc;
  color: #999;
  font-size: 11px;
  font-weight: bold;
  border-radius: 50%;
  padding: 0;
  text-align: center;
}
#modalRepeat .radio-on {
  float: left;
  margin-right: 20px;
  margin-left: 15px;
  margin-top: 15px;
}
#modalRepeat .radio-on .radio {
  height: 34px;
  padding-top: 5px;
  float: left;
}
#modalRepeat .radio-on .radio.radio-big {
  padding-top: 27px;
  height: 74px;
}
#modalRepeat .radio-day {
  float: left;
  margin-left: 47px;
}
#modalRepeat .radio-day input {
  width: 218px;
}
#modalRepeat .radio-weekday {
  float: left;
  margin-left: 13px;
}
#modalRepeat .radio-weekday .weekofmonth {
  margin-top: 7px;
  width: 218px;
}
#modalRepeat .radio-weekday .weekdays-pick {
  margin-left: 0;
  margin-top: 6px;
}
#modalRepeat .radio-until {
  float: left;
  margin-left: 15px;
  margin-top: 15px;
}
#modalRepeat .radio-until .radio-opt {
  padding-top: 7px;
}
#modalRepeat .radio-until .radio-opt label {
  font-weight: normal;
  min-width: 55px;
}
#modalRepeat .radio-until input.occurrences {
  width: 65px;
  margin-left: 35px;
}
#modalRepeat .radio-until input.until-date {
  margin-left: 35px;
}
#modalRepeat .radio-until label.occurrences {
  font-weight: normal;
  padding-left: 5px;
}
#modalRepeat label.task-date-list {
  margin-top: 20px;
  color: #8191a0;
}
#modalRepeat ul.task-date-list {
  display: block;
  max-height: 200px;
  overflow: auto;
  margin-top: 8px;
  border: 1px solid #ccc;
  border-radius: 3px;
  list-style-type: none;
  padding-left: 0;
  font-size: 12px;
  font-weight: bold;
}
#modalRepeat ul.task-date-list li {
  padding-left: 40px;
  color: #fff;
  background-color: #2e3642;
}
#modalRepeat ul.task-date-list li:nth-child(odd) {
  color: #a0adb9;
  background-color: #171d27;
}

#uplift-tab {
  padding-top: 20px;
}

#images-tab .task-gallery .task-pic {
  width: 100%;
  margin: 5px 0;
  border: 5px solid #1e353c;
}
#images-tab .task-gallery .task-pic:hover {
  border: 5px solid #628995;
}

span.job-lbl {
  font-size: 14px;
  margin-left: 6px;
  font-weight: bold;
}

.ai-loader {
  background-color: #000;
  text-align: center;
}

.eng-sug-list {
  margin-top: 10px;
  margin-bottom: 10px;
  border-top: 1px solid #e2e2e2;
}
.eng-sug-list .eng-sug-photo {
  position: relative;
  top: 10px;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  border: 1px solid #9cb2bb;
}
.eng-sug-list .eng-sug-name {
  margin-top: 22px;
  font-size: 18px;
}
.eng-sug-list .eng-sug-abtn {
  margin-top: 16px;
}

h4.eng-sug-title {
  margin-top: 30px;
  margin-bottom: 0px;
  color: #1c629e;
  font-size: 22px;
}

.eng-dis-list {
  margin-top: 5px;
  margin-bottom: 5px;
  border-top: 1px solid #e2e2e2;
}
.eng-dis-list .eng-photo {
  position: relative;
  top: 5px;
  height: 45px;
  width: 45px;
  border-radius: 50%;
  border: 1px solid #9cb2bb;
}
.eng-dis-list .txt-div {
  padding-top: 16px;
  font-size: 18px;
}
.eng-dis-list .smtxt-div {
  padding-top: 20px;
  font-size: 13px;
  color: #888;
}
.eng-dis-list .eng-a-btn {
  padding-top: 11px;
}

p.no-eng-dis {
  margin-top: 30px;
  margin-bottom: 20px;
}

.eng-dist-loading {
  font-size: 24px;
  color: #277fa0;
  font-weight: bold;
  text-align: center;
  padding-bottom: 10px;
  padding-top: 10px;
}

.btn-ai-eng-sg {
  background-color: #ec6d00;
  color: #ffdac4;
  border-color: #ca640d;
}
.btn-ai-eng-sg:hover, .btn-ai-eng-sg:active {
  color: #fff;
  background-color: #fc841c;
}
.btn-ai-eng-sg span {
  font-size: 12px;
  font-weight: bolder;
  padding-right: 10px;
  color: #fff;
  top: -1px;
  position: relative;
  font-family: "Helvetica", "Arial", sans-serif;
}

.btn-eng-clst {
  background-color: #277fa0;
  color: #b7d5e0;
  border-color: #16646d;
}
.btn-eng-clst:hover, .btn-eng-clst:active {
  color: #fff;
  background-color: #2f95bb;
}

.task-ta-list {
  display: block;
  width: 100%;
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.task-ta-title {
  display: block;
  width: 100%;
  float: left;
  position: relative;
  min-height: 1px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid #ddd;
}
.task-ta-title .col-ta-1, .task-ta-title .col-ta-2, .task-ta-title .col-ta-3, .task-ta-title .col-ta-4, .task-ta-title .col-ta-5, .task-ta-title .col-ta-6 {
  float: left;
  min-height: 1px;
  margin: 0;
}
.task-ta-title .col-ta-1 .ta-title, .task-ta-title .col-ta-2 .ta-title, .task-ta-title .col-ta-3 .ta-title, .task-ta-title .col-ta-4 .ta-title, .task-ta-title .col-ta-5 .ta-title, .task-ta-title .col-ta-6 .ta-title {
  font-size: 12px;
  font-weight: bold;
  padding: 0;
  margin: 8px 0 0 10px;
  color: #666;
}
.task-ta-title .col-ta-1 {
  width: 10%;
  padding-right: 5px;
}
.task-ta-title .col-ta-2 {
  width: 25%;
  padding-right: 5px;
}
.task-ta-title .col-ta-3 {
  width: 15%;
  padding-right: 5px;
}
.task-ta-title .col-ta-4 {
  width: 25%;
  padding-right: 5px;
}
.task-ta-title .col-ta-5 {
  width: 15%;
  padding-right: 5px;
}
.task-ta-title .col-ta-6 {
  width: 10%;
  padding-right: 5px;
}

.task-ta-line {
  display: block;
  width: 100%;
  float: left;
  position: relative;
  min-height: 1px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 1px solid #ccc;
}
.task-ta-line:nth-child(even) {
  background-color: #f8f9fa;
}
.task-ta-line p {
  margin: 0 0 2px;
  line-height: 1.3em;
  font-size: 0.95em;
}
.task-ta-line .col-ta-1, .task-ta-line .col-ta-2, .task-ta-line .col-ta-3, .task-ta-line .col-ta-4, .task-ta-line .col-ta-5, .task-ta-line .col-ta-6 {
  float: left;
  min-height: 1px;
  margin: 0;
}
.task-ta-line .col-ta-1 {
  width: 10%;
  padding-right: 5px;
  margin: 0;
}
.task-ta-line .col-ta-1 .ta-btn-ref {
  width: 100%;
  border-radius: 0;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 1.1em;
}
.task-ta-line .col-ta-1 .ta-job {
  color: #888;
  padding-left: 6px;
}
.task-ta-line .col-ta-1 p.ta-eng {
  color: #444;
  font-size: 0.9em;
  font-weight: bold;
  line-height: 1.1;
  margin-top: 8px;
  padding-left: 6px;
}
.task-ta-line .col-ta-1 p.ta-sub {
  color: #479381;
  font-size: 0.9em;
  font-weight: bold;
  padding-left: 6px;
}
.task-ta-line .col-ta-2 {
  width: 25%;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 4px;
  margin: 0;
}
.task-ta-line .col-ta-2 p {
  color: #777;
}
.task-ta-line .col-ta-3 {
  width: 15%;
  padding-left: 5px;
  padding-right: 5px;
  margin: 0;
  background-color: #fff;
  border-left: 1px solid #ccc;
  border-right: 1px solid #f2f3f5;
}
.task-ta-line .col-ta-3 h5 {
  line-height: 1.3;
  font-size: 0.9em;
  margin: 2px 0 2px 0;
  color: #1c5a90;
}
.task-ta-line .col-ta-3 h5.ta-loc {
  color: #659eb5;
}
.task-ta-line .col-ta-3 .sign-lbl {
  margin: 0;
  font-size: 10px;
  line-height: 1;
}
.task-ta-line .col-ta-3 .ta-sign {
  text-align: center;
  width: 100%;
}
.task-ta-line .col-ta-3 .ta-sign .ta-c-sign {
  max-height: 60px;
  max-width: 100%;
}
.task-ta-line .col-ta-4 {
  width: 25%;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 4px;
  margin: 0;
}
.task-ta-line .col-ta-4 p {
  color: #777;
}
.task-ta-line .col-ta-5 {
  width: 15%;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 12px;
  margin: 0;
  color: #666;
}
.task-ta-line .col-ta-5 p {
  font-size: 0.9em;
  font-weight: bold;
}
.task-ta-line .col-ta-5 p .ta-lbl {
  font-size: 0.8em;
  font-weight: normal;
  padding-right: 5px;
}
.task-ta-line .col-ta-5 p .ta-date {
  color: #004D40;
}
.task-ta-line .col-ta-5 p .ta-hr-s {
  color: #0097A7;
}
.task-ta-line .col-ta-5 p .ta-hr-e {
  color: #af6a11;
}
.task-ta-line .col-ta-5 p .ta-hr-nh {
  color: #2196F3;
  padding-right: 6px;
}
.task-ta-line .col-ta-5 p .ta-hr-ah {
  color: #095da0;
}
.task-ta-line .col-ta-6 {
  width: 10%;
  margin: 0;
}
.task-ta-line .col-ta-6 .ta-btn-app {
  width: 100%;
  border-radius: 2px 2px 0 0;
  padding-bottom: 8px;
  padding-top: 8px;
  font-size: 1.1em;
  margin-bottom: 15px;
  margin-top: 6px;
}
.task-ta-line .col-ta-6 .ta-btn-edit {
  width: 100%;
  border-radius: 0 0 2px 2px;
  padding-bottom: 8px;
  padding-top: 8px;
  font-size: 1.1em;
  margin-bottom: 6px;
}

.ta-item-loading {
  display: block;
  float: left;
  margin-left: 35%;
  margin-top: 30px;
  position: absolute;
  z-index: 100;
  background-color: rgba(96, 136, 171, 0.8);
  color: #fff;
  border-radius: 30px;
  height: 30px;
  padding: 4px 16px 4px 16px;
}

.ts-detail {
  margin-bottom: 20px;
}

.ts-row-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  font-weight: bold;
  border-bottom: 2px solid #839aaf;
  font-size: 1.1em;
}
.ts-row-title div:nth-child(1) {
  width: 100px;
}
.ts-row-title div:nth-child(2) {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.ts-row-title div:nth-child(3) {
  width: 100px;
}
.ts-row-title div:nth-child(4) {
  width: 100px;
}
.ts-row-title div:nth-child(5) {
  width: 100px;
}
.ts-row-title div:nth-child(6) {
  width: 80px;
}
.ts-row-title div:nth-child(7) {
  width: 80px;
}
.ts-row-title div:nth-child(8) {
  width: 80px;
}
.ts-row-title div:nth-child(9) {
  width: 80px;
}
.ts-row-title div:nth-child(10) {
  width: 80px;
}

.ts-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  border-bottom: 2px solid #839aaf;
}
.ts-row div:nth-child(1) {
  width: 80px;
}

.ts-row .ts-tasks {
  border-top: 1px solid #ddd;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: block;
}
.ts-row .ts-tasks .ts-task:nth-child(odd) {
  background-color: #f9f9f9;
}
.ts-row .ts-tasks .ts-task {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-bottom: 1px solid #ddd;
}
.ts-row .ts-tasks .ts-task input {
  width: 100%;
}
.ts-row .ts-tasks .ts-task input.ts-loc-input {
  width: 60%;
}
.ts-row .ts-tasks .ts-task div {
  padding-top: 3px;
  padding-bottom: 3px;
}
.ts-row .ts-tasks .ts-task div:nth-child(1) {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-left: 6px;
}
.ts-row .ts-tasks .ts-task div:nth-child(2) {
  width: 100px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  padding-right: 6px;
}
.ts-row .ts-tasks .ts-task div:nth-child(3) {
  width: 100px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  padding-right: 6px;
}
.ts-row .ts-tasks .ts-task div:nth-child(4) {
  width: 100px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  padding-right: 6px;
}
.ts-row .ts-tasks .ts-task div:nth-child(5) {
  width: 80px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  padding-right: 6px;
}
.ts-row .ts-tasks .ts-task div:nth-child(6) {
  width: 80px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  padding-right: 6px;
}
.ts-row .ts-tasks .ts-task div:nth-child(7) {
  width: 80px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  padding-right: 6px;
}
.ts-row .ts-tasks .ts-task div:nth-child(8) {
  width: 80px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  padding-right: 6px;
}
.ts-row .ts-tasks .ts-task div:nth-child(9) {
  width: 80px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  padding-right: 6px;
}
.ts-row .ts-tasks .ts-task div:nth-child(10) {
  width: 80px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  padding-right: 6px;
}
.ts-row .ts-tasks .ts-task-total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-bottom: 1px solid #ddd;
  background-color: #f2f9fc;
  font-weight: bold;
  font-size: 1.1em;
}
.ts-row .ts-tasks .ts-task-total div:nth-child(1) {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-right: 20px;
  padding-top: 4px;
  text-align: right;
}
.ts-row .ts-tasks .ts-task-total div:nth-child(2) {
  width: 80px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  padding-right: 6px;
  padding-top: 4px;
}
.ts-row .ts-tasks .ts-task-total div:nth-child(2) input {
  float: right;
  font-size: 0.9em;
  width: 80%;
  padding: 1px 3px;
  margin-bottom: 2px;
  text-align: right;
}
.ts-row .ts-tasks .ts-task-total div:nth-child(3) {
  width: 80px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  padding-right: 6px;
  padding-top: 4px;
}
.ts-row .ts-tasks .ts-task-total div:nth-child(3) input {
  width: 100%;
  padding: 1px 3px;
}
.ts-row .ts-tasks .ts-task-total div:nth-child(4) {
  width: 80px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  padding-right: 6px;
  padding-top: 4px;
}
.ts-row .ts-tasks .ts-task-total div:nth-child(4) input {
  width: 100%;
  padding: 1px 3px;
}
.ts-row .ts-tasks .ts-task-total div:nth-child(5) {
  width: 80px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  padding-right: 6px;
  padding-top: 4px;
}
.ts-row .ts-tasks .ts-task-total div:nth-child(5) input {
  width: 100%;
  padding: 1px 3px;
}
.ts-row .ts-tasks .ts-task-total div:nth-child(6) {
  width: 80px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  padding-right: 6px;
  padding-top: 4px;
}
.ts-row .ts-tasks .ts-task-total div:nth-child(6) input {
  width: 100%;
  padding: 1px 3px;
}

.ts-final-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 4px;
  border-bottom: 1px solid #fff;
  background-color: #3c5763;
  color: #eee;
  font-size: 1.1em;
  font-weight: bold;
}
.ts-final-row div:nth-child(1) {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 4px 10px;
}
.ts-final-row div:nth-child(2) {
  width: 80px;
  padding: 4px 6px;
}
.ts-final-row div:nth-child(2) input {
  width: 100%;
  color: #000;
  background-color: #fff;
  padding: 2px 4px;
}
.ts-final-row div:nth-child(3) {
  width: 80px;
  padding: 4px 6px;
}
.ts-final-row div:nth-child(3) input {
  width: 100%;
  color: #000;
  background-color: #fff;
  padding: 2px 4px;
}
.ts-final-row div:nth-child(4) {
  width: 80px;
  padding: 4px 6px;
}
.ts-final-row div:nth-child(4) input {
  width: 100%;
  color: #000;
  background-color: #fff;
  padding: 2px 4px;
}
.ts-final-row div:nth-child(5) {
  width: 80px;
  padding: 4px 6px;
}
.ts-final-row div:nth-child(5) input {
  width: 100%;
  color: #000;
  background-color: #fff;
  padding: 2px 4px;
}
.ts-final-row div:nth-child(6) {
  width: 80px;
  padding: 4px 6px;
}
.ts-final-row div:nth-child(6) input {
  width: 100%;
  color: #000;
  background-color: #fff;
  padding: 2px 4px;
}

.ts-date {
  position: relative;
  border-right: 1px solid #ddd;
}

.ts-date-grey {
  background-color: #f4f4f4;
}

.week-day-ts {
  display: block;
  position: absolute;
  font-size: 14px;
  font-weight: bold;
  top: 10%;
  left: 10%;
}

.day-ts {
  display: block;
  position: absolute;
  font-size: 18px;
  bottom: 10px;
  right: 10px;
}

.btn-ts-simple {
  background-color: transparent;
  border: 0;
}
.btn-ts-simple i {
  font-size: 16px;
}
.btn-ts-simple {
  height: 25px;
  padding: 0;
  margin: 0 8px 0 4px;
  border-radius: 50%;
}

.ts-add-line {
  height: 25px;
  padding: 4px 6px;
  border-bottom: 1px solid #ddd;
  font-weight: bold;
}

#locations {
  padding-top: 20px;
}

table.table-customers-rates thead tr {
  font-size: 11px;
  font-weight: bold;
  color: #aaa;
  padding: 10px 0 0 0;
  border-bottom: 1px solid #333;
}
table.table-customers-rates thead tr th {
  border: 0 none;
}
table.table-customers-rates thead tr th.th-del {
  width: 30px;
}
table.table-customers-rates thead tr th.th-price {
  width: 100px;
}
table.table-customers-rates thead tr th.th-cat {
  width: 250px;
}
table.table-customers-rates tbody tr {
  height: 34px;
}
table.table-customers-rates tbody tr td {
  padding-bottom: 0;
  border: 0 none;
}
table.table-customers-rates tbody tr td .td-del {
  text-align: center;
  font-size: 16px;
  cursor: pointer;
}
table.table-customers-rates tbody tr td .td-del i {
  color: #ffb3b3;
}
table.table-customers-rates tbody tr td .td-del:hover i {
  color: #f65a5a;
}
table.table-customers-rates tbody tr td.input-td {
  padding: 0;
}
table.table-customers-rates tbody tr td.input-td select {
  height: 33px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: inherit;
  border: 0 none;
  border-right: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
  border-bottom: 1px solid #c0c0c0;
  border-radius: 0;
}
table.table-customers-rates tbody tr td.input-td input {
  width: 100%;
  height: 33px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 6px 0 7px 8px;
  background-color: inherit;
  border: 0 none;
  border-right: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
  border-bottom: 1px solid #c0c0c0;
}
table.table-customers-rates tbody tr td.input-td input:focus {
  color: #004d40;
  border: 0 none;
  padding: 6px 0 4px 8px;
  border-bottom: 3px solid #26a69a;
  font-weight: bold;
}
table.table-customers-rates tbody tr.last-tr {
  background-color: #006064;
  border-top: 3px solid #003f42;
  color: #fff;
  font-weight: bold;
  height: 44px;
}

.comp-logo-20 {
  max-width: 30px;
  max-height: 30px;
  margin-top: -7px;
  margin-bottom: -5px;
}

.comp-logo-120 {
  max-width: 120px;
  max-height: 120px;
  margin-top: 10px;
}

.quote-item-list .quote-item-title {
  font-size: 11px;
  font-weight: bold;
  color: #aaa;
  padding: 10px 0 0 0;
  border-bottom: 1px solid #333;
}
.quote-item-list .quote-item-title div {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.quote-item-list .quote-item {
  font-size: 0.9em;
  padding: 0;
}
.quote-item-list .quote-item input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 0 6px 8px;
  background-color: inherit;
  border: 0 none;
  border-bottom: 1px solid #c0c0c0;
  border-right: 1px solid #e8e8e8;
}
.quote-item-list .quote-item input:focus {
  color: #004d40;
  border: 0 none;
  padding: 10px 0 4px 8px;
  border-bottom: 3px solid #26a69a;
  font-weight: bold;
}
.quote-item-list .quote-item input:disabled {
  color: #ccc;
  border: 0 none;
  border-bottom: 1px solid #c0c0c0;
  padding: 10px 0 6px 8px;
  font-weight: bold;
}
.quote-item-list .quote-item:nth-child(odd) div {
  background-color: inherit;
}
.quote-item-list .quote-item:nth-child(odd) .angucomplete-dropdown {
  background-color: #fff;
}
.quote-item-list .quote-item:nth-child(odd) .angucomplete-dropdown .angucomplete-row:hover {
  background-color: #428bca;
}
.quote-item-list .quote-item:nth-child(odd) {
  background-color: #f7f7f7;
}
.quote-item-list .net-price-t, .quote-item-list .net-cost-t, .quote-item-list .quantity-t, .quote-item-list .vat-code-t, .quote-item-list .vat-rate-t, .quote-item-list .total-amnt-t, .quote-item-list .vat-am-t {
  float: left;
  width: 5%;
}
.quote-item-list .desc-t {
  padding-left: 10px;
  float: left;
  width: 60%;
}
.quote-item-list .total-amnt-t {
  float: left;
  width: 5%;
}
.quote-item-list .vat-am-t {
  float: left;
  width: 5%;
}
.quote-item-list .total-amnt, .quote-item-list .net-price, .quote-item-list .net-cost, .quote-item-list .vat-code, .quote-item-list .vat-rate, .quote-item-list .quantity, .quote-item-list .vat-am {
  float: left;
  width: 5%;
}
.quote-item-list .total-amnt input, .quote-item-list .net-price input, .quote-item-list .net-cost input, .quote-item-list .vat-code input, .quote-item-list .vat-rate input, .quote-item-list .quantity input, .quote-item-list .vat-am input {
  width: 100%;
}
.quote-item-list .net-price {
  width: 5%;
}
.quote-item-list .net-cost {
  width: 5%;
}
.quote-item-list .quantity {
  width: 5%;
}
.quote-item-list .vat-am {
  padding: 12px 8px 5px 8px;
  width: 5%;
}
.quote-item-list .total-amnt {
  background-color: #fcfcfc;
  padding: 12px 8px 5px 8px;
  font-weight: bold;
  color: #00897b;
  width: 5%;
}
.quote-item-list .del-item {
  background-color: #fcfcfc;
  display: inline-block; /* Change float to inline-block */
  width: auto;
  text-align: center;
  font-size: 16px;
  padding: 10px 2px;
  cursor: pointer;
}
.quote-item-list .del-item i {
  color: #ffb3b3;
}
.quote-item-list .del-item:hover i {
  color: #f65a5a;
}
.quote-item-list .item-sort {
  width: 3%;
  float: left;
  min-height: 10px;
  height: 34px;
  border-bottom: 1px solid #c0c0c0;
  border-right: 1px solid #e8e8e8;
}
.quote-item-list .item-sort i {
  display: block;
  padding: 2px 20% 2px 30%;
  cursor: pointer;
  color: #337ab7;
}
.quote-item-list .item-sort i:hover {
  color: #b2d0ea;
}
.quote-item-list .item-sort i.first-sort {
  padding-top: 18px;
}
.quote-item-list .desc {
  width: 57%;
  float: left;
}
.quote-item-list .desc input {
  width: 100%;
  border-radius: 0;
}
.quote-item-list .desc input:disabled {
  color: #ccc;
  border: 0 none;
  padding: 10px 0 4px 8px;
  font-weight: bold;
}
.quote-item-list .desc-f, .quote-item-list .total-amnt-f, .quote-item-list .cost-f, .quote-item-list .net-price-f, .quote-item-list .quantity-f {
  float: left;
  background-color: #006064;
  border-top: 3px solid #003f42;
  color: #fff;
  font-weight: bold;
  height: 44px;
}
.quote-item-list .desc-f {
  width: 60%;
  padding-left: 20px;
  padding-top: 5px;
}
.quote-item-list .desc-f .btn {
  width: 200px;
}
.quote-item-list .desc-f h4 {
  display: inline-block;
  float: right;
  padding-top: 0;
  margin-top: 5px;
  margin-right: 5px;
}
.quote-item-list .total-amnt-f, .quote-item-list .cost-f, .quote-item-list .net-price-f, .quote-item-list .quantity-f {
  padding-left: 5px;
  padding-top: 10px;
}
.quote-item-list .quantity-f {
  width: 5%;
  background-color: #004f52;
  padding-left: 10px;
}
.quote-item-list .cost-f {
  width: 5%;
  background-color: #004f52;
}
.quote-item-list .net-price-f {
  width: 15%;
  background-color: #004f52;
}
.quote-item-list .total-amnt-f {
  width: 15%;
  background-color: #004f52;
  padding-left: 60px;
}

span.mat-title {
  color: #00897b;
}

td:hover span.mat-title {
  color: #bbf0ea;
}

.mat-list {
  max-height: 350px;
  overflow-y: scroll;
  padding-bottom: 10px;
  padding-top: 10px;
}
.mat-list table {
  margin-bottom: 0;
}
.mat-list tr > td > i {
  padding-top: 4px;
  color: #ccc;
}
.mat-list tr:hover > td > i {
  color: #fff;
}

table.table-quote-mats thead tr {
  font-size: 11px;
  font-weight: bold;
  color: #aaa;
  padding: 10px 0 0 0;
  border-bottom: 1px solid #333;
}
table.table-quote-mats thead tr th {
  border: 0 none;
}
table.table-quote-mats thead tr th.mat-del {
  width: 30px;
}
table.table-quote-mats thead tr th.mat-qty {
  width: 80px;
}
table.table-quote-mats thead tr th.mat-price {
  width: 90px;
}
table.table-quote-mats tbody tr {
  height: 34px;
}
table.table-quote-mats tbody tr td {
  padding-bottom: 0;
  border: 0 none;
}
table.table-quote-mats tbody tr td .del-mat {
  text-align: center;
  font-size: 16px;
  cursor: pointer;
}
table.table-quote-mats tbody tr td .del-mat i {
  color: #ffb3b3;
}
table.table-quote-mats tbody tr td .del-mat:hover i {
  color: #f65a5a;
}
table.table-quote-mats tbody tr td.total-mat {
  font-weight: bold;
  color: #00897b;
}
table.table-quote-mats tbody tr td.code-mat {
  font-weight: bold;
}
table.table-quote-mats tbody tr td.static-mat {
  color: #739e9a;
}
table.table-quote-mats tbody tr td.input-td {
  padding: 0;
}
table.table-quote-mats tbody tr td.input-td input {
  width: 100%;
  height: 33px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 6px 0 7px 8px;
  background-color: inherit;
  border: 0 none;
  border-right: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
  border-bottom: 1px solid #c0c0c0;
}
table.table-quote-mats tbody tr td.input-td input:focus {
  color: #004d40;
  border: 0 none;
  padding: 6px 0 4px 8px;
  border-bottom: 3px solid #26a69a;
  font-weight: bold;
}
table.table-quote-mats tbody tr.totals-tr {
  background-color: #006064;
  border-top: 3px solid #003f42;
  color: #fff;
  font-weight: bold;
  height: 44px;
}
table.table-quote-mats tbody tr.totals-tr h4 {
  margin-top: 5px;
}
table.table-quote-mats tbody tr.totals-tr .mat-darker {
  padding-top: 10px;
  background-color: #004f52;
}

.btn-quote-to-job {
  margin: 45px 0 0 75px;
}

.btn-qt-open {
  min-width: 120px;
}

.btn-qt-pdf {
  color: #e16f5e;
  background-color: #ffe5e4;
  border-color: #ffcfcf;
}
.btn-qt-pdf:hover {
  color: #fff;
  background-color: #d26d69;
  border-color: #be5551;
}
.btn-qt-pdf:active {
  color: #fff;
  background-color: #9e5655;
  border-color: #9e5655;
}
.btn-qt-pdf:focus {
  color: #fff;
  background-color: #d26d69;
  border-color: #be5551;
}

.btn-qt-icon {
  width: 30px;
  padding-left: 0;
  padding-right: 0;
}
.btn-qt-icon i {
  margin-left: 0;
}

.col-w-pdf {
  min-width: 150px;
}

.change-order-item-list .change-order-item-title {
  font-size: 11px;
  font-weight: bold;
  color: #aaa;
  padding: 10px 0 0 0;
  border-bottom: 1px solid #333;
}
.change-order-item-list .change-order-item-title div {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.change-order-item-list .change-order-item {
  font-size: 0.9em;
  padding: 0;
}
.change-order-item-list .change-order-item input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 0 6px 8px;
  background-color: inherit;
  border: 0 none;
  border-bottom: 1px solid #c0c0c0;
  border-right: 1px solid #e8e8e8;
}
.change-order-item-list .change-order-item input:focus {
  color: #004d40;
  border: 0 none;
  padding: 10px 0 4px 8px;
  border-bottom: 3px solid #26a69a;
  font-weight: bold;
}
.change-order-item-list .change-order-item input:disabled {
  color: #ccc;
  border: 0 none;
  border-bottom: 1px solid #c0c0c0;
  padding: 10px 0 6px 8px;
  font-weight: bold;
}
.change-order-item-list .change-order-item:nth-child(odd) div {
  background-color: inherit;
}
.change-order-item-list .change-order-item:nth-child(odd) .angucomplete-dropdown {
  background-color: #fff;
}
.change-order-item-list .change-order-item:nth-child(odd) .angucomplete-dropdown .angucomplete-row:hover {
  background-color: #428bca;
}
.change-order-item-list .change-order-item:nth-child(odd) {
  background-color: #f7f7f7;
}
.change-order-item-list .change-order-small-t {
  padding-left: 5px;
  float: left;
  width: 7%;
}
.change-order-item-list .change-order-big-t {
  padding-left: 5px;
  float: left;
  width: 8%;
}
.change-order-item-list .change-order-description-t {
  padding-left: 5px;
  float: left;
  width: 24%;
}
.change-order-item-list .change-order-description-t input {
  width: 100%;
}
.change-order-item-list .change-order-small {
  padding-left: 5px;
  float: left;
  width: 7%;
}
.change-order-item-list .change-order-small input {
  width: 100%;
}
.change-order-item-list .change-order-big {
  padding-left: 5px;
  float: left;
  width: 8%;
}
.change-order-item-list .change-order-big input {
  width: 100%;
}
.change-order-item-list .text-total-t {
  text-align: right;
  padding-right: 10px;
}
.change-order-item-list .text-total {
  text-align: right;
  background-color: #fcfcfc;
  padding: 10px 10px 5px 5px;
  font-weight: bold;
  color: #00897b;
}
.change-order-item-list .desc-f, .change-order-item-list .total-amnt-f, .change-order-item-list .materials-f, .change-order-item-list .subcontractors-f, .change-order-item-list .labour-f {
  float: left;
  background-color: #006064;
  border-top: 3px solid #003f42;
  color: #fff;
  font-weight: bold;
  height: 44px;
}
.change-order-item-list .desc-f {
  width: 63%;
  padding-left: 20px;
  padding-top: 5px;
}
.change-order-item-list .desc-f .btn {
  width: 200px;
}
.change-order-item-list .desc-f h4 {
  display: inline-block;
  float: right;
  padding-top: 0;
  margin-top: 5px;
  margin-right: 5px;
}
.change-order-item-list .materials-f, .change-order-item-list .subcontractors-f, .change-order-item-list .labour-f {
  padding-left: 5px;
  padding-top: 10px;
}
.change-order-item-list .labour-f {
  width: 8%;
  background-color: #004f52;
  padding-left: 10px;
}
.change-order-item-list .materials-f {
  width: 8%;
  background-color: #004f52;
}
.change-order-item-list .subcontractors-f {
  width: 8%;
  background-color: #004f52;
}
.change-order-item-list .total-amnt-f {
  text-align: right;
  width: 8%;
  background-color: #004f52;
  padding-right: 10px;
  padding-top: 10px;
}
.change-order-item-list .del-item {
  background-color: #fcfcfc;
  display: inline-block; /* Change float to inline-block */
  width: 4%;
  text-align: center;
  font-size: 16px;
  padding: 10px 2px;
  cursor: pointer;
}
.change-order-item-list .del-item i {
  color: #ffb3b3;
}
.change-order-item-list .del-item:hover i {
  color: #f65a5a;
}

.planner {
  min-width: 1910px;
  background-color: #272b2f;
}

nav.planner-nav {
  display: block;
  float: left;
  width: 86px;
  height: 98vh;
  background-color: #272b2f;
  border-right: 1px solid #25282D;
}
nav.planner-nav ul {
  padding: 0;
}
nav.planner-nav ul li {
  list-style: none;
  border-top: 1px solid #323439;
  border-bottom: 1px solid #25282D;
}
nav.planner-nav ul li a.selected {
  background-color: #2E3137;
  color: #087D7F;
}
nav.planner-nav ul li a.selected:hover {
  color: #239d9f;
}
nav.planner-nav ul li a.selected:active {
  color: #2d5657;
}
nav.planner-nav ul li a {
  display: block;
  width: 85px;
  height: 85px;
  text-decoration: none;
  color: #686C77;
  background-color: #272b2f;
}
nav.planner-nav ul li a i {
  display: block;
  font-size: 25px;
  padding: 30px 27px 30px 27px;
}
nav.planner-nav ul li a:hover {
  background-color: #3f4552;
  color: #ccc;
}
nav.planner-nav ul li a:active {
  background-color: #20262c;
  color: #2d5657;
}
nav.planner-nav ul li a {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
nav.planner-nav ul li.planner-nav-emp a {
  color: #ddd;
  text-align: center;
  font-weight: bold;
  font-size: 10px;
}
nav.planner-nav ul li.planner-nav-emp a h3 {
  margin: 0;
  padding-top: 25px;
  font-size: 20px;
}

div.lock-task-date-planner {
  display: block;
  float: right;
  margin-top: 32px;
}
div.lock-task-date-planner .btn {
  padding: 6px 10px;
}
div.lock-task-date-planner .btn i {
  font-size: 22px;
  padding: 2px;
}

.planner-menu {
  display: block;
  float: left;
  width: 250px;
  height: 98vh;
  border-left: 1px solid #303236;
  background-color: #272b2f;
  color: #ddd;
}
.planner-menu .planner-cal {
  height: 200px;
  border-bottom: 4px solid #fff;
}
.planner-menu .planner-search h4 {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
.planner-menu .planner-search input {
  width: 245px;
  font-weight: bold;
  color: #666;
}

.planner-task-list {
  width: 245px;
  max-height: 560;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #25282D;
  margin-top: 4px;
}
.planner-task-list ul {
  padding: 0;
}
.planner-task-list ul li {
  list-style: none;
  display: block;
  width: 250px;
  height: 50px;
  background-color: #e9f1f4;
  border-left: 6px solid #619eae;
  border-top: 1px solid #619eae;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.planner-task-list ul li .date-due {
  color: #61828b;
}
.planner-task-list ul li .lock-icon {
  float: right;
  margin-right: 25px;
  font-size: 12px;
}
.planner-task-list ul li .btn-event-modal {
  color: #81a0a8;
  font-size: 13px;
}
.planner-task-list ul li .btn-event-modal:hover {
  color: #88bcc9;
}
.planner-task-list ul li.event-a {
  background-color: #fdd6cb;
  border-left: 6px solid #ff7154;
  border-top: 1px solid #ff7154;
}
.planner-task-list ul li.event-a .btn-event-modal {
  color: #ff7154;
}
.planner-task-list ul li.event-a .btn-event-modal:hover {
  color: #fa8;
}
.planner-task-list ul li.event-a .date-due {
  color: #bb3d23;
}
.planner-task-list ul li.event-or {
  background-color: #fae5cb;
  border-left: 6px solid #ffb04a;
  border-top: 1px solid #ffb04a;
}
.planner-task-list ul li.event-or .btn-event-modal {
  color: #ffb04a;
}
.planner-task-list ul li.event-or .btn-event-modal:hover {
  color: #fbc869;
}
.planner-task-list ul li.event-or .date-due {
  color: #ff9d20;
}
.planner-task-list ul li.event-os {
  background-color: #fbf6d0;
  border-left: 6px solid #ecd505;
  border-top: 1px solid #ecd505;
}
.planner-task-list ul li.event-os .btn-event-modal {
  color: #ecd505;
}
.planner-task-list ul li.event-os .btn-event-modal:hover {
  color: #ebdd63;
}
.planner-task-list ul li.event-os .date-due {
  color: #b3a100;
}
.planner-task-list ul li.event-wip {
  background-color: #ffcaef;
  border-left: 6px solid #d239a3;
  border-top: 1px solid #d239a3;
}
.planner-task-list ul li.event-wip .btn-event-modal {
  color: #d239a3;
}
.planner-task-list ul li.event-wip .btn-event-modal:hover {
  color: #df9aca;
}
.planner-task-list ul li.event-wip .date-due {
  color: #951e71;
}
.planner-task-list ul li.event-cpl {
  background-color: #bae2b8;
  border-left: 6px solid #58a55c;
  border-top: 1px solid #58a55c;
}
.planner-task-list ul li.event-cpl .btn-event-modal {
  color: #58a55c;
}
.planner-task-list ul li.event-cpl .btn-event-modal:hover {
  color: #98d395;
}
.planner-task-list ul li.event-cpl .date-due {
  color: #2c7a30;
}
.planner-task-list ul li.faded {
  background-color: #ffff37;
}
.planner-task-list ul li.faded .title {
  color: #8e0000;
}
.planner-task-list ul li.faded .title .date-due {
  color: #f40505;
}
.planner-task-list ul li.faded span.desc {
  color: #343333;
}
.planner-task-list ul li {
  color: #000;
}
.planner-task-list ul li div.title {
  letter-spacing: 0.3px;
  display: block;
  color: #4d4d4d;
}
.planner-task-list ul li div.title .date {
  margin-left: 10px;
}
.planner-task-list ul li div.title {
  font-size: 11px;
  font-weight: bold;
  padding: 4px 0 0 4px;
  margin: 0;
}
.planner-task-list ul li span.desc {
  color: #111;
  display: block;
  width: 100%;
  font-size: 13px;
  font-weight: bold;
  padding: 3px 0 0 12px;
  margin: 0;
}

.planner-main .planner-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  background-color: #272b2f;
  color: #ddd;
  border-bottom: 6px solid #fff;
  text-align: center;
  padding-top: 12px;
  max-width: 1555px;
}
.planner-main .planner-date .date-pick {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.planner-main .planner-date .btn-date-round {
  width: 30px;
  height: 30px;
  background-color: #272b2f;
  border: 1px solid #42464f;
  border-radius: 50%;
  margin: 0 25px;
}
.planner-main .planner-date .btn-date-round:focus {
  outline: -webkit-focus-ring-color none 0;
  outline-style: none;
}
.planner-main .planner-date .btn-date-round.left {
  padding-left: 3px;
}
.planner-main .planner-date .btn-date-round.right {
  padding-left: 7px;
}
.planner-main .planner-date .btn-date-round:hover {
  background-color: #3f4552;
  color: #fff;
}
.planner-main .planner-date .btn-date-round:active {
  background-color: #20262c;
  color: #565657;
}
.planner-main .planner-date .btn-date-round {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.planner-main .planner-date span.current-date {
  display: inline-block;
  width: 160px;
  font-size: 17px;
  font-weight: bold;
  -webkit-user-select: none; /* Chrome all / Safari all */
  -moz-user-select: none; /* Firefox all */
  -ms-user-select: none; /* IE 10+ */
  user-select: none;
}
.planner-main .planner-day-grid .hours-row {
  color: #ddd;
  font-size: 16px;
  font-weight: bold;
  height: 40px;
  background-color: #20262c;
  border-bottom: 2px solid #5a5f6a;
  overflow: hidden;
}
.planner-main .planner-day-grid .hours-row .name-col {
  display: block;
  float: left;
  background-color: #20262c;
  width: 300px;
  height: 40px;
  border-right: 2px solid #001;
}
.planner-main .planner-day-grid .hours-row .name-col input.search {
  display: block;
  width: 100%;
  height: 34px;
  border-radius: 0;
  height: 36px;
  margin-top: 2px;
  color: #666;
  background-color: #fff;
  border: 0px none;
  padding: 6px 12px 6px 32px;
  font-size: 14px;
  line-height: 1.42857143;
}
.planner-main .planner-day-grid .hours-row .name-col input.search::-webkit-input-placeholder {
  color: #aaa;
}
.planner-main .planner-day-grid .hours-row .name-col input.search::-moz-placeholder {
  color: #aaa;
}
.planner-main .planner-day-grid .hours-row .name-col input.search:-ms-input-placeholder {
  color: #aaa;
}
.planner-main .planner-day-grid .hours-row .name-col input.search::-ms-input-placeholder {
  color: #aaa;
}
.planner-main .planner-day-grid .hours-row .name-col input.search::placeholder {
  color: #aaa;
}
.planner-main .planner-day-grid .hours-row .name-col .btn-clear-search i {
  background-color: #fff;
}
.planner-main .planner-day-grid .hours-row .h-cl {
  display: block;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #2f3439;
  width: 100px;
  height: 40px;
  padding-top: 18px;
  padding-left: 4px;
  border-left: 1px solid #5a5f6a;
  border-right: 1px solid #25282D;
  -webkit-user-select: none; /* Chrome all / Safari all */
  -moz-user-select: none; /* Firefox all */
  -ms-user-select: none; /* IE 10+ */
  user-select: none;
}
.planner-main .planner-day-grid .hours-row .prev-hours-btn, .planner-main .planner-day-grid .hours-row .after-hours-btn {
  float: left;
  width: 28px;
  height: 38px;
  background-color: #48545f;
  border: 0;
  border-right: 1px solid #393d42;
  border-bottom: 1px solid #272b2f;
  padding-left: 3px;
}
.planner-main .planner-day-grid .hours-row .prev-hours-btn:hover, .planner-main .planner-day-grid .hours-row .after-hours-btn:hover {
  background-color: #687c8e;
}
.planner-main .planner-day-grid .hours-row .prev-hours-btn:active, .planner-main .planner-day-grid .hours-row .after-hours-btn:active {
  background-color: #334453;
}
.planner-main .planner-day-grid .planner-rows {
  overflow-y: auto;
  overflow-x: auto;
  position: relative;
  display: block;
  background-color: #272b2f;
}
.planner-main .planner-day-grid .planner-rows .eng-rows {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  width: 300px;
}
.planner-main .planner-day-grid .planner-rows .prev-hours, .planner-main .planner-day-grid .planner-rows .after-hours {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  margin: 0;
  width: 28px;
  background-color: #ffffff;
  border-right: 2px solid #272b2f;
}
.planner-main .planner-day-grid .planner-rows .prev-hours .cal-row, .planner-main .planner-day-grid .planner-rows .after-hours .cal-row {
  border-bottom: 2px solid #bababa;
}
.planner-main .planner-day-grid .planner-rows .prev-hours .cal-row:nth-child(2n) .h-cl, .planner-main .planner-day-grid .planner-rows .after-hours .cal-row:nth-child(2n) .h-cl {
  background-color: #cdcdcd;
}
.planner-main .planner-day-grid .planner-rows .prev-hours .cal-row .h-cl, .planner-main .planner-day-grid .planner-rows .after-hours .cal-row .h-cl {
  display: block;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #d7d7d7;
  width: 28px;
}
.planner-main .planner-day-grid .planner-rows .after-hours {
  border-left: 2px solid #272b2f;
}
.planner-main .planner-day-grid .planner-rows .task-rows {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  width: 1200px;
  overflow-x: hidden;
}
.planner-main .planner-day-grid .planner-rows .task-rows .cal-events {
  position: static;
}
.planner-main .planner-day-grid .planner-rows .cal-row {
  color: #333;
  font-size: 16px;
  font-weight: bold;
  height: 80px;
  background-color: #20262c;
  border-bottom: 2px solid #5a5f6a;
  overflow: hidden;
}
.planner-main .planner-day-grid .planner-rows .cal-row.onholiday .h-cl {
  background-color: #282c2f;
  border-left: 1px solid #282c2f;
}
.planner-main .planner-day-grid .planner-rows .cal-row.onholiday .h-cl.darker {
  background-color: #282c2f;
  border-left: 1px solid #282c2f;
}
.planner-main .planner-day-grid .planner-rows .cal-row.ondayoff .h-cl {
  background-color: #f9d572;
  border-left: 1px solid #f9d572;
}
.planner-main .planner-day-grid .planner-rows .cal-row.ondayoff .h-cl.darker {
  background-color: #f9d572;
  border-left: 1px solid #f9d572;
}
.planner-main .planner-day-grid .planner-rows .cal-row:nth-child(2n) .h-cl {
  background-color: #f9f9f9;
}
.planner-main .planner-day-grid .planner-rows .cal-row:nth-child(2n) .h-cl.darker {
  background-color: #e4e4e4;
}
.planner-main .planner-day-grid .planner-rows .cal-row:nth-child(2n).onholiday .h-cl {
  background-color: #282c2f;
  border-left: 1px solid #282c2f;
}
.planner-main .planner-day-grid .planner-rows .cal-row:nth-child(2n).onholiday .h-cl.darker {
  background-color: #282c2f;
  border-left: 1px solid #282c2f;
}
.planner-main .planner-day-grid .planner-rows .cal-row:nth-child(2n).ondayoff .h-cl {
  background-color: #f9d572;
  border-left: 1px solid #f9d572;
}
.planner-main .planner-day-grid .planner-rows .cal-row:nth-child(2n).ondayoff .h-cl.darker {
  background-color: #f9d572;
  border-left: 1px solid #f9d572;
}
.planner-main .planner-day-grid .planner-rows .cal-row .name-col {
  position: relative;
  display: block;
  float: left;
  background-color: #e9edf1;
  color: #62615d;
  width: 300px;
  height: 80px;
  border-right: 2px solid #001;
}
.planner-main .planner-day-grid .planner-rows .cal-row .name-col.onholiday {
  color: #9eb1c5;
  background-color: #282c2f;
}
.planner-main .planner-day-grid .planner-rows .cal-row .name-col.ondayoff {
  color: #465a6f;
  background-color: #f9d572;
}
.planner-main .planner-day-grid .planner-rows .cal-row .name-col img {
  display: block;
  float: left;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-top: 15px;
  margin-left: 15px;
}
.planner-main .planner-day-grid .planner-rows .cal-row .name-col .titles {
  display: block;
  float: left;
  margin-left: 15px;
}
.planner-main .planner-day-grid .planner-rows .cal-row .name-col .titles .name {
  margin-top: 20px;
}
.planner-main .planner-day-grid .planner-rows .cal-row .name-col .titles .type {
  margin-top: -5px;
  font-size: 10px;
  font-weight: normal;
  color: #999;
}
.planner-main .planner-day-grid .planner-rows .cal-row .name-col .titles .sub-name {
  margin-top: -5px;
  font-size: 10px;
  font-weight: normal;
  color: #666;
}
.planner-main .planner-day-grid .planner-rows .cal-row .name-col .titles .hol-text {
  color: #ddd;
  font-size: 12px;
  margin-top: 5px;
}
.planner-main .planner-day-grid .planner-rows .cal-row .name-col .titles .dayoff-text {
  color: #8c4f31;
  font-size: 12px;
  margin-top: 5px;
}
.planner-main .planner-day-grid .planner-rows .cal-row .name-col .ehrs {
  position: absolute;
  right: 0px;
  text-align: right;
  font-size: 10px;
  bottom: 0;
  background-color: rgba(25, 68, 97, 0.7);
  padding: 2px 4px 1px 5px;
  border-radius: 8px 0 0 0;
  color: #efefef;
}
.planner-main .planner-day-grid .planner-rows .cal-row .name-col .whrs {
  top: 0px;
  position: relative;
}
.planner-main .planner-day-grid .planner-rows .cal-row .h-cl {
  display: block;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  width: 100px;
  height: 80px;
  border-left: 1px solid #dfdfdf;
}
.planner-main .planner-day-grid .planner-rows .cal-row .h-cl.darker {
  background-color: #eaeaea;
}

.plannerlisttabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
}
.plannerlisttabs .pl-tab {
  width: 50%;
  background-color: #393c3e;
  color: #afafaf;
  font-size: 19px;
  padding: 4px 8px 0 11px;
  margin-top: 7px;
  border: 1px solid #636161;
  border-radius: 2px 2px 0 0;
  cursor: pointer;
}
.plannerlisttabs .pl-active-tab {
  cursor: default;
  background-color: #272b2f;
  color: #c4ec63;
  border: 1px solid #9ba3a4;
  border-bottom: 0;
}

.taskboardlisttab select {
  width: 100%;
  height: 32px;
  margin-bottom: 2px;
  font-weight: bold;
}
.taskboardlisttab .task-board-sel {
  color: #0b6c7f;
}
.taskboardlisttab .task-list-sel {
  color: #4fb467;
}

.eng-route {
  position: absolute;
  top: 0px;
  right: 2px;
  padding: 0;
  margin: 0;
}
.eng-route button {
  padding: 1px 7px;
  color: #6097ce;
  font-size: 23px;
  border-radius: 50%;
  background: none;
  border: 0;
  /* border-top: 0; */
}
.eng-route button:hover {
  color: #155698;
  background-color: #cde8ff;
}

.modal-task-info.modal-route-map {
  padding: 0;
  border: 0;
  background-color: #272b2f;
}

.route-map {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.route-map .route-gmap {
  position: relative;
  overflow: hidden;
  width: 780px;
  height: 780px;
}
.route-map .route-label {
  width: 165px;
  font-size: 11px;
  color: #9ab1c2;
  font-weight: bold;
  padding: 0;
  max-height: 780px;
  overflow: auto;
}
.route-map .route-label .ltitle {
  width: 100%;
  background-color: #333739;
  text-align: center;
  padding: 8px;
  margin-top: 14px;
}
.route-map .route-label h1.eng-name {
  font-size: 15px;
  text-align: center;
  color: #cadef2;
  margin: 18px 0px 4px 0px;
}
.route-map .route-label .lrow {
  width: 100%;
  text-align: left;
  padding: 8px;
}
.route-map .route-label .lrow h3 {
  font-size: 11px;
  color: #c8d8d8;
  font-weight: normal;
  margin: 0 0 2px -2px;
}
.route-map .route-label .lrow h3 i {
  position: relative;
  font-size: 9px;
  color: #677889;
  top: -1px;
  left: -1px;
}
.route-map .route-label .lrow h3 i.tor {
  color: #d7ae19;
}
.route-map .route-label .lrow h3 i.tc {
  color: #6ba244;
}
.route-map .route-label .lrow h4 {
  font-size: 12px;
  color: #95b9dd;
  font-weight: bold;
  margin: 4px 0 2px 10px;
}
.route-map .route-label .lrow h5 {
  font-size: 11px;
  color: #6d7a86;
  font-weight: normal;
  margin: 0 0 2px 10px;
}
.route-map .route-label hr {
  height: 1px;
  border: none;
  color: #486887;
  background-color: #486887;
  width: 60%;
  text-align: center;
  margin: 6px auto 6px auto;
}
.route-map .close-modal {
  position: absolute;
  top: 0;
  right: 6px;
}
.route-map .close-modal button {
  background: none;
  border: none;
  padding: 2px;
  margin: 0;
  color: #c2c6cb;
  font-weight: bold;
}
.route-map .close-modal button:hover {
  color: #fff;
}

/* Media queries to adapt to screen height */
@media only screen and (max-height: 500px) {
  .planner-rows {
    max-height: 375px;
  }
  .planner-task-list {
    max-height: 140px;
  }
  .planner-task-list.tlpb {
    max-height: 106px;
  }
}
@media only screen and (min-height: 501px) and (max-height: 600px) {
  .planner-rows {
    max-height: 415px;
  }
  .planner-task-list {
    max-height: 180px;
  }
  .planner-task-list.tlpb {
    max-height: 146px;
  }
}
@media only screen and (min-height: 601px) and (max-height: 700px) {
  .planner-rows {
    max-height: 515px;
  }
  .planner-task-list {
    max-height: 280px;
  }
  .planner-task-list.tlpb {
    max-height: 246px;
  }
}
@media only screen and (min-height: 701px) and (max-height: 750px) {
  .planner-rows {
    max-height: 615px;
  }
  .planner-task-list {
    max-height: 380px;
  }
  .planner-task-list.tlpb {
    max-height: 246px;
  }
}
@media only screen and (min-height: 751px) and (max-height: 800px) {
  .planner-rows {
    max-height: 645px;
  }
  .planner-task-list {
    max-height: 410px;
  }
  .planner-task-list.tlpb {
    max-height: 376px;
  }
}
@media only screen and (min-height: 801px) and (max-height: 900px) {
  .planner-rows {
    max-height: 695px;
  }
  .planner-task-list {
    max-height: 460px;
  }
  .planner-task-list.tlpb {
    max-height: 426px;
  }
}
@media only screen and (min-height: 901px) and (max-height: 969px) {
  .planner-rows {
    max-height: 795px;
  }
  .planner-task-list {
    max-height: 560px;
  }
  .planner-task-list.tlpb {
    max-height: 526px;
  }
}
@media only screen and (min-height: 970px) {
  .planner-rows {
    max-height: 865px;
  }
  .planner-task-list {
    max-height: 630px;
  }
  .planner-task-list.tlpb {
    max-height: 596px;
  }
}
@media only screen and (min-height: 1070px) {
  .planner-rows {
    max-height: 965px;
  }
  .planner-task-list {
    max-height: 730px;
  }
  .planner-task-list.tlpb {
    max-height: 696px;
  }
}
@media only screen and (min-height: 1270px) {
  .planner-rows {
    max-height: 1165px;
  }
  .planner-task-list {
    max-height: 930px;
  }
  .planner-task-list.tlpb {
    max-height: 896px;
  }
}
.cal-event {
  position: absolute;
  display: block;
  width: 193px;
  height: 77px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  top: 0;
  left: 300px;
  overflow: hidden;
}
.cal-event .ui-resizable-handle {
  width: 20px;
  height: 100%;
}
.cal-event .event-title {
  font-size: 11px;
  font-weight: normal;
  color: #666;
  padding: 2px 0 2px 2px;
}
.cal-event .event-ref {
  position: relative;
  font-size: 12px;
  font-weight: bold;
  padding: 0 0 0 2px;
  top: -4px;
}
.cal-event .event-aesc {
  position: relative;
  font-size: 12px;
  font-weight: bold;
  padding: 0 0 2px 2px;
  top: -4px;
}
.cal-event .btn-event-modal {
  color: #272b2f;
  font-size: 13px;
  padding: 8px 5px;
}
.cal-event.event-a {
  background-color: #fdd6cb;
  border-left: 6px solid #ff7154;
  border-top: 1px solid #ff7154;
  border-right: 1px dashed #ff7154;
}
.cal-event.event-a .event-ref {
  color: #de6249;
}
.cal-event.event-a .btn-event-modal {
  color: #ff7154;
}
.cal-event.event-a .btn-event-modal:hover {
  color: #fa8;
}
.cal-event.event-or {
  background-color: #fae5cb;
  border-left: 6px solid #ffa838;
  border-top: 1px solid #ffa838;
  border-right: 1px dashed #ffa838;
}
.cal-event.event-or .event-ref {
  color: #ce7f17;
}
.cal-event.event-or .btn-event-modal {
  color: #ffa838;
}
.cal-event.event-or .btn-event-modal:hover {
  color: #fbc869;
}
.cal-event.event-os {
  background-color: #fbf6d0;
  border-left: 6px solid #ecd505;
  border-top: 1px solid #ecd505;
  border-right: 1px dashed #ecd505;
}
.cal-event.event-os .event-ref {
  color: #a99700;
}
.cal-event.event-os .btn-event-modal {
  color: #ecd505;
}
.cal-event.event-os .btn-event-modal:hover {
  color: #ebdd63;
}
.cal-event.event-cpl {
  background-color: #bae2b8;
  border-left: 6px solid #58a55c;
  border-top: 1px solid #58a55c;
  border-right: 1px dashed #58a55c;
}
.cal-event.event-cpl .event-ref {
  color: #58a55c;
}
.cal-event.event-cpl .btn-event-modal {
  color: #58a55c;
}
.cal-event.event-cpl .btn-event-modal:hover {
  color: #98d395;
}
.cal-event.event-wip {
  background-color: #ffcaef;
  border-left: 6px solid #d239a3;
  border-top: 1px solid #d239a3;
  border-right: 1px dashed #d239a3;
}
.cal-event.event-wip .event-ref {
  color: #d239a3;
}
.cal-event.event-wip .btn-event-modal {
  color: #d239a3;
}
.cal-event.event-wip .btn-event-modal:hover {
  color: #df9aca;
}
.cal-event.locked {
  background-color: #ccc;
  border-left: 6px solid #aaa;
  border-top: 1px solid #aaa;
  border-right: 1px dashed #aaa;
}
.cal-event.faded {
  opacity: 0.4;
}

i.task-locked {
  font-size: 14px;
  color: #000;
}

.modal-shadow {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1049;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
  opacity: 1;
}
.modal-shadow.ng-hide {
  opacity: 0;
}

.modal-task-info {
  position: fixed;
  background: rgba(255, 255, 255, 0.95);
  bottom: -300px;
  opacity: 0;
  left: 25%;
  -webkit-transition: bottom 0.5s, opacity 0.3s;
  transition: bottom 0.5s, opacity 0.3s;
}
.modal-task-info.modal-show {
  bottom: 0;
  opacity: 1;
}
.modal-task-info {
  z-index: 9999;
  padding: 0 20px 10px 20px;
  margin: 0 auto;
  max-width: 1000px;
  border: 1px solid #737373;
  border-radius: 8px 8px 0 0;
  -webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.2);
}
.modal-task-info .modal-header button.close {
  position: absolute;
  top: 10px;
  right: 10px;
}
.modal-task-info .task-events {
  max-height: 186px;
  overflow-y: scroll;
}
.modal-task-info .lock-btn {
  font-size: 24px;
  text-align: right;
  display: block;
}

@media only screen and (max-width: 1390px) {
  .modal-task-info {
    left: 15%;
  }
}
@media only screen and (max-width: 1200px) {
  .modal-task-info {
    left: 8%;
  }
}
ev-off-screen {
  position: absolute;
  width: 12px;
  height: 78px;
  background-color: #fdd6cb;
  border-left: 3px solid #ff7154;
  left: 8px;
}
ev-off-screen.event-a {
  background-color: #e8cdc5;
  border-left: 3px solid #e27761;
}
ev-off-screen.event-or {
  background-color: #ebdece;
  border-left: 3px solid #dea357;
}
ev-off-screen.event-os {
  background-color: #fbf6d0;
  border-left: 3px solid #ecd505;
}
ev-off-screen.event-cpl {
  background-color: #bae2b8;
  border-left: 3px solid #58a55c;
}
ev-off-screen.event-wip {
  background-color: #ffcaef;
  border-left: 3px solid #d239a3;
}

.planner-main-eng .planner-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  background-color: #272b2f;
  color: #ddd;
  border-bottom: 6px solid #fff;
  text-align: center;
  padding-top: 12px;
  max-width: 1555px;
}
.planner-main-eng .planner-date .date-pick {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.planner-main-eng .planner-date .btn-date-round {
  width: 30px;
  height: 30px;
  background-color: #272b2f;
  border: 1px solid #42464f;
  border-radius: 50%;
  margin: 0 25px;
}
.planner-main-eng .planner-date .btn-date-round:focus {
  outline: -webkit-focus-ring-color none 0;
  outline-style: none;
}
.planner-main-eng .planner-date .btn-date-round.left {
  padding-left: 3px;
}
.planner-main-eng .planner-date .btn-date-round.right {
  padding-left: 7px;
}
.planner-main-eng .planner-date .btn-date-round:hover {
  background-color: #3f4552;
  color: #fff;
}
.planner-main-eng .planner-date .btn-date-round:active {
  background-color: #20262c;
  color: #565657;
}
.planner-main-eng .planner-date .btn-date-round {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.planner-main-eng .planner-date span.current-week {
  display: inline-block;
  width: 300px;
  font-size: 17px;
  font-weight: bold;
  -webkit-user-select: none; /* Chrome all / Safari all */
  -moz-user-select: none; /* Firefox all */
  -ms-user-select: none; /* IE 10+ */
  user-select: none;
}
.planner-main-eng .planner-eng {
  height: 112px;
  color: #c7bfbf;
  border-bottom: 3px solid #fff;
}
.planner-main-eng .planner-eng .sel-eng img {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  margin-top: 10px;
  margin-right: 14px;
  margin-left: 5px;
  float: left;
  border: 2px solid #484854;
}
.planner-main-eng .planner-eng .sel-eng div.titles {
  display: block;
  float: left;
  height: 90px;
}
.planner-main-eng .planner-eng .sel-eng div.titles h3.name .code {
  color: #218aa2;
}
.planner-main-eng .planner-eng .sel-eng div.titles h3.name {
  margin-top: 26px;
  margin-bottom: 4px;
}
.planner-main-eng .planner-eng .sel-eng div.titles h4.type {
  margin-top: 4px;
  color: #98b6bd;
}
.planner-main-eng .planner-eng .sel-eng div.titles h5.total-hours {
  margin-top: -4px;
  font-size: 12px;
  background-color: #51b7f1;
  padding: 4px 0 3px 8px;
  border-radius: 4px;
  color: #333;
}
.planner-main-eng .planner-eng .sel-eng div.titles h5.total-hours span.total {
  font-size: 14px;
  color: #000;
}
.planner-main-eng .planner-eng .sel-eng div.change-eng {
  display: block;
  float: left;
  margin-left: 20px;
  padding-top: 20px;
}
.planner-main-eng .planner-eng .sel-eng div.change-eng select {
  border-radius: 3px;
  height: 40px;
}
.planner-main-eng .planner-week-grid .hours-col {
  color: #ddd;
  font-size: 16px;
  font-weight: bold;
  height: 40px;
  background-color: #20262c;
  border-bottom: 2px solid #5a5f6a;
  overflow: hidden;
  padding-left: 70px;
}
.planner-main-eng .planner-week-grid .hours-col .h-cl {
  display: block;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #2f3439;
  width: 62px;
  height: 40px;
  padding-top: 18px;
  padding-left: 4px;
  border-left: 1px solid #5a5f6a;
  border-right: 1px solid #25282D;
  -webkit-user-select: none; /* Chrome all / Safari all */
  -moz-user-select: none; /* Firefox all */
  -ms-user-select: none; /* IE 10+ */
  user-select: none;
}
.planner-main-eng .planner-week-grid .planner-rows {
  overflow-y: hidden;
  overflow-x: hidden;
  position: relative;
  display: block;
  background-color: #272b2f;
}
.planner-main-eng .planner-week-grid .planner-rows .task-rows {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  width: 1200px;
  overflow-x: hidden;
}
.planner-main-eng .planner-week-grid .planner-rows .task-rows .cal-events {
  position: static;
}
.planner-main-eng .planner-week-grid .planner-rows .day-rows {
  float: left;
}
.planner-main-eng .planner-week-grid .planner-rows .day-rows .cal-row {
  color: #333;
  font-size: 16px;
  font-weight: bold;
  width: 70px;
  background-color: #20262c;
  border-bottom: 2px solid #5a5f6a;
  overflow: hidden;
}
.planner-main-eng .planner-week-grid .planner-rows .day-rows .cal-row .wp-day {
  display: block;
  float: left;
  background-color: #e9edf1;
  color: #62615d;
  width: 70px;
  height: 100px;
  border-right: 2px solid #001;
  border-bottom: 2px solid #5a5f6a;
  font-size: 12px;
  padding: 4px 0 0 4px;
}
.planner-main-eng .planner-week-grid .planner-rows .day-rows .cal-row .wp-day h4 {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 4px 0;
  color: #272b2f;
}
.planner-main-eng .planner-week-grid .planner-rows .day-rows .cal-row .wp-day.holiday {
  color: #828f9c;
  background-color: #323a40;
}
.planner-main-eng .planner-week-grid .planner-rows .day-rows .cal-row .wp-day.holiday h4 {
  color: #ccc;
}
.planner-main-eng .planner-week-grid .planner-rows .day-rows .cal-row .wp-day.holiday p {
  font-size: 10px;
}
.planner-main-eng .planner-week-grid .planner-rows .day-rows .cal-row .wp-day.dayoff {
  color: #465a6f;
  background-color: #f9d572;
}
.planner-main-eng .planner-week-grid .planner-rows .day-rows .cal-row .wp-day.dayoff h4 {
  color: #8c4f31;
}
.planner-main-eng .planner-week-grid .planner-rows .day-rows .cal-row .wp-day.dayoff p {
  font-size: 10px;
}
.planner-main-eng .planner-week-grid .planner-rows .task-rows {
  width: 1488px;
}
.planner-main-eng .planner-week-grid .planner-rows .task-rows .grid-cal .h-cl {
  display: block;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  width: 62px;
  height: 100px;
  border-left: 1px solid #dfdfdf;
  border-bottom: 2px solid #5a5f6a;
}
.planner-main-eng .planner-week-grid .planner-rows .task-rows .grid-cal .h-cl:nth-child(2n) {
  background-color: #fbfbfb;
}
.planner-main-eng .planner-week-grid .planner-rows .task-rows .grid-cal .h-cl:nth-child(2n).darker {
  background-color: #e4e4e4;
}
.planner-main-eng .planner-week-grid .planner-rows .task-rows .grid-cal .h-cl.darker {
  background-color: #eaeaea;
}
.planner-main-eng .planner-week-grid .planner-rows .task-rows .grid-cal.holiday .h-cl {
  background-color: #282c2f;
  border-left: 1px solid #182327;
}
.planner-main-eng .planner-week-grid .planner-rows .task-rows .grid-cal.holiday .h-cl:nth-child(2n) {
  background-color: #282c2f;
}
.planner-main-eng .planner-week-grid .planner-rows .task-rows .grid-cal.holiday .h-cl:nth-child(2n).darker {
  background-color: #282c2f;
}
.planner-main-eng .planner-week-grid .planner-rows .task-rows .grid-cal.holiday .h-cl.darker {
  background-color: #282c2f;
}
.planner-main-eng .planner-week-grid .planner-rows .task-rows .grid-cal.dayoff .h-cl {
  background-color: #dec275;
  border-left: 1px solid #182327;
}
.planner-main-eng .planner-week-grid .planner-rows .task-rows .grid-cal.dayoff .h-cl:nth-child(2n) {
  background-color: #dec275;
}
.planner-main-eng .planner-week-grid .planner-rows .task-rows .grid-cal.dayoff .h-cl:nth-child(2n).darker {
  background-color: #dec275;
}
.planner-main-eng .planner-week-grid .planner-rows .task-rows .grid-cal.dayoff .h-cl.darker {
  background-color: #dec275;
}
.planner-main-eng .planner-week-grid .planner-rows .task-rows .grid-cal.weekend .h-cl {
  background-color: #dedede;
}
.planner-main-eng .planner-week-grid .planner-rows .task-rows .grid-cal.weekend .h-cl:nth-child(2n) {
  background-color: #d8d8d8;
}
.planner-main-eng .planner-week-grid .planner-rows .task-rows .grid-cal.weekend .h-cl:nth-child(2n).darker {
  background-color: #b5b5b5;
}
.planner-main-eng .planner-week-grid .planner-rows .task-rows .grid-cal.weekend .h-cl.darker {
  background-color: #bbbbbb;
}

.cal-eng-event {
  position: absolute;
  display: block;
  width: 193px;
  height: 97px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  top: 0;
  left: 300px;
  overflow: hidden;
}
.cal-eng-event .ui-resizable-handle {
  width: 20px;
  height: 100%;
}
.cal-eng-event .event-title {
  font-size: 11px;
  font-weight: normal;
  color: #666;
  padding: 2px 0 2px 2px;
}
.cal-eng-event .event-ref {
  position: relative;
  font-size: 12px;
  font-weight: bold;
  padding: 0 0 0 2px;
  top: -4px;
}
.cal-eng-event .event-aesc {
  position: relative;
  font-size: 12px;
  font-weight: bold;
  padding: 0 0 2px 2px;
  top: -4px;
}
.cal-eng-event .btn-event-modal {
  color: #272b2f;
  font-size: 13px;
  padding: 8px 5px;
}
.cal-eng-event.event-a {
  background-color: #fdd6cb;
  border-left: 6px solid #ff7154;
  border-top: 1px solid #ff7154;
  border-right: 1px dashed #ff7154;
}
.cal-eng-event.event-a .event-ref {
  color: #de6249;
}
.cal-eng-event.event-a .btn-event-modal {
  color: #ff7154;
}
.cal-eng-event.event-a .btn-event-modal:hover {
  color: #fa8;
}
.cal-eng-event.event-or {
  background-color: #fae5cb;
  border-left: 6px solid #ffb04a;
  border-top: 1px solid #ffb04a;
  border-right: 1px dashed #ffb04a;
}
.cal-eng-event.event-or .event-ref {
  color: #de9433;
}
.cal-eng-event.event-or .btn-event-modal {
  color: #ffb04a;
}
.cal-eng-event.event-or .btn-event-modal:hover {
  color: #fbc869;
}
.cal-eng-event.event-os {
  background-color: #fbf6d0;
  border-left: 6px solid #ecd505;
  border-top: 1px solid #ecd505;
  border-right: 1px dashed #ecd505;
}
.cal-eng-event.event-os .event-ref {
  color: #a99700;
}
.cal-eng-event.event-os .btn-event-modal {
  color: #ecd505;
}
.cal-eng-event.event-os .btn-event-modal:hover {
  color: #ebdd63;
}
.cal-eng-event.event-cpl {
  background-color: #bae2b8;
  border-left: 6px solid #58a55c;
  border-top: 1px solid #58a55c;
  border-right: 1px dashed #58a55c;
}
.cal-eng-event.event-cpl .event-ref {
  color: #58a55c;
}
.cal-eng-event.event-cpl .btn-event-modal {
  color: #58a55c;
}
.cal-eng-event.event-cpl .btn-event-modal:hover {
  color: #98d395;
}
.cal-eng-event.event-wip {
  background-color: #ffcaef;
  border-left: 6px solid #d239a3;
  border-top: 1px solid #d239a3;
  border-right: 1px dashed #d239a3;
}
.cal-eng-event.event-wip .event-ref {
  color: #d239a3;
}
.cal-eng-event.event-wip .btn-event-modal {
  color: #d239a3;
}
.cal-eng-event.event-wip .btn-event-modal:hover {
  color: #df9aca;
}
.cal-eng-event.locked {
  background-color: #ccc;
  border-left: 6px solid #aaa;
  border-top: 1px solid #aaa;
  border-right: 1px dashed #aaa;
}
.cal-eng-event.faded {
  opacity: 0.4;
}

i.task-locked {
  font-size: 14px;
  color: #000;
}

@media only screen and (max-height: 800px) and (min-height: 751px) {
  .planner-main-eng .planner-rows {
    max-height: 702px;
  }
}
@media only screen and (min-height: 801px) and (max-height: 900px) {
  .planner-main-eng .planner-rows {
    max-height: 702px;
  }
}
.pl-aiload-container {
  width: 970px;
  height: 600px;
}
.pl-aiload-container .p-ai-loader {
  background-color: #000;
  text-align: center;
  height: 300px;
  padding-top: 71px;
  margin-top: 130px;
}

.col-no-pad {
  padding-left: 0;
  padding-right: 0;
}

.modaldate {
  width: 800px;
  margin-bottom: 25px;
}

hr.pn-sug-hr {
  height: 2px;
  margin-top: 15px;
  margin-bottom: 15px;
  background-color: #bdc1c5;
}

h4.pn-sug-d {
  margin-top: 30px;
  margin-bottom: 10px;
  color: #1c629e;
  font-size: 18px;
}
h4.pn-sug-d span {
  color: #001f3a;
  font-size: 20px;
}

h3.pn-sug-d {
  margin-top: 30px;
  margin-bottom: 26px;
  color: #eb6d01;
  font-size: 28px;
}

.pn-d-at {
  font-size: 22px;
  color: #b1b1b1;
  text-align: right;
  right: -20px;
}

.pn-d-time-l {
  display: block;
  float: left;
  font-size: 10px;
  margin: 0;
  padding: 0 0 0 8px;
  text-align: left;
  width: 65%;
  color: #999;
}

.pn-d-od {
  color: #1c629e;
  padding-left: 150px;
  font-size: 18px;
}

.pn-sug-list {
  margin-top: 5px;
  margin-bottom: 5px;
  border-top: 1px solid #e2e2e2;
}
.pn-sug-list .eng-sug-name {
  margin-top: 17px;
  font-size: 18px;
}
.pn-sug-list .eng-photo {
  position: relative;
  top: 5px;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  border: 1px solid #9cb2bb;
}
.pn-sug-list .txt-div {
  padding-top: 16px;
  font-size: 18px;
}
.pn-sug-list .smtxt-div {
  padding-top: 20px;
  font-size: 13px;
  color: #888;
}
.pn-sug-list .eng-a-btn {
  padding-top: 11px;
}

.invoice-item-list .invoice-item-title {
  font-size: 11px;
  font-weight: bold;
  color: #aaa;
  padding: 10px 0 0 0;
  border-bottom: 1px solid #333;
}
.invoice-item-list .invoice-item-title div {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  width: 5.5%;
  min-height: 1px;
}
.invoice-item-list .invoice-item-title div:nth-child(1) {
  width: 3%;
}
.invoice-item-list .invoice-item-title div:nth-child(2) {
  width: 33%;
}
.invoice-item-list .invoice-item-title div:nth-child(3) {
  width: 8%;
}
.invoice-item-list .invoice-item-title div:nth-child(4) {
  width: 10%;
}
.invoice-item-list .invoice-item-title div:nth-child(7) {
  width: 7.5%;
}
.invoice-item-list .invoice-item-title div:nth-child(11) {
  width: 7.5%;
}
.invoice-item-list .invoice-item-title div:nth-child(12) {
  width: 3%;
}
.invoice-item-list .invoice-item {
  font-size: 0.9em;
  padding: 0;
}
.invoice-item-list .invoice-item input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 0 6px 8px;
  background-color: inherit;
  border: 0 none;
  border-bottom: 1px solid #c0c0c0;
  border-right: 1px solid #e8e8e8;
}
.invoice-item-list .invoice-item input:focus {
  color: #004d40;
  border: 0 none;
  padding: 10px 0 4px 8px;
  border-bottom: 3px solid #26a69a;
  font-weight: bold;
}
.invoice-item-list .invoice-item textarea {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1px 0 2px 8px;
  font-size: 11px;
  background-color: inherit;
  border: 0 none;
  border-bottom: 1px solid #c0c0c0;
  border-right: 1px solid #e8e8e8;
}
.invoice-item-list .invoice-item textarea:focus {
  color: #004d40;
  border: 0 none;
  padding: 1px 0 0px 8px;
  border-bottom: 3px solid #26a69a;
  font-weight: bold;
}
.invoice-item-list .invoice-item div {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  width: 5.5%;
  min-height: 1px;
}
.invoice-item-list .invoice-item div input, .invoice-item-list .invoice-item div textarea {
  width: 100%;
  border-radius: 0;
  resize: none;
}
.invoice-item-list .invoice-item div:nth-child(1) {
  width: 3%;
}
.invoice-item-list .invoice-item div:nth-child(2) {
  width: 33%;
}
.invoice-item-list .invoice-item div:nth-child(3) {
  width: 8%;
}
.invoice-item-list .invoice-item div:nth-child(4) {
  width: 10%;
}
.invoice-item-list .invoice-item div:nth-child(7) {
  width: 7.5%;
}
.invoice-item-list .invoice-item div:nth-child(11) {
  width: 7.5%;
}
.invoice-item-list .invoice-item div:nth-child(12) {
  width: 3%;
}
.invoice-item-list .invoice-item div.angucomplete-holder {
  width: 100%;
}
.invoice-item-list .invoice-item div.angucomplete-dropdown {
  width: 100%;
}
.invoice-item-list .invoice-item div.angucomplete-dropdown div {
  width: auto;
}
.invoice-item-list .invoice-item .total-amnt {
  background-color: #fcfcfc;
  padding: 12px 8px 5px 8px;
  font-weight: bold;
  color: #00897b;
}
.invoice-item-list .invoice-item .hide-item {
  border-bottom: 1px solid #c0c0c0;
  border-right: 1px solid #e8e8e8;
  height: 34px;
  padding: 6px 0 0 0;
}
.invoice-item-list .invoice-item .del-item {
  background-color: #fcfcfc;
  text-align: center;
  font-size: 16px;
  padding: 10px 4px 2px 4px;
  cursor: pointer;
}
.invoice-item-list .invoice-item .del-item i {
  color: #ffb3b3;
}
.invoice-item-list .invoice-item .del-item:hover i {
  color: #f65a5a;
}
.invoice-item-list .invoice-item .item-sort {
  min-height: 10px;
  height: 34px;
  border-bottom: 1px solid #c0c0c0;
  border-right: 1px solid #e8e8e8;
}
.invoice-item-list .invoice-item .item-sort i {
  display: block;
  padding: 2px 20% 2px 30%;
  cursor: pointer;
  color: #337ab7;
}
.invoice-item-list .invoice-item .item-sort i:hover {
  color: #b2d0ea;
}
.invoice-item-list .invoice-item .item-sort i.first-sort {
  padding-top: 18px;
}
.invoice-item-list .invoice-item:nth-child(odd) div {
  background-color: inherit;
}
.invoice-item-list .invoice-item:nth-child(odd) .angucomplete-dropdown {
  background-color: #fff;
}
.invoice-item-list .invoice-item:nth-child(odd) .angucomplete-dropdown .angucomplete-row:hover {
  background-color: #428bca;
}
.invoice-item-list .invoice-item:nth-child(odd) {
  background-color: #f7f7f7;
}
.invoice-item-list .item-last-line .desc-f, .invoice-item-list .item-last-line .total-amnt-f, .invoice-item-list .item-last-line .net-price-f, .invoice-item-list .item-last-line .quantity-f {
  float: left;
  background-color: #006064;
  border-top: 3px solid #003f42;
  color: #fff;
  font-weight: bold;
  height: 44px;
}
.invoice-item-list .item-last-line .desc-f {
  width: 59.5%;
  padding-left: 20px;
  padding-top: 5px;
}
.invoice-item-list .item-last-line .desc-f .btn {
  width: 200px;
}
.invoice-item-list .item-last-line .desc-f h4 {
  display: inline-block;
  float: right;
  padding-top: 0;
  margin-top: 5px;
  margin-right: 5px;
}
.invoice-item-list .item-last-line div.line-f {
  float: left;
  width: 5.5%;
  padding-left: 5px;
  padding-top: 10px;
  border-top: 3px solid #003f42;
  color: #7ab5b7;
  font-weight: bold;
  height: 44px;
  background-color: #004f52;
}
.invoice-item-list .item-last-line div.line-f:nth-child(3) {
  color: #fff;
  width: 7.5%;
}
.invoice-item-list .item-last-line div.line-f:nth-child(5) {
  color: #fff;
  width: 7.5%;
}
.invoice-item-list .item-last-line div.line-f:nth-child(7) {
  color: #fff;
  width: 8.5%;
}

.table-condensed > tbody > tr > td.job-perc-td {
  background-color: #323232;
  color: #fff;
  padding: 0;
}
.table-condensed > tbody > tr > td.job-perc-td .job-perc-c .job-perc-p {
  display: block;
  float: left;
  height: 30px;
}
.table-condensed > tbody > tr > td.job-perc-td .job-perc-c .job-perc-p.p-16 {
  background-color: #BF360C;
  width: 16%;
}
.table-condensed > tbody > tr > td.job-perc-td .job-perc-c .job-perc-p.p-33 {
  background-color: #E65100;
  width: 33%;
}
.table-condensed > tbody > tr > td.job-perc-td .job-perc-c .job-perc-p.p-50 {
  background-color: #d99204;
  width: 50%;
}
.table-condensed > tbody > tr > td.job-perc-td .job-perc-c .job-perc-p.p-66 {
  background-color: #cfb400;
  width: 66%;
}
.table-condensed > tbody > tr > td.job-perc-td .job-perc-c .job-perc-p.p-83 {
  background-color: #abbf00;
  width: 83%;
}
.table-condensed > tbody > tr > td.job-perc-td .job-perc-c .job-perc-p.p-100 {
  background-color: #0d9278;
  width: 100%;
}
.table-condensed > tbody > tr > td.job-perc-td .job-perc-c .job-perc-l {
  display: block;
  position: absolute;
  padding: 5px 0 0 5px;
}

.task-tooltip {
  display: block;
  padding: 10px 10px 10px 15px;
  position: absolute;
  z-index: 1000;
  max-width: 250px;
  background-color: rgba(234, 238, 241, 0.85);
  margin-left: 10px;
  border: 1px solid #cdd3d8;
}
.task-tooltip h4 {
  margin: 0;
}
.task-tooltip p {
  margin: 8px 0 0 8px;
  font-size: 11px;
}
.task-tooltip p.jt {
  color: #1db5ac;
  font-weight: bold;
}
.task-tooltip p.engineer {
  color: #428bca;
  font-weight: bold;
}

.item-loading.ppm-loading {
  top: 43%;
  margin: 0 37%;
  background-color: #294c71;
  color: #ebf5ff;
  border: 1px solid #27415d;
  -webkit-box-shadow: 2px 4px 10px 1px rgba(0, 0, 0, 0.5);
          box-shadow: 2px 4px 10px 1px rgba(0, 0, 0, 0.5);
}

.ppm-calendar {
  border-bottom: 3px solid #3975a9;
  padding: 0;
}
.ppm-calendar .ppm-cal-title {
  margin-bottom: 25px;
  margin-top: -20px;
}
.ppm-calendar .ppm-cal-title h3 {
  color: #428bca;
}
.ppm-calendar .ppm-cal-title h3 a {
  padding: 0 20px 0 20px;
}
.ppm-calendar .ppm-cal-title h3 span {
  min-width: 200px;
  display: inline-block;
}
.ppm-calendar .ppm-cal-row .ppm-wd {
  position: relative;
  display: block;
  float: left;
  width: 14.2857%;
  height: 28px;
  border-bottom: px solid #7b96b3;
  border-left: 1px solid #eaeaea;
  text-align: left;
  padding-left: 10px;
  padding-top: 5px;
  font-size: 18px;
  font-weight: normal;
  color: #edffff;
  background-color: #3975a9;
}
.ppm-calendar .ppm-cal-row .ppm-day {
  position: relative;
  display: block;
  float: left;
  width: 14.2857%;
  height: 150px;
  border-top: 2px solid #8ab5da;
  border-left: 1px solid #dff0ff;
  overflow-y: auto;
  padding-top: 20px;
}
.ppm-calendar .ppm-cal-row .ppm-day.d-empty {
  background-color: #eaeef1;
  border-top: 2px solid #eaeef1;
  border-left: 1px solid #eaeef1;
}
.ppm-calendar .ppm-cal-row .ppm-day h4.dn {
  position: absolute;
  color: #6d92a2;
  font-size: 12px;
  margin: -14px 0 0 6px;
}
.ppm-calendar .ppm-cal-row .ppm-day a.ppm-event {
  background-color: #00838F;
  border-left: 4px solid #00555d;
  display: block;
  color: #fff;
  font-size: 12px;
  padding: 4px 4px 2px 2px;
  border-radius: 0;
  width: 85%;
  margin: 0 3% 2px 12%;
  position: relative;
}
.ppm-calendar .ppm-cal-row .ppm-day a.ppm-event:hover {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  border-left-width: 8px;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.ppm-calendar .ppm-cal-row .ppm-day a.ppm-event.ev-1 {
  background-color: #1E88E5;
  border-color: #1867ad;
}
.ppm-calendar .ppm-cal-row .ppm-day a.ppm-event.ev-2 {
  background-color: #e6a433;
  border-color: #b57d1d;
}
.ppm-calendar .ppm-cal-row .ppm-day a.ppm-event.ev-3 {
  background-color: #00838F;
  border-color: #00555d;
}
.ppm-calendar .ppm-cal-row .ppm-day a.ppm-event.ev-4 {
  background-color: #e8437b;
  border-color: #b52858;
}
.ppm-calendar .ppm-cal-row .ppm-day a.ppm-event.ev-5 {
  background-color: #a74545;
  border-color: #881616;
}
.ppm-calendar .ppm-cal-row .ppm-day a.ppm-event.ev-6 {
  background-color: #558B2F;
  border-color: #3b6f16;
}
.ppm-calendar .ppm-cal-row .ppm-day a.ppm-event.ev-7 {
  background-color: #48a067;
  border-color: #2e864d;
}
.ppm-calendar .ppm-cal-row .ppm-day a.ppm-event.ev-8 {
  background-color: #8452a2;
  border-color: #641c90;
}

.cal-filter {
  min-height: 250px;
  margin-top: 70px;
  border-radius: 0;
  background-color: #eaeef1;
  border-color: #dff0ff;
}

/* Small devices (tablets, 992px and lower) */
@media (max-width: 992px) {
  .cal-filter {
    clear: both;
    min-height: 100px;
  }
}
@media print {
  .ppm-cal-title h3 {
    font-size: 20px;
  }
  .ppm-calendar {
    width: 100%;
    overflow-y: hidden;
    border-bottom: 1px solid #999999;
  }
  .ppm-calendar .ppm-cal-row .ppm-wd {
    font-size: 14px;
    font-weight: normal;
    border-bottom: 1px solid #8a8a8a;
    color: #999;
  }
  .ppm-calendar .ppm-cal-row .ppm-day {
    position: relative;
    display: block;
    float: left;
    width: 14.2857%;
    height: 150px;
    border-top: none;
    border-bottom: 2px solid #c9c9c9;
    border-left: 1px solid #ececec;
    overflow-y: auto;
    padding-top: 15px;
  }
  .ppm-calendar .ppm-cal-row .ppm-day.d-empty {
    border-top: none;
    border-left: none;
  }
  .ppm-calendar .ppm-cal-row .ppm-day a.ppm-event {
    border-left: none;
    border-right: 5px solid #00555d;
    display: block;
    color: #545454;
    text-align: right;
    font-size: 10px;
    padding: 4px 1px 2px 1px;
    margin: 0 3% 2px 12%;
    position: relative;
  }
}
.map {
  height: 460px;
  width: 100%;
}

.map_large {
  height: 800px;
  width: 100%;
}

.map_small {
  height: 350px;
  width: 100%;
}

.modal-dialog.modal-dashboard {
  overflow-y: initial;
}
.modal-dialog.modal-dashboard .modal-body {
  height: 400px;
  overflow-y: auto;
}

.dash-text-blue {
  color: #60b660;
}

.dash-text-green {
  color: #1E88E5;
}

.small-calendar {
  border-bottom: 3px solid #3975a9;
  padding: 0;
}
.small-calendar .small-cal-title {
  margin-bottom: 5px;
  margin-top: -5px;
}
.small-calendar .small-cal-title h5 {
  color: #428bca;
}
.small-calendar .small-cal-title h5 a {
  padding: 0 5px 0 5px;
}
.small-calendar .small-cal-title h5 span {
  min-width: 200px;
  display: inline-block;
}
.small-calendar .small-cal-row .small-wd {
  position: relative;
  display: block;
  float: left;
  width: 14.2857%;
  height: 18px;
  border-bottom: px solid #7b96b3;
  border-left: 1px solid #eaeaea;
  text-align: left;
  padding-left: 5px;
  padding-top: 2px;
  font-size: 12px;
  font-weight: normal;
  color: #edffff;
  background-color: #3975a9;
}
.small-calendar .small-cal-row .small-day {
  position: relative;
  display: block;
  float: left;
  width: 14.2857%;
  height: 65px;
  border-top: 2px solid #8ab5da;
  border-left: 1px solid #dff0ff;
  overflow-y: auto;
  padding-top: 20px;
}
.small-calendar .small-cal-row .small-day.d-empty {
  background-color: #eaeef1;
  border-top: 2px solid #eaeef1;
  border-left: 1px solid #eaeef1;
}
.small-calendar .small-cal-row .small-day h4.dn {
  position: absolute;
  color: #6d92a2;
  font-size: 12px;
  margin: -14px 0 0 6px;
}
.small-calendar .small-cal-row .small-day .small-event {
  background-color: #00838F;
  border-left: 3px solid #00555d;
  display: block;
  color: #fff;
  font-size: 12px;
  padding: 2px 2px 0px 0px;
  border-radius: 0;
  width: 85%;
  margin: 0 3% 2px 12%;
  position: relative;
}
.small-calendar .small-cal-row .small-day .small-event.ev-1 {
  background-color: #60b660;
  border-color: #558B2F;
}
.small-calendar .small-cal-row .small-day .small-event.ev-2 {
  background-color: #1E88E5;
  border-color: #1867ad;
}

svg#full-week-view {
  width: 100%;
  min-height: 100vh;
  max-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 auto;
  background-color: #272b2f;
}
svg#full-week-view rect.eng-rect {
  fill: #e9edf1;
  stroke: #001;
  stroke-width: 1;
}
svg#full-week-view text.eng-code {
  fill: #333;
  font-weight: bold;
}
svg#full-week-view rect.day-div {
  fill: #272b2f;
  stroke-width: 0;
}
svg#full-week-view line.day-line {
  stroke-width: 1;
  stroke: #5a5f6a;
}
svg#full-week-view text.text-grey {
  fill: #62615d;
  text-anchor: end;
}
svg#full-week-view text.weekday {
  fill: #ddd;
  font-weight: bold;
  text-anchor: middle;
}
svg#full-week-view text.monthday {
  fill: #768594;
  text-anchor: middle;
}
svg#full-week-view rect.tasks-bg {
  fill: #fff;
  stroke: #5a5f6a;
  stroke-width: 1;
}
svg#full-week-view .axis text {
  font: sans-serif;
  fill: #ddd;
}
svg#full-week-view .axis path,
svg#full-week-view .axis line {
  fill: none;
  stroke: #ddd;
  shape-rendering: crispEdges;
}
svg#full-week-view text.back-plan-view {
  cursor: pointer;
  font-family: FontAwesome;
  fill: #686C77;
}
svg#full-week-view text.back-plan-view:hover {
  fill: #ccc;
}
svg#full-week-view text.back-plan-view:active {
  fill: #2d5657;
}
svg#full-week-view .cal-title .cal-m {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  fill: #5c7a98;
  text-anchor: middle;
  font-weight: bold;
}
svg#full-week-view .cal-title .cal-y {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  fill: #bbc6d2;
  text-anchor: middle;
}
svg#full-week-view .week-btn {
  cursor: pointer;
}
svg#full-week-view .week-btn rect {
  fill: #394048;
}
svg#full-week-view .week-btn:hover rect {
  fill: #ccc;
}
svg#full-week-view .week-btn:hover text {
  fill: #1b5950;
}
svg#full-week-view .week-btn:active rect {
  fill: #34746a;
}
svg#full-week-view .week-btn text {
  text-anchor: middle;
  fill: #ddd;
}
svg#full-week-view .week-btn text.day-om {
  fill: #999;
}
svg#full-week-view .week-cur rect {
  fill: #2d5657;
}
svg#full-week-view .week-cur text {
  text-anchor: middle;
  fill: #ddd;
}
svg#full-week-view .week-cur text.day-om {
  fill: #999;
}
svg#full-week-view rect.tasks-oh {
  fill: #f08901;
}

.pv-loading {
  color: rgba(192, 234, 234, 0.5);
  position: absolute;
  top: 1%;
  right: 1%;
  font-size: 20px;
}
.pv-loading.fa-spin {
  -webkit-animation: fa-spin 1s infinite linear;
          animation: fa-spin 1s infinite linear;
}

.task-info {
  position: absolute;
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
  padding: 6px;
}
.task-info h3 {
  font-size: 14px;
  margin: 0;
  font-weight: bold;
}
.task-info h4 {
  font-size: 11px;
  margin: 0;
  color: #2b445d;
  font-weight: bold;
}
.task-info p {
  font-size: 10px;
  margin: 0;
}

.plan-labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 2px;
  right: 20px;
}
.plan-labels .labels {
  display: block;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  width: 50px;
  margin-right: 40px;
}
.plan-labels .labels i.sq {
  width: 8px;
  height: 8px;
  background-color: #fff;
  display: inline-block;
  margin-right: 3px;
}
.plan-labels .labels i.sq.task-lck {
  background-color: #afafaf;
}
.plan-labels .labels i.sq.task-asg {
  background-color: #ff7154;
}
.plan-labels .labels i.sq.task-or {
  background-color: #ffa64a;
}
.plan-labels .labels i.sq.task-os {
  background-color: #FFEB3B;
}
.plan-labels .labels i.sq.task-cpl {
  background-color: #55aa59;
}
.plan-labels .labels i.sq.task-wip {
  background-color: #d239a3;
}

.po-items {
  top: 125px;
  left: -5px;
}

.po-status-n {
  display: block;
  padding: 4px;
  background-color: #f5fcff;
  color: #b0d0c7;
  margin-right: 5px;
}
.po-status-n.po-status-a {
  padding: 4px 4px 4px 12px;
  background-color: #009688;
  color: #fff;
  font-weight: bold;
  margin-left: 5px;
}
.po-status-n.po-status-a:before {
  content: "\a";
  border-style: solid;
  border-width: 10px 0 10px 12px;
  border-color: transparent transparent transparent #009688;
  position: absolute;
  left: 2px;
}

.po-stat-a {
  background-color: #E1BEE7;
  color: #7d284d;
}

.po-stat-b {
  background-color: #AD1457;
  color: #eccee0;
}

.po-stat-c {
  background-color: #009688;
  color: #eee;
}

.po-stat-d {
  background-color: #FFD54F;
  color: #bd3a10;
}

.po-stat-e {
  background-color: #E3F2FD;
  color: #01579B;
}

.po-stat-f {
  background-color: #93aeba;
  color: #093447;
}

.po-stat-g {
  background-color: #5ea861;
  color: #fff;
}

.po-clear-btn {
  margin-left: 23px;
  margin-bottom: 6px;
}

.task-schedule {
  display: block;
  margin: 0;
  margin-left: -15px;
  margin-right: -15px;
  padding: 0;
}

.sch-date {
  position: fixed;
  width: 100%;
  z-index: 1;
  margin-top: -46px;
  text-align: center;
  background-color: #272b2f;
  padding: 8px 4px 8px 4px;
}
.sch-date .date-pick {
  float: left;
  margin-right: 40px;
  margin-left: 15px;
}
.sch-date .labels {
  float: left;
  margin-right: 25px;
}
.sch-date .label {
  display: block;
  width: 60px;
  font-size: 10px;
  font-weight: normal;
  text-align: left;
}
.sch-date .label i.sq {
  width: 8px;
  height: 8px;
  background-color: #fff;
  display: inline-block;
  margin-right: 3px;
}
.sch-date .label i.sq.task-crt {
  background-color: #afafaf;
}
.sch-date .label i.sq.task-asg {
  background-color: #ff7154;
}
.sch-date .label i.sq.task-or {
  background-color: #ffa64a;
}
.sch-date .label i.sq.task-os {
  background-color: #FFEB3B;
}
.sch-date .label i.sq.task-cpl {
  background-color: #55aa59;
}
.sch-date .label i.sq.task-wip {
  background-color: #d239a3;
}
.sch-date .label i.sq.task-app {
  background-color: #873ee8;
}
.sch-date .label i.sq.task-inv {
  background-color: #03a5d1;
}
.sch-date .label i.sq.task-clo {
  background-color: #689e9a;
}
.sch-date .btn-date-round {
  width: 30px;
  height: 30px;
  background-color: #272b2f;
  border: 1px solid #42464f;
  border-radius: 50%;
  margin: 0 25px;
  color: #fff;
}
.sch-date .btn-date-round:focus {
  outline: -webkit-focus-ring-color none 0;
  outline-style: none;
}
.sch-date .btn-date-round.left {
  padding-left: 3px;
}
.sch-date .btn-date-round.right {
  padding-left: 7px;
}
.sch-date .btn-date-round:hover {
  background-color: #3f4552;
  color: #fff;
}
.sch-date .btn-date-round:active {
  background-color: #20262c;
  color: #565657;
}
.sch-date .btn-date-round {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.sch-date input.current-date {
  width: 260px;
  padding-left: 60px;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
  background-color: #333;
  color: #fff;
  border: 1px solid #42464f;
}

.ts-ut {
  width: 100%;
  margin-top: 42px;
}
.ts-ut .ts-ut-title {
  position: relative;
  background-color: #376771;
  color: #fff;
  width: 180px;
  padding: 0;
}
.ts-ut .ts-ut-title h3 {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  text-align: center;
  padding: 16px 0 16px 0;
}
.ts-ut .ts-ut-title .t-nr {
  position: absolute;
  top: 3px;
  right: 4px;
  font-size: 9px;
  color: #dff;
}
.ts-ut .ts-ut-title .t-hr {
  position: absolute;
  top: 14px;
  right: 4px;
  font-size: 9px;
  color: #dff;
}
.sch-task {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 99%;
  height: 46px;
  cursor: pointer;
}
.sch-task.task-crt {
  background-color: #ededed;
  border-left: 4px solid #afafaf;
}
.sch-task.task-crt .col-4 {
  background-color: #d8d8d8;
}
.sch-task.task-asg {
  background-color: #ffede9;
  border-left: 4px solid #ff7154;
}
.sch-task.task-asg .col-4 {
  background-color: #ffc3b7;
}
.sch-task.task-or {
  background-color: #fff4e8;
  border-left: 4px solid #ffa64a;
}
.sch-task.task-or .col-4 {
  background-color: #ffe3c0;
}
.sch-task.task-os {
  background-color: #fffce1;
  border-left: 4px solid #FFEB3B;
}
.sch-task.task-os .col-4 {
  background-color: #fff38c;
}
.sch-task.task-cpl {
  background-color: #dbf0da;
  border-left: 4px solid #55aa59;
}
.sch-task.task-cpl .col-4 {
  background-color: #bae2b8;
}
.sch-task.task-wip {
  background-color: #fbe2f4;
  border-left: 4px solid #d239a3;
}
.sch-task.task-wip .col-4 {
  background-color: #ffcaef;
}
.sch-task.task-app {
  background-color: #eadbff;
  border-left: 4px solid #873ee8;
}
.sch-task.task-app .col-4 {
  background-color: #cfb6f1;
}
.sch-task.task-inv {
  background-color: #e4f8ff;
  border-left: 4px solid #00a5d1;
}
.sch-task.task-inv .col-4 {
  background-color: #c8f1ff;
}
.sch-task.task-clo {
  background-color: #d2e8e7;
  border-left: 4px solid #689e9a;
}
.sch-task.task-clo .col-4 {
  background-color: #93d0ca;
}
.sch-task {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 4px 0 4px 6px;
}
.sch-task p {
  margin-bottom: 2px;
}
.sch-task .col-1 {
  width: 130px;
  padding-right: 2px;
  padding-top: 5px;
  padding-left: 3px;
  position: relative;
}
.sch-task .col-1 .hours {
  font-size: 12px;
  font-weight: bold;
  color: #282c2e;
}
.sch-task .col-1 .ref {
  font-size: 14px;
  color: #125f88;
}
.sch-task .col-1 .type {
  position: absolute;
  right: 8px;
  top: 17px;
  font-size: 10px;
  color: #000;
}
.sch-task .col-2 {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  padding-top: 3px;
  padding-right: 4px;
  overflow: hidden;
}
.sch-task .col-2 p:first-child {
  font-size: 16px;
  color: #2177a5;
}
.sch-task .col-2 {
  font-size: 12px;
  color: #085a86;
}
.sch-task .col-3 {
  -webkit-box-flex: 6;
      -ms-flex: 6;
          flex: 6;
  overflow: hidden;
  padding-top: 4px;
  font-size: 12px;
  line-height: 1.1;
  padding-right: 10px;
}
.sch-task .col-4 {
  width: 70px;
  padding: 6px 0 0 6px;
  font-size: 12px;
  color: #3a3a3a;
}

.task-schedule-div {
  margin: 0;
  height: 10px;
}

.task-schedule-container {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  margin-bottom: 2px;
}
.task-schedule-container .sch-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.task-schedule-container .sch-title .sch-eng {
  width: 190px;
}
.task-schedule-container .sch-title .sch-eng input {
  height: 36px;
  width: 100%;
  border: 1px solid #9fb4bf;
  padding: 4px 2px 4px 4px;
}
.task-schedule-container .sch-title .sch-cal {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  background-color: #1f2f3e;
}
.task-schedule-container .sch-title .sch-cal h3 {
  margin: 6px 0 0 50px;
  font-size: 20px;
  color: #fff;
}
.task-schedule-container .sch-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 2px solid #d0e1ec;
  padding: 10px 0 10px 0;
  background-color: #ffffff;
}
.task-schedule-container .sch-row .sch-eng {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  width: 180px;
  min-height: 50px;
  background-color: #f0f5f9;
  color: #222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.task-schedule-container .sch-row .sch-eng .t-nr {
  position: absolute;
  top: 3px;
  right: 0;
  font-size: 9px;
  color: #777;
}
.task-schedule-container .sch-row .sch-eng .t-hr {
  position: absolute;
  top: 14px;
  right: 0;
  font-size: 9px;
  color: #777;
}
.task-schedule-container .sch-row .sch-eng .eng-card {
  width: 100%;
}
.task-schedule-container .sch-row .sch-eng img {
  max-width: 50px;
  float: left;
}
.task-schedule-container .sch-row .sch-eng .titles {
  padding-left: 2px;
  padding-top: 4px;
  overflow: hidden;
}
.task-schedule-container .sch-row .sch-eng .titles .name {
  font-size: 12px;
  font-weight: bold;
  color: #37474F;
}
.task-schedule-container .sch-row .sch-eng .titles .type {
  position: relative;
  top: -3px;
  font-size: 10px;
  font-weight: bold;
  color: #74af41;
}
.task-schedule-container .sch-row .sch-eng .titles .type.subcontractor {
  color: #efb222;
}
.task-schedule-container .sch-row .sch-eng .titles .sub-name {
  position: relative;
  top: -5px;
  font-size: 10px;
  font-weight: bold;
  color: #bd621c;
}
.task-schedule-container .sch-row .sch-cal {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}

/*******************************
* MODAL AS RIGHT SIDEBAR
*******************************/
.modal-right {
  display: block;
  position: fixed;
  z-index: 1049;
  height: 100%;
  top: 0;
  bottom: 0;
  right: 0;
}

.modal-right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 85vw;
  height: 100%;
  z-index: 1049;
}
.modal-right .modal-dialog .pdf-group {
  margin-right: 30px;
}

.modal-right .modal-content {
  height: 100%;
  overflow-y: auto;
}

.modal-right .modal-body {
  padding: 15px 15px 80px;
}

.modal-right .modal-dialog {
  right: 0;
  -webkit-transition: right 0.3s ease-out;
  transition: right 0.3s ease-out;
}

.modal-right.ng-hide .modal-dialog {
  right: -700px;
  -webkit-transition: opacity 0.3s linear, right 0.4s ease-out;
  transition: opacity 0.3s linear, right 0.4s ease-out;
}

/* ----- MODAL STYLE ----- */
.modal-content {
  border-radius: 0;
  border: none;
}

.modal-header {
  border-bottom-color: #EEEEEE;
  background-color: #FAFAFA;
}

.sch-cal-totals {
  position: absolute;
  top: 2px;
  left: 200px;
  color: #d3e2f1;
  font-size: 12px;
}

.task-outstanding .top-menu {
  padding: 10px;
}

.toogle-text {
  background: none;
  border: 0;
  color: #428bca;
  font-weight: normal;
  margin: 7px 4px 7px 0;
}
.toogle-text.active {
  color: #33465f;
  font-weight: bold;
  text-decoration: underline;
}

.to-calendar .to-day {
  border-top: 2px solid #f3f3f3;
  padding-top: 6px;
  padding-bottom: 9px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.to-calendar .cal-date {
  display: block;
  height: 60px;
  width: 62px;
  margin: 0 4px;
  border: 1px solid #d8d8d8;
  -webkit-box-shadow: 1px 2px 2px 0 hsla(138, 37%, 11%, 0.15);
          box-shadow: 1px 2px 2px 0 hsla(138, 37%, 11%, 0.15);
  border-radius: 4px;
  text-align: center;
}
.to-calendar .cal-date .title {
  background-color: #ce3f2f;
  color: #f4f4f4;
  -webkit-box-shadow: 0px 2px 1px rgba(51, 51, 51, 0.12);
          box-shadow: 0px 2px 1px rgba(51, 51, 51, 0.12);
  border-radius: 4px 4px 0 0px;
  font-weight: bold;
  font-size: 12px;
  padding-top: 2px;
}
.to-calendar .cal-date .day {
  font-size: 20px;
  padding-top: 5px;
}
.to-calendar .to-tasks {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.to-calendar .to-task {
  background-color: #ffede9;
  border-left: 4px solid #ff7154;
  width: 100%;
  height: 46px;
}

.task-labels {
  float: left;
  margin-right: 25px;
}
.task-labels .label {
  display: block;
  width: 60px;
  font-size: 10px;
  font-weight: normal;
  text-align: left;
  color: #333;
}
.task-labels .label i.sq {
  width: 8px;
  height: 8px;
  background-color: #fff;
  display: inline-block;
  margin-right: 3px;
}
.task-labels .label i.sq.task-crt {
  background-color: #afafaf;
}
.task-labels .label i.sq.task-asg {
  background-color: #ff7154;
}
.task-labels .label i.sq.task-or {
  background-color: #ffa64a;
}
.task-labels .label i.sq.task-os {
  background-color: #FFEB3B;
}
.task-labels .label i.sq.task-cpl {
  background-color: #55aa59;
}
.task-labels .label i.sq.task-wip {
  background-color: #d239a3;
}
.task-labels .label i.sq.task-app {
  background-color: #873ee8;
}
.task-labels .label i.sq.task-inv {
  background-color: #03a5d1;
}
.task-labels .label i.sq.task-clo {
  background-color: #689e9a;
}

.btn-to-sq {
  width: 48px;
  height: 46px;
  padding: 0;
  font-size: 23px;
}

.modal-reports {
  overflow-y: initial;
  display: block;
  position: fixed;
  z-index: 1049;
  height: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.modal-reports .modal-body {
  padding: 15px 15px 80px;
  overflow-y: auto;
}

.modal-reports .modal-dialog {
  position: fixed;
  margin: auto;
  width: 85%;
  height: 75%;
}
.modal-reports .modal-dialog .xls-group {
  margin-right: 30px;
}

.modal-reports .modal-content {
  height: 100%;
  overflow-y: auto;
}

.font-weight-bold {
  font-weight: bold;
}

.holidays-title {
  margin-top: 0;
  margin-left: 5px;
  color: #5cb85c;
  margin-bottom: 24px;
}

.holiday-cal {
  float: left;
  max-width: 550px;
  margin-right: 40px;
  margin-bottom: 15px;
}
.holiday-cal yearcalendar .cal-month .cal-grid .cal-row span {
  width: 14.28%;
}
.holiday-cal yearcalendar .cal-month .cal-grid .cal-row span.cal-bh::after {
  width: 90%;
}

.hol-list {
  float: left;
}
.hol-list h4 {
  margin-top: 0;
  font-weight: bold;
  color: #7c8ea8;
  font-size: 17px;
}
.hol-list h5 {
  color: #7c8ea8;
  margin-top: 16px;
}
.hol-list ul {
  list-style-type: none;
  margin-top: 10px;
  padding: 0;
}
.hol-list ul li {
  font-size: 12px;
  background-color: #2e3642;
  color: #fff;
  border-radius: 4px;
  padding: 0 0 0 6px;
  margin-bottom: 4px;
  height: 42px;
  padding-top: 14px;
}
.hol-list ul .hol-text {
  color: #f1efaf;
}
.hol-list ul .li-bgcolor {
  background-color: #4f5a71;
}
.hol-list ul button.btn-edit-h {
  margin: 0 0 0 14px;
  padding: 10px;
  border-radius: 0;
  float: right;
  position: relative;
  top: -14px;
}
.hol-list ul button.btn-del-h {
  margin: 0;
  padding: 10px;
  border-radius: 0 4px 4px 0;
  float: right;
  position: relative;
  top: -14px;
}

.status-pending {
  background-color: #fc7196;
}

.status-evaluated {
  background-color: #fc9b71;
}

.status-inprogress {
  background-color: #fcf071;
}

.status-solved {
  background-color: #71fc7a;
}

.ticket-ref {
  min-width: 80px;
}

.ticket-status {
  float: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.ticket-status .ticket-status-name {
  min-width: 80px;
}

.ticket-row {
  cursor: pointer;
}

.ticket-table-striped .ticket-row:nth-child(4n-3) {
  background-color: #f9f9f9;
}

.row-ticket-detail {
  pointer-events: none;
}
.row-ticket-detail .td-ticket-detail {
  background-color: #d6eaff;
}
.row-ticket-detail .td-ticket-detail .ticket-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.row-ticket-detail .td-ticket-detail .ticket-detail .attr-label {
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
  color: #2e73af;
  min-width: 130px;
}
.row-ticket-detail .td-ticket-detail .ticket-detail .attr-name {
  min-width: 100px;
}
.row-ticket-detail .td-ticket-detail .ticket-detail .attr-description {
  font-style: italic;
}
.row-ticket-detail .td-ticket-detail .ticket-detail .assets {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.row-ticket-detail .td-ticket-detail .ticket-detail .assets .attr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
.row-ticket-detail .td-ticket-detail .ticket-detail hr {
  margin-top: 10px;
  margin-bottom: 15px;
  border-top: 1px solid #eeeeee;
}
.row-ticket-detail .td-ticket-detail .ticket-detail .behavior {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.row-ticket-detail .td-ticket-detail .ticket-detail .behavior .attr-description {
  white-space: pre-line;
  margin-top: -20px;
}

.board-wrapper {
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -20px;
  margin-left: -20px;
}
.board-wrapper .task-search {
  background-color: #cfd8dc;
  width: 260px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.board-wrapper .task-search .search {
  background-color: #fff;
  padding-top: 20px;
}
.board-wrapper .task-search .search input, .board-wrapper .task-search .search select {
  border-radius: 0;
}
.board-wrapper .task-search h4 {
  margin: 0 0 5px 10px;
  color: #779196;
  font-size: 14px;
  font-weight: bold;
}
.board-wrapper .task-search .tbsf {
  width: 260px;
}
.board-wrapper .task-list {
  overflow-y: auto;
  height: 100%;
  margin-top: 12px;
  margin-bottom: 6px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.board-wrapper .board {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
  padding-top: 40px;
  height: 100%;
}
.board-wrapper .task-board {
  width: 100%;
  height: 100%;
  background-color: #256d64;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow-x: auto;
}
.board-wrapper .task-board .board-title-bar {
  position: fixed;
  width: 100%;
  top: 55px;
  background-color: #fff;
  text-align: left;
  height: 40px;
}
.board-wrapper .task-board .board-title-bar .board-sel {
  width: 262px;
  border-color: #ccc;
  margin-left: 12px;
  margin-top: 2px;
  font-size: 20px;
  padding: 4px;
  color: #0b6c7f;
  height: 34px;
}
.board-wrapper .task-board .board-title-bar .board-add {
  height: 34px;
  margin-left: -5px;
  position: relative;
  top: -3px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  color: #fff;
  background-color: #5cb85c;
  border: 1px solid #4cae4c;
}
.board-wrapper .task-board .board-title-bar .board-add:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.board-wrapper .task-board .board-title-bar .board-del {
  height: 34px;
  margin-left: -5px;
  position: relative;
  top: -3px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border: 1px solid #ae4c4c;
}
.board-wrapper .task-board .board-title-bar .board-exp {
  height: 34px;
  margin-left: -5px;
  position: relative;
  top: -3px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: right;
  white-space: nowrap;
  vertical-align: middle;
  border: 0;
}

.board-list {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: top;
  height: 95%;
  width: 260px;
  margin: 10px 0 12px 12px;
}
.board-list .l-wrap {
  background-color: #ccd84c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: 100%;
  border-radius: 4px;
  padding-bottom: 10px;
}

.add-blist {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: top;
  width: 260px;
  height: 40px;
  margin: 10px 0 12px 8px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  color: #c5c5c5;
  padding: 10px;
  cursor: pointer;
}
.add-blist:hover {
  background: rgba(0, 0, 0, 0.3);
  color: #ddd;
}

.add-newblist {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: top;
  width: 260px;
  margin: 10px 0 12px 8px;
  border-radius: 4px;
  color: #c5c5c5;
  padding: 3px;
  background-color: #e0e3e6;
}
.add-newblist input {
  margin-bottom: 8px;
}
.add-newblist .cancel-btn {
  font-size: 24px;
  color: #999;
  vertical-align: middle;
}
.add-newblist .cancel-btn:hover {
  color: #777;
}

.blist-title {
  position: relative;
}
.blist-title .del-lst {
  position: absolute;
  top: 5px;
  right: 5px;
  background: none;
  border: none;
  font-size: 18px;
  color: #1d5b53;
}
.blist-title .del-lst:hover {
  color: #db601e;
}
.blist-title h3 {
  margin-top: 10px;
  font-size: 18px;
  margin-left: 10px;
  color: #1d5b53;
}

.blist-list {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow-y: auto;
  min-height: 10px;
}

.blist-list::-webkit-scrollbar {
  width: 10px;
}

.blist-list::-webkit-scrollbar-track {
  background-color: #809390;
}

.blist-list::-webkit-scrollbar-thumb {
  background-color: #f6f7f9;
}

/* Handle on hover */
.blist-list::-webkit-scrollbar-thumb:hover {
  background-color: #fff;
}

.task-item-tb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  background-color: #f9fbe7;
  border-radius: 4px;
  margin: 2px 5px 2px 5px;
  padding: 4px 6px;
}
.task-item-tb.item-search {
  background-color: #fff;
}
.task-item-tb .t-main {
  min-width: 45px;
  margin-right: 8px;
}
.task-item-tb .t-main .ref {
  font-size: 10px;
  color: #51718e;
  font-weight: bold;
  margin-bottom: 1px;
  margin-top: 1px;
}
.task-item-tb .t-main .jtype {
  font-size: 8px;
}
.task-item-tb .t-extra {
  margin-right: 4px;
  width: 100%;
  overflow: hidden;
}
.task-item-tb .t-extra .cust {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 2px;
  width: 100%;
  overflow: hidden;
}
.task-item-tb .t-extra .loc {
  font-size: 12px;
  color: #5a5a5a;
  width: 100%;
  overflow: hidden;
}

.board-name-form {
  position: fixed;
  top: 95px;
  left: 33%;
  z-index: 1050;
  background-color: #fff;
  height: 85px;
  width: 210px;
  padding: 6px;
  border-radius: 6px;
  border: 1px solid #999;
}
.board-name-form input {
  margin-bottom: 4px;
}

.sortable-ghost {
  background-color: #c4c6c7;
}

.blist-list[dnd-list] .dndPlaceholder {
  background-color: #a0ab2f;
  display: block;
  min-height: 44px;
  margin: 2px;
}

.blist-list[dnd-list] .dndDraggingSource {
  display: none;
}

.remove-task-drop {
  border: 1px solid #e0b5b8;
  background-color: rgba(134, 89, 89, 0.6);
  color: #e9a2a5;
  width: 80px;
  height: 80px;
  position: absolute;
  bottom: 22px;
  right: 6px;
  border-radius: 4px;
  text-align: center;
  padding: 13px;
}
.remove-task-drop i {
  font-size: 54px;
}
.remove-task-drop[dnd-list] .dndPlaceholder {
  display: none;
}
.remove-task-drop.dndDragover {
  background-color: rgba(159, 0, 0, 0.8);
  color: #ff1d27;
}

.timesheet_day {
  display: block;
  margin-top: 40px;
  margin-left: -15px;
  margin-right: -15px;
  padding: 0;
}

.top_calendar {
  position: fixed;
  width: 90%;
  z-index: 1;
  margin-top: -46px;
  text-align: center;
  background-color: #fff;
  border-bottom: 1px solid #42464f;
  padding: 8px 4px 8px 4px;
}
.top_calendar .date-pick {
  float: left;
  margin-right: 40px;
  margin-left: 15px;
}
.top_calendar .labels {
  float: left;
  margin-right: 25px;
}

.top_button {
  margin-right: 80px;
}

.btn-date-round {
  width: 30px;
  height: 30px;
  background-color: #546E7A;
  border: 1px solid #42464f;
  border-radius: 50%;
  margin: 0 25px;
  color: #fff;
}
.btn-date-round:focus {
  outline: -webkit-focus-ring-color none 0;
  outline-style: none;
}
.btn-date-round.left {
  padding-left: 3px;
}
.btn-date-round.right {
  padding-left: 7px;
}
.btn-date-round:hover {
  background-color: #3f4552;
  color: #fff;
}
.btn-date-round:active {
  background-color: #20262c;
  color: #565657;
}
.btn-date-round {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

input.current-date {
  width: 260px;
  padding-left: 60px;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
  background-color: #fff;
  color: #000;
  border: 1px solid #42464f;
}

.ts-schedule-div {
  margin: 0;
  height: 10px;
}

.ts-schedule-container {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  margin-bottom: 2px;
}
.ts-schedule-container .sch-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ts-schedule-container .sch-title .sch-eng {
  width: 190px;
}
.ts-schedule-container .sch-title .sch-eng input {
  height: 36px;
  width: 100%;
  border: 1px solid #9fb4bf;
  padding: 4px 2px 4px 4px;
}
.ts-schedule-container .sch-title .sch-cal {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  background-color: #546E7A;
}
.ts-schedule-container .sch-title .sch-cal h3 {
  margin: 6px 0 0 20px;
  font-size: 20px;
  color: #fff;
}
.ts-schedule-container .sch-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 2px solid #d0e1ec;
  padding: 10px 0 10px 0;
  background-color: #ffffff;
}
.ts-schedule-container .sch-row .sch-eng {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  width: 180px;
  min-height: 50px;
  background-color: #f0f5f9;
  color: #222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top;
}
.ts-schedule-container .sch-row .sch-eng .t-nr {
  position: absolute;
  top: 3px;
  right: 0;
  font-size: 9px;
  color: #777;
}
.ts-schedule-container .sch-row .sch-eng .t-hr {
  position: absolute;
  top: 14px;
  right: 0;
  font-size: 9px;
  color: #777;
}
.ts-schedule-container .sch-row .sch-eng .eng-card {
  width: 100%;
}
.ts-schedule-container .sch-row .sch-eng img {
  max-width: 50px;
  float: left;
}
.ts-schedule-container .sch-row .sch-eng .titles {
  padding-left: 2px;
  padding-top: 4px;
  overflow: hidden;
}
.ts-schedule-container .sch-row .sch-eng .titles .name {
  font-size: 12px;
  font-weight: bold;
  color: #37474F;
}
.ts-schedule-container .sch-row .sch-eng .titles .type {
  position: relative;
  top: -3px;
  font-size: 10px;
  font-weight: bold;
  color: #74af41;
}
.ts-schedule-container .sch-row .sch-eng .titles .type.subcontractor {
  color: #efb222;
}
.ts-schedule-container .sch-row .sch-eng .titles .sub-name {
  position: relative;
  top: -5px;
  font-size: 10px;
  font-weight: bold;
  color: #bd621c;
}
.ts-schedule-container .sch-row .sch-cal {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}

.ts-day-row-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  font-weight: bold;
  border-bottom: 1px solid #839aaf;
  font-size: 1em;
}
.ts-day-row-title div:nth-child(1) {
  width: 100px;
}
.ts-day-row-title div:nth-child(2) {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.ts-day-row-title div:nth-child(3) {
  width: 150px;
}
.ts-day-row-title div:nth-child(4) {
  width: 100px;
}
.ts-day-row-title div:nth-child(5) {
  width: 100px;
}
.ts-day-row-title div:nth-child(6) {
  width: 100px;
}
.ts-day-row-title div:nth-child(7) {
  width: 80px;
}
.ts-day-row-title div:nth-child(8) {
  width: 80px;
}
.ts-day-row-title div:nth-child(9) {
  width: 80px;
}
.ts-day-row-title div:nth-child(10) {
  width: 80px;
}
.ts-day-row-title div:nth-child(11) {
  width: 80px;
  padding-right: 6px;
}

.ts-dat-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  border-bottom: 2px solid #839aaf;
}
.ts-dat-row div:nth-child(1) {
  width: 80px;
}

.ts-day-row {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: block;
}
.ts-day-row .ts-task {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-bottom: 1px solid #ddd;
}
.ts-day-row .ts-task div {
  padding-top: 3px;
  padding-bottom: 3px;
}
.ts-day-row .ts-task div:nth-child(1) {
  padding-left: 4px;
  width: 80px;
  border-left: 1px solid #839aaf;
}
.ts-day-row .ts-task div:nth-child(2) {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.ts-day-row .ts-task div:nth-child(3) {
  width: 150px;
}
.ts-day-row .ts-task div:nth-child(4) {
  width: 100px;
}
.ts-day-row .ts-task div:nth-child(5) {
  width: 100px;
}
.ts-day-row .ts-task div:nth-child(6) {
  width: 100px;
}
.ts-day-row .ts-task div:nth-child(7) {
  width: 80px;
}
.ts-day-row .ts-task div:nth-child(8) {
  width: 80px;
}
.ts-day-row .ts-task div:nth-child(9) {
  width: 80px;
}
.ts-day-row .ts-task div:nth-child(10) {
  width: 80px;
}
.ts-day-row .ts-task div:nth-child(11) {
  width: 80px;
  padding-right: 6px;
}

.ts-day-row:nth-child(odd) {
  background-color: #f9f9f9;
}

.ts-day-row-total {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: block;
}
.ts-day-row-total .ts-task {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  background-color: #f0f5f9;
}
.ts-day-row-total .ts-task div {
  padding-top: 3px;
  padding-bottom: 3px;
}
.ts-day-row-total .ts-task div:nth-child(1) {
  padding-left: 3px;
  width: 80px;
}
.ts-day-row-total .ts-task div:nth-child(2) {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.ts-day-row-total .ts-task div:nth-child(3) {
  width: 150px;
}
.ts-day-row-total .ts-task div:nth-child(4) {
  width: 100px;
}
.ts-day-row-total .ts-task div:nth-child(5) {
  width: 100px;
}
.ts-day-row-total .ts-task div:nth-child(6) {
  width: 100px;
}
.ts-day-row-total .ts-task div:nth-child(7) {
  width: 80px;
  font-weight: bold;
}
.ts-day-row-total .ts-task div:nth-child(8) {
  width: 80px;
  font-weight: bold;
}
.ts-day-row-total .ts-task div:nth-child(9) {
  width: 80px;
  font-weight: bold;
}
.ts-day-row-total .ts-task div:nth-child(10) {
  width: 80px;
  font-weight: bold;
}
.ts-day-row-total .ts-task div:nth-child(11) {
  width: 80px;
  padding-right: 6px;
  font-weight: bold;
}

.elc-clear-btn {
  margin-top: 25px;
}

.elc-row-warn {
  background-color: #ffa726;
  font-weight: bold;
  color: #d84003;
}

.elc-w-msg {
  margin-bottom: 20px;
  font-size: 12px;
  padding: 8px 20px 8px 8px;
}

tr:nth-of-type(odd) td.elc-eng {
  background-color: #b0bec5;
  font-weight: bold;
  color: #122731;
}

tr:nth-of-type(even) td.elc-eng {
  background-color: #cfd8dc;
  font-weight: bold;
  color: #294b5d;
}

.item-loading.hol-loading {
  top: 43%;
  margin: 0 37%;
  background-color: #49b149;
  color: #ebf5ff;
  border: 1px solid #246d64;
  -webkit-box-shadow: 2px 4px 10px 1px rgba(0, 0, 0, 0.5);
          box-shadow: 2px 4px 10px 1px rgba(0, 0, 0, 0.5);
}

.hol-calendar {
  border-bottom: 3px solid #246d64;
  padding: 0;
}
.hol-calendar .hol-cal-title {
  margin-bottom: 25px;
  margin-top: -20px;
}
.hol-calendar .hol-cal-title h3 {
  color: #49b149;
}
.hol-calendar .hol-cal-title h3 a {
  padding: 0 20px 0 20px;
  color: #246d64;
}
.hol-calendar .hol-cal-title h3 a:hover {
  color: #49b149;
}
.hol-calendar .hol-cal-title h3 span {
  min-width: 200px;
  display: inline-block;
}
.hol-calendar .hol-cal-row .hol-wd {
  position: relative;
  display: block;
  float: left;
  width: 14.2857%;
  height: 28px;
  border-bottom: px solid #7b96b3;
  border-left: 1px solid #eaeaea;
  text-align: left;
  padding-left: 10px;
  padding-top: 5px;
  font-size: 18px;
  font-weight: normal;
  color: #edffff;
  background-color: #246d64;
}
.hol-calendar .hol-cal-row .hol-day {
  position: relative;
  display: block;
  float: left;
  width: 14.2857%;
  height: 150px;
  border-top: 2px solid #a3e2a3;
  border-left: 1px solid #dff0ff;
  overflow-y: auto;
  padding-top: 20px;
}
.hol-calendar .hol-cal-row .hol-day.d-empty {
  background-color: #eaeef1;
  border-top: 2px solid #eaeef1;
  border-left: 1px solid #eaeef1;
}
.hol-calendar .hol-cal-row .hol-day h4.dn {
  position: absolute;
  color: #6d92a2;
  font-size: 12px;
  margin: -14px 0 0 6px;
}
.hol-calendar .hol-cal-row .hol-day a.hol-event {
  background-color: #00838F;
  border-left: 4px solid #00555d;
  display: block;
  color: #fff;
  font-size: 12px;
  padding: 4px 4px 2px 2px;
  border-radius: 0;
  width: 85%;
  margin: 0 3% 2px 12%;
  position: relative;
}
.hol-calendar .hol-cal-row .hol-day a.hol-event:hover {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  border-left-width: 8px;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.hol-calendar .hol-cal-row .hol-day a.hol-event.ev-1 {
  background-color: #1E88E5;
  border-color: #1867ad;
}
.hol-calendar .hol-cal-row .hol-day a.hol-event.ev-2 {
  background-color: #e6a433;
  border-color: #b57d1d;
}
.hol-calendar .hol-cal-row .hol-day a.hol-event.ev-3 {
  background-color: #00838F;
  border-color: #00555d;
}
.hol-calendar .hol-cal-row .hol-day a.hol-event.ev-4 {
  background-color: #e8437b;
  border-color: #b52858;
}
.hol-calendar .hol-cal-row .hol-day a.hol-event.ev-5 {
  background-color: #a74545;
  border-color: #881616;
}
.hol-calendar .hol-cal-row .hol-day a.hol-event.ev-6 {
  background-color: #558B2F;
  border-color: #3b6f16;
}
.hol-calendar .hol-cal-row .hol-day a.hol-event.ev-7 {
  background-color: #48a067;
  border-color: #2e864d;
}
.hol-calendar .hol-cal-row .hol-day a.hol-event.ev-8 {
  background-color: #8452a2;
  border-color: #641c90;
}

.cal-filter {
  min-height: 250px;
  margin-top: 70px;
  border-radius: 0;
  background-color: #eaeef1;
  border-color: #dff0ff;
}

/* Small devices (tablets, 992px and lower) */
@media (max-width: 992px) {
  .cal-filter {
    clear: both;
    min-height: 100px;
  }
}
@media print {
  .hol-cal-title h3 {
    font-size: 20px;
  }
  .hol-calendar {
    width: 100%;
    overflow-y: hidden;
    border-bottom: 1px solid #999999;
  }
  .hol-calendar .hol-cal-row .hol-wd {
    font-size: 14px;
    font-weight: normal;
    border-bottom: 1px solid #8a8a8a;
    color: #999;
  }
  .hol-calendar .hol-cal-row .hol-day {
    position: relative;
    display: block;
    float: left;
    width: 14.2857%;
    height: 150px;
    border-top: none;
    border-bottom: 2px solid #c9c9c9;
    border-left: 1px solid #ececec;
    overflow-y: auto;
    padding-top: 15px;
  }
  .hol-calendar .hol-cal-row .hol-day.d-empty {
    border-top: none;
    border-left: none;
  }
  .hol-calendar .hol-cal-row .hol-day a.hol-event {
    border-left: none;
    border-right: 5px solid #00555d;
    display: block;
    color: #545454;
    text-align: right;
    font-size: 10px;
    padding: 4px 1px 2px 1px;
    margin: 0 3% 2px 12%;
    position: relative;
  }
}
.uplift-l-pending {
  background-color: #FFCA28;
}

.uplift-l-accepted {
  background-color: #AED581;
}

.uplift-l-declined {
  background-color: #F06292;
}

.email-modal .text-danger, .email-modal .text-warning {
  font-size: 12px;
  padding: 2px;
}
.email-modal textarea.email-content {
  resize: none;
}
.email-modal .email-to, .email-modal .subject, .email-modal .email-bcc {
  font-weight: bold;
}
.email-modal .left-addon input.email-bcc {
  padding-left: 45px;
}
.email-modal .left-addon input.email-to {
  padding-left: 45px;
}
.email-modal .email-input.ng-hide {
  position: absolute;
}
.email-modal .email-val.ng-hide {
  position: absolute;
}
.email-modal .email-val {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  font-weight: bold;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.email-modal .email-val .val-label {
  color: #ccc;
  width: 24px;
  display: inline-block;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: left;
  vertical-align: baseline;
}
.email-modal .email-val .input-helper {
  opacity: 0;
  border: 0;
  width: 0;
  height: 0;
}
.email-modal .email-val .email {
  border: 1px solid #bddcbf;
  background-color: #ecf3ef;
  padding: 4px 6px;
  margin-right: 2px;
}
.email-modal .email-val .email.has-error {
  border: 2px solid #f5e1e1;
  border-bottom: 2px dotted #ca8888;
  background-color: #f5e1e1;
  padding: 3px 6px;
  margin-right: 2px;
}
.email-modal .attachment {
  display: block;
  float: left;
  color: #337ab7;
  font-size: 15px;
  padding-top: 5px;
  padding-left: 9px;
}

/* enable absolute positioning */
.inner-addon {
  position: relative;
}

/* style icon */
.inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}

/* align icon */
.left-addon .glyphicon {
  left: 0px;
}

.right-addon .glyphicon {
  right: 0px;
}

/* add padding  */
.left-addon input {
  padding-left: 30px;
}

.right-addon input {
  padding-right: 30px;
}

.inner-addon .add-text {
  position: absolute;
  padding: 6px 10px 10px 10px;
  pointer-events: none;
  font-weight: bold;
  color: #c4c4c4;
}

.left-addon .add-text {
  left: 0px;
}

.right-addon .add-text {
  right: 0px;
}

.em-form {
  border: 1px solid #ddd;
  margin-bottom: 30px;
}
.em-form .form-group {
  margin: 0;
}
.em-form .em-header {
  border-bottom-color: #EEEEEE;
  background-color: #FAFAFA;
  margin: 0;
  line-height: 1.42857143;
  padding: 6px 15px;
  border-bottom: 1px solid #e5e5e5;
}
.em-form .em-body {
  position: relative;
  padding: 4px 15px;
}
.em-form .em-footer {
  padding: 15px 15px 20px 15px;
  text-align: right;
  background-color: #fbfbfb;
  border-top: 1px solid #e5e5e5;
}

.my-toogle {
  display: block;
  padding: 0 10px 0 5px;
}
.my-toogle .label-off, .my-toogle .label-on {
  display: block;
  float: left;
  margin-top: 8px;
  opacity: 0.3;
  font-weight: normal;
  font-size: 14px;
}
.my-toogle .label-off.active, .my-toogle .label-on.active {
  opacity: 1;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
}
.my-toogle .btn-toggle {
  padding: 0;
  margin: 8px 8px 4px 8px;
  display: block;
  float: left;
  position: relative;
  border: none;
  height: 24px;
  width: 48px;
  border-radius: 24px;
  color: #6b7381;
  background: #bdc1c8;
}
.my-toogle .btn-toggle.active {
  background-color: #29b5a8;
}
.my-toogle .btn-toggle.active .handle {
  left: 26px;
  -webkit-transition: left 0.25s;
  transition: left 0.25s;
}
.my-toogle .btn-toggle .handle {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  background: #fff;
  -webkit-transition: left 0.25s;
  transition: left 0.25s;
}

.modal-ticketadd {
  width: 70%;
  max-width: 800px;
  margin: 30px auto;
}
.modal-ticketadd .modal-header-ticketadd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-right: 20px;
}
.modal-ticketadd .modal-body-ticket-add {
  padding: 10px 5%;
}
.modal-ticketadd .modal-body-ticket-add .heading-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.modal-ticketadd .modal-body-ticket-add .heading-box .heading-box-title {
  width: 50%;
}
.modal-ticketadd .modal-body-ticket-add .severity-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
.modal-ticketadd .modal-body-ticket-add .severity-box .severity-box-left {
  width: 100%;
}
.modal-ticketadd .modal-body-ticket-add .parallel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.modal-ticketadd .modal-body-ticket-add .parallel .in-parallel {
  width: 50%;
}
.modal-ticketadd .modal-body-ticket-add .parallel .in-parallel-left {
  padding-left: 15px;
}

.logout-menu-btn {
  color: #333;
  font-size: 23px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.logout-menu-btn:hover {
  background-color: #ddd;
  color: #000;
}

.modal-logout-menu {
  width: 150px;
  position: fixed;
  top: 50px;
  right: 5px;
}
.modal-logout-menu::after {
  content: "";
  position: absolute;
  bottom: 100%;
  right: 24px;
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
}
.modal-logout-menu .lgm-entry {
  padding: 10px;
  width: 100%;
  text-align: center;
  cursor: pointer;
}
.modal-logout-menu .lgm-entry a {
  color: #000;
  text-decoration: none;
}
.modal-logout-menu .logout-btn {
  color: #fff;
  background-color: #d9534f;
}

.no-backdrop-modal {
  opacity: 0 !important;
}

.notification-btn {
  font-size: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  color: #333;
  width: 50px;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  padding: 0 10px;
}
.notification-btn:hover {
  color: #000;
}
.notification-btn:hover .notification-circle {
  color: #ff0000;
}
.notification-btn .notification-circle {
  font-size: 12px;
  position: relative;
  left: -32px;
  bottom: -8px;
  padding: 0;
  margin: 0;
  color: #ff4166;
}

.notification-btn-alert {
  margin-right: -16px;
  width: 66px;
}

.modal-notification {
  width: 450px;
  position: fixed;
  top: 50px;
  right: 5px;
}
.modal-notification::after {
  content: "";
  position: absolute;
  bottom: 100%;
  right: 77px;
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
}
.modal-notification .notif-entry {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  padding: 10px 5px;
}
.modal-notification .notif-entry .ntf-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  color: #000;
  text-decoration: none;
}
.modal-notification .notif-entry .ntf-left .ntf-icon {
  font-size: 24px;
  width: 55px;
  min-width: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal-notification .notif-entry .ntf-left .ntf-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.modal-notification .notif-entry .ntf-left .ntf-content .ntf-date {
  font-style: italic;
}
.modal-notification .notif-entry .ntf-button {
  visibility: hidden;
}
.modal-notification .unseen {
  background-color: #eaeaf3;
}
.modal-notification .notif-entry:hover {
  background-color: #eaeaf3;
}
.modal-notification .notif-entry:hover .ntf-button {
  visibility: visible;
}
.modal-notification .notif-entry:hover .ntf-button:hover {
  color: #666;
  z-index: 9999;
}

.no-notif-display {
  text-align: center;
  padding: 20px;
  font-weight: bold;
}