#document-preview {
	position: fixed;
	z-index: 1;
	top: 120px;
	right: -520px;
	width: 520px;
	background: #fff;
	padding: 20px;
	border: 1px solid #ddd;
	overflow: hidden;
	text-align: center;


}

.header-text {
	width: 100%;
	overflow: hidden;
}

.header-text span {
	color: #777;
}
.header-text-long {
	padding-top: 14px;
	font-size: 0.9em;
	display: inline-block;
}
.header-text-short {
	padding-top: 12px;	
	display: none;
}
.header-text-short small {
	font-size: 0.6em;
}	
.tab-text-long {
	font-size: 13px;
}
.tab-text-short {
	display: none;
}	

@media(max-width:1260px){
	.header-text-long {
		display: none;
	}
	.header-text-short {
		display: inline-block;
	}
	.tab-text-long {
		display: none;
	}
	.tab-text-short {
		display: inline-block;
	}	
	
}
.checklist-preview {
	width: 96%;
	padding: 2%;
	border: 1px solid #ddd;
	overflow: hidden;
	border-radius: 4px;
}


.checklist-preview h1 {
	font-size: 10px;
}
.checklist-preview {
	font-size: 8px;
}
.checklist-preview input,
.checklist-preview select,
.checklist-preview textarea {
	display: none;
} 
.checklist-preview .remove {
	visibility: hidden;
}

.checklist-preview table {
	width: 100%;
	margin-bottom: 10px;
}
.checklist-preview td {
	border: 1px solid #ddd;
	padding: 3px;

}

.checklist-preview .checkbox {
	display: none;	
}


@media (max-width: 1309px) {
	.report-preview {
		display: none;
	}

}
@media (min-width: 1310px) {
	.report-preview {
		z-index: 10;
		position: fixed;
		top: 90px;
		right: 0px;
		bottom: 0px;
		background: #fff;
		padding-left: 3px;
		padding-right: 15px;
	}
	
	.preview-table {
		width: 100%;
		max-width: 200px;
		font-size: 0.85em;
		margin-top: 3px;
	}
	.preview-table td {
		padding: 3px;
		border-bottom: 1px solid #ddd;
		background: rgba(255,255,255,0.6);
	}
}

#document-preview img {
	max-width: 480px;
}

.tab-content {
	position: relative;
	margin-top: -25px;
	margin-left: -15px;	
}
.tab-content .tab-general {
	margin-top: 0px;
}


.print-fullpage-width {
    /* for printing calendars */
    width: 1500px !important;
}
.body-dashboard {
	background: #e7e9ec;
	background: -moz-linear-gradient(-45deg, #ededed 0%, #b8c6d1 99%);
	background: -webkit-linear-gradient(-45deg, #ededed 0%,#b8c6d1 99%);
	background: linear-gradient(135deg, #ededed 0%,#b8c6d1 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#b8c6d1',GradientType=1 );	
	margin-bottom: 60px;
}
.dropdown-menu > .disabled > a > img {
    opacity: 0.3;
    pointer-events: none;   
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);     
}
.dropdown-menu > li.disabled:hover > a {
	color: #b4bcc2 !important;
	opacity: 0.9 !important;	
}

.form-text-addon {
	margin-top: 8px;
	font-size: 0.9em;
}
.form-exp {
	display: block;
	width: calc(100% + 32px);
	height: 34px;
	color: #9baab6;
	text-align: right;
	background: #dce4e6;
	border: 1px solid #dce4e6;
	margin-top: -6px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	font-size: 0.9em;
	padding-top: 7px;
	padding-right: 10px;	
}
.form-mid {
	color: #9baab6;
}
.form-group.form-small {
	min-height: 20px !important;
}
.form-group.form-subtitle {
	border-top: 1px solid #ddd;
	font-size: 0.85em;
	min-height: 10px !important;
	margin-top: 15px;
	margin-bottom: 5px;
	color: #999;
	overflow: hidden;	
}
.input-small input {
	font-size: 0.8em;
	padding: 3px !important;
	height: auto;
	font-weight: 400;

}
.input-small .input-group-addon {
	font-size: 0.8em;
	padding: 3px !important;
	height: auto;
	text-align: right;

}
.input-small .input-group-addon span {
	display: inline-block;
	width: 38px;
	padding-right: 5px;
}

.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;

}

/* speed table */

.speedTableInit {
	position: absolute;
	top: 90px;
	left: 0px;
	width: 100%;
	height: calc(100% - 126px);
	overflow: hidden;
	background: #fff;
}

.topReminder {
	display: none;
	position: fixed;
	width: 200px;
	margin-left: -100px;
	top: -50px;
	left: 50%;
	z-index: 1000;
	text-align: center;
	border-radius: 5px;
	background: #fff;
	font-weight: bold;
	background: #337ab7;
	border: 1px solid #2e6da4;	
}
.topReminder p {
	margin: 5px;
	margin-top: 7px;
	color: #fff;
	font-size: 0.85em;
}

.table-inner {
	font-size: 1em;
	margin-bottom: 0px;
	background: transparent !important;
}
.table-inner tr:not(:first-of-type) td {
	border-top: 1px solid #ddd !important;
	background: transparent !important;
	
}

.table-top tbody td {
	vertical-align: top;
}
.table-top tbody td input,
.table-top tbody td button {
	height: 34px !important;
}
.table-top tbody td .quick-add-supplier {
	margin-top: -34px;
}

.table-top tbody td.fin-sort {
	padding-top: 10px;
}

.table-inner .col-tag {
	text-align: left;
}
.table-inner .col-tag .tag {
	width: 64px;
	text-align: center;
}

.spinner {
  margin: 0px auto;
  margin-top: calc(30% - 80px);
  width: 60px;
  text-align: center;
}

.spinner > div {
	float: left;
	width: 10px;
	height: 10px;
	background-color: #ddd;
	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.0) }
}

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

.speedTable {
	border-bottom: 1px solid #ddd;
}
.speedTable td,
.speedTable th {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	padding: 4px !important;
}
.speedTable td {
	font-size: 0.9em;
	cursor: pointer;
	vertical-align: middle !important;
}
.speedTable th {
	border-right: 1px solid #eee !important;
	font-size: 0.9em;
}
.speedTable th:first-child {
	border-left: 1px solid #eee !important;
}
.speedTable {
	margin-left: 23px;
	margin-top: 34px;
}
.speedTable,
.speedTable thead.header-fixed {
	width: calc(100% - 46px);
	min-width: 1242px;
}
.speedTable.speedNarrow,
.speedTable.speedNarrow thead.header-fixed {
	width: calc(100% - 46px);
	min-width: 922px;
}
.speedTable.speedWide,
.speedTable.speedWide thead.header-fixed {
	width: calc(100% - 46px);
	min-width: 1500px;
}
.speedTable.speedTablet,
.speedTable.speedTablet thead.header-fixed {
	width: calc(100% - 36px);
	min-width: 740px;
}
.speedTable.speedPhone,
.speedTable.speedPhone thead.header-fixed {
	width: calc(100% - 36px);
	min-width: 420px;
}

@media (max-width: 720px) {
	.speedTable.speedPhone,
	.speedTable.speedPhone thead.header-fixed {
		width: 100%;
		margin-left: 0px;
	}
}

.speedtable-sortable {
	position: absolute;
	-webkit-box-shadow: inset 0px 0px 1px 0px rgba(0, 0, 0, 0.51);
	-moz-box-shadow:    inset 0px 0px 1px 0px rgba(0, 0, 0, 0.51);
	box-shadow:         inset 0px 0px 1px 0px rgba(0, 0, 0, 0.51);
	border-bottom: 50px solid #fff !important;
}

@media (max-width: 1279px) {
	.speedTable thead.header-fixed {
		display: none !important;	
	}
}
.speedTable thead.header-normal {

}
.speedTable thead.header-fixed {
	position: fixed;
	display: table;
	z-index: 1;
	top: 84px;
	background: #fff;
}
.speedTable th {
	cursor: pointer;
}
.speedTable th span {
	display: inline-block;
	padding-top: 6px;
}
.speedTable th img {
	width: 20px;
	margin-top: -12px;
	border-radius: 20px;
	margin-left: 20px;	
}

.speedTable th.text-center {
	text-align: left;
}
.speedTable .sorticon {
	float: right;
	color: #bbb;
}
.speedTable .text-right .sorticon {
	float: left;
}

.speedTable .sorticon.sorting-asc,
.speedTable .sorticon.sorting-desc {
	font-size: 9px;
	padding-top: 10px;
	color: #000;
}

/* speed table standard columns */
.speedTable .tag,
.preview-table .tag,
.dropdown-tag {
    display: inline-block;
    font-size: 0.9em !important;
    line-height: 0.9em;
    margin-right: 2px;
    padding: 4px;
    padding-left: 6px;
    padding-right: 6px;
    background: #81afce;
    font-size: 0.85em;
    border-radius: 4px;
    color: #fff;
}

