* {
  margin: 0;
  padding: 0;
  /*border: 0;*/
}

@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/Montserrat-Regular.eot');
  src: url('/fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
  url('/fonts/Montserrat-Regular.woff2') format('woff2'),
  url('/fonts/Montserrat-Regular.woff') format('woff'),
  url('/fonts/Montserrat-Regular.ttf') format('truetype'),
  url('/fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

body {
  font: 14px "Montserrat", Arial, sans-serif;
  line-height: 1;
  color: #484848;
  background-color: #ffffff;
}

div.clear {
  clear: both;
}

div.left {
  float: left;
}

div.right {
  float: right;
}

div.alignleft {
  text-align: left;
}

div.aligncenter {
  text-align: center;
}

div.alignright {
  text-align: right;
}

div.block {
  display: block;
}

div.error_message {
  position: relative;
  background-color: #f8d7da;
  border: 1px solid #f5c6cb;
  border-radius: 5px 5px 5px 5px;
  width: 550px;
  padding-left: 10px;
  padding-right: 10px;
  margin: 4px 0;
  min-height: 10px;
  font: 11px "Montserrat", Arial, sans-serif;
  color: #721c24;
}

div.error_message > .error_icon {
  font-weight: bold;
  min-height: 16px;
  padding-top: 2px;
  padding-left: 20px;
  margin-top: 3px;
  margin-right: 5px;
  background: url("/images/icons/exclamation.png") no-repeat;
}

div.error_message > .error_text {
  margin-top: 5px;
  margin-bottom: 5px;
}

div.warning_message {
  position: relative;
  background-color: #fff3cd;
  border: 1px solid #ffeeba;
  border-radius: 5px 5px 5px 5px;
  width: 550px;
  padding-left: 10px;
  padding-right: 10px;
  margin: 4px;
  min-height: 10px;
  font: 11px "Montserrat", Arial, sans-serif;
  color: #856404;
}

div.warning_message > .warning_icon {
  font-weight: bold;
  height: 16px;
  padding-top: 2px;
  padding-left: 20px;
  margin-top: 3px;
  margin-right: 5px;
  background: url("/images/icons/error.png") no-repeat;
}

div.warning_message > .warning_text {
  margin-top: 5px;
  margin-bottom: 5px;
}

div.info_message {
  position: relative;
  background-color: #d1ecf1;
  border: 1px solid #bee5eb;
  border-radius: 5px 5px 5px 5px;
  width: 550px;
  padding-left: 10px;
  padding-right: 10px;
  margin: 4px;
  min-height: 10px;
  font: 11px "Montserrat", Arial, sans-serif;
  color: #0c5460;
}

div.info_message > .info_icon {
  font-weight: bold;
  height: 16px;
  padding-top: 2px;
  padding-left: 20px;
  margin-top: 3px;
  margin-right: 5px;
  background: url("/images/icons/information.png") no-repeat;
}

div.info_message > .info_text {
  margin-top: 5px;
  margin-bottom: 5px;
}

div.success_message {
  position: relative;
  background-color: #bcfbbc;
  border: 1px solid #91ea96;
  border-radius: 5px 5px 5px 5px;
  width: 550px;
  padding-left: 10px;
  padding-right: 10px;
  margin: 4px;
  min-height: 10px;
  font: 11px "Montserrat", Arial, sans-serif;
  color: #0c5460;
}

div#content a, div#footer a {
  color: #454545;
  text-decoration: none;
}

div#content a:hover, div#footer a:hover {
  text-decoration: underline;
  color: #484848;
}

a img {
  border: 0;
}

td.iconsx4 {
  width: 70px;
  text-align: right;
}

td.iconsx5 {
  width: 88px;
  text-align: right;
}

span.icon_left {
  background-repeat: no-repeat;
  padding-left: 18px;
  padding-top: 2px;
}

img.icon {
  background-repeat: no-repeat;
  border-bottom: 0;
  display: inline;
  height: 16px;
  width: 16px;
}

a.icon.ib {
  display: inline-block !important;
}

a.ib img.icon {
  display: inline !important;
}

a.ib {
  display: inline-block;
  height: 16px;
  width: 16px;
}

img.iconwtext {
  margin-bottom: -3px;
}

a.icon {
  background: no-repeat 3px top;
  padding-left: 24px;
  padding-top: 2px;
  padding-bottom: 2px;
  line-height: 16px;
}

a.icon_right {
  padding: 2px 21px 2px 0;
  line-height: 16px;
  background: no-repeat right center;
}

a.icon_right2 {
  padding: 2px 18px 2px 0;
  line-height: 16px;
  background: no-repeat right center;
}

tbody a.icon:empty {
  border: 0 !important;
  background: no-repeat center center;
  padding: 0;
  margin: 1px 1px 1px 0;
  display: block;
  height: 16px;
  width: 16px;
  float: left;
}

ul.floatlist {
  list-style: none;
  display: inline;
}

ul.floatlist > li {
  float: left;
  display: inline;
}

span.cal_content_text a {
  border-bottom: 1px dotted #666;
}

span.icon {
  background-repeat: no-repeat;
  border-bottom: 0;
  display: block;
  float: left;
  margin-left: 1px;
  margin-right: 0;
  height: 16px;
  width: 16px;
}

span.easy_icon {
  float: none;
}

.hidden {
  visibility: hidden;
}

span.show-tooltip-text {
  display: none;
  position: absolute;
  font-size: 0.9em;
  /*background-image: url(/images/bg.gif);
  background-repeat: repeat-x;*/
  min-width: 170px;
  max-width: 300px;
  background-color: #FFFFD2;
  padding: 6px 12px;
  color: black;
  white-space: normal;
}

.icon.news_icon {
  background-image: url("/images/icons/news_icon.png") !important;
}

.icon.create, .icon_left.create {
  background-image: url("/images/icons/add.png") !important;
  vertical-align: middle;
}

.icon.create_image {
  background-image: url("/images/icons/image_add.png") !important;
}

.icon.link {
  background-image: url("/images/icons/page_link.png") !important;
}

.icon.delete, .icon_left.delete {
  background-image: url("/images/icons/delete.png") !important;
}

.icon.copy {
  background-image: url("/images/icons/page_white_copy.png") !important;
}

.icon.pdf {
  background-image: url("/images/icons/pdf.png") !important;
}

.icon.edit, .icon_left.edit {
  background-image: url("/images/icons/pencil.png") !important;
}

.icon.previous {
  background-image: url("/images/icons/realvista_general_back_16.png") !important;
}

.icon.next {
  background-image: url("/images/icons/realvista_general_next_16.png") !important;
}

.icon.previous_blue {
  background-image: url("/images/icons/fugue/arrow-180.png") !important;
}

.icon.previous_blue_small {
  background-image: url("/images/icons/fugue/arrow-180-small.png") !important;
}

.icon.next_blue {
  background-image: url("/images/icons/fugue/arrow.png") !important;
}

.icon.hide {
  background-image: url(/images/icons/fugue/switch.png) !important;
}

.icon.next_blue_small {
  background-image: url("/images/icons/fugue/arrow-000-small.png") !important;
}

.icon.logout {
  background-image: url("/images/icons/door.png") !important;
}

.icon.weather_clouds {
  background-image: url("/images/icons/weather_clouds.png") !important;
}

.icon.weather_cloudy {
  background-image: url("/images/icons/weather_cloudy.png") !important;
}

.icon.calendar {
  background-image: url("/images/icons/date.png") !important;
}

.icon.blank_page {
  background-image: url("/images/icons/page_white.png") !important;
}

.icon.page_white_text {
  background-image: url("/images/icons/page_white_text.png") !important;
}

.icon.round_blue {
  background-image: url("/images/icons/round_blue.png") !important;
}

.icon.round_green {
  background-image: url("/images/icons/round_green.png") !important;
}

.icon.round_yellow {
  background-image: url("/images/icons/round_yellow.png") !important;
}

.icon.round_red {
  background-image: url("/images/icons/round_red.png") !important;
}

.icon.round_purple {
  background-image: url("/images/icons/round_purple.png") !important;
}

.icon.round_lilac {
  background-image: url("/images/icons/round_lilac.png") !important;
}

.icon.paste {
  background-image: url("/images/icons/fugue/clipboard-paste.png") !important;
}

.icon.brick {
  background-image: url("/images/icons/brick.png") !important;
}

.icon.brick_add {
  background-image: url("/images/icons/brick_add.png") !important;
}

.icon.ai {
  background-image: url("/images/icons/fugue/blue-document-illustrator.png") !important;
}

.icon.blue_image, .icon.tiff, .icon.bmp {
  background-image: url("/images/icons/fugue/blue-document-image.png") !important;
}

.icon.blue_pdf {
  background-image: url("/images/icons/fugue/blue-document-pdf.png") !important;
}

.icon.txt {
  background-image: url("/images/icons/fugue/blue-document-text.png") !important;
}

.icon.doc, .icon.docm, .icon.docx, .icon.dot, .icon.dotm, .icon.dotx {
  background-image: url("/images/icons/fugue/blue-document-word.png") !important;
}

.icon.pdf, .icon_left.pdf {
  background-image: url("/images/icons/pdf.png") !important;
}

.icon.msg {
  background-image: url("/images/icons/fugue/blue-document-outlook.png") !important;
}

.icon.psd {
  background-image: url("/images/icons/fugue/blue-document-photoshop.png") !important;
}

.icon.odp, .icon.pot, .icon.potx, .icon.potm, .icon.ppt, .icon.pptx, .icon.pptm, .icon.pps, .icon.ppsx, .icon.ppsm {
  background-image: url("/images/icons/fugue/blue-document-powerpoint.png") !important;
}

.icon.xls, .icon.xlsb, .icon.xlsm, .icon.xlsx {
  background-image: url("/images/icons/fugue/blue-document-excel.png") !important;
}

.icon.image, .icon_left.image {
  background-image: url("/images/icons/picture.png") !important;
}

.icon.photo, .icon_left.photo {
  background-image: url("/images/icons/photo.png") !important;
}

.icon.map, .icon_left.map {
  background-image: url("/images/icons/map.png") !important;
}

.icon.skype, .icon_left.skype {
  background-image: url("/images/icons/skype.png") !important;
}

.icon.vcard, .icon_left.vcard {
  background-image: url("/images/icons/vcard.png") !important;
}

.icon.vcard_mobile, .icon_left.vcard_mobile {
  background-image: url("/images/icons/vcard_orange.png") !important;
}

.icon.vessel, .icon_left.vessel {
  background-image: url("/images/icons/fugue/anchor.png") !important;
}

.icon.transfer_normal, .icon_left.transfer_normal {
  background-image: url("/images/icons/fugue/paper-plane.png") !important;
}

.icon.transfer_ongoing, .icon_left.transfer_ongoing {
  background-image: url("/images/icons/boat_ongoing.png") !important;
}

.icon.transfer_offgoing, .icon_left.transfer_offgoing {
  background-image: url("/images/icons/boat_offgoing.png") !important;
}

.icon.camera, .icon_left.camera {
  background-image: url("/images/icons/camera.png") !important;
}

.icon.exclamation, .icon_left.exclamation {
  background-image: url("/images/icons/exclamation.png") !important;
}

