/*
 * --- BOOTSTRAP 3.0 --
 * remove these classes in case bootstrap is being updated to v3
 */
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}
.text-left {
	text-align: left;
}
.ui-icon {
	display: inline-block; /* is 'block' in jqui and breaks accordion triangles */
}
.ui-state-active {
	background-color: rgb(184, 184, 184); /* gray over default blue, visible in accordion */
}
a.btn .icon {
	margin-top: 0;
}

/*
 * --- BOOTSTRAP 2.0 OVERRIDES --
 * remove or adapt these classes in case bootstrap is being updated to v3
 */
select, textarea,
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"],
input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"],
input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"],
.uneditable-input {
	margin: 0px; /* remove bottom margin */
}

/* ----------------------------------------- generic reset ----------------------------------------- */

td {
	vertical-align: top;
}

/* ----------------------------------------- utility ----------------------------------------- */

.clear {
	clear: both;
}

.printOnly {
	display: none;
 }

.small_print {
	font-size: 10px;
}
 
/* ----------------------------------------- generic typo ----------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	color: rgb(85, 85, 85);
}
h1 {
	font-size: 26px;
	text-transform: uppercase;
}
h2 {
	font-size: 18px;
	text-transform: uppercase;
}

/* ----------------------------------------- content ----------------------------------------- */

#content table{
	border-collapse: collapse;
	border: 1px solid #81939B;
	background-color: #C0DBE7;
}

#content td,
#content th {
	padding: 4px;
	border: 1px solid;
}

#content th {
	font-weight: bold;
}

/*
 * Tables used for forms
 */
#content table.formtable tr {
	border-bottom: 1px solid rgba(0,0,0, .1);
}
#content table.formtable tr:last-of-type,
#content table.formtable tr.no-sep {
	border-bottom: none;
}
#content table.formtable td {
	border: none;
	padding: 12px 8px 5px;
}
#content table.formtable .no-sep td {
	padding: 12px 8px 0px;
}
#content table.formtable td:last-of-type {
	padding-bottom: 12px;
}
#content table.formtable tr,
#content table.formtable tr.light,
#content table.formtable tr.dark {
	background: #aac4d1;
}
#content table.formtable tr.input-disabled  {
	color: rgba(0,0,0, .5);
	background: #e6e6e6;
}
#content table.formtable.no-colors,
#content table.formtable.no-colors tr,
#content table.formtable.no-colors th,
#content table.formtable.no-colors td {
	border: none !important;
	background: transparent !important;
}
#content table.formtable.no-colors th,
#content table.formtable.no-colors td {
	padding: 8px 8px 0px;
}

/* ----------------------------------------- tables ----------------------------------------- */

tr.dark, tr.odd {
	background: #aac4d1;
}
tr.light, tr.even {
	background: #c0dbe7;
}

/* ----------------------------------------- header / admin panel ----------------------------------------- */

#adminpanel {
	position: absolute;
	padding: 2px 10px;
	top: -1px;
	right: 20px;
	min-width: 400px;
	background: rgb(255, 253, 233);
	border: 1px solid rgba(0, 0, 0, 0.5);
	border-radius: 0 0 4px 4px;
	font-size: 9pt;
	line-height: 1.3;
	text-align: center;
	color: #606060;
}
#adminpanel a {
	color: #f05030;
}

#adminquerys {
	display: none;
	position: absolute;
	top: 20px;
	left: 10%;
	width: 80%;
	height: 90%;
	overflow: auto;
	font-size: 9pt;
	z-index: 1000;
	padding: 10px;
	background-color: rgba(0,0,0, 0.9);
	color: #f6f6f6;
	font: 9pt/1.2 monospace;
	white-space: normal;
}
#adminquerys table {
	border-collapse: collapse;
}
#adminquerys table th,
#adminquerys table td {
	padding: 5px;
	border: solid 1px rgba(255,255,255, .5);
}

/* ----------------------------------------- header / main nav ----------------------------------------- */

#header {
	height: 72px;
	--width:100%;
	--background: none;
	--text-align:left;
}
#header .homelink img {
	max-height: 42px;
	margin-left: 10px;
	margin-top: 15px;
}

#logoutNavi {
	position: absolute;
	padding: 4px;
	font-size: 14px;
	position: absolute;
	right: 20px;
	top: 20px;
	margin-left: 300px;
}

#globalFilter {
	position: absolute;
	padding: 4px;
	font-size: 15px;
	font-weight: bold;
	position: absolute;
	right: 10px;
	top: 75px;
	margin-left: 300px;
	color: #ffffcc;
	text-shadow: 1px 1px 0px #000;
}

/* ----------------------------------------- module text ("headline") ----------------------------------------- */

.moduleHeadline {
	margin-bottom: 10px;
}

.headlineOptions {
	text-align: right;
	padding: 5px;
}

.headlineOptions img {
	cursor: pointer;
}