.speedTable tfoot {
	border-top: 2px solid #ddd;
}
.speedTable tfoot td {
	border-bottom: 1px solid #ddd !important;
}
.subSpeedTable {
	width: calc(100% - 17px);
	margin-left: 22px;
	margin-top: -4px;
	margin-bottom: 3px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.speedTable .selector-selected td {
	background: #337ab7 !important;
	color: #fff !important;
}


.table-striped-pairs.table-report td {
	background: #fff;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-weight: bold;
}
.table-striped-pairs.table-report .pair td {
	background: #fff;
	font-weight: normal;
	cursor: pointer;
}
.table-striped-pairs.table-report .subSpeedTable {
	margin-top: -5px;
}

.speedTable .placeholder,
.speedTable .placeholder td {
	height: 21px !important;
}
.speedTable .placeholder td {
	background: #f2fbff;
}
.speedTable .dragged {
	z-index: 2000;
	position: absolute;
	opacity: 0.6;	
	display: inline-table;
	background: #ffffff;
}

/* rows */

.row-iframe {
	margin-left: -22px;
	width: calc(100% + 60px);
}
.row-iframe iframe {
	width: 100%;
	height: 820px;
	margin-top: -40px;
	background: #fff url('/images/loading_iframe.gif') center 100px no-repeat;	
}

.row-iframe.noloader iframe {
   background: none; 
}

.row-iframe.row-iframe-full {
	position: absolute;
	left: -8px;
	width: calc(100% + 30px);
	height: 820px;
	margin-left: 0px;
	z-index: 99;
}


.row-main td {
	background: #000;
	color: #fff;
	font-weight: bold;
}
.row-spacer td {
        background: #fff !important;
        border-top: 1px solid #ddd !important;
        border-bottom: 1px solid #ddd !important;
        height: 8px;
        cursor: default !important;
}
.row-main .pane {
	border-right: 1px solid #535353 !important;
}
.row-main .red {
	color: #e44b4b !important;
}
.row-main .green {
	color: #309630 !important;
}
.row-main .gray {
	color: #999 !important;
}

.row-sub td {
	background: #ccc;
	color: #000;
	font-weight: bold;

}

.row-sub .pane {
	border-right: 1px solid #ccc !important;
}

.row-cat td {
	background: #eee;
	color: #000;
	font-weight: bold;

}

.row-cat .pane {
	border-right: 1px solid #ccc !important;
}


/* havc rows */

.row-havc_cat td {
	background: #000;
	color: #fff;
	font-weight: bold;
	border-bottom: 1px solid #000 !important;

}
.row-havc_sub td {
	background: #717171;
	color: #fff;
	font-weight: bold;

}

.row-havc_grp td {
	background: #ddd;
	color: #000;
	font-weight: bold;

}
		
.row-havc_acc td {
	font-weight: bold;
}
.foot-havc td {
	border-top: 2px solid #000 !important;
}

/* Special timesheet table */

.ts {
	width: 100%;
	min-width: 800px;
	font-size: 14px;
}
.ts .btn {
	padding: 4px;
}
.ts td {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	vertical-align: middle;
	padding: 3px;
}
.ts .bootstrap-select .btn-dropdown {
	color: #000;
}
.ts-title td {
	font-size: 2em;
	text-align: center;	
}
.ts-exp td {
	font-size: 0.8em;
	font-weight: bold;
	padding-top: 8px;
	background: #eee;
}
.ts-extra {
	width: 110px;
}
.ts-date {
	width: 90px;
}
.ts-time {
	width: 70px;
}		

/* user image */

.col-photo {
	width: 30px;
}
.col-photo div {
	position: absolute;
	margin-left: 5px;
	margin-top: -11px;
	margin-bottom: -3px;
	width: 20px;
	height: 24px;
	border-radius: 3px;
}
.col-photo div:hover {
	z-index: 100;	
	position: absolute;
	z-index: 100;
	margin-left: -70px;
	margin-top: -10px;
	width: 100px;
	height: 122px;
	transition: all 0.1s;
	transition-delay: 0.5s;
}

/* separator */

.col-separator {
	background: #ddd;
}

/* + symbol for opening sub items */

.col-plus {
	width: 14px;
	font-weight: bold;
	cursor: pointer;
}
.col-plus .glyphicon {
	display: inline-block;
	font-size: 0.7em !important;
	margin-top: -5px;
	margin-left: 5px;
}

/* for reporting headers */

th.col-report span:nth-child(1) {
	font-size: 11px;
	line-height: 11px;
}

th.col-report span:nth-child(2) {
	padding-top: 12px;
}

/* narrow columns without sorter */

.col-cnc .sorticon,
.col-wd .sorticon,
.col-wdt .sorticon,
.col-day .sorticon {
	display: none;
}

.col-day-mouseover {
	background: #e5f7fe !important;
}
.col-today {
	background: #fef9dd;
}

.col-today-separator {
	border-top: 3px solid #ddd !important;
}

.col-weekend {
	color: #dd0000;
}

/* nowrap, but normal columns */

.col-code {
	width: 90px;
}
td.col-code .td-span {
	white-space: nowrap;
}
.col-pce_status {
	width: 100px;
}
td.col-pce_status .td-span {
	white-space: nowrap;
}
.col-pce_code {
	width: 130px;
}
td.col-pce_code .td-span {
	white-space: nowrap;
}
.col-dispatcher {
	width: 110px;
}
td.col-dispatcher .td-span {
	white-space: nowrap;
}
.col-acccode {
	width: 72px;
}
td.col-acccode .td-span {
	white-space: nowrap;
}
.col-bdgtcode {
	width: 97px;
}
td.col-bdgtcode .td-span {
	white-space: nowrap;
}

.col-sub_acccode {
	width: 70px;
}
td.col-sub_acccode .td-span {
	white-space: nowrap;
}
.col-date {
	width: 72px;
}
td.col-date .td-span {
	white-space: nowrap;
}
.col-datelong {
	width: 110px;
}
td.col-datelong .td-span {
	white-space: nowrap;
}
.col-datetag {
	width: 80px;
}
td.col-datetag .td-span {
	white-space: nowrap;
}
td.col-datetag .tag {
	width: 80px;
	text-align: center;
}
.col-sort {
	width: 30px;
}
.col-budgetcat {
	width: 40px;
}
td.col-budgetcat .td-span {
	white-space: nowrap;
}
.col-type {
	width: 120px;
}
td.col-type {
	text-align: center;
}
.col-doctype {
	width: 85px;
}
.col-perm {
	width: 60px;
}
td.col-perm {
	text-align: center;
}
.col-level {
	width: 100px;
}
td.col-level {
	font-size: 0.8em;
}

/* columns with min and max width */

.col-mintype {
	min-width: 55px;
}

.col-variable40 {
	width: 40%;
}

/* normal columns */

.col-button {
	width: 25px;
	text-align: center;
}
.col-button button {
	font-size: 10px;
	width: 22px;
	height: 21px;
	padding: 3px;
	margin-bottom: -2px;
	margin-top: -3px;
}

.col-status {
	width: 68px;
}
.col-username {
	width: 200px;
}

.col-paytype {
	width: 86px;
}
.col-amount,
.col-subamount {
	width: 84px;
}
.col-amount-6 {
	width: 66px;
}
.col-amount-5 {
	width: 60px;
}
.col-amount-4 {
	width: 54px;
}
.col-icon {
	width: 27px;
}
.col-yesno {
	width: 42px;
}
td.col-yesno {
	text-align: center;
}
.col-wd {
	width: 28px;
}
.col-day {
	width: 22px;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;  	
}
td.col-wd {
	text-align: center;
}
.col-wdt {
	width: 38px;
}
td.col-wdt {
	text-align: center;
}

.col-cnc {
	width: 30px;
}
td.col-cnc {
	text-align: center;
}
.col-amt {
	width: 48px;
}
td.col-amt {
	text-align: center;
}
.col-weeks {
	width: 52px;
}
td.col-weeks {
	text-align: center;
}
.col-tag {
	width: 50px;
}
td.col-tag {
	text-align: center;
}
.col-tag_medium {
	width: 64px;
}
td.col-tag_medium {
	text-align: center;
}
.col-tag_long {
	width: 92px;
}
td.col-tag_long {
	text-align: center;
}
.col-fcb {
	width: 32px;
}
td.col-fcb {
	text-align: center;
}
.col-attachments {
	width: 30px;
}
td.col-attachments {
	text-align: center;
}

/* elipsis inline-block columns */

.col-group,
td.col-group .td-span {
	width: 130px;
}
.col-contact,
td.col-contact .td-span {
	width: 140px;
}
.col-contact_company,
td.col-contact_company .td-span {
	width: 180px;
}
.col-contact_xl,
td.col-contact_xl .td-span {
	width: 300px;
}

.col-description,
td.col-description .td-span {
	width: 400px;
}

.col-position,
td.col-position .td-span {
	width: 190px;
}
.col-comment,
td.col-comment .td-span {
	width: 150px;
}
.col-user,
td.col-user .td-span {
	width: 120px;
}
.col-proj,
td.col-proj .td-span {
	width: 120px;
}
.col-docnumber,
td.col-docnumber .td-span {
	width: 120px;
}
.col-sub_budget,
td.col-sub_budget .td-span {
	width: 163px;
}
.col-sub_budget2,
td.col-sub_budget2 .td-span {
	width: 504px;
}

.col-sub_budget_large,
td.col-sub_budget_large .td-span {
	width: 487px;
}

.col-unit,
td.col-unit .td-span {
	width: 50px;
}

.col-domain,
td.col-domain .td-span {
	width: 30px;
}

.col-dept,
td.col-dept .td-span {
	width: 80px;
}

.col-sub_po_budget,
td.col-sub_po_budget .td-span {
	width: 296px;
}

td.col-unit .td-span,
td.col-dept .td-span,
td.col-group .td-span,
td.col-contact .td-span,
td.col-contact_company .td-span,
td.col-contact_xl .td-span,
td.col-description .td-span,
td.col-position .td-span,
td.col-comment .td-span,
td.col-user .td-span,
td.col-proj .td-span,
td.col-docnumber .td-span,
td.col-sub_budget .td-span,
td.col-sub_budget2 .td-span,
td.col-sub_po_budget .td-span {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 19px;
	margin-bottom: -4px;
}
td.col-deptpos {
	line-height: 16px !important;
}

.comment-closed  {
	visibility: hidden;
	height: 0px !important;
	padding-top: 0px;
	padding-bottom: 0px;
	transition: 0.25s;
}
.comment-open  {
	margin-top: 5px;
	height: 100px !important;
	transition: 0.25s;
}

/* message if no data */

.message {
	position: fixed;
	width: 100%;
	top: 60px;
	padding: 23px;

}
.public_link {
	margin-top: -15px;
	font-size: 0.9em;
	margin-left: 22px;
}

.public_link div {
	padding: 5px;
}

.logtable {
	margin-top: 15px;
	margin-bottom: 15px;
}

.logtable td {
	font-size: 12px;
	padding: 3px;
	padding-left: 10px;
	padding-right: 10px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;

}

.logtable .log-key {
	width: 150px;
}
.logtable .log-value {
	width: 500px;
}

/* 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 */

/* colored header for applications */

/* search found */

tbody .search_found span,
tbody .search_found .td-span {
	color: #2C56BC !important;

}
tbody .search_found .tag {
	background: #2C56BC !important;
	color: #fff !important;
}
tbody .search_notfound span,
tbody .search_notfound .td-span {
	color: #aaa;
}

tbody .search_notfound .tag {
	background: #ccc !important;
	color: #fff !important;
}
tbody tr:hover > .search_found span,
tbody tr:hover > .search_found .td-span,
tbody tr:hover > .search_notfound span,
tbody tr:hover > .search_notfound .td-span {
	color: #353535;

}
tbody tr:hover > .search_notfound .tag,
tbody tr:hover > .search_found .tag {
	color: #fff !important;
	background: #81afce !important;
}


/* continue with other features */
.subtitle {
	font-size: 0.85em;
}
.navbar-centered {
	display: inline-block;
	float: none;
}
.pane {
	border-right: 1px solid #ddd !important;
	-webkit-box-shadow: 2px 0px 0px 0px #fff;
	-moz-box-shadow: 2px 0px 0px 0px #fff;
	box-shadow: 2px 0px 0px 0px #fff;
}
.black {
	color: #000000 !important;
}
.red {
	color: #dd0000 !important;
}
.addon-red {
	background: #dd0000;
	color: #fff;
	opacity: 0.5
}
.orange {
	color: #ec8500 !important;
}

.yellow {
	color: #ecb700 !important;
}

.addon-orange {
	background: #ec8500;
	color: #fff;
	opacity: 0.5
}
.green {
	color: #4ab632 !important;
}
.addon-green {
	background: #4ab632;
	color: #fff;
	opacity: 0.5
}
.addon-2 {
	border-left: 1px solid #9baaba !important;
}

.form-color {
	color: #9baaba !important;
}
.blue {
	color: #4c97b9 !important;
}
.darkblue {
	color: #0f7fcc !important;
}
.purple {
	color: #9700ce  !important;
}
.pink {
	color: #ff48af  !important;
}

.violet {
	color: #a653c9 !important;
}
.tools-color {
	color: #514592 !important;
}
.database-color {
	color: #8e4286 !important;
}
.gray {
	color: #999999 !important;
}
.midgray {
	color: #bbb !important;
}
.lightgray {
	color: #dddddd !important;
}
.darkgray {
	color: #353535 !important;
}
.white {
	color: #ffffff !important;
}
.disabled-column, .disabled-column span {
	color: #bbb !important;
}


.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-text-center {
    text-align: center;
}
.gen-leftpading0 {
    padding-left: 0;
}
.gen-leftpadingimp_5 {
    padding-left:  5px !important;
}
/* for some buttons in safemanning */
.gen-margin-top-5 {    
    margin-top: 5px;
}
.gen-spacer5 {
    margin-left: 5px;
}
.gen-no-leftmargin {
    margin-left: 0 !important;
}
.gen-no-toppadding {
    padding-top:0;
}
.gen-no-padding {
    padding: 0 !important;
}
.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-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-italic {
	font-style: italic;
}
.gen-pointer-important {
        cursor: pointer !important;
}
.gen-no-pointer, .gen-no-pointer td, .gen-no-pointer th {
	cursor: default !important;
}
.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;
}
.uppercase {
	text-transform: uppercase;
}
.modal-open {
	overflow-y: scroll;
	padding-right: 0px !important;
}
.modal-dialog {
	margin-top: 1%;	
}
.modal-search {
    width: 300px;
    height: 30px;
    float: right;
    margin-top: -30px;
    margin-right: -10px;
}
.modal-search #modalsearch-submit {
    float: left;
    width: 30px;
    height: 28px;
    margin-top: -1px;
    pointer-events: none;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;  
}
.modal-search #modalsearch-clear {
    position: relative;
    z-index: 100;
    float: right;
    margin-bottom: -20px;
    top: 7px;
    margin-right: 7px;
    color: #999;
    background: transparent;
    border: 0px none;
}
.modal-search input {
    float: left;
    width: 270px;
    height: 28px;
    margin-left: -5px;
    padding-left: 10px;
}
/* bootbox -  preview */