.icon.warning, .icon_left.warning {
  background-image: url("/images/icons/error.png") !important;
}

.icon.phone, .icon_left.phone {
  background-image: url("/images/icons/phone.png") !important;
}

.icon.refresh, .icon_left.refresh {
  background-image: url("/images/icons/arrow_refresh.png") !important;
}

.icon.return, .icon_left.return {
  background-image: url("/images/icons/arrow_left.png") !important;
}

.icon.move, .icon_left.move {
  background-image: url("/images/icons/arrow_right.png") !important;
}

.icon.approve {
  background-image: url("/images/icons/tick.png") !important;
}

.icon.error_blue {
  background-image: url("/images/icons/error_blue.png") !important;
}

.icon.reload {
  background-image: url("/images/icons/fugue/arrow-circle.png") !important;
}

.icon.refresh_page, .icon_left.refresh_page {
  background-image: url("/images/icons/page_refresh.png") !important;
}

.icon.table_add, .icon_left.table_add {
  background-image: url("/images/icons/table_add.png") !important;
}

.icon.table_sort, .icon_left.table_sort {
  background-image: url("/images/icons/table_sort.png") !important;
}

.icon.select_all, .icon_left.select_all {
  background-image: url("/images/icons/accept.png") !important;
}

.icon.toggle, .icon_left.toggle {
  background-image: url("/images/icons/fugue/ui-check-boxes.png") !important;
}

.icon.evaluate_good {
  background-image: url("/images/icons/fugue/tick-circle.png") !important;
}

.icon.evaluate_old {
  background-image: url("/images/icons/fugue/tick-circle-yellow.png") !important;
}

.icon.evaluate_cross {
  background-image: url("/images/icons/fugue/cross-circle.png") !important;
}

.icon.node_expand {
  background-image: url("/images/icons/fugue/plus-white.png") !important;
}

.icon.node_collapse {
  background-image: url("/images/icons/fugue/minus-white.png") !important;
}

.icon.move_down {
  background-image: url("/images/icons/arrow_down.png") !important;
}

.icon.move_up {
  background-image: url("/images/icons/arrow_up.png") !important;
}

.icon.download, .icon_left.download {
  background-image: url("/images/icons/realvista_general_down_16.png") !important;
}

.icon.preview, .icon_left.preview {
  background-image: url("/images/icons/zoom.png") !important;
}

.icon.publish {
  background-image: url("/images/icons/fugue/document-pdf.png") !important;
}

.icon.priority_verylow {
  background-image: url("/images/icons/flag_pink.png") !important;
}

.icon.priority_low {
  background-image: url("/images/icons/flag_purple.png") !important;
}

.icon.priority_medium {
  background-image: url("/images/icons/flag_yellow.png") !important;
}

.icon.priority_high {
  background-image: url("/images/icons/flag_orange.png") !important;
}

.icon.priority_veryhigh {
  background-image: url("/images/icons/flag_red.png") !important;
}

.icon.excel, .icon_left.excel {
  background-image: url("/images/icons/page_excel.png") !important;
}

.icon.review, .icon_left.review {
  background-image: url("/images/icons/group_edit.png") !important;
}

.icon.cancel-review {
  background-image: url("/images/icons/group_delete.png") !important;
}

.icon.targets, .icon.table, .icon_left.table {
  background-image: url("/images/icons/table.png") !important;
}

.icon.table_multiple, .icon_left.table_multiple {
  background-image: url("/images/icons/table_multiple.png") !important;
}

.icon.table_edit, .icon_left.table_edit {
  background-image: url("/images/icons/table_edit.png") !important;
}

.icon.star {
  background-image: url("/images/icons/fugue/star.png") !important;
}

.icon.gold_star {
  background-image: url("/images/icons/award_star_gold_2.png") !important;
}

.icon.silver_star {
  background-image: url("/images/icons/award_star_silver_2.png") !important;
}

.icon.bronze_star {
  background-image: url("/images/icons/award_star_bronze_2.png") !important;
}

.icon.alarm {
  background-image: url("/images/icons/clock_red.png") !important;
}

.icon.attachment {
  background-image: url("/images/icons/page_attach.png") !important;
}

.icon.add_log_line {
  background-image: url("/images/icons/table_row_insert.png") !important;
}

.icon.bug_edit {
  background-image: url("/images/icons/bug_edit.png") !important;
}

.icon.check, .icon.deny, .icon_left.deny {
  background-image: url("/images/icons/cross.png") !important;
}

.icon.accept, .icon_left.accept {
  background-image: url("/images/icons/accept.png") !important;
}

.icon.information, .icon_left.information {
  background-image: url("/images/icons/information.png") !important;
}

.icon.direction, .icon_left.direction {
  background-image: url("/images/icons/fugue/direction.png") !important;
}

.icon.direction_arrow, .icon_left.direction_arrow {
  background-image: url("/images/icons/fugue/direction--arrow.png") !important;
}

.icon.direction_exclamation, .icon_left.direction_exclamation {
  background-image: url("/images/icons/fugue/direction--exclamation.png") !important;
}

.icon.package, .icon_left.package {
  background-image: url("/images/icons/package.png") !important;
}

.icon.email, .icon_left.email {
  background-image: url("/images/icons/email.png") !important;
}

.icon.email_go, .icon_left.email_go {
  background-image: url("/images/icons/email_go.png") !important;
}

.icon.help {
  background-image: url("/images/icons/help.png") !important;
}

.icon.user_suit {
  background-image: url("/images/icons/user_suit.png") !important;
}

.icon.user_add {
  background-image: url("/images/icons/user_add.png") !important;
}

.icon.chart_bar {
  background-image: url("/images/icons/chart_bar.png") !important;
}

.icon.chart_curve {
  background-image: url("/images/icons/chart_curve.png") !important;
}

.icon.chart_line {
  background-image: url("/images/icons/chart_line.png") !important;
}

.icon.chart_pie {
  background-image: url("/images/icons/chart_pie.png") !important;
}

.icon.application_side_boxes {
  background-image: url("/images/icons/application_side_boxes.png") !important;
}

.icon.import_document, .icon_left.import_document {
  background-image: url("/images/icons/fugue/document-import.png") !important;
}

.icon.lock, .icon_left.lock {
  background-image: url("/images/icons/lock.png") !important;
}

.icon.unlock, .icon_left.unlock {
  background-image: url("/images/icons/lock_open.png") !important;
}

.icon.undo {
  background-image: url("/images/icons/arrow_undo.png") !important;
}

.icon.hide {
  background-image: url("/images/icons/fugue/switch.png") !important;
}

.icon.show {
  background-image: url("/images/icons/fugue/eye.png") !important;
}

/*.icon.hide.be {
  background-image: url("/images/icons/fugue/tick-red.png") !important;
}

.icon.restore {
  background-image: url("/images/icons/fugue/tick.png") !important;
}*/

.icon.restore {
  background-image: url("/images/icons/fugue/restore.png") !important;
}

.icon.unread_news {
  background-image: url("/images/icons/fugue/fire.png") !important;
}

.icon.unread_news_small {
  background-image: url("/images/icons/fugue/fire-small.png") !important;
}

.icon.time_go {
  background-image: url("/images/icons/time_go.png") !important;
}

.icon.float {
  float: right;
  position: relative;
  top: 0;
  width: 16px;
  height: 16px
}

.nav.flex {
  background-image: url("/images/links/small/link_button_flex.png") !important;
}

.nav.flex_hrm {
  background-image: url("/images/links/small/link_button_flex_hrm.png") !important;
}

.nav.gisportal {
  background-image: url("/images/links/small/link_button_gisportal.png") !important;
}

.nav.gallery {
  background-image: url("/images/links/small/link_button_gallery.png") !important;
}

.nav.iso {
  background-image: url("/images/links/small/link_button_iso_rev3.png") !important;
}

.nav.mincs {
  background-image: url("/images/links/small/link_button_mincs.png") !important;
}

.nav.time {
  background-image: url("/images/links/small/link_button_time.png") !important;
}

.nav.visma {
  background-image: url("/images/links/small/link_button_visma.png") !important;
}

.nav.webmail {
  background-image: url("/images/links/small/link_button_webmail_2024.png") !important;
}

.nav.wiki {
  background-image: url("/images/links/small/link_button_wiki.png") !important;
}

.nav.xo_infocenter {
  background-image: url("/images/links/small/link_button_xo_infocenter.png") !important;
}

.nav.mmt_po {
  background-image: url("/images/links/small/link_button_mmt_po.png") !important;
}

.nav.mmt_invoice {
  background-image: url("/images/links/small/link_button_mmt_invoice.png") !important;
}

.nav.sugar_crm {
  background-image: url("/images/links/small/link_button_sugar_crm.png") !important;
}

.nav.power_bi {
  background-image: url("/images/links/small/link_button_powerbi.png") !important;
}

.nav.easy_generator {
  background-image: url("/images/links/small/link_button_easy_generator.png") !important;
}

.nav.harbour {
  background-image: url("/images/links/small/link_button_harbour.png") !important;
}

.nav.wikipedia {
  background-image: url("/images/links/small/link_button_wikipedia.png") !important;
}

.nav.docmap {
  background-image: url("/images/links/small/link_button_docmap.png") !important;
}

.nav.facilities_support {
  background-image: url("/images/links/small/link_button_facilities_support.png") !important;
}

.nav.itsupport {
  background-image: url("/images/links/small/link_button_it_support.png") !important;
}

.nav.workday {
  background-image: url("/images/links/small/link_button_workday.png") !important;
}

.nav.egencia {
  background-image: url("/images/links/small/link_button_egencia.png") !important;
}

.nav.netsuite {
  background-image: url("/images/links/small/link_button_netsuite.png") !important;
}


.clearfloat {
  clear: both;
  display: block;
}

.nowrap {
  white-space: nowrap;
}

.noborder {
  border-width: 0 !important;
}

tbody.nowrap tr td, tr.nowrap td {
  white-space: nowrap;
}

.required {
  color: red;
}

.error {
  color: red;
}

.warning {
  color: yellow;
}

.fixedfont {
  font: 11px "Montserrat", Consolas, Courier New;
}

input[type="text"] {
  border: 1px solid #c5c5c5;
  font: 11px "Montserrat", Verdana, sans-serif;
  width: 250px;
  color: #484848;
}

input[type="number"] {
  border: 1px solid #c5c5c5;
  font: 11px "Montserrat", Verdana, sans-serif;
  width: 100px;
  color: #484848;
}

input[type="file"] {
  border: 1px solid #c5c5c5;
  font: 11px "Montserrat", Verdana, sans-serif;
  color: #484848;
}

input[type="password"] {
  border: 1px solid #c5c5c5;
  font: 11px "Montserrat", Verdana, sans-serif;
  width: 250px;
  color: #484848;
}

input[type="radio"] {
  height: 10px;
}

div#inputform input[type="submit"] {
  color: #626262;
  font: 13px "Montserrat", Arial, sans-serif;
  background: white url("/images/icons/pencil.png") no-repeat 5px center;
  padding: 4px 4px 2px 24px;
  border: 0 !important;
  margin-left: 4px;
  margin-right: 4px;
  border-radius: 2px 2px 2px 2px;
}

