/**
 * Basic table
 */
/* Table */
table.senertec_document {
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  font-weight: normal;
  outline: 3px double #000;
  outline-offset: -1px;
}

table.senertec_document .center {
  text-align: center;
}

table.senertec_document.white_space_pre_line tr td {
  white-space: pre-line;
}

/* Headlines */
table.senertec_document h1 {
  margin: 0px;
}

table.senertec_document h2 {
  margin: 0px;
}

/* Rows, Cols */
table.senertec_document tr.position_line td {
  border: none;
  height: 0px;
  padding: 0px;
  margin: 0px;
}

table.senertec_document th, table.senertec_document td {
  border: 1px solid #000;
  padding: 0px;
}

table.more_space th, table.more_space td {
  font-size: 12px;
  padding: 5px;
}

/* Special lines */
table.senertec_document .header {
  font-weight: bold;
  font-size: 13px;
}

table.senertec_document .headline {
  font-weight: bold;
}

table.senertec_document .topline td {
  border-top: 3px double #000;
}

table.senertec_document .bottomline td {
  border-bottom: 3px double #000;
}

/**
 * Special tables
 */
/* job input */
.job_input table {
  outline: none;
}

.job_input table.senertec_document tr.not_important {
  display: none;
}

.job_input table.senertec_document tr td {
  padding: 5px;
  border: none;
}

.job_input table .headline {
  color: #3c6ea1;
  font-style: italic;
  border-bottom: 1px solid #3c6ea1 !important;
  line-height: 30px;
  padding-bottom: 10px;
}

/* Table - Field color */
table.senertec_document .dark td, table td.dark {
  background-color: #d2d2d2;
}

table.senertec_document .warning td, table td.warning, span.warning {
  background-color: #ffe8b1;
}

table.senertec_document .danger td, table td.danger, span.danger {
  background-color: #ffc6c6;
}

table.senertec_document .highlight_light, table td.highlight_light {
  font-weight: bold;
}

table.senertec_document .highlight, table td.highlight {
  background-color: #eaeaea;
}

@media print {
  /* General */
  body {
    font-family: sans-serif;
    font-size: 12px;
  }
  .page_break_before {
    page-break-before: always;
  }
  table.senertec_document {
    font-size: 9px;
  }
  /* Show print area */
  #print_area {
    display: block !important;
  }
  div {
    display: none !important;
  }
}
/* List */
ul li .job_urgency {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 10px;
  z-index: 10;
}
ul li .job_urgency.job_urgency_value_0 {
  background-color: #777;
}
ul li .job_urgency.job_urgency_value_10 {
  background-color: #f0ad4e;
}
ul li .job_urgency.job_urgency_value_20 {
  background-color: #d9534f;
}
ul li .job_archived.job_archived_value_1 {
  background-color: #fcf8e3;
}

/* Urgency legend */
.urgency_legend {
  text-align: center;
}
.urgency_legend span.urgency {
  display: inline-block;
  position: relative;
  padding: 10px 10px 10px 20px;
}
.urgency_legend span.urgency:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 10px;
  height: 10px;
}
.urgency_legend span.urgency.urgency_normal:before {
  background-color: #777;
}
.urgency_legend span.urgency.urgency_urgent:before {
  background-color: #f0ad4e;
}
.urgency_legend span.urgency.urgency_veryurgent:before {
  background-color: #d9534f;
}

