/* CSS Document */

* {
        font-size: 12px;
        font-family: Trebuchet MS, Verdana, Helvetica, Geneva, Arial,  sans-serif;
}

body {
        background-color: #FFFFFF;     
        margin-left: 0px;
		margin-rigth: 0px;
		margin-bottom: 0px;
                margin-top: 0px;
}

#page {
        width: 1366px;
        margin: 5px auto 5px;
        background-color: #5F7498;
        border: 1px solid #1E4077;     
}

#page.responsive {
  width: auto;
  margin: auto;
}

#pagename, .pagename {
        color: #FFA20C;
        background-color: #FFFFFF;
        font-size: 1.4em;
        font-weight: bold;
        margin-bottom: 10px;
}

#pagename hr, .pagename hr {
        color: #E8E8E8;
        background-color: #E0E0E0;
        border: 1px solid #E0E0E0;
        margin-top: 0px;
}

hr {
	color: #E8E8E8;
    background-color: #E0E0E0;
    border: 1px solid #E0E0E0;
}

#pagenav, .pagenav {
        text-align: right;
        margin-right: 10px;
        font-size: 1.1em;
}

#pagenav a, .pagenav a {
        font-size: 1.1em;
}

#header {
        background-color: #FFFFFF;
        border-bottom: 20px solid #1E4077;
}

#header .top {
        padding: 3px 7px 3px 7px;
        color: #FFFFFF;
        background-color: #1E4077;
}

#header .bottom {
        background-color: #FFA20C;
        height:4px;
}

#header .navigation{
		float: bottom;
		
}

#header .login {
        font-size: .95em;
        font-weight: bold;
}

#header a {
        font-size: .95em;
        color: #FFA20C;
        text-decoration: none;
}

#header .middle {

}

#footer {
        clear: both;
        text-align: center;
        background-color: #1E4077;
        color: #FFFFFF;
}

#sidebar {
        float: left;
        width: 190px;
        text-align: center;
        background-color: #5F7498;
        border-right: 1px solid #1E4077
}

#sidebar .infobox {
        margin: 8px;
        background-color: #FFFFFF;
        border: 3px solid #FFA20C;
        padding:0 0 10px 0;
}

#sidebar .deemph {
        color: #5F7498;
        font-style: italic;
}

#sidebar .emph {
        font-weight: bold;
}

#content {
        float: left;
        width: 1165px;
        background-color: #FFFFFF;
        padding: 5px;
        border-left: 1px solid #1E4077;
        margin-left:-1px;
        min-height:545px;
}

#content .infobox {
        padding: 8px;
        border: 1px solid #CCCCCC;
        background-color: #E8E8E8;
        width:100%;
}

.infobox a, .infobox div.review {text-decoration: underline;}

#contentnoside {
        background-color: #FFFFFF;
        padding: 5px;
}

.prop { height: 440px; float: right; position: relative; clear:none; width: 1px; }
.clear { clear: both; height: 1px; overflow: hidden; }
.spacer { clear: both; }
.screenHide {display:none;}

h2 {
        color: #1E4077;
        font-size: 1.2em;
        margin:10px 0 5px 0;
}

td h2 {
		margin:0 0 0 0;
		font-size:1em;		
}

.sectionTitle {
		color: #1E4077;
		font-size:16px;
		font-weight:bold;
}

a {
        color: #5F7498;
        text-decoration: none;
        font-weight: bold;
}

a:hover {
        color: #AFB589;
}

.inputLabel {
        font-size: 1.2em;
        font-weight: bold;
}

.inputText {
        border: 1px solid #CCCCCC;
        background-color: #E8E8E8;
        font-size: 1.1em;
        font-weight: bold;
        padding: 3px;
}

.inputTextarea {
        border: 1px solid #CCCCCC;
        background-color: #E8E8E8;
        font-size: 1.1em;
        font-weight: bold;
        padding: 3px;
        width: 300px;
        height: 100px;
}

