body {
	background-color: #162935;
	min-height: 1000px;
	font-size: 14px;
}

body.withoutNavigationBar {
	padding-top:			0;
}

/**
 * Loading Indicator
 */

body .loadingIndicatorContainer {
	display: none;
}

body.loading {
	cursor: progress;
	pointer-events: none;
}

body.loading .loadingIndicatorContainer {
	position: fixed;
	height: 80%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9998;
}

body.loading .loadingIndicatorFog {
	background-color: #4073AF;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1060;
	pointer-events: none;
	opacity: 0.4;
	display: block;
}

body.loading .loadingIndicatorIcon {
	z-index: 9998;
	position:relative;
	height:200px;
}

body.loading .loadingIndicatorIcon .ecl-spinner__loader {
	height: 64px;
	width: 64px;
}

body.loading .loadingIndicatorIcon .message {
	margin-top: 6px;
	font-size: 24px;
	color: #fff;
}

/**
 * Body containing a search component.
 */
body.search {
	overflow-y: 			scroll;
}

mark {
    background-color: 		#eabe55;
}

#environment {
	transform: 			skew(-7deg);
	transform-origin: 	50% 50%;
	border: 			1px solid #ffffff;
	border-radius:		5px;
	font-family: 		Arial, sans-serif;
	font-size:			20px;
	text-transform:		uppercase;
	box-shadow: 		black 1px 1px 3px;
	z-index: 			10;
	position: 			absolute;
	right:				30px;
	top:				57px;

	padding:			5px 8px;
}

#environment .applicationVersion {
	font-size:			13px;
	text-align: 		center;
}

#environment .builtTime {
	font-size:			11px;
	text-align: 		center;
}


/* Reduce Environment size if screen is small */
@media screen and (max-width: 800px) {
	#environment {
		transform: none;
		top: 76px;
		font-size: 10px;
		padding: 2px 1px;
	}
}

#environmentBadge {
	font-family: 		Arial ,sans-serif;
	font-size:			14px;
	text-transform:		uppercase;
	color:				white;
	z-index: 			10;
	padding:			5px 8px;
	border: 			0;
	border-radius:		5px;
	margin: 			5px;
	cursor: default;
}

.environment-non-production {
	background-color: #f9ffe9 !important;
	color:			#8fc400 !important;
}

.environment-digit-test {
	background-color: #f6fafb !important;
	color:			#85b4c4 !important;
}

.environment-load-testing {
	background-color: #fef2f2 !important;
	color:			#C71313 !important;
}

.environment-training {
	background-color: #effaff !important;
	color:			#0080c0 !important;
}

.environment-acceptance {
	background-color: #f9ffe9 !important;
	color:			#547400 !important;
}

.environment-acceptance-beta {
	background-color: #fcfbfd !important;
	color:			#613583 !important;
}

/**
 * Bottom nav bar
 */
.navbar-fixed-bottom {
	border-top:			1px solid #ccc;
	background: 		#EDEFF2;
	box-shadow: 		2px 2px 10px rgba(0, 0, 0, .4);
}

.navbar-fixed-bottom .issues .alert{
	margin: 2px 0;
}

/**
 * Top Header
 */
#topHeader {
	position: relative;
	background-color: white;
}

#topHeader nav > ul {
	padding: 0;
	margin: 5px 10px 0 0;
	float: right;
}

#topHeader nav > ul > li {
	float: left;
	list-style-type: none;
	display: inline-block;
	margin-left: 7px;
}

#topHeader nav ul li a {
	color: #004494;
	text-decoration: none;
}

#topHeader nav ul li a:hover {
	color: #004494;
	text-decoration: underline;
}

#topHeader nav ul li a:active {
	color: #004494;
	text-decoration: underline;
}

#topHeader nav ul li a:focus {
	color: #004494;
	text-decoration: underline;
}

#topHeader nav #languagesForm {
	display: inline;
}

#topHeader nav #languageSelector {
	height: 22px;
	font-size: 11px;
	padding: 1px 5px;
	margin-bottom: 0;
}

#topHeader #session-link {
	margin-left: 5px;
	display: inline-block;
}

#topHeader #session-link .ecl-button__label {
	margin-left: 5px;
}

#topHeader h1 {
	font-family: Arial ,sans-serif;
	padding: 37px 0 0 218px;
	margin: 0;
}

#topHeader h1 a {
	font-size: 28px;
	font-weight: normal;
	color: #004494;
	text-decoration: none;
	text-transform: uppercase;
}

#topHeader h1 a:hover {
	text-decoration: none;
}

#topHeader #ecLogo {
	position: absolute;
	left: 5px;
	top: 20px;
}

#ecLogo img {
	height: 54px;
}

#topHeader #woahLogo {
	position: absolute;
	top: 25px;
}

#topHeader #woahLogo img {
	height: 50px;
	padding-bottom: 3px;
}

@media (max-width: 810px) {
	#topHeader #woahLogo {
		left: 320px;
	}
}

@media (min-width: 820px) {
	#topHeader #woahLogo {
		left: 490px;
	}
}

@media (min-width: 1110px) {
	#topHeader #woahLogo {
		left: 790px;
	}
}

#topHeader #applicationComponents {
	padding: 2px 0 0 218px;
	background: #002F67;
	height: 28px;
}

#topHeader #applicationComponents .component {
	font-size: 16px;
	height: 30px;
	font-family: Arial, sans-serif;
	color: #fff;
	text-decoration: none;
}

#topHeader #applicationComponents a:hover {
	text-decoration: underline;
}

#topHeader #applicationComponents .component.active {
	font-weight: bold;
	color: #FFD617;
}

#topHeader #applicationComponents .componentSplitter {
	padding: 0 5px;
	color: #ccc;
}

#topHeader #applicationComponents a {
	font-family: Arial ,sans-serif;
	color: #fff;
}

#topHeader #userProfile {
	color: #707070;
}

#topHeader #userProfile .ecl-button__label {
	margin-left: 5px;
}

/**
 * Navigation Bar
 */

#navigationBar {
	z-index: 				1030;
	margin-bottom:			0;
	border-radius:			0;
}

#navigationBar .navbar-right {
	position: fixed;
	top: 0;
	right: 10px;
	border-radius: 0 0 0 90px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 7px 0 #222;
	-moz-box-shadow: 0 0 7px 0 #222;
	box-shadow: 0 0 7px 0 #222;
}

#notificationCount .notificationsLabel {
	padding: 0;
	margin: 0;
	position: relative;
	top: 2px;
}

#navigationBar #notificationCount {
	margin-left: 10px;
}

#navigationBar .navbar-right a {
	padding-top: 6px;
}


#navigationBar.affix .navbar-right {
	position: relative;
	top: auto;
	right: auto;
	display: inline-block;
	background-color: #ebebeb;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#navigationBar.affix .navbar-right a {
	padding-top: 11px; /*Bootstrap default*/
}

#navigationBar.affix #userProfilePopover {
	position: fixed;
	top: 0;
	right: 0;
}

#navigationBar.affix #environmentBadge, #navigationBar.affix #homeIcon {
	display: block;
}

#navigationBar.affix #environmentBadge{
	max-width: 160px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

#navigationBar.affix #environmentBadge:hover{
	max-width: none;
	text-overflow: unset;
	position: absolute;
}

#environmentBadge, #homeIcon{
	display:		none;
}

#navigationBar.navbar-default {
	border:					none;
}

#navigationBar.navbar-fixed-top .container {
	width: 					auto;
}

#navigationBar .navbar-nav > li > a {
	/* playing with paddings here can break the mobile version of the navigation bar */
	padding-left: 			8px;
	padding-right: 			12px;
}

#navigationBar .navbar-nav > li > a .fa {
	font-size:				16px;
	line-height:			16px;
}

#navigationBar .navbar-nav > li > a {
  color: #4b5555;
}

#navigationBar .navbar-nav > li.active a {
	border-left:			1px solid #E2E2E2;
	border-right:			1px solid #E2E2E2;
}

#navigationBar .menuDescription {
	display: block;
	font-size: 12px;
	white-space: normal;
	max-width: 230px;
	color: rgb(123, 123, 123);
}

#navigationBar li.active .menuDescription {
	color:					white;
}

#navigationBar #notificationCount {
	padding-top: 			5px;	
}

#navigationBar.affix #notificationCount {
	padding-top: 			10px;	
}

#navigationBar .userProfile .email {
	font-size: 14px;
	margin-left: 5px;
}

#navigationBar.affix #userProfileButton .email {
	display:			none;
}

#navigationBar #notificationCount .notificationIcon {
	vertical-align: 		sub;
}

#navigationBar a.moreCertificates {
	color:					#3a87ad;
}

#navigationBar .dropdown-menu {
	overflow-x: 		hidden;
	overflow-y:			auto;
	max-height: 		700px;
}

#navigationBar .nav .dropdown ul {
	padding:		0;
	list-style: 	none;
}

#navigationBar .nav .dropdown ul.dropdown-menu > li:first-child {
	padding-top:	12px;
}

#navigationBar .nav .dropdown ul.subMenuContent {
	margin: 7px 0 3px 0;
}

#navigationBar .nav .dropdown ul.subMenuContent li a:hover {
	color: 			#262626;
  	text-decoration: 	none;
	background-color: #f5f5f5;
}

#navigationBar .nav .dropdown ul.subMenuContent .active > a, #navigationBar .nav .dropdown ul.subMenuContent .active > a:hover, #navigationBar .nav .dropdown ul.subMenuContent .active > a:focus {
	color: 				#ffffff;
	text-decoration: 	none;
	background-color: 	#337ab7;
	outline: 			0;
}

#navigationBar .nav .dropdown ul.subMenuContent li.dropdown-header  {
	display: block;
	padding: 6px 20px 3px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #666;
	font-weight: bold;
	white-space: nowrap;
}

#navigationBar .nav .dropdown li.dropdown-header  {
	display: block;
	padding: 3px 20px 3px;
	font-size: 13px;
	line-height: 1.42857143;
	color: #666;
	white-space: nowrap;
}

#navigationBar .nav .dropdown ul.subMenuContent li a {
	display: 				block;
	min-width:				200px;
	padding: 				3px 20px;
	clear: 					both;
	font-weight: 			400;
	line-height: 			1.42857143;
	color: 					#333333;
}

.dropdown-menu .title  a {
	font-size:		14px;
	text-align: 	center;
}

.dropdown-submenu {
	position: relative;
}

.dropdown-submenu > .dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px 6px;
	border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
	display: block;
}

.dropdown-submenu > a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #333333;
	margin-top: 5px;
	margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
	border-left-color: #999999;
}

