input::-webkit-calendar-picker-indicator {
	display: none; /* remove default arrow */
}

.eula {
	margin-top: 30px;
}
.print-fullpage-width {
	/* for printing calendars */
	width: 1500px !important;
}
.body-dashboard {
	background: #e7e9ec;
	margin-bottom: 60px;
}

.textarea-placeholder textarea {
	background: transparent;
}
.textarea-placeholder div {
	pointer-events: none;
	position: absolute;
	top: 6px;
	left: 21px;
	color: #acb6c0;
}

.dropdown-menu > .disabled > a > img {
	opacity: 0.3;
	pointer-events: none;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.mudelc-searchbox {
	padding: 4px 10px;
}

.mudelc-searchbox .form-control {
	margin-bottom: 0;
	width: 100%;
	float: none;
	padding: 8px 8px;
	height: auto;
}

.grayscale-disabled {
	/* for manually toggling icons as graysacale eg disabled (pinter events allso disables clicks/jquery events on it)*/
	opacity: 0.3;
	pointer-events: none;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
.grayscale-enabled {
	/* for manually toggling icons as graysacale eg disabled (pinter events allso disables clicks/jquery events on it)*/
	opacity: 0.3;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.transfer_selection .divider {
	margin: 0px;
	margin-top: 5px;
}

.transfer_full li .transfer_lv1 {
	display: inherit;
	padding-top: 5px;
	margin-top: 5px;
	width: 100%;
	border-top: 1px solid #000;
	font-weight: bold;
}
.transfer_full li:hover .transfer_lv1 {
	border-top: 1px solid #fff;
}
.transfer_full li.active .transfer_lv1 {
	border-top: 1px solid #fff;
}

.transfer_full li .transfer_lv2 {
	padding-left: 20px;
}

.transfer_full li .transfer_lv3 {
	padding-left: 40px;
	font-size: 0.9em;
}

.transfer_full li .transfer_lv4 {
	padding-left: 60px;
	font-size: 0.85em;
}
.transfer_full li .transfer_from-parent {
	display: none;
}

.transfer_tag,
.transfer_location_available {
	background-color: #91adca;
	font-weight: bold !important;
	width: 38px;
	text-align: center;
	margin-right: 5px !important;
}

.transfer_parent {
	color: #999;
	font-size: 0.85em;
}

.transfer_disabled {
	pointer-events: none;
}
.transfer_disabled button .caret {
	display: none;
}

.long-parent_lv1,
.long-parent_lv2,
.long-parent_lv3,
.long-parent_lv4 {
	color: #999;
	font-size: 0.85em;
}

.long-lv1,
.long-lv2,
.long-lv3,
.long-lv4 {
}

.form-text-addon {
	margin-top: 8px;
	font-size: 0.9em;
}
.form-text-info {
}
.mi {
	position: relative;
	top: -1px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	color: #999;
}
.mi.gray {
	color: #aaa !important;
}
.hint {
	font-size: 0.85em;
	margin: 0px;
	margin-top: 0.3em;
}
.en24hr {
	position: fixed;
	overflow: hidden;
	bottom: -5px;
	left: 50%;
	margin-left: -180px;
	width: 360px !important;
	height: 80px;
	background: #f3f3f3;
	border: 1px solid #000;
	border-radius: 5px;
	font-size: 18px;
	font-weight: 400;
	color: #000;
	-webkit-box-shadow: 0px -5px 5px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px -5px 5px 0px rgba(0, 0, 0, 0.25);
	box-shadow: 0px -5px 5px 0px rgba(0, 0, 0, 0.25);
	line-height: 1.2em;
	text-align: center;
}
.en24hr span {
	font-size: 15px;
	font-weight: bold;
}
.inheritcolor {
	color: inherit;
}
/* remove annoying blue borders on buttons */
input:focus,
button,
button:active,
button:focus,
button:hover,
.btn,
.btn:active,
.btn:focus,
.btn:hover {
	outline: none !important;
}
/* remove annoying blue borders on buttons */

.header-twoliner {
	font-size: 13px;
	line-height: 16px;
	margin-top: -12px;
	padding-top: 7px;
	padding-bottom: 8px;
}

.tag-twoliner {
	display: block;
	float: left;
	font-size: 12px;
	width: 34px;
	height: 20px;
	text-align: center;
	margin-top: 6px;
	margin-right: 12px;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 4px;
	padding: 2px;
}
.tag-twoliner.tag-currency {
	text-align: center;
	margin-left: -10px;
	opacity: 0.8;
	width: 40px;
}

@media (max-width: 880px) {
	.tag-twoliner {
		display: none;
	}
}

.text-twoliner {
	display: block;
	width: 300px;
	overflow: hidden;
}

.subtitle {
	font-size: 0.85em;
}

.sub-subtitle {
	font-size: 0.75em;
}

.navbar-centered {
	display: inline-block;
	float: none;
}
.black {
	color: #000000;
}
.red {
	color: #dd0000;
}
.addon-error {
	background: #dd0000;
	color: #fff;
}
.addon-red {
	background: #dd0000;
	color: #fff;
	opacity: 0.75;
}
.orange {
	color: #ec8500;
}
.addon-orange {
	background: #ec8500;
	color: #fff;
	opacity: 0.75;
}
.darkorange {
	color: #ff6c00;
}
.lightorange {
	color: #ffa000;
}

.green {
	color: #4ab632 !important;
}
.addon-green {
	background: #4ab632;
	color: #fff;
	opacity: 0.75;
}
.cyan {
	color: #34c9b9;
}
.blue {
	color: #4c97b9;
}
.darkblue {
	color: #0f7fcc;
}
.darkerblue {
	color: #345688;
}
.purple {
	color: #9700ce;
}
.violet {
	color: #a653c9;
}
.gray {
	color: #999999;
}
.graycredit {
	color: #999999;
}
.lightgray {
	color: #dddddd;
}
.midgray {
	color: #bbb;
}
.darkgray {
	color: #353535;
}
.white {
	color: #ffffff;
}
.gen-none {
	/* do NOT change -> user is selectpicker javascript */
	display: none !important;
}
.display-none {
	/* do NOT change -> user is selectpicker javascript */
	display: none !important;
}
.gen-child-none * {
	display: none !important;
}
.gen-notvisible {
	visibility: hidden;
}
.gen-floatleft {
	float: left;
}
.gen-font-14 {
	font-size: 14px;
}
.gen-fontweight-400 {
	font-weight: 400;
}
.gen-fontweight-500 {
	font-weight: 500;
}
.gen-text-center {
	text-align: center;
}
.gen-italic {
	font-style: italic;
}

.gen-bright-200 {
	filter: brightness(200%);
}

.gen-opacity-40 {
	opacity: 0.4;
}

.gen-opacity-50 {
	opacity: 0.5;
}

.gen-opacity-65 {
	opacity: 0.65;
}

.gen-leftpading0 {
	padding-left: 0;
}
.gen-rpad10 {
	padding-right: 10px;
}
.gen-lrpad0 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.gen-rpad0 {
	padding-right: 0 !important;
}
.gen-leftpadingimp_5 {
	padding-left: 5px !important;
}
.gen-top-padding5 {
	padding-top: 5px !important;
}

.gen-top-padding8 {
	padding-top: 8px !important;
}

/* for some buttons in safemanning */
.gen-margin-top--15 {
	margin-top: -15px;
}
.gen-margin-top-0 {
	margin-top: 0px;
}
.gen-margin-bottom-0 {
	margin-bottom: 0px;
}
.gen-margin-bottom-10 {
	margin-bottom: 10px;
}
.gen-margin-top-5 {
	margin-top: 5px;
}
.gen-margin-top-10 {
	margin-top: 10px;
}

.gen-margin-top-20 {
	margin-top: 20px;
}
.gen-margin-top-40 {
	margin-top: 40px;
}
.gen-margin-top-60 {
	margin-top: 60px;
}
.gen-margin-bot-5 {
	margin-bottom: 5px;
}
.gen-margin-left-60 {
	margin-left: 60px;
}
.gen-margin-left-40 {
	margin-left: 40px;
}
.gen-margin-left-20 {
	margin-left: 20px;
}
.gen-margin-7-0 {
	margin: 7px 0px;
}
.gen-lineheight-34 {
	line-height: 34px;
}
.gen-table-nomargin {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.gen-spacer5 {
	margin-left: 5px;
}
.gen-no-leftmargin {
	margin-left: 0 !important;
}
.gen-no-toppadding {
	padding-top: 0;
}
.gen-top-borderline {
	border-top: 1px solid #dddddd;
}
.gen-bottom-borderline {
	border-bottom: 1px solid #dddddd;
}
.gen-notclickable {
	/* do NOT change -> user is selectpicker javascript */
	pointer-events: none !important;
}
.gen-notclickable-progress {
	/* do NOT change -> user is selectpicker javascript */
	pointer-events: none !important;
	cursor: progress;
}
.gen-notclickable-disabled {
	/* do NOT change -> user is selectpicker javascript */
	pointer-events: none !important;
	opacity: 0.3;
}
.gen-block {
	display: block !important;
}
.gen-inline {
	display: inline !important;
}
.gen-inline-block {
	display: inline-block !important;
}
.gen-cell {
	display: table-cell !important;
}
.gen-pointer {
	cursor: pointer;
}
.gen-pointer-important {
	cursor: pointer !important;
}
.gen-nopointer {
	cursor: default !important;
}
.gen-no-pointer,
.gen-no-pointer td {
	cursor: default !important;
}
.gen-hover:hover {
	background-color: #d6f2ff;
}
.gen-no-hover:hover,
.gen-no-hover td:hover {
	background: transparent !important;
}
.table-striped > tbody > .gen-no-hover:nth-of-type(odd):hover {
	background: #f9f9f9 !important;
}
.gen-return,
.gen-return td {
	background: #fef9e2;
}
.gen-normal,
.gen-normal b {
	font-weight: normal !important;
}
.gen-loading {
	background-image: url("/images/loading.gif");
	background-repeat: no-repeat;
	background-position: center center;
}
.gen-blur {
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
}
.gen-bold {
	font-weight: bold;
}
.gen-bold-warning {
	font-weight: bold !important;
}
.gen-nomarginbottom {
	margin-bottom: 0px !important;
}
.gen-nosel {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.gen-rotateicon-45::before {
	transform: rotate(45deg);
	display: block;
}
.gen-bordernone {
	border: none;
}
.gen-bordernone-important {
	border: none !important;
}

.inline_load {
	float: right;
	width: 100px;
	height: 6px;
	margin-top: 5px;
	background: #eee;
}
.inline_load div {
	width: 1%;
	height: 6px;
	border-radius: 3px;
	background-color: #0f7fcc;
	background-image: linear-gradient(
		to right,
		transparent 30%,
		rgba(255, 255, 255, 0.5) 50%,
		transparent 70%
	);
	background-size: 400% 100%;
	animation: inline_load_shine 1s infinite;
}
@keyframes inline_load_shine {
	0% {
		background-position: right;
	}
}

.report-cats {
	font-weight: bold;
}
.report-cats.budget-vs-expenses {
	font-weight: normal;
	font-size: 14px;
}
.report-small {
	font-size: 0.8em !important;
	line-height: 1.2em;
}
.warning-bold td {
	font-weight: bold !important;
}
.uppercase {
	text-transform: uppercase;
}
.capitalize {
	text-transform: capitalize;
}
.modal-open {
	overflow-y: scroll;
	padding-right: 0px !important;
}
.modal-dialog {
	margin-top: 10%;
}
#commands .btn,
#commands-static .btn {
	margin-left: 5px !important;
}

#commands .btn.dropdown-toggle {
	margin-right: -3px;
}

.comtabsfilters {
	float: left;
}
.comtabsfilters .dropdown-toggle {
	font-weight: 500;
}
.commands-filters {
	float: left;
	margin-right: 12px;
	padding-top: 12px;
	padding-bottom: 12px;
}
.commands-buttons {
	float: left;
	margin-right: 12px;
}
.commands-text {
	float: left;
	font-size: 0.85em;
	padding-top: 15px;
	padding-right: 5px;
}
.commands-tabs {
	float: left;
	font-weight: 500;
	margin-top: 13px;
	font-size: 0.9em;

	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: -moz-none;
	-o-user-select: none;
	user-select: none;
}
.login {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	margin: 0px;
	background: #000000 url("/images/login-3.7.0.jpg") no-repeat center center
		fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.login form {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 400px;
	height: 325px;
	background: #000000;
	margin-left: -200px;
	margin-top: -170px;
	padding: 40px;
	border-radius: 16px;
	background: rgba(0, 0, 20, 0.7);
	color: #ffffff;
	-webkit-box-shadow: 0 0 16px 0 #000;
	-moz-box-shadow: 0 0 16px 0 #000;
	box-shadow: 0 0 16px 0 #000;
}
.login div {
	width: 100%;
	overflow: hidden;
	margin-bottom: 1em;
}
/* no project selected */
.login .vertical-center-wrap {
	align-items: center;
	display: flex;
	height: 100%;
}
.login .vertical-center-box {
	text-align: center;
}
.login .vertical-center-box .home-no-project-text {
	color: white;
	font-size: 3em;
}
#header {
	z-index: 100;
	height: 45px;
	transition: none;
}
#commands,
#commands-static {
	z-index: 99;
	height: 45px;
}
.topsearch {
	padding-left: 10px;
	padding-top: 4px;
}

.mobile360 .topsearch {
	margin-left: 0;
	padding-left: 5px;
}

.mobile360 .modal-dialog {
	margin-bottom: 200px;
}

#globalsearch.disabled {
	pointer-events: none;
}
#globalsearch.disabled input {
	pointer-events: none;
	background: #e7e9ec;
}
#globalsearch.disabled button {
	pointer-events: none;
	opacity: 0.3;
}
.topsearch input,
.topsearch button {
	float: right;
	padding: 3px;
	height: auto;
	margin-top: 6px;
}
.topsearch input {
	width: 180px;
	font-size: 0.85em;
	margin-right: 5px;
	padding: 3px;
	padding-left: 26px;
	color: #717171;
}
.topsearch button {
	position: absolute;
	background: transparent;
	margin-top: 10px;
	margin-left: 2px;
	border: 0;
	color: #717171;
	cursor: pointer;
	font-size: 1em;
	padding-top: 5px;
}
.topsearch #clearsearchbox {
	right: 8px;
	margin-top: 7px;
	color: #bbb;
	background: #fff;
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 1.1em;
}
.topsearch #clearsearchbox i {
	display: block;
	height: 18px;
}
.projectname {
	color: #ffffff;
	font-size: 1.8em;
	padding-top: 8px;
}
.userinfo {
	color: #dddddd;
	font-size: 0.8em;
	padding-top: 14px;
	padding-left: 10px;
}
.userinfo b {
	font-weight: 500;
	color: #ffffff;
}
@media (max-width: 887px) {
	.userinfo {
		margin-top: 6px;
	}
}
.commmands {
	width: 100%;
	background: #dddddd;
	top: 45px;
}
.commmands .navbar-nav {
	float: left;
}
.commmands .navbar-right {
	float: right;
}
.commmands .btn {
	margin-top: 0.6em;
}
.commmands .dropdown-menu {
	left: auto;
	margin: 0;

	max-height: 480px; /* scroll menu vertically */
	overflow-y: auto; /* scroll menu vertically */
	overflow-x: hidden;
	/* scroll menu vertically */
}

.open > .dropdown-menu {
	min-height: 30px;
	max-height: 480px; /* #8021 450 na 480 */
	overflow-y: auto; /* scroll menu vertically */
	overflow-x: hidden; /* scroll menu vertically */
}

/*
@media (max-height: 883px) {
	.open > .dropdown-menu {
		max-height: 280px;	
		overflow-y: auto;	
		overflow-x: hidden;	
	}	

}
@media (max-height: 641px) {
	.open > .dropdown-menu {
		max-height: 180px;	
		overflow-y: auto;	
		overflow-x: hidden;	
	}	

}
@media (min-height: 884px) {
	.open > .dropdown-menu {
		max-height: 480px;	
		overflow-y: auto;			
		overflow-x: hidden;			
	}	

}
*/

.commmands .dropdown-menu li {
	font-size: 0.95em;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
}
.tabs,
.stickytabs {
	overflow: hidden;
	font-weight: 500;
	margin-top: 13px;
	font-size: 0.9em;
}
.tabs,
.stickytabs,
.tabs div,
.stickytabs div {
	height: 21px;
}
.tabs div,
.stickytabs div {
	float: left;
}
.stickytabs {
	border-left: 1px solid #999;
}

.tab {
	padding: 12px;
	padding-top: 1px;
	background: transparent;
	color: #999;
	cursor: pointer;
	font-weight: 500;
	border-radius: 0px;
	border-left: 1px solid #999;
}

/* subtabs for settings */
.customtabs {
	overflow: hidden;
	font-weight: 500;
	/*	margin-top: 13px;   */
	font-size: 0.9em;
}
.customtabs,
.customtabs .customtab {
	height: 20px;
}
.customtab {
	float: left;
	padding: 12px;
	padding-top: 1px;
	background: transparent;
	color: #999;
	cursor: pointer;
	font-weight: 500;
	border-radius: 0px;
}
.customtab:not(:first-of-type) {
	border-left: 1px solid #999;
}
/* subtabs for settings */

.tab:hover {
	color: #667591;
}
.tab:first-child {
	border-left: 0px none;
}
.tab-selected {
	cursor: default;
	color: #2d3e5d;
}
.tab-selected:hover {
	color: #2d3e5d;
}
.tab-disabled,
.tab-disabled:hover {
	color: #bbb;
	cursor: default;
}
.tab-alert {
	float: right;
	margin-left: 0.5em;
	margin-top: 2px;
	font-size: 12px;
}
.wrap-table-no-top .tab-table {
	margin-top: 0;
}

.tabtopfix,
.tab-table {
	margin-top: -45px;
}
/* only for HRM / Summary */
.tab-table.inline {
	margin-top: -8px;
	margin-bottom: 0px;
	font-size: 0.85em;
}
.tab-table.inline tr:last-of-type {
	border-bottom: 1px solid #dddddd;
}
/* only for HRM / Summary */

.tab-table thead {
	position: relative;
	z-index: 1;
	background: #ffffff;
}
.tab-table th {
	padding: 0px !important;
	padding-top: 12px !important;
	padding-bottom: 12px !important;
	padding-left: 8px !important;
	font-weight: 300;
	color: #2c3e50;
	-webkit-box-shadow: inset 0px -1px 0px 0px #ddd;
	-moz-box-shadow: inset 0px -1px 0px 0px #ddd;
	box-shadow: inset 0px -1px 0px 0px #ddd;
}
.tab-table th .title {
	display: inline-block;
	margin: 0px;
}
.tab-table th .sorticon {
	display: inline-block;
	width: 20px;
	height: 24px;
	text-align: center;
	padding: 6px;
	color: #cccccc;
	cursor: pointer;
	margin-top: -5px;
}
.tab-table th.sorting-asc .sorticon,
.tab-table th.sorting-desc .sorticon {
	color: #2c3e50;
	font-size: 0.8em;
}