.inputDropdown {
        width: 170px;
        font-size: 1.1em;
        font-weight: bold;
        background-color: #EAEBEB;
        border: 1px solid #CCCCCC;
        padding: 3px;
}

.inputError {
        border: 1px solid #FF0000 !important;
        background-color: #E2BBBC !important;
}

.noeditField, .noeditField a {
        font-size: 14px;
        font-weight: bold;
        color: #1E4077;
}

.bold {
		font-weight:bold;
}

.overdue {
                color: #ff0000;
}

.normal {
		font-weight:normal;
}

.underline {
		text-decoration:underline;
}

.current {
		color:#1E7628;
		font-weight:bold;
}

.hide {
		display:none;
}

.inactive {
		color:#B3B3B3;
}

.imageKosher {
		vertical-align:middle;
}

.excelFlt1 {
	mso-number-format:'\#\,\#\#0\.0';
}

.excelFlt2 {
	mso-number-format:'\#\,\#\#0\.00';
}

.excelInt {
	mso-number-format:'0';
}

.excelPercent0 {
	mso-number-format:'0%';
}

.excelPercent2 {
	mso-number-format:'0.00%';
}

#pagination{
		float:left;
		border:0; 
		margin:15px 0px;
		padding:0;
		width:600px;
}

#pagination li{
		border:0; 
		margin:0; 
		padding:0;
		list-style:none;
		margin-right:2px;
}

#pagination a{
		border:1px solid #CCCCCC;
		margin-right:2px;
}

#pagination .previous-off,
#pagination .next-off {
		border:1px solid #CCCCCC;
		color:#888888;
		display:block;
		float:left;
		font-weight:bold;
		margin-right:2px;
		padding:3px 6px;
}

#pagination .next a,
#pagination .previous a {
		font-weight:bold;
}

#pagination .active{
		background:#5F7498;
		color:#FFFFFF;
		font-weight:bold;
		display:block;
		float:left;
		padding:4px 6px;
		border:1px solid #CCCCCC;
}

#pagination a:link,
#pagination a:visited {
		color:#5F7498;
		display:block;
		float:left;
		padding:3px 6px;
		text-decoration:none;
}

#pagination a:hover{
		background-color:#E6E6E6;
}

.work-order table {
  width: 100%;
}
.work-order table th,
.work-order table td {
  border: 2px solid #B1B1B5;
  padding: 7px;
  font-size: 20px
}

.work-order table td a {
  font-size: 20px;
}

.work-order table th {
  cursor: pointer;
}

.work-order table td {
  padding: 12px 7px;
}

.work-order table tr.selected td {
  border-color: #276BD1;
}

.work-order table th {
  background-color: #fff;
}

th.sort-asc::before {
    content: '\25B2';
    display: inline;
    font-size: 12px;
}

th.sort-desc::before {
    content: '\25BC';
    display: inline;
    font-size: 12px;
}

.work-order .shipcomments {
  cursor: pointer;
  text-align: center;
}

.work-order .status {
  cursor: pointer;
}

.work-order .quantity {
  text-align: right;
}

.work-order .status.open,
.status-item.open {
  background-color: #1E4077;
  color: #fff;
}

.work-order .status.ready,
.status-item.ready {
  background-color: #137722;
  color: #fff;
}

.work-order .status.loading,
.status-item.loading {
  background-color: #DCB100;
  color: #000;
}

.work-order .status.fulfilled,
.status-item.fulfilled {
  background-color: #fff;
  color: #000;
}

#status-menu {
  display: none;
  position: fixed;
  background-color: #fff;
  border: 2px solid #000;
}

.status-item {
  font-size: 20px;
  padding: 10px;
  cursor: pointer;
}

.status-item:hover{
  background-color: #45AFDC;
}

/* TABLE DATA */
.tableHeader {
        border-top: 1px solid #5F7498;
        border-bottom: 1px solid #5F7498;
        background: #AFB589;
        font-weight: bold;
        font-size: 1.2em;
}

.tableSubHeader {
        background: #FCFCFC;
        font-weight: bold;
        font-size: 1.1em;
}