.bootbox-edit {
	width: 100%;
	margin-left: -15px;
	overflow: hidden;
	
}
.bootbox-edit .previous-data {
    padding-top: 1px;
    padding-bottom: 13px;
}
.bootbox-edit .control-label,
.bootbox-form .control-label {
	padding-top: 9px;
}
.bootbox-form .form-group {
	width: 100%;
	clear: both;
	min-height: 30px;
}
.bootbox-form .fileupload_images_listview .fileupload-file {
	border-top: 0px none;
}


.preview-box .modal-dialog,
.edit-box .modal-dialog {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}
.preview-box .modal-content,
.edit-box .modal-content {
	position: fixed;
	left: 50%;
}

.preview-box.preview-800 .modal-content,
.edit-box.edit-800 .modal-content {
	width: 800px;
	margin-left: -400px;
}
.preview-box.preview-640 .modal-content,
.edit-box.edit-640 .modal-content {
	width: 640px;
	margin-left: -320px;
}

.preview-box.preview-800 .modal-body .speedTable,
.preview-box.preview-800 .modal-body .speedTable thead.header-fixed {
	width: 768px;
	min-width: 768px;
}
.preview-box.preview-1024 .modal-content,
.edit-box.edit-1024 .modal-content {
	width: 1024px;
	margin-left: -512px;	
}
.preview-box.preview-1280 .modal-content,
.edit-box.edit-1280 .modal-content {
	width: 1280px;
	margin-left: -640px;	
}
.preview-box.preview-1024 .modal-body .speedTable,
.preview-box.preview-1024 .modal-body .speedTable thead.header-fixed,
.edit-box.preview-1024 .modal-body .speedTable,
.edit-box.preview-1024 .modal-body .speedTable thead.header-fixed {
	width: 992px;
	min-width: 992px;
}
.preview-box.preview-1280 .modal-body .speedTable,
.preview-box.preview-1280 .modal-body .speedTable thead.header-fixed,
.edit-box.preview-1280 .modal-body .speedTable,
.edit-box.preview-1280 .modal-body .speedTable thead.header-fixed {
	width: 1248px;
	min-width: 1248px;
}
.preview-box .modal-body .speedTable,
.preview-box .modal-body .speedTable thead.header-fixed,
.edit-box .modal-body .speedTable,
.edit-box .modal-body .speedTable thead.header-fixed {
	margin: 0px;
	margin-left: 15px;
	font-size: 15px;
}
.preview-box .modal-body .speedTable thead.header-fixed,
.edit-box .modal-body .speedTable thead.header-fixed {
	position: fixed;
	display: table;
	z-index: 1;
	margin-top: -25px;
	margin-left: 0px;
	background: #fff;	
}
.edit-box form {
	margin-left: -15px;
	margin-top: -10px;
}
.edit-box form p {
	margin-left: 15px;
}
.preview-box .bootbox-body {
	height: 75vh;
	overflow-y: scroll;
	font-size: 14px;
}
.preview-box .bootbox-body .message {
    position: relative;
    top: auto;
    padding-top: 0px;
    padding-left: 15px;
}
.preview-box .bootbox-body .message h3 {
	font-size: 16px;
}
.preview-box .bootbox-body .message-reset {
	display: none;	
}
.preview-box .modal-dialog {
	margin-top: 2%;
}
.preview-box .modal-body {
	padding: 0px;
}
.edit-nopadding .modal-body {
	padding-top: 8px;
	padding-bottom: 0px;
}
.edit-nopadding .modal-body .speedTable {
	margin-bottom: -1px;
}
.preview-box .modal-body .preview-tab {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;

}
.preview-box .modal-body ,
.preview-box .modal-body input,
.preview-box .modal-body select,
.preview-box .modal-body textarea,
.preview-box .modal-body button {
	font-size: 13px;
}
.preview-box .modal-body h5 {
	font-size: 17px;
}
.preview-box .modal-body input,
.preview-box .modal-body select,
.preview-box .modal-body textarea,
.preview-box .modal-body button {
	height: 30px;
}
.preview-box .modal-body input,
.preview-box .modal-body select,
.preview-box .modal-body textarea,
.preview-box .modal-body button,
.preview-box .modal-body .input-group-addon {
	font-size: 13px;
	pointer-events: none;
}
.preview-box .modal-body .fileupload-filename {
	font-size: 13px;
	padding-top: 2px;
}
.preview-box .modal-body textarea {
	height: 100px;
}
.preview-box .modal-body .quick-add-button,
.preview-box .modal-body .quick-edit-button,
.preview-box .modal-body .fileupload-buttons {
	display: none;
}
.preview-box .modal-body label {
	padding-top: 10px;
}
.preview-box .modal-body .pdf-uploader {
	padding-top: 10px;
}
.preview-box .modal-body .form-group {
	clear: both;
}
.preview-box .modal-body .input-group-addon {
	line-height: 0px !important;
}
.preview-box .modal-body .input-group-addon .glyphicon {
	font-size: 9px;
}
.preview-box .modal-body .box-validation p {
	font-size: 1em;
}
.preview-box .modal-body .quick-add-field {
	min-height: auto;
}
.modal-header h4 small {
	display: block;
	color:  #000;
	margin-top: -0px;
}
.scrollable-box .modal-body {
	height: 75vh;
	max-height: 640px;
	overflow-y: scroll;
}

/* ostalo */

.legal_code {
	display: inline-block;
	font-weight: 400;
	width: 48px;
	margin-right: 5px;
}

#commands .btn,
#commands-static .btn {
	margin-left:5px !important;
}
#commands .custom-command .form-control {
	background: transparent;
}

#commands .custom-command .btn {
	margin: 0px !important;
	margin-top: 6px !important;
	font-size: 13px !important;
}

.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-selector {
	float: left;
	padding-right: 10px;
	font-size: 1.1em;
	margin-top: -5px;
	opacity: 0.3;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;  		
}

.commands-selector .tag {
	display: inline-block;
	color:  #fff;
	font-weight: bold;
	padding: 3px;
	width: 25px;
	font-size: 0.8em;
	text-align: center;
	margin-right: 5px;
	border-radius: 5px;

}
.command-selected {
	opacity: 1;
}

.sidebar-button {

}
.sidebar-button .glyphicon {
	float: right;
	margin-top: 2px;
	margin-left: 3px;
}