.dropdown-submenu.pull-left {
	float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}

/**
 * User Profile Popover
 */

#userProfilePopover {
	min-width:				340px;
	clear:					right;
	margin-top:				10px;
	right:      			5px !important;
	left:					auto !important;
}

#userProfilePopover .popover-title {
	color:				#536976;
}

#userProfilePopover .popover-title .userName {
	font-weight: bold;
	position: relative;
	top: 10px;
}

#userProfilePopover .popover-title .email {
	font-size:				12px;
	font-style: 			italic;
}

#userProfilePopover .popover-content {
	padding-left:			0;
	padding-right:			0;
}


#userProfilePopover > .arrow {
	right:      			10px !important;
	left:				auto !important;
}

#userProfilePopover #languageSelector {
	margin-bottom:			10px;
}

#userProfilePopover #userProfileActions {
	margin:				0 auto 10px;
}

#userProfilePopover .userLastLoginDateTime {
	font-size:			12px;
	margin-bottom:			10px;
}

#userProfilePopover .userProfileTitle {
	margin-left:			5px;
}

#userProfilePopover #userProfiles {
	overflow:				auto;
	max-height:			350px;
	margin:				0 0 0 3px;
	padding:				0 5px 0 2px;
}

#userProfilePopover #userProfiles .userProfile {
    padding: 				5px 0;
    border-top: 			1px solid #dddddd;
    list-style-type: 		none;
}

#userProfilePopover #userProfiles .userProfileDetails {
	padding:				0 4px;
}

#userProfilePopover #userProfiles .userProfileDetails a {
	color:				#151515;
}

/**
 * User Profile Notification Popover
 */
#userNotificationPopover {
	min-width:				320px;
	z-index: 				1060;
}

#userNotificationPopover .popover-content {
	padding-left:			0;
	padding-right:			0;
}

#userNotificationPopover #allNotificationsLink {
	text-align: 			center;
	margin:					0 auto;
	padding:				0 0 10px;
	border-bottom: 			1px solid #dddddd;
}

#userNotificationsWrapper {
	position: 				relative;
	min-height: 			480px;
	max-width:				320px;
	overflow-x:				hidden; 
}

#userNotificationPopover #userNotifications {
	position: 				absolute;
	top:					0;
	left:					0;
	right:					0;
}

#userNotificationPopover #selectedUserNotificationDetails {
	position: 				absolute;
	top:					0;
	left:					320px;
	right:					0;
	width:					0;
	transition:				left 0.2s linear 0s;
	visibility: 			hidden;
}

#userNotificationPopover #selectedUserNotificationDetails.shown {
	left:					0;
	width:					320px;
	visibility: 			visible;
}

#userNotificationPopover .userNotification {
    display: 				block;
    padding: 				10px 7px;
    border-bottom: 			1px solid #dddddd;
    cursor: 				pointer;
}

#userNotificationPopover .userNotification:hover {
	background-color: 		#f0f0f0;	
}

#userNotificationPopover .userNotification.unread .subject {
	font-weight: 			bold;
}

#userNotificationPopover .userNotification .createdOn {
	font-size:				12px;
	text-align: 			right;
}

#userNotificationPopover #moreUserNotifications {
	text-align: 			center;
	font-size:				40px;
	line-height:			20px;
	padding:				5px 0;
}

#userNotificationPopover #moreUserNotifications a {
	color:					#999;
}

#userNotificationPopover #noNewUserNotifications { 
	padding: 				15px 0;
    color: 					#666;
    font-size: 				15px;
    text-align: 			center;
}

#userNotificationPopover #moreUserNotifications a:hover,
#userNotificationPopover #moreUserNotifications a:active,
#userNotificationPopover #moreUserNotifications a:focus {
	text-decoration: 		none;
	color:					#555;
}

#userNotificationPopover #selectedUserNotificationDetails .header {
	padding:				5px 0 0;
}

#userNotificationPopover #selectedUserNotificationDetails #backToUserNotifications {
	padding:				15px 0 0 6px;
	font-size:				16px;
	color:					#66b2d8;
	cursor: 				pointer;
}

#userNotificationPopover #selectedUserNotificationDetails #backToUserNotifications:hover {
	color:					#3191c0;	
}

#userNotificationPopover #selectedUserNotificationDetails .subject {
	font-size:				16px;
}

#userNotificationPopover #selectedUserNotificationDetails .createdOn {
	font-size:				12px;
}

#userNotificationPopover #selectedUserNotificationDetails .body {
	margin-top:				10px;
	border-top:				1px solid #dddddd;
	padding:				10px;
}

/**
 * popoverShown and tooltipShown directives
 */
 
.popoverShown, .tooltipShown {
	cursor:		pointer;
}

/**
 * Admin Menu
 */
#navigationBar .adminMenu {
	width: 					400px;
}

#navigationBar form.search {
	margin-top: 7px;
}

#navigationBar .adminMenu ul.dropdown-menu {
	display: 				block !important;
	position: 				static !important;
	margin: 				0 !important;
	border: 				none !important;
	box-shadow: 			none !important;
	width:					100%;
}


#navigationBar .adminMenu .right {
	padding-left: 			0;
}

#banners .banner {
	background-color: 		#d9edf7;
	color: 				#31708f;
	margin-bottom:			0;
	padding:				8px 0 8px 20px;
	border-style:			solid;
	border-color:			#adc3d0;
	border-width:			0 1px 1px 1px;
}

#banners .banner > p {
	margin-bottom: 0;
}

#banners .banner button.close {
	float: 			none;
	margin-left:		30px;
}

#banners .banner * {
	display:	inline-block;
}

#banners .banner br {
	display: 	none;
}

#banners .banner .alert.unavailability {
	padding:				0;
	margin:				0 15px 0 0;
	background-color: 		transparent;
	border:				0;
	color: 				#31708f;
}

#banners .banner .alert.unavailability h4 {
	font-size:			13px;
	font-weight: 			bold;
}

/**
 * Breadcrumb
 */
#breadcrumb {
	background-color: #004494;
	padding: 7px 0;
	color: #fff;
}

#breadcrumb ul {
	margin: 0;
	padding: 0 0 0 30px;
}

#breadcrumb li {
	color: #bfd0e4;
	display: inline;
	padding: 2px 0;
}

#breadcrumb li a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#breadcrumb li a:hover {
	color: #fff;
	text-decoration: underline;
}

#breadcrumb li a:active {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#breadcrumb li a:focus {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

/* all except first one */
#breadcrumb li + li:before {
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	content: "\f054";
	margin-left: 5px;
	margin-right: 5px;
}

#main {
	background-color: #263B48;
	font-size: 14px;
}

/**
 * Page Content
 */
#content {
	padding-top: 		15px;
	padding-bottom:		30px;
}

#navigationBar.affix {
	position: fixed;
	top: 0 /* Navigation bar height */;
	left: 0;
	right: 0;
	width: 100%;
}
/**
 * Top actions bar
 */
.topBar.affix {
	position: 			fixed;
	top: 				40px /* Navigation bar height */;
	left:				0;
	right:				0;
	width:				100%;

	padding:			7px 15px; /* 15px is default container bootstrap 3 margin */
	background-color: 	#fff;
	box-shadow: 		0 0 2px rgba(0, 0, 0, .8);
	z-index: 			1010;
}

.topBar.affix .alert {
	margin:			5px 0 0;
}

body.withoutNavigationBar .topBar.affix {
	top: 0;
}

body.withoutNavigationBar .topSearchBar.affix {
    top:				40px !important;
}


.topBar.affix h2 {
	color:				#536976;
	margin:				4px 0 0;
}


.topBar.affix h2.pull-right {
	margin:				5px 0 15px 0 !important;
}


/**
 * Back button
 */
 
.btnTitleBack {
	margin-left: 		-40px;
	width:				40px;
	font-size:			20px;
	color:				#DCE4E8;
	transform: 			none;
}

.topBar.affix .btnTitleBack {
	margin-left: 		auto;
	color:				#536976;
}

.topBar .btnTitleBack {
	padding:			0 0 0 20px;
	vertical-align: 	baseline;
	color:				#fff;
}

.btnTitleBack:hover {
	animation: 		backAnimation 0.8s ease 0s infinite normal;
	color:			#DCE4E8;
}


/**
 * Top bar title
 */

.tab-pane .topBar .topBarTitle {
	display: 			none;
}

.tab-pane .topBar.affix .topBarTitle {
	display: 			block;
}


.tab-pane .topBar {
	margin-bottom:		10px;
}

.tab-pane .topBar.affix {
	margin-bottom:		0;
}


@keyframes backAnimation {
  to { 
 	transform:		translate(-5px);
  	color:			#3191c0;
  }
}

@keyframes downAnimation {
	to {
		transform:		translateY(5px);
		color:			#3191c0;
	}
}


/**
 * Bottom actions bar
 */
.bottom-bar.affix {
	position: 			fixed;
	bottom:				0 /* Navigation bar height */;
	left:				0;
	right:				0;
	width:				100%;

	padding:			15px 15px 0; /* 15px is default container bootstrap 3 margin */
	background-color: 	#fff;
	box-shadow: 		0 0 2px rgba(0, 0, 0, .8);
	z-index: 			1010;
}


/**
 * Main Content
 */
.container.no-limit {
	width:					auto;
}

/**
 * Content Titles
 */
h1 {
	color: #0065A2;
	font-family: Arial ,sans-serif;
	font-weight: bold;
	font-size: 32px;
	line-height: 40px;
}

h2 {
	margin: 5px 0 15px 0;
	font-size: 28px;
	font-family: Arial, sans-serif;
	color: #DCE4E8;
	line-height: 32px;
}

h2 a {
	color:					#DCE4E8;
}

h2 a:hover {
	color:					#DCE4E8;
}

h2:first-child {
	margin-top:				0;
}

.titleIcon {
	font-size:				28px;
	padding:				0 20px;
	opacity:				0.4;
	color:					#DCE4E8;
}

h3 {
	border-bottom:			none;
	font-size: 				24px;
	line-height: 			28px;
	font-stretch:			expanded;
}

h4, h5, h6 {
	color:					#444;
	font-size:				14px;
	margin: 				5px 0;
}


/**
 * Fieldset 
 */
fieldset {
	border:					1px solid #bbb;
	border-radius:			3px;
	margin:					0;
	padding:				4px 7px 7px;
	box-shadow: 			0 8px 6px -6px rgba(0, 0, 0, 0.15);
	background-color: 		white;
}

fieldset legend.boxLegend {
	cursor: 				pointer;
}