.tableSubHeader .arrived {
        background: #0C7552;
        color:#FFFFFF;
}

.tableSubHeader .departed {
        background: #FDF902;
}

.departed, .arrived {
        padding:3px;
        min-height:18px;
}

.departed.sameday {
        margin-top:24px;
}

.tableData {
        font-size: 1.1em;
        border-bottom: 1px solid #E8E8E8;
        padding: 1px;
        vertical-align: top;
}

.tableData.zebra{
        background-color:#E0E0E0;
}

.numeric {
		text-align:right;
}

.tableDataMouseOver {
        background-color: #E0E0E0;
}

.tableHeaderAlt {
        font-weight: bold;
        font-size: 1.1em;
        border-bottom: 1px solid #E8E8E8;
}

.tableDataTotal td {
		border-top: 1px solid #000000;
		font-weight:bold;
}

.hoverAction a {display:none;}
.hoverAction:hover a{display:inline;}

/* FLASH MESSAGE */
.flashMessageContainer {
        position: absolute;
        z-index: 2;
        display: none; 
        opacity: .98;
        filter: alpha(opacity=98);
        -moz-opacity: 0.98;
}

#flashMessage a {
		color:#5F7498;
}

.flashMessage-SUCCESS {
        text-align: center;
        background-color: #82CA9C;
        color: #000000;
        padding: 2px;
        font-size: 14px;       
        border: 2px solid #1E4077;     
}

.flashMessage-NEUTRAL {
        text-align: center;
        background-color: #FBFBB6;
        color: #000000;
        padding: 2px;
        font-size: 14px;
        border: 2px solid #1E4077;
}

.flashMessage-FAILURE {
        text-align: center;
        background-color: #E2BBBC;
        color: #000000;
        padding: 2px;
        font-size: 14px;
        border: 2px solid #1E4077;
}

/* BAILER */
.rightbox {
        margin-left: 10px;
        padding: 2px;
}

.bailer_highlight {
        background-color: #FFA20C;
        cursor:pointer;
}

.rightbox.toggle {
        margin-top:-21px;
}

.rightbox.toggle a {cursor:pointer;}

.rightbox .name {
        float: left;
        font-size: 1.2em;
}

.rightbox .choose {
        float: right;
        height: 16px;
}

/* FULLCALENDAR FIX */
#calendar .fc-content {clear:none;}

#calendar .fc-event {
  border: 2px solid #000000;
  cursor: pointer !important;
  padding: 0px 2px;
}

#calendar .fc-event .fc-event-title {font-size:11px;}

.responsive #calendar .fc-event .fc-event-title {font-size:20px;}

#calendar .fc-header-title h2 {
  font-size:18px;
}

#calendar .fc-event.multi-release {
	font-weight:bold;
	background-color:#F2F2F2 !important;
}
#indicator-container {text-align:right; margin-right:27px;}
#indicator {display:none;}
#modal-container {display:none;}

#modal-container {
  background-color: #FFFFFF;
  border-radius: 10px;
  box-shadow: 0 0 25px 5px #999999;
  color: #111111;
  display: none;
  min-width: 750px;
  padding: 25px;
}

#modal-container {
  font-size: 17px;
}

.button.b-close, .button.bClose {
  border-radius: 7px;
  box-shadow: none;
  font: bold 131% sans-serif;
  padding: 0 6px 2px;
  position: absolute;
  right: -7px;
  top: -7px;
}

.button {
  background-color: #1E4077;
  border-radius: 10px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
}

.button:hover {
    background-color: #1E1E1E;
}

.button > span {
  font-size: 84%;
}

/* CALENDAR FILTERS */
#filter_container{
	background-color: #EFEFEF;
	border: 1px solid black;
	margin-bottom: 20px;
	padding: 0 10px;
}

.f_div {
	float:left;
	width:30%;
}

.filter_list{
	list-style-type:none;
	padding-left:0;
}

.filter_toggle{
	float: right;
	margin-bottom:5px;
}

.filter_green{
	color: #228B22;
}