@media (max-width: 991px) {
  .table.table-calendar thead {
    font-size: 0.6em;
  }
}
.table.table-calendar .calender-item-today {
  background-color: #84ade9 !important;
  font-weight: bold;
}
.table.table-calendar .calender-item-weekend, .table.table-calendar .calender-item-weekendholiday {
  background-color: #c8c8c8;
}
.table.table-calendar .calender-item-holiday {
  background-color: #f6efdc;
}
.table.table-calendar .calendar-item-date--state {
  position: relative;
}
.table.table-calendar .calendar-item-date--state:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.table.table-calendar .calendar-item-date--state {
  /* approved vacation */
}
.table.table-calendar .calendar-item-date--state.calendar-item-date--state-1 {
  background-color: #006650;
}
.table.table-calendar .calendar-item-date--state.calendar-item-date--state-1:before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><circle fill='%2300CD00' cx='50' cy='50' r='25.833'/><path fill='none' stroke='%23FFF' stroke-width='6' stroke-miterlimit='10' d='M36.119 49.788l9.396 9.396 18.366-18.367'/></svg>");
}
.table.table-calendar .calendar-item-date--state {
  /* submitted vacation */
}
.table.table-calendar .calendar-item-date--state.calendar-item-date--state-2 {
  background-color: #006650;
}
.table.table-calendar .calendar-item-date--state.calendar-item-date--state-2:before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><circle fill='%23333' cx='50' cy='50' r='25.833'/><path fill='%23FFF' d='M52.426 56.549h-5.199c-.013-.749-.021-1.202-.021-1.366 0-1.686.278-3.072.836-4.159.556-1.087 1.671-2.311 3.343-3.671 1.673-1.358 2.671-2.248 2.997-2.669.502-.667.755-1.401.755-2.202 0-1.114-.447-2.07-1.337-2.865-.89-.795-2.089-1.192-3.597-1.192-1.455 0-2.671.415-3.649 1.243-.978.829-1.651 2.094-2.018 3.792l-5.26-.653c.149-2.433 1.185-4.499 3.109-6.197 1.923-1.699 4.448-2.548 7.574-2.548 3.29 0 5.905.86 7.848 2.579 1.944 1.719 2.918 3.72 2.918 6.004 0 1.264-.359 2.46-1.071 3.587-.714 1.128-2.241 2.664-4.576 4.607-1.213 1.008-1.962 1.816-2.255 2.427-.294.612-.425 1.706-.397 3.283zm-5.199 9.389v-5.73h5.729v5.73h-5.729z'/></svg>");
}
.table.table-calendar .calendar-item-date--state {
  /* rejected vacation */
}
.table.table-calendar .calendar-item-date--state.calendar-item-date--state-3 {
  background-color: #006650;
}
.table.table-calendar .calendar-item-date--state.calendar-item-date--state-3:before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><circle fill='red' cx='50' cy='50' r='25.833'/><path fill='none' stroke='%23FFF' stroke-width='6' stroke-miterlimit='10' d='M38.5 61.5l23-23M38.5 38.5l23 23'/></svg>");
}
.table.table-calendar .calendar-item-date--state {
  /* training */
}
.table.table-calendar .calendar-item-date--state.calendar-item-date--state-4 {
  background-color: #ffc000;
}
.table.table-calendar .calendar-item-date--state {
  /* emergency */
}
.table.table-calendar .calendar-item-date--state.calendar-item-date--state-5 {
  background-color: #660000;
}
.table.table-calendar .calendar-item-date--state {
  /* misc */
}
.table.table-calendar .calendar-item-date--state.calendar-item-date--state-6 {
  background-color: #BABFC1;
}
.table.table-calendar .calendar-item-date--half-1 {
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0) 50%);
}

#nav_panel {
  position: fixed;
  height: 100%;
  overflow: auto;
}

/* Main */
@media all {
  /* General */
  .clearFix {
    clear: both;
  }
  .center {
    text-align: center;
  }
  .space {
    height: 20px;
  }
  span.highlight {
    font-weight: bold;
    color: #00755c;
    line-height: 30px;
  }
  .partdone_text {
    color: blue;
  }
  .ui-header {
    border-top: 20px solid #046c4f;
  }
  /* Print */
  #print_area {
    display: none;
  }
  /* Headlines */
  .ui-content > h1 {
    margin: 0px;
  }
  .ui-content > h2 {
    margin: 0px;
    text-align: center;
  }
  .ui-content > h3 {
    margin: 10px;
    text-align: center;
  }
  /* Layout */
  .startpage_logo {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-image: url(/images/logo.svg?bf0b0aacc6046ca725b4e05e353b7722);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 70%;
    height: 70%;
    margin: auto;
  }
  .in_app_logo {
    position: absolute;
    width: 50px;
    margin-left: -86px;
    top: -15px;
    right: 10px;
  }
  .in_app_logo:hover {
    cursor: pointer;
  }
  /* Lists */
  .job_today {
    font-weight: normal !important;
    color: #00755c !important;
  }
  .job_other_day {
    font-style: italic;
    font-weight: normal !important;
    color: #828282;
  }
  .job_open {
    font-weight: normal !important;
  }
  .checklist_description {
    clear: both;
    white-space: normal;
    color: #828282;
    font-style: italic;
  }
  /* Special buttons */
  .ui-btn-done {
    background-color: #c8e09d !important;
  }
  .ui-btn-partdone {
    background-color: #f8cb90 !important;
  }
  .ui-btn-phone {
    background-color: #90dd44 !important;
  }
  .ui-btn-navigation {
    background-color: #94ddfe !important;
  }
  /* Big count span */
  .ui-li-count.big {
    font-size: 20px;
  }
  /* Fix ui-collapsible-content border color */
  .ui-collapsible-content {
    border-color: #dddddd;
  }
  /* Signature */
  canvas.signature {
    margin: 10px auto;
    border: 2px dashed #0a5742;
    background-color: #fff;
    border-radius: 10px;
  }
  /* notice box */
  div.noticebox {
    padding: 15px;
    background-color: #fbeed5;
    border-radius: 4px;
  }
  /* pdf */
  .webapp-pdf-viewer {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: fixed;
    z-index: 100;
    top: 50px;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
  }
  .webapp-pdf-viewer.webapp-pdf-viewer--hidden {
    display: none;
  }
  .webapp-pdf-viewer .close-button {
    position: absolute;
    top: -50px;
    right: 0;
    left: 0;
    height: 50px;
    color: #fff;
    text-align: center;
    line-height: 50px;
    background-color: gray;
  }
  .webapp-pdf-viewer iframe {
    width: 100%;
    height: 100%;
  }
}
/* Small devices */
@media all and (max-width: 35em) {
  .job-breakpoints .ui-block-b {
    margin: 15px 0px 15px 0px;
  }
  .job-distance {
    top: 15% !important;
  }
  .job_today > div, .job_other_day > div, .job_open > div {
    width: 100% !important;
  }
}
.ui-listview .senertec_document {
  white-space: normal;
}