.tab-table td {
	padding: 3px;
}
.tab-table tbody td {
	padding-top: 8px !important;
	padding-bottom: 8px !important;
}
.tab-table tbody td.popadding {
	padding: 3px 0px 0px 0px !important;
}
.tab-table tbody td.popadding-clist {
	padding: 1px 8px 0px 0px !important;
}
#listform .popadding-clist .form-group {
	margin: 0;
}
.tab-table tfoot {
	-webkit-box-shadow: inset 0px 1px 0px 0px #ddd;
	-moz-box-shadow: inset 0px 1px 0px 0px #ddd;
	box-shadow: inset 0px 1px 0px 0px #ddd;
}

.text-right .sorticon {
	margin-right: -3px;
}
.footer {
	width: 100%;
	height: 45px;
	bottom: 0px;
	padding-top: 12px;
	position: fixed;
	z-index: 100;
	background: #2d3e5d;
	color: #dddddd;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.31);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.31);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.31);
	user-select: none;
}
.footer .fl {
	position: absolute;
	/* If we wish to make our helper button clickable, we have to shrink this element. Changed by Rok  */
	/* width: inherit; */
}
.footer small {
	font-size: 0.8em;
}
.footer span {
	margin-left: 0.3em;
	margin-right: 0.3em;
}
.footer img {
	height: 20px;
}
.fl {
	float: left;
	margin-left: 15px;
}
.fl img {
	margin-right: 0.3em;
}
.fr {
	float: right;
	margin-right: 15px;
}
.fr img {
	margin-right: 1em;
}
.fr .helper-open {
	color: #ddd;
	margin-right: 10px;
}
#contents {
	position: relative;
	top: 85px;
	padding-bottom: 15px;
}
#contents_nocommands {
	position: relative;
	top: 45px;
	padding-bottom: 15px;
}
#contents_notoolbar {
}
#contents_nonfixed {
	position: relative;
	top: 70px;
}

/* digital signatures */

.sgn {
	padding-bottom: 20px;
}
.sgn-contact {
	clear: both;
	padding-top: 5px;
	margin-left: -3px;
}

.sgn-box {
	width: 200px;
}
.sgn-contact .sgn-box {
	width: 206px;
}

.sgn-box img {
	width: 100%;
}

/* genelasied withs */

.db-icon {
	width: 20px;
}

.db-icon img {
	width: 15px;
}

.db-wauto {
	/* magic one */
	width: auto !important;
}
.db-w10 {
	width: 10px;
}
.db-w15 {
	width: 15px;
}
.db-w20 {
	width: 20px;
}
.db-w30 {
	width: 30px;
}
.db-w32 {
	width: 32px;
}
.db-w35 {
	width: 35px;
}
.db-w40 {
	width: 40px;
}
.db-w50 {
	width: 50px;
}
.db-w60 {
	width: 60px;
}
.db-w70 {
	width: 70px;
}
.db-w80 {
	width: 80px;
}
.db-w90 {
	width: 90px;
}
.db-w100 {
	width: 100px;
}
.db-w110 {
	width: 110px;
}
.db-w120 {
	width: 120px;
}
.db-w125 {
	width: 125px;
}
.db-w130 {
	width: 130px;
}
.db-w140 {
	width: 140px;
}
.db-w150 {
	width: 150px;
}
.db-w160 {
	width: 160px;
}
.db-w170 {
	width: 170px;
}
.db-w180 {
	width: 180px;
}
.db-w195 {
	width: 195px;
}
.db-w200 {
	width: 200px;
}
.db-w210 {
	width: 210px;
}
.db-w220 {
	width: 220px;
}
.db-w250 {
	width: 250px;
}
.db-w300 {
	width: 300px;
}
.db-w330 {
	width: 330px;
}
.db-w380 {
	width: 330px;
}
.db-w380 {
	width: 380px;
}
.db-w400 {
	width: 400px;
}
.db-w500 {
	width: 500px;
}
.db-w600 {
	width: 600px;
}

.db-padding-left-5px {
	padding-left: 5px;
}

.db-padding-right-40px {
	padding-right: 40px;
}

/* genelasied withs */

.db-header {
	font-weight: 500;
	position: fixed;
	z-index: 10;
	top: 90px;
	width: 100%;
	padding: 0.3em;
	padding-left: 0.5%;
	padding-right: 0.5%;
	height: 45px;
	background: #fafafa;
	border-bottom: 1px solid #dddddd;
	-webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
}
.db-header div {
	margin-left: 15px;
	margin-right: 15px;
	height: 45px;
}
.db-header table {
	width: 100%;
	margin-top: -5px;
}
.db-header .db-headerorder {
	cursor: pointer;
}

.db-header .no-sorticon-old .db-headerorder {
	display: none !important;
}

.db-header td {
	height: 44px;
	vertical-align: top;
	padding-top: 2px;
	padding-left: 5px;
}
.db-header td.text-right {
	padding-right: 5px;
}

.db-header td div {
	margin: 0px;
}
.db-header .bordered {
	-webkit-box-shadow: inset -1px 0px 1px 0px rgba(125, 125, 125, 0.1);
	-moz-box-shadow: inset -1px 0px 1px 0px rgba(125, 125, 125, 0.1);
	box-shadow: inset -1px 0px 1px 0px rgba(125, 125, 125, 0.1);
}
.db-header a {
	display: inline-block;
	margin-top: 11px;
	color: #2c3e50;
	margin-left: 3px;
}
.db-header td .db-headerorder {
	display: inline;
	width: 24px;
	text-align: center;
	/* padding: 5px; */
	padding-left: 3px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #cccccc;
}
.db-header td .db-orderenabled {
	padding-top: 13px;
	color: #2c3e50;
	font-size: 0.8em;
}
.db-header .searchicon {
	font-size: 0.8em;
	padding-left: 3px;
}
.db-header-nonfixed {
	position: relative;
	margin-top: -15px;
	background: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-bottom: 0px none;
}
.db-headerfilters:not(:empty) {
	display: none;
	position: fixed;
	z-index: 10;
	width: 250px;
	background: #fafafa;
	padding-left: 15px;
	padding-right: 15px;
	margin-top: -1px;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	-webkit-box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
}

.db-headerfilters ul,
.db-headerfilters li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.db-headerfilters a {
	color: #2c3e50;
}
.db-headerfilters input {
	width: 190px;
	font-size: 0.95em;
	padding: 0.2em;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}
.db-headerfilters .dropdown {
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	font-size: 0.9em;
}
.db-headerfilters .dropdown-menu > li > a {
	padding-top: 3px;
	padding-bottom: 1px;
	padding-left: 5px;
	font-size: 0.9em;
	cursor: pointer;
}
.db-headerfilters .dropdown-menu .divider {
	margin: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
}
.db-header .dropdown-menu {
	font-size: 1em;
}
.db-resetfilter {
	float: right;
	background: #999999;
	color: #ffffff;
	width: 20px;
	height: 20px;
	margin-top: 8px;
	font-weight: bold;
	text-align: center;
	border-radius: 20px;
	cursor: pointer;
}
.db-header .db-list td,
.db-header .db-list-large td {
	vertical-align: middle !important;
	padding: 3px !important;
	padding-bottom: 4px !important;
	height: 39px;
}
.db-header .customaction {
	height: auto;
}
.db-report {
	margin-top: 60px;
	width: 100%;
}
.db-list-nopointer tbody td,
.db-list-large-nopointer tbody td {
	cursor: default !important; /* must be important so that overrides dblist-large when nested */
}
.db-list tbody td,
.db-list-large tbody td {
	cursor: pointer;
}
.db-list td,
.db-list-noprint td {
	font-size: 0.9em;
}
.db-icon {
	width: 26px;
}
.db-checkbox {
	width: 32px;
}

.db-removebtn-special {
	padding-top: 6px !important;
	padding-bottom: 0px !important;
	width: 32px;
}

.btn-range,
.btn-range-set {
	font-size: 12px;
	margin-top: 11px !important;
	float: left;
	width: 52px;
	text-align: center;
	border-radius: 3px;
	font-weight: 400;
}
.btn-range {
	background: #e7e7e7;
}
.btn-range:hover {
	color: #2d3e5d;
}
.btn-range-set {
	background: #0f7fcc;
	color: #fff;
}
.btn-range-set:hover {
	background: #2d3e5d;
}

.dropdown-icon {
	height: 21px;
	margin-right: 10px;
	border-radius: 4px;
}

.inline-icon img {
	float: left;
	height: 18px;
	margin-right: 10px;
	border-radius: 2px;
}

.form-control .inline-icon img {
	margin-top: 3px;
}
.form-control .inline-icon a {
	display: inline-block;
	margin-top: 3px;
}

.tag:not(.input-group-addon) {
	display: inline-block;
	font-size: 11.5px !important;
	font-weight: 400;
	line-height: 1em;
	min-height: 21px;
	margin-right: 2px;
	padding: 4px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #81afce;
	font-size: 0.85em;
	border-radius: 4px;
	color: #fff;
}

.table-items .filter-option .tag.item-tag {
	position: absolute;
	top: 6px;
	width: 60%;
	text-align: center;
}

.dropdown-menu .tag.item-tag {
	width: 100%;
	font-size: 11px !important;
	line-height: 13px;
	text-align: center;
}

.tag.input-group-addon {
	position: relative;
	z-index: 3; /* over input on the right */
	color: #fff;
	border: 0px none;
	font-size: 13px;
}

.tag-header {
	position: relative;
	display: inline-block;
	top: -1px;
	font-weight: 400;
	margin-right: 4px;
	border-radius: 4px;
}

.tag-form {
	position: relative;
	top: -1px;
	padding-left: 6px !important;
	padding-right: 6px !important;
	margin-right: 10px !important;
}
.dropdown-menu .tag-fprm {
	padding: 2px;
	padding-left: 6px;
	padding-right: 6px;
	margin-right: 10px !important;
}

.tag-processor {
	background: #4a7795 !important;
}

.dropdown-toggle .tag-header {
	padding-left: 6px;
	padding-right: 6px;
	font-size: 12px;
	background: rgba(255, 255, 255, 0.2);
}

.dropdown-menu .dropdown-menu-double {
	margin: 0px;
	margin-top: 4px;
	line-height: 13px;
}

.dropdown-menu .dropdown-menu-double small {
	font-size: 11px;
}

.dropdown-menu .tag-header {
	padding: 2px;
	padding-left: 6px;
	padding-right: 6px;
	font-size: 11px;
	color: #fff;
	background: #81afce;
}

.tag-small,
.tag-small .tag {
	font-size: 10.5px !important;
	min-height: 17px;
	line-height: 0.8em;
}

.tag-attachment,
.tag-attachment .tag {
	cursor: pointer;
}

.tag.tag-fin_from,
.tag.tag-fin_type,
.tag.tag-fin_opex .tag.tag-contacts-main {
	background: #8094ae;
	color: #fff;
}
.tag.tag-fin_to,
.tag.tag-fin_draft,
.tag.tag-fin_trf {
	background: #dbe4ec;
	color: #75869b;
}
.tag.tag-fin_both,
.tag.tag-fin_invoice,
.tag.tag-fin_capex {
	background: #82afce;
	color: #fff;
}
.tag.tag-contacts-main {
	background: #8094ae;
	width: 60%;
}

.tag.tag-fin_exa {
	background: #dd0000a8;
	color: #fff;
}

.tag.tag-fin_exd {
	background: #dd00004f;
	color: #fff;
}

.tag.tag-fin_inc {
	background: #49b733a3;
	color: #fff;
}

/* dashboard override height */
.dsh-tabs .tag {
	min-height: inherit;
}
.tag.tag-red {
	background: #dd0000;
}
.tag.tag-inv-red {
	background: #f5f5f5;
	color: #ff0000;
	border: 1px solid #ff7c84;
}
.tag.tag-darkgray {
	background: #bbb;
}
.tag.tag-inv-gray {
	background: #f5f5f5;
	color: #989898;
	border: 1px solid #ddd;
}
.tag.tag-orange {
	background: #ffa500;
}
.tag.tag-inv-orange {
	background: #f5f5f5;
	color: #ffa500;
	border: 1px solid #ffa500;
}
.tag.tag-darkorange {
	background: #ff6c00;
}

.tag.tag-green {
	background: #03b500;
}
.tag.tag-inv-green {
	background: #f5f5f5;
	color: #03b500;
	border: 1px solid #03b500;
}

.tag.tag-gray {
	background: #e5e5e5;
}
.tag.tag-lightgray {
	background: #f5f5f5;
}
.tag.tag-darkgray {
	background: #cccccc;
}
.tag.tag-cyan {
	background: #34c9b9;
}
.tag.tag-blue {
	background: #00b2ff;
}
.tag.tag-darkblue {
	background: #2a6cb7;
}
.tag.tag-darkerblue {
	background: #345688;
}
.tag.tag-inv-blue {
	background: #f5f5f5;
	color: #00b2ff;
	border: 1px solid #00b2ff;
}
.tag.tag-purple {
	background: #e100ff;
}
.tag.tag-primary {
	background: #487ab2;
}
.tag.tag-info {
	background: #78bedb;
}
.tag.tag-lightorange {
	background: #dbb278;
}
.tag.tag-male {
	background: #2dbcff;
}
.tag.tag-female {
	background: #ff4064;
}
.tag.tag-white {
	background: #fff;
	border: 1px solid #eee;
	color: #000;
}
.tag.tag-edit {
	background: #b7cedc;
}
.tag.tag-list {
	background: #a2a2a2;
}
.tag .glyphicon {
	font-size: 8px;
	top: 0px;
	margin: 0px auto;
}
.tag .glyphicon-plus {
	top: -1px;
}
.tag-bold {
	font-weight: normal;
}

.tag-40 {
	width: 40px;
}
.tag-50 {
	width: 50px;
}
.tag-60 {
	width: 60px;
}
.tag-70 {
	width: 70px;
}
.tag-80 {
	width: 80px;
}
.tag-90 {
	width: 90px;
}

.tag-100 {
	width: 100px;
}
.tag-full .tag {
	width: 100%;
	text-align: center;
}

.tag-dropdown {
	display: block;
	float: left;
	margin-right: 3px;
	padding-top: 5px !important;
	font-size: 11px !important;
	text-align: center;
	background: #b7cedc;
}

.tag-loading {
	background: linear-gradient(90deg, #bbb 40%, #fff 50%, #bbb 60%);
	background-size: 400% 400%;
	animation: tag_loading 1s ease infinite;
}

@keyframes tag_loading {
	0% {
		background-position: 100% 0%;
	}
	100% {
		background-position: 0% 0%;
	}
}

.tag.tag-option-multiedit-only {
	background: #ddd;
}

.tag-icon {
	color: #a2a2a2;
}

.option-multiedit-only {
	color: #ddd;
}
.option-disabled {
	color: #ddd;
}
/* special for aid_doc */
#ducumentlist .db-checkbox {
	padding: 8px 8px 0px 8px;
}

#ducumentlist > tbody > tr:nth-of-type(odd).aid_doc_protected {
	background-color: #e7f3f9;
}
#ducumentlist > tbody > tr:nth-of-type(even).aid_doc_protected {
	background-color: #e1eef5;
}
#ducumentlist > tbody > tr:not(.nohover).aid_doc_protected:hover {
	background-color: #d6f2ff;
}

.db-date {
	width: 90px;
}
.db-tag {
	width: 90px;
}
.db-middate {
	width: 110px;
}
.db-fulldate {
	width: 145px;
}
.db-fulldate-docs {
	width: 100px;
}
.db-datetime {
	width: 190px;
}
.db-port {
	width: 220px;
}
.db-due {
	width: 90px;
}
.db-tabdate {
	width: 130px;
}
.dv-list .db-date {
	font-weight: 400;
}
.db-status {
	width: 100px;
}
.db-button {
	width: 80px;
}

.db-icon {
	width: 25px;
}
.db-options {
	width: 65px;
}
.db-ico-status {
	width: 65px;
}
.db-company {
	width: 250px;
}
.db-history-log {
	width: 250px;
}
.db-button ul,
.db-button li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	color: #2d3e5d !important;
}
.db-button .dropdown-menu {
	font-size: 0.85em;
}
.db-min-auto {
	min-width: 80px;
}
.db-min-autospan {
	min-width: 80px;
}

.db-min-50px {
	min-width: 50px;
}
.db-min-70px {
	min-width: 70px;
}
.db-min-85px {
	min-width: 85px;
}

.db-min-100px {
	min-width: 100px;
}

.db-min-105px {
	min-width: 105px;
}

.db-min-110px {
	min-width: 110px;
}

.db-min-115px {
	min-width: 115px;
}

.db-min-130px {
	min-width: 130px;
}
.db-min-140px {
	min-width: 140px;
}
.db-min-195px {
	min-width: 195px;
}
.db-min-200px {
	min-width: 200px;
}
.db-min-250px {
	min-width: 250px;
}

.db-min-autospan span {
	width: 100%;
}
.db-area {
	width: 180px;
}
.db-areanormal {
	width: 180px;
}
.db-equipment {
	width: 200px;
}
.gen-break-all {
	word-break: normal;
}
.gen-overflowhidden {
	overflow: hidden;
}
.gen-relative {
	position: relative !important;
}
.db-folder-long {
	width: 250px;
}
.db-published-long {
	width: 350px;
}
.db-folder-long-docs {
	width: 250px;
}
.db-folder-extralong {
	width: 550px;
}
@media (max-width: 1200px) {
	.db-folder-long-docs {
		width: 178px;
	}
	.mtn-table-report .mtn-folder {
		width: 120px;
	}
}

@media (min-width: 1201px) and (max-width: 1600px) {
	/* maintenance table reports */
	.mtn-table-report .mtn-folder {
		width: 150px;
	}
}

.db-yach-info-field {
	width: 450px;
}
.db-list .db-folder-long {
	font-size: 0.8em !important;
}
.db-folder-short {
	width: 130px;
}
.db-folder {
	width: 220px;
}
.db-vacation-type {
	width: 200px;
}
.db-docfolder {
	width: 250px;
}
.db-minicol {
	width: 40px;
}
.db-medcol {
	width: 60px;
}
.db-mode {
	width: 80px;
}
.db-money {
	width: 100px;
}
.db-money2 {
	width: 200px;
}
.db-rate {
	width: 100px;
}
.db-comment {
	width: 600px;
}
.db-description {
	width: 200px;
}
.db-work {
	width: 180px;
}
.db-type {
	width: 105px;
}
.db-days,
.db-days-total {
	width: 65px;
	text-align: center;
}
.db-days-total {
	font-weight: bold;
}

.db-list .db-tag,
.db-list-large .db-tag {
	text-align: center;
}

.db-header .db-days,
.db-header .db-days-total {
	text-align: left;
}
.db-header .db-days-total {
	font-weight: normal;
}

.db-header .db-days a,
.db-header .db-days-total a {
	line-height: 1em;
	font-size: 11px;
	margin-top: 7px;
}

.db-twoline .title {
	line-height: 1em;
	font-size: 12px;
	margin-top: 7px;
}

.db-position {
	width: 180px;
}
.db-assigned {
	width: 150px;
}
.db-yacht {
	width: 150px;
}
.db-dsh-money {
	width: 125px;
}
.db-username {
	width: 180px;
}
.db-username-long {
	width: 240px;
}
.db-valignmiddle {
	vertical-align: middle !important;
}