fieldset legend {
	border-bottom:			none;

	font-size: 				14px;
	font-weight: 			bold;
	color:					#254545;
	line-height: 			14px;
	width:					auto;
	padding:				10px 8px 0;
}



/* Prevent the text contents of draggable elements from being selectable.
 * See http://www.html5rocks.com/en/tutorials/dnd/basics/
 */
[draggable] {
	user-select: none;
}


/**
 * Prettyprint block
 */
pre.prettyprint {
	padding: 8px;
	background-color: #f7f7f9 !important;
	border: 1px solid #e1e1e8 !important;
}

/*
 * Buttons
 */

.button-unstyled {
	padding: 0;
	cursor: pointer;
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
}

.button-unstyled:hover {
	background: none repeat scroll 0 0 transparent;
}

/*
 * Links unstyled
 */
.link-unstyled {
	color: inherit;
	text-decoration: inherit;
}

.link-unstyled:link {
	color: inherit;
	text-decoration: inherit;
}

.link-unstyled:hover {
	color: inherit;
	text-decoration: inherit;
}

/**
 * Invisible input
 */

input.transparent {
	background-color:	rgba(0,0,0,0) !important;
	background: 		url("../img/input-transparent-background.png") no-repeat right center;
	border-color:		transparent;
	box-shadow:			none;
}
input[type="number"].transparent {
	background: 		none;
}

input.transparent:hover {
	/*background-color:	#eee !important;*/
	border:				1px dashed #ccc;
}

input.transparent:focus {
	background-color:	#fff !important;
	border: solid #66afe9 !important;
	background: 		none;
}

/* To apply the same kind of behaviour with a DIV*/
.input-transparent {
	border:				1px dashed transparent;
	border-radius:		4px;
	min-height:			30px;
	padding:			5px 6px 0 7px;
	font-size:			11px;
	color:				#777;
	word-wrap:			break-word;
}

.input-transparent:hover {
	border-color:		#ccc;
}

.hiddenSubmitInput{
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
}

/**
 * Error Messages
 */
.alert .alertInlineTitle {
	float:					left;
	margin:					0;
	padding:				3px 0 0;
}

.alert .alertTitle {
	margin:					0 0 10px;
	padding:				0;
}

.alert table {
	border-collapse: 		collapse;
}

.alert tr td {
	padding:				0 10px 0 5px;
}

.alert tr.fixed td {
	text-decoration: 		line-through;
	opacity:				0.6;
}

.alert .link {
	cursor: 				pointer;
}

.alert .link:hover .field {
	color: 					#712f2e;
}

.alert .link .field {
	text-decoration: 		underline;
}

.alert-danger a {
	color: 					#a94442;
	text-decoration: 		underline;
}

/* Improves Bootstrap defaults for accessibility purposes */
.alert-danger {
	color: #a92442;
	background-color: #f2dede;;
	border-color: #a92442;
}

.alert-info {
	color: #31708f;
	background-color: #f3f9fd;
	border-color: #c0dff4;
}

.alert-warning {
	color: #7e5000;
	background-color: #fefefa;
	border-color: #faebcc;
}

.issues .alert-danger {
	line-height: 22px;
}

#messages .alert ul {
	margin:					0;
}

#messages .alert li {
	list-style-type: 		none;
}


/**
 * Expandable issues panel
 */

.expandedIssuesPanelContainer {
	width: 				1110px;
	margin-left: 		-570px;
	left:				50%;
	position: 			fixed;
	padding:			0 15px;
}

.expandedIssuesPanel {
	position:			absolute;
	width:				100%;
	bottom:				0;
	max-height: 		600px;
}

.expandedIssuesPanel.alert {
	margin-bottom:		0;
}

.expandedIssuesPanel.hidden {
	display: 			none;
}

.collapsedIssuesPanel.hidden {
	display: 			none;
}

/**
 * Issues
 */
.issues .issue .errorIdColumn {
    vertical-align: top;
}

.issues .issue .field {
    vertical-align: top;
}

.issues .issue .message {
	word-break: 	break-all;
}

.issues .issue .errorId {
	font-family: monospace;
}

.alert button.close{
	font-size: 30px !important;
	top: -7px !important;
	opacity: 0.5;
}

/**
 * Summarized issues panel
 */

.summarized.issues .close {
	font-size:			16px !important;
}

.summarized.issues .issue {
	font-size: 14px;
}

.summarized.issues {
	padding:			4px 0 0;
}

.summarized.issues .alert {
	padding:			6px 8px;
	background-image:  	none;
	border: 			1px solid transparent;
	margin:				0;
}
.summarized.issues .alert:hover {
	cursor:				pointer;
}

.summarized.issues .alert-danger:hover {
	border: 			1px solid #dca7a7;
}
.summarized.issues .alert-success:hover {
	border: 			1px solid #65C667;
}
.summarized.issues .alert-warning:hover {
	border: 			1px solid #8a6d3b;
}
.summarized.issues .alert-info:hover {
	border: 			1px solid #31708f;
}

.summarized.issues .alert:hover .close {
	color: 				#000000;
	text-decoration: 	none;
	cursor: 			pointer;
	opacity: 			0.5;
}


.summarized.issues .concatenatedIssues {
	text-overflow:		ellipsis;
	-ms-text-overflow:  ellipsis;
	overflow:			hidden;
	white-space: 		nowrap;
	max-height:			200px;
}

.issues .concatenatedIssues .issue .field {
	vertical-align:		middle;
}

.summarized.issues .issue:hover {
	color: 				#333;	
}

/**
 * Paginated issues panel
 */
.paginated.issues .alert {
	padding:			0;
}

.paginated.issues .close {
	right: 				5px;
	top: 				0px !important;
	z-index: 			1; /* TNT-808 - Prevent striking out the first error in the list putting the first row in front of the close icon */
}

.paginated.issues .issue {
	cursor: 			pointer;
}

.paginated.issues .issue:hover {
	color:				#333;
}

.paginated.issues .bottom {
	padding:			0 4px;
	font-size:			14px;
	background-color: 	rgba(125, 125, 125, 0.2);
}

.paginated.issues .bottom .navigation {
	margin-left: 		5px;
}

.paginated.issues .bottom .currentPage {
	display: 			inline-block;
	min-width:			50px;
	text-align: 		center;
}

.paginated.issues .bottom i{
	font-size:			20px;
	font-weight:		bold;
	vertical-align:		bottom;
}

.paginated.issues .bottom button {
	opacity:			0.5;
}

.paginated.issues .bottom button:hover {
	color: 				#000000;
	text-decoration: 	none;
	cursor: 			pointer;
	opacity: 			0.5;
}

.paginated.issues .bottom button:disabled {
	display:				none;
}

.paginated.issues .bottom .pageSize {
	font-size: 			12px;
}

.paginated.issues .bottom .pageSize input {
	background-color:	transparent;
	border:				none;
}

.paginated.issues .bottom .pageSize input:hover {
	background-color:	#dadada;
	border:				1px solid;
}

.paginated.issues .bottom .pageSize input:focus {
	background-color:	#fff;
	border:				1px solid;
}


.paginated.issues .bottom input {
	height:				22px;
	width:				40px;
	padding:			0;
}

.paginated.issues .content .table {
	margin-bottom: 		0;
}




/**
 * Modal Status
 */
.modal-status {
	float:				left;
	line-height:		20px;
	padding:			3px 0;
	font-style: 		italic;
	color:				#666;
}

.modal-status {
	visibility: 			hidden;
}

.modal-status.loading {
	visibility: 			visible;
}


/**
 * Footer
 */
footer {
	font-size: 16px;
	color: #bfd0e4;
	padding: 20px 10px 30px;
	text-align: center;
	margin: 0 auto;
	background-color: #162935;
}

footer section {
	margin: 12px 0;
}

footer a {
	color: #fff;
	text-decoration: none;
}

footer a:visited {
	color: #fff;
}

footer a:hover {
	color: #fff;
	text-decoration: underline;
}

footer a:active {
	color: #fff;
	text-decoration: none;
}

footer a:focus {
	color: #fff;
	text-decoration: underline;
}

footer #reportProblem {
	margin: 10px 0;
}

footer .processedBy {
	font-size: 16px;
}

/** 
 * Error Page Content
 */
.errorContent ::selection {
	background: #fe57a1;
	color: #fff;
	text-shadow: none;
}

.errorContent {
	font-size: 20px;
	font-family: Arial ,sans-serif;
	line-height: 1.4;
	max-width: 800px;
	margin: 40px auto 40px;
}

.errorContent h2 {
	margin: 0 5px;
	font-size: larger;
	text-align: center;
}

.errorContent h2 span {
	color: #bbb;
}

.httpCode {
	border: 1px solid #bbb;
	border-radius: 5px;
	padding: 8px 14px;
	background: #fbc8bd;
	color: #b73232;
	margin: 10px auto 20px;
	text-align: center;
	width: 350px;
}

.errorContentBody {
	padding: 30px 20px 50px;
	border: 1px solid #b3b3b3;
	border-radius: 4px;
	box-shadow: 0 1px 10px #a7a7a7, inset 0 1px 0 #fff;
	background: #fcfcfc;
	color: #737373;
	margin: 20px 0;
}

.errorContent p {
	margin: 1em auto;
	text-align: center;
}

.errorContent .choices {
	text-align: center;
}


/**
 * Unavailable Action (useful during development)
 */
.unavailable {
	background: 			url(../img/unavailable.png) no-repeat 0 0;
	display: 				inline-block;
	width:					8px;
	height: 				8px;
}


/**
 * For features specific to development environment
 */
.development {
	padding: 5px;
	background: url(../img/development-background.png) repeat 0 0;
	border: 1px solid #f2f2f2;
	border-radius: 0;
}

/**
 * For Debug blocks
 */
.debug {
	padding: 5px;
	background: url(../img/development-background.png) repeat 0 0;
	border: 3px solid #DD4B39;
	border-radius: 0;
}

/**
 * Used in coordination with a background transition on the original element in order to do an highlight effect
 */
input.watchMe, select.watchMe, textarea.watchMe, .input.watchMe, fieldset.watchMe {
	background-color:		#FCFC9E;
}


/**
 * Sortable element
 */
.sortable {
	cursor:					pointer;
}

.sortable.highlighted {
	color: 					#dab800;
}

.tableBlock tr th.sortByScore:first-child {
	padding-left:			10px;
	width:					30px;
}

/**
 * Pending generic action
 */
.doing {
	padding:			5px;
	font-style: 		italic;
	color:				#666;
	cursor:				progress;
}


/**
 * Nothing to show (usually in a list)
 */