#headlineContent {
	padding: 5px;
}
#headlineSaveButton {
	display: none;
}

.headlineOptions {
	line-height: 0;
	text-align: right;
}

.headlineOptions img {
	cursor: pointer;
	display: inline-block;
	margin: 0 4px;
}

#headlineContent {
	background-color: #f6f6c6;
	border: 1px solid #cacaca;
	padding: 5px;
}

/* ----------------------------------------- content headline ----------------------------------------- */

.headline_noheadline {
	display: none;
}

.headline_content {
	font-style: italic;
	text-transform: uppercase;
	margin: -1px -10px 10px; /* -1px top to overlap eventual bottom border of header */
	padding: 0px 10px;
	font-size: 22px;
	line-height: 1.5;
	color: #000;
}

/* ----------------------------------------- main layout ----------------------------------------- */

#content {
	margin: 0 10px;
}

#footerLogo {
	position: absolute;
	bottom: 0;
	left: 0;
	box-sizing: border-box;
	width: 100%;
	height: 50px;
	--border-top: 1px solid #000;
	--background: #DCE4E5;
	--background: #E1E4E4;
	padding: 10px;
	text-align: right;
}
html {
	height: 100%;
}
body {
	min-height: 100%;
	position: relative;
	padding-bottom: 50px;
	box-sizing: border-box;
}

/* ----------------------------------------- draft add/delete (what is this?) ----------------------------------------- */

.draftParent, .draftChild, .draftParentView, .draftChildView {
	margin: 20px;
	padding: 20px;
	border: solid 1px green;

	position: relative;
}

.draftParentView {
	margin: 0px;
}

.draftParentView .draftDelete, .draftChildView .draftDelete, .draftParentView .draftAdd, .draftChildView .draftAdd {
	display: none;
}

.draftParent {
	border: dotted 1px #4169e1;
}

.draftAdd, .draftDelete {
	position: absolute;
	bottom: 0;
	right: 0;
	border: dotted 1px #ffd700;
	display: none;
}

.draftParent:hover .draftAdd {
	display: block;
}

.draftChild:hover .draftDelete {
	display: block;
}

/* ----------------------------------------- content navi (module menu) ----------------------------------------- */

.content_navi {
	margin-bottom: 10px;
	padding: 10px;
	border-radius: 4px;
}

.content_nonavi {
	display: none;
}

.content_navi ul, .content_navi ul li {
	margin: 0px;
	padding: 0px;
}

.content_navi ul li {
	float: left;
	list-style: none;
}

.content_navi ul li:after {
	content: '|';
	margin: 0 10px;
}

.content_navi ul li:last-child:after {
	content: "";
	display: none;
}

.content_navi2 {
	margin-bottom: 10px;
	margin-right: 10px;
	padding-left: 10px;
	padding-top: 11px;
	padding-bottom: 10px;
}


/* ------------------------------ datatables / fixed headers / pagination --------------------------- */

.datatable_selection {
	border: 1px solid #000;
	border-bottom: none;
	padding: 12px 16px 4px;
	xbackground: #B3C0C0; /* same as pagination header */
	margin-bottom: -1px; /* overlap with pagination header border */
	z-index: 1000;
	position: relative;
	display: inline-block;
	border-radius: 6px 6px 0 0;
}
.datatable_selection_text {
	display: inline-block;
	width: 150px;
}
.datatable_selection_actions {
	display: inline-block;
	margin-right: 25px; /* some space before the text following the buttons */
}

#datatable th {
	position: relative;
	-border-color: transparent !important;
	overflow: hidden;
}
/*
#datatable tr.datatable_labels th:after {
	content: '';
*/
/*
#datatable tr.datatable_labels th div {
	position: fixed;
	-background: rgba(100,100,100,.5);
	-width: inherit;
	height: 100%;
	-height: inherit;
	top: 0;
	width: 0;
	margin-left: -5px;
	-padding: 4px;
	border-left: 1px solid #f0f;
	box-sizing: border-box;
}
*/
table#datatable,
.FixedHeader_Header table,
div.pagination table {
	background: #B3C0C0 !important;
	border-spacing: 0;
	border-left: 1px solid;
}
table#datatable,
div.pagination table {
	border: none !important; /* because of "#content table" */
}
table#datatable{
	border-bottom: 1px solid !important;
}
tr.datatable_labels {
	background: #B3C0C0;
}
table#datatable,
.FixedHeader_Header table {
	border: none;
	-border-collapse: collapse;
	border-collapse: separate;
	border-bottom: 1px solid #000;
}
.FixedHeader_Header table {
	-table-layout: fixed;
	-width: auto;
}
#datatable th,
#datatable td,
.FixedHeader_Header th,
.FixedHeader_Header td {
	padding: 4px;
	border:1px solid #000;
	border-right: none; /* important for javascript measurements */
	border-bottom: none;
}
#datatable th:last-child,
#datatable td:last-child,
.FixedHeader_Header th:last-child,
.FixedHeader_Header td:last-child  {
	border-right: 1px solid; /* important for javascript measurements */
}