.db-inventory-location-buttons {
	width: 155px;
}
.location_description {
	line-height: 9px;
	font-size: 0.85em;
}

#bookmarkthis {
	padding-bottom: 2px;
}

@media (max-width: 888px) {
	.db-username-long {
		width: 50%;
	}
	.db-yacht-768 {
		width: auto;
	}
	/* for right side buttons on phone */
	.navbar-right a:first-child {
		/*margin-right: 9px;*/
	}
	.topsearch input[name="searchstring"] {
		width: 155px;
	}
	#bookmarkthis {
		margin-right: 0px;
	}
}
.db-docnumber {
	width: 180px;
}
.db-phone {
	width: 250px;
}
.db-email {
	width: 250px;
}
.db-country {
	width: 200px;
}
.db-name {
	width: 250px;
}
.db-permissions {
	width: 200px;
}
.db-weekcboxes {
	width: 260px;
}
.db-shiftpickers {
	width: 170px;
}
.db-activearchive {
	width: 140px;
}
.table-layout-fixed {
	table-layout: fixed;
}
.table-info {
	width: 100%;
	font-size: 1em;
}
.table-info td {
	padding: 3px;
	color: #2d3e5d;
	font-weight: 300;
}
.db-ellipse {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.db-ellipsespan span {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	width: inherit;
}
.db-sidebar-ellipse {
	white-space: nowrap;
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
	margin-bottom: 2px;
}
.db-nowrap {
	white-space: nowrap;
}
.tab-table .db-glyph {
	width: 55px;
}
.db-glyph {
	width: 50px;
}
.db-group {
	width: 200px;
}
.db-subgroup {
	width: 250px;
}

.db-payrollhours {
	width: 125px;
}
.db-payrollhours-long {
	width: 155px;
}
.db-tobepaid td {
	font-weight: 500;
	color: #ff8a00;
}
.db-totals td {
	border-top: 2px solid #ddd;
}
.db-list .pane {
	border-right: 1px solid #ddd;
}

.db-list-large .pane {
	border-right: 1px solid #ddd;
}

/* for ship status */

.db-ship-status {
	width: 100px;
}
.db-ship-status-type {
	width: 180px;
}

/* special for summary listing */
.db-leave-summary-1row,
.db-leave-summary-2row {
	vertical-align: inherit !important;
}
.db-leave-summary-0row,
.db-leave-summary-1row {
	font-size: 13px;
	vertical-align: inherit !important;
}

.db-leave-summary-2row a {
	width: calc(100% - 20px);
	display: inline-table;
	/* height: 40px; */
	vertical-align: middle;
	line-height: 12px;
	padding-left: 3px;
	line-break: auto;
	font-size: 12px;
	margin-top: 0;
}
/*hardcoded aesthetic fixes*/
.db-leave-summary-header0 a,
.db-leave-summary-header2 a {
	padding-top: 9px;
}

.db-leave-summary-header3 a,
.db-leave-summary-header4 a,
.db-leave-summary-header6 a,
.db-leave-summary-header8 a,
.db-leave-summary-header9 a {
	/* padding-top: 5px; */
}
/*hardcoded aesthetic fixes*/

.db-leave-summary-2row div {
	display: table-cell;
}

/* special for summary listing */

/* for crew/guest lists */
.pair td {
	vertical-align: top;
}

/* for payrolls */
.payrolltab {
	height: 21px;
	border-left: 1px solid #999;
	padding-left: 12px;
	padding-top: 1px;
	margin-top: -3px;
	font-size: 14px;
	font-weight: 400;
}

.payroll-sub-line td:not(:first-child) {
	border-bottom: 1px solid #ddd;
}
.payroll-sup-line td:not(:first-child) {
	border-top: 1px solid #ddd;
}

.db-bank-info {
	width: 300px;
	font-size: 0.8em;
}
/* for payrolls */

.db-list .db-area,
.db-list .db-docfolder,
.db-list .db-work,
.db-list .db-equipment,
.db-list .db-eqclass {
	font-size: 0.8em;
	line-height: 1.6 !important;
}
.tab-table tbody .db-folder {
	font-size: 0.8em;
	line-height: 1.3 !important;
}
/* fileupload */
.fileupload .btn {
	overflow: hidden;
}
.fileupload input[type="file"] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	border: none;
	opacity: 0;
	filter: alpha(opacity= 0);
	/*    -o-transform: translate(250px,-50px) scale(1);
    -moz-transform: translate(-300px,0) scale(4);   */
	direction: ltr;
	cursor: pointer;
}
.fileupload input[type="text"] {
	pointer-events: none;
}
/* special for overloading tables when user do not have perm_update so we remove hand pointer */
tr.cursor_default td {
	cursor: default !important;
}
.bootstrap-select {
	height: auto;
}
.bootstrap-select .open {
	border: 1px solid #dce4ec;
	margin-top: -1px;
}
.bootstrap-select .btn-dropdown {
	font-weight: 300;
	font-size: 1em;
}
.bootstrap-select a {
	font-size: 0.9em;
}

.bootstrap-select .dropdown-menu.open ul li.selected a:focus {
	font-weight: bold;
	outline: 0;
}
.bootstrap-select.single_option {
	pointer-events: none;
}

.bootstrap-select.single_option .bs-caret {
	display: none;
}

label.error {
	color: #dd0000;
	font-size: 0.85em;
	margin-bottom: 0px;
}
.error-duplicate td > span,
.error-duplicate td > input,
.error-duplicate td button > span {
	color: #dd0000;
	font-weight: bold;
}

.option-none span.filter-option {
	color: #acb6c0;
}
/* special module users - badge on project select */
.label.special {
	position: absolute;
	width: 26px;
	margin-top: 9px;
	margin-left: -32px;
	z-index: 3;
	padding-top: 0.32em;
	padding-right: 0.6em;
	padding-bottom: 0.3em;
	padding-left: 0.6em;
}
/* special module users - select project input field with badge over */
.input-ellipsis {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding-right: 38px;
}

/* for accordions */
.panel-collapse {
	padding-left: 10px;
}

/* FILEUPLOADER */
/* file uploader progressbar */
.fileupload .progress {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 35px;
	pointer-events: all; /* so we disable buttons underneath */
}

.fileupload .btn.btn-form {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.fileupload .btn.btn-form:hover {
	border-right: 0px;
}

.fileupload_images_listview {
}

/* style display of filelisting */
.fileupload_images_listview .fileupload_file {
	padding-top: 2px;
	padding-bottom: 2px;
	border-top: 1px solid #eee;
}
.fileupload_images_listview .fileupload_file:hover {
	background-color: #dce4ec;
}
.fileupload_images_listview .fileupload_file .fileupload_inlineedit {
	width: calc(100% - 185px);
	cursor: pointer;
	/* truncate text if goes over the field */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.fileupload_images_listview .fileupload_file .fileupload_inlineedit.withdate {
	width: calc(100% - 265px);
}
.fileupload_images_listview .fileupload_file .thumb {
	margin-left: 15px;
	margin-right: 10px;
}
.fileupload_images_listview .fileupload_file .fileupload_buttons {
	margin-right: 15px;
}
.fileupload_images_listview .fileupload_file .fileupload_buttons button {
	margin-top: -4px;
}
.fileupload_images_listview
	.fileupload_file
	.fileupload_buttons
	button.noevents {
	pointer-events: none;
}
.fileupload_images_listview
	.fileupload_file
	.fileupload_buttons
	button.fileupload_rename
	.glyphicon {
	font-size: 10px;
}
.fileupload_images_listview .fileupload_file .thumbnail {
	margin: 0;
	width: 55px;
	height: 36px;
	border: 0px none;
	background: transparent;
}
.fileupload_images_listview .fileupload_file .thumbnail.no-preview {
	cursor: default;
}
.fileupload_images_listview .fileupload_file .thumbnail .img-responsive {
	height: 100%;
	border-radius: 5px;
}
.fileupload_images_listview .fileupload_file div {
	height: 36px;
	line-height: 36px;
}

/* grid view */

@media (min-width: 992px) {
	.fileupload_images_gridview {
		cursor: pointer;
	}

	.fileupload_images_gridview .fileupload_file {
		float: left;
		width: 190px;
		height: 220px;
		overflow: hidden;
		margin: 0px;
		font-size: 0.8em;
	}
	.fileupload_images_gridview .pull-left {
		float: none !important;
	}
	.fileupload_images_gridview .fileupload_file .thumb {
		width: 190px;
		height: 183px;
	}
	.fileupload_images_gridview .fileupload_file .thumbnail {
		width: 180px;
		height: 180px;
		padding: 3px;
		display: table-cell;
		vertical-align: middle;
		border: 1px solid #dddddd;
	}

	.fileupload_images_gridview .fileupload_file .thumbnail img {
		max-height: 100%;
	}
	.fileupload_images_gridview .fileupload_buttons {
		display: none;
	}
}
@media (max-width: 991px) {
	.fileupload-changeview-controlls {
		display: none;
	}

	.fileupload_images_gridview .fileupload_file {
		margin-bottom: 2px;
	}
	.fileupload_images_gridview .fileupload_file:hover {
		background-color: #dce4ec;
	}
	.fileupload_images_gridview .fileupload_file .fileupload_inlineedit {
		width: calc(100% - 155px);
		cursor: pointer;
		/* truncate text if goes over the field */
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.fileupload_images_gridview .fileupload_file .fileupload_inlineedit.withdate {
		width: calc(100% - 255px);
	}
	.fileupload_images_gridview .fileupload_file .thumb {
		margin-left: 15px;
		margin-right: 10px;
	}
	.fileupload_images_gridview .fileupload_file .fileupload_buttons {
		margin-right: 15px;
	}
	.fileupload_images_gridview .fileupload_file .fileupload_buttons button {
		margin-top: -4px;
	}
	.fileupload_images_gridview
		.fileupload_file
		.fileupload_buttons
		button.noevents {
		pointer-events: none;
	}
	.fileupload_images_gridview
		.fileupload_file
		.fileupload_buttons
		button.fileupload_rename
		.glyphicon {
		font-size: 10px;
	}
	.fileupload_images_gridview .fileupload_file .thumbnail {
		margin: 0;
		width: 55px;
		height: 36px;
	}
	.fileupload_images_gridview .fileupload_file .thumbnail.no-preview {
		cursor: default;
	}
	.fileupload_images_gridview .fileupload_file .thumbnail .img-responsive {
		height: 100%;
	}
	.fileupload_images_gridview .fileupload_file div {
		height: 36px;
		line-height: 36px;
	}
}

/* reclass the X - close button so it is same as icons - llso used in system settings at edit positions*/
.xbutton {
	font-size: 22px;
	line-height: 19px;
	font-weight: bold;
	width: 23px;
}
.icobutton {
	font-size: 13px;
	line-height: 19px;
	width: 19px;
}

/* viewchange buttons */
.fileupload-changeview-controlls {
	text-align: right;
	margin-bottom: 15px;
}

/* FILEUPLOADER */

/* textarea resize limited to height only */
textarea.form-control {
	width: 100% !important;
}

/* settings vertical tabs for permissions tab(le)s */
.tabs-left {
	overflow: auto;
}

/* special for settings only */
.msg {
	margin-top: -20px;
	margin-bottom: 20px;
}

.tabs-left .nav-tabs {
	float: left;
}
.tabs-left .nav-tabs > li {
	float: none;
	margin-bottom: 0;
}
.tabs-left .nav-tabs {
	border: none;
}

.tabs-left .nav-tabs > li > a {
	border-right: 1px solid #dddddd;
	padding-left: 10px;
	border-radius: 4px 0px 0px 4px;
	background-color: #f9f9f9;
}
.tabs-left .nav-tabs > li.active > a {
	border-bottom: 1px solid #dddddd;
	border-right: none;
	border-radius: 4px 0px 0px 4px;
	padding-left: 10px;

	background-color: #fff;
}
.tabs-left .tab-content {
	float: left;
}

.mobile360 .tab-content {
	margin-bottom: 250px;
}

/* .tab-title {
	margin-top: -1.1em;
} */
.tab-title.with-stickytable {
	padding-bottom: 8px;
	margin-bottom: 0px;
	border-bottom: 1px solid #eee;
}

.tab-title small {
	color: #2d3e5d;
	line-height: 1.8em;
	font-size: 0.9em;
}

.tab_box_accordion .tab-title {
	margin-top: 10.5px;
}
.tab_box_accordion .tab-title,
.tab_box_accordion .tab-subtitle,
.tab_box_accordion .tab-text {
	/*margin-left: 15px;
	margin-right: 15px;*/
}
.tab-subtitle {
	margin-top: 10px;
}
.tab-subsection {
	border-top: 1px solid #dce4ec;
}
.tab-subsection h4 {
	font-size: 1.1em;
}

h5.form-section {
	border-top: 1px solid #dce4ec;
	margin-top: -5px;
	padding-top: 5px;
	font-size: 16px;
}

.img_icon {
	width: 20px;
}
.line36,
.settings-zebra .row,
.settings-zebra .row {
	height: 37px;
	line-height: 36px;
}
.settings-group .row:nth-child(even) {
	background-color: #f9f9f9;
}
.settings-group .row:not(:first-child):hover {
	background-color: #dce4ec;
}
.settings-group .row:first-child {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

/* settings vertical tabs for permissions tab(le)s */

/* settings permissions table buttons-dropdowns */
.btn-settings-custom {
	width: 100px;
	height: 22px;
}
.btn-settings-custom button {
	background-color: white;
	border: 1px solid #ccc;
	width: 100%;
}

.btn-settings-custom button .title {
	float: left;
}
.btn-settings-custom button .caret {
	position: absolute;
	right: 5px;
	top: 9px;
	color: #ccc;
}
.btn-settings-custom .dropdown-menu {
	font-size: 13px;
	min-width: 100px;
}

/* general search */
.searchresult-item:hover {
	cursor: pointer;
	text-decoration: underline;
}

/* fake dashboard, remove for release */

.dsh {
	width: 100%;
	background: #fff;
	margin-top: 10px;
	border: 1px solid #dddddd;
	padding: 10px;
	z-index: 10;
	overflow: visible;
}
.dsh-heading {
	color: #0f7fcc;
}
.dsh-subtitle {
	font-size: 1em !important;
	margin-bottom: -5px !important;
	padding-top: 0.5em;
}
.dsh-checkbox {
	font-size: 0.85em;
}
.dsh-checkbox .checkbox label {
	min-height: 16px;
	padding-left: 2px;
}
.dsh-checkbox .checkbox label::before {
	width: 16px;
	height: 16px;
	margin-left: -19px;
}
.dsh-checkbox .checkbox label::after {
	margin-left: -19px;
}
.dsh-balance.balance td {
	font-weight: bold;
}

.dsh-balance.sub td {
	font-size: 11px;
	padding-left: 10px;
}

#dsh_calendar {
	width: 100%;
	margin-top: 10px;
	margin-bottom: -20px;
	font-size: 0.7em;
	cursor: pointer;
}
#dsh_calendar .fc-view-container {
	margin: 0px;
}
#dsh_calendar .fc-popover {
	position: fixed;
	z-index: 10;
}
.dsh-emergency-number {
	font-size: 1.35em;
}
.dsh-yacht-image {
	height: 358px;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover; /* contain */
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 12px;
}
.dsh-yachinfo-right {
	padding-right: 0;
}

.dsh-ism-top {
	height: 108px;
}

.dsh-24h_number {
	float: right;
	margin-bottom: 16px;
}

@media (min-width: 992px) {
	.dsh-tab {
		width: 100%;
	}
	.dsh-tabs #tab_0 {
		padding-left: 10px !important;
		padding-right: 9px !important;
	}
	.dsh-box {
		height: 390px;
		overflow: hidden;
		padding-left: 6px;
		padding-right: 6px;
		margin: 0px;
	}
	.dsh-box.fleet {
		padding-left: 0px;
		padding-right: 0px;
		margin: 0px;
	}
	.dsh-box-reporting {
		overflow: hidden;
		padding-left: 4px;
		padding-right: 4px;
		margin: 0px;
	}
	.dsh-standard {
		min-height: 378px;
	}
	.dsh-standard.dsh-fleet {
		min-height: fit-content;
	}
	.dsh-reporting {
		min-height: 530px;
		padding-bottom: 15px;
	}
	.dsh-reporting-crew {
		min-height: 200px;
		padding-bottom: 15px;
	}
	.dsh-shortcuts {
		margin-top: 10px;
		min-height: 260px;
	}
	.dsh-graph img {
		max-height: 260px;
	}
	.dsh-fleet-phone {
		display: none;
	}
	.dsh-scrollable {
		overflow: auto !important;
		height: 320px;
		margin-top: 12px;
	}
	.dsh-scrollable table {
		margin-top: 0px;
	}
}
@media (max-width: 991px) {
	.dsh-fleet-screen {
		display: none;
	}
	.dsh-yacht-image {
		padding-top: 56.25%;
		margin-bottom: 16px;
	}
}
.dsh-print td * {
	font-size: 120%;
}
.dsh-print h4 {
	font-size: 1.5em !important;
}
.dsh-print .dsh-subtitle {
	font-size: 1.15em !important;
}
.dsh-subcats {
	margin-left: 15px;
}

.dsh-launchpad {
	width: 100%;
}
.dsh-launchpad-app {
	float: left;
	cursor: pointer;
	font-weight: bold;
	overflow: hidden;
}

.launchpad-two .dsh-launchpad-app.module p {
	margin-top: -26px;
	padding-bottom: 10px;
}
.launchpad-two .dsh-launchpad-app.module p span {
	color: white;
	text-align: left;
	padding-left: 5px;
	width: 120px;
	display: inline-block;
}

/* Small */
@media (max-width: 991px) {
	.dsh-launchpad-app {
		font-size: 1.2em;
	}

	.launchpad-one,
	.launchpad-two {
		margin-left: 5px;
	}
	.launchpad-one .dsh-launchpad-app {
		width: 33.333%;
	}
	.launchpad-one .dsh-launchpad-app p {
		margin-top: -25px;
		margin-bottom: 10px;
		margin-left: 5px;
		color: #fff;
	}
	.dsh-launchpad-app img {
		max-width: 90%;
		max-height: 90%;
		border-radius: 6px;
	}
	.dsh-launchpad-app.module img {
		max-width: 98%;
		max-height: 90%;
		border-radius: 6px;
	}
	.launchpad-two .dsh-launchpad-app {
		width: 25%;
	}
	.launchpad-two .dsh-launchpad-app p {
		margin-top: 3px;
		margin-bottom: 8px;
		margin-left: 5px;
		color: #717171;
	}
}