.nothing {
	padding:			5px 5px 5px 25px;
	color:				#666;
	font-size:			14px;
	text-align: 		center;
}


/**
 * Pending action
 */
.pendingAction {
	padding:					16px 0;
	background:				 	transparent url("../img/loading-20x20.gif") no-repeat 5% 50%;
	text-align:					center;
	font-size:					15px;
	color:						#888;
	font-style: 				oblique;
	cursor:						progress;
}


/**
 * Typeahead State
 */
.typeaheadState {
	min-width: 				35px;
}

.typeaheadState .clear {
	display: none;
}

.typeaheadState.clearable:hover .clear {
	display: block;
	cursor: pointer;
}

.typeaheadState.clearable:hover .state {
	display: none;
}

.typeaheadState.clearable:hover .resultCount {
	display: none;
}

/**
 * Infinite Scroll Search State
 */
.table tfoot.searchState td {
	background-color:			#fcfcfc;
}

.table tfoot.searchState .loading td {
	padding:					16px 0;
	background-color:			#F8F8F8;
	vertical-align:				middle;
	text-align:					center;
	font-size:					15px;
	color:						#888;
	font-style: 				oblique;
}

.table tfoot.searchState .runFirstSearch td {
	padding:					15px 0;
	text-align: 				center;
	font-size:					14px;
}

.table tfoot.searchState .noResults td {
	padding:					15px 0;
	text-align: 				center;
	font-size:					14px;
}

.table tfoot.searchState .noMoreResults td {
	padding:					15px 0;
	text-align: 				center;
	font-size:					14px;
	color:						#aaa;
}

.table tfoot.searchState .sortChanged td {
	background-color:			transparent;
	padding:					15px 0 7px;
	text-align: 				center;
	font-size:					14px;
}


/**
 * Boolean toggle
 */
.booleanToggle .label {
	cursor: 				pointer;
}

.booleanToggle:hover .label {
	background-color:					#fff6da;
}

.checkboxSelection input[type=checkbox]:checked + label {
	font-weight: bold;
}

/** 
 * Searchable Dropdown
 */
.searchableDropdown .input-group-addon {
	padding:					6px;
	background-color: 			white;
	color:						#aaa;
}


.searchableDropdown .dropdown-menu li {
    border-bottom:				1px solid rgb(229, 229, 229);
    padding:					3px;
}

ul li.divider:first-child{
	display: none;
}

ul li.divider:last-child{
	display: none;
}

/**
 * Autocompletion input
 */
.autocomplete .input-group-addon {
	padding:					6px;
}

.form-group:not(.has-error) .autocomplete:not(.disabled) .input-group-addon {
	background-color: 			white;
	color:						#aaa;
}

.autocomplete .resultCount,
.searchableDropdown .resultCount  {
	font-size: 					10px;
	padding:					2px;
	border:						1px solid #888;
	border-left:				1px solid #ddd;
	border-radius:				2px;
	background-color: 			#ddd;
	display:					inline-block;
	min-width:					20px;
}

.autocomplete li {
	cursor:						pointer;
}

.autocomplete .label strong,
.searchableDropdown .label strong {
	text-decoration: 			underline; /*override to make it appear because label is already bold*/
}




/**
 * Star informing the user a field is required
 */
.required {
	color: #B9071C;
	font-weight: bold;
	padding-left: 4px;
	padding-right: 4px;
	margin-top: 7px;
}

.indication {
	color: 				#878787;
	font-size: 			12px;
	font-style: 		italic;
	text-align: 		right;
	padding-right: 		10px;
}

/**
 * Following AngularUI advices
 */
.pagination, .carousel, .panel-title a {
	cursor: pointer;
}



/**
 * Support ng-cloak directive for AngularJS. This class is briefly appended during loading and compilation of DOM
 */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
	display: none !important;
}

input.ng-dirty.ng-invalid,
textarea.ng-dirty.ng-invalid,
select.ng-dirty.ng-invalid {
	color: 			#b94a48;
	border-color: 	#ee5f5b;
}

input[type=radio].ng-dirty.ng-invalid {
	outline: 1px dotted #ee5f5b ;
	outline-offset: 1px;
}

input:focus.ng-dirty.ng-invalid:focus,
textarea:focus.ng-dirty.ng-invalid:focus,
select:focus.ng-dirty.ng-invalid:focus {
	border-color: 		#e9322d;
	box-shadow: 			0 0 6px #f8b9b7;
}

a {
	cursor:				pointer;
	color:				#065e95;
}

.btn-link {
	color:				#065e95;
}

/**
 * Translation Editor
 */
.translationEditor ul.dropdownMenuLanguages {
	max-height: 		250px;
	overflow-y: 		auto;
}

.translationEditor .table {
	margin-bottom:		0;
}

.translationEditor .table-condensed td,
.translationEditor .table-condensed th {
	padding:			3px;
}

.translationEditor .table-condensed .language {
	width:				160px;
	text-align: 		right;
}


.translationEditor  .table-condensed .remove {
	padding-top: 		8px;
	width:				35px;
}

.translationEditor .englishTranslation .language {
	font-weight: 		bold;
}
.translationEditor .englishTranslation .form-control {
	font-weight: 		bold;
}

/**
 * Change Bootstrap for better accessibility
 */
.label {
	font-size: 13px;
    /* Bigger bottom padding hides the bottom border in some places. padding: .1em .6em .2em doesn't work well. */
	padding: .1em .6em .1em;
}

.label-default {
	color:		#555;
	border: 1px solid #777;
	background-color: #f5f5f5;
}

.label-primary {
	color:		#225179;
	border: 1px solid #225179;
	background-color: #eef4fa;
}

.label-success {
	color:		#439a43;
	border: 1px solid #439a43;
	background-color: #f2f9f2;
}

.label-info {
	color:		#228aa9;
	border: 1px solid #228aa9;
	background-color: #f7fcfd;
}

.label-warning {
	color:		#e58e13;
	border: 1px solid #e58e13;
	background-color: #fdf7ed;
}

.label-danger {
	color:		#d9534f;
	border: 1px solid #d9534f;
	background-color: #fbeeed;
}

/**
 * Bootstrap new color for labels
 */
.label.label-inverse {
	background-color:				white;
	color: 	black;
	border:				1px solid black;
}

/**
 * Change Bootstrap for better accessibility
 */
code {
	color: #a20e33;
	background-color:	#f5f5f5;
}

/**
 * Change Bootstrap for better accessibility
 */
.badge {
	color:				#777777;
	background-color: 	#f8f8f8;
}



/**
 * Removes the default bold style from bootstrap for labels
 */
label {
	font-weight:		normal;
}

/** 
 * Bootstrap Datepicker / Timepicker buttons to keep their default style.
 */
.datepicker .btn-default, .timepicker .btn-default {
	background-color: 		white;
	border: 				none;
	box-shadow: 			none;
	text-shadow: 			none;
}

.datepicker .btn-default:hover,
.datepicker .btn-default:focus,
.datepicker .btn-default.focus,
.datepicker .btn-default:active,
.datepicker .btn-default.active,
.timepicker .btn-default:hover,
.timepicker .btn-default:focus,
.timepicker .btn-default.focus,
.timepicker .btn-default:active,
.timepicker .btn-default.active {
	background-color: 		#E6E6E6;

}

.datepicker .btn-default.btn-primary,
.timepicker .btn-default.btn-primary {
	color:					white !important;
	background-color: 		#428bca;
}

.datepicker .btn-default.btn-primary:hover,
.timepicker .btn-default.btn-primary:hover {
	background-color: 		#2d6a9f;
}

/*
See https://github.com/mgcrea/angular-strap/issues/398
*/
.datepicker.dropdown-menu {
	width: 250px;
}

/* This changes the background color to the current date within the calendar */
.datepicker table button.btn-today {
	background-color: #336699;
	color: #ffffff !important;
}

/**
 * Override Bootstrap defaults
 */
.help-block {
	color: 				#666;
}

/**
 * Coordinates
 */
 
.coordinates .latitude {
	float:				left;
	width:				59%;
	padding-left:		10px;

}

.coordinates .degree {

}

.coordinates .degree {
	padding-left:		5px;
	padding-right:		5px;
	background-color: 	white;
	border-left: 		none;
}