.sidebar {
	position: fixed;
	top: -44px;
	right: -420px;
	width: 420px;
	min-height: 100%;
	background: transparent;
	z-index: 100;
	overflow: hidden;

}
.sidebar-contents {
	width: 100%;
	height: 100vh;
	overflow-y: auto;
	padding: 12px;
	padding-top: 3px;
	margin-top: 89px;
	background: #ffffff;
	border-top: 1px solid #eee;
	border-left: 1px solid #ddd;
	padding-bottom: 130px;
}
.sidebar-contents h4 {
	font-size: 17px;
}
.sidebar-contents h4 small {
	margin-right: 5px;
	font-size: 12px;
}
.sidebar-contents h4 .btn {
	float: right;
	margin-left: 3px;
	font-size: 0.7em;
	margin-top: -2px;
}
.sidebar-contents table {
	font-size: 0.85em;
	width: 100%;
	margin-top: 12px;
}
.sidebar-contents td {
	padding-top: 3px;
	padding-bottom: 3px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	vertical-align: top;	
}
.sidebar-contents input {
	padding: 6px;
	font-size: 12px;
	height: auto;
	line-height: 1.42857143 !important;
}
.sidebar-contents .dropdown-toggle span {
	font-size: 12px;
	color: #000;
}
.sidebar-contents td:nth-child(1) { 
	padding-top: 10px;
}
.sidebar-contents td:nth-child(2) { 
	width: 260px;
	padding-right: 8px;
}
.sidebar-contents td:nth-child(3) { 
	width: 12px;
	padding-top: 10px;	
	text-align: right;
}
.sidebar-contents td:nth-child(3) input { 
	margin: 0px;
}
.sidebar-contents .sidebar-range { 
	float: left;
	width: 126px;
}
.sidebar-contents .sidebar-tags { 
    width: 252px;
    margin-top: 5px;
}
.sidebar-contents .tag {
	float: left;
	display: block;
	margin-top: 3px;
	margin-right: 3px;
	padding: 5px;
	font-size: 12px;
	font-weight: normal;
	white-space: normal;
}
.sidebar-contents .tag span {
	font-size: 9px;
	font-weight: normal;
	padding-left: 5px;
	cursor: pointer;
}
.login {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	margin: 0px;
	background: #000000 url('/images/login-3.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;
}
#commands,
#commands-static {
	z-index: 99;
	height: 45px;
}
.topsearch {
	padding-left: 10px;
	padding-top: 4px;
}
#globalsearch.disabled {		/* TO POSTIMI */
	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;
}
.topsearch button {
	background: transparent;
	border: 0;
	color: #888;
	cursor: pointer;
	font-size: 1em;
}
.topsearch #topsearch-submit {
	float:left;
	margin-right: -23px;
	padding-top: 5px;
}
.topsearch #topsearch-clear {
	position: absolute;
	z-index: 100;
	left: 168px;
	top: 8px;
}

.topsearch-warning {
  -webkit-animation: tsw 0.3s infinite;  /* Safari 4+ */
  -moz-animation: tsw 0.3s infinite;  /* Fx 5+ */
  -o-animation: tsw 0.3s infinite;  /* Opera 12+ */
  animation: tsw 0.3s infinite;  /* IE 10+, Fx 29+ */
}

@-webkit-keyframes tsw {
  0%, 49% {
    background: #d6f2ff;
  }
  50%, 100% {
    background: #fff;
  }
}

.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: 767px) {
	.userinfo {
		margin-top: 6px;	
	}
}
.commmands {
	width: 100%;
	top: 45px;
	background: #fafafa;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #eee;
}
.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 {
	max-height: 480px;		/* scroll menu vertically */
    overflow-y: auto;			/* scroll menu vertically */
	overflow-x: hidden;			/* scroll menu vertically */
}	

.commmands .dropdown-menu li {
	font-size: 0.95em;
	margin-top: 0.1em;
	margin-bottom: 0.1em;	
}
.tabs {
	overflow: hidden;
}
.tabs, .tabs div {

}
.tabs div {
	float: left;
}
.tab {
	padding: 11px;
	padding-left: 20px;
	padding-right: 20px;
	background: transparent;
	cursor: pointer;
	color: #aaa;
	border-right: 1px solid #f1f1f1;
}
.tab:hover {	
	color: #000;
}
.tab:first-child {
	border-left: 1px solid #f1f1f1;
}
.tab-selected {
	cursor: default;	
	color: #000;
	background: #fff;
}
.tab-selected:hover {	
	color: #000;
}
.tab-disabled,
.tab-disabled:hover {	
	color: #bbb;
	cursor: default;
}
.tab-alert {
	float: right;
	margin-left: 0.5em;
	margin-top: 2px;
	font-size:	12px;
}
.tab-hidden {
	display: none;
	width: 0px !important;
	padding: 0px !important;
}
.tab-hidden * {
	display: none !important;
	width: 0px !important;
	overflow: hidden;
}


/* 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-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: 400;
	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;
	width: 24px;
	text-align: center;
	padding: 5px;
	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;	
}
.text-right .sorticon {
	margin-right: -3px;
}
.footer {
	width: 100%;
	height: 36px;
	bottom: 0px;
	padding-top: 9px;
	position: fixed;
	z-index: 1000;
	font-size: 0.9em;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);
}
.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;
	
}
/* colored footer for applications */

.footer.footer-token {
	background: #8a9aa7;
	color: #fff;
	text-shadow: none;
}

.footer.footer-home,
.footer.footer-settings {
	background: #b3bfc8;
	color: #fff;
}
.footer.footer-contact {
	background: #ffad00;
	color: #fff;
}
.footer.footer-dispatcher {
	background: #f1cd00;
	color: #fff;
}
.footer.footer-hrm,
.footer.footer-crew {
	background: #d5d51a;
	color: #fff;
}
.footer.footer-financial {
	background: #9aba00;
	color: #fff;
}
.footer.footer-pricelist {
	background: #60b23e;
	color: #fff;
}
.footer.footer-documents {
	background: #518e90;
	color: #fff;
}
.footer.footer-project {
	background: #ff6100;
	color: #fff;
}

.footer.footer-calendar {
	background: #347ab7;
	color: #fff;
}

.footer.footer-locations {
	background: #3d3d3d;
	color: #fff;
}


.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: 30px;
}
#contents_eula {
	position: relative;
	top: 40px;
	padding-bottom: 30px;
}
.form-eula {
	padding-top: 10px;

}
#contents.listing {
	top: 28px;
}
#contents_nocommands {
	position: relative;
	top: 45px;
	padding-bottom: 15px;
}
#contents_notoolbar {	
}
#contents_nonfixed {
	position: relative;
	top: 70px;	
}
.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 td {
	height: 44px;
	vertical-align: top;
	padding-top: 2px;
	padding-left: 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;
	color: #cccccc;
}
.db-header td .db-orderenabled {
	padding-top: 13px;	
	color: #2c3e50;	
	font-size: 0.65em;
}
.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 {
	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;	
}	
.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-icon {
	width: 26px;
}
.db-checkbox {
        width: 32px
}
.db-date {
	width: 90px;
}
.db-fulldate {
	width: 140px;
}
.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-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-area {
	width: 180px;
}
.db-folder-long {
	width: 250px;
}
.db-folder-long-docs {
	width: 250px;
}
@media (max-width: 1280px) {
    .db-folder-long-docs {
            width: 178px;
    }
}

.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-mode {
	width:80px;
}
.db-money {
	width: 100px;
}
.db-money2 {
	width: 200px;
}
.db-rate {
	width: 100px;
}
.db-description {
	width: 200px;
}
.db-work {
	width: 180px;
}
.db-type {
	width: 105px;
}
.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;
}
@media (max-width: 768px) {
	.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: 400;
}
.db-ellipse {
	text-overflow: ellipsis;
	white-space: nowrap;
}
.db-nowrap {
    white-space: nowrap;
}
.db-glyph {
	width: 48px;
}
.db-group {
	width: 200px;
}
.db-subgroup {
	width: 250px;
}

.db-payrollhours {
	width: 125px;
}
.db-tobepaid td {
	font-weight: bold !important;
	color: #ff8a00;
}


/* 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 {
	width: 118px;
}
.db-leave-summary-2row a {
	width: 84px;
    display: inline-block;
    height: 40px;
    vertical-align: middle;
	line-height: 1em;
	padding-left: 3px;
	line-break:loose;
	font-size: 0.75em;
	margin-top: 6px;
	
}
.db-leave-summary-2row div {
	display: table-cell;
}

/* special for summary listing */

/* for crew/guest lists */

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

.db-list .db-area, .db-list .db-docfolder, .db-list .db-work {
	font-size: 0.8em;
	line-height: 1.6 !important;
}
.tab-table tbody .db-folder {
	font-size: 0.8em;
	line-height: 1.3 !important;
}

/* Contact-list field styles */
th.cnt-title       { width: 300px; }
th.cnt-name        { width: 100px; }
th.cnt-last        { width: 120px; }
th.cnt-company     { width: 180px; }
th.cnt-department  { width: 180px; }
th.cnt-position    { width: 180px; }
th.cnt-group       { width: 90px;  }
th.cnt-phone       { width: 140px; }
th.cnt-mail        { width: 220px; }
th.cnt-tags        {
	width: auto;
	min-width: 220px !important;
	max-width: 620px;
}
th.cnt-website     { width: 220px; }
th.cnt-gender      { width: 40px;  }
th.cnt-date        { width: 100px; }
th.cnt-country     { width: 100px; }
th.cnt-city        { width: 150px; }
th.cnt-zip         { width: 50px;  }
th.cnt-street      { width: 240px; }
th.cnt-vat-liable  { width: 70px; }
th.cnt-vat-country { width: 100px; }
th.cnt-vat         { width: 100px; }
th.cnt-iban        { width: 160px; }
th.cnt-bank        { width: 220px; }
th.cnt-swift       { width: 70px; }
th.cnt-association { width: 120px; }
th.cnt-student     { width: 120px; }

/* Crew-list field styles */
/* Static */
th.crw-name        { width: 190px; }
th.crw-position    { width: 180px; }
th.crw-department  { width: 180px; }
th.crw-unit        { width: 40px; }

/* Crewlist */
th.crw-phone       { width: 180px; }
/*th.crw-mail        { width: 260px; }*/
/*th.crw-website     { width: 220px; }*/

/* Engagement */
th.crw-start_date { width: 120px; }
th.crw-end_date   { width: 120px; }
th.crw-preprep       { width: 80px;  }
th.crw-prep       { width: 80px;  }
th.crw-shoot      { width: 80px;  }
th.crw-wrap       { width: 80px;  }
th.crw-weeks      { width: 80px;  }
th.crw-self_drive { width: 60px;  }

/* Graphical */
/* TODO */

/* Personal */
th.crw-gender      { width: 80px;  }
th.crw-date        { width: 120px; }
th.crw-country     { width: 120px; }
th.crw-city        { width: 120px; }
th.crw-zip         { width: 80px;  }
th.crw-street      { width: 120px; }

/* Financial */
th.crw-acc         { width: 40px; }
th.crw-weekly_fee { width: 100px; }
th.crw-fee_total  { width: 80px;  }
th.crw-association { width: 120px; }
/*th.crw-daily_fee  { width: 100px; }*/
/*th.crw-flat_rate  { width: 100px; }*/

/* Work terms */


/* Rentals */


th.crw-vat-liable  { width: 120px; }
th.crw-vat-country { width: 120px; }
th.crw-vat         { width: 120px; }
th.crw-iban        { width: 200px; }
th.crw-bank        { width: 200px; }
th.crw-student     { width: 120px; }