@media (min-width: 992px) {
	.dsh-launchpad-app {
		font-size: 0.8em;
	}

	.launchpad-one {
		margin-left: 5px;
	}
	.launchpad-two {
		margin-left: 0px;
	}

	.launchpad-one {
		max-width: 390px;
	}

	.launchpad-one .dsh-launchpad-app {
		width: 33.333%;
	}
	.launchpad-one .dsh-launchpad-app p {
		margin-top: -15px;
		margin-bottom: 5px;
		margin-left: 5px;
		color: #fff;
	}
	.dsh-launchpad-app img {
		max-width: 90%;
		max-height: 90%;
		border-radius: 6px;
	}
	.launchpad-two .dsh-launchpad-app {
		min-height: 108px;
		text-align: center;
	}
	.launchpad-two .dsh-launchpad-app img {
		width: 78px;
	}

	.launchpad-two .dsh-launchpad-app.module p {
		margin-top: -12px;
	}

	.launchpad-two .dsh-launchpad-app p {
		margin: 0px;
		margin-top: 3px;
		font-size: 11px;
		line-height: 11px;
		color: #717171;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.launchpad-two .dsh-launchpad-app {
		width: 25%;
	}
	.launchpad-two .dsh-launchpad-app.module img {
		width: 100px;
	}
	.launchpad-two .dsh-launchpad-app.module p span {
		padding-left: 15px;
	}
}

@media (min-width: 1200px) and (max-width: 1459px) {
	.launchpad-two .dsh-launchpad-app {
		width: 25%;
	}
	.launchpad-two .dsh-launchpad-app.module img {
		width: 120px;
	}
	.launchpad-two .dsh-launchpad-app.module p span {
		padding-left: 10px;
	}
}

@media (min-width: 1450px) {
	.launchpad-two .dsh-launchpad-app {
		width: 16.6666666%;
	}
	.launchpad-two .dsh-launchpad-app.module img {
		width: 120px;
	}
	.launchpad-two .dsh-launchpad-app.module p span {
		padding-left: 10px;
	}
}

@media (min-width: 1870px) {
	#dsh-box-modules {
		overflow: scroll;
	}
}

.dsh-fleet-screen .gen-loading,
.dsh-fleet-phone .gen-loading {
	opacity: 0.4;
}
.dsh-navbar {
	position: absolute;
	width: 100%;
	top: 40px;
	height: 50px !important;
	padding-left: 15px;
}
.dsh-navbar .tabs {
	margin-top: 18px;
	display: block !important;
}
.dsh-tabs {
	padding-top: 0px;
	/* set 40px if someone want tabs */
}
.dsh-tabs .container {
	margin: 0px;
	padding: 0px;
}
.dsh h4 {
	font-size: 1.2em;
	margin: 0px;
	font-weight: 400;
}
.dsh h5 {
	font-size: 1.2em;
	margin: 0px;
	margin-top: 30px;
	font-weight: 400;
}

.dsh h4 small {
	margin-top: 5px;
}
.dsh,
.dsh div {
	overflow: hidden;
}
.dsh table {
	width: 100%;
}
.dsh-text {
	margin-top: 1em;
	margin-bottom: 1em;
}
.dsh-icon {
	width: 26px;
}
.dsh-icon img {
	width: 16px;
}
.dsh-list th {
	padding-left: 0;
	padding-right: 10px;
}
.dsh-list-nomargin {
	margin-top: 2px;
	margin-bottom: 2px;
}
.dsh-list-header:hover {
	background: #fff !important;
	cursor: default;
}
.dsh-list {
	margin-top: 12px;
}
.dsh-list tr[data-url=""],
.dsh-list-nomargin tr[data-url=""] {
	cursor: default;
	background: transparent !important;
}

.dsh-list td,
.dsh-list-nomargin td {
	vertical-align: middle;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	font-size: 13px;
}
.dsh-header td {
	border-top: 0px none;
	font-size: 1em;
	font-weight: 400;
}
.dsh-header td small {
	font-size: 0.8em;
}
.dsh .table-hover {
	cursor: pointer;
}
.dsh-title {
	display: block;
	height: 17px;
	margin: 0px;
	padding: 0px;
	margin-top: 1px;
	overflow: hidden;
}
.dsh-photo {
	float: left;
	margin-right: 20px;
	border-radius: 64px;
	width: 64px;
	height: 64px;
	overflow: hidden;
	background: #dddddd;
}
.dsh-photo img {
	display: none;
}
.dsh-data {
	margin-top: -8px;
	font-size: 0.9em;
}
.dsh-data p {
	margin: 0px;
	margin-bottom: 3px;
}
.dsh-data b {
	cursor: pointer;
}
.dsh-more {
	cursor: pointer;
	margin-top: 0.5em;
	margin-bottom: 0px;
	font-weight: 400;
}
.dsh-more .badge {
	margin-top: -0.3em;
}
.dsh-weather {
	margin-top: 14px;
	margin-bottom: -6x;
	width: 100%;
	cursor: pointer;
}
.dsh-weather iframe {
	border-radius: 12px;
}

#dsh_metoffice {
	margin-top: 14px;
	margin-bottom: -14px;
	padding: 0px;
}
#dsh_metoffice div {
	overflow: hidden;
	width: 100%;
	height: 324px;
	display: none;
	border-radius: 12px;
}
#dsh_metoffice img {
	cursor: pointer;
	filter: grayscale(1) contrast(110%) brightness(1.25);
}
#dsh_metoffice_play,
#dsh_metoffice_pause {
	position: absolute;
	z-index: 1;
	font-size: 6em;
	color: #ffffff;
	text-align: center;
	margin-top: 120px;
	padding-right: 60px;
	width: 100%;
	opacity: 0.8;
	display: none;
}
/*dashboard fleet*/

.dsh-fleet-table {
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 0.9em;
}
.dsh-fleet-table td {
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	padding-top: 3px;
	padding-bottom: 3px;
}
.dsh-fleet-header {
	font-size: 0.85em;
	font-weight: bold;
	vertical-align: middle;
}
.dsh-fleet-header span {
	display: inline-block;
	padding-top: 3px;
}
.dsh-fleet-header img {
	float: right;
	width: 16px;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 10px;
}

@media (max-width: 1100px) {
	.dsh-fleet-header span {
		padding-top: 0px;
	}
	.dsh-fleet-header img {
		display: none;
	}
}
.dsh-fleet-box {
	cursor: pointer;
}
.dsh-fleet-box:hover {
	background: #d6f2ff;
}
.dsh-shipstatus h4 {
	font-size: 1.1em;
	margin: 0px;
}
.dsh-shipstatus table {
	margin-top: 8px;
	margin-bottom: 8px;
}

/*FOR OUT
.dsh-weather, .dsh-weather img, .dsh-graph, .dsh-graph img {
	margin-top: 2px;
	width: 100%;
	cursor: pointer;
}
.dsh-bootbox-image .modal-dialog {
	width: 60%;	
}
.dsh-bootbox-image img {
	width: 100%;	
}

*/

.sysdsh {
	width: calc(100% - 40px);
	margin-left: 20px;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	flex-direction: row;
	justify-content: flex-start;
	align-content: space-around;
	box-sizing: border-box;
	font-weight: 400;
}

@media (max-width: 600px) {
	.sysdsh-box {
		width: 100%;
	}
}

@media (min-width: 600px) and (max-width: 900px) {
	.sysdsh-box {
		width: 50%;
	}
}

@media (min-width: 900px) and (max-width: 1200px) {
	.sysdsh-box {
		width: 33.3333%;
	}
}

@media (min-width: 1200px) and (max-width: 1599px) {
	.sysdsh-box {
		width: 20%;
	}
}

@media (min-width: 1600px) and (max-width: 1799px) {
	.sysdsh-box {
		width: 16.666%;
	}
}

@media (min-width: 1800px) {
	.sysdsh-box {
		width: 12.5%;
	}
}

.sysdsh-header {
	width: 96%;
	margin: 2%;
	padding: 16px;
	border-radius: 16px;
	font-size: 13px;
	cursor: pointer;
}

.sysdsh ul {
	margin: 0px;
	padding: 0px;
	margin-top: 16px;
}

.sysdsh li {
	list-style-type: none;
	margin: 2%;
	padding: 8px;
	padding-left: 16px;
	padding-right: 16px;
	width: 96%;
	border-radius: 16px;
	font-size: 14px;
	cursor: pointer;
}

.sysdsh-header p {
	width: 100%;
	overflow: hidden;
	margin-bottom: 0px;
}

.sysdsh-header p:first-of-type {
	margin-bottom: 10px;
}

.sysdsh-header span {
	float: left;
	display: block;
	font-size: 22px;
}

.sysdsh-header img {
	float: left;
	width: 32px;
	margin-right: 10px;
}

/* Accounting */
.acc-dashboard {
	margin-top: 3em;
}
.acc-dashboard h3 {
	margin: 5px;
	font-size: 1.4em;
}
.acc-crewcash {
	clear: both;
	padding-top: 10px;
}
.acc-info {
	position: fixed;
	z-index: 11;
	top: 60px;
	width: 100%;
	background: #fafafa;
	padding: 15px;
	padding-top: 40px;
	margin: 0px;
}

.acc-cats-dropdown-popup button {
	padding-top: 4px;
	padding-bottom: 0px;
}

.acc-cats-dropdown button {
	padding-top: 1px;
	padding-bottom: 3px;
}

.acc-cats-box {
	display: inline-block;
	font-size: 12px;
	line-height: 13px;
	font-weight: 400;
}
.acc-cats-main {
	display: block;
	font-size: 11px;
	font-weight: 300;
}

li a .acc-cats-box {
	font-size: 14px;
	line-height: 15px;
}

li a .acc-cats-main {
	display: none;
}

#acc_owner_comment {
	margin-top: 3px;
	border: 1px solid #dce4ec;
	border-radius: 5px;
	padding: 5px;
	font-size: 13px;
}

.acc_display_owner {
	display: block;
	width: 100%;
	font-size: 12px;
	margin-top: -2px;
	color: #798bad;
}
.acc_display_owner i {
	color: #aaa;
}

.acc-error {
	font-size: 13px;
	margin-top: 3px;
	margin-bottom: -8px;
}
.acc-error p {
	margin: 0px;
}

@media (max-width: 991px) {
	.acc-info {
		position: relative;
		top: auto;
		margin-top: 80px;
	}
	.acc-header {
		position: relative;
		top: 0px;
	}
	.acc-desc {
		min-width: 125px !important;
	}
	.acc-container {
		margin-top: 0px;
		top: 0px !important;
	}
	.acc_category,
	.acc_payment,
	.acc_totals,
	.payment_totals {
		padding: 5px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.acc_headers,
	.acc-docnumber,
	.acc-icon:not(.acc-locked) {
		width: 0px !important;
		min-width: 0px !important;
		padding: 0 !important;
	}

	.acc-locked .db-headerorder {
		display: none !important;
	}

	.acc_headers *,
	.acc-docnumber *,
	.acc-icon:not(.acc-locked) * {
		display: none !important;
	}
	.acc_totals_sep,
	.payment_totals_sep {
		display: none;
	}
	.categories-group,
	.payments-group {
		padding-bottom: 5px;
	}
}
@media (min-width: 992px) {
	.acc-header {
		top: 270px;
	}
	.acc-container {
		margin-top: 180px;
	}
	.acc_category,
	.acc_payment,
	.acc_totals,
	.payment_totals {
		padding-left: 30px;
		padding-right: 15px;
		padding-top: 3px;
		height: 40px;
	}
	.acc_headers {
		padding-left: 30px;
		padding-right: 15px;
		padding-top: 3px;
		padding-bottom: 3px;
		color: #75879b;
		font-size: 0.85em;
	}
	.acc_totals_sep,
	.payment_totals_sep {
		border-top: 1px solid #dddddd;
		margin: 5px;
		margin-left: 15px;
	}
	.acc_text_total {
		float: right;
		text-align: right;
		margin-top: 7px;
		margin-right: 10px;
	}
	.acc_text_amount {
		float: right;
		text-align: right;
		margin-right: 10px;
		line-height: 16px;
	}
	.categories-group,
	.payments-group {
		padding: 0px;
		padding-right: 3px;
	}

	.category_draggable,
	.category_placeholder {
		height: 40px;
	}

	.payment_draggable,
	.payment_placeholder {
		height: 40px;
	}

	.category_draggable.dragged,
	.payment_draggable.dragged {
		z-index: 2000;
		position: absolute;
		opacity: 0.6;
		background: #ffffff;
	}

	.category_placeholder,
	.payment_placeholder {
		width: calc(100% - 15px);
		background: #f2fbff;
		margin-left: 15px;
	}
}

.acc-return td {
	background: #fef9e2;
	font-weight: 400;
}
.acc-me td {
	background: #fef9e2;
}
.acc-me span {
	opacity: 0.5;
}

.acc_category .input-group-addon,
.acc_category input,
.payment_category .input-group-addon,
.payment_category input,
.acc_totals .input-group-addon,
.acc_totals input,
.payment_totals .input-group-addon,
.payment_totals input {
	height: 34px;
	line-height: 12px;
}
.acc_category img,
.payment_category img {
	margin-top: 7px;
	margin-left: 4px;
}
.acc-desc {
	min-width: 100px;
}
.acc-number {
	width: 120px;
	white-space: nowrap;
	text-align: right;
}
.acc-code {
	width: 120px;
}
#acc_warning {
	font-size: 0.9em;
}
.acc-date {
	width: 100px;
	white-space: nowrap;
}

.acc-type-report {
	width: 12%;
}
.acc-owner {
	width: 20%;
}
.acc-docnumber {
	width: 7%;
}
.acc-docnumber small,
.acc-category span {
	word-break: break-all;
}
.acc-type {
	width: 10%;
}
.acc-category {
	width: 20%;
}
.acc-supplier {
	width: 15%;
}
@media (max-width: 1100px) {
	.acc-supplier {
		width: 10%;
	}
	.acc-category {
		width: 10%;
	}
}
@media (min-width: 1101px) and (max-width: 1400px) {
	.acc-supplier {
		width: 10%;
	}
	.acc-category {
		width: 10%;
	}
}
@media (max-width: 1600px) {
	.acc-docnumber {
		width: 7%;
	}
	.acc-category {
		width: 12%;
	}
}
.db-list-large .acc-desc,
.db-list-large .acc-supplier {
	font-size: 0.9em;
}
.db-list-large .acc-category {
	font-size: 0.8em;
}
.acc-ltr {
	width: 104px;
}
.acc-amount {
	width: 120px;
	white-space: nowrap;
}
.acc-account_name {
	width: 230px;
}
.db-list-large .acc-account_name {
	font-size: 0.85em;
}
.db-list-large .acc-account_name span {
	width: 220px;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 14px;
	margin-bottom: -3px;
}
.acc-icon {
	width: 34px;
	text-align: center;
}
.acc-icon img {
	width: 16px;
}
.acc-locked {
	width: 58px;
	text-align: right;
}
.acc-locked img {
	width: 16px;
}
.acc-attachment {
	width: 30px;
	text-align: center;
}
.acc-attachment .glyphicon {
	font-size: 0.8em;
}
.acc-history tr,
.acc-contacts tr {
	border-bottom: 1px solid #dddddd;
}
.acc-history thead {
	font-size: 0.85em;
}
.account {
	width: 172px;
}
.account div {
	float: right;
	font-size: 11px;
	margin-top: -17px;
}

.history-date {
	width: 110px;
}
.history-time {
	width: 90px;
}
.history-user {
	width: 250px;
}

.partial-display {
	display: block;
	width: 100%;
	margin: 0px;
	margin-top: 1px;
	padding-top: 4px;
	font-size: 12px;
	line-height: 14px;
	border-top: 1px solid #ddd;
}

.partial-display .partial-type {
	display: inline-block;
	width: 26px;
}

.recon {
	width: 100%;
	clear: both;
	margin-bottom: 15px;
}
.recon-row {
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px;
	margin-bottom: -1px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}
.recon-row .form-group {
	margin: 0px;
	padding: 0px;
	margin-left: -15px;
}

.acc-btn-duplicate {
	padding: 6px 8px !important;
}

.acc-btn-duplicate > span > span {
	height: 21px;
	width: 21px;
	padding: 3px;
}

.acc-entry-locked {
	filter: grayscale(100%) brightness(50%) sepia(100%) hue-rotate(-50deg)
		saturate(600%) contrast(0.8);
}

.fin-acc-catsort {
	font-size: 12px;
	background: none;
}

.fin-payments-table thead th,
.fin-payments-table tbody td,
.fin-categories-table thead th,
.fin-categories-table tbody td,
.fin-accounts-table thead th,
.fin-accounts-table tbody td,
.fin-processors-table thead th {
	border-bottom: none; /* also in settings */
}

.fin-accounts-table td.clip,
#fin_rates_table td {
	position: relative;
}

#fin_rates_table td {
	border-bottom: 1px solid #dddddd;
}

.fin-accounts-table td.clip span,
#fin_rates_table td.clip span {
	position: absolute;
	left: 8px;
	right: 8px;
	top: 8px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.fin-report {
	width: 100%;
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: middle !important;
}

.fin-report .long-parent_lv1 {
	display: none;
}

.fin-report td:not(.fin-report-subtitle),
.fin-report th:not(.fin-report-subtitle) {
	padding: 5px;
}
.fin-report td {
	padding-left: 8px;
	padding-right: 8px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.fin-report td.pane {
	border-right: 1px solid #ddd;
}

.fin-report td.clip {
	position: relative;
}

.fin-report td.clip > span {
	position: absolute;
	top: 6px;
	left: 8px;
	right: 8px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.fin-report-lv1 {
	background: #ddd;
	font-weight: bold;
	font-size: 15px;
}

.fin-report-lv2 {
	background: #e7e7e7;
	font-weight: bold;
	font-size: 14px;
}

.fin-report-lv3 {
	background: #f3f3f3;
	font-weight: bold;
	font-size: 13px;
}

.fin-report-lvx {
	font-size: 13px;
}

.fin-report-subtitle {
	font-size: 11px;
	font-weight: bold;
	padding: 3px;
}

.fin-report-entry {
	cursor: pointer;
	font-size: 13px;
}

.fin-report-entry .tag {
	font-size: 10px !important;
	min-height: 18px !important;
	position: relative;
	top: -1px;
}

.fin-report-entry .tag-attachment {
	font-size: 11px !important;
	min-height: 18px !important;
	margin-right: 5px;
}

.fin-report:not(.show_levels) .long-parent_lv,
.fin-report:not(.show_levels) .long-parent_lv2,
.fin-report:not(.show_levels) .long-parent_lv3,
.fin-report:not(.show_levels) .long-parent_lv4 {
	display: none;
}

.fin-report-total {
	border-top: 2px solid #ddd !important;
	font-weight: bold;
	font-size: 15px;
}

.fin-report-graphrow {
	display: flex;
	min-width: 1440px;
}

.fin-report-graphrow > .fin-report-graph {
	flex: 1;
	padding: 20px;
	min-width: 1440px;
	max-width: 1440px; /* If there is only 1 graph on screen */
	max-height: 1000px;
}

#exp-amount,
#inc-amount,
#exp-variance,
#inc-variance,
#supplier-exp-total,
#supplier-inc-total {
	/*max-height: calc(100vh - 220px);*/
}

#exp-split-amount,
#inc-split-amount,
#exp-split-variance-remaining,
#inc-split-variance-remaining,
#exp-split-variance-result,
#inc-split-variance-result {
	max-height: calc(100vh - 220px);
	max-width: calc(100vw - 300px);
}

.threshold_set_indicator {
	position: relative;
	top: -5px;
}