div#inputform input[type="submit"]:hover {
  text-decoration: underline;
  cursor: pointer;
}

div#inputform table.general > tfoot a {
  color: #626262;
  font: 13px "Montserrat", sans-serif;
  background: white url("/images/icons/pencil.png") no-repeat 5px center;
  padding: 4px 4px 2px 24px;
  border: 0 !important;
  margin-left: 4px;
  margin-right: 4px;
  border-radius: 2px 2px 2px 2px;
}

input[type="button"] {
  border: 1px solid #c5c5c5;
  font: 11px "Montserrat", Verdana, sans-serif;
}

button.button {
  padding: 2px 4px;
  border: 1px solid #aaa;
  border-radius: 2px;
  color: #484848;
  cursor: pointer;
  font-size: 11px;
}

textarea {
  border: 1px solid #c5c5c5;
  font: 11px "Montserrat", Verdana, sans-serif;
  color: #484848;
}

select {
  height: 18px;
  line-height: 18px;
  border: 1px solid #c5c5c5;
  font: 11px "Montserrat", Verdana, sans-serif;
  color: #484848;
  background-color: white;
}

div#mainSlide {
  margin: 1em auto;
  border: 2px solid #555;
  width: 900px;
  height: 350px;
}

div.imageholder {
  text-align: center;
  vertical-align: middle;
  display: block;
}

div#calendar {
  font: 1.0em "Montserrat", Verdana, sans-serif;
  color: #000;
}

div#calendar_head {
  font: 1.2em "Montserrat", Verdana, sans-serif;
  color: #fff;
}

div#header {
  font-size: 14px;
  background: url(/images/layout/menu_v2-l1-background_black.png?version=202203171030) repeat-x;
  min-width: 700px;
  width: 100%;
  white-space: nowrap;
}

div#header a {
  color: white;
  font-family: "Montserrat", sans-serif;
  font-size: 11px;
  text-decoration: none;
}

div#header img {
  vertical-align: middle;
}

div#header_top {
  height: 110px;
  position: relative;
}

div#header_logo {
  position: absolute;
  left: -20px;
  top: 12px;
  height: 68px;
  width: 202px;
  z-index: 5;
}

div#header_infoarea {
  position: absolute;
  top: 5px;
  right: 20px;
  width: 400px;
  z-index: 1000;
  text-align: right;
}

div#header_infoarea a {
  font-weight: bolder;
}

div#header_l1_franklin {
  /*background: url(/images/layout/menu_v2-l1-franklin.png);*/
  visibility: hidden;
  position: absolute;
  left: 880px;
  top: 2px;
  width: 157px;
  height: 92px;
  z-index: 5;
}

div#header_l1_lightwave {
  background: url(/images/layout/menu_v2-l1-background.png?version=202203171030);
  position: absolute;
  left: 0;
  top: 0;
  width: 480px;
  height: 110px;
  z-index: 4;
}

div#header_menu_l1 {
  position: absolute;
  top: 71px;
  left: 220px;
  height: 39px;
  width: 1050px;
  z-index: 10;
}

div#header_menu_l1 li {
  background: url(/images/layout/menu_v2-l1-inactive.png?version=202203171030) 0 0 repeat-x;
  font: 1.0em "Montserrat", Verdana, sans-serif;
  height: 39px;
  text-decoration: none;
  white-space: nowrap;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding-left: 5px;
  padding-right: 10px;
  margin-right: 6px;
  box-shadow: 2px 5px 5px black;
  z-index: 2;
}

div#header_menu_l1 li.active {
  background: url(/images/layout/menu_v2-l1-active.png?version=202203171030) 0 0 repeat-x !important;
}

div#header_menu_l1 a {
  color: white;
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  display: block;
  line-height: 39px;
  text-decoration: none;
  z-index: 12;
}

div#header_menu_l2 {
  position: absolute;
  left: 0;
  right: 0;
  height: 27px;
  margin: 0;
  padding: 0;
  background: url(/images/layout/menu_v2-l2-background.png?version=202203171030) repeat-x;
  z-index: 40;
}

div#header_menu_l2 li {
  height: 27px;
  padding-left: 35px;
  background: url(/images/layout/menu_v2-l2-inactive-inactiveleft.png?version=202203171030) 0 0 repeat-x;
}

div#header_menu_l2 li.left {
  background: url(/images/layout/menu_v2-l2-inactive.png?version=202203171030) 0 0 repeat-x;
}

div#header_menu_l2 li.active {
  background: url(/images/layout/menu_v2-l2-active-inactiveleft.png?version=202203171030) 0 0 repeat-x !important;
}

div#header_menu_l2 li.prevactive {
  background: url(/images/layout/menu_v2-l2-inactive-activeleft.png?version=202203171030) 0 0 repeat-x !important;
}

div#header_menu_l2 li.active.left {
  background: url(/images/layout/menu_v2-l2-active.png?version=202203171030) 0 0 repeat-x !important;
}

div#header_menu_l2 a {
  color: white;
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  height: 20px;
  width: 100%;
  display: block;
  margin-left: 5px;
  text-decoration: none;
  padding-top: 10px;
  box-sizing: content-box;
}

div#header_menu_l2 span {
  padding-top: 2px;
}

div#header_menu_l2 img {
  margin-top: -2px;
}

div#header_menu_l2 li.right a {
  background: url(/images/layout/menu_v2-l2-inactive.png?version=202203171030) 100% 0 repeat-x;
  padding-right: 13px;
}

div#header_menu_l2 li.active.right a {
  background: url(/images/layout/menu_v2-l2-active.png?version=202203171030) 100% 0 repeat-x;
  padding-right: 13px;
}

div#header_menu_l3 {
  margin-top: 27px;
  height: 36px;
  padding: 0 0 0 10px;
  background: url(/images/layout/menu_v2-l3-background.png?version=202203171030) repeat-x;
}

div#header_menu_l3 li {
  height: 36px;
  background: url(/images/layout/menu_v2-l3-inactive.png?version=202203171030) 0 0 repeat-x;
  position: relative;
}

div#header_menu_l3 li.prevactive {
  background: url(/images/layout/menu_v2-l3-inactive-prevactive.png?version=202203171030) 0 0 repeat-x !important;
}

div#header_menu_l3 li.active {
  background: url(/images/layout/menu_v2-l3-active.png?version=202203171030) 0 0 repeat-x !important;
}

div#header_menu_l3 li > a {
  background: url(/images/layout/menu_v2-l3-inactive.png?version=202203171030) 100% 0 repeat-x;
  height: 21px;
  display: block;
  margin-left: 8px;
  padding-right: 8px;
  padding-top: 11px;
}

div#header_menu_l3 li.right > a {
  background: url(/images/layout/menu_v2-l3-inactive-right.png?version=202203171030) 100% 0 repeat-x;
}

div#header_menu_l3 li span {
  padding-top: 4px;
}

div#header_menu_l3 li img {
  margin-top: -4px;
}

div#header_menu_l3 li.active > a {
  background: url(/images/layout/menu_v2-l3-active.png?version=202203171030) 100% 0 repeat-x !important;
}

div#header_menu_l3 li.active.right > a {
  background: url(/images/layout/menu_v2-l3-active.png?version=202203171030) 100% 0 repeat-x !important;
}

div#header_menu_l3 .news_unread {
  position: absolute;
  top: 4px;
  right: 0;
  width: 16px;
  height: 16px;
}

div#header_menu_l3 .news_unread > a {
  position: relative;
  display: block;
  top: 0;
  width: 16px;
  height: 16px;
  background-image: url('') !important;
  margin: 0 !important;
  padding: 0 !important;
}

div#header_menu_l3 .news_unread.news_unread1 {
  background: url(/images/news/notification-counter.png) no-repeat;
}

div#header_menu_l3 .news_unread.news_unread2 {
  background: url(/images/news/notification-counter-02.png) no-repeat;
}

div#header_menu_l3 .news_unread.news_unread3 {
  background: url(/images/news/notification-counter-03.png) no-repeat;
}

div#header_menu_l3 .news_unread.news_unread4 {
  background: url(/images/news/notification-counter-04.png) no-repeat;
}

div#header_menu_l3 .news_unread.news_unread5 {
  background: url(/images/news/notification-counter-05.png) no-repeat;
}

div#header_menu_l3 .news_unread.news_unread6 {
  background: url(/images/news/notification-counter-06.png) no-repeat;
}

div#header_menu_l3 .news_unread.news_unread7 {
  background: url(/images/news/notification-counter-07.png) no-repeat;
}

div#header_menu_l3 .news_unread.news_unread8 {
  background: url(/images/news/notification-counter-08.png) no-repeat;
}

div#header_menu_l3 .news_unread.news_unread9 {
  background: url(/images/news/notification-counter-09.png) no-repeat;
}

div#header_menu_l3 .news_unread.news_unread10 {
  background: url(/images/news/notification-counter-10.png) no-repeat;
}

div#header_menu_l3 .news_unread.news_unread11 {
  background: url(/images/news/notification-counter-11.png) no-repeat;
}

div#header_menu_l3 .news_unread.news_unread12 {
  background: url(/images/news/notification-counter-12.png) no-repeat;
}

div#header_menu_l3 .news_unread.news_unread13 {
  background: url(/images/news/notification-counter-13.png) no-repeat;
}

div#header_menu_l3 .news_unread.news_unread14 {
  background: url(/images/news/notification-counter-14.png) no-repeat;
}

div#header_menu_l3 .news_unread.news_unread15 {
  background: url(/images/news/notification-counter-15.png) no-repeat;
}

div#header_menu_l3 .news_unread.news_unread16 {
  background: url(/images/news/notification-counter-16.png) no-repeat;
}

div#header_menu_l3 .news_unread.news_unread17 {
  background: url(/images/news/notification-counter-17.png) no-repeat;
}

div#header_menu_l3 .news_unread.news_unread18 {
  background: url(/images/news/notification-counter-18.png) no-repeat;
}

div#header_menu_l3 .news_unread.news_unread19 {
  background: url(/images/news/notification-counter-19.png) no-repeat;
}

div#header_menu_l3 .news_unread.news_unread20 {
  background: url(/images/news/notification-counter-20.png) no-repeat;
}

div#header_menu_l3 .news_unread.news_unread21 {
  background: url(/images/news/notification-counter-20-plus.png) no-repeat;
}

div#header_navigation {
  color: white;
  width: 100%;
  padding-left: 15px;
  font-size: 0.9em;
  background-color: #4D4C4C;
  display: none;
}

div#header_buttons {
  clear: both;
  margin: 0;
  padding: 0;
  background: url(/images/layout/menu_v2-l4-background.png?version=202203171030) repeat;
  overflow: hidden;
}

div#header_buttons ul {
  padding-left: 15px;
}

div#header_buttons li {
  height: 28px;
}

div#header_buttons a {
  color: #494747;
  height: 28px;
  display: block;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 8px;
}

div#header_buttons a img {
  margin-top: -2px;
}

div#header_navigation a {
  font-size: 1.0em;
}

div#header ul {
  list-style: none;
  display: inline;
}

div#header li {
  float: left;
  display: inline;
}

div#content {
  font: 11px "Montserrat", Arial, sans-serif;
  clear: both;
  margin-top: 5px;
  margin-left: 15px;
}

