/*
 * Application specific CSS styles.
 * Add here only the custom classes for this project.
 *
 */


/* --- Homepage styles --- */

.moduleHeader {
	font-size: 15px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: -22px;
}

.liteArea {
	margin-top: 20px;
	text-align: right;
}

.panel.info {
	margin-top: 20px;
}

a.landing-module-icon  {
	position: relative;
	display: block;
	float: left;
	width: 120px;
	height: 135px;
	margin: 30px 50px 0 0;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	border: transparent 1px solid;
	border-radius: 3px;
}

a.landing-module-icon:hover  {
	text-decoration: underline;
}

a.landing-module-icon-hovered  {
	box-shadow: 0 0 3px #d5d5d5;
	border: #cfdbe7 1px solid;
	background: #e3e9f0;
	color: #000;
}

a.landing-module-icon img { /*icon-users is at 0px 0px*/
	width: 80px;
	height: 80px;
	background-image: url('../img/module-icons.png');
	background-repeat: no-repeat;
	cursor: inherit;
}

a.landing-module-icon-safety img {
	background-position: -80px 0;
}

a.landing-module-icon-pms img {
	background-position: -160px 0;
}

a.landing-module-icon-documents img {
	background-position: -240px 0;
}

a.landing-module-icon-forms img {
	background-position: -320px 0;
}

a.landing-module-icon-crew img {
	background-position: -400px 0;
}

a.landing-module-icon-risk img {
	background-position: -480px 0;
}

a.landing-module-icon-store img {
	background-position: -560px 0;
}

a.landing-module-icon-voyage img {
	background-position: -640px 0;
}

a.landing-module-icon-drydock img {
	background-position: -720px 0;
}

a.landing-module-icon-accounting img {
	background-position: -800px 0;
}

a.landing-module-icon-hrms img {
	background-position: -880px 0;
}

a.landing-module-icon-rest img {
	background-position: -960px 0;
}

a.landing-module-icon-environment img {
	background-position: -1040px 0;
}

a.landing-module-icon-environment img {
	background-position: -1040px 0;
}

a.landing-module-icon .notify-count {
	position: absolute;
	z-index: 5;
	display: block;
	height: 15px;
	width: 20px;
	right: 5px;
	top: -5px;
	background-color: rgba(255,192,192,0.5);
	border: #f99 1px solid;
	color: Red;
	border-radius: 3px;
}

a.module-inactive {
	opacity: 0.4;
	filter: alpha(opacity=60);
	text-decoration: none !important;
}


/* --- Formatting colors ---- */

.jstree-fontcolor-group {
	color: #00008b !important;
}

.jstree-fontcolor-machinery {
	color: #800080 !important;
}

.jstree-fontcolor-submachinery {
	color: #dd9000 !important;
}

.syncaction-Insert {
	color: green;
}

.syncaction-Edit {
	color: navy;
}

.syncaction-Delete {
	color: maroon;
}

.sync-success-False {
	color: red;
}

.critical-item {
	color: maroon;
}


/* --- Component styles */

.treeitem-module {
	font-weight: bold;
	font-style: italic;
	background: #f0f0f0;
}

/* --- Ace styles */

.infobox .infobox-content, .infobox > .infobox-data {
	max-width: 187px;
}