.graph_renderer {
	position: absolute;
	width: 1200px;
	top: 0px;
	left: -6000px;
}

.company-card {
	border: 1px solid #dde4ec;
	border-radius: 5px;
	padding: 10px;
	margin-top: 10px;
	overflow: hidden;
}
.company-card h4 {
	float: left;
	margin-top: 4px;
	color: #2d3e5d;
	font-weight: 300;
}

.company-card button {
	float: right;
	font-size: 11px;
	padding: 4px;
	padding-left: 8px;
	padding-right: 8px;
}
.company-card table {
	width: 100%;
	font-size: 0.9em;
	margin-bottom: 10px;
}
.company-card td {
	padding: 5px;
	border-top: 1px solid #dde4ec;
	border-bottom: 1px solid #dde4ec;
	padding-right: 15px;
}
.company-card .card-info {
	width: 120px;
	font-size: 0.8em;
	color: #9baab9;
}
.company-card .company-separator {
	font-size: 9px;
	background: #dbe4ec;
	color: #9baab9;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;
}

.company-card .sgn-image {
	width: 160px;
	float: right;
}

/* fin_config */

#recon_table {
	width: 70%;
}

#recon_table td {
	padding: 2px;
}

#access-budget-table {
	width: 70%;
}

#access-budget-table .budget-separator td {
	font-size: 0.7em;
	border-bottom: 1px solid #717171;
}

#access-budget-table .budget_sub td {
	border-bottom: 1px solid #ddd;
	padding-top: 4px !important;
}

#access-budget-table .budget_sub td.access_check_title {
	padding-left: 20px !important;
}

#access-budget-table .budget_main td {
	padding: 4px 3px !important;
}

#access-budget-table .checkbox {
	padding-top: 8px !important;
}

#access-budget-table .checkbox input[type="checkbox"]:checked + label::after {
	color: #999;
	padding-right: 2px;
}

td.duplicate-btn > span {
	padding: 4px;
	top: 0px;
}

th.duplicate-btn-shadow {
	box-shadow: inset 0px -1px 0px 0px rgb(221 221 221 / 50%) !important;
}

.grayout-plus {
	color: #ccc;
}

/* Accounting End */
/* Accounting settings  */

table#customaccounts td,
table#customaccounts td {
	border-bottom: 1px solid #dce4ec;
	padding-top: 7px;
	padding-bottom: 7px;
}

table#customaccounts td.handle {
	cursor: move;
}

.budget_months_addon {
	display: flex;
}

.budget_months_addon button {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

/* Accounting settings End  */
/* NewNew Maintenance 3.1 */

.formbutton-normal {
	color: #75879b;
	background-color: #dce4ec;
	border-color: #dce4ec;
}
.formbutton-normal:hover,
.formbutton-normal:active,
.formbutton-normal:focus {
	color: #ffffff !important;
	background-color: #71a9e2 !important;
	border-color: #71a9e2 !important;
}

.mtn-history .mtn-task {
	border-top: 1px solid #ccc;
	font-weight: 400;
}
.mtn-bootbox {
	padding-left: 15px;
	padding-right: 15px;
}
.mtn-bootbox p {
	margin-bottom: 1em;
}
.mtn-history-table {
	width: 100%;
	margin-top: -1em;
	margin-left: -3px;
}
.mtn-history-table td {
	padding: 3px;
}
.mtn-history-header td:not(:first-child) {
	font-size: 11px;
	border-bottom: 1px solid #ddd;
	font-weight: 400;
}
.mtn-history-header_full td {
	font-size: 11px;
	border-bottom: 1px solid #ddd;
	font-weight: 400;
}
.mtn-folder-short {
	width: 120px;
}
.mtn-folder {
	width: 180px;
}
.mtn-folder-wide,
.mtn-folder-wide span {
	width: 400px;
}

.mtn-folder-wide span {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 18px;
	margin-bottom: -3px;
}
@media (max-width: 1500px) {
	.mtn-folder-wide,
	.mtn-folder-wide span {
		width: 350px;
	}
}
@media (max-width: 1400px) {
	.mtn-folder-wide,
	.mtn-folder-wide span {
		width: 300px;
	}
}
@media (max-width: 1300px) {
	/* for 13 inch monitors */
	.mtn-folder {
		width: 120px;
	}
	.mtn-folder-wide,
	.mtn-folder-wide span {
		width: 250px;
	}
	.db-company {
		width: 180px;
	}
}
@media (max-width: 1180px) {
	/* for even smaller ones... */
	.mtn-folder {
		width: 80px;
	}
	.mtn-folder-wide,
	.mtn-folder-wide span {
		width: 150px;
	}
}

.mtn-type {
	width: 80px;
}
.mtn-status {
	width: 85px;
}
.mtn-interval {
	width: 100px; /* 120 */
}
.mtn-kit {
	width: 50px;
}
.mtn-frq {
	width: 60px;
}
.mtn-table .mtn-folder {
	font-size: 0.8em;
}
.mtn-table .mtn-type,
.mtn-table .mtn-interval,
.mtn-table .mtn-status,
.mtn-table .mtn-eqclass,
.mtn-folder .mtn-folder-short,
.mtn-folder .mtn-folder-wide {
	font-size: 0.8em;
}
.mtn-table td {
	vertical-align: middle !important;
}
.mtn-due {
	text-align: right;
	width: 115px;
	padding-right: 0 !important;
	padding-left: 0 !important;
}
.mtn-icon {
	width: 32px;
	cursor: pointer;
}
.mtn-date {
	width: 120px;
}
.mtn-datewr {
	width: 105px;
}
.mth-date {
	width: 80px;
}
.mth-location {
	width: 120px;
	text-align: center;
}
.mtn-responsible {
	width: 250px;
}
.mtn-eqclass {
	width: 135px;
}
.mtn-tabtable tbody td {
	font-size: 0.9em;
}
.mtn-tabdate {
	width: 100px;
}
.mtn-tabhours {
	width: 60px;
}
.mtn-tabdiff {
	width: 55px;
	font-weight: bold;
}
.mtn-tabstatus {
	width: 130px;
}
.mtn-tablocation {
	width: 130px;
}
.mtn-tabresponsible {
	width: 250px;
}
.mtn-status-bootbox .modal-dialog {
	width: 1000px;
}

.cha-info-bootbox .modal-dialog {
	width: 800px;
}

.cha-info-bootbox .modal-body {
	overflow: hidden;
}

.status-box-800 .modal-dialog {
	width: 800px;
}

.status-box-700 .modal-dialog {
	width: 700px;
}
.status-box-1024 .modal-dialog {
	width: 1024px;
}

.status-box-1280 .modal-dialog {
	width: 1280px;
}

.status-box-1280 .stickytable-top {
	margin-top: -20px;
}

.cha-fin-bootbox .modal-dialog {
	margin-top: 120px;
}

.cha-fin-bootbox .modal-body {
	max-height: 610px !important;
}

.cha-map-bootbox .modal-dialog {
	width: 1026px;
}

.cha-map-bootbox .modal-body {
	padding: 0px !important;
}

.cha-map-bootbox .bootbox-body iframe {
	border: 0px none;
	width: 1024px;
	height: 576px;
}

.cha-map-bootbox .bootbox-body {
	margin-bottom: -6px;
}

.cha-map-bootbox .bootbox-body div {
	position: absolute;
	width: 512px;
	height: 70px;
	margin-left: 510px;
	margin-top: -362px;
	border-left: 1px solid #000;
	overflow: hidden;
}

.cha-map-bootbox .bootbox-body span {
	display: inline-block;
	max-width: 400px;
	max-height: 50px;
	font-size: 12.5px;
	line-height: 15px;
	background: rgba(255, 255, 255, 0.6);
	padding: 4px;
	word-wrap: break-word;
	text-overflow: ellipsis;
	overflow: hidden;
}

/* mobile bootbox in inventory - add */
.mobile360 .mtn-status-bootbox .modal-dialog {
	/* width: 100%; */
	/* padding-right: 15px; */
	width: -webkit-fill-available;
}
.mobile360 .mtn-status-bootbox .modal-dialog .table-selectors tr,
.mobile360 .mtn-status-bootbox .modal-dialog .table-selectors td {
	display: block;
	width: -webkit-fill-available;
}

/* specific for inventory add new item */
.mobile360 .mtn-status-bootbox .modal-dialog .table-m360 tr {
	border-top: 1px solid #dddddd;
}

/* mobile bootbox in inventory - add */
.mtn-tabicon {
	width: 48px;
}
.mtn-tabicon .glyphicon {
	font-size: 12px;
}
.mtn-title2,
.mtn-title3 {
	width: 30%;
}
.mtn-task .mtn-title1 {
	font-size: 1.1em;
	font-weight: bold;
}
.mtn-task .mtn-title2 {
	font-size: 1em;
}
.mtn-task .mtn-title3 {
	font-size: 0.9em;
}
.mtn-hours {
	width: 80px;
	text-align: right;
}
/* NewNew Maintenance 3.1 End */
/* Logbook 3.1 Start */
.lb-table td {
	vertical-align: middle !important;
	border-top: 1px solid #eee !important;
	border-bottom: 1px solid #eee !important;
}
.lb-header-zfix {
	z-index: 10000 !important;
}
.lb-icon {
	width: 30px;
	text-align: center;
	font-weight: bold;
	font-size: 1.4em;
}
.lb-date {
	width: 120px;
}
.header-noborder {
	box-shadow: inset 0px -1px 0px 0px rgb(221 221 221 / 50%) !important;
}
.lb-values {
	width: 160px;
}
.lb-table .lb-values {
	padding: 0px !important;
}
.lb-values .input-group {
	width: 150px;
	overflow: hidden;
	margin-top: 2px;
	margin-bottom: 2px;
}
.lb-values .input-group-addon {
	width: 50px;
}
.lb-title h4 {
	margin: 0px;
	margin-top: 0.3em;
}
.lb-area {
	font-weight: bold;
	font-size: 1.2em;
	color: #4c97b9;
}
.lb-main {
	font-weight: bold;
}
.lb-sub {
	margin-left: 2em;
	font-size: 0.9em;
}
.lb-sub-sub {
	margin-left: 4em;
	font-size: 0.9em;
}
.lb-button {
	width: 60px;
}
.lb-click {
	cursor: pointer;
	position: absolute;
	width: 110px;
	height: 160px;
	margin-left: -20px;
	margin-top: -40px;
	background: transparent;
}
.lb-history-get .lb-history-row td {
	cursor: pointer;
}
.lb-history td {
	font-size: 0.9em;
}
.lb-history-header td {
	background: #ddd;
	font-size: 0.85em;
	font-weight: bold;
}
.lb-history-header2 td {
	font-size: 0.85em;
	font-weight: bold;
	border-bottom: 1px solid #ddd !important;
}
.lb-history-value {
	width: 100px;
	text-align: right;
}
.lb-history-value-empty {
	width: 100px;
	text-align: center;
}

/* Logbook 3.1 End */

/* Works & Reports - uploader functionallity hidden */

#minical {
	background: #ffffff;
	font-size: 0.8em;
}
#minical .fc-toolbar {
	display: none;
}
.tab_box_accordion legend,
.tab_box legend {
	margin-bottom: 15px;
	font-weight: normal;
	color: #0f7fcc;
	font-size: 19px;
}

/* ISM */

.ism-row {
	margin: 0;
}

.ism-container {
	padding: 5px;
	display: table-cell;
	vertical-align: middle;
}

.ism-item {
	/*  background: red;
   vertical-align: middle;
  border: none;
   height: 23px; */
}

.ism-widget-readonly {
	/*font-style: italic;*/
	color: #999;
	/*color: #EE1111;*/
}

.ism-ignore-validation {
}

.ism-visible-no {
	visibility: hidden;
}
.ism-visible-yes {
	visibility: visible;
}

.ism-display-none {
	display: none;
}

.ism-date {
	float: left !important;
	padding-left: 0px;
}

.ism-checkbox-label {
	padding-left: 5px;
}

.ism-textarea-noresize {
	resize: none;
}

.ism-table {
	margin-bottom: 5px;
	font-size: 0.9em;
}

.ism-table-notes-header-font {
	font-size: 1.2em;
}

.ism-fonsize-label-as-tableheader {
	font-size: 0.7em;
	padding-left: 10px;
}

.ism-table-notes {
	margin-bottom: 2px;
	font-size: 0.8em;
	overflow-y: scroll;
	height: 480px;
	display: block;
}

.ism-fonsize-small {
	font-size: 0.7em;
}

.outer-border {
	border: 1px solid black;
	margin-bottom: -1px;
}

.outer-border-data-not-valid {
	border: 2px solid red !important;
	border-radius: 10px !important;
}

/*
.inner-border div {
    border: 1px solid red;
    border-left: none;
    margin-bottom: -1px;
}
*/

.inner-border .ism-container {
	border: 1px solid black;
	border-left: none;
	margin-bottom: -1px;
}

/*
.inner-border div:first-child {
    border-left: 1px solid black;
}*/

.inner-border .ism-container:first-child {
	border-left: 1px solid black;
}

.ism-container .input-group-addon {
	border: 0px !important;
}

.outer-border-no-bottom {
	border: 1px solid black;
	margin-bottom: -1px;
	border-bottom: 0px;
}

.outer-border-no-top-bottom {
	border: 1px solid black;
	margin-bottom: -1px;
	border-bottom: 0px;
	border-top: 0px;
}

.outer-border-no-top {
	border: 1px solid black;
	margin-top: 1px;
	margin-bottom: -1px;
	border-top: 0px;
}

.outer-border-no-left {
	border: 1px solid black;
	border-left: 0px;
	margin-bottom: -1px;
}

.outer-border-left {
	border-left: 1px solid black;
	margin-bottom: -1px;
}

.outer-border-right-bottom {
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	margin-bottom: -1px;
}

.outer-border-left-bottom {
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	margin-bottom: -1px;
}

.outer-border-left-top {
	border-left: 1px solid black;
	border-top: 1px solid black;
	margin-bottom: -1px;
}

.outer-border-right {
	border-right: 1px solid black;
	margin-bottom: -1px;
}
.outer-border-right-top {
	border-right: 1px solid black;
	border-top: 1px solid black;
	margin-bottom: -1px;
}

.outer-border-bottom {
	border-bottom: 1px solid black;
	margin-bottom: -1px;
}

.outer-border-top {
	border-top: 1px solid black;
	margin-bottom: -1px;
}

/*
.ism_legend {
    display: block;
    padding: 16px;
    padding-left: 0px;
    padding-right: 0px;
    border: none;
}

.ism_table {
    border-collapse: collapse;
    width: 100%;
}

.ism_table, .ism_th, .ism_td {
    border: 1px solid black;   
}

.ism_th, .ism_td {
    padding: 4px;
} 

.ism_th {
    text-align: center;
}

.ism_checkbox {
    width: 60px;
    text-align: center;
}
*/

.ism-skin {
	background: #cccccc;
	color: black;
}

.ism-skin-no-shading {
	color: black;
}

.ism-gray-shading {
	background: #cccccc;
	color: black;
}

.ism-color-red {
	color: #ee1111;
}

.ism-font-bold {
	font-weight: bold;
}

.ism-font-italic {
	font-style: italic;
}

.ism-vertical-align-middle {
	vertical-align: middle;
}

.ism-border-none {
	border: none;
}

.ism-no-wrap {
	white-space: nowrap;
	/*   text-overflow: ellipsis;*/
	overflow: hidden;
}

.ism-width100pc {
	width: 100%;
}
.ism-height100pc {
	height: 100%;
}

.ism-width-one-char {
	width: 20px;
}

.ism-width-45px {
	width: 45px !important;
}

.ism-height-8rows {
	height: 184px !important;
}

.ism-height-4rows {
	height: 92px !important;
}

.ism-height-6rows {
	height: 138px !important;
}

.ism-height-1row {
	height: 24px !important;
}

.ism-height-32px {
	height: 32px !important;
}

.ism-height-34px {
	height: 34px !important;
}

.ism-height-36px {
	height: 36px !important;
}

.ism-height-37px {
	height: 37px !important;
}

.ism-margin-0 {
	margin: 0;
}

.ism-padding-0 {
	padding: 0;
}

.ism-padding-top-bottom-0 {
	padding-top: 0px;
	padding-bottom: 0px;
}

.ism-padding-1px {
	padding: 1px;
}

.ism-padding-7px {
	padding: 7px;
}

.ism-padding-15px {
	padding: 15px;
}

.ism-padding-top-7px {
	padding-top: 7px !important;
}

.ism-padding-top-80 {
	padding-top: 80px;
}

.ism-padding-top-40 {
	padding-top: 40px;
}

.ism-padding-top-40-screen-only {
	padding-top: 40px;
}

.ism-padding-top-20 {
	padding-top: 20px;
}

.ism-padding-top-20-screen-only {
	padding-top: 20px;
}

.ism-padding-top-10 {
	padding-top: 10px;
}

.ism-padding-left-15 {
	padding-left: 15px;
}

.ism-padding-left-5 {
	padding-left: 5px;
}

.ism-padding-left-12 {
	padding-left: 12px;
}

.ism-padding-right-10 {
	padding-right: 10px;
}

.ism-padding-right-5 {
	padding-right: 5px;
}

.ism-padding-left-right-12 {
	padding-left: 12px;
	padding-right: 12px;
}

.ism-padding-bottom-10 {
	padding-bottom: 10px;
}

.ism-position-absolute {
	position: absolute;
}

.ism-signature {
	font-size: 0.9em;
}

.ism-badge {
	width: 90%;
	border: 1px solid #dddddd;
	border-radius: 8px;
	padding: 8px;
	margin-top: 0.5em;
	min-height: 95px;
}

.ism-workflow-button {
	background-color: orange;
	color: white;
}

.btn-row {
	margin-left: 2px !important;
	margin-top: 2px !important;
	margin-bottom: 2px !important;
	padding: 4px !important;
}

/*
.ism-datepicker .date .form-control {
  height: 23px !important;
  width: 130px;
  border: 0px !important;
}
*/

.ism-category {
	width: 175px;
}

.ism-subcategory {
	width: 120px;
}

.ism-status {
	width: 100px;
}

.ism-reference {
	width: 145px;
}

.ism-worflow-current-task {
	width: 240px;
}
.ism-last-note {
	width: 240px;
}

.ism-latest-note {
	width: 200px;
}

.ism-latest-note-time {
	width: 200px;
}

.ism-who {
	width: 180px;
}

/*
.ism-table {
    font-size: 0.9em; 
}
*/

@media (max-width: 991px) {
	.ism .inner-border div {
		/*border-left: 1px solid black;*/
	}
}

/* ISM ENDS */

/* calendar - custom events popup */
.calendar-bootbox .custom-date-range .input-group {
	padding-left: 0 !important;
}
.calendar-bootbox .custom-date-range .calendar-hour-postsemi:after {
	content: ":";
	display: block;
	width: 10px;
	position: absolute;
	left: 0px;
	top: 5px;
	font-weight: 300;
}
.calendar-bootbox .custom-date-range .calendar-hour-postsemi {
	padding-left: 8px;
}
.calendar-bootbox .custom-date-range .calendar-hour-presemi {
	padding-right: 8px;
}
.calendar-bootbox .custom-date-range .calendar-day-rounded {
	border-radius: 4px;
	height: 34px;
}

