/** Add css rules here for your application. */

DIV#mainDIV {
  width: 100%;	
  height: 700px;
}

.default-font {
	font-family: tahoma;
	font-size: 11px;	
}

.default-font-tree {
	font-family: tahoma;
	font-size: 11px;	
	font-weight: normal;
}

.small-font-tree {
	font-family: tahoma;
	font-size: 10px;	
	font-weight: normal;
}

.default-icon-tree-file {
	font-family: tahoma;
	font-size: 11px;	
	font-weight: normal;
	background-position: 0 0px; 
    background-repeat: no-repeat;
    background-image: url('/img/tree/file.png'); 
    height: 16px; 
    width: 16px; 
}

.default-icon-tree-folder {
	font-family: tahoma;
	font-size: 11px;	
	font-weight: normal;
	background-position: 0 0px; 
    background-repeat: no-repeat;
    background-image: url('/img/tree/folder_open.png'); 
    height: 16px; 
    width: 16px; 
}

/* Custom tooltip styling*/ 
.tooltipDiv {
 	background-color:#ffffff;
 	padding-left:10px;
 	padding-right:10px;
 	padding-bottom:3px;
 	padding-top:2px;
	border:1px #000001 solid;
	font-family:Arial,Verdana,sans-serif; font-size:11px;
}

/* Standard play button*/ 
.play-button .x-btn-left, 
.play-button .x-btn-right, 
.play-button .x-btn-center { 
    background: 0; 
} 
/* Make it 32x32 and set the image */ 
.play-button .x-btn-center .x-btn-text { 
    background-position: 0 0px; 
    background-repeat: no-repeat;
    background-image: url('/img/player/standard/play.png'); 
    height: 32px; 
    width: 32px; 
}
/* Pressed play button*/ 
.play-button-pressed .x-btn-left, 
.play-button-pressed .x-btn-right, 
.play-button-pressed .x-btn-center { 
    background: 0; 
} 
/* Make it 32x32 and set the image */ 
.play-button-pressed .x-btn-center .x-btn-text { 
    background-position: 0 0px; 
    background-repeat: no-repeat;
    background-image: url('/img/player/pressed/play.png'); 
    height: 32px; 
    width: 32px; 
}
/* Disabled play button*/ 
.play-button-disabled .x-btn-left, 
.play-button-disabled .x-btn-right, 
.play-button-disabled .x-btn-center { 
    background: 0;
    cursor: default; 
} 
/* Make it 32x32 and set the image */ 
.play-button-disabled .x-btn-center .x-btn-text { 
    background-position: 0 0px; 
    background-repeat: no-repeat;
    background-image: url('/img/player/disabled/play.png'); 
    height: 32px; 
    width: 32px;
    cursor: default;
}


/* Standard pause button*/ 
.pause-button .x-btn-left, 
.pause-button .x-btn-right, 
.pause-button .x-btn-center { 
    background: 0; 
} 
/* Make it 32x32 and set the image */ 
.pause-button .x-btn-center .x-btn-text { 
    background-position: 0 0px; 
    background-repeat: no-repeat;
    background-image: url('/img/player/standard/pause.png'); 
    height: 32px; 
    width: 32px; 
}
/* Pressed pause button*/ 
.pause-button-pressed .x-btn-left, 
.pause-button-pressed .x-btn-right, 
.pause-button-pressed .x-btn-center { 
    background: 0; 
} 
/* Make it 32x32 and set the image */ 
.pause-button-pressed .x-btn-center .x-btn-text { 
    background-position: 0 0px; 
    background-repeat: no-repeat;
    background-image: url('/img/player/pressed/pause.png'); 
    height: 32px; 
    width: 32px; 
}
/* Disabled pause button*/ 
.pause-button-disabled .x-btn-left, 
.pause-button-disabled .x-btn-right, 
.pause-button-disabled .x-btn-center { 
    background: 0; 
    cursor: default;
} 
/* Make it 32x32 and set the image */ 
.pause-button-disabled .x-btn-center .x-btn-text { 
    background-position: 0 0px; 
    background-repeat: no-repeat;
    background-image: url('/img/player/disabled/pause.png'); 
    height: 32px; 
    width: 32px; 
    cursor: default;
}

