@font-face {
  font-family: 'MaerskHeadline';
  src: url('fonts/MaerskHeadline-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MaerskHeadline';
  src: url('fonts/MaerskHeadline-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MaerskHeadline';
  src: url('fonts/MaerskHeadline-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MaerskText';
  src: url('fonts/MaerskText-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MaerskText';
  src: url('fonts/MaerskText-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MaerskText';
  src: url('fonts/MaerskText-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}




/* body */
  body {
    font-family: 'MaerskText', Arial, sans-serif;
    font-weight: 400; /* Uses Headline-Regular.woff2 */
      color: #555555;
      font-size: 16px;
    background: rgb(0, 36, 61) url(./bg-pattern.png);
    /* background: rgb(0, 115, 171) url(./bg-pattern.png); */
      /* background: rgb(181, 224, 244) url(./bg-pattern.png); */
  }

.main-sidebar {
  background: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), url(./lighthouse.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 15px;
}


/*.left-side, .main-sidebar {
  padding-top: px;
}*/
  
  .content-wrapper {
    background-color: #FFFFFF;
  }

/* Custom DataTable row colors */
  .dataTables_wrapper .stripe tbody tr.odd {
    background-color:  rgb(243,244,245);
  }



h1 {
  text-transform: uppercase;
  font-family: 'MaerskHeadline', sans-serif;
  font-size: xx-large;
  font-weight: 700;
  margin-bottom: 25px;
  margin-top: 25px;
}

.orphan {
  border: none;
  height: 100%;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1px 4px;
  background-color: #ff7537;
    color: white;
}

.notready {
  border: none;
  height: 100%;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1px 4px;
  background-color: #f8ba03;
    color: white;
}

.holdback {
  border: none;
  height: 100%;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1px 4px;
  /* background-color: rgb(0,115,171);*/
    background-color: rgb(181,224,244);
  color: white;
}




/* Modal window */
  @media (min-width: 992px){
    .modal-lg {
      width: 990px;
    }
  }

@media (min-width: 1200px){
  .modal-lg {
    width: 1150px;
  }
}

.well {
  background: rgb(243,244,245);
}


.modal {
  background: rgb(243,244,245);
}
/*#shiny-modal > div > div > */
  .modal-header {
    background: rgb(0,115,171) url(./bg-pattern.png);
    color: #000;
  }
/*#shiny-modal > div > div > div.*/
  .modal-header > h4 {
    color: white;
    font-weight: 500;
    font-size: x-large;
  }

.modal h1 {
  text-transform: uppercase;
  font-family: 'MaerskHeadline', sans-serif;
  font-size: x-large;
  font-weight: 700;
  margin-bottom: 25px;
  margin-top: 50px;
}


.modal h2 {
  font-family: 'MaerskHeadline', sans-serif;
  font-size: x-large;
  font-weight: 700;
  margin-bottom: 25px;
}

/* Module: PoolVP - vessel select box */
  #vessel_select_box{
  background-color: rgb(243,244,245); 
}
#vessel_select_box .col-sm-3 {
background-color: rgb(243,244,245);
padding-top:10px;
}
#vessel_select_box .col-sm-2 {
padding-top:10px;
}

/*#shiny-tab-poolvesselperformance .panel-body > */
  #shiny-tab-poolvesselperformance h3 {
  margin-bottom: 15px;
padding-bottom: 5px;
border-bottom: 1px solid darkgray;
font-weight: 600;
font-size: large;
}
.panelhead .vessel {
  font-weight: 700;
  font-size: xx-large;
}
.panelhead .owner {
  font-weight: 400;
  
}


/* Sidebar */ 
  #sidebarItemExpanded > div.logo_container{
  text-align: center;
margin: 0px 0 60px 0;
}

.logo_container{
  text-align: center;
  margin: 0px 0 60px 0;
}

/* Sidebar menu */
  .skin-black .sidebar a {
    color: rgb(0,36,61);
  }


.skin-black .sidebar-menu>li>.treeview-menu {
  margin: 0 1px;
  /*background: rgb(0,115,171); */
    background: rgba(181,224,244, 0.4);
  color: rgb(0,36,61);;
}

.skin-black .sidebar-menu>li.active>a, 
.skin-black .sidebar-menu>li:hover>a {
  color: #fff;
    background: rgb(0,36,61);
  border-left-color: #fff;
}

.skin-black .treeview-menu>li.active>a, .skin-black .treeview-menu>li>a:hover {
  color: rgb(0,36,61);
}

.skin-black .treeview-menu>li>a {
  color: rgb(0,36,61);
}

.treeview-menu>li>a {
  margin-left: 30px;
}


/* Content */
  .content {
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 40px;
    margin-right: 40px;
  }



/* Misc. */
  .tab {
    padding-left: 20px;
  }

/* Arrow */ 
  .arrow {
    width:170px;
    margin:50px auto;
    margin-bottom: 60px;
  }

.line {
  margin-top:7px;
  width:150px;
  background: rgb(0,36,61);
  height:6px;
  float:left;
}
.point {	
  width: 0; 
  height: 0; 
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 20px solid rgb(0,36,61);
  float:right;
}



/* search bar in data tables */
  #DataTables_Table_1_filter {
  text-align: left;
}

#DataTables_Table_1_filter > label {
width: 90%;
}

#DataTables_Table_1_filter > label > input {
width: 100%;
}