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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.subtitle {
  font-size: 0.85em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

}
*/

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

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

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

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

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

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

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

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

/* digital signatures */

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

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

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

/* genelasied withs */

.db-icon {
  width: 20px;
}

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

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

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

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

/* genelasied withs */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tag-icon {
  color: #a2a2a2;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#bookmarkthis {
  padding-bottom: 2px;
}

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

.bootstrap-select .db-dropdown-ellipse {
  display: inherit;
  padding-top: inherit;
  width: inherit;
  white-space: inherit;
  overflow: inherit;
  text-overflow: inherit;
}

.db-ellipsespan span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  width: inherit;
}
.db-sidebar-ellipse {
  white-space: nowrap;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  margin-bottom: 2px;
}
.db-nowrap {
  white-space: nowrap;
}
.tab-table .db-glyph {
  width: 55px;
}
.db-glyph {
  width: 50px;
}
.db-group {
  width: 200px;
}
.db-subgroup {
  width: 250px;
}

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

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

/* for ship status */

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

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

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

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

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

/* special for summary listing */

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

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

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

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

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

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

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

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

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

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

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

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

.fileupload_images_listview {
}

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

/* grid view */

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

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

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

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

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

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

/* FILEUPLOADER */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* fake dashboard, remove for release */

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

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

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

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

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

.dsh-marketing h4 span {
  display: block;
  padding-top: 5px;
}

.dsh-marketing h4 img {
  float: left;
  width: 32px;
  margin-right: 8px;
  filter: brightness(0);
}

.dsh-marketing section {
  display: block;
  clear: both;
  width: calc(100% - 20px);
  padding-left: 40px;
  font-size: 14px;
  padding-bottom: 12px;
  margin-bottom: 12px;
}

.dsh-marketing t-g {
  display: block;
  margin-top: 4px;
}
.marketing-content {
  padding-left: 40px;
}

.dsh-marketing .dsh-marketing-qr span {
  float: right;
  margin-left: 8px;
  margin-bottom: 4px;
}

.dsh-marketing .dsh-marketing-qr span.is-chrome {
  display: flex;
  align-items: flex-end;
  width: 130px;
  height: 100%;
  shape-outside: inset(calc(100% - 130px) 0 0);
}

.dsh-marketing .dsh-marketing-qr img {
  height: 130px;
  border-radius: 8px;
  object-fit: contain;
  object-position: bottom;
}

