/*Style Guide*/
/*End StileGuides*/
/*Required shades*/
/*Color for shift order graph series in NORMAL threshold*/
/*Color for shift order graph series in WARNING threshold*/
/*Color for shift order graph series in CRITICAL threshold*/
/*Gang graph colors*/
/*Set Standard fonts as for BCMEA style guide*/
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'bcmea-trebuchet';
}
/*Legend and titles*/
.page-title,
fieldset > legend {
  font-family: 'bcmea-trebuchet';
  font-size: 18pt;
}
/******/
body {
  font-family: "bcmea-arial", 'Arial';
}
/**********************************/
/*splash screen*/
h2.fl {
  font-size: 24px;
  color: #236092;
}
/**/
body {
  color: #1F2324;
  background-color: #ffffff;
  padding-top: 50px;
  margin-bottom: 0;
}
a.btn-home > i {
  color: #236092;
}
i.header-icon {
  color: #236092;
}
.btn-primary {
  background-color: #236092;
  border-color: #236092;
}
.btn-primary:hover {
  background-color: #236092;
  border-color: #236092;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25);
}
.btn-primary.active,
.btn-primary.active:hover {
  background-color: #0D3D56;
  border-color: #0D3D56;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25);
}
a {
  color: #236092;
}
a:hover,
a:focus {
  color: #236092;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #236092;
  border-color: #236092;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #236092;
}
.btn-selected,
.btn-selected:focus {
  color: #ffffff;
  background-color: #236092;
  border-color: #194569;
}
.form-horizontal {
  height: 100%;
}
.btn-selected:hover {
  color: #ffffff;
  background-color: #194569;
  border-color: #0f2a40;
}
.container-fluid.maincontainer {
  background-color: #0D3D56;
}
input.ng-invalid,
select.ng-invalid {
  border-color: #A40E00;
}
.green {
  color: #D9EEE4;
}
.spinner > div {
  background-color: #0D3D56;
}
div.view-parameters div button > span,
div.bcmea-toolbar button > span {
  color: #236092;
  font-size: 12px;
}
.vessel-add {
  font-weight: bold;
  font-size: 1.5em;
}
.vessel-manager > .gap {
  display: block;
  height: 20px;
}
@media (max-width: 600px) {
  .app-name {
    font-size: 0.9em;
  }
}
.pvfp__grid-container {
  height: 690px;
}
.pvfp {
  margin-top: 5px;
  margin-bottom: 5px;
  display: block;
  height: 38px;
}
.pvfp__item {
  font-family: NotoSans-Regular;
  margin-left: 6px;
  margin-right: 6px;
  float: left;
}
.pvfp__item--week-select {
  width: 130px;
}
.pvfp__item--from {
  padding: 8px 0;
  font-size: 16px;
}
.pvfp__item--date-picker {
  width: 200px;
  font-weight: normal;
}
.pvfp__item--refresh {
  color: #236092;
}
.pvfp__item--srch-btn {
  padding-left: 10px;
}
.fc {
  margin-top: 5px;
  margin-bottom: 5px;
  display: block;
  height: 38px;
}
.fc__item {
  font-family: NotoSans-Regular;
  margin-left: 6px;
  margin-right: 6px;
  float: left;
}
.fc__item--from,
.fc__item--to,
.fc__item--vessel {
  padding: 8px 0;
  font-size: 16px;
}
.fc__item--date-picker {
  width: 200px;
  font-weight: normal;
}
.fc__item--srch-btn {
  padding-left: 10px;
}
div.modal-footer div.btn-group .btn-primary {
  background-color: #E17321;
  border-color: #E17321;
}
div.modal-footer div.btn-group .btn-primary[disabled] {
  background-color: #e48137;
  border-color: #e48137;
}
div.col.col-md-12.voyagesummary__title--header {
  padding-bottom: 3px;
}
div.col.col-md-12.voyagesummary__title--header span {
  font-family: NotoSans-Regular;
  font-size: medium;
  /* padding-top: 15px; */
}
div.col.col-md-12.voyagesummary__title--header span:first-child {
  margin-right: 1.5em;
}
div.col.col-md-12.voyagesummary__title {
  padding-top: 0.5em;
}
.fc-left__options {
  color: #E17321;
}
/*Forecast charts*/
.highcharts-point.fg-series__warning {
  fill: #e4c442;
}
.highcharts-point.fg-series__critical {
  fill: #d14b3d;
}
.highcharts-point.fg-series__ok {
  fill: #87a956;
}
.page-contents-container {
  position: relative;
  top: 71px;
}
img.ui-grid_btn_image {
  border: 1px solid;
  border-radius: 5px;
  box-shadow: 3px 3px 3px #808080;
}
/*C Priority Vessels*/
tr.vessel-exception__vessel-head {
  background-color: #DEF2F4;
}
tr.vessel-exception__voyage-head {
  background-color: rgba(222, 242, 244, 0.3);
}
tr.vessel-exception__main-head {
  background-color: rgba(222, 242, 244, 0.1);
}
div.vessel-warning-redirect-wrapper {
  text-align: right;
  padding-top: 0.5em;
  padding: 0.5em 0 0.5em 0;
  padding-bottom: 0.5em;
}
div.gf-container {
  margin-bottom: 20px;
}