.filter_red{
	color: #FF0000;
}

.filter_blue{
	color: #0000FF;
}

#modal_indicator_container{
	text-align:center;
}

/* CLEARFIX */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }


@media all and (max-width: 1280px) { 
  .fc-header tr {
    // display: inline-block;
    // width: 33%;
  }
}


@media only screen and (max-device-width : 320px) {
  .responsive #calendar .fc-event .fc-event-title {
    font-size: 10px;
  }
}

/* Sales Report */
.contract {font-weight:bold;}
.behindish {background-color:#FFA20C; color:#FFFFFF;}
.behindish a {color:#FFFFFF;}
.behind {background-color:#AA5864; color:#FFFFFF;}
.behind a {color:#FFFFFF;}
.way-behind {background-color:#732636; color:#FFFFFF;}
.way-behind a {color:#FFFFFF;}


/* Data Tables */
.group-start {display:none;}

table.dataTable tr.group.group-end td {background-color:#92d050; vertical-align: bottom;}

table.dataTable tbody td.total {background-color:#92cddc;}
table.dataTable.editable tr {height:30px;}

.DTE_Field_InputControl input {width:60%; text-align:right;}

/* Tooltips */
.tooltip_templates {display:none;}

/* Widget Statuses */
.good {background-color:#08A67E; color:#FFFFFF; font-weight:bold;padding:3px;}
.bad {background-color:#D20313; color:#FFFFFF; font-weight:bold;padding:3px;}

/* Service Statuses (Home) */
.service-statuses {padding:10px;}
.service-status {border:1px solid #E0E0E0; text-align:center; margin:10px; padding:20px 0; width:20%; float:left;}
.service-status .logo {margin-bottom:10px;}
.service-status .logo img {height:100px;}
.service-status .name {font-size:1.2em; font-weight:bold; color:#000000;}
.service-status .last-activity {font-style:italic;}
.service-status .status {position:relative; bottom:-25px; font-size:1.3em;}

/* Net Statuses (matches the color scheme from their previous spreadsheet to maintain familiarity) */
.netstatus {padding:3px; color:#FFFFFF; font-weight:bold;}
.netstatus-ready {background-color:#007AC5;}
.netstatus-ov {background-color:#FDF902; color:#000000;}
.netstatus-tbr {background-color:#D20313;}
.netstatus-bad {background-color:#362068;}
.netstatus-inr {background-color:#F3BB42;}
.netstatus-nip {background-color:#B8BBE6;}
.netstatus-noo {background-color:#DA9694;}
.netstatus-tbd {background-color:#0C7552;}

.vesselnotice{font-size:.9em; font-style:italic;}

.change_net_inventory {cursor:pointer;}

.review {font-weight:bold; text-align:center; cursor:pointer; color:#5F7498;}
.review.attention{background-color:#FDF902; font-weight:bold; text-align:center; cursor:pointer;}

.sets .set_no { width:15px;}
.sets .start input { width:40px;}
.sets .end input { width:40px;}
.sets .fish_thousands input { width:50px;}
.sets .aircraft_id select.inputDropdown { width:80px;}
.sets .cdfr_code input { width:50px;}
.sets .latitude_dms input { width:50px;}
.sets .longitude_dms input { width:50px;}
.sets .miles_to_shore input { width:40px;}
.sets .cloud_cover input { width:40px;}
.sets .air_temp input { width:40px;}
.sets .wind_dir input { width:40px;}
.sets .wind_speed input { width:40px;}
.sets .ticket select { width:210px;}

.filters label {display:block;}

.report_icon {width:15px;}

.net_inventory_history {max-height:250px; overflow-y:auto; text-align:left;}
.net_inventory_history.no_scroll {max-height:none; overflow-y:visible;}

.groupTitle {font-size:18px; font-weight:bold; padding: 20px 0 5px; text-decoration: underline;}
.groupTitle span {font-size:12px; font-weight:normal; font-style:italic;}

.ui-datepicker-trigger {height: 20px; vertical-align: middle; padding-left: 3px;}