div#footer {
  clear: both;
  font: 12px "Montserrat", Arial, sans-serif;
  padding-top: 20px;
  margin-left: 5px;
}

div#menu {
  background-color: #4d4c4c;
  border-color: #324C5A;
  color: #353432;
  font: 12px "Montserrat", Arial, sans-serif;
  margin: 0 5px;
  padding: 0;
  width: 160px;
  height: 100%;
  float: left;
}

div#menu_header {
  background: #324C5A url("/images/header_border_top_left.gif") no-repeat top left;
  color: white;
  font: 1em "Montserrat", Verdana, sans-serif;
  font-weight: bold;
  text-align: center;
}

div#menu_header * {
  background: url("/images/header_border_top_right.gif") no-repeat top right;
}

div#menu_footer {
}

div#menu ul {
  list-style: circle;
  margin: 0;
  padding: 0;
  border: 0;
}

div#menu ul li a {
  display: block;
  padding: 2px 5px 2px 5px;
  color: #EFEFEF;
  text-decoration: none;

  border-bottom: 1px solid #324C5A;
  /*border-bottom: 0px;*/
  border-left: 5px solid #324C5A;
  background-color: #688390;
}

div#menu ul li.submenu a {
  background-color: #688390;
  border-bottom: 1px solid #324C5A;
  /*border-bottom: 0px;*/
  border-left: 12px solid #324C5A;
  padding-left: 5px;
}

div#menu ul li.subsubmenu a {
  background-color: #688390;
  border-bottom: 1px solid #324C5A;
  border-left: 24px solid #324C5A;
  padding-left: 5px;
}

div#menu ul li.subsubsubmenu a {
  background-color: #688390;
  border-bottom: 1px solid #324C5A;
  border-left: 36px solid #324C5A;
  padding-left: 5px;
}

div#menu ul li.subsubsubsubmenu a {
  background-color: #688390;
  border-bottom: 1px solid #324C5A;
  border-left: 48px solid #324C5A;
  padding-left: 5px;
}

div#menu ul li a:hover {
  background-color: #587380;
}

div#menu ul li.current a {
  border-right: 10px solid #7599A8 !important;
  background-color: #587380 !important;
}

div#content table.general {
  border-spacing: 0;
  color: #333;
  font-family: "Montserrat", Arial, sans-serif;
}

div#content table#recent,
div#content table#vessel,
div#content table#reporting {
  width: 950px;
}

div#content table#recent > tbody > tr > td:first-child,
div#content table#vessel > tbody > tr > td:first-child,
div#content table#reporting > tbody > tr > td:first-child {
  width: 5%;
}

div#content table#recent > tbody > tr > td:nth-child(2),
div#content table#vessel > tbody > tr > td:nth-child(2),
div#content table#reporting > tbody > tr > td:nth-child(2) {
  width: 7%;
}

div#content table#recent > tbody > tr > td:nth-child(3),
div#content table#vessel > tbody > tr > td:nth-child(3),
div#content table#reporting > tbody > tr > td:nth-child(3) {
  width: 22%;
}

div#content table#recent > tbody > tr > td:nth-child(4),
div#content table#vessel > tbody > tr > td:nth-child(4),
div#content table#reporting > tbody > tr > td:nth-child(4) {
  width: 35%;
  text-overflow: ellipsis;
  white-space: pre-wrap;
  overflow: hidden;
}

div#content table#recent > tbody > tr > td:nth-child(5),
div#content table#vessel > tbody > tr > td:nth-child(5),
div#content table#reporting > tbody > tr > td:nth-child(5) {
  width: 20%;
}

div#content table#recent > tbody > tr > td:nth-child(6),
div#content table#vessel > tbody > tr > td:nth-child(6),
div#content table#reporting > tbody > tr > td:nth-child(6) {
  width: 11%;
}

div#content table#recent > thead > tr > th:first-child,
div#content table#vessel > thead > tr > th:first-child,
div#content table#reporting > thead > tr > th:first-child {
  width: 5%;
}

div#content table#recent > thead > tr > th:nth-child(2),
div#content table#vessel > thead > tr > th:nth-child(2),
div#content table#reporting > thead > tr > th:nth-child(2) {
  width: 7%;
}

div#content table#recent > thead > tr > th:nth-child(3),
div#content table#vessel > thead > tr > th:nth-child(3),
div#content table#reporting > thead > tr > th:nth-child(3) {
  width: 22%;
}

div#content table#recent > thead > tr > th:nth-child(4),
div#content table#vessel > thead > tr > th:nth-child(4),
div#content table#reporting > thead > tr > th:nth-child(4) {
  width: 35%;
  text-overflow: ellipsis;
  white-space: pre-wrap;
  overflow: hidden;
}

div#content table#recent > thead > tr > th:nth-child(5),
div#content table#vessel > thead > tr > th:nth-child(5),
div#content table#reporting > thead > tr > th:nth-child(5) {
  width: 20%;
}

div#content table#recent > thead > tr > th:nth-child(6),
div#content table#vessel > thead > tr > th:nth-child(6),
div#content table#reporting > thead > tr > th:nth-child(6) {
  width: 11%;
}

div#content table#recent > thead > tr:nth-child(2) > th:nth-child(5),
div#content table#vessel > thead > tr:nth-child(2) > th:nth-child(5),
div#content table#reporting > thead > tr:nth-child(2) > th:nth-child(5) {
  width: 5%;
}

div#content table#recent > thead > tr:nth-child(2) > th:nth-child(6),
div#content table#vessel > thead > tr:nth-child(2) > th:nth-child(6),
div#content table#reporting > thead > tr:nth-child(2) > th:nth-child(6) {
  width: 7%;
}

div#content table#recent > thead > tr:nth-child(2) > th:nth-child(7),
div#content table#vessel > thead > tr:nth-child(2) > th:nth-child(7),
div#content table#reporting > thead > tr:nth-child(2) > th:nth-child(7) {
  width: 22%;
}

div#content table#recent > thead > tr:nth-child(2) > th:nth-child(8),
div#content table#vessel > thead > tr:nth-child(2) > th:nth-child(8),
div#content table#reporting > thead > tr:nth-child(2) > th:nth-child(8) {
  width: 35%;
  text-overflow: ellipsis;
  white-space: pre-wrap;
  overflow: hidden;
}

div#content table#recent > thead > tr:nth-child(2) > th:nth-child(9),
div#content table#vessel > thead > tr:nth-child(2) > th:nth-child(9),
div#content table#reporting > thead > tr:nth-child(2) > th:nth-child(9) {
  width: 20%;
}

div#content table#recent > thead > tr:nth-child(2) > th:nth-child(10),
div#content table#vessel > thead > tr:nth-child(2) > th:nth-child(10),
div#content table#reporting > thead > tr:nth-child(2) > th:nth-child(10) {
  width: 11%;
}

div#content table.general caption {
  font-weight: bold;
  background-color: #dadada;
  font-size: 1.1em;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-top: 1px solid #c6c6c6;
  border-left: 1px solid #c6c6c6;
  border-right: 1px solid #c6c6c6;
}

div {
}

div#content table.general > thead > tr > th {
  padding-left: 2px;
  padding-right: 2px;
  background-color: #f2f2f2;
}

div#content table.general.bordered-header > thead > tr:last-child {
  background: none;
}

div#content table.general > thead > tr.caption > th:first-child {
  border-top-left-radius: 6px;
}

div#content table.general > thead > tr.caption > th:last-child {
  border-top-right-radius: 6px;
}

div#content table.general > thead > tr > th:first-of-type {
  border-left: 1px solid #c6c6c6;
}

div#content table.general > thead > tr > th:last-of-type {
  border-right: 1px solid #c6c6c6;
}

div#content table.general > thead > tr:last-child {
  background: url("/images/layout/table_v2-head-border-bottom-right.png") no-repeat center bottom;
}

div#content table.general > thead > tr:last-child th {
  background: url("/images/layout/table_v2-head-border-bottom-right.png") no-repeat center bottom;
  border: 0;
  padding-bottom: 10px;
}

div#content table.general > thead > tr:last-child th:first-of-type {
  /*background: url("/images/layout/table_v2-head-border-bottom-left.png") no-repeat left bottom !important;*/
  border: 0;
}

div#content table.general > thead > tr:last-child th:last-of-type {
  background: url("/images/layout/table_v2-head-border-bottom-right.png") right bottom !important;
}

div#content table.general.bordered-header > thead > tr:last-child th,
div#content table.general.bordered-header > thead > tr:last-child th:last-of-type {
  background-color: #dadada !important;
  background-image: none !important;
}

div#content table.general.bordered-header > thead > tr > th {
  font-family: "Montserrat", Consolas, monospace;
  cursor: default;
  padding: 5px 10px 5px;
  border-left: 1px solid #c6c6c6 !important;
  border-right: 1px solid #c6c6c6 !important;
  background-color: #dadada;
}

div#content table.general.bordered-header {
  border-collapse: collapse;
}

div#content table.general.bordered-header td.header-body-separator {
  border-top: 1px solid #c5c5c5;
  border-bottom: 1px solid #c5c5c5;
  border-left: 1px solid #ffffff !important;
  border-right: 1px solid #ffffff !important;
  background-color: #ffffff !important;
  line-height: 4px;
}

div#content table.general > tbody > tr:first-of-type > td {
  border-top: 1px solid #c6c6c6;
}

div#content table.general > tbody > tr:first-of-type > td:first-of-type {
  border-top-left-radius: 2px;
}

div#content table.general > tbody > tr:first-of-type > td:last-of-type {
  border-top-right-radius: 2px;
}

div#content table.general > tbody > tr > td:first-of-type {
  border-left: 1px solid #c6c6c6;
}

div#content table.general > tbody > tr > td:last-of-type {
  border-right: 1px solid #c6c6c6;
}

div#content table.general > tbody:last-of-type > tr:last-of-type > td {
  border-bottom: 1px solid #c6c6c6;
}

div#content table.general > tbody:last-of-type > tr:last-of-type > td:first-of-type {
  border-bottom-left-radius: 2px;
}

div#content table.general > tbody:last-of-type > tr:last-of-type > td:last-of-type {
  border-bottom-right-radius: 2px;
}

div#content table.general > tbody > tr.caption > td {
  background-color: #d9e0e1;
  font-weight: bold;
  padding: 1px 4px 0 4px;
  text-align: center;
}

div#content table.general > tfoot > tr {
  background-color: #d8d8da;
}

div#content table.general > tfoot > tr:first-of-type {
  background: url("/images/layout/table_v2-foot-border-top-right.png") right top;
}

div#content table.general > tfoot > tr > td {
  padding-left: 2px;
  padding-right: 2px;
}

div#content table.general > tfoot > tr > td:first-of-type {
  border-left: 1px solid #c6c6c6;
}

div#content table.general > tfoot > tr > td:last-of-type {
  border-right: 1px solid #c6c6c6;
}

div#content table.general > tfoot > tr:first-of-type > td:last-of-type {
  border: 0;
}

div#content table.general > tfoot > tr:first-of-type > td:first-of-type {
  background: url("/images/layout/table_v2-foot-border-top-left.png") no-repeat left top;
  padding-top: 10px;
  border: 0;
}