.coordinates .latitude .degree {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.coordinates input {
	border-right:		none;
}

.coordinates .longitude {
	padding-right:		10px;
	float:				left;
	width:				41%;
}

.coordinates .longitude input {
	border-left:				none;
	border-top-left-radius: 	0;
	border-bottom-left-radius: 	0;
}


.coordinates .separator {
	padding-left:		5px;
	padding-right:		5px;
	width:				20px;
	height:				31px;
	border:		1px solid rgb(204, 204, 204);
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;

}

.coordinates .dmsDegree {
	float:				left;
	width:				28%;
	padding-right:		5px;
	padding-bottom:		5px;

}

.coordinates .dmsMinutes {
	float:				left;
	width:				28%;
	padding-right:		5px;
	padding-bottom:		5px;

}

.coordinates .dmsSeconds {
	float:				left;
	width:				28%;
	padding-right:		5px;
	padding-bottom:		5px;

}

.coordinates .dmsDirection {
	float:				left;
	width:				16%;
	padding-bottom:		5px;
	padding-right:		5px;
}

/**
 * Toggle Favorite
 */
.favoriteToggle {
	cursor: 				pointer;
	font-size: 				16px;

	color:					white;
	text-shadow:			0 0 1px rgba(1,1,1,1);
}

.favoriteToggle.isFavorite {
	color:					#F4D00B;
}


/**
 * Use this class on a fake and hidden submit button to allow the submission of form just by clicking Enter on any input text
 */
.hiddenSubmit {
	visibility: 			hidden;
	display: 				inline-block;
	width:					0;
	height:					0;
	padding: 				0;
	margin:					0;
}


/**
 * Override Bootstrap settings to reduce the size of an alert block if defined in a form actions bar.
 */
.block .issues .alert {
	margin-bottom: 0;
}

/**
 * Block
 */
.block {
	background-color: #F8F8F8;
	padding: 20px 10px;
	border-radius: 2px;
	margin: 0 0 20px;
}

.block.block-warning {
	background-color: #faebcc;
}

.block h2 {
	color: #555;
}

.block h2 a {
	color: #66b2d8;
}

.tab-pane + .block {
	border-radius: 0 0 4px 4px;
}

/**
 * Tabs
 */
 
.nav.nav-tabs > li > a {
	padding:					10px 20px;
	border:						0;
	border-right:				1px solid #263B48;
	border-radius:				0;
	color:						white;
	margin-right:				0;
	cursor:						pointer;
	outline: 					0;
}

.nav-tabs {
	border-bottom: 				1px solid #263B48;
	background-color: 			#536976;
}

.nav.nav-tabs > li > a:hover {
	border:						0;
	border-right:				1px solid #263B48;
	background-color: 			#F1F8F8;
	color:						#536976;
}

.nav.nav-tabs > li.active > a {
	background-color: 			#FAFAFA;
	color:						#536976;
	border-width: 				0;
}

.nav.nav-tabs > li.disabled > a {
	font-style: 				italic;
	color:						#ccc;
}

.tab-pane > .block {
	border-radius:				0 0 4px 4px;
}

.tableInnerBlock {
	background-color: #F8F8F8;
	padding: 20px 10px;
	border-radius: 2px;
	margin: 0 0 20px;
	
}

.tableInnerBlock thead tr th {
}


/**
 * Table Block
 */
.tableBlock {
	border-collapse: 			separate;
	border-spacing: 			0;
}

.tableBlock thead {
	background-color: 			#263B48;
}

.tableBlock tr th:first-child, .tableBlock tr td:first-child {
	padding-left: 15px;
}

.tableBlock tr th:last-child, .tableBlock tr td:last-child {
	padding-right: 15px;
}

.tableBlock thead tr th {
	background-color: 			#536976;
	padding:					10px 6px;
	font-size:					14px;
	color:						white;
	font-weight: 				normal;
	box-shadow:					inset 0 -3px 1px #4F6470;
}

.tableBlock > tbody > tr:nth-child(2n) > td {
	background-color: 			#F8F8F8;
}

.tableBlock > tbody > tr.danger > td {
	background-color: #f2dede;
}

.tableBlock > tbody > tr.warning > td {
	background-color: #fcf8e3;
}

.tableBlock > tbody > tr.info > td {
	background-color: #d9edf7;
}

.no-wrap {
	white-space: nowrap;
}

.word-wrap-anywhere {
	word-wrap: anywhere;
}

/**
 * Override Bootstrap Panel Default
 */
.panel {
	border:					none;
}

.panel.panel-default > .panel-heading {
	color:						white;
	background-color: 			#536976;
	box-shadow:					inset 0 -3px 1px #4F6470;
}


.panel.panel-default > .panel-heading small {
	color:						#ccc;
}

.panel .panel-heading {
	padding: 13px 10px;
	border-top: 1px solid transparent;
}

.panel .panel-heading.boxLegend {
	cursor: 					pointer;
}

.panel .panel-body,
.panel .table {
	background-color: 			#F8F8F8;
}

.panel .panel-body hr, .block hr {
	border-top:				1px solid #E6E8EA;
	border-bottom:			1px solid #fff;
}


/**
 * Inner Panel
 */
.panel.innerPanel {
	background-color: 			transparent;
}


.panel.innerPanel .panel-heading {
	padding: 					5px 0;
	color:						#747A7D;
	background-color: 			transparent;
	box-shadow:					none;
}

.panel.innerPanel .panel-heading > .badge {
	color:						#536976;
	background-color: 			#EFEFEF;
	border:						1px solid #ccc;
}

.panel.innerPanel .panel-body,
.panel.innerPanel .table,
.panel.innerPanel .list-group {
	color:						#536976;
	background-color: 			#EFEFEF;
	border-radius:				4px;
	border:						1px solid #ccc;
}

.panel.innerPanel .list-group .list-group-item:not(.list-group-item-success, .list-group-item-info, .list-group-item-warning, .list-group-item-danger) {
	background-color: 			#EFEFEF;
}

.panel.innerPanel .list-group .list-group-item.active {
	color:						#555;
	background-color: 			#EFEFEF;
	border-color: 				#999;
}

.panel.innerPanel .list-group .list-group-item.active .list-group-item-heading {
	font-weight:				bold;
}

.panel.innerPanel .panel-footer {
	border-radius:				0 0 4px 4px;
	border:						1px solid #ccc;
}

.panel.innerPanel .table + .panel-footer {
	border-top:					none;
}

ul.list-group.list-group-striped li:nth-of-type(even)::after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.1);
}

ul.list-group.list-group-striped li:nth-of-type(odd){
	background: inherit;
}


/**
 * Override Bootstrap default buttons
 */
 
.btn {
	font-weight: 			bold;
}

.btn-group-vertical .btn {
	margin-top:				1px;
	margin-bottom:			1px;
}

.btn-success, a.btn-success {
	box-shadow: 			0 1px 1px 0 rgba(0, 0, 0, 0.075),
							inset 0 1px 0 0 #92CF92;
}

.btn-primary, a.btn-primary {
	box-shadow: 			0 1px 1px 0 rgba(0, 0, 0, 0.075),
	inset 0 1px 0 0 #5E9CD2;
}


.btn-default, a.btn-default {
	background-color: #F0F0F0;
	color: #536976;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.075),
	inset 0 1px 0 0 #FFFFFF;
}

/**
 * Override color for replace and copy as new buttons
 */
.btn-replace, a.btn-replace {
	color: 					#ec8c04 !important;
}


.btn-copy-as-new, a.btn-copy-as-new {
	color: 					#3c763d !important;
}

.form-control {
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
	0 1px 1px 0 rgba(0, 0, 0, 0.075);

}

kbd {
	background-color: 		#2D4554;
}

/**
 * Override modal default
 */
.modal-dialog .modal-header {
	background-color: 			#536976;
}

.modal-dialog .modal-header.modal-header-light {
	background-color: 			#eeeeee;
}

.modal-dialog .modal-header h3 {
	color:						#DCE4E8;
	margin:						0;
}

.modal-dialog .modal-header.modal-header-light h3 {
	color: #343a40;
}

.modal-dialog .modal-header .text-warning {
	color: #e0534a;
}

.modal-dialog .modal-header .close {
	color:						#DCE4E8;
}

.modal-dialog .confirm-dialog-header {
    background-color: 			#536976;
}

.modal-dialog .modal-header h3 {
    color:						#DCE4E8;
    margin:						0;
}

.modal-dialog.modal-signature-details .modal-body {    
    padding:						0;
}

.modal-dialog.modal-signature-details .table {    
    margin-bottom:						0;
}

/**
 * Autocompletion results 
 */
.autocomplete .dropdown-menu li a {
	border-bottom: 			1px solid #E5E5E5;
}

.autocomplete .dropdown-menu li:last-child a {
	border-bottom: 			none;
}

/**
 * Operator Activity Auto completion Results 
 */
.autocomplete .dropdown-menu li a .operatorActivityReference,
.autocomplete .dropdown-menu li a .operatorReference {
	white-space: 			normal;
	min-width:				420px;
}

.uib-typeahead-match .operatorActivityReference .country,
.uib-typeahead-match .operatorReference .country
 {
	white-space: 			nowrap;
	font-size:				11px;
	padding-left:			2px;
}

.uib-typeahead-match .operatorActivityReference .operatorInformation,
.uib-typeahead-match .operatorReference .operatorInformation {
	white-space: 			normal;
	padding-left:			5px;
	padding-right:			5px;
}

.uib-typeahead-match .operatorActivityReference .name,
.uib-typeahead-match .operatorReference .name {
	font-size:				13px;
}

.uib-typeahead-match .operatorActivityReference .operatorIdentifier,
.uib-typeahead-match .operatorReference .operatorIdentifier,
#searchResultContainer .operator .operatorIdentifier,
#searchResultContainer .operatorActivityReference .operatorIdentifier {
	font-family: 			monospace;
	font-size:				12px;
}

.uib-typeahead-match .operatorActivityReference .fullAddress,
.uib-typeahead-match .operatorReference .fullAddress {
	color:					#999;
	font-size:				11px;
}

.uib-typeahead-match.active .operatorActivityReference .fullAddress,
.uib-typeahead-match.active .operatorReference .fullAddress {
	color:					#fff;
}

.uib-typeahead-match .operatorActivityReference .operatorActivity {
	padding-left:			2px;
	padding-right:			2px;
}

.uib-typeahead-match .operatorActivityReference .operatorActivity .symbol {
	color:					#555;
	display: 				inline-block;
	min-width: 				30px;
}

.uib-typeahead-match .operatorActivityReference .operatorActivity .operatorActivityIdentifier {
	font-family: 			monospace;
}

.uib-typeahead-match .operatorActivityReference .operatorActivity .operatorActivityType {
	font-size:				12px;
}

.uib-typeahead-match .operatorActivityReference .operatorActivity .classificationSectionCode {
	font-size:				11px;
	font-weight: 			bold;
	text-align: 			right;
}

.modal .dropdown-menu {
	z-index: 				1060;
}

.modal-footer .issues {
	text-align: 			left;
}


.userBodySelect ul.dropdown-menu {
	overflow:				auto;
	max-height:				300px;
}



/**
 * Laboratory Auto completion Results 
 */
.autocomplete .dropdown-menu li a .laboratory {
	white-space: 			normal;
	min-width:				420px;
}


.uib-typeahead-match .laboratory .country {
	white-space: 			nowrap;
	font-size:				11px;
	padding-left:			2px;
}

.uib-typeahead-match .laboratory .laboratoryInformation {
	white-space: 			normal;
	padding-left:			5px;
	padding-right:			5px;
}

.uib-typeahead-match .laboratory .name {
	font-size:				13px;
}

.uib-typeahead-match .laboratory .operatorIdentifier {
	font-family: 			monospace;
	font-size:				12px;
}

.uib-typeahead-match .laboratory .fullAddress {
	color:					#999;
	font-size:				11px;
}

.uib-typeahead-match.active .laboratory .fullAddress {
	color:					#fff;
}

.uib-typeahead-match .laboratory .laboratoryAttribute {
	padding-left:			2px;
	padding-right:			2px;
}

.uib-typeahead-match .laboratory .laboratoryAttribute .symbol {
	color:					#555;
	display: 				inline-block;
	min-width: 				30px;
}

.uib-typeahead-match .laboratory .laboratoryAttribute .identification {
	font-family: 			monospace;
}




/**
 * Authority Activity Auto completion Results 
 */
.autocomplete .dropdown-menu li a .authorityActivity {
	white-space: 			normal;
	min-width:				320px;
}

.uib-typeahead-match .authorityActivity .country {
	white-space: 			nowrap;
	padding-left:			4px;
	padding-right:			4px;
}

.uib-typeahead-match .authorityActivity .authorityInformation {
	white-space: 			normal;
	padding-left:			4px;
	padding-right:			4px;
}

.uib-typeahead-match .authorityActivity .name {
	font-size:				13px;
}