/* Standard stop button*/ 
.stop-button .x-btn-left, 
.stop-button .x-btn-right, 
.stop-button .x-btn-center { 
    background: 0; 
} 
/* Make it 32x32 and set the image */ 
.stop-button .x-btn-center .x-btn-text { 
    background-position: 0 0px; 
    background-repeat: no-repeat;
    background-image: url('/img/player/standard/stop.png'); 
    height: 32px; 
    width: 32px; 
}
/* Pressed stop button*/ 
.stop-button-pressed .x-btn-left, 
.stop-button-pressed .x-btn-right, 
.stop-button-pressed .x-btn-center { 
    background: 0; 
} 
/* Make it 32x32 and set the image */ 
.stop-button-pressed .x-btn-center .x-btn-text { 
    background-position: 0 0px; 
    background-repeat: no-repeat;
    background-image: url('/img/player/pressed/stop.png'); 
    height: 32px; 
    width: 32px; 
}
/* Disabled stop button*/ 
.stop-button-disabled .x-btn-left, 
.stop-button-disabled .x-btn-right, 
.stop-button-disabled .x-btn-center { 
    background: 0; 
    cursor: default;
} 
/* Make it 32x32 and set the image */ 
.stop-button-disabled .x-btn-center .x-btn-text { 
    background-position: 0 0px; 
    background-repeat: no-repeat;
    background-image: url('/img/player/disabled/stop.png'); 
    height: 32px; 
    width: 32px; 
    cursor: default;
}


/* Standard fast-forward button*/ 
.fast-forward-button .x-btn-left, 
.fast-forward-button .x-btn-right, 
.fast-forward-button .x-btn-center { 
    background: 0; 
} 
/* Make it 32x32 and set the image */ 
.fast-forward-button .x-btn-center .x-btn-text { 
    background-position: 0 0px; 
    background-repeat: no-repeat;
    background-image: url('/img/player/standard/fast-forward.png'); 
    height: 32px; 
    width: 32px; 
}
/* Pressed fast-forward button*/ 
.fast-forward-button-pressed .x-btn-left, 
.fast-forward-button-pressed .x-btn-right, 
.fast-forward-button-pressed .x-btn-center { 
    background: 0; 
} 
/* Make it 32x32 and set the image */ 
.fast-forward-button-pressed .x-btn-center .x-btn-text { 
    background-position: 0 0px; 
    background-repeat: no-repeat;
    background-image: url('/img/player/pressed/fast-forward.png'); 
    height: 32px; 
    width: 32px; 
}
/* Disabled fast-forward button*/ 
.fast-forward-button-disabled .x-btn-left, 
.fast-forward-button-disabled .x-btn-right, 
.fast-forward-button-disabled .x-btn-center { 
    background: 0; 
    cursor: default;
} 
/* Make it 32x32 and set the image */ 
.fast-forward-button-disabled .x-btn-center .x-btn-text { 
    background-position: 0 0px; 
    background-repeat: no-repeat;
    background-image: url('/img/player/disabled/fast-forward.png'); 
    height: 32px; 
    width: 32px; 
    cursor: default;
}


/* Standard rewind button*/ 
.rewind-button .x-btn-left, 
.rewind-button .x-btn-right, 
.rewind-button .x-btn-center { 
    background: 0; 
} 
/* Make it 32x32 and set the image */ 
.rewind-button .x-btn-center .x-btn-text { 
    background-position: 0 0px; 
    background-repeat: no-repeat;
    background-image: url('/img/player/standard/rewind.png'); 
    height: 32px; 
    width: 32px; 
}
/* Pressed rewind button*/ 
.rewind-button-pressed .x-btn-left, 
.rewind-button-pressed .x-btn-right, 
.rewind-button-pressed .x-btn-center { 
    background: 0; 
} 
/* Make it 32x32 and set the image */ 
.rewind-button-pressed .x-btn-center .x-btn-text { 
    background-position: 0 0px; 
    background-repeat: no-repeat;
    background-image: url('/img/player/pressed/rewind.png'); 
    height: 32px; 
    width: 32px; 
}
/* Disabled rewind button*/ 
.rewind-button-disabled .x-btn-left, 
.rewind-button-disabled .x-btn-right, 
.rewind-button-disabled .x-btn-center { 
    background: 0;
    cursor: default; 
} 
/* Make it 32x32 and set the image */ 
.rewind-button-disabled .x-btn-center .x-btn-text { 
    background-position: 0 0px; 
    background-repeat: no-repeat;
    background-image: url('/img/player/disabled/rewind.png'); 
    height: 32px; 
    width: 32px;
    cursor: default;
}