div#content table.general > tfoot:last-of-type > tr:last-of-type > td {
  border-bottom: 1px solid #c6c6c6;
  padding-bottom: 2px;
}

div#content table.general > tfoot:last-of-type > tr:last-of-type > td:first-of-type {
  border-bottom-left-radius: 2px;
}

div#content table.general > tfoot:last-of-type > tr:last-of-type > td:last-of-type {
  border-bottom-right-radius: 2px;
}

div#content table.general > tfoot td {
  text-align: center;
}

.table-pagination ul {
  padding-top: 4px;
  display: inline-block;
}

.table-pagination li {
  border: 0;
  padding: 0;
  margin: 0;
  font-weight: bold;
  list-style: none;
  float: left;
  position: relative;
}

.table-pagination a {
  border: solid 1px #BBBBBB;
  margin-right: 2px;
}

.table-pagination .first-off,
.table-pagination .prev-off,
.table-pagination .next-off,
.table-pagination .last-off {
  border: solid 1px #BBBBBB;
  display: block;
  padding: 3px 4px;
}

.table-pagination a:link,
.table-pagination a:visited {
  padding: 3px 6px;
  display: block;
  text-decoration: none;
}

.table-pagination li.active {
  color: #cc0066;
  padding: 4px 6px;
}

.nobodyborder {
  border: 0 !important;
}

.nobodyborder > tbody > tr > td {
  border: 0 !important;
}

div#content table.schedule > tbody > tr > td:first-child {
  border-right: 1px solid #c6c6c6;
}

div#content table.schedule > tbody > tr.vessel > td {
  font-weight: bold;
  border-bottom: 1px solid #c6c6c6;
}

div#inputform {
  float: left;
  padding-left: 1px;
  padding-right: 10px;
  border-radius: 20px 5px 5px 20px;

  border: 1px solid #e5e5e5;
  border-left-width: 28px;
  box-shadow: 2px 2px #c5c5c5;
}

div#inputform.modalinputform {
  border: 0 !important;
  box-shadow: none !important;
}

div#content table.general thead tr.error th {
  color: white;
  background-color: red;
  padding: 1px 4px 0 4px;
  text-align: center;
}

div#content table.general thead tr.info th {
  font-weight: normal;
  font-style: italic;
  text-align: left;
}

div#content table.general thead tr.success th {
  background-color: green;
  color: white;
  padding: 1px 4px 0 4px;
  text-align: center;
}

div#content table.general_noselect > tbody > tr > td {
  vertical-align: top;
}

div#content table.general > tbody > tr > td {
  padding: 1px 4px 0 4px;
  vertical-align: top;
}

div#content table.general td.nobackground {
  background: url("");
  padding: 1px 4px 0 4px;
  vertical-align: top;
}

div#content table.general tbody tr.light_footer td {
  background-color: #d9e0e1;
  text-align: center;
}

div#content table.general > tbody .odd {
  background-color: #dadada;
}

div#content table.general > tbody .even {
  background-color: #f2f2f2;
}

div#content table.general.stripe > tbody > tr:nth-child(odd) > td {
  background-color: #dadada;
}

div#content table.general.stripe > tbody > tr:nth-child(even) > td {
  background-color: #f2f2f2;
}

div#content table.general.doublestripe > tbody > tr:nth-child(odd) > td:nth-child(odd) {
  background-color: #dadada;
}

div#content table.general.doublestripe > tbody > tr:nth-child(odd) > td:nth-child(even) {
  background-color: #d4d4d4;
}

div#content table.general.doublestripe > tbody > tr:nth-child(even) > td:nth-child(odd) {
  background-color: #f2f2f2;
}

div#content table.general.doublestripe > tbody > tr:nth-child(even) > td:nth-child(even) {
  background-color: #eaeaea;
}

div#content table.general > tbody > tr.selected > td {
  background-color: #eadaaf !important;
}

div#content table.general > tbody .selected {
  background-color: #eadaaf !important;
}

div#content table.general tbody tr.odd td.selected_arrow {
  background: #eadaaf url("/images/layout/table-selected-odd.png") no-repeat right !important;
}

div#content table.general tbody tr.even td.selected_arrow {
  background: #eadaaf url("/images/layout/table-selected-even.png") no-repeat right !important;
}

div#content table.general tbody tr.current > td {
  background-color: Tomato !important;
}

div#content table.general tbody tr td.current {
  background-color: Tomato !important;
}

div#content table.general tbody tr.header > td {
  font-weight: bold;
  background-color: #E5E5E5;
}

div#content table.general tbody tr.sub-header > td {
  background-color: #f3f3f3;
}

div#content table.general .warning {
  color: red;
}

div#content table.general .warning a {
  color: red;
}

div#content table.questionnaire {
  min-width: 700px;
}

div#content table.general > tbody > tr.caption > td {
  background-color: #d9e0e1;
  font-weight: bold;
  padding: 1px 4px 0 4px;
  text-align: center;
}

div#content table.questionnaire > tbody > tr.caption > td {
  background-color: #d9e0e1;
  font-weight: bold;
  padding: 1px 4px 0 10px;
  text-align: left;
}

div#content table.questionnaire > tbody > tr > td {
  white-space: nowrap;
}

div#content table.questionnaire > tbody > tr > td:first-child {
  min-width: 150px;

}

div#content table.questionnaire > tbody > tr > td:nth-child(2) {
  min-width: 50px;
  text-align: center;
}

div#content table.questionnaire > tbody > tr > td:nth-child(3) {
  min-width: 50px;
  text-align: center;
}

div#content table.questionnaire > tbody > tr > td:nth-child(4) {
  min-width: 50px;
  text-align: center;
}

div#content table.questionnaire > tbody > tr > td:nth-child(5) {
  min-width: 50px;
  text-align: center;
}

div#content table.questionnaire > tbody > tr > td:nth-child(6) {
  min-width: 50px;
  text-align: center;
}

div#content table.questionnaire > tbody > tr > td:nth-child(7) {
  min-width: 50px;
  text-align: center;
}

/**div#content table.stripe>tbody>tr>td {
  border-top: 1px dotted #c6c6c6;
  border-bottom: 1px dotted #c6c6c6;
  border-right: 1px dotted #c6c6c6;
}**/

div#content table.general > tbody > tr.selected_row > td {
  background-color: #eadaaf !important;
}

div#content table.general > tbody > tr.highlight_row > td {
  background-color: #66ff66 !important;
}

div#content table.general tbody tr td.odda {
  background-color: #6E909E;
}

div#content table.general tbody tr td.evena {
  background-color: #7599A8;
}

div#content table.general.flink > tbody > tr:FIRST-CHILD > td {
  padding-top: 10px;
}

div#content table.general.flink > tbody > tr:LAST-CHILD > td {
  padding-bottom: 10px;
}

div#inputform table.standardform {
  min-width: 400px;
}

div#inputform table.standardform select {
  min-width: 120px;
}

div#inputform table.standardform > tbody > tr > td:first-child {
  min-width: 105px;
}

div#inputform table.standardform > caption {
  color: #607d7b;
  font-size: 1.65em;
  font-weight: bold;
  white-space: nowrap;
  text-align: left;
  background: url(/images/layout/table-footer-split.png) no-repeat center bottom;
  padding: 2px;
}

div#inputform table.standardform td {
  vertical-align: top;
}

div#inputform table.standardform tr.header td {
  font-weight: bold;
  background-color: #E5E5E5;
}

div#inputform table.standardform tbody.tfoot,
div#inputform table.standardform tfoot {
  background: url(/images/layout/table-footer-split.png) no-repeat center 5px;
}

div#inputform table.standardform tbody.tfoot > tr > td,
div#inputform table.standardform tfoot > tr > td {
  padding-top: 8px;
  text-align: center;
}


div#content table.flink-111 {
  width: 850px;
}

div#content table.flink-111 > tbody > tr > td {
  width: 33%;
  vertical-align: top;
}

div#content table.flink-111 > tbody > tr > td:FIRST-CHILD + td {
  width: 10px;
}

div#content table.flink-111 > tbody > tr > td:FIRST-CHILD + td + td + td {
  width: 10px;
}

div#content table.flink-111 > tbody > tr > td > table {
  height: 100%;
  width: 100%;
}

div#content table.flink-21 {
  width: 850px;
}

div#content table.flink-21 > tbody > tr > td {
  height: 1px;
  vertical-align: top;
}

div#content table.flink-21 > tbody > tr > td:FIRST-CHILD {
  width: 67%;
}

div#content table.flink-21 > tbody > tr > td:FIRST-CHILD + td {
  width: 10px;
}

div#content table.flink-21 > tbody > tr > td:LAST-CHILD {
  width: 33%;
}

div#content table.flink-21 > tbody > tr > td > table {
  height: 100%;
  width: 100%;
}

div#content table.general.flink > tbody > tr.spacer > td {
  padding-top: 10px;
}

div#content table.general.flink > tbody > tr > td {
  padding-left: 10px;
  padding-right: 10px;
}

div#content table.general.autoform > tbody > tr > td {
  white-space: nowrap;
}

div#content table.general.autoform > tbody > tr > td:LAST-CHILD {
  white-space: normal;
  min-width: 200px;
}

div#content table.contact_thumbnails td {
  text-align: center;
  vertical-align: bottom;
}

div#content table.week_schedule {
  width: 750px;
  max-width: 1000px;
  vertical-align: bottom;
}

div#content table.week_schedule > tbody > tr > td {
  border-bottom: 1px dotted #87B1C1;
  text-align: left;
}

div#content table.week_schedule tr td.icon_column {
  width: 20px;
}

div#content table.week_schedule tr td.date_column {
  width: 80px;
}

div#content table.week_schedule tr td.edit_by {
  font-style: italic;
}

div#content table.week_schedule tr td.empty_column {
  background-color: #4d4c4c;
  height: 4px;
  border-bottom: 0;
}

div#content table.week_schedule tr td a {
  color: #000;
}

div#content table.week_schedule tr.header > td {
  color: #fff;
  border-top: 1px solid #87B1C1;
  border-bottom: 1px solid #87B1C1;
  height: 22px;
  vertical-align: middle;
}

div#content table.week_schedule tr.header_today td {
  background-color: #9370DB !important;
}

div#content table.week_schedule tr.header_redday td {
  background-color: #F48E8E !important;
}

div#content table.general tbody tr.header td {
  text-align: left;
}

div#content table.week_schedule > tbody > tr > td {
  color: #000;
  background-color: #fff;
  border-bottom: 1px solid #DDDDDD;
}

div#content table.week_schedule > tfoot > tr td a {
  color: #fff;
}

div#content table.week_schedule tr td.position {
}

div#content table.week_schedule tr td.even {
  background-color: #fff;
}

div#content table.week_schedule tr td.odd {
  background-color: #7599A8;
}

div#content table.skillmatrix tr td {
  border-bottom: 1px dotted #c6c6c6;
  text-align: center;
}

div#content table.skillmatrix > tbody > tr.header > td {
  border-top: 1px solid #c6c6c6;
  border-bottom: 1px solid #c6c6c6;
  text-align: left;
}

div#content table.skillmatrix > tbody > tr > td.name {
  border-right: 1px solid #c6c6c6;
  text-align: left;
}