th.crw-del         { width: 20px; }

/*dispatcher edit*/

.validation-group {
	width: 100%;
	overflow: hidden;
}
.signatures {
	margin-left: -15px;
	padding-bottom: 20px;
}


.approvalsTable {
	clear: both;
	margin-left: 15px;
}
.approvals-signature {
	width: 200px;
}
.approvalsTable .approvals-signature img {
	width: 100%;
}

.box-validation,
.box-signature {
	float: left;
	width: 24%;
	margin-right: 1%;
	border: 1px solid #ddd;
	border-radius: 5px;
	margin-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}
.box-signature {
	min-height: 122px;
}
.box-validation p,
.box-signature p {
	font-size: 0.9em;
	margin-bottom: 5px;
	line-height: 1.3em;
}


th.hrm-day,
th.hrm-weekend,
th.hrm-national {
	width: 20px;
	text-align: center;
}
td.hrm-day,
td.hrm-weekend,
td.hrm-national {
	padding: 0px !important;
}
th.hrm-weekend {
	color: #dd0000;
}
th.hrm-national {
	color: #fff;
}
th.hrm-national span {
	background: #dd0000;
	padding: 1px;
	display: inline-block;
	width: 20px;
	border-radius: 5px;
	text-align: center;
	margin-bottom: -5px;
}

th.hrm-number {
	width: 90px;
}

.odd .hrm-weekend,
.odd .hrm-national {
	background: #f5f5f5;
}
.even .hrm-weekend,
.even .hrm-national {
	background: #fcfcfc;
}

.hrm-entry {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 10px;
	margin-top: 10px;
}
.hrm-start {
	border-radius: 5px 0px 0px 5px;
}
.hrm-end {
	border-radius: 0px 5px 5px 0px;
}
.hrm-start.hrm-end {
	border-radius: 15px;
}
.hrm-work {
	/*background: #6ad664;*/
	background: #b6eab4;
}
.hrm-holidays,
.hrm-unpaid {
	background: #d5d5d5;
}
.hrm-rest {
	background: #e0e0e0;
}
.hrm-sick_leave,
.hrm-refunded {
	background: #ffd400;
}
.hrm-travel,
.hrm-travel_abroad {
	background: #64a4d6;
}
.hrm-location,
.hrm-location_abroad {
	background: #64d2d6;

}
.hrm-status-noinfo {
	background: #ffd400;
}
.hrm-status-denied {
	background: #dd0000;
}
.hrm-status-approved {
	background: #6ad664;
}

/* fileupload */

.fileupload_images_listview .fileupload-file {
	width: 91%;
	border-top: 1px solid #eee;
	overflow: hidden;
	font-size: 15px;
}
.bootbox .fileupload_images_listview .fileupload-file {
	width: 100%;
}
.fileupload_images_listview .fileupload-filename {
	float: left;
	width: 65%;
	margin-left: 15px !Important;
	margin-top: 14px;
	cursor: pointer;
}
.fileupload_images_listview .fileupload-file input {
	width: 100%;
	margin-top: -8px;
	margin-left: -6px;
	padding: 5px;
	font-size: 15px;	
}

.fileupload_images_listview .fileupload-buttons {
	width: 27%;
	margin-top: 14px;
}
.fileupload_images_listview .filupload-date {
	margin-right: 10px;
} 
.fileupload_images_listview .fileupload-buttons button {
	margin-left: 2px !important;
	margin-top: -2px !important;
}

.fileupload_images_listview .fileupload-thumb {
	float: left;
	width: 38px;
	height: 38px;
	margin-top: 4px;
	margin-bottom: 5px;
	cursor: pointer;	
	overflow: hidden;
	border-radius: 38px;	
	border: 1px solid #ddd;
}

.fileupload_images_gridview .fileupload-file {
	float: left;
	width: 22%;
	height: 150px;
	margin-right: 1%;
	overflow: hidden;
}
.bootbox .fileupload_images_gridview .fileupload-file {
	float: left;
	width: 24%;
	height: 150px;
}
.fileupload_images_gridview .fileupload-thumb {
	width: 100%;
	height: 110px;
	border: 1px solid #ddd;
	border-radius: 5px;
	cursor: pointer;	
	overflow: hidden;
}
.fileupload_images_gridview .fileupload-buttons {
	display: none;
}
.fileupload_images_gridview .fileupload-filename {
	font-size: 12px;
}



.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);
    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;
	max-width: 2000px;
}
.bootstrap-select .btn-dropdown {
    font-weight: 400;
    font-size: 1em;
}
.bootstrap-select a {
	font-size: 0.9em;
}
.bootstrap-select .selected a:focus {
	font-weight: bold;
	background: #ffffff;
	color: #2d3e5d;
	outline: 0;
}
label.error {
	color: #dd0000;
	font-size: 0.85em;
	margin-bottom: 0px;
}
.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 {
	margin-top: 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;
}

/* style display of filelisting */
.fileupload_images_listview .fileupload_file {
	margin-bottom: 2px;
}
.fileupload_images_listview .fileupload_file:hover {
	background-color: #dce4ec;
}
.fileupload_images_listview .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_listview .fileupload_file .fileupload_inlineedit.withdate {
	width: calc(100% - 255px);	
}
.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;
}
.fileupload_images_listview .fileupload_file .thumbnail.no-preview {
	cursor: default;
}
.fileupload_images_listview .fileupload_file .thumbnail .img-responsive {
	height:100%;
}
.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;
}
.tab-title {
	    margin-top: -1.1em;
}
.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;
}

.img_icon {
    width: 20px;
}
.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: 23px;
}
.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%;
	margin-top: 10px;
	padding: 10px;
	z-index: 10;
	overflow: visible;
	background: #fff;
	background: -moz-linear-gradient(-45deg, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.8) 96%, rgba(255,255,255,0.8) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.8) 96%,rgba(255,255,255,0.8) 100%);
	background: linear-gradient(135deg, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.8) 96%,rgba(255,255,255,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ffffff', endColorstr='#ccffffff',GradientType=1 );
}
.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_calendar {
	width: 100%;
	margin-top: 10px;
	font-size: 0.8em;
	cursor: pointer;
}
#dsh_calendar .fc-view-container {
	margin: 0px;
}
#dsh_calendar .fc-popover {
	position: fixed;
	z-index: 10;

}
#dsh_calendar .fc-state-highlight {
	background: #fff;
}
.dsh-yacht-image {
  height: 100px;
  margin-top:12px;
  background-repeat: no-repeat;
  background-position: center; 
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}
.dsh-yachinfo-right {
    padding-right: 0;
}
.dsh-goodies td {
	width: 50%;
}
.dsh-apps .glyphicon {
	float: left;
	font-size: 1.3em;
	margin-bottom: 5px;
	margin-right: 12px;

}
.dsh-apps td {
	cursor: pointer;
}
.dsh-apps td:hover {
	font-weight: bold;
}

@media (min-width: 992px) {
        
	.dsh-tab {
		width: 100%;	
	}
	.dsh-tabs #tab_0  {
		padding-left: 10px !important;
		padding-right: 9px !important;
	}
	.dsh-box {
		height: 380px;
		overflow: hidden;
		padding-left: 4px;
		padding-right: 4px;
		margin: 0px;
	}
	.dsh-box-reporting {
		overflow: hidden;
		padding-left: 4px;
		padding-right: 4px;
		margin: 0px;
	}	
	.dsh-standard {
		min-height: 370px;		
	}
	.dsh-half {
		min-height: 180px;		
	}
	.dsh-reporting {
		min-height: 200px;	
		padding-bottom: 15px;	
	}	
	.dsh-shortcuts {
		margin-top: 20px;
		min-height: 240px;	
	}	
	.dsh-graph img {
		max-height: 260px;
	}
	.dsh-fleet-phone {
		display: none;
	}
	.dsh-launchpad-app {
		height: 100px;	
	}	
	.dsh-launchpad-app div img {
		max-width: 75%;
		max-height: 75%;
	}	
	.dsh-scrollable {
		overflow: auto !important; 
		height: 310px;
		margin-top: 12px;
	}
	.dsh-scrollable table {
		margin-top: 0px;
	} 	
}
@media (max-width: 991px) {
	.dsh-fleet-screen {
		display: none;
	}			
	.dsh-launchpad-app {
		height: auto;
	}	
	.dsh-launchpad-app div img {
		max-width: 70%;
	}	
}
.dsh-print td * {
	font-size: 120%;
}
.dsh-print h4 {
	font-size: 1.5em !important;
}
.dsh-print .dsh-subtitle {
	font-size: 1.15em !important;
}


.dsh-launchpad {
	width: 100%;
	margin-top: 1em;	
}
.dsh-launchpad-app {
	float: left;
	width: 25%;	
	cursor: pointer;
	text-align: center;
	font-size: 0.85em;
	padding-top: 3px;
	padding-bottom: 3px;	
	overflow: hidden;
}
.dsh-launchpad-app div {
	width: 100%;
	height: 100%;
	margin: 0px auto;	
	overflow: hidden;
}
.dsh-launchpad-app div img {
	border-radius: 6px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0.1);	
}
.dsh-launchpad p {
	margin: 0;
	margin-top: 0.3em;
}

.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 */
	min-height: calc(100vh - 110px);
}
.dsh-tabs .container {
	margin: 0px;
	padding: 0px;

}
.dsh h4 {
	font-size: 1.2em;	
	margin: 0px;
	font-weight: 400;
	margin-bottom: 15px;
}
.dsh h4 img {
	width: 22px;
	float: left;
	margin-right: 10px;
	border-radius: 22px;


}
.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-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 tr:first-child td {
	border-top: 0px none;
}
.dsh-list thead td {
	border-bottom: 1px solid #ddd;
}

.dsh-list td, .dsh-list-nomargin td {
	vertical-align: middle;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-top: 1px solid #ddd;
	font-size: 13px;
}
.dsh-list thead td {
	font-size: 0.75em;

}
.dsh-number {
	text-align: right;
	width: 90px;
	white-space: nowrap;
}
.dsh-numberts {
	text-align: center;
	width: 50px;
	white-space: nowrap;
}
.dsh-numbershort {
	text-align: right;
	width: 30px;
	white-space: nowrap;
}