/* Standard screenshot button*/ 
.screenshot-button .x-btn-left, 
.screenshot-button .x-btn-right, 
.screenshot-button .x-btn-center { 
    background: 0; 
} 
/* Make it 32x32 and set the image */ 
.screenshot-button .x-btn-center .x-btn-text { 
    background-position: 0 0px; 
    background-repeat: no-repeat;
    background-image: url('/img/player/standard/screenshot.png'); 
    height: 32px; 
    width: 32px; 
}
/* Pressed screenshot button*/ 
.screenshot-button-pressed .x-btn-left, 
.screenshot-button-pressed .x-btn-right, 
.screenshot-button-pressed .x-btn-center { 
    background: 0; 
} 
/* Make it 32x32 and set the image */ 
.screenshot-button-pressed .x-btn-center .x-btn-text { 
    background-position: 0 0px; 
    background-repeat: no-repeat;
    background-image: url('/img/player/pressed/screenshot.png'); 
    height: 32px; 
    width: 32px; 
}
/* Disabled screenshot button*/ 
.screenshot-button-disabled .x-btn-left, 
.screenshot-button-disabled .x-btn-right, 
.screenshot-button-disabled .x-btn-center { 
    background: 0;
    cursor: default; 
} 
/* Make it 32x32 and set the image */ 
.screenshot-button-disabled .x-btn-center .x-btn-text { 
    background-position: 0 0px; 
    background-repeat: no-repeat;
    background-image: url('/img/player/disabled/screenshot.png'); 
    height: 32px; 
    width: 32px;
    cursor: default;
}

/* Custom HeaderItem style (red text) */
.redHeaderItem {
    font-family:Arial,sans-serif; font-size:14px; font-weight:bold;
	color:#FF0000;
}
.redExtraInfo {
    background-position: 0 0px; 
    background-repeat: no-repeat;
    background-image: url('/img/vessel/vessel_extra_info.png'); 
    height: 16px; 
    width: 16px;
    cursor: default;
}
.create-manual-event-label {
	cursor: pointer;
	background-color: #d9e7f8;
	font-weight: bold;
	height: 25px;
	width: 128px;
	line-height: 25px;
	padding-left: 12px;
	color: #5c7fb6;
	margin-left: 7px;
	margin-top: 9px;
}

.delete-button, .delete-button-disabled {
	height: 16px;
	line-height: 16px;
	width: 16px;
	text-align: center;
	font-weight: bold;
}
.delete-button {
	cursor: pointer;
	background-color: #d9e7f8;
	color: #5c7fb6;
}

.delete-button-disabled {
	cursor: default;
	background-color: #a8a8a8;
	color: #808080;
}

.suspend-button {
	background-color: #F5A9A9;
	color: white;
}

.vessel-filter-button {
	background-color: #FBB917;
	color: white;
}

.event-zone-filter-button {
	background-color: #FBB917;
	color: white;
}

.events-label {
	font-weight:bolder;
	color:#000080;
}

.am-map-control-panel {
	margin: 5px 0px 0px 0px;

	border-bottom-left-radius: 2px;
	border-top-left-radius: 2px;
	-webkit-background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.14902);
	-webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
	box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
	min-width: 24px;
	font-weight: 500;
	background-color: rgb(255, 255, 255);
	background-clip: padding-box;

}	

.am-map-control-panel-2 {


    /*
	margin: 5px 0px 0px 0px;
	border-bottom-left-radius: 2px;
	border-top-left-radius: 2px;
	-webkit-background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.14902);
	-webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
	box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
	min-width: 24px;
	background-color: rgb(255, 255, 255);
	background-clip: padding-box;
	font-weight: 500;
	font-family: Roboto,Arial,sans-serif;
	font-size: 10pt;
	color: white;
	*/

	width: 200px;
	height: 60px;
    background-position: 0 0px; 
    background-repeat: no-repeat;
    background-image: url('/img/AssetMonitor_Powered By_logo.png');
    opacity: 0.5; 

}	

.am-digitise-select {
	color: red;
}

.am-disabled-text {
	background-color: #AAAAAA;
}

.am-map-delete-vertex-menu {
	position: absolute;
	background: white;
	padding: 3px;
	color: #666;
	font-weight: bold;
	border: 1px solid #999;
	font-family: sans-serif;
	font-size: 12px;
	box-shadow: 1px 3px 3px rgba(0, 0, 0, .3);
	margin-top: -10px;
	margin-left: 10px;
	cursor: pointer;
}