/* Force move front-end validation error labels */
.calendar-bootbox #sc_start-error {
	position: absolute;
	left: 0;
	bottom: -20px;
}
.calendar-bootbox #sc_end-error {
	position: absolute;
	right: 0;
	bottom: -20px;
}

/* calendar - custom events popup */

/* settings -> flag fules ->calendar in tab header adjustment */
#calendar.calendar-in-tab .fc-toolbar {
	position: inherit !important;
	display: inline-block;
	width: 100%;
}
.db-weekcboxes .checkbox {
	display: inline-block;
	margin-right: 10px;
}
.settings-days-cboxes {
	margin: 0;
	padding: 0;
	min-width: 265px;
}
.settings-days-cboxes li a {
	background: #ffffff;
	height: 27px;
	padding-top: 3px;
	border: 1px solid #dce4ec;
	color: #2d3e5d;
	border-radius: 5px !important;
	margin-left: 2px;
}
.settings-days-cboxes li a.selected {
	background: #337ab7;
	color: #ffffff;
	font-weight: bold;
}
.settings-days-cboxes li a:hover {
	background: #d6f2ff;
	color: #000000;
	cursor: pointer;
}

#crewshifts .db-name > span,
#crewshifts .db-options > span {
	display: inline-block;
	padding-top: 2px;
	padding-bottom: 3px;
}

.shift-pickers {
	min-width: 120px;
}
.settings-days-cboxes,
.shift-pickers .timepicker {
	margin-top: -3px;
	margin-bottom: -3px;
}
.settings-days-cboxes,
.shift-pickers .timepicker {
	margin-top: -3px;
	margin-bottom: -3px;
}

.shift-pickers .timepicker {
	display: none;
}
.shift-pickers .timepicker button {
	z-index: 0 !important;
	font-size: 0.9em;
	margin: 0px !important;
	padding-top: 4px;
	padding-bottom: 4px;
}

/* bootbox settings scrollable content */
.bootbox.scrollable .modal-body {
	max-height: 400px;
	overflow-y: scroll;
}

/* this piece of css below force vertical scrollers to be visible on popup on mac */
.bootbox.scrollable ::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 7px;
}
.bootbox.scrollable ::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
/* this piece of css below force vertical scrollers to be visible on popup on mac */

/* bootbox draggable aplha on drag */
.bootbox.bb-draggable {
	opacity: 0.3;
}

/* personal settings */
.personal-checkbox {
	padding-top: 2px !important; /* i know i know.... important.... */
	min-height: 0px !important;
	margin-right: -10px !important;
}

/* settings permissions table */
#userpermstable .db-permissions {
	padding-bottom: 2px;
	padding-top: 2px;
}
#userpermstable .perk-offset {
	margin-left: 30px;
}

/* for special buttons that are right moved from others in commands menu on right */
.btn-margin-right {
	margin-right: 25px;
}

/* for documents filters on TOP */
#nav-filters .dropdown-menu > .divider-type > a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.42857143;
	color: #ffffff;
	white-space: nowrap;
	font-size: 0.85em;
}

/* custom override for all labels on ALL forms */
.form-horizontal .control-label {
	text-align: left;
}

/* supplier dropdown */
.supplier-box {
	min-height: 36px;
}
#div-supplier-dropdown,
#div-supplier-dropdownedit {
	width: calc(100% - 34px);
	position: absolute;
	left: 0px;
	overflow: visible !important;
}
#div-supplier-dropdownedit {
	width: calc(100% - 68px);
}
#div-supplier-plus,
#div-supplier-edit {
	position: absolute;
	right: 0;
	z-index: 97;
}
#div-supplier-edit {
	right: 36px;
}
#div-supplier-plus .btn,
#div-supplier-edit .btn,
.multisupplier {
	height: 34px;
	width: 36px;
	font-size: 13px;
	font-weight: normal;
	line-height: 1;
	color: #9baaba;
	text-align: center;
	background-color: #dce4ec;
	border: 1px solid #dce4ec;
	border-radius: 4px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
#div-supplier-edit .btn {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right: 1px solid #cbd4dc;
}

/* datepicker as filter -> styled so it looks like dropdown*/
.datefilter {
	margin-top: 2px;
}
.datefilter.years {
	width: 50px;
}
.datefilter.months {
	width: 80px;
}
.datefilter.days {
	width: 95px;
}
.datefilter .bs-caret {
	width: 12px;
	padding: 1px 0px 1px 0px !important;
	color: #2d3e5d;
	background-color: transparent;
	border: none;
	height: 18px;
}
.datefilter .form-control {
	background-color: transparent;
	border: none;
	text-shadow: 0 0 0 gray;
	color: #2d3e5d;
	padding: 0;
	margin: 0;
	height: 18px;
}

#date_jump {
	font-weight: 500;
	margin-top: 1px;
}
#date_jump input {
	font-size: 14px;
	font-weight: 400;
}

/* Scheduler */
.glyphicon-circled {
	display: inline-block;
	border-radius: 3px;
	width: 24px;
	height: 24px;
	color: #fff;
	text-align: center;
	padding: 0;
	margin-right: 2px;
}
.glyphicon-circled > img {
	width: 100%;
	height: 100%;
}
.glyphicon-circled.winter {
	background: #95a5a6;
}
.glyphicon-circled.season {
	background: #2d3e5d;
}
.glyphicon-circled.charter {
	background: #3498db;
}

/* SCHEDULER POPUP */
.row-hover:hover {
	/*	background: #d6f2ff;	*/
}
.radio-group {
	display: inline-block;
}
.radio-group input {
	display: none;
}
.radio-group input + label {
	margin-bottom: 0;
	background: #cccccc;
}
.radio-group input:first-of-type:checked + label {
	background: #2d3e5d;
}
.radio-group input:checked + label {
	background: #3498db;
}
.radio-group input:last-of-type:checked + label {
	background: #95a5a6;
}
.radio-group input:not(:checked) + label:hover {
	background: #bbbbbb;
}
.radio-group label:first-of-type {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.radio-group label:last-of-type {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.radio-group label {
	color: white;
	padding: 2px 8px 2px 4px;
	display: inline-block;
	cursor: pointer;
	position: relative;
	font-size: 13px;
	line-height: 1.5;
	margin-right: -4px;
}
.radio-group input + label > span {
	height: 23px;
}
/*
.radio-group-calendar {
    margin-top: 0.6em;
}
.radio-group-calendar input + label {
    color: black;
    font-size: 13px;
    line-height: 1.5;
    padding: 4px 9px;   
}
.radio-group-calendar input:checked + label {
	background: #95a5a6 !important;
}
*/

/* $.ajaxProgress SSE */
.ajaxprogress {
	height: 27px;
}
.ajaxprogress .progress-bar {
	font-size: 13px;
	line-height: 27px;
}

/* for popup that shows when idle */
.bootbox.idle {
	z-index: 9050;
}
.modal-backdrop.idle {
	z-index: 9040;
}
/* for popup that shows when idle */

.rtotal {
	border-top: 1px solid #aaaaaa;
}

.rtotal_firstonly:first-of-type {
	border-top: 1px solid #aaaaaa;
}

/* Payroll form */
/* #payrollform .header-row {
	background: #fafafa;
	border-bottom: 1px solid #aaaaaa;
} */

#payrollform .input-xs {
	height: 33px;
	padding: 6px 9px;
	font-size: 15px;
	line-height: 15px;
	border-radius: 3px;
	text-align: right;
}
#payrollform td:first-child .input-xs {
	margin: -7px 0px -7px -8px;
	width: calc(100% + 12px);
}
#payrollform td:last-child .input-xs {
	margin: -7px 0px -7px 8px;
}

#payrollform .perdiem_block .input-xs {
	margin: -7px 0px -7px 8px;
}

/* for HRM-> summary */
.sub-listing-table {
	padding-left: 70px !important;
}

/* user edit */
.img-edit-user {
	width: 200px;
	height: 200px;
	background-position: center, center;
	background-image: "";
	float: left;
	background-size: cover;
	-webkit-box-shadow: inset 0px 0px 0px 5px white;
	-moz-box-shadow: inset 0px 0px 0px 5px white;
	box-shadow: inset 0px 0px 0px 5px white;
}

/* photo edit + uploader */
.img-edit-photo {
	width: 200px;
	height: 200px;
	background-position: center, center;
	float: left;
	background-size: cover;
	-webkit-box-shadow: inset 0px 0px 0px 5px white;
	-moz-box-shadow: inset 0px 0px 0px 5px white;
	box-shadow: inset 0px 0px 0px 5px white;
	background-repeat: no-repeat;
}

.barcode {
	width: 200px;
}
.barcode img {
	width: 100%;
}
.barcode p {
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	text-align: center;
}
.tab_box_accordion .barcode {
	position: relative;
	left: 50%;
	margin: 0px;
	margin-left: -100px;
}

#quickfilter {
	max-height: 480px;
	overflow: auto;
}

/* settings - templates - extended variables table */

.settingsextendedvars-title {
	height: 31px;

	margin-top: 10px;
	margin-bottom: 0px;
}
/* alignment! */
#settingsextendedvars tr {
	height: 39px;
}
#settingsextendedvars .bsselect button {
	padding: 1px 5px;
	font-size: 13px;
	line-height: 1.5;
	border-radius: 3px;
}

/* settings - templates positions checkboxes table */
.settingscheckboxes-leftbox {
	/*	padding-top: 38px;      */
}

.settingslpannel-title {
	height: 62px;

	margin-top: 10px;
	margin-bottom: 10px;
}
.settingscheckboxes-title {
	margin-top: 10px;
	margin-bottom: 10px;
}

.settingscheckboxes {
	overflow-x: auto;
}

#settingscheckboxes tr:not(:first-child) td {
	text-align: right;
}
#settingscheckboxes tr td {
	white-space: nowrap;
}

.overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000000;
	opacity: 0.1;
	z-index: 20;
}

.settingscheckboxes #settingscheckboxes tr td {
	line-height: 23px;
}

.settingsextendedvars #settingsextendedvars .header-row,
.settingscheckboxes #settingscheckboxes .header-row {
	background: #fafafa;
	border-bottom: 1px solid #aaaaaa;
}

.settingscheckboxes #settingscheckboxes .header-row .db-settings-position {
	white-space: nowrap;
}

.gen-verticalhover {
	background-color: #d6f2ff !important;
}

.gen-verticaltop {
	vertical-align: top;
}

.table-budget {
	border-collapse: separate;
}

.table-budget td {
	vertical-align: middle !important;
	padding: 3px !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	font-size: 0.9em;
}

.table-budget .pdf-account-comment textarea {
	height: 33px;
	border-radius: 0px;
}

.budget_separator:not(.currency_exchange) td {
	font-size: 0.7em;
	border-top: 1px solid #ddd !important;
	font-weight: bold;
}
.budget_separator.currency_exchange td {
	font-size: 0.7em;
}
.budget_main td {
	font-weight: 400;
	background: #ddd;
	padding-right: 6px !important;
}

.budget_main td.blue {
	color: #000 !important;
	font-weight: bold;
}

.budget_main.parent td {
	background: #000;
	color: #fff;
	border-bottom: none !important;
}

.budget_main.parent td.blue {
	color: #fff !important;
	font-weight: bold;
}

.budget_category input {
	height: 24px;
}

.budget_category input.exchange {
	max-width: 90px;
}

.budget_month_comment {
	font-size: 11px;
	color: #9baaba;
	padding: 5px 4px;
	margin: 1px;
	height: 22px;
	background-color: #dce4ec;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	cursor: pointer;
	position: absolute;
	z-index: 1;
	left: 6px;
	border-right: none;
	top: 6px;
}

.no_month_comment {
	color: #d7dde3;
	background-color: #f1f4f7;
}

#budget_table .plus-minus {
	display: inline-block;
	width: 8px;
	font-weight: 500;
}

#budget_table td {
	padding: 6px;
	position: relative;
}

#budget_table td.clip span {
	position: absolute;
	left: 0px;
	right: 0px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#duplicate_budget_popup .comments_label {
	padding-top: 0px;
}

#duplicate_budget_popup .comments {
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
}

.report-table {
	width: 100%;
}
.detailed-report-table {
	min-width: 1600px;
	margin-right: 15px !important;
}

.accounts-table {
	font-size: 0.9em;
}

.report-table thead th {
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 12px;
	color: #909090;
	border: 1px solid #dddddd;
}

.report-table td {
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: middle !important;
	border: 1px solid #dddddd;
	font-size: 0.95em;
}
.accounts-table td {
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: middle !important;
	border: 1px solid #dddddd;
	font-size: 0.95em;
}
.report-table .report-header td {
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
}
.report-table .report-header td small {
	font-size: 0.8em;
}
.report-table .report-sep {
	border-bottom: 3px solid #dddddd;
}
.report-table .report-sep-top {
	border-top: 3px solid #dddddd;
}
.report-table .report-sep-right {
	border-right: 3px solid #dddddd;
}
.report-table .report-sep-noright {
	border-right: 1px solid #ffffff;
}
.report-table .report-sep-total {
	border-top: 3px solid #dddddd;
	font-weight: bold;
}
.report-expenses {
	font-size: 0.85em;
	cursor: pointer;
}
.report-expenses:hover {
	background: #d6f2ff;
}
.report-expenses-title {
	font-size: 0.7em;
	background: #eeeeee;
}
.report-expenses-title td {
	padding-top: 1px;
	padding-bottom: 1px;
}
.budget-access-tr {
	cursor: pointer;
	user-select: none;
}
.budget-access-tr:hover {
	background: #d6f2ff;
	color: #000 !important;
}

/* log table */

#logtable th,
#itemsissued_table th {
	font-size: 0.85em;
	font-weight: normal;
	border-bottom: 1px solid #ddd;
	font-weight: 300;
}
#logtable tr td {
	background: #fff;
	border-bottom: 1px solid #ddd;
}

#logtable tr td table th,
#logtable tr td table td {
	padding: 5px;
	border: 0px none;
}

#logtable tr td table td:nth-of-type(1) {
	border-right: 1px solid #ddd;
}
#logtable tr td table td:nth-of-type(2) {
	border-right: 1px solid #ddd;
}
#logtable tr td table th:nth-of-type(1) {
	border-right: 1px solid #ddd;
}
#logtable tr td table th:nth-of-type(2) {
	border-right: 1px solid #ddd;
}
#logtable tr td table td:last-of-type {
	border-right: none;
}

#logtable tr td table tr:nth-of-type(even) td {
	background: #f9f9f9;
}

#logtable tr td table th {
	background: #eee;
}

/* items issued table */

#itemsissued_table {
	width: 100%;
}

.txt-right {
	text-align: right;
}

.itemsissued-image {
	width: 24px;
	height: 24px;
}

.itemsissued-image:hover {
	width: 80px;
	height: 80px;
	transition: all 0.1s;
	transition-delay: 0.5s;
}

#itemsissued_table > tbody > tr:nth-of-type(odd) {
	background-color: #f9f9f9;
}

#itemsissued_table .itemsissued_row {
	cursor: pointer;
}

#itemsissued_table .itemsissued_row:hover {
	background: #d6f2ff;
	color: #000 !important;
}

/* documents hostory info subtable */

.historyinfo-table {
	width: 100%;
	font-size: 0.85em;
	margin-left: 15px;
	margin-top: -9px;
	margin-bottom: 10px;
}

.historyinfo-table-autowidth {
	width: calc(100% + 8px);
	font-size: 0.85em;
	margin-top: -9px;
	margin-bottom: 10px;
}

/* used in accounting accounts */
.rpad {
	padding-right: 6px;
}

/* glyphicons -> led icons */