#datatable          th.clicksort,
.FixedHeader_Header th.clicksort {
	cursor: pointer;
}
#datatable          th.clicksort.activesort,
.FixedHeader_Header th.clicksort.activesort {
	background: #90a0a0;
	-border-bottom: 3px solid #000;
}
#datatable          th.clicksort:hover,
.FixedHeader_Header th.clicksort:hover {
	background: #a0b0b0;
}
#datatable          th.clicksort a,
.FixedHeader_Header th.clicksort a {
	text-decoration: none;
}


div.pagination {
	height: 50px;
}
div.pagination,
div.pagination table,
div.pagination tr,
div.pagination th,
div.pagination td {
	margin: 0;
	-padding: 0;
	border: none !important;
	font-weight: normal;
}
div.pagination td {
	border: none;
	text-align: center;
	vertical-align: middle;
}

#datatable_optionsbar {
	overflow: hidden; /* clear self */
}
#datatable_options form {
	margin: 0;
}
#datatable_options input,
#datatable_options select,
#datatable_options textarea {
	margin-bottom: 0px !important;
}
#datatable_options {
	overflow: hidden; /* clear self */
	-background: #B3C0C0;
	background: #C0DBE7; /* content table bg */
	background: #f0f; /* content table bg */
	border: 1px solid #000;
	margin-bottom: 10px;
	padding: 10px 10px;
}
#datatable_options table,
#datatable_options th,
#datatable_options td {
	background: none transparent !important;
	border: none !important;
}

 /* Vertical seperating line between "Filters" and "Columns" */
#datatable_options td {
	border-left: 1px solid !important;
}
#datatable_options td td,
#datatable_options td:first-of-type {
	border: none !important;
}
#datatable_options_formbuttons {
	text-align: right;
}
#datatable_options_formbuttons input {
	margin-left: 10px;
	font-weight: normal;
}

/* ------------------------------ Module: Certificates ---------------------- */

/*
 * Thicker separation line in the overview above certificitates, which are not
 * sub-certificates
 */
tr.parent_cert td {
	border-top: 3px solid #000 !important;
}

/*
 * Certificates: Expiry colors
 */
table .cert_renewal_window, .cert_color_legend .cert_renewal_window {
	background-color: #ffb75a !important;
}

table .cert_overtime, .cert_color_legend .cert_overtime, .defCat3, table .requests_delayed {
	background-color: #FF4444 !important;
}

table .cert_1moth_window, .cert_color_legend .cert_1moth_window, .defCat2  {
	background-color: #ffd700 !important;
}

table .cert_2moth_window, .cert_color_legend .cert_2moth_window, .defCat5, table .requests_nearDate {
	background-color: #fffdb9 !important;
}

table .cert_notsigned, .cert_color_legend .cert_notsigned{
	background-color: #fff !important;
}

table .vesselSigned, .cert_color_legend .vesselSigned{
	color: #7d8b5a;
}

table .vesselNotSigned, .cert_color_legend .vesselNotSigned {
	color: #a24040;
}

.cert_color_legend {
	padding: 5px 0;
	margin-bottom: 10px;
}
.cert_color_legend ul {
	margin: 0;
	padding: 0;
	overflow: hidden; /* clear self */
}

.cert_color_legend li {
	float: left;
	list-style: none;
	font-size: 9pt;
	border: 1px solid rgba(0,0,0,.15) !important;
	border-radius: 4px;
	padding: 0 6px;
	margin-left: 10px;
	margin-left: 5px;
}
.cert_color_legend li:first-child { /* label "Legend" */
	font-weight: bold;
	margin: 0;
	padding: 1px 0px;
	border: none !important;
}

.cert_color_legend span {
	float: left;
}

/*
 * Certificates: Categories overview
 */
.cert_cat {
	border: 1px solid #909090;
}
.cert_cat ul {
	list-style: none;
}
.cert_cat li {
	margin-left: 40px;
	margin-bottom: 8px;
}
.cert_cat li b {
	width: 40px;
	margin-left: -40px;
	display: inline-block;
}
.cert_cat li .description {
	font-size: 9pt;
	line-height: 1.25;
}
.cert_cat h4 {
	font-size: 16pt;
	margin: 0;
}
.cert_cat a {
	display: block;
	color: #0088cc; /* bootstrap 2 default */
}
.cert_cat a:hover {
	background: #f0faff;
}


.ImportCheckAlert {
	background-color: rgb(216, 55, 47);
}

.ImportCheckAlert, .ImportCheckAlert a {
	color: #fff;
}

/* ------------------------------ THIRD PARTY RELATED ---------------------- */

.aloha-sidebar-bar{
	display: none !important;
}

.aloha-editable-active{
	outline: none !important;
}