div#content table.skillmatrix tr.names td {
  border-bottom: 1px solid #c6c6c6;
}

div#content table.skillmatrix tr td.number {
  border-right: 1px solid #c6c6c6;
  text-align: right;
}

div#content table.tree tr.tier1 td.parent {
  padding-left: 4px;
}

div#content table.tree tr.tier2 td.parent {
  padding-left: 21px;
}

div#content table.tree tr.tier3 td.parent {
  padding-left: 38px;
}

div#content table.tree tr.tier4 td.parent {
  padding-left: 55px;
}

div#content table.tree tr.tier5 td.parent {
  padding-left: 72px;
}

div#content table.tree tr.tier1 td.node {
  padding-left: 17px;
}

div#content table.tree tr.tier2 td.node {
  padding-left: 34px;
}

div#content table.tree tr.tier3 td.node {
  padding-left: 51px;
}

div#content table.tree tr.tier4 td.node {
  padding-left: 68px;
}

div#content table.tree tr.tier5 td.node {
  padding-left: 85px;
}

div#content table.dpr_report > tbody > tr > td.alert {
  background-color: tomato;
  border-bottom: 1px dotted gainsboro;
  border-right: 1px dotted gainsboro;
}

div#content table.dpr_report > tbody > tr > td.sent {
  background-color: limegreen;
  border-bottom: 1px dotted gainsboro;
  border-right: 1px dotted gainsboro;
}

div#content table.dpr_report > tbody > tr > td.waiting {
  background-color: khaki;
  border-bottom: 1px dotted gainsboro;
  border-right: 1px dotted gainsboro;
}

div#content table.dpr_report tr td.alert a {
  color: black;
  border-bottom: none;
}

div#content table.dpr_report tr td.sent a {
  color: black;
  border-bottom: none;
}

div#content table.dpr_report tr td.waiting a {
  color: black;
  border-bottom: none;
}

div#content table.general tr td span.rightalign {
  float: right;
  text-align: right;
}

div#content table.general tr td span.leftalign {
  float: left;
  text-align: left;
}

div#content table.columnwidthsno > tbody > tr > td:first-child {
  width: 25px;
}

/*div#content li {
  margin-left: 22px;
}*/

div#event_edit_container li, div#event_view_container li {
  list-style: none outside none;
}

div#event_edit_container select, div#event_edit_container input[type="text"], div#event_edit_container textarea,
div#event_view_container select, div#event_view_container input[type="text"], div#event_view_container textarea {
  padding: 3px;
  width: 250px;
}

div#noscript-container {
  background-color: #AE0000;
  border-bottom: 1px solid white;
  color: #FFFFFF;
  font-family: "Montserrat", sans-serif;
  font-size: 120%;
  font-weight: bold;
  left: 0;
  padding: 5px 0;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 101;
}

div#notify-container {
  background-color: #008c15;
  border-bottom: 1px solid white;
  color: #FFFFFF;
  font-family: "Montserrat", sans-serif;
  font-size: 120%;
  font-weight: bold;
  left: 0;
  padding: 5px 0;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 101;
}

div#banner-container {
  padding-left: 5px;
  padding-top: 5px;
}

a.ui-dialog-titlebar-close {
  border-bottom: 0;
}

span#bold {
  font-weight: bold;
}

span#faded {
  color: #666688;
}

span#double {
  color: #A52A2A;
}

form {
  padding: 0;
  margin: 0;
}

div.popup {
  background-color: #7599A8;
  border: 1px solid #324C5A;
  position: absolute;
  text-align: center;
  display: none;
}

div.popup .center {
  margin-left: auto;
  margin-right: auto;
}

div#news_shortcuts {
  width: 65px;
  float: left;
  margin-top: 3px;
  background: url(/images/layout/table-side-split.png) no-repeat right top;
}

div#news_shortcuts a {
  display: block;
  width: 55px;
  height: 55px;
  background: no-repeat center center;
  border: 0 !important;
}

div#news_shortcuts .help {
  position: absolute;
  top: 0;
  right: 0;
  width: 16px !important;
  height: 16px !important;
  background: url(/images/icons/help.png) no-repeat right top;
}

div#news_recent {
  margin-left: 10px;
  width: 590px;
  min-height: 410px;
  float: left;
  padding-right: 10px;
  margin-top: 3px;
  padding-top: 3px;
  background: url(/images/layout/table-side-split.png) no-repeat right top;
}

div#news_recent .news_item {
  clear: both;
  height: 120px;
  margin-bottom: 8px;
  border: 1px solid #f5f5f5;
  border-radius: 15px;
}

div#news_recent .news_section {
  position: absolute;
  background-color: #f5f5f5;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  width: 122px;
  height: 16px;
  text-align: center;
  padding-top: 2px;
  color: #868686;
  padding-left: 0 !important;
  -moz-transform: rotate(-90deg) translateX(-112px) translateY(-12px);
  -moz-transform-origin: left center;
  -webkit-transform: rotate(-90deg) translateX(-112px) translateY(-12px);
  -webkit-transform-origin: left center;
  -o-transform: rotate(-90deg) translateX(-112px) translateY(-12px);
  -o-transform-origin: left center;
  -ms-transform: rotate(-90deg) translateX(-112px) translateY(-12px);
  -ms-transform-origin: left center;
  transform: rotate(-90deg) translateX(-112px) translateY(-12px);
  transform-origin: left center;
  text-transform: uppercase;
}

div#news_recent .news_image {
  display: block;
  float: right;
  width: 140px;
  height: 109px;
  margin-top: 12px;
}

div#news_recent .news_title {
  text-align: left;
  margin-top: 10px;
  margin-left: 10px;
}

div#news_recent .news_title a {
  font-weight: 600;
  color: rgb(5 28 55) !important;
  font-size: 1.25em;
}

div#news_recent .news_date {
  color: rgb(5 28 55 / 50%);
  font-size: 13px;
  text-align: left;
  text-transform: uppercase;
  margin-top: 2px;
  margin-left: 10px;
}

div#news_recent .news_text {
  padding-top: 6px;
  height: 60px;
  font-size: 1.1em;
  overflow: hidden;
  margin-top: 3px;
  color: rgb(5 28 55 / 80%);
  margin-left: 10px;
}

div#news_recent > div {
  padding-left: 20px;
}

div#news_recent > div.page_commands {
  padding-right: 40px;
}

div#news_recent .news_section_welcome {
  background-color: #f5f5f5;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  width: 100px;
  float: left;
  height: 120px;
  margin-right: 15px;
}

div#news_recent .news_image_welcome {
  display: block;
  float: right;
  width: 80px;
  height: 120px;
  position: relative;
}

div#news_recent .news_image_welcome img {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

div#news_recent .news_title_welcome a {
  font-weight: 600;
  color: rgb(5 28 55) !important;
  font-size: 14px;
  display: block;
  margin-top: 10px
}

div#news_recent .harbour_message {
  float: right;
  font-size: 14px;
  margin: 18px 30px;
  color: #fff;
}

div#news_view {
  margin-top: 3px;
  padding-top: 3px;
  margin-left: 10px;
  width: 590px;
  float: left;
  padding-right: 10px;
  min-height: 410px;
  background: url(/images/layout/table-side-split.png) no-repeat right top;
}

div#news_view .news_item {
  clear: both;
  overflow: hidden;
  border: 1px solid #f5f5f5;
  border-radius: 6px;
  margin-bottom: 8px;
  background: url(/images/layout/table-footer-split.png) no-repeat center bottom;
}

div#news_view .news_image {
  display: block;
  float: right;
  width: 140px;
  height: 109px;
  margin-top: 12px;
}

div#news_view .news_title {
  text-align: left;
  margin-top: 10px;
}

div#news_view .news_title a {
  font-weight: bold;
  color: rgb(5 28 55) !important;
  font-size: 1.65em;
}

div#news_view .news_date {
  color: rgb(5 28 55/50%);
  font-size: 1.2em;
  text-align: left;
  text-transform: uppercase;
  margin-top: 2px;
}

div#news_view .news_text {
  padding-top: 6px;
  height: 55px;
  font-size: 1.1em;
  overflow: hidden;
  margin-top: 3px;
}

div#news_view .news_fulltext {
  padding-top: 6px;
  font-size: 1.1em;
  margin-top: 3px;
  padding-bottom: 10px;
  color: rgb(5 28 55 / 80%);
}

div#news_view .news_attachments {
  padding-top: 5px;
  padding-bottom: 10px;
}

div#news_view .news_attachments ul {
  list-style: none;
}

div#news_view > div {
  padding-left: 20px;
}

div#news_view > div.page_commands {
  padding-right: 40px;
}

div.news_summary_column {
  overflow: hidden;
  float: left;
}

div.news_summary {
  display: block;
  width: 250px;
  border-radius: 6px;
  background: no-repeat top left;
  padding-top: 153px;
  padding-right: 5px;
  margin-left: 15px;
  margin-right: 5px;
  margin-bottom: 5px;
}

div.news_summary > div {
  width: 248px;
  min-height: 100px;
  border: 1px solid #f1f1f1;
  overflow: hidden;
  border-top: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

div.news_summary#news_management .news_management_header {
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: bold;
  color: #9fb1b3;
  margin-top: 14px;
  padding-right: 10px;
  text-align: left;
  min-width: 120px;
  margin-left: 5px;
}

div.news_summary#news_management .news_management_image {
  display: none;
  float: left;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("/images/news/news_summary_management_thumbsup.png") !important;
  margin: 19px 25px 13px;
  width: 52px;
  height: 52px;
}

div.news_summary#news_management .news_management_date {
  font-family: "Montserrat", Arial, sans-serif;
  color: #9fb1b3;
  margin: 0;
  padding: 0;
  margin-left: 5px;
}

div.news_summary#news_management .news_management_text {
  font-family: "Montserrat", Arial, sans-serif;
  text-align: left;
  max-height: 120px;
  overflow: hidden;
  color: #111111;
  margin-left: 5px;
}

div.news_summary#news_management .news_management_readmore {
  text-align: left;
  width: 120px;
  font-family: "Montserrat", Arial, sans-serif;
  margin-left: 5px;
}

div.news_summary#news_management .news_management_header > a,
div.news_summary#news_management .news_management_readmore > a {
  /*color: #666;*/
  color: rgb(5 28 55);
  font-size: 12px;
}

div.news_summary#news_calendar .news_calendar_day {
  background: url("/images/news/news_summary_vessels_split.png") no-repeat center bottom;
  overflow: hidden;
  padding-bottom: 5px;
  margin-top: 10px;
}

div.news_summary#news_calendar .news_calendar_day:last-child {
  background-image: url("") !important;
}

div.news_summary#news_calendar .news_calendar_header {
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: bold;
  font-size: 12px;
  /*color: #666;*/
  color: rgb(5 28 55);
  padding-left: 8px;
  padding-right: 5px;
  margin-bottom: 5px;
}

div.news_summary#news_calendar .news_calendar_footer {
  text-align: center;
  min-height: 10px !important;
  padding-top: 5px;
  padding-bottom: 5px;
}

div.news_summary#news_calendar .news_calendar_events {
  padding-left: 14px;
}

div.news_summary#news_calendar .news_calendar_events a {
  color: #484848 !important;
  border: 0;
}