.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: 10px;
	width: 100%;
	cursor: pointer;
}
#dsh_metoffice {
	margin-top: 10px;
	padding: 0px;
}
#dsh_metoffice div {
	overflow: hidden;
	width: 100%;
	height: 314px;
	display: none;
}
#dsh_metoffice img {
	cursor: pointer;
}
#dsh_metoffice_play,
#dsh_metoffice_pause {
	position: absolute;
	z-index: 1;
	font-size: 6em;
	color: #ffffff;
	text-align: center;
	margin-top: 80px;
	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%;	
}



*/

.dsh-date {
	width: 84px;
}
.dsh-time {
	width: 64px;
}

/* 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;
}
@media (max-width: 991px) {
	.acc-header {
		top: 600px;
	}
	.acc-container {
		margin-top: 510px;
	}
	.acc_category,
	.acc_totals {
		padding: 5px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.acc_headers {
		display: none;
	}			
	.acc_totals_sep {
		display: none;
	}
	.categories-group {
		padding-bottom: 5px;	
	} 
}
@media (min-width: 992px) {
	.acc-header {
		top: 270px;
	}
	.acc-container {
		margin-top: 180px;
	}
	.acc_category,
	.acc_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 {
		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 {
		padding: 0px;
		padding-right: 3px;	
	} 	
}
.acc-return td {
	background: #fef9e2 !important;
	font-weight: 400;
}
.acc_category .input-group-addon,
.acc_category input,
.acc_totals .input-group-addon,
.acc_totals input {	
	height: 34px;
	line-height: 12px;
}
.acc_category img {
	margin-top: 7px;
	margin-left: 4px;
}
.acc-desc {
	min-width: 100px;
}
.acc-number {
	width: 120px;
	white-space: nowrap;	
}
#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: 5%;
	}	
	.acc-category {
		width: 10%;
	}
	
}
.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: 64px;
	color: #00ff00;
}
.acc-amount {
	width: 120px;
	white-space: nowrap;	
}
.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: 42px;
}
.acc-attachment .glyphicon  {
	font-size: 0.8em; 
}
.acc-history tr {
	border-bottom: 1px solid #dddddd;
}
.acc-history thead {
	font-size: 0.85em;
}
.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;
}
/* Accounting End */
/* NewNew Maintenance 3.1 */
.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 {
	font-size: 11px;
	border-bottom: 1px solid #ddd;
	font-weight: 400;
}
.mtn-folder {
	width: 170px;
}
.mtn-type {
	width: 90px;
}
.mtn-status {
	width: 95px;
}
.mtn-interval {
	width: 120px;
}
.mtn-frq {
	width: 70px;
}
.mtn-table .mtn-folder {
	font-size: 0.8em;
}
.mtn-table .mtn-type,
.mtn-table .mtn-interval,
.mtn-table .mtn-status {
	
	font-size: 0.8em;
}
.mtn-table td {
	vertical-align: middle !important;
}
.mtn-due {
	text-align: right;
	width: 120px;	
	white-space: nowrap;	
}
.mtn-icon {
	width: 32px;
	cursor: pointer;
}
.mtn-date {
	width: 120px;
}
.mth-date {
	width: 80px;
}
.mth-location {
	width: 120px;
	text-align: center;
}
.mtn-responsible {
	width: 250px;
}
.mtn-tabtable tbody td {
	font-size: 0.9em;
}
.mtn-tabdate {
	width: 100px;
}
.mtn-tabstatus {
	width: 130px;
}
.mtn-tablocation {
	width: 130px;
}
.mtn-tabresponsible {
	width: 250px;
}
.mtn-status-bootbox .modal-dialog {
	width: 612px;
}
.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-icon {
	width: 30px;
	text-align: center;
	font-weight: bold;
	font-size: 1.4em;
}
.lb-date {
	width: 120px;
}
.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-sub {
	margin-left: 2em;
	font-size: 0.9em;
}
.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 legend {
	margin-bottom: 15px;
	font-weight: normal;
	color: #0f7fcc;
	font-size: 19px;
}

/* ISM */

.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 .ism-cell {
	padding: 5px;
	display: table-cell;
	vertical-align: middle;
}
.ism .row {
	margin: 0;
   /*     padding-top: 4px; */
}

.ism .row-padding-top-40 {
	margin: 0;
        padding-top: 40px;
}

.ism .row-padding-top-20 {
	margin: 0;
        padding-top: 20px;
}

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

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

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

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

.ism .ism-quantity {
    width: 60px;
}


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

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

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

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

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

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

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

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

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

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

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

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

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

.ism .ism-indent {
    padding-left: 20px;
}
  

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



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



.ism-category {
	width: 175px;
}

.ism-subcategory {
	width: 275px;
}

.ism-status {
   width: 100px; 
}

.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: 400;
}
.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;  
}

/* 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;
}
.dropdown-menu {
}

#nav-breadcrumbs a {
	width: 500px;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 21px;
}
#nav-breadcrumbs a:hover {
	color: #888;
}
@media (max-width: 1023px) {
	#nav-breadcrumbs a {
		display: none;
	}			
}

/* custom override for all labels on ALL forms */
.form-horizontal .control-label {
	text-align: left;
}
.form-comment {
    margin-top: 7px;
    margin-bottom: -0px;
}
.form-comment .tag {
	float: left;
	margin-top: -4px;
	margin-right: 5px;
	padding: 4px;
	padding-left: 6px;
	padding-right: 6px;
	background-color: #81afce;
	font-size: 0.85em;
	border-radius: 4px;
	color: #fff;
}

/* supplier dropdown */
.supplier-box {
	min-height: 36px;
}
#div-supplier-dropdown {
	width: calc(100% - 34px);
	position: absolute;
	left: 0px;
	overflow: visible !important;
}
#div-supplier-plus {
	position: absolute;
	right: 0;
	z-index: 100;
}
#div-supplier-plus .btn{
	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;
}


/* 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;
}

.header-date {
	margin-top: 11px;
}
.header-date .datefilter .form-control {
	color: #888;
	font-size: 1em;
}
.header-date .bs-caret {
	color: #888;
	padding-top: 2px !important;
}

/* 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;	
}

/* 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;
}
#payrollform td:last-child .input-xs {
	margin: -7px 0px -7px 8px;
}

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

/* user edit */
.img-edit-contact {
	width: 200px;
	height: 260px;
	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;
}

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

/* settings - templates - extended variables table */

.settingsextendedvars-title {
	height: 31px;
	
	margin-top:10px;
	margin-bottom: 0px;
}

#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;
}

.table-budget td {
	vertical-align: middle !important;
	padding: 3px !important;	
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	font-size: 0.9em;		
}
.budget_separator td {
	font-size: 0.7em;
	border-top: 3px solid #717171 !important;
	border-bottom: 1px solid #717171 !important;
}
.budget_main td {
	font-weight: 400;
	border-bottom: 1px solid #717171 !important;
	background: #fafafa;
	padding-right: 6px !important;
}
.budget_category td {
	font-size: 0.9em;
	border-bottom: 1px solid #dddddd !important;
}
.budget_category input {
	float: right;
	font-size: 0.9em;	
	width: 90px;
	height: auto;
	margin: 0px;
	
}
.report-table {
	width: 100%;
}
.accounts-table {
	font-size: 0.9em;
}
.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;
}

.reporting-info {
	clear: both;
	width: 50%;
	margin-left: 25px;
	margin-top: -15px;
}
.reporting-info p {
	margin: 0px;
}
.reporting-info-td p {
	font-size: 0.9em;
	margin: 0px;
}


/* 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.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;
}
.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;
}
.bootstrap-select  .tag {
	display: inline-block;
	font-size: 12px;
	text-align: center;
	margin: 0px;
	padding: 2px;
	padding-left: 10px;
	padding-right: 10px;
	background: #91adca;
	color: #fff;
	border-radius: 4px;
}

.tag-postcode {
	position: relative;
	float: left;
	width: 50px;
	font-size: 12px;
	text-align: center;
	margin: 0px;
	margin-right: 12px;
	padding: 2px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: #91adca;
	color: #fff;
	border-radius: 4px;
}

.fin-files .tag {
    display: inline-block;
    font-size: 0.9em !important;
    line-height: 0.9em;
    margin-right: 2px;
    padding: 4px;
    padding-left: 6px;
    padding-right: 6px;
    background: #81afce;
    font-size: 0.85em;
    border-radius: 4px;
    color: #fff;
}

.tag.tag-red {
	background: #dd0000;
}
.tag.tag-red-light {
	background: #ff0000;
}
.tag.tag-red-dark {
	background: #b90000;
}

.tag.tag-orange {
	background: #ffa500;
}
.tag.tag-orange-light {
	background: #ffc911;
}
.tag.tag-orange-dark {
	background: #e77200;
}

.tag.tag-yellow {
	background: #ecb700;
}

.tag.tag-green {
	background: #03b500;
}
.tag.tag-green-dark {
	background: #079200;
}
.tag.tag-green-light {
	background: #b0d622;
}

.tag.tag-blue {
	background: #00b2ff;
}
.tag.tag-blue-light {
	background: #5acdff;
}
.tag.tag-blue-dark {
	background: #058eca;
}

.tag.tag-pink {
	background: #ff48af;
}

.tag.tag-purple {
	background: #e100ff;
}
.tag.tag-purple-dark {
	background: #a34caf;
}
.tag.tag-purple-light {
	background: #ee73ff;
}
.tag.tag-darkgray {
	background: #bbb;
}

.tag.tag-black {
	background: #333;
}


.tag.tag-gray {
	background: #e5e5e5;
}


.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-acc2 {
	margin-left: -2px !important;
	margin-right: -2px !important;
	padding-left: 5px !important;
	text-align: center;
}

.tag-acc3 {
	margin-left: -2px !important;
	margin-right: -2px !important;
	padding-left: 3px !important;
	text-align: center;
}

/* 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;
}
.mod-dshbox {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}
.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 */
.table-cliptext td.clip {
    position: relative;
    vertical-align: initial;
}

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

/* START Helper text-box style */
@media (max-width: 768px) {
	.helper {
		width: 90%;
		left: 5%;
		margin-left: 0px;	
	}
}
@media(min-width: 768px){
	.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 .glyphicon {
	margin-right: 0.75em;
}

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

/* documents hostory info subtable */
.historyinfo-table {
    width:100%;
    font-size: 0.9em;
    margin-left: 40px;
}
.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;
}

/* ajax section */
.form-section {
	padding-bottom: 40px;
}
.form-section-header {
	margin-top: 0px;
}
.form-section .row {
	padding-left: 15px;
	padding-right: 0px;
}
.form-section-inline {
	padding-bottom: 10px;
}

/*disabled inputs */