@media (min-width: 992px) {
  .dsh-tab {
    width: 100%;
  }
  .dsh-tabs #tab_0 {
    padding-left: 10px !important;
    padding-right: 9px !important;
  }
  .dsh-box {
    height: 390px;
    overflow: hidden;
    padding-left: 6px;
    padding-right: 6px;
    margin: 0px;
  }
  .dsh-box.fleet {
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px;
  }
  .dsh-box-reporting {
    overflow: hidden;
    padding-left: 4px;
    padding-right: 4px;
    margin: 0px;
  }
  .dsh-standard {
    min-height: 378px;
  }
  .dsh-standard.dsh-fleet {
    min-height: fit-content;
  }
  .dsh-reporting {
    min-height: 530px;
    padding-bottom: 15px;
  }
  .dsh-reporting-crew {
    min-height: 200px;
    padding-bottom: 15px;
  }
  .dsh-shortcuts {
    margin-top: 10px;
    min-height: 260px;
  }
  .dsh-graph img {
    max-height: 260px;
  }
  .dsh-fleet-phone {
    display: none;
  }
  .dsh-scrollable {
    overflow: auto !important;
    height: 320px;
    margin-top: 12px;
  }

  .dsh-scrollable-full {
    overflow: auto !important;
    height: 354px;
    margin: 0px;
  }

  .dsh-scrollable table {
    margin-top: 0px;
  }
}
@media (max-width: 991px) {
  .dsh-fleet-screen {
    display: none;
  }
  .dsh-yacht-image {
    padding-top: 56.25%;
    margin-bottom: 16px;
  }
}
.dsh-print td * {
  font-size: 120%;
}
.dsh-print h4 {
  font-size: 1.5em !important;
}
.dsh-print .dsh-subtitle {
  font-size: 1.15em !important;
}
.dsh-subcats {
  margin-left: 15px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.acc-cats-dropdown-multiselect button {
  height: 40px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fin-processors-table tbody td {
  padding-top: 5px;
  padding-bottom: 5px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* fin_config */

#recon_table {
  width: 70%;
}

#recon_table td {
  padding: 2px;
}

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

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

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

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

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

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

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

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

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

.grayout-plus {
  color: #ccc;
}

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

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

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

.budget_months_addon {
  display: flex;
}

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

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

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

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

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

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

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

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

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

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

.status-box-1280 .modal-dialog {
  width: 95%;
  min-width: 1280px;
  max-width: 1600px;
}

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

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

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

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

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

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

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

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

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

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

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

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

/* Logbook 3.1 End */

/* Works & Reports - uploader functionallity hidden */

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

/* ISM */

.ism-row {
  margin: 0;
}

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

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

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

.ism-ignore-validation {
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ism_th {
    text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ism-category {
  width: 175px;
}

.ism-subcategory {
  width: 120px;
}

.ism-status {
  width: 100px;
}

.ism-reference {
  width: 145px;
}

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

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

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

.ism-who {
  width: 180px;
}

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

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

/* ISM ENDS */

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

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

/* calendar - custom events popup */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* settings - templates - extended variables table */

.settingsextendedvars-title {
  height: 31px;

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

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

.settingslpannel-title {
  height: 62px;

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

.settingscheckboxes {
  overflow-x: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.budget_category input {
  height: 24px;
}

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

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

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

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

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

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

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

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

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

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

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

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

/* log table */

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

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

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

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

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

/* Settings > User Access Permissions: one expanded changelog entry can hold a few hundred
   rows, which pushed the rest of the page off screen. Cap the OPENED entry to the viewport
   and scroll it instead, with its own header staying put while it scrolls.
   Only the open state: an entry is collapsed by its max-height, so overriding that for a
   closed one would leave it permanently open (the toggle only adds/removes .active). */
#permsform #logtable .collapsable.active + tr > td > div {
  max-height: 60vh;
  overflow: auto;
}

#permsform #logtable .collapsable.active + tr > td > div table.historyinfo-table th {
  position: sticky;
  top: 0;
  z-index: 1;
}

/* items issued table */

#itemsissued_table {
  width: 100%;
}

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

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

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

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

#itemsissued_table .itemsissued_row {
  cursor: pointer;
}

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

/* documents hostory info subtable */

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

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

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

/* glyphicons -> led icons */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*disabled inputs */

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

/*disabled inputs */

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

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

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

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

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

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

/* spareparts */

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

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

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

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

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

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

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

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

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

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

/* A4 selector */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* table for editable and sortable items */

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

.table-items {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* bookmark hover dropdown selector */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/**/

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

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

/* main menu multilevel */
/* the list scrolls; submenus are position:fixed (see below) so overflow can't clip them */
.nav .appmenu.open > .dropdown-menu {
  overflow-y: auto;
  overflow-x: hidden;
}
/* 45px #header + 45px .footer + 8px gap - both are fixed, and .footer paints over this
   menu (equal z-index, later in the DOM), so the list must stop above it. Needs the
   #header prefix to outrank .newlook #header .dropdown-menu's calc(100vh - 84px). */
#header .appmenu.open > .dropdown-menu {
  max-height: calc(100vh - 98px);
}
.nav .appmenu.open > .dropdown-menu > .dropdown-submenu > a:after {
  content: " ";
  display: inline-block;
  width: 0;
  height: 0;
  right: 5px;
  position: absolute;
  margin-top: 6px;
  border-left: 4px dashed;
  border-left: 4px solid \9;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}
.nav .appmenu.open > .dropdown-menu > .dropdown-submenu:hover {
  /* background-color: #e5e5e5; */
}

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

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

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

.nav .appmenu .dropdown-submenu {
  position: relative;
}
/* Submenu panels are LIFTED OUT of the scrolling list by header.html and parked on
   #header, because Safari clips position:fixed descendants to an ancestor that actually
   scrolls (Chrome/Firefox do not). #header never gets .open, so bootstrap's
   .open > .dropdown-menu cannot match a parked panel - only .is-positioned shows it.
   These selectors must therefore NOT depend on .dropdown-submenu ancestry. */
#header .dropdown-submenu-box {
  position: fixed;
  top: auto;
  left: auto;
  margin: 0;
  display: none;
}
#header .dropdown-submenu-box.is-positioned {
  display: block;
  border-radius: 0 4px 4px;
}
/* keeps the second level off narrow/touch layouts, as the max-width block above did
   before the panels moved; needs the #header prefix to outrank .is-positioned */