.glyphicon.glyphicon-led {
	border-radius: 9px;
	width: 9px;
	height: 9px;
}
.navbar .glyphicon.glyphicon-led {
	margin-bottom: 2px;
	margin-left: -10px;
	margin-right: 5px;
}
td .glyphicon.glyphicon-led {
	margin-left: 3px;
}
.glyphicon.glyphicon-led:before {
	content: none;
}
.glyphicon.glyphicon-led.red {
	background: #ed0000;
	background: -moz-linear-gradient(
		-45deg,
		#ed0000 0%,
		#ffc6c6 15%,
		#ff0000 36%,
		#b50000 100%
	);
	background: -webkit-linear-gradient(
		-45deg,
		#ed0000 0%,
		#ffc6c6 15%,
		#ff0000 36%,
		#b50000 100%
	);
	background: linear-gradient(
		135deg,
		#ed0000 0%,
		#ffc6c6 15%,
		#ff0000 36%,
		#b50000 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed0000', endColorstr='#b50000',GradientType=1 );
	border: 1px solid #b70303;
}
.glyphicon.glyphicon-led.orange {
	background: #ffa500;
	background: -moz-linear-gradient(
		-45deg,
		#ffa500 0%,
		#ffeea5 15%,
		#ffcc00 37%,
		#d39400 100%
	);
	background: -webkit-linear-gradient(
		-45deg,
		#ffa500 0%,
		#ffeea5 15%,
		#ffcc00 37%,
		#d39400 100%
	);
	background: linear-gradient(
		135deg,
		#ffa500 0%,
		#ffeea5 15%,
		#ffcc00 37%,
		#d39400 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa500', endColorstr='#d39400',GradientType=1 );
	border: 1px solid #a96b00;
}
.glyphicon.glyphicon-led.yellow {
	background: #f0f400; /* Old browsers */
	background: -moz-linear-gradient(
		-45deg,
		#f0f400 1%,
		#fffbb5 15%,
		#f0f40e 37%,
		#fff575 100%
	);
	background: -webkit-linear-gradient(
		-45deg,
		#f0f400 1%,
		#fffbb5 15%,
		#f0f40e 37%,
		#fff575 100%
	);
	background: linear-gradient(
		135deg,
		#f0f400 1%,
		#fffbb5 15%,
		#f0f40e 37%,
		#fff575 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f400', endColorstr='#fff575',GradientType=1 );
	border: 1px solid #cccc00;
}
.glyphicon.glyphicon-led.green {
	background: #03b500;
	background: -moz-linear-gradient(
		-45deg,
		#03b500 0%,
		#72ff75 15%,
		#06c400 37%,
		#098e00 100%
	);
	background: -webkit-linear-gradient(
		-45deg,
		#03b500 0%,
		#72ff75 15%,
		#06c400 37%,
		#098e00 100%
	);
	background: linear-gradient(
		135deg,
		#03b500 0%,
		#72ff75 15%,
		#06c400 37%,
		#098e00 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03b500', endColorstr='#098e00',GradientType=1 );
	border: 1px solid #007803;
}
.glyphicon.glyphicon-led.gray {
	background: #e5e5e5;
	background: -moz-linear-gradient(
		-45deg,
		#e5e5e5 0%,
		#ffffff 15%,
		#dddddd 37%,
		#c1c1c1 100%
	);
	background: -webkit-linear-gradient(
		-45deg,
		#e5e5e5 0%,
		#ffffff 15%,
		#dddddd 37%,
		#c1c1c1 100%
	);
	background: linear-gradient(
		135deg,
		#e5e5e5 0%,
		#ffffff 15%,
		#dddddd 37%,
		#c1c1c1 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#c1c1c1',GradientType=1 );
	border: 1px solid #999;
}
.glyphicon.glyphicon-led.blue {
	background: #00b2ff;
	background: -moz-linear-gradient(
		-45deg,
		#00b2ff 0%,
		#c4e1ff 22%,
		#5bc0ff 40%,
		#008ecc 100%
	);
	background: -webkit-linear-gradient(
		-45deg,
		#00b2ff 0%,
		#c4e1ff 22%,
		#5bc0ff 40%,
		#008ecc 100%
	);
	background: linear-gradient(
		135deg,
		#00b2ff 0%,
		#c4e1ff 22%,
		#5bc0ff 40%,
		#008ecc 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b2ff', endColorstr='#008ecc',GradientType=1 );
	border: 1px solid #999;
}
.glyphicon.glyphicon-led.purple {
	background: #e100ff;
	background: -moz-linear-gradient(
		-45deg,
		#e100ff 0%,
		#edc4ff 22%,
		#ca44ff 40%,
		#9700ce 100%
	);
	background: -webkit-linear-gradient(
		-45deg,
		#e100ff 0%,
		#edc4ff 22%,
		#ca44ff 40%,
		#9700ce 100%
	);
	background: linear-gradient(
		135deg,
		#e100ff 0%,
		#edc4ff 22%,
		#ca44ff 40%,
		#9700ce 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e100ff', endColorstr='#9700ce',GradientType=1 );
	border: 1px solid #999;
}
/* glyphicons -> led icons */

/* dashboard per module */
.mod-dashcontainer {
	margin-bottom: 10px;
}
.mod-dashinfo {
	position: fixed;
	z-index: 11;
	top: 60px;
	width: 100%;
	background: #fafafa;
	padding: 15px;
	padding-top: 40px;
	margin: 0px;
}
.mod-dashheader {
}
.mod-dshblock {
	background: #ffffff;
	overflow: auto;
	padding: 10px;
	border: 1px solid #dddddd;
}
.mod-dshblock h5 {
	margin-top: 0px;
	padding-bottom: 0.2em;
	margin-bottom: 0.4em;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.mod-dshbox {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}
.mod-dsh-root {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.mod-dsh-root .glyphicon-led {
	margin-right: 0.5em;
}
.mod-dsh-root {
	font-size: 0.9em;
	padding-bottom: 0.2em;
}
.mod-dsh-child {
	font-size: 0.8em;
	padding-bottom: 0.1em;
}
.mod-dsh-child .glyphicon-led {
	border-radius: 7px;
	width: 7px;
	height: 7px;
	margin-bottom: 1px;
	margin-right: 10px;
}
.mod-dsh-main {
	border-right: 1px solid #ddd;
}
.mod-dsh-sub {
	border-left: 1px solid #ddd;
	margin-left: -1px;
}
.mod-dsh-children {
	padding-left: 0 !important;
}

/* dashboard clipping texts */
.iclip,
.table-cliptext td.clip {
	position: relative;
	vertical-align: initial;
}

.iclip span,
.table-cliptext td.clip span {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: absolute;
	left: 0;
	right: 0;
	padding-right: 10px;
}
/* dashboard clipping texts */

/* special for clipping text in dropdown block in uppliers dropdown in inv/spa */
.selectclip > button {
	position: relative;
	vertical-align: initial;
}
.selectclip > button > span:first-child {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: absolute;
	left: 10px;
	padding-right: 35px;
}
/* special for clipping text in dropdown block in uppliers dropdown in inv/spa */

.table-cliptext.table-selectors td.clip > span {
	margin-top: 8px;
}

/* START Helper text-box style */
@media (max-width: 888px) {
	.helper {
		width: 90%;
		left: 5%;
		margin-left: 0px;
	}
}
@media (min-width: 888px) {
	.helper {
		width: 800px;
		left: 50%;
		margin-left: -350px;
	}
}

.helper {
	font-size: 0.95em;
	visibility: hidden;
	position: fixed;
	z-index: 99;
	bottom: 54px;
	padding: 10px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	overflow: hidden;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.helper h5 {
	font-size: 0.9em;
	margin-top: 0px;
	margin-bottom: 0.7em;
}

.helper p,
.helper li {
	font-size: 0.85em;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
}

.helper li {
	list-style-type: square;
}

.helper .icon-list li {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}

.helper .icon-list {
	padding-left: 23px;
}

.helper .icon-list .glyphicon {
	margin-right: 0.75em;
}

.helper .important {
	color: #cb2026;
}
/* END Helper text-box style */

.microicon-settings {
	font-size: 0.8em;
	width: 9px;
}

#safemanningform .dd .dd-content > div:first-child {
	max-width: 100px;
}
#safemanningform .dd .dd-content > div:nth-child(2) {
	width: 300px;
}

/*disabled inputs */

input,
.form-control {
	color: #353535;
}
.gen-div-disabled {
	border: 1px solid #f0f0f0;
	cursor: not-allowed !important;
	color: #777;
	opacity: 0.9 !important;
	border-radius: 4px;
	padding: 5px;
}
input.disabled,
select:disabled,
.form-control[disabled],
.form-control[readonly],
.form-control > .disabled,
.form-control > .gen-notclickable {
	border: 1px solid #f0f0f0;
	cursor: not-allowed !important;
	color: #777;
	opacity: 0.9 !important;
}
.input-group-addon.gen-notclickable,
.btn-form:disabled {
	background: #f0f0f0;
	color: #dddddd;
	border: 1px solid #f0f0f0;
	cursor: not-allowed;
}

/*disabled inputs */

.pin {
	width: 120px;
	font-size: 1.3em;
	font-weight: bold;
	padding: 5px;
	border: 1px solid #ddd;
	border-radius: 4px;
	text-align: center;
	letter-spacing: 0.5em;
	text-security: disc;
	-webkit-text-security: disc;
	-moz-text-security: disc;
}
.pin::-webkit-input-placeholder {
	color: #ddd;
	font-weight: normal;
	letter-spacing: 0.1em;
}
.pin::-moz-placeholder {
	color: #ddd;
	font-weight: normal;
	letter-spacing: 0.1em;
}
.pin:-ms-input-placeholder {
	color: #ddd;
	font-weight: normal;
	letter-spacing: 0.1em;
}
.pin:-moz-placeholder {
	color: #ddd;
	font-weight: normal;
	letter-spacing: 0.1em;
}
.validate-pin {
	display: none;
	position: absolute;
	width: 120px;
	left: 50%;
	margin-left: -60px;
	margin-top: -5px;

	font-size: 0.85em;
	font-weight: bold;
	text-align: center;
}

#maintenanceform .select-borderfix > button,
#manualguidblock .btn-dropdown,
#accountingsettingsform
	.settings-section
	> div:not(:nth-child(2))
	.btn-dropdown {
	/* maintenance, spareparts, settings_fin */
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

#manualguidblock .btn-sparepart-view {
	width: 100%;
	color: #75879b;
	background-color: #dce4ec;
	border-color: #dce4ec;

	margin-left: -15px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	height: 34px;
}

#manualguidblock .btn-sparepart-view:hover,
#manualguidblock .btn-sparepart-view:active,
#manualguidblock .btn-sparepart-view:focus {
	color: #ffffff !important;
	background-color: #71a9e2 !important;
	border-color: #71a9e2 !important;
}

/* spareparts */

/* kits */
.db-kitreq {
	width: 65px;
}
.tab-table-master .db-kitreq {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.tab-table-master .db-kitreq input {
	margin-top: 4px;
}

/* charter */
.wfull {
	width: 100%;
	margin-left: 0px;
}
@media (max-width: 991px) {
	.charter-date-custom {
		margin-left: 15px;
	}
}
/* tooltip */
.miniline {
	margin: 0;
	padding: 0;
	line-height: 1px;
}
/* equipment popup */
.eq-bg-line {
	background: #e5f7ff !important;
	-moz-box-shadow: inset 0 -5px 5px -5px #fff;
	-webkit-box-shadow: inset 0 -5px 5px -5px #fff;
	box-shadow: inset 0 -5px 5px -5px #fff;
}
.popup-search-box {
	position: absolute;
	width: 400px;
	top: 10px;
	right: 60px;
}
.popup-search-exp {
	position: relative;
	float: right;
	width: 400px;
	margin-right: 34px;
	margin-top: 34px;
	font-size: 12px;
	color: #95a5a6;
	line-height: 13px;
}
.popup-search-exp i {
	font-weight: bold;
}

#popup-search-filters {
	border-top: 1px solid #ddd;
	background: #fafafa;
	width: calc(100% + 30px);
	height: 45px;
	margin-left: -15px;
	margin-top: 6px;
	margin-bottom: -15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	font-size: 13px;
}

#popup-search-filters .popup-filters-selects {
	float: left;
	margin-right: 5px;
}
#popup-search-filters .popup-filters-inputs {
	float: right;
}

#popup-search-filters .popup-filters-selects .bs-caret {
	display: inline-block;
	width: 10px;
	height: 30px;
	margin: -10px;
	margin-left: -22px;
	background: #fff;
}

#popup-search-filters .popup-filters-selects .caret {
	right: 5px;
}

#popup-search-filters .bsselect button {
	padding: 5px;
}
#popup-search-filters input.form-control {
	padding: 5px;
	height: auto;
}

/* PO */
#poeditform .posubtable_items {
	font-size: 13.5px;
}
#poeditform .tab-table .posubtable_items td {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
#poeditform .tab-table tr td {
	padding-bottom: 3px !important;
}
#poeditform .db-ellipsespan {
	margin-top: 0px;
}
#poeditform .tab-table .pad-r-10 .title {
	padding-right: 13px;
}
/* PO */

/* spin */
.glyphicon-spin {
	-webkit-animation: spin 1000ms infinite linear;
	animation: spin 1000ms infinite linear;
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
@keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
/* end spin */

/* A4 selector */

.a4_selector .modal-dialog {
	width: 284px;
}
.a4_paper {
	width: 244px;
	height: 280px;
}

.a4_paper div {
	background: #eee;
	cursor: pointer;
	float: left;
	-webkit-box-shadow: inset 0px 0px 0px 1px #fff;
	box-shadow: inset 0px 0px 0px 1px #fff;
	border-radius: 8px;
}

.a4_paper div.a4_paper_selected {
	background: #71c3f3;
}

.a4_2col {
	width: 50%;
}
.a4_4row {
	height: 25%;
}

/*leaves summaru dropdown */
.customdropdownfilters {
	display: none;
}
.customdropdownfilters,
.customdropdownfilters li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.customdropdownfilters > li > a {
	font-size: 0.9em;
	display: block;
	padding-left: 5px;
}
.customdropdownfilters > li > a > .checkbox {
	padding-top: 0;
	min-height: auto;
}
.customdropdownfilters .divider {
	margin: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
}
/*leaves summaru dropdown */

/* 4levels table header */
.table-selectors > thead > tr > th {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: -moz-none;
	-o-user-select: none;
	user-select: none;

	webkit-box-shadow: inset 0px -1px 0px 0px rgba(221, 221, 221, 0.5);
	-moz-box-shadow: inset 0px -1px 0px 0px rgba(221, 221, 221, 0.5);
	box-shadow: inset 0px -1px 0px 0px rgba(221, 221, 221, 0.5);
}

.table-selectors > thead > tr > th:not(:last-of-type) {
	webkit-box-shadow: inset -1px -1px 0px 0px rgba(221, 221, 221, 0.5);
	-moz-box-shadow: inset -1px -1px 0px 0px rgba(221, 221, 221, 0.5);
	box-shadow: inset -1px -1px 0px 0px rgba(221, 221, 221, 0.5);
}

.table-selectors > thead > tr > th.norb {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: -moz-none;
	-o-user-select: none;
	user-select: none;

	webkit-box-shadow: inset 0px -1px 0px 0px rgba(221, 221, 221, 0.5);
	-moz-box-shadow: inset 0px -1px 0px 0px rgba(221, 221, 221, 0.5);
	box-shadow: inset 0px -1px 0px 0px rgba(221, 221, 221, 0.5);
}

/* 4levels table */
.table-selectors > tbody > tr > td {
	padding: 2px 8px 2px 8px;
	vertical-align: inherit;
}

.table-selectors > tfoot > tr > td {
	padding: 3px 8px 3px 8px;
	vertical-align: inherit;
	webkit-box-shadow: inset 0px 1px 0px 0px rgba(221, 221, 221, 0.5);
	-moz-box-shadow: inset 0px 1px 0px 0px rgba(221, 221, 221, 0.5);
	box-shadow: inset 0px 1px 0px 0px rgba(221, 221, 221, 0.5);
}

/* 4levels dropdown */
.select4td > .bootstrap-select {
	width: 100% !important;
}

/* when form-controll is applied to div */
div.form-control[disabled] {
	color: #777;
	border: 1px solid #f0f0f0;
}

/* new reporting function in trait */
.report-table.level_0 .report-cats {
	background-color: #ddd;
	font-weight: bold;
	font-size: 15px;
}
.report-table.level_0 .report-cats td {
	border-top: 1px solid #ddd;
}

.report-table.level_1 .report-cats {
	background-color: #e5e5e5;
	font-weight: bold;
	font-size: 14px;
}
.report-table.level_1 .report-cats td {
	border-top: 1px solid #e5e5e5;
}

.report-table.level_2 .report-cats {
	background-color: #eee;
	font-weight: normal;
	font-size: 13px;
}
.report-table.level_2 .report-cats td {
	border-top: 1px solid #eee;
}

.report-table.level_3 .report-cats {
	background-color: #f5f5f5;
	font-weight: normal;
	font-size: 12px;
}
.report-table.level_3 .report-cats td {
	border-top: 1px solid #f5f5f5;
}

.report-table.level_4 .report-cats {
	background-color: #fafafa;
	font-weight: normal;
	font-size: 12px;
}
.report-table.level_4 .report-cats td {
	border-top: 1px solid #fafafa;
}

.report-table.level_0 .report-expenses-title,
.report-table.level_1 .report-expenses-title,
.report-table.level_2 .report-expenses-title,
.report-table.level_3 .report-expenses-title,
.report-table.level_4.report-expenses-title {
	background-color: #fff;
	color: #888;
}

.report-table.level_0 .report-expenses-title td,
.report-table.level_1 .report-expenses-title td,
.report-table.level_2 .report-expenses-title td,
.report-table.level_3 .report-expenses-title td,
.report-table.level_4 .report-expenses-title td {
	border-top: 1px solid #ddd;
}

.report-table .clip {
	max-width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.report-table .clip150 {
	max-width: 150px;
}

/* table for editable and sortable items */

.items {
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 30px;
}

.table-items {
	width: 100%;
}

.table-items .alert {
	margin: 0px;
	padding: 8px;
}
.table-items .error {
	display: none !important;
}

.table-items .dragged {
	z-index: 2000;
	width: 100%;
	position: absolute;
	opacity: 0.8;
	display: inline-table;
	background: #ffffff;
}

.table-items .placeholder,
.table-items .placeholder td {
	height: 38px;
}
.table-items .placeholder td {
	background: #f2fbff;
	border-bottom: 1px solid #dce4ec;
}

.table-items,
.table-items input,
.table-items select,
.table-items button,
.table-items div.form-control {
	font-size: 12px !important;
}

.table-items td {
	font-size: 13px !important;
}

.table-items input,
.table-items select,
.table-items button,
.table-items div.form-control {
	height: 30px;
	border: 1px solid #eee;
}

.table-items button:not(.dropdown-toggle) {
	padding-top: 6px;
	font-size: 11px !important;
	height: 24px;
	line-height: 0px;
	margin-top: 2px;
}
.table-items button:not(.dropdown-toggle) .glyphicon {
	margin-top: -1px;
}

.table-items th,
.table-items td {
	vertical-align: middle;
	padding: 3px;
	border-bottom: 1px solid #dce4ec;
}

.table-items.items-readonly td,
.table-items.items_readonly td {
	padding-top: 6px;
	padding-bottom: 6px;
}

.table-items .tag {
	font-size: 10px !important;
	min-height: 18px !important;
}

.table-items.items-readonly td .tag:not(.tag-inline),
.table-items.items_readonly td .tag:not(.tag-inline) {
	display: none;
}

.table-items th {
	font-size: 0.85em;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #9baaba;
}

.table-items td {
	vertical-align: middle;
	padding: 3px;
}

.table-items thead .pane {
	padding-right: 10px;
}

.table-items tbody .pane {
	border-right: 1px solid #dce4ec !important;
	padding-right: 10px;
}

.table-items .itm-sort {
	width: 20px;
	cursor: pointer;
	font-size: 0.9em;
	font-weight: bold;
	color: #9baaba;
}

.table-items .alert-warning .itm-sort {
	color: #fff;
}

.table-items .itm-add {
	width: 20px;
}

.table-items .itm-qty {
	width: 70px;
}

.table-items .itm-latlon {
	width: 100px;
}

.table-items .itm-user {
	width: 280px;
}

.table-items .itm-manufacturer {
	width: 110px;
}
.table-items .itm-number {
	width: 100px;
}

.table-items .itm-fulldate {
	width: 170px;
}
.table-items .itm-qty label {
	position: absolute;
}
.table-items .itm-actions {
	width: 70px;
	text-align: right;
}
.table-items .itm-actions button {
	display: inline-block;
	margin-left: 2px !important;
}

.table-items .itm-icon,
.table-items .itm-completed_icon {
	width: 26px;
}
.table-items .itm-icon img,
.table-items .itm-completed_icon img {
	width: 100%;
	margin-top: 2px;
	border-radius: 3px;
}
.itm-icon-standalone {
	float: left;
	width: 16px;
	margin-top: 0px;
	margin-right: 5px;
	border-radius: 3px;
}

.app-icon img {
	width: 22px;
	border-radius: 3px;
}

.table-items-large {
	margin-bottom: 10px;
}

.table-items-large tbody td {
	font-size: 14px !important;
	padding-top: 5px;
	padding-bottom: 5px;
}

.table-items tfoot .items-total td {
	border-top: 3px solid #dce4ec;
}

.table-items-inline {
	margin-bottom: 8px;
}

.table-items-inline tfoot tr:last-of-type td {
	border-bottom: 0px none;
}

.table-addldata {
	font-size: 13px !important;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.table-addldata th {
	font-size: 12px !important;
	padding-top: 3px !important;
	padding-bottom: 3px !important;
	border-bottom: 1px solid #ddd !important;
}

.table-addldata .pane {
	border-right: 1px solid #ddd;
}

.table-addldata .tag {
	font-size: 10px !important;
	min-height: 18px !important;
}

.table-addldata td.clip {
	position: relative;
}

.table-addldata td.clip > span {
	position: absolute;
	top: 6px;
	left: 8px;
	right: 8px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* inventory edit form responsive i.e. when accordions are open */
#ie_form .tab_box_accordion .form-group {
	padding-left: 15px;
	padding-right: 15px;
}
#ie_form .tab_box_accordion section {
	padding-left: 15px;
	padding-right: 15px;
}
#ie_form .tab_box_accordion section .form-group {
	padding-left: 0px;
	padding-right: 0px;
}
#ie_form .tab_box_accordion h4 {
	padding-left: 15px;
	padding-right: 15px;
}
#ie_form .tab_box_accordion h4.tab-title {
	padding-left: 0px;
	padding-right: 0px;
}
#ie_form .tab_box_accordion .img-edit-photo {
	width: -webkit-fill-available;
	margin: 15px 15px 0px 15px;
}
/* tables */
#ie_form .tab_box_accordion .table-selectors thead {
	display: none;
}
#ie_form .tab_box_accordion .table-selectors tr,
#ie_form .tab_box_accordion .table-selectors td {
	display: block;
}