input, .form-control {
	color: #353535;
}
input.disabled,
input:disabled,
.form-control > .disabled,
.form-control > .gen-notclickable  {
	border: 1px solid #f0f0f0;
	cursor: not-allowed !important;
	color: #353535;
	opacity: 0.9 !important;
}

.bsselect > .disabled {
	color: #5d78ab;
	border: 1px solid #e1e1e1;

}
.bsselect > .disabled > .bs-caret {
	display: none;

}

.bsselect.gen-notclickable .bs-caret {
	display: none;
}

.input-group-addon.gen-notclickable,
.btn-form:disabled {
	cursor: not-allowed;
}
.input-group.date .input-group-addon.gen-notclickable {
	display: none;
}
.gen-transparent {
	opacity: 0.3;
}


/*disabled inputs */

#contactform .bootstrap-tagsinput {
	width: 100%;
}


/* START: Generate crew list view */
#edit-crewlist-form {
	margin-top: 30px;
}


#edit-crewlist-form ul {
	list-style-type: none;
	padding-left: 0;
}

#edit-crewlist-form div.department > li,
#edit-crewlist-form li.position {
	padding: 4px 4px 4px 4px;
}

#edit-crewlist-form div.department > li:hover,
#edit-crewlist-form li.position .remove-position:hover {
	cursor: pointer;
}

#edit-crewlist-form .positions {
	display: none;
	position: absolute;
	top: -19px;
	left: 550px;
}

#edit-crewlist-form li.position .remove-position {

}

.selected-dep {
	background: #fef9e2 !important;
	font-weight: bold;
}

#edit-crewlist-form > ul > div:nth-of-type(odd) > li,
#edit-crewlist-form .positions > li:nth-of-type(even) {
	background-color: #f9f9f9;
}
/* END: Generate crew list view */

/* START: Add contact to crew list "add contact" button */
#edit-crew-form .crew-contact-handle-field {
	min-height: 36px;
}

#edit-crew-form #crewlist-find-contact-button {
	position: absolute;
	right: 16px;
	top: 0;
	z-index: 1;
}

#edit-crew-form #crewlist-find-contact-button .btn{
	height: 36px;
	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;
}

#edit-crew-form .form-group .date {
	position: relative;
	z-index: 0;
}
/* END: Add contact to crew list "add contact" button */

/* START: Add contact to crew list popup */
#contact-to-crew-popup .available-tags-container,
#contact-to-crew-popup .selected-tags-container {
	/*margin: 8px 15px;*/
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid lightgray;
	border-radius: 5px;
	padding: 6px;
	min-height: 36px;
}

#contact-to-crew-popup .available-tags-container span,
#contact-to-crew-popup .selected-tags-container span {
	margin: 4px;
	padding: 2px 6px;
	border-radius: 4px;
	display: inline-block;
}

#contact-to-crew-popup .available-tags-container span {
	background-color: lightgray;
}

#contact-to-crew-popup .selected-tags-container span {
	background-color: lightblue;
}
/* END: Add contact to crew list popup */


/* departments positions button in function createDeptPosDropdown */
#department_position #new_position {
    z-index: 2;
    height: 34px;
    margin-top:-34px;
}

@media(min-width: 768px){
	.folders {
		min-height: 100vh;
		margin-bottom: -120px;	
	}
}

.catering {
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	overflow: hidden;
	box-sizing: border-box;
	font-size: 13px;
}

.catering h2 {
	width: 100%;
	font-size: 19px;
	margin: 0px;
	margin-bottom: 10px;
}

.catering_options {
	width: 100%;
	border-collapse: separate;
	border-spacing: 5px;
}

.catering_option td {
	padding: 8px;
	vertical-align: middle;
	font-size: 14px;
	cursor: pointer;
	border: 1px solid #ddd;
	border-radius: 4px;

}

.form_readonly .catering_option td {
	cursor: default;
}

.catering_option .catering_status {
	font-weight: bold;	
	width: 60px;
	background: #ddd;
	color: #fff;
	text-align: center;
	white-space: nowrap;
}

.master_counter {
	font-size: 25px;
	font-weight: bold;	
}

.catering_option .master_change {
	width: 40px;
	font-size: 20px;
	font-weight: bold;
	background: #5bc0de;
	border: 1px solid #5bc0de;
	color: #fff;	
	text-align: center;
}

.catering_selected .catering_status {
	background: #337ab7;
	border: 1px solid #337ab7;
}

.catering_option .catering_description {
	color: #aaa;
}

.catering_selected .catering_description {
	color: #000;
}

.allergens {
	float: left;
	border: 1px solid #ddd;
	border-radius: 4px;
	margin-right: 5px;	
	margin-bottom: 5px;
	cursor: pointer;
}

.allergens div {
	float: left;
	padding: 5px;
	box-sizing: border-box;
	user-select: none;
}

.allergens .allergen_id {
	font-weight: bold;
	background: #ddd;
	text-align: center;
	color: #fff;
}

.allergen_selected .allergen_id {
	background: #dd0000;
}

.allergens .allergen_description {
	color: #aaa;
}

.allergen_selected .allergen_description {
	color: #000;
}

.catlocs {
	float: left;
	border: 1px solid #ddd;
	border-radius: 4px;
	margin-right: 5px;	
	margin-bottom: 5px;
	cursor: pointer;
}

.catlocs div {
	float: left;
	padding: 5px;
	box-sizing: border-box;
	user-select: none;
}

.catlocs .catloc_id {
	font-weight: bold;
	background: #ddd;
	text-align: center;
	color: #fff;
}

.catloc_selected .catloc_id {
	background: #5bc0de;
}

.catlocs .catloc_description {
	color: #aaa;
}

.catloc_selected .catloc_description {
	color: #000;
}

/* MID_DB_LOCATION start */

.db_location_grid,
.db_location_edit {
	position: absolute;
	top: 90px;
	bottom: 36px;
	width: 100%;
	padding: 0px;
	padding-right: 10px;
     overflow-y: scroll;
	color: #fff;
}

.db_location_grid {
	left: 0px;
     display: grid;
	background: #282828;
	transition: width 0.1s;
	grid-auto-rows: max-content;
}

.db_location_grid.location_open {
	width: calc(100% - 580px);
	transition: width 0.1s;
}


@media (max-width: 991px) {
	.db_location_grid {
		grid-template-columns: repeat(auto-fill, 50%);
	}
}

@media (min-width: 991px) and (max-width: 1024px) {
	.db_location_grid {
		grid-template-columns: repeat(auto-fill, 33.3%);
	}
	.db_location_grid.location_open {
		grid-template-columns: repeat(auto-fill, 50%);
	}	
}		

@media (min-width: 1024px) and (max-width: 1280px) {
	.db_location_grid {
		grid-template-columns: repeat(auto-fill, 25%);
	}
	.db_location_grid.location_open {
		grid-template-columns: repeat(auto-fill, 33.3%);
	}	

}

@media (min-width: 1280px) and (max-width: 1920px) {
	.db_location_grid {
		grid-template-columns: repeat(auto-fill, 20%);
	}
	.db_location_grid.location_open {
		grid-template-columns: repeat(auto-fill, 25%);
	}	
}

@media (min-width: 1920px) {
	.db_location_grid {
		grid-template-columns: repeat(auto-fill, 12.5%);
	}
	.db_location_grid.location_open {
		grid-template-columns: repeat(auto-fill, 12.5%);
	}		
}

.db_location_grid .location {
    cursor:  pointer;
    padding: 2px;
}

.db_location_grid .location_thumb {
	margin: 0 auto;
	overflow:  hidden;
	position: relative;
    	padding-bottom: 56.2%;
}

.db_location_grid .location_thumb img {
	width:  100%;
	position: absolute;
	object-fit: cover;
	height: 100%;
}

.db_location_grid .new_location {
	position: relative;
	float: right;
	transform: rotate(45deg);
	background: rgba(255 ,255 ,255 ,0.5);
	color: #000;
	font-size: 12px;
	font-weight: bold;
	width: 100%;
	padding: 3px;
	margin-top: 5%;
	margin-right: -40%;
	margin-bottom: -100%;
	text-align: center;
}

.db_location_grid .location_title p,
.db_location_grid .location_attributes p {
	position: relative;
	z-index: 1;
	margin: 0px;
	background: rgba(0 ,0 ,0 ,0.5);
	padding-left: 5px;
	padding-right: 5px;
}


.db_location_grid .location_title p {
	margin-top: -35px;
	height: 20px;
	line-height: 20px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-word;
}


.db_location_grid .location_attributes p {
	height: 15px;
	font-size:  11px;
	color: rgba(255 ,255 ,255 ,0.6);
}

.db_location_edit {
	right: -580px;
	width: 580px;
	background: #141518;
	transition: right 0.1s;
}
.db_location_edit.location_open {
	right: 0px;
	transition: right 0.1s;
}

.db_location_edit .loader {
	z-index: 10;
	position: absolute;
	opacity: 0.7;
}

.db_location_edit .image_preview {
	position: fixed;
	top: 90px;
	right: -565px;
	z-index: 2;
	transition: right 0.1s;
	height: 370px;
	padding-top: 2px;	
	background: #141518;
	-webkit-box-shadow: 0px 10px 10px 0px rgba(20, 21, 24, 1);
	-moz-box-shadow:    0px 10px 10px 0px rgba(20, 21, 24, 1);
	box-shadow:         0px 10px 10px 0px rgba(20, 21, 24, 1);
}

.db_location_edit .image_preview .db_location_inputs {
	margin-top: 0px;
}

.db_location_edit.location_open .image_preview {
	right: 12px;
	transition: right 0.1s;
}

.db_location_edit .image_preview,
.db_location_edit .image_preview .img-container {
	width: 560px;
	overflow: hidden;
}
.db_location_edit .image_preview .img-container {
	height: 318px;
	background: #000;
}


.db_location_edit .image_preview img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/* LOCATION EDIT BUTTONS */

.db_location_edit .image_preview .nav-btns {
	position: relative;
	z-index: 10;
	width: 560px;
	height: 274px;
	margin-top: -315px;
	opacity: 0;
	color: #fff;
	font-size: 14px;
	overflow: hidden;
	transition: 0.2s;
}

.db_location_edit .image_preview .nav-btns.hover {
	opacity:  1;
}

.db_location_edit .image_preview .nav-btns div {
	padding: 5px;
	height: 140px;

}

.db_location_edit .image_preview .nav-btns button {
	font-size: 1.1em;
	border: 0px none;
	padding-top: 5px;
	width: 34px;
	height: 34px;
	border-radius: 34px;
	transition: 0.2s;
}

