body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
}
hr {
  margin: 5mm 0;
  padding: 0;
  height: 1pt;
  background: #999;
  border: 0;
}
pre {
  margin-top: 0;
  font-family: Arial, Helvetica, sans-serif;
  white-space: pre-wrap;
}

.environment-bar,
.loading-bar,
.header li a,
.top-nav,
.navbar-toggle,
.appointment-hd .nav,
.page-hd .nav,
.actions,
#footer,
.hide,
.hidden {
  display: none !important;
}
.login-info,
.appointment-nav { /* additional elements to hide from old layout */
  display: none !important;
}

/* page elements */
.header .identity,
.header .client,
.header2 .identity,
.header2 .client {
  width: auto;
  height: auto;
  margin: 0;
  font-size: 9pt;
  color: #ccc;
  text-decoration: none;
  text-indent: 0 !important;
}
.header .identity,
.header2 .identity {
  float: right;
}

.appointment-hd h3 a {
  color: #093f6c;
  text-decoration: none;
}
.appointment-hd h3 small {
  font-size: 65%;
  color: #999;
}

.table-inline-edit {
  width: 100%;
  border-collapse: collapse;
}
.table-inline-edit th,
.table-inline-edit td {
  border: 1px solid #666;
  vertical-align: top;
}
.table-inline-edit th {
  font-size: 8pt;
  color: #999;
  text-align: left;
}

/* force print the logos */
.header-casper .identity {content: url(../images/casper/logo_shipagent.png); float: right;}
.header-casper .client {content: url(../images/casper/logo.png);}


/* events */
.pg-events .block-hd .hd {
  margin-bottom: 0;
  font-weight: normal;
}
.pg-events .block-hd .hd .location-name:last-child {
  font-weight: bold;
}
.pg-events .col-reorder {
  display: none !important;
}
.pg-events .col-event {
  width: 40%;
}
.pg-events .col-date-time {
  width: 18%;
}
.pg-events .col-cargo {
  width: 34%;
}
.pg-events .not-in-sof::after {
  content: "o ";
  font-size: 75%;
  font-weight: bold;
  position: relative;
  top: -2px;
}



/* performance - copy from application.css*/
.performance {/*font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;*/}
.performance small {font-weight: bold; color: #666;}
.performance .timeline {margin: 20px 20px 0; border-bottom: 1px solid #ccc;}
.performance .timeline > div {width: 190px; margin: 0 20px 10px 0; background: #d2e5ef; display: inline-block; text-align: center; vertical-align: middle; position: relative;}
.performance .timeline > div:last-child {margin-right: 0;}
.performance .timeline p.desc {height: 32px; margin: 0 0 15px; padding: 10px; border-bottom: 1px solid #abccdb; background: #eee; font-size: 11px; color: #999;}
.performance .timeline p.duration {height: 40px; margin: 10px 0 0; padding: 0 10px; background: #abccdb; font-weight: bold; line-height: 40px; text-align: right;}
.performance .timeline p.duration label {margin-top: 1px; font-size: 11px; color: #555; float: left;}
.performance .timeline span.percent-label {width: 100%; font-size: 11px; color: #156e92; text-align: center; text-transform: uppercase; display: block; position: absolute; top: 152px; left: 0;}
.performance .total-time {width: 170px; margin: 0 20px 10px 0; padding: 10px; background: #eee; font-size: 18px; text-align: left; white-space: nowrap; float: right;}
.performance .total-time label {margin-bottom: 4px; font-size: 11px; color: #999; display: block;}
.performance .timeline.delays {border-bottom: 0;}

.performance .kpi {margin: 20px; padding-top: 10px; overflow: hidden; clear: both;}
.performance .kpi ul {margin: 0; padding: 0;}
.performance .kpi li {width: 220px; height: 142px; margin: 0 10px 10px 0; border: 1px solid #ccc; color: #777; text-align: center; list-style: none; float: left; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.performance .kpi .badge {width: 100%; margin-bottom: 4px; padding: 40px 0; font-size: 18px; font-weight: normal; display: block; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;}

.performance .details {clear: both;}
.performance .fix-link {font-size: 11px; font-weight: bold; color: #900;}

.performance .tile {margin: 20px 20px 0;}
.performance .tile th, .performance .tile td {padding: 5px 10px; border-bottom: 1px solid #eee;}
.performance .tile tr:last-child td {border: none;}
.performance .tile th {padding: 8px 10px; background: #fff; font-size: 11px; font-weight: bold; color: #999;}
.performance .tile th span { margin-right: 10px; }
.performance .tile th.event, .performance .tile th.notes {width: 25%;}
.performance .tile div.scrollable { overflow: scroll; white-space: nowrap; }
.performance .tile thead, .performance .tile tfoot { font-weight: bold; color: #000000; background-color: #eeeeee; }

#cargoVolumeReport > h3 {margin: 40px 20px 0;} /* hack */
#cargoVolumeReport .duration { text-align: center; }
.performance th.port {width: 55%;}
.performance th.ships {width: 15%;}
.performance th.tonnage {width: 30%;}

/* remove side margin on containers */
.performance .timeline, .performance .kpi, .performance .tile, #cargoVolumeReport > h3 {margin-left: 0; margin-right: 0;}
.performance .timeline > div {border: 1px solid #abccdb;}
.performance .timeline p.desc {color: #000;}

.navbar {display: none;}
.appointment-hd {border: .5mm solid black; border-bottom: 0; padding: 2.5mm 5mm 2mm;}
.print-details, .appointment-hd {margin: 0;}
.print-details .container-fluid {border: .5mm solid black; padding: 2.5mm 5mm 8mm;}
.print-details input, button, form, .print-hidden {display: none;}
.print-details [type="checkbox"]:checked + .print-check:after {
  content: "\0221A";

}

.col-print-1 {width:8%;  float:left;}
.col-print-2 {width:16%; float:left;}
.col-print-3 {width:25%; float:left;}
.col-print-4 {width:33%; float:left;}
.col-print-5 {width:42%; float:left;}
.col-print-6 {width:50%; float:left;}
.col-print-7 {width:58%; float:left;}
.col-print-8 {width:66%; float:left;}
.col-print-9 {width:75%; float:left;}
.col-print-10{width:83%; float:left;}
.col-print-11{width:92%; float:left;}
.col-print-12{width:100%; float:left;}

.print-details [class^="col-"] {box-sizing: border-box; min-height: 6.5mm; border: .5mm solid black; border-bottom: 0; padding: 1mm; font-size: 9pt;}
.print-details [class^="col-"]:first-child{border-right: 0;}

.print-details pre {margin: 0;}
.print-details .row-print {float: left;}
.print-details .row:last-child {border-bottom: .5mm solid black;}
.print-details .row, .print-details .row-print {width: 100%;}
.print-details .row::after,
.print-details .row-print::after,
.print-details .print-nominations:after {content: ""; visibility: hidden; display: block; height: 0; clear: both;}
.print-details .no-print-border {border: 0 !important;}

.print-details h4, .print-details h5 {font-size: 11pt; font-weight: bold;}

.print-details .print-nominations {width: 100%;}
.print-details .print-nominations h4, .print-details .print-nominations .badge { margin: 6mm 0; float: left;}
.print-details .print-nominations .badge {margin-left: 4mm; padding: 1mm; position: relative; top: -1mm;border: .5mm solid black;}
.print-details .print-border-bottom {border-bottom: .5mm solid black;}
.print-details .print-fix-pad > [class^="col-"]:first-child{padding-left: 0mm; padding-top: 0;}
.print-details .print-fix-pad > [class^="col-"]:last-child{padding-right: 0mm; padding-top: 0;}