@media (max-width: 888px) {
  #header .dropdown-submenu-box,
  #header .dropdown-submenu-box.is-positioned {
    display: none;
  }
}
/* this piece of css below force vertical scrollers to be visible on dropdowns but only if available on mac */
.dropdown-menu.open ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
.dropdown-menu.open ::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
/* this piece of css below force vertical scrollers to be visible on dropdowns but only if available on mac */

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

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

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

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

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

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

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

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

/* ex skin */

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

.navbar {
  font-weight: 400;
}

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

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

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

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

#miniloderbg {
  background: #fff;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.inline-help article a:hover {
  font-weight: 600;
  color: #000;
}

.commands-warning {
  /* border: 1px solid var(--standard-orange); */
  padding: 4px 8px;
  font-size: 12px;
  background-color: rgba(249, 115, 22, 0.2);
  color: #f97316;
  width: fit-content;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  div {
    width: 16px;
    height: 16px;
  }
}

/* feature flag swithc */
.ff-list {
  list-style: none;
  padding-left: 0;
  min-width: 340px;
}
.ff-row {
  display: flex;
  align-items: center;
  margin-bottom: 0.75em;
}
.ff-row .switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
  margin: 0;
  flex: 0 0 auto;
}
.ff-row .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.ff-row .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  border-radius: 26px;
}
.ff-row .slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 2px;
  bottom: 2px;
  background-color: #fff;
  border-radius: 50%;
}
.ff-row .switch input:checked + .slider {
  background-color: #5cb85c;
}
.ff-row .switch input:checked + .slider:before {
  transform: translateX(20px);
}
.ff-label {
  margin-left: 12px;
  color: #000;
  font-weight: 500;
  flex: 1 1 auto;
}
.ff-head {
  border-bottom: 1px solid #ddd;
  padding-bottom: 0.4em;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.05em;
  color: #888;
}
.ff-head .ff-label {
  margin-left: 52px;
  color: #888;
  font-weight: 600;
}
.ff-sort {
  background: none;
  border: 0;
  padding: 0;
  color: inherit;
  font: inherit;
  font-weight: 600;
  letter-spacing: inherit;
  text-transform: inherit;
  cursor: pointer;
}
.ff-sort:hover {
  color: #000;
}
.ff-sort[data-dir="desc"]::after {
  content: " \25BC";
}
.ff-sort[data-dir="asc"]::after {
  content: " \25B2";
}
.ff-version {
  margin-left: 16px;
  flex: 0 0 auto;
  min-width: 48px;
  text-align: right;
  color: #666;
  font-variant-numeric: tabular-nums;
}
.notify-toast {
  position: fixed;
  bottom: 24px;
  right: 24px;
  padding: 12px 20px;
  border-radius: 4px;
  color: #fff;
  font-weight: 500;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  opacity: 0;
  transform: translateY(20px);
  transition:
    opacity 0.2s,
    transform 0.2s;
  z-index: 9999;
}
.notify-toast.show {
  opacity: 1;
  transform: translateY(0);
}
.notify-toast.ok {
  background-color: #5cb85c;
}
.notify-toast.fail {
  background-color: #d9534f;
}
.librasup {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	background: #fff url('/skins/librasup/background.jpg') no-repeat center center;
	background-size: cover;
}

.librasup #print {
	width: calc(100% - 390px);
	height: 100vh;
	background: url('/skins/librasup/logo.png') no-repeat center center;
	background-size: 60%;
}

@media (max-width: 990px) {

	.librasup #print {
		width: calc(100% - 40px);
		height: 98vh;
		background-position: bottom right;
		background-size: 360px;
	}
}

.librasup .login-box button {
	background: #0f0550;
}

.librasup .login-box button:hover,
.librasup .login-box button:focus,
.librasup .login-box button:active {
    background: #5086be;
    color: #fff;
}

.librasup .login-box .login-company-logo {
	width: 228px;
	font-size: 36px;
	line-height: 30px;
	font-weight: 100;
}

.librasup .login-box .login-company-logo img {
	margin-right: 5px;
}

.librasup .login-box .login-powered-by {
	width: 100px;
	font-size: 11px;
	line-height: 18px;
	color: #717171;
	margin-top: -3px;
	text-align: right;
}

.librasup .login-box .login-powered-by img {
	height: 15px;
	margin-left: 3px;
}