.uib-typeahead-match .authorityActivity .authorityIdentifier {
	font-family: 			monospace;
	font-size:				12px;
}

.uib-typeahead-match .authorityActivity .fullAddress {
	color:					#999;
	font-size:				11px;
}

.uib-typeahead-match.active .authorityActivity .fullAddress {
	color:					#fff;
}


/**
 * Organic Control Body completion results
 */
.autocomplete .dropdown-menu li a .organicControlBodyActivityReference {
	white-space: 			normal;
	min-width:				320px;
}

.uib-typeahead-match .organicControlBodyActivityReference .name {
	font-size:				13px;
}

.uib-typeahead-match .organicControlBodyActivityReference .organicControlBodyActivityReferenceCode {
	font-family: 			monospace;
	font-size:				12px;
}

.uib-typeahead-match .organicControlBodyActivityReference .country {
	white-space: 			nowrap;
	padding-left:			4px;
	padding-right:			4px;
}

.uib-typeahead-match .organicControlBodyActivityReference .fullAddress {
	color:					#999;
	font-size:				11px;
}

.uib-typeahead-match.active .organicControlBodyActivityReference .fullAddress {
	color:					#fff;
}

.uib-typeahead-match .organicControlBodyActivityReference .address {
	display: block;
}

div.organicControlBodyListing {
	margin-top:			5px;
}

div.organicControlBodyListing span {
	font-size:			smaller;
	font-style:			italic;
	margin-left:		10px;
}

p.organicControlBodyListing,
span.organicControlBodyListing {
	font-size:			smaller;
	font-style:			italic;
}

span.organicControlBodyListing.displayBlock {
	display:			block;
}

/**
 * Controlled Destination Auto completion Results
 */
.autocomplete .dropdown-menu li a .controlledLocation {
	white-space: 			normal;
	min-width:				320px;
}

.uib-typeahead-match .controlledLocation .country {
	white-space: 			nowrap;
	padding-left:			4px;
	padding-right:			4px;
}

.uib-typeahead-match .controlledLocation .controlledDestinationInformation {
	white-space: 			normal;
	padding-left:			4px;
	padding-right:			4px;
}

.uib-typeahead-match .controlledLocation .name {
	font-size:				13px;
}

.uib-typeahead-match .controlledLocation .identifier {
	font-family: 			monospace;
	font-size:				12px;
}

.uib-typeahead-match .controlledLocation .fullAddress {
	color:					#999;
	font-size:				11px;
}

.uib-typeahead-match.active .controlledLocation .fullAddress {
	color:					#fff;
}

.uib-typeahead-match.active {
	background-color: 	#337ab7;
}

/**
 * Fishing Vessel Auto completion results
 */
.autocomplete .dropdown-menu li a .fishingVessel {
	white-space: 			normal;
	min-width:				320px;
}

.uib-typeahead-match .fishingVessel .country {
	white-space: 			nowrap;
	padding-left:			4px;
	padding-right:			4px;
}

.uib-typeahead-match .fishingVessel .vesselType {
	color:					#999;
	font-size:				11px;
	font-style:				italic;
}

.uib-typeahead-match .fishingVessel .name {
	font-size:				13px;
}

.uib-typeahead-match .fishingVessel .identification {
	font-family: 			monospace;
	font-size:				12px;
}

/**
 * UserBodyStatus 
 */
.label.userBodyStatusR {
	color: 		#FF7777;
	background-color: #fff4f4;
}

.label.userBodyStatusV {
	color: 		#468847;
	background-color: #eff7ef;
}

.label.userBodyStatusS {
	color: 		#f89406;
	background-color: #fff6eb;
}

.label.userBodyStatusD {
	color: 		#333333;
	background-color: #efefef;
}





/**
 * Country selector
 */
.countrySelector .noCountrySelected {
	color:				#999;
	font-style: 		italic;
}

.countrySelector .input-group-btn .btn {
	padding-left:		7px;
	padding-right:		7px;
}

.countrySelector .countryFlag {
	min-width: 			41px;
}

.countrySelector .countryFlag .removeElement {
	display: 				none;
}

.countrySelector .countryFlag:hover .removeElement {
	display: 				inline-block;
}

.countrySelector .countryFlag:hover .flag {
	display: 				none;
}


/**
 * Region selector
 */
.regionSelector .countryFlag {
	min-width: 					41px;
	background-color: 			#eeeeee;
}


/**
 * Map Container
 */
.mapContainer {
	padding: 			4px;
	background-color: 	#fff;
	border: 			1px solid #ddd;
	border-radius: 		4px;
}


/**
 * Stick Cursor
 */
.stickCursor {
	z-index:	1000;
	display:	none;
}

/**
 * Time zone abbreviation 
 */
.timeZoneAbbreviation {
	font-family: 			monospace;
	border:					1px solid #ccc;
	border-radius:			3px;
	padding: 				6px 12px 6px 6px;
	display: 				inline-block;
	min-height: 			28px;

}


/**
 * Multi selector
 */
.multiSelector {
	border:						1px solid #CCC;
	border-radius:				4px;
	box-shadow: 				rgba(0, 0, 0, 0.075) 0 1px 1px 0 inset;
	background-color: 			#fff;
}

.multiSelector .selectedElements {
	padding:					5px;
	max-height:					400px;
	min-height:					50px;
	overflow-y:					auto;
}

.multiSelector .selectedElement {
	cursor:						pointer;
	display:					block;
}

.multiSelector .selector {
	padding: 					2px;
	border-top:					1px solid #eee;
}

.multiSelector .noSelection {
	color:						#ccc;
	padding-left:				6px;
}

/**
 * Remove element
 */
.removeElement {
	color:						#AAA;
	cursor: 					pointer;	
}

.removeElement:hover {
	color:						#D9534F;
}


/**
 * Official form
 */

.officialForm {
	line-height:			1.8;
}

.officialForm .language {
	font-size:				15px;
	font-weight: 			normal;
	text-align: 			right;
	margin:					0 0 10px;
}

.officialForm h1 {
	color:					#666;
}

.officialForm h1,
.officialForm h2,
.officialForm h3,  
.officialForm h4,  
.officialForm h5,  
.officialForm h6 {
	margin-top:				0;
}    

.officialForm label {
	display: 				inline;
	cursor: 				pointer;
}

.officialForm hr {
	border-top-color:		#666;
}

.officialForm input[type=checkbox], .officialForm input[type=radio] {
	vertical-align: 		middle;
	position: 				relative;
	bottom: 				1px;
}
.officialForm input[type=radio] {
	bottom:	 				2px;
}

.officialForm .form-control {
	display: 				inline;
	width: 					auto;
	height: 				28px;
}

.officialForm textarea.form-control {
	display: 				inline-block;
	height: 				auto;
	width: 					98%;
}

.officialForm .line {
	min-height: 			20px;
}

.officialForm .paragraph {
	margin:					10px 0 20px;
}

.officialForm .label-radio, .officialForm .label-checkbox {
	text-decoration: 		line-through;
	font-weight: 			normal;
	color:					#888;
}

.officialForm strong .label-radio, .officialForm strong .label-checkbox {
    font-weight: 			bold;
}

.officialForm .label-radio.selected, .officialForm .label-checkbox.selected {
	text-decoration: 		none;
	color: 					#428bca;
	font-weight: 			bold;
}

.label.unselected {
	color: 					#000;
	background-color:		#EEE;
}

/*
* Action buttons in search & edit screen
*/
i.fa-trash-o.delete,
i.glyphicon-trash.delete,
button.btn.btn-default.delete,
button.btn.danger {
	color:						#C12E2A;
}
i.fa-pause.suspend,
i.glyphicon-pause.suspend,
button.btn.btn-default.suspend, 
button.btn.warning {
	color:						#f89406 !important;
}

i.fa-check.validate,
i.glyphicon-ok.validate,
button.btn.btn-default.validate,
button.btn.btn-default.btn-sm.validate,
button.btn.success {
	color:						#419641;
}

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
	cursor:						default;
}

li.disabled a i.glyphicon {
	opacity:					0.3;
}

/**
 * Disabled labels
 */
.radio.disabled label, .checkbox.disabled label {
	color:						#999;
}

/**
 * Bootstrap is already adding a border-bottom of the same kind 
 */
abbr[title] {
	text-decoration: 		none;
}

/*
 * Modals
 */
.modal-backdrop.am-fade {
	opacity: .5;
	transition: opacity .15s linear;
}
.modal-backdrop.am-fade.ng-enter {
	opacity: 0;
}
.modal-backdrop.am-fade.ng-enter.ng-enter-active {
	opacity: .5;
}
.modal-backdrop.am-fade.ng-leave {
	opacity: .5;
}
.modal-backdrop.am-fade.ng-leave.ng-leave-active {
	opacity: 0;
}



/**
 * Hierarchical region list
 */
.hierarchicalRegions {
	color:		#666;
}

.hierarchicalRegions .currentRegion {
	font-weight:		bold;
	color:			#444;
}

.hierarchicalRegions a {
	color:			#444;
}

/**
 * Region code
 */ 
.regionCode {
	font-family: 		monospace;
	font-size:			11px;
	border:				1px solid #ccc;
	border-radius:		3px;
	padding:			0 3px;
}


/*
 * City selector result
 */
.citySelectorResult .label {
	font-size:			13px;
}

/*
* City Selector
*/
.citySelectorResult .citySelectorRegion {
	font-style: 		italic;
	color: 				#777;
}

.uib-typeahead-match.active .citySelectorResult .citySelectorRegion {
	color: 				#fff;
}

.osmQualifier {
	color:				#aaa;
	font-style: 			italic;
	text-transform: 		lowercase;
	font-size: 			12px;
}

.osmLink {
	font-size: 11px;
	font-family: monospace;
	border: 1px solid #3b4662;
	border-radius: 3px;
	padding: 0 3px;
	background-color: #337ab7;
	color: #fff;
	text-decoration: none;
}

.osmLink:hover {
	text-decoration: 		none;
	color:				#ccc;
	background-color: 		#88B0D3;
}

.osmLink:active {
	color:				#f0ad4e;
}

.osmLink:visited {
	color:				#fff;
}

/**
 * City Status 
 */
.label.cityStatusV {
    background-color: #468847;
}

.label.cityStatusD {
    background-color: #333333;
}


/*
 * Used where a table is made with a div and it's inside another table (bootstrap striped table),
 * so the table inside is not striped at all. Look at contact details in OCB and Authorities revisions.
 */
.contactDetailsTable {
	display: table;
}

.dropdown-menu .title a i{
	position:		relative;
 	left:			10px;
	opacity:		0.5;
}