/* design */
#ie_form .tab_box_accordion .table-selectors tr {
	width: 100%;
	position: relative;
	border: 1px solid #dddddd;
}
#ie_form .table-selectors td {
	position: relative;
	height: 37px;
}
/* rows */
#ie_form .tab_box_accordion .table-selectors tbody td:nth-child(1),
#ie_form .tab_box_accordion .table-selectors tbody td:nth-child(2),
#ie_form .tab_box_accordion .table-selectors tbody td:nth-child(3),
#ie_form .tab_box_accordion .table-selectors tbody td:nth-child(4) {
	width: calc(100% - 200px);
	margin-left: 100px;
}
#ie_form .tab_box_accordion .table-selectors tbody td:nth-child(5) {
	height: auto;
}
#ie_form .tab_box_accordion .table-selectors tbody td:nth-child(6) {
	width: 80px;
	position: absolute;
	top: 0px;
	right: 28px;
}
#ie_form .tab_box_accordion .table-selectors tbody td:nth-child(6) input {
	height: 33px;
}
#ie_form .tab_box_accordion .table-selectors tbody td:nth-child(7) {
	position: absolute;
	top: 5px;
	right: 0px;
}
/* prepend text */
#ie_form
	.tab_box_accordion
	.table-selectors
	tbody
	td.select4td:nth-child(1):before,
#ie_form
	.tab_box_accordion
	.table-selectors
	tbody
	td.select4td:nth-child(2):before,
#ie_form
	.tab_box_accordion
	.table-selectors
	tbody
	td.select4td:nth-child(3):before,
#ie_form
	.tab_box_accordion
	.table-selectors
	tbody
	td.select4td:nth-child(4):before {
	margin-left: -100px;
	display: inline-block;
	width: 80px;
}
#ie_form
	.tab_box_accordion
	.table-selectors
	tbody
	td.select4td:nth-child(1):before {
	content: "area:";
}

#ie_form
	.tab_box_accordion
	.table-selectors
	tbody
	td.select4td:nth-child(2):before {
	content: "group:";
}
#ie_form
	.tab_box_accordion
	.table-selectors
	tbody
	td.select4td:nth-child(3):before {
	content: "category:";
}
#ie_form
	.tab_box_accordion
	.table-selectors
	tbody
	td.select4td:nth-child(4):before {
	content: "section:";
}
/* style error */
#ie_form .tab_box_accordion .table-selectors tbody td.clip {
	text-align: center;
}
#ie_form .tab_box_accordion .table-selectors tbody td.clip span {
	display: contents;
}

/* style footer */
#ie_form .tab_box_accordion .table-selectors tfoot td:nth-child(1) {
	width: calc(100% - 100px);
}
#ie_form .tab_box_accordion .table-selectors tfoot td:nth-child(1) * {
	vertical-align: -webkit-baseline-middle;
}
#ie_form .tab_box_accordion .table-selectors tfoot td:nth-child(2) {
	width: 80px;
	position: absolute;
	top: 0px;
	right: 28px;
}
#ie_form .tab_box_accordion .table-selectors tfoot td:nth-child(2) input {
	height: 33px;
}
#ie_form .tab_box_accordion .table-selectors tfoot td:nth-child(3) {
	position: absolute;
	top: 5px;
	right: 0px;
}

/* form supplier mobile z index fix */
body.mobile360 #div-supplier-plus,
body.mobile360 #div-supplier-edit {
	z-index: 1;
}

/* globally update pannels header so they are full clickable */
.panel-default > .panel-heading {
	padding: 0;
}
.panel-default > .panel-heading a {
	padding: 10px 15px;
	display: block;
}

/* bookmark hover dropdown selector */

.bookmarks .bookmarks-dropdown-content {
	display: none;
	/* opacity: 0; */
	position: absolute;
	right: 1px;
	z-index: 10;
	min-width: 160px;
	margin-top: 0px;
	margin-left: -2px;
	background-color: #fff;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	font-size: 12px;
	border-radius: 3px;
	/* transition: display 1s linear; */
}
.bookmarks .bookmarks-dropdown-content.open {
	display: block;
	/* animation: bookmarks_box 1s forwards; */
}

/*
@keyframes bookmarks_box {
	0% {
		opacity: 0;
	}	
	80% {
		opacity: 0;
	}	
	100% {
		opacity: 1;
	}
}

.bookmarks .bookmarks-dropdown-content:after, 
.bookmarks .bookmarks-dropdown-content:before {
	bottom: 100%;
	left: 98%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.bookmarks .bookmarks-dropdown-content:before {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 8px;
	margin-left: -18px;
}
*/

.bookmarks .bookmarks-dropdown-content table {
	width: 100%;
}
.bookmarks .bookmarks-dropdown-content tr:hover {
	background: #d6f2ff;
}
.bookmarks .bookmarks-dropdown-content tr td {
	cursor: pointer;
	white-space: nowrap;
	padding: 5px;
	padding-right: 10px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.bookmarks .bookmarks-dropdown-content tr td .bookmark-icon {
	width: 16px;
	margin-right: 5px;
	margin-top: -2px;
}

/* bootbox draggable */
.bootbox .modal-header {
	cursor: move;
}

/* bootbox full height */
.bootbox.modal-fillheight .modal-dialog {
	margin-top: 10px;
}
.bootbox.modal-fillheight .modal-content {
	height: calc(100vh - 40px);
}
.bootbox.modal-fillheight .modal-body {
	max-height: calc(100vh - 170px);
}
/* bootbox auto height */
.bootbox.modal-autoheight .modal-dialog {
	margin-top: 10px;
}
.bootbox.modal-autoheight .modal-content {
	/* height: calc(100vh - 40px); */
}
.bootbox.modal-autoheight .modal-body {
	max-height: calc(100vh - 170px);
}
/* maintenance jobsparts table in popup */
.bootbox #jobpartstable {
	margin-top: 10px;
}
.bootbox #jobpartstable td.mtnjobpopup {
	padding: 2px 5px 0px 5px !important;
}
.report-image-box {
	display: block;
	width: var(--ri-width);
	height: var(--ri-height);
	text-align: left;
}
.report-image {
	position: absolute;
	width: var(--ri-width);
	height: var(--ri-height);
	margin: 0px;
}

.report-image:hover {
	z-index: 100;
	width: 80px;
	height: 80px;
	margin-left: -40px;
	transition: all 0.1s;
	transition-delay: 0.5s;
}

/* mid_logbbook_config */
#lcfgform #tab_0 .linelevel-0 {
	padding-left: 15px;
	font-weight: bold;
	color: #4c97b9;
}
#lcfgform #tab_0 .linelevel-1 {
	padding-left: 55px;
	font-weight: bold;
}
#lcfgform #tab_0 .linelevel-2 {
	padding-left: 95px;
}
#lcfgform #tab_0 .linelevel-3 {
	padding-left: 135px;
}
#lcfgform #tab_0 .linelevel-4 {
	padding-left: 175px;
}

#lcfgform #tab_0 .linelevel-0 + div input.form-control,
#lcfgform #tab_0 .linelevel-1 + div input.form-control,
#lcfgform #tab_0 .linelevel-2 + div input.form-control,
#lcfgform #tab_0 .linelevel-3 + div input.form-control,
#lcfgform #tab_0 .linelevel-4 + div input.form-control {
	height: auto;
	padding-top: 2px;
}

#lcfgform #tab_1 .linelevel-0,
#lcfgform #tab_2 .linelevel-0 {
	padding-left: 15px;
	font-weight: bold;
	color: #4c97b9;
}
#lcfgform #tab_1 .linelevel-1,
#lcfgform #tab_2 .linelevel-1 {
	padding-left: 55px;
}

/* form microbuttons +/- on end of numeric input */
.microbutton {
	width: 15px;
	/*    height: 1vw;  */
	position: relative;
	bottom: 0;
	left: 0;
	padding: 0;
	margin: 0;
	display: block;
	padding-top: 2px;
	cursor: pointer;
}

/* crew dropdowns cursor */
#fast_crew_edit > li {
	cursor: pointer;
}
.dd-small-text {
	float: right;
	font-size: 10px;
	margin-top: 4px;
}

/* PMS - edit task - postpone subcomment */
.subcomment-postpone {
	color: #535353;
	padding: 5px;
	border: 1px solid #dce4ec;
	border-radius: 5px;
	margin-top: 3px;
}

.subcomment-postpone-title {
	margin-top: 5px;
	margin-bottom: 0px;
	font-size: 15px;
}

.subcomment-postpone-meta {
	font-size: 12px;
	line-height: 12px;
}

/**/

.form-control.multiline {
	height: auto;
}

.form-control.multiline .dropdown-toggle {
	height: auto;
	line-height: 17px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.form-control.multiline .dropdown-toggle small {
	font-size: 11px;
}

/* main menu multilevel */
.nav .appmenu.open > .dropdown-menu {
	overflow-y: inherit;
	overflow-x: inherit;
}
.nav .appmenu.open > .dropdown-menu > .dropdown-submenu > a:after {
	content: " ";
	display: inline-block;
	width: 0;
	height: 0;
	right: 5px;
	position: absolute;
	margin-top: 6px;
	border-left: 4px dashed;
	border-left: 4px solid \9;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}
.nav .appmenu.open > .dropdown-menu > .dropdown-submenu:hover {
	/* background-color: #e5e5e5; */
}

@media (max-width: 888px) {
	.nav .appmenu.open > .dropdown-menu {
		overflow-y: scroll;
	}

	.nav .appmenu.open > .dropdown-menu > .dropdown-submenu:hover {
		background-color: transparent;
	}

	.nav .appmenu.open > .dropdown-menu > .dropdown-submenu > .dropdown-menu {
		display: none;
	}
}

.nav .appmenu .dropdown-submenu {
	position: relative;
}
.nav .appmenu .dropdown-submenu:hover .dropdown-menu {
	display: block;
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	border-radius: 0 4px 4px;
}
/* this piece of css below force vertical scrollers to be visible on dropdowns but only if available on mac */
.dropdown-menu.open ::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 7px;
}
.dropdown-menu.open ::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
/* this piece of css below force vertical scrollers to be visible on dropdowns but only if available on mac */

.input-group-addon {
	/* bootstrap override because input height in dropdownbutton */
	font-size: 12px;
}

/* icons for documents twoliners */
.docico_prefix {
	display: inline-block;
	margin-right: 5px;
}
.docico_prefix .docico_vspace {
	margin-top: -8px;
	display: block;
}
.docico_prefix.twoliner + .glyphicon {
	vertical-align: super;
}
.docico_prefix .supersmall {
	font-size: 60%;
	color: #c2c2c2;
}

/* spinner stolen from filmio */
.spinner {
	margin: 0px auto;
	margin-top: calc(50vh - 80px);
	width: 60px;
	text-align: center;
}

.spinner > div {
	float: left;
	width: 10px;
	height: 10px;
	background-color: #ccc;
	border-radius: 100%;
	margin-left: 5px;
	margin-right: 5px;
	display: inline-block;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.spinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
	0%,
	80%,
	100% {
		-webkit-transform: scale(0);
	}
	40% {
		-webkit-transform: scale(1);
	}
}

@keyframes sk-bouncedelay {
	0%,
	80%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	40% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
/* spinner stolen from filmio */

/* ex skin */

#header,
.footer {
	background: #00558f;
	font-weight: 400;
}

.navbar {
	font-weight: 400;
}

.navbar-default .navbar-nav > li > a {
	padding-bottom: 11px;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
	background-color: #00558f;
	color: #ffffff;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	text-decoration: none;
	color: #ffffff;
	background-color: #00558f;
}
.nav > li > a > img {
	margin-top: -2px;
}
.badge {
	background-color: #0f7fcc;
}
.dsh-more {
	color: #0f7fcc;
}
h1,
h2,
h3,
h4,
h5 {
	color: #0f7fcc;
}
.tab_box legend {
	color: #0f7fcc;
}
.tab-selected,
.tab:hover {
	color: #00558f;
}
.search-group {
	background-color: #00558f;
	color: white;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
@media (max-width: 768px) {
	.navbar-collapse {
		background-color: #00558f !important;
	}
}

.dropdown-menu .divider-type {
	background: #0f7fcc;
}

#navbar-main {
	padding-left: 30px;
	background-image: url("/images/brand-icon-white.svg");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 0px 13px;
}

#miniloderbg {
	background: #fff;
}

.bottom-exp {
	color: #777;
	font-size: 12px;
	border: 1px solid #eee;
	border-radius: 12px;
	padding: 12px;
}

.bootbox.inline-help .modal-dialog {
	width: 98%;
	max-width: 1440px;
	height: 96vh;
	margin-top: 2vh;
	margin-bottom: 0px;
}

.inline-help .modal-header {
	padding: 8px;
	padding-left: 16px;
	padding-right: 16px;
	height: 60px;
	overflow: hidden;
}

.inline-help .modal-title {
	display: block;
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 13.5px;
}

.inline-help .modal-title div {
	width: 33.3333%;
	float: left;
}

.inline-help .modal-header .title {
	font-weight: 400;
	font-size: 18px;
	padding-top: 10px;
}

.inline-help .modal-header .search {
	text-align: center;
	padding-top: 3px;
}

.inline-help .modal-header .search input {
	width: 100%;
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 8px;
	padding-right: 22px;
	font-size: 15px;
}

.inline-help .modal-header .search input::placeholder {
	color: #ccc;
}

.inline-help .modal-header .search button {
	cursor: pointer;
	float: right;
	width: 40px;
	margin-left: -40px;
	padding: 10px;
	transform: translate(0px, -2px);
	background: transparent;
	border: 0px none;
	color: #ddd;
	font-size: 19px;
}

.inline-help .modal-header .commands {
	text-align: right;
	padding-top: 9px;
}

.bootbox.inline-help .modal-body {
	padding: 0px;
	overflow: hidden;
}

.bootbox.inline-help .modal-body,
.inline-help article,
.inline-help menu {
	height: calc(96vh - 60px);
}

.bootbox.inline-help .modal-content {
	overflow: hidden;
	padding: 0px;
}

.inline-help section {
	box-sizing: border-box;
}

.inline-help article {
	width: calc(100% - 280px);
	/* padding-left: 16px; */
	padding-right: 16px;
	font-size: 14px;
	overflow-y: scroll;
}

.inline-help menu {
	float: left;
	width: 280px;
	margin: 0px;
	padding-top: 16px;
	padding-inline-start: 16px;
	background: #f7f7f7;
	overflow-y: scroll;
}

.inline-help menu li {
	width: 100%;
	list-style-type: none;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	padding-left: 24px;
	font-size: 14px;
	border-radius: 8px 0 0 8px;
	margin-left: 0px;
	/* margin-left: 24px; */
	margin-bottom: 2px;
	transition: all 0.2s ease-in-out;
}

.inline-help menu li.main {
	padding-left: 8px;
}

.inline-help menu ul.submenu {
	border-left: 1px solid #ddd;
	padding: 0px;
	margin: 0px;
	margin-left: 36px;
	margin-bottom: 10px;
}

.inline-help menu .submenu li {
	width: calc(100% - 24px);
	padding: 0;
	margin-top: 6px;
	padding-left: 20px;
	border-radius: 0px;
	/* margin-left: 12px; */
}

.inline-help menu li.selected {
	background: #fff;
}


.inline-help menu .submenu li.selected,
.inline-help menu .submenu li.selected:hover {
	color: inherit !important;
	font-weight: bold;
	background: transparent;

}

.newlook .inline-help menu .submenu li.selected,
.newlook .inline-help menu .submenu li.selected:hover {
	font-weight: normal;
	background: transparent;
}


.inline-help menu .no-app {
	padding: 3px;
	padding-left: 48px;
}

.inline-help menu li {
	cursor: pointer;
}

.inline-help menu img {
	float: left;
	width: 24px;
	/* margin-right: 8px; */
	margin-top: 5px;
}
.inline-help menu span {
	float: left;
	margin: 8px;
}

.inline-help article h1 {
	font-size: 28px;
	font-weight: 500;
	line-height: 42px;
	margin: 0 0 24px 0;
	letter-spacing: -0.06ch;
}

.inline-help article h2 {
	font-size: 22px;
	font-weight: 500;
	line-height: 34px;
	margin: 0px;
	letter-spacing: -0.03ch;
}

.inline-help article h3 {
	font-size: 19px;
	font-weight: 500;
	line-height: 26px;
	margin: 0px;
	letter-spacing: -0.03ch;
}

.inline-help article h4 {
	font-size: 17px;
	font-weight: 500;
	line-height: 20px;
	margin: 0px;
	letter-spacing: -0.03ch;
}
.inline-help article h5 {
	font-size: 15px;
	font-weight: 500;
	line-height: 18px;
	margin: 0px;
	letter-spacing: -0.02ch;
}

.inline-help #inline_help_search_results p {
	margin-bottom: 10px;
}

.inline-help p {
	font-size: 15px;
	line-height: 20px;
	margin: 0px;
}

.inline-help article a:hover {
	font-weight: 600;
	color: #000;
}
.femamarine {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	background: #000 url('/skins/femamarine/background-v3.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}

.femamarine .login-box {
	position: relative;
	top: 0px;
	right: 0px;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.2) 100%);
}

.femamarine .login-box p,
.femamarine .login-box h1,
.femamarine .login-box #pcform h4,
.femamarine .login-box #pcform .red,
.femamarine .login-box #pcform label.error,
.femamarine .login-box .control-label,
.femamarine .login-box #err {
	color: #fff !important;
}

.femamarine form .login-brand {
	float: right;
	width: 70px;
	opacity: 0.6;
}


.femamarine .login-box .login-brand img {
	height: 12px;	
	filter: invert();
}

.femamarine .login-box button {
	background: #6fcbff;
}

.femamarine .login-box button:hover,
.femamarine .login-box button:focus,
.femamarine .login-box button:active {
	background: #fff;
	color: #6fcbff;
}

.femamarine #video {
	width: 100vw;
	height: 100vh;
	object-fit: cover;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
}

.femamarine #print {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: flex-end;
	position: relative;
	width: calc(100% - 16px);
	height: 100vh;
	background: url(/skins/femamarine/logo.png) no-repeat center center;
	background-position: 35% center;
}

@media (max-width: 1200px) {
	.femamarine #print {
		background-position: 15% center;
	}
}

@media (max-width: 990px) {

	.femamarine #print {
		display: block;
		position: absolute;
		top: 16px;
		right: 16px;
		width: 360px;
		height: 95vh;
		background-size: 360px;
		background-position: bottom center;
	}
}