.db_location_edit .image_preview .nav-btns button span {
	opacity: 0.7;
	transition: 0.2s;
}
.db_location_edit .image_preview .nav-btns .close-btn,
.db_location_edit .image_preview .nav-btns .share-btn {
	background: rgba(0,0,0,0.5);
	transition: 0.2s;	
}

.db_location_edit .image_preview .nav-btns .close-btn:hover,
.db_location_edit .image_preview .nav-btns .share-btn:hover {
	background: rgba(0,0,0,0.7);
}

.db_location_edit .image_preview .nav-btns button:hover span {
	opacity: 0.9;
}


.db_location_edit .image_preview .nav-btns .close-btn,
.db_location_edit .image_preview .nav-btns .next-btn {
	float: right;
}

.db_location_edit .edit_buttons {
	position: relative;
	overflow: hidden;
	background: rgba(0,0,0,0.5);
	padding-top: 5px;
	padding-left: 5px;
	height: 40px;
}

.db_location_edit .edit_buttons.hover {
	opacity: 1;
	z-index: 2;
}

.db_location_edit button {
	font-size: 0.8em;
	color: #fff;
}

.db_location_edit button,
.db_location_edit button:focus:not(:hover) {
	background: transparent;
	border-color: #999;

}

.db_location_edit .btn-default:hover {
	background-color: #b8c6d1d4;
}

.db_location_grid #counter {
	position: fixed;
	right: 79px;
	top: 59px;
	font-size: 13px;
	z-index: 999;
	opacity: 0.4;
}

.location_edit_form {
	width: 560px;
	margin-left: 7px;
	margin-top: 380px;
	padding-bottom: 10px;
	overflow: hidden;	
}

#location_edit_form .form-control {
	background: transparent;
	color: #eee;
	border: 0px none;
	border-radius: 0px;
	border-bottom: 1px solid #333;
	height: auto;
	padding: 0px; 
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 1.2em;
}

#location_edit_form .bootstrap-select > .dropdown-toggle {
	background: transparent;
	color: #eee;
	border: 0px none;
	border-radius: 0px;
	height: auto;
	padding: 3px; 
	padding-right: 30px;
	font-size: 0.8em;
	z-index: 0;
}
#location_edit_form .option-none span.filter-option {
	color: #555;	

}

#location_edit_form textarea.form-control {
	font-size: 0.9em;
	min-height: 82px;
}

#location_edit_form textarea.form-control::placeholder {
	color: #555;
	font-size: 1.1em;
	padding-left: 3px;
}

.db_location_inputs {
	width: 100%;
}

.db_location_inputs div {
	float: left;
}

.db_location_inputs label {
	display: block;
	font-size: 10px;
	color: #999;
}
.db_location_inputs author {
	display: block;
	width: 100%;	
	margin-top: -21px;
	color: #eee;
	text-align: right;
	font-size: 0.9em;
	font-style: oblique;
	padding-right: 5px;
}

/* FILTERING */

.dropdown-menu .loc_lv1 {
	/**/
}
.dropdown-menu .loc_lv2 {
	font-size: 0.95em;
	padding-left: 10px;
}
.dropdown-menu .loc_lv3 {
	font-size: 0.85em;
	padding-left: 20px;

}

/* EDIT SORTABLE GRID */
.location_edit_grid {
    	position: relative;
  	list-style-type: none;
    	padding: 0px;
    	margin: 0px;
}

.location_edit_grid .thumb {
	position: relative;
	float: left;
     cursor: pointer;
	width: 138px;
	height: 78px;
	overflow: hidden;	
}

.location_edit_grid.selectable .thumb img:hover, .location_edit_grid .selected img {
    -webkit-filter: brightness(70%);
}

.location_edit_grid .thumb .sortablegrid-select {
	opacity: 0;
	z-index: 1;
	display: flex;
	justify-content: flex-end;
	bottom: 7px;
	right: 0px;
	position: absolute;
}

.location_edit_grid .thumb .image-box {
	padding-top: 56.25%;
}

.location_edit_grid .thumb .image-box img {
	padding: 1px;
	left: 50%;
	position: absolute;
	top: 50%;
	height: 100%;
	object-fit: cover;
	transform: translate(-50%, -50%);
}

.location_edit_grid .thumb.selected .sortablegrid-select {
	opacity: 1;
}

.location_edit_grid .thumb .sortablegrid-select span {
	border-radius: 100px;
	font-size: 16px;
	padding: 3px;
	border: solid #fff 1px;
	margin-right: 6px;
	font-size: 10px;
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff;
}

/* EDIT SORTABLE GRID */

.location_edit_grid .dragged {
	position: absolute !important; /* mislim da so online docsi za novejso verzijo */
	z-index: 9999;
}


#counter.view_cred {
	right: 25px !important;
}

/* MID_DB_LOCATION end */


.notsorted:not(.col-tag_medium) {
	opacity: 1 !important;
	color: #dd0000 !important;
	font-style: italic;
	font-weight: bold;
}
.notsorted .tag {
	color: #fff;
	font-style: normal;
	font-weight: normal;

}

/* FILMIO COLORS */
body {
	color: #353535;
}
#header {
	background: #fff;
}
#header {
	font-weight: 400;
}

/* colored footer for applications */

.navbar {
	font-weight: 400;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
	background-color: #fff;
	color: #000;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover span,
.dropdown-menu > li > a:focus span {
	text-decoration: none;
}

.dropdown-menu > li > a:hover .text {
	text-decoration: none;
	color: #fff;
}
.dropdown-menu > li > a:focus .text {
	text-decoration: none;
	font-weight: bold;
	background-color: #fff;
	color: #000;
}

.nav > li > a > img {
    margin-top: -2px;
    border-radius: 10px;
}
.dropdown-menu > li > a > img {
	border-radius: 10px;
	margin-left: -10px;
}
/* FILMIO COLORS */
/* FILMIO LOGIN */
@media (min-width: 992px) {
	.filmio .login-right {
		position: absolute;
		top: 0px;
		left: 50%;
		margin-left: -10%;
		display: table;
		text-align: center;
		height: 100vh;
		min-height: 100%;
	}		
	.filmio .login-right .logo img {
		max-width: 50%;
		margin-bottom: 50px;
	}	
}
@media (max-width: 991px) {
	.filmio .login-right {
		display: table;
		text-align: center;		
		width: 100%;
		height: 100vh;	
	}
	.filmio .login-right .logo img {
		max-width: 60%;
		margin-bottom: 50px;		
	}
	.filmio .login-right wrapper {
		padding-left: 10%;
		padding-right: 10%;

	}		
}
.filmio {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	overflow: hidden;
	color: #fff;
}
.filmio .locked-warning {
	font-size: 1.3em;
	color: #95a0a9;
}
.filmio .login-right .deepblue {
	text-align: center;
}
.filmio .login-right {

}
.filmio .login-right wrapper {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}
.filmio form {
	margin-top: -10%;
}

.filmio form,
.filmio form div,
.filmio form input {
	width: 100%;
}
.filmio form button {
	width: 46%;
}

.filmio form input,
.filmio form button {
	border-radius: 6px;
}
.filmio form div  {
	padding-bottom: 20px;	
}
.filmio form input  {
	color: #8a9aa7;
	border: 0px none;
	font-size: 14px;
	padding-left: 30px;
	background: #e3e7ea;
}
.filmio form .username,
.filmio form .password {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	margin-bottom: -30px;	
}
.filmio form .username {
	background: transparent url(/images/icons/username.svg) -4px 3px no-repeat;
}
.filmio form .password {
	background: transparent url(/images/icons/password.svg) -4px 3px no-repeat;
}
.filmio form input::-webkit-input-placeholder { 
	color: #8a9aa7;
	text-transform: capitalize;
}
.filmio form input::-moz-placeholder { 
	color: #8a9aa7;
	text-transform: capitalize;
}
.filmio form input:-ms-input-placeholder {
	color: #8a9aa7;
	text-transform: capitalize;
}
.filmio form input:-moz-placeholder {
	color: #8a9aa7;
	text-transform: capitalize;
}

.filmio form button  {
	background: #8a9aa7;	
	color: #fff;
	padding-top: 8px;
	padding-bottom: 8px;
	border: 0px none;
	font-size: 16px;
	margin-top: 20px;
	
}
.filmio form button:hover,
.filmio form button:focus,
.filmio form button:active {
	background: #8aabc6;
}
.filmio input:-webkit-autofill,
.filmio input:-webkit-autofill:hover, 
.filmio input:-webkit-autofill:focus
.filmio input:-webkit-autofill {
	-webkit-text-fill-color: #8a9aa7;
	-webkit-box-shadow: 0 0 0px 50px #e3e7ea inset;
}
/* FILMIO LOGIN */
.particle-network-animation {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 100vh;
	background: #ededed;
	background: -moz-linear-gradient(-45deg, #ededed 0%, #b8c6d1 99%);
	background: -webkit-linear-gradient(-45deg, #ededed 0%,#b8c6d1 99%);
	background: linear-gradient(135deg, #ededed 0%,#b8c6d1 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#b8c6d1',GradientType=1 );
  
	&::before {
	z-index: -2;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.glow {
	  z-index: -1;
	  position: fixed;
	  top: 50%;
	  left: 50%;
	  background-image: radial-gradient(circle closest-side, rgba(255, 255, 255, 0.025), transparent);
}
$duration: 25s;
.glow-1 {
	  width: 150vw;
	  height: 150vh;
	  margin-top: -75vh;
	  margin-left: -75vw;
	  animation: glow-1-move $duration linear infinite both;
}
@keyframes glow-1-move {
  from {
    transform: translate(-100%, 100%);
  }
  to {
    transform: translate(100%, -100%);
  }
}
.glow-2 {
	  width: 100vw;
	  height: 100vh;
	  margin-top: -50vh;
	  margin-left: -50vw;
	  animation: glow-2-move $duration linear $duration / 3 infinite both;
}
@keyframes glow-2-move {
  from {
    transform: translate(-100%, 0%);
  }
  to {
    transform: translate(100%, 100%);
  }
}
.glow-3 {
  width: 120vw;
  height: 120vh;
  margin-top: -60vh;
  margin-left: -60vw;
  animation: glow-3-move $duration linear $duration / 3 * 2 infinite both;
}
@keyframes glow-3-move {
  from {
    transform: translate(100%, 100%);
  }
  to {
    transform: translate(0%, -100%);
  }
}

/* BAHAMAS LOGIN END */