.am-map-delete-vertex-menu:hover {
	background: #eee;
}


.label-ie {

	font: normal 12px tahoma,arial,helvetica,sans-serif;
	
}

.label-top-ie {

	font: normal 12px tahoma,arial,helvetica,sans-serif;
	
	margin-bottom: 5px;
	
}

.select-ie {

	font: normal 12px tahoma,arial,helvetica,sans-serif;
	/*border-color: #d9e7f8;*/
	border-color: #dddddd;
	margin-bottom: 5px;
	margin-right: 5px;
	
}

select[disabled] { 

	background-color: white; 
	border-color: #dddddd;
	
}

select:focus::-ms-value { 

	color: black;
	background-color: white; 
	border-color: #d9e7f8;
	
}

.pushbutton-am {
	
	padding: 0px;
	margin: 2px;
	
}

.logging-in {
	
	text-align: center;
	
}

.loginPanelStyle {
	position: absolute;
  	margin: auto;
  	top: 0;
  	right: 0;
  	bottom: 0;
  	left: 0;
    width: 300px;
    height: 300px;
}

.nkt-body {
	background-image: url("img/NKT_Victoria_Dock.jpg");
	background-size: cover;
}

.sent-body {
	background-image: url("img/landing/sentinel/sent_background.jpg");
	background-size: cover;
}

.sent-header {
  font-family: Georgia, serif;
  font-size: 250%;
  margin: 0.5vw;
  color: #1A2E40;
  text-align: right;
  float: right;
  padding-top: 0.5%;
}

.nkt-container {
	position: absolute;
	top: 4vw;
	left: 5vw;
	display: flex;
    align-items: center;
}	

.sent-container {
	
    width: 100%;
}	

.nkt-logo {
	float: left;
	width: 10%;
	height: auto;
	margin: 0px 400px 0px 0px;
	
}

.sent-logo {
	position: absolute;
	padding-left:1%;
	padding-top:0.3%	
}

.nkt-header {
  font-family: Georgia, serif;
  font-size: 3.5vw;
  color: white;
  margin: 0px;
  padding: 0px;
}

.loginSubmit {
	
	font-family: arial;
	font-size: 1em;
    background-color: #007BFF;
    margin-top: 5%;
    color: white;
    border: 2px solid #007BFF;
	border-radius:5px;
    width: 100%;
    height: 10%;
	
}

.loginSentinelSubmit {
	
	font-family: arial;
	font-size: 1em;
    background-color: #1A2E40;
    margin-top: 5%;
    color: #D9B60B;
    border: 2px solid #1A2E40;
	border-radius:5px;
    width: 100%;
    height: 10%;
	
}

.loginHeader {
	
	font-family: arial;
	font-size: 2em;
    text-align: center;
    padding-top: 2.5%;
    width: 100%;
	font-weight: bold;
	
}

.loginLabel {
	
	font-family: arial;
	font-size: 1em;
    text-align: left;
    padding-top: 4%;
    padding-bottom: 1.5%;
    width: 100%;
	
}

.loginInfoLabel {
	
	font-family: arial;
	font-size: 0.75em;
    text-align: left;
    padding-top: 1%;
    padding-bottom: 1%;
    width: 100%;
	
}

.loginTextBox {
	
	font-family: arial;
	font-size: 1em;
	padding-top: 3%;
	padding-bottom: 3%;
	padding-left: 3%;
	padding-right: 3%;
    width: 100%;
    placeholder: "abc";
	
}

.loginForgotPassword {
	
	font-family: "Helvetica Neue", Helvetica;
    font-size: 1em;
    background-color: white;
    margin: auto;
    padding: 10px;
    color: #007BFF;
    border: hidden;
    width: 55%;
    height: 7.5%;
    display: flex;
	
}

.loginSentForgotPassword {
	
	font-family: "Helvetica Neue", Helvetica;
    font-size: 1em;
    background-color: white;
    margin: auto;
    padding: 10px;
    color: #1A2E40;
    border: hidden;
    height: 7.5%;
	
}

.loginError {
	
	font-family: "Helvetica Neue", Helvetica;
	font-size: 0.9em;
    text-align: left;
    padding-top: 4%;
    padding-bottom: 1.5%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    color: #ff0033;
    text-align: center;
	
}