div.news_summary#news_calendar .news_calendar_event {
  height: 14px;
  padding-left: 18px;
  padding-top: 2px;
  background: url("/images/icons/date.png") no-repeat left center;
  margin-top: 1px;
  margin-bottom: 4px;
}

div.news_summary#news_calendar .news_calendar_birthday {
  height: 14px;
  padding-left: 18px;
  padding-top: 2px;
  vertical-align: middle;
  background: url("/images/icons/cake.png") no-repeat left center;
  margin-top: 1px;
  margin-bottom: 4px;
}

div.news_summary#news_calendar .news_calendar_redday {
  height: 14px;
  padding-left: 18px;
  padding-top: 2px;
  vertical-align: middle;
  background: url("/images/icons/emoticon_grin.png") no-repeat left center;
  margin-top: 1px;
  margin-bottom: 4px;
}

div.news_summary#news_calendar .news_calendar_redday_se {
  height: 14px;
  padding-left: 18px;
  padding-top: 2px;
  vertical-align: middle;
  background: url("/images/icons/flags/se.png") no-repeat left center;
  margin-top: 1px;
  margin-bottom: 4px;
}

div.news_summary#news_calendar .news_calendar_redday_gb {
  height: 14px;
  padding-left: 18px;
  padding-top: 2px;
  vertical-align: middle;
  background: url("/images/icons/flags/gb.png") no-repeat left center;
  margin-top: 1px;
  margin-bottom: 4px;
}

div.news_summary#news_section .news_section_header {
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: bold;
  font-size: 1.1em;
  color: #666;
  color: rgb(5 28 55);
  padding: 15px 5px 11px 8px;
  text-transform: uppercase;
}

div.news_summary#news_section .news_section_item {
  font-family: "Montserrat", Arial, sans-serif;
  padding: 0 5px 11px 8px;
}

div.news_summary#news_section div.page_commands {
  background: url("/images/news/news_summary_vessels_split.png") no-repeat center top;
  padding-top: 10px;
  padding-bottom: 5px;
}

div.news_summary#news_section .news_section_title {
  font-size: 1.1em;
  font-weight: bold;
}

div.news_summary#news_section .news_section_date {
  font-style: italic;
}

div.news_summary#news_afterwork .news_afterwork_event {
  background: url("/images/news/news_summary_vessels_split.png") no-repeat center bottom;
  overflow: hidden;
  padding-bottom: 10px;
  margin-top: 10px;
  padding-left: 13px;
  padding-right: 13px;
}

div.news_summary#news_afterwork .news_afterwork_event:last-child {
  background-image: url("") !important;
}

div.news_summary#news_afterwork .news_afterwork_header a {
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: bold;
  /*color: #666;*/
  color: rgb(5 28 55);
  font-size: 12px;
}

div.news_summary#news_afterwork .news_afterwork_date {
  font-family: "Montserrat", Arial, sans-serif;
  font-style: italic;
  color: #959595;
}

div.news_summary#news_afterwork .news_afterwork_text {
  overflow: hidden;
  padding-top: 7px;
  max-height: 80px;
}

div.news_summary#news_afterwork .news_calendar_events {
  padding-left: 10px;
}

div.news_summary#news_afterwork .news_calendar_events a {
  color: #484848 !important;
  border: 0;
}

div.news_summary#news_vessels .news_vessel {
  margin-top: 10px;
  background: url("/images/news/news_summary_vessels_split.png") no-repeat center bottom;
  overflow: hidden;
  padding-bottom: 10px;
}

div.news_summary#news_vessels .news_vessel:last-child {
  background-image: url("") !important;
}

div.news_summary#news_vessels .news_vessel_image {
  clear: both;
  float: left;
  display: block;
  width: 50px;
  vertical-align: middle;
  text-align: center;
}

div.news_summary#news_vessels .news_vessel_image > img {
  margin-top: 1px;
  border-radius: 3px;
  box-shadow: 0 0 1px 1px gray;
}

div.news_summary#news_vessels .news_vessel_name {
  float: right;
  display: block;
  text-transform: uppercase;
  width: 198px;
  text-align: left;
  font-weight: bold;
  color: rgb(5 28 55);
  font-size: 12px;
}

div.news_summary#news_vessels .news_vessel_name > a {
  color: rgb(5 28 55);
}

div.news_summary#news_vessels .news_vessel_projects > a {
  color: rgb(5 28 55 / 60%);
}

div.news_summary#news_vessels .news_vessel_projects {
  float: right;
  display: block;
  width: 198px;
  text-align: left;
  color: rgb(5 28 55 / 60%);
}

div.news_summary#news_wiki > div > div {
  background: url("/images/news/news_summary_vessels_split.png") no-repeat center bottom;
  overflow: hidden;
  padding-bottom: 10px;
  margin-top: 10px;
  padding-left: 13px;
  padding-right: 13px;
}

div.news_summary#news_wiki > div > div:last-child {
  background: url("") !important;
}

div.news_summary#news_wiki .news_wiki_entry {
  margin-top: 9px;
}

div.news_summary#news_wiki .news_wiki_date {
  font-style: italic;
  color: rgb(5 28 55 / 50%);
}

div.news_summary#news_wiki .news_wiki_date > a {
  color: rgb(5 28 55 / 50%);
}

div.news_summary#news_wiki .news_wiki_header {
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: bold;
  /*color: #666;*/
  color: rgb(5 28 55);
  font-size: 12px;
}

div.news_summary#news_wiki .news_wiki_title > a {
  color: rgb(5 28 55 / 80%);
  font-size: 12px;
}

div.news_summary#news_afterwork {
  background-image: url("/images/news/news_summary_afterwork.png") !important;
}

div.news_summary#news_calendar {
  background-image: url("/images/news/news_summary_calendar.png") !important;
}

div.news_summary#news_management {
  background-image: url("/images/news/news_summary_management.png") !important;
}

div.news_summary#news_vessels {
  background-image: url("/images/news/news_summary_vessels.png") !important;
}

div.news_summary#news_wiki {
  background-image: url("/images/news/news_summary_wiki.png") !important;
}

.page_commands {
  text-align: center;
}

.tooltip {
  background-color: #000;
  border: 1px solid #fff;
  padding: 10px 15px;
  width: 300px;
  display: none;
  color: #fff;
  text-align: left;
  font-size: 12px;

  /* outline radius for mozilla/firefox only */
  -moz-box-shadow: 0 0 10px #000;
  -webkit-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
}

.tooltip a {
  color: white;
}

.monospace {
  font-family: "Lucida Console", Monaco, monospace;
}

#line_container {
  background-color: #fff;
  z-index: 5;
  float: left;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 107px;
}

#left_line {
  z-index: 1200;
  float: left;
  width: 50%;
  background: #fff;
  height: 3px;
}

#right_line {
  z-index: 1200;
  float: left;
  width: 50%;
  background: #fff;
  height: 3px;
}

div#map_view > div#map_column_right {
  width: 320px;
  float: right;
  padding-left: 15px;
  padding-right: 15px;
}

div#map_view > div#map_column_right input[type=checkbox] {
  margin-top: 2px;
  margin-bottom: 0;
}

div#map_view > div#map_column_left {
  float: none; /* not needed, just for clarification */

  /* the next props are meant to keep this block independent from the other floated one */
  width: auto;
  overflow: hidden;
}

div#map_view div#status_info {
  visibility: hidden;
}

div#map_view div#vessel_map_canvas {
  height: 500px;
  width: auto;
}

div#map_view #vessel_info {
  margin-top: 10px;
  background-color: #FFFFFF; /*blue */
}

div#map_view #vessel_error {
  margin-top: 10px;
  background-color: #F00;
  color: #FFF;
}

div#map_view #vessel_coord_info {
  margin-top: 1px;
}

div#map_view .map_vessel_table {
  min-width: 320px;
  table-layout: fixed;
}

div#map_view .map_project_table_search {
  min-width: 320px;
  margin-top: 15px;
  width: 320px;
}

div#map_view .map_project_table {
  min-width: 320px;
  margin-top: 15px;
  width: 320px;
}

div#map_view #extra_buttons {
  margin-top: 8px;
}

div#map_view input[type="text"] {
  width: 100%;
}

div#map_view .hidden_table_container {
  border: 1px solid #AAABAE;
  background-color: white;
  margin: 10px;
  padding: 5px;
  max-width: 800px;
}

div#map_view .hidden_table {
  margin: 0;
  padding: 0;
  width: 100%;
  font-family: monospace
}

div#map_view .map_vessel_table > tbody > tr > td:nth-child(1) {
  width: 38px;
}

div#map_view .map_vessel_table > tbody > tr > td:nth-child(2) {
  width: 220px;
}

div#map_view .map_vessel_table > tbody > tr > td:nth-child(3) {
  width: 22px;
}

div#map_view .hidden_table td:first-child {
  width: 105px;
}

div#map_view .hidden_table td:last-child {
  width: 117px;
}

div#map_view .hidden_table .odd {
  background-color: #dadada;
}

div#content table.general > tbody .even {
  background-color: #f2f2f2;
}

div#map_view #status_info {
  color: #F00;
  padding-top: 10px;
}

div#map_view #project_search {
  width: 310px;
  display: table;
  margin-top: 7px;
  margin-bottom: 7px;
}

.cssload-loader *,
.cssload-loader *:before,
.cssload-loader *:after {
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.cssload-loader {
  background: white;
  position: absolute;
  left: 50%;
  margin-left: -48px;
  margin-top: -10px;
  width: 95px;
  border: 5px solid rgb(204, 204, 204);
  border-radius: 7px;
  padding: 2px;
  zoom: 1;
  animation: cssload-loader-border 2.3s ease-in infinite;
  -ms-animation: cssload-loader-border 2.3s ease-in infinite;
  -webkit-animation: cssload-loader-border 2.3s ease-in infinite;
  -moz-animation: cssload-loader-border 2.3s ease-in infinite;
}

.cssload-loader > span {
  display: block;
  width: 0;
  height: 10px;
  background: rgb(204, 204, 204);
  position: relative;
  animation: cssload-loader-slide 2.3s ease-in infinite;
  -ms-animation: cssload-loader-slide 2.3s ease-in infinite;
  -webkit-animation: cssload-loader-slide 2.3s ease-in infinite;
  -moz-animation: cssload-loader-slide 2.3s ease-in infinite;
}

.cssload-loader:before,
.cssload-loader:after {
  content: '';
  display: block;
  background: white;
  height: 10px;
  width: 2px;
  position: absolute;
  z-index: 10;
}

.cssload-loader:before {
  left: 33%;
}

.cssload-loader:after {
  top: 2px;
  left: 66%;
}

.cssload-loader:before {
  content: '';
  display: block;
}

.cssload-loader:after {
  content: '';
  display: table;
  clear: both;
}

.cssload-loader-border

0
%
{
  border-color: white
;
  width: 95px
;
  margin-left: -48px
;
}
.cssload-loader-border

50
%
{
  border-color: rgb(204, 204, 204)
;
  width: 95px
;
  margin-left: -48px
;
}
.cssload-loader-border

100
%
{
  border-color: white
;
  width: 95px
;
  margin-left: -48px
;
}
#vessel_info ul {
  margin: 0 20px;
}

#vessel_info ul li {
  margin: 0px;
  line-height: 0.1;
}

#vessel_info a {
  color: #0000ff !important;
}

#mceu_9 {
  width: 700px !important;
}

#data_description_ifr {
  height: 400px !important;
}

@keyframes cssload-loader-slide {
  0% {
    width: 0;
    margin-left: 0;
    opacity: 0;
  }
  0% {
    width: 0;
    margin-left: 0;
    opacity: 1;
  }
  50% {
    width: 0;
    margin-left: 0;
  }
  75% {
    width: 100%;
    margin-left: 0;
  }
  90% {
    width: 0;
    margin-left: 100%;
    opacity: 1;
  }
  100% {
    width: 0;
    margin-left: 100%;
    opacity: 0;
  }
}

@-ms-keyframes cssload-loader-slide {
  0% {
    width: 0;
    margin-left: 0;
    opacity: 0;
  }
  0% {
    width: 0;
    margin-left: 0;
    opacity: 1;
  }
  50% {
    width: 0;
    margin-left: 0;
  }
  75% {
    width: 100%;
    margin-left: 0;
  }
  90% {
    width: 0;
    margin-left: 100%;
    opacity: 1;
  }
  100% {
    width: 0;
    margin-left: 100%;
    opacity: 0;
  }
}

@-webkit-keyframes cssload-loader-slide {
  0% {
    width: 0;
    margin-left: 0;
    opacity: 0;
  }
  0% {
    width: 0;
    margin-left: 0;
    opacity: 1;
  }
  50% {
    width: 0;
    margin-left: 0;
  }
  75% {
    width: 100%;
    margin-left: 0;
  }
  90% {
    width: 0;
    margin-left: 100%;
    opacity: 1;
  }
  100% {
    width: 0;
    margin-left: 100%;
    opacity: 0;
  }
}

@-moz-keyframes cssload-loader-slide {
  0% {
    width: 0;
    margin-left: 0;
    opacity: 0;
  }
  0% {
    width: 0;
    margin-left: 0;
    opacity: 1;
  }
  50% {
    width: 0;
    margin-left: 0;
  }
  75% {
    width: 100%;
    margin-left: 0;
  }
  90% {
    width: 0;
    margin-left: 100%;
    opacity: 1;
  }
  100% {
    width: 0;
    margin-left: 100%;
    opacity: 0;
  }
}

@keyframes cssload-loader-border {
  0% {
    border-color: white;
    width: 95px;
    margin-left: -48px;
  }
  50% {
    border-color: rgb(204, 204, 204);
    width: 95px;
    margin-left: -48px;
  }
  100% {
    border-color: white;
    width: 95px;
    margin-left: -48px;
  }
}

@-ms-keyframes cssload-loader-border {
  0% {
    border-color: white;
    width: 95px;
    margin-left: -48px;
  }
  50% {
    border-color: rgb(204, 204, 204);
    width: 95px;
    margin-left: -48px;
  }
  100% {
    border-color: white;
    width: 95px;
    margin-left: -48px;
  }
}

@-webkit-keyframes cssload-loader-border {
  0% {
    border-color: white;
    width: 95px;
    margin-left: -48px;
  }
  50% {
    border-color: rgb(204, 204, 204);
    width: 95px;
    margin-left: -48px;
  }
  100% {
    border-color: white;
    width: 95px;
    margin-left: -48px;
  }
}

@-moz-keyframes cssload-loader-border {
  0% {
    border-color: white;
    width: 95px;
    margin-left: -48px;
  }
  50% {
    border-color: rgb(204, 204, 204);
    width: 95px;
    margin-left: -48px;
  }
  100% {
    border-color: white;
    width: 95px;
    margin-left: -48px;
  }
}

.grayed-img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
}

.tabgroup {

}

.tabgroup > input {
  display: none;
}

.tabgroup > input:checked + label {
  color: #484848;
  border: 1px solid #abc;
  border-top: 2px solid #c6c6c6;
  border-bottom: 1px solid #fff;
}

.tabgroup > label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 5px 25px;
  font-weight: 600;
  text-align: center;
  color: #484848;
  border: 1px solid transparent;
}

.tabgroup > section {
  display: none;
  padding: 0;
  border-top: 1px solid #abc;
}

#tab1:checked ~ #tabcontent1,
#tab2:checked ~ #tabcontent2,
#tab3:checked ~ #tabcontent3,
#tab4:checked ~ #tabcontent4,
#tab5:checked ~ #tabcontent5,
#tab6:checked ~ #tabcontent6,
#tab7:checked ~ #tabcontent7,
#tab8:checked ~ #tabcontent8,
#tab9:checked ~ #tabcontent9,
#tab10:checked ~ #tabcontent10,
#tab11:checked ~ #tabcontent11,
#tab12:checked ~ #tabcontent12,
#tab13:checked ~ #tabcontent13,
#tab14:checked ~ #tabcontent14,
#tab15:checked ~ #tabcontent15 {
  display: block;
}

.flex-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}

.flex-column {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
}

div#content table.stripe > tbody > tr:nth-child(odd) > td {
  background-color: #f9f9f9;
}

.rating-group-static {
  display: inline-flex;
}

.rating-group-static .star {
  font-size: 1.2em;
  text-shadow: 1px 1px #373644;
  color: #d2d2d2;
}

.rating-group-static .star.active {
  color: #ffc600;
}

rating-group {
  display: inline-flex;
}

.rating-group input[type="radio"] {
  position: absolute !important;
  left: -99999px !important;
}

.rating-group label {
  cursor: pointer;
  padding: 1px 0.1em 3px 0.1em;
  font-size: 1.2em;
  /*text-shadow: 1px 1px #373644;*/
}

.rating-group label {
  color: #ffc600;
}

.rating-group-input:checked ~ label.star {
  color: #d2d2d2;
}

.rating-group:hover label.star {
  color: #ffc600;
}

.rating-group input:hover ~ label.star {
  color: #d2d2d2;
}

div#scrollform .scrollbox {
  overflow-y: auto;
}

div#scrollform h1 {
  color: #607d7b;
  font-size: 1.65em;
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
  background: url(/images/layout/table-footer-split.png) no-repeat center bottom;
  padding: 2px;
  margin-right: 15px;
}

div#scrollform input[type="button"] {
  color: #626262;
  font: 1.3em "Montserrat", sans-serif;
  background: white url("/images/icons/pencil.png") no-repeat 5px center;
  padding: 4px 4px 2px 24px;
  border: 0 !important;
  margin-left: 4px;
  margin-right: 4px;
  border-radius: 2px 2px 2px 2px;
}

div#scrollform input[type="button"]:hover {
  text-decoration: underline;
  cursor: pointer;
}

div#scrollform .footer {
  background: url(/images/layout/table-footer-split.png) no-repeat center 1px;
  text-align: center;
  padding-top: 4px;
  margin-right: 15px;
}

label.cbalign {
  display: block;
  padding-left: 15px;
  text-indent: -15px;
}

label.cbalign > input {
  width: 13px;
  height: 13px;
  padding: 0;
  margin: 0;
  vertical-align: bottom;
  position: relative;
  top: -1px;
  *overflow: hidden;
}

table.table-fit {
  width: auto !important;
  table-layout: auto !important;
}

table.table-fit thead th, table.table-fit tfoot th {
  width: auto !important;
}

table.table-fit tbody td, table.table-fit tfoot td {
  width: auto !important;
}

table.full-width {
  width: 100%;
  border-collapse: collapse;
}

table.full-width thead th,
table.full-width tbody td {
  text-align: left;
  padding: 4px;
  border: 1px solid #ccc;
}

table.full-width thead th {
  font-weight: bold;
}

table.full-width tbody td.centered {
  text-align: center !important;
}

table.full-width tbody td.right {
  text-align: right !important;
}

#inputform.plain {
  border-radius: 0;
  border-left-width: 0;
  border: none;
  box-shadow: none;
}

caption > small.note {
  font-size: 12px;
  color: red;
  font-style: italic;
  float: right;
  top: 3px;
  position: relative;
}

table.v-centered td {
  vertical-align: middle !important;
  padding: 1px 15px !important;
}

.task-box {
  border-left: 1px dotted white;
  border-top: 1px solid #d4d4d4;
  margin: 0px;
  padding: 2px;
  min-height: 48px;
  line-height: 1;
}

#project_tasks_vessel_selection {
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: bold;
  padding: 2px 0;
  line-height: 1;
  height: auto;
  color: #607d7b;
  border-radius: 2px;
}

tr.header > td {
  padding: 5px !important;
}

.icon.vertical-center {
  vertical-align: middle !important;
}

#signature {
  width: auto;
  box-shadow: 0 0 5px 1px #ddd inset;
  border: dashed 2px #53777A;
  border: dashed 1px #53777A;
  margin: 0 auto;
  text-align: center;
  min-height: 80px;
  transition: .2s;
  max-width: 500px;
  background-color: white;
}

#uploaded-signature {
  display: block;
  margin: 0 auto;
  text-align: center;
  min-height: 10px;
  transition: .2s;
  max-height: 100px;
  min-width: 0;
  max-width: 450px;
}

.editable-position {
  cursor: pointer;
}

p.form-error {
  margin-top: 10px;
  margin-bottom: 10px;
  display: none;
  color: #721c24;
  padding: 5px;
  border-radius: 4px;
  background-color: #f8d7da;
  border: 1px solid #f5c6cb;
}

div#content table.fixed-column-one tr > :first-child {
  position: -webkit-sticky;
  position: sticky;
  background: white;
  left: 0;
}

div.table-container {
  max-width: 100% !important;
  position: relative;
  width: 100%;
  overflow: scroll;
  overflow-y: hidden;
}

#operation_form option:disabled {
  display: none;
}

.standardform.autoform td label {
  white-space: nowrap;
}

span.fullscreen_top {
  top: 0;
  z-index: 9999999;
}

#view_in_full_screen {
  font-size: 20px;
  font-weight: bold;
  margin: 8px 6px;
  position: absolute;
  cursor: pointer;
  background: #fff;
  padding: 2px 5px;
}

iframe.fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  z-index: 999999;
}

.alert {
  position: relative;
  padding: 5px;
  margin-bottom: 0;
  color: #333;
  background-color: transparent;
  border-radius: 2px;
  text-align: center;
  font-weight: 600;
}

.alert-info {
  background-color: #a9c4ff;
}

.alert-warning {
  background-color: #ffd785;
}

.alert-danger {
  background-color: #ffa3a3;
}

.alert-success {
  background-color: #a8ffc4;
}

#comments pre {
  white-space: normal;
}

input[disabled] {
  background: #ddd;
}

.expando-row {
  display: flex;
  padding: 5px 10px;
}

.expando-row .expando-heading {
  flex: 1;
}

.expando-row .expando-details {
  flex: 3;
  overflow: auto;
}

.popover {
  overflow: hidden;
  position: relative;
}

.popover > .pop-message {
  background: #a3a3a3;
  position: absolute;
  top: -40px;
  padding: 10px 10px;
  color: #fff;
  border: 1px solid #9d9d9d;
  border-radius: 4px;
  overflow: hidden;
  display: none;
}

.popover:hover .pop-message {
  display: block;
}

.tox-promotion {
    display: none;
}