.dropdown-menu .title a:hover i{
	animation: dropdownMenuTitleAnimation 1s linear 0s infinite normal;
}

@keyframes dropdownMenuTitleAnimation {
  to { 
 	left:		30px;
  	opacity:	1;
  }
}

.dropFilesZone {
	border: 2px dashed #aaaaaa;
	border-radius: 5px;
	font-size: large;
	padding: 14px;
	color: #999999;
	min-height: 150px;
	padding-top: 30px;
	text-align: center;
}

.dropFilesZone:hover {
	border: 2px dashed #777777;
	font-size: large;
	cursor: grab;
}

.dropFilesZone:hover {
	color: #777777;
}

.dropFilesProgressBar {
	margin: 10px;
	height: 5px;
}

.dropFilesZone .icon{
	font-size: 40px;
	text-align: center;
}

/**
 * Rotation
 */
@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to { 
    transform: rotate(360deg);
  }
}

.infiniteRotating {
    animation: rotating 3s linear 0s infinite normal;
}

/**
 * Additional styles for https://github.com/flatlogic/awesome-bootstrap-checkbox
 */
.checkbox.contrasted label::before,
.radio.contrasted label::before {
	border: 		1px solid #747474;
	background: 	-moz-linear-gradient(-45deg, rgba(0,0,0,0.18) 0%, rgba(255,255,255,1) 100%);
	background: 	-webkit-linear-gradient(-45deg, rgba(0,0,0,0.18) 0%,rgba(255,255,255,1) 100%);
	background: 	linear-gradient(135deg, rgba(0,0,0,0.18) 0%,rgba(255,255,255,1) 100%);
}

.radio-default input[type="radio"] + label::after {
  background-color: #777777;
}
.radio-default input[type="radio"]:checked + label::before {
  border-color: #777777;
}
.radio-default input[type="radio"]:checked + label::after {
  background-color: #777777;
}

/* Improves contrast for accessibility purposes */
.alert-info {
	color: #265772;
}

/**
 * Contact details email verification
 */
.emailVerificationStatusVerified {
	color: #468847;
}

.emailVerificationStatusNotVerified {
	color: #d9534f;
}

.emailVerificationStatusSent {
	color: #337ab7;
}



.documentReference, a.documentReference {
	font-size:				14px;
	font-weight:			bold;
	padding:				3px 5px;
	white-space: 			nowrap;
}

.reference .localReference {
	font-size:				12px;
    padding:				3px 5px;
    white-space:			normal;
}

/**
 * Bootstrap Dropdown menu containing checkboxes
 */
ul.dropdown-menu-checkboxes {
	padding: 			5px 10px 10px;
	max-height: 		250px;
	overflow-y: 		auto;
}

/**
 * Checkboxes
 */

.checkboxes .possibleValue:hover {
	background-color:			rgba(230, 230, 230, 0.5);
}

.checkboxes .checkboxSelections {
	margin-top:					4px;
}

.checkboxes .checkboxSelections li {
	padding:					3px 6px 3px 0;
}

/**
 * No selection
 */
.checkboxes .noValuesSelected {
	color: #888;
}


.checkboxes .checkbox-inline {
	width: 				100%;
}

/* Add it to a Bootstrap's dropdown if it could have lot of values, like package types */
.scrollable-dropdown-menu {
	height: 			auto;
	max-height: 		300px;
	overflow-x: 		hidden;
}

/**
 * Classification sections
 */
.classificationSections .classificationSectionChapter {
	margin:				0;
}

.classificationSections .classificationSection {
	margin-left:			10px;
}


.classificationSectionChapter {
	background-color: 					#dfe5de;
	color:   				#5b6f59;
}

.classificationSectionCode {
	font-weight: 			bold;
	background-color: 		#f5fafd;
	color:					#225179;
}

.label.classificationSectionChapter {
	line-height: 			2;
	background-color: 					#dfe5de;
	color:   				#5b6f59;
}

.classificationSection .classificationSectionCode {
	font-weight: 			bold;
	padding: 				3px 5px;
	background-color: 		#f5fafd;
	color:					#225179;
}

.classificationSections li {
	padding:				3px;
}

/**
 * Authority Domains selector
 */
.uib-typeahead-match .authorityDomainSelectorResult .classificationSections {
	font-size:			11px;
	color:				#999;
}


.uib-typeahead-match.active .authorityDomainSelectorResult .classificationSections {
	color: 				#FFF;
}


/**
 * Authority Domains
 */
.authorityDomains .authorityDomainTitle {
	font-weight: bold;
	cursor: pointer;
	margin-bottom: 5px;
}

.authorityDomains .authorityDomain {
	background-color: #e6e6e6;
	padding: 5px 5px 5px;
	margin-bottom: 5px;
	margin-left: 1%;
	border: 1px solid #ddd;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	width: 48%;
}

.authorityDomains .disabledInheritedAuthorityDomain {
	background-color: 	#d9534f;
	color:				white;
}

.authorityDomains .disabledInheritedAuthorityDomain .authorityDomainTitle {
	text-decoration: 	line-through;
	font-weight: 		normal;
}

.authorityDomains .removeAuthorityDomain {
	cursor: pointer;
}

.authorityDomains .authorityDomain:hover .inherited-authority-domain .removeAuthorityDomain {
	color: rgb(221, 75, 57);
}

/**
 * Authority Domain Selector 
 */
.authorityDomainSelector .documentTypePermissionTitle {
	color:				#999;
}

.authorityDomainSelector .documentTypePermissions .documentType {
	margin-left:		10px;
}



/**
 * Document Type Permission Document Type 
 */
.documentTypePermissionTag {
	display: 				inline-block;
}

.documentTypePermissionTag .documentType {
	display: 				inline-block;
	background-color:   	#eeeef5;
	color:					#585c94;
	font-weight: 			bold;
	border:					1px solid #9798a7;
	padding:				2px 3px 2px 5px;
	border-radius: 			5px 0 0 5px;
}

.documentTypePermissionTag .documentTypeAccessAcronym {
	display: 				inline-block;
	padding:				2px 5px 2px 3px;
	background-color:   	#eeeef5;
	border-radius: 			0 5px 5px 0;
	font-weight: 			bold;
	border-width:			1px 1px 1px 0;
	border-style:			solid;
	border-color:			#9798a7;
}

.documentTypePermissionTag .documentTypeAccessAcronym.readOnly {
	color:   	#908d8d;
}

.documentTypePermissionTag .documentTypeAccessAcronym.readWrite {
	color:   	#0f2c3f;
}


/**
 * Document Type
 */
.label.documentType {
	color: 				#FFFFFF;
	background-color:   	#585c94;
	font-weight: 			normal;
	font-size: 			11px;
	line-height: 			2;
}



/**
 * Override Bootstrap defaults for dropdown menu
 */

.dropdown-menu > li > .dropdownSubmenuHeader {
    padding: 5px 7px;
}

.dropdownSubmenuTitle {
	font-size: 13px;
	font-weight: bold;
}

/**
 * Toggle box
 */
.toggleBox {
    cursor: 			pointer;
}

.toggleBox:hover {
    color: 				#ccc;
}

.toggleBox i {
    transition: 		transform 0.3s ease-out;
    transform-origin: 	center center;
}

/**
 * Icon rotation animation
 */
.toggleBox.hiddenBox:hover i {
    transform: rotate(-90deg);
}

.toggleBox:hover i {
    transform: rotate(90deg);
}

/** 
 * tags-input override
 */
tags-input .autocomplete .suggestion-item {
	font-size:			13px !important;
	font-family: Arial, sans-serif !important;
}

/**
 * Drag and drop handle
 */
.handleContainer {
	position:		 	relative;
}

.handle {
	position:			absolute;
	top:				35%;
	cursor: 			move;
	z-index: 			700;
	padding:			20px 5px;
}

.handleContainer:hover .handle i {
	color:				#d9534f;
}

/**
 * Problem report
 */
#problemReportModal .problemReportedMessage {
	text-align: 			left;
}

#problemReportModal .problemReportedMessage {
	margin-bottom: 			0;
}

/**
* Authority / Operator status
*/
.label.operatorStatusV,
.label.authorityStatusV {
	color: 		#468847;
	background-color: #f3f9f3;
}

.label.operatorStatusD,
.label.authorityStatusD {
	color: 		#d9534f;
	background-color: #fdf8f8;
}

/**
 * Operator activity status
 */
.label.operatorActivityStatusN {
	color: 		#333333;
	background-color: #f7f7f7;
}

.label.operatorActivityStatusV {
	color: 		#468847;
	background-color: #f7fbf7;
}

.label.operatorActivityStatusS {
	color: 		#f89406;
	background-color: #fffbf5;
}

.label.operatorActivityStatusD {
	color: 		#d9534f;
	background-color: #fdf8f8;
}

.label.operatorActivityStatusU {
	color: 		#999999;
	background-color: #f0f0f0;
}

.label.operatorActivityStatusW {
	color: 		#428bca;
	background-color: #e3eef7;
}

/**
 * Authority Activity Status
 */
.label.authorityActivityStatusN {
	color: #999999;
	background-color: #fbfbfb;
}

.label.authorityActivityStatusV {
	color: #468847;
	background-color: #f7fbf7;
}

.label.authorityActivityStatusS {
	color: #f89406;
	background-color: #fffbf5;
}

.label.authorityActivityStatusD {
	color: #333333;
	background-color: #f7f7f7;
}

.label.borderControlPostTransportType {
	background-color: 		#dfe5de;
	color:   				#225179;
}

.unsureLink {
	text-decoration: 		underline;
}

.removedLink {
	text-decoration:		line-through;
	color:				#bbb;
}

/**
* Digital signature details and modal
*/

.fa-stack.unknown .fa-lock {
	color: #686E72 !important;
}

.modal-signature-details .fa-lock,
.fa-stack .fa-lock {
	color: #40b241;
}

.modal-signature-details .fa-unlock-alt,
.fa-stack .fa-unlock-alt {	
	color: #e0534a;
}

.modal-signature-details .fa-question,
.fa-stack .fa-question {
	color: #ef9747;
}

.modal-signature-details .fa-ul {
	margin-left: 0;
}

.modal-signature-details ul > li .label-default {
    margin-left: 16px;
    margin-bottom: 10px;
    display: inline-block;
}

.modal-signature-details .table {	
	border-bottom: 9px solid #ebebeb;
}

.modal-signature-details .table td:nth-child(1) {  
  font-weight: bold;
}

.modal-signature-details .table th i {
	padding-right: 3px;
}

.expandableBox .moreDetails {
	cursor: pointer;
	margin: 15px auto 0;
	font-size: 15px;
	color: #aaa;
	text-align: center;
	width: 50px;
	border-radius: 5px;
	border: 1px solid transparent;
}

.expandableBox .moreDetails:hover {
	color: #888;
	background-color: #fff;
	border: 1px solid #fff;
}

.expandableList.expanded{
	cursor: zoom-out;
}
.expandableList{
	cursor: zoom-in;
	border-radius: 5px;
}

.expandableList .expandBadge {
	cursor: 		pointer;
}

.expandableList:hover .expandBadge {
	color: #e8c10a;
}

.typeAheadStaticListSelectorMultiple .dropdown-menu,
.dropdownSingleSelection .dropdown-menu {
	max-height: 300px;
	overflow-y: auto;
}

.typeAheadStaticListSelectorMultiple .typeAheadStaticListSelection {
	margin-top: 2px;
}

.quantityUnitSelectorButton {
	border-radius: 0 3px 3px 0;
}

.descriptorColumn .quantityUnitSelectorButton {
	border-left: 0;
}

.descriptorColumnGroupButton {
	border-radius: 0 3px 3px 0;
	border-left: 0;
}

.tooltip {
	/*z-index must be lower than topBar and navigationBar z-index*/
	z-index: 1000;
}

/* Display a red arrow for a bottom tooltip displayed in bootstrap "danger" style*/
.tooltip.bottom.tooltip-danger .tooltip-arrow {
	border-bottom-color: #ebccd1;
}

/* Display a tooltip in bootstrap "danger" style*/
.tooltip.tooltip-danger .tooltip-inner {
	background-color:#f2dede;
	border-color:#ebccd1;
	color:#a94442;
}

.tooltip-inner {
	background-color: #233642;
}

.popover {
	/*z-index must be lower than topBar and navigationBar z-index*/
	z-index: 1000;
}


/**
 * Certificate Pending Action
 */
.certificatePendingAction {
	white-space: normal;
}

.certificatePendingAction.sign_consignment_verification_part_one,
.certificatePendingAction.sign_consignment_verification_decision,
.certificatePendingAction.submit_for_certification,
.certificatePendingAction.sign_first_consignee_declaration,
.certificatePendingAction.sign_issuing_body_declaration,
.certificatePendingAction.sign_endorsing_authority_declaration,
.certificatePendingAction.sign_port_authority_declaration,
.certificatePendingAction.sign_consignee_declaration,
.certificatePendingAction.submit_for_decision,
.certificatePendingAction.claim_licence,
.certificatePendingAction.submit_validation_request,
.certificatePendingAction.approve {
    color: #ffffff;
    background-color: #337ab7;
}

.certificatePendingAction.submit_laboratory_tests,
.certificatePendingAction.submit_endorsing_authority_laboratory_tests,
.certificatePendingAction.submit_issuing_body_laboratory_tests {
    color: #536976;
    background-color: #F0F0F0;
    border-color: #cccccc;
}

.certificatePendingAction.sign_decision,
.certificatePendingAction.sign_certification,
.certificatePendingAction.add_control,
.certificatePendingAction.submit_control,
.certificatePendingAction.notify_network_eppo,
.certificatePendingAction.notify_network_third_country,
.certificatePendingAction.notify_network_eppo_third_country {
    color: #ffffff;
    background-color: #5cb85c;
}

.certificatePendingAction.sign_part_three {
     color: #ffffff;
	 background-color: #5bc0de;
}

.certificatePendingAction.tranship,
.certificatePendingAction.transfer,
.certificatePendingAction.resume_onward_transportation  {
    color: #871f78;
    background-color: #ffffff;
    border-color: #871f78;
}

/**
 * Controlled Location Type
 */
.controlledLocationType {
	padding: 			5px 6px;
	background-color: #E2E4DC;
}

.controlledLocationType.control_point {
    color:       	#1e4b1a;
}

.controlledLocationType.inspection_centre {
	color: #61985c;
}

.controlledLocationType.onward_transportation_facility {
    color:       #307b29;
}

.controlledLocationType.specially_approved_customs_warehouse {
    color: 		#399430;
}

.controlledLocationType.free_zone {
    color: 		#225b1d;
}

.controlledLocationType.place_of_loading {
	color: #2d735b;
}

.controlledLocationType.military_facility {
	color: #6d7f6b;
}

.controlledLocationType.point_of_release_for_free_circulation {
	color: #5cb85c;
}
.controlledLocationType.safekeeping_procedure {
	color: #0e5d0e;
}

.controlledLocationType.temporary_storage_facility {
	color: #606f5e;
}

.taxonomicRank {
	background-color: #ccc;
	border-radius: 3px;
	color: #fff;
	padding: 2px 5px;
	font-style: italic;
	font-size: 12px;
}

.issues .alert .issuesDescriptors {
	max-height: 350px;
	overflow-y: auto;
	padding-bottom: 1px;
	scrollbar-width: thin;
	position: relative;
	right: -15px;
}

.issues .alert .issuesDescriptors::-webkit-scrollbar {
	width: 5px;
}

.issues .alert .issuesDescriptors::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.issues .alert .issuesDescriptors::-webkit-scrollbar-thumb {
	background-color: darkgrey;
	outline: 1px solid slategrey;
}

.scrollableTypeahead div .dropdown-menu {
	max-height: 250px;
	overflow-y: auto;
}

.typeAheadStaticListSelectorValue {
	font-size: small;
}

/**
 * Remark Status
 */
.label.remarkStatusV {
	background-color: 		#468847;
}

.label.remarkStatusD {
	background-color:       #d9534f;
}

/**
 * Taxon label
 */
.taxonLabel {
	border: 1px solid rgb(157, 157, 157);
	border-radius: 3px;
}

.taxonLabel .scientificName {
	font-style: 			italic;
}

.taxonLabel .eppoCode {
	color:                  #5cb85c;
}

.taxonLabel .faoCode {
	color:                  #5bc0de;
}

span.scientificName {
	font-style: 			italic;
}

.draggablePanel {
	position: absolute;
	z-index: 10;
}

.resizablePanel {
	overflow: scroll;
	resize: both;
}

.label.laboratoryTestMotivation.random {
	background-color: #5e5e5e;
}

.label.laboratoryTestMotivation.suspicion {
	background-color: #d9534f;
}

.label.laboratoryTestMotivation.emergency_measures {
	background-color: #f0ad4e;
}

.label.laboratoryTestMotivation.latent_infection_sampling {
	background-color: #f24b49;
}

.label.laboratoryTestMotivation.temporary_increase_of_controls {
	background-color: #30646a;
}

.label.laboratoryTestMotivation.intensified_controls {
	background-color: #347880;
}

.label.laboratoryTestMotivation.high_risk_product {
	background-color: orange;
}

.label.laboratoryTestMotivation.required {
	background-color: #83bbd2;
	color: #ffffff;
	font-weight: bold;
	padding: .2em .6em .3em;
	margin-top: inherit;
}


.stackTrace {
	font-size: 		12px;
	font-family: 		monospace;
	margin:			5px 0;
}

.stackTrace span.at {
	color: 			#ccc;
	font-style: 		italic;
}

.stackTrace span.line {
	font-weight: bold;
	color: 		#a81d1d;
}

.stackTrace span.method {
	font-weight: bold;
	color: 		black;
}

.stackTrace span.class {
	font-weight: bold;
	color: 		#206a20;
}

.documentFoundCount {
	color:		#555;
	text-align: 	right;
}

.cck-container .cck-content {
	font-size:		16px;
}

/*
.cck-container .cck-content-content {
	font-size:		16px;
}
*/

.cck-container .cck-wrapper .cck-actions a.cck-actions-button {
    padding: 			12px 18px !important;
}
    
.cck-container .cck-actions {
	font-size:		16px;
}

.unavailability {
	margin:		5px 0;	
}


.newsItemPublicationSubscription .btn-link.subscribed {
    color: 		white;
    text-decoration: 	none;
}

.newsItemPublicationSubscription .btn-link.unsubscribed {
	color:		#A9B6BE;
	text-decoration: 	none;	
}

.newsItemPublicationSubscription .noSwitching {
	width:				16px;
	display: 			inline-block;
}


.label.newsType.NEWS {
	border: 1px solid #225179;
	background-color: #eef4fa;
	color: #225179;
}

.label.newsType.SERVICE_DEGRADATION {
	border: 1px solid #d9534f;
	background-color: #fbeeed;
	color: #d9534f;
}

.label.newsType.PLANNED_MAINTENANCE {
	border: 1px solid #7e5000;
	background-color: #fefefa;
	color: #7e5000;
}

.label.newsType.PLANNED_UNAVAILABILITY {
	border: 1px solid #7e5000;
	background-color: #fefefa;
	color: #7e5000;
}


.label.vesselVerificationStatus.NOT_DONE {
	color:	#777;
	background-color: #f9f9f9;
}

.label.vesselVerificationStatus.VALIDATED {
	color:	#468847;
	background-color: #f3f9f3;
}

.label.vesselVerificationStatus.REJECTED {
	color:	#d9534f;
	background-color: #fdf5f4;
}


.expiringTime.expired {
	color: #a94442;
}

.expiringTime.willExpireSoon {
	color: #8a6d3b;
}

.expiringTime.expired .to,
.expiringTime.willExpireSoon .to {
	font-weight: 		bold;
}

.adisIndexPageAlert {
	margin-top: 10px;
	padding: 15px;
}

.adisIndexPageAlert .fa-beat,
.adisIndexPageAlert .fa-beat-fade {
	--fa-animation-duration: 2s;
}

.subMenuContent .adisIndexPageAlert {
	margin: 0;
	padding: 7px;
}

.operatorGroupDetails .loading {
	padding: 10px 0;
	text-align: center;
	font-weight: normal;
	color: rgb(170, 170, 170);
}

/**
 * Index Search Tree Item
 */ 
.indexSearchItemIdentifier {
	padding-left:		20px;
	position:			relative;
}

.indexSearchItemChildrenIdentifier {
	position: absolute;
	left:		0;
	width:		20px;
	height:		20px;
}

.ecl-icon {
	height: 2rem !important;
	width: 2rem !important;
}
.dropdown-menu.datepicker thead tr.ng-binding.ng-scope th  {
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    color: #536976;
}

.country-selector-small-btn {
    height: 32px;
}

.tracesCode {
	font-weight: bold;
	font-family: monospace;
}

.tableBlock tr td:first-child.moreNestedRows {
	padding-left: 5px;
}

.borderControlPostListingDisclaimer {
	font-size: large;
	text-align: center;
}