@charset "utf-8";

body {
	font-size: 0.8em;
}

label, input, button, select, textarea {
	font-size: 1em;

}

.form-horizontal .control-group {
    margin-bottom: 12px;
}

h1 {
	font-size: 1.3em;
}

h1 small {
	font-size: 1em;
}

h2 {
	font-size: 1.25em;
}

h3 {
	font-size: 1.2em;
}

h4 {
	font-size: 1.15em;
}

legend {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0;
}

*:focus,
*:active {outline: 0 none;}

.w100p{width:100%}
.mw220 {min-width: 220px;}

/* LIST ITEMS */
.list-item {
	border: 1px solid #E3E3E3;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
	margin-top: 12px;
}

.list-item-header,.list-item-body, .list-item-footer {
	padding: 6px;
}

.list-item-header, .list-item-footer { /*
	border-bottom: 1px solid #E3E3E3;
	background-color: #999;
	*/
	background-color: #FAFAFA;
	background-image: -moz-linear-gradient(center top, #FFFFFF, #F2F2F2);
	background-repeat: repeat-x;
}

.list-item-header .row-fluid [class *="span"] {
	min-height: 10px;
}

.list-item:first-child {
	margin-top: 0px;
}

.list-item-header.important {
	background-color: #f2dede;
}

.list-item.important {
	border-color: red;
}

.accordion-heading {
	background-color: #F5F5F5;
}

input.hasDatepicker {
	width: 75px;
}

.text-preview {
	cursor: pointer;
}

.text-preview:hover {
	background-color: #EEEEEE;
}

label.checkboxRadioLabel {
	font-weight: normal;
	display: inline;
}

.text-striked {
	text-decoration: line-through;
}

.bookingStatusButton {
	display: inline-block;
	width: 65px;
	text-align: right;
}

.pr12 {
	padding-right: 12px;
}

.pt12 {
	padding-top: 12px;
}

.pl12 {
	padding-left: 12px;
}

.ml12 {
	margin-left: 12px;
}
.ml6 {
    margin-left: 6px;
}

.mr3 {
	margin-right: 3px;
}

.mr6 {
	margin-right: 6px;
}

.mr12 {
	margin-right: 12px;
}

.mt12 {
	margin-top: 12px;
}

.specialSuggest.fixedData {
	background: transparent
		url("../../images/backend/icons/chevron-down.png") no-repeat;
	background-position: right top;
}

.toggleLink {
	padding-right: 12px;
}

.toggleLink>i {
	display: none;
}

.toggleLinkSelected {
	font-weight: bold;
}

.toggleLinkSelected>i {
	display: inline-block;
}

table.table-condensed input {
	height: 12px;
	line-height: 12px;
}

table.table-condensed input[type=submit] {
	height:auto;
} 

table.table-condensed .input-append .add-on {
	height:12px;
	line-height: 12px;
}
table.table-condensed .input-prepend .add-on {
	height:12px;
	line-height: 12px;
}

div.sidebar {
	overflow: hidden;
}

div.sidebar .row-fluid [class *="span"] {
	min-height: 0;
}

div.sidebar section {
	margin-bottom: 18px;
}

div.sidebar .actions {
	margin-top: 6px;
	border-top: 1px solid #ccc;
	padding-top: 6px;
}

.row-fluid .span70 {
	width: 70px;
}

.row-fluid .span140 {
	width: 140px;
}

.row-fluid .span160 {
	width: 160px;
}

.row-fluid .span220 {
	width: 220px;
}

.row-fluid .span280 {
	width: 280px;
}

fieldset div.row-fluid:nth-child(2) {
	margin-top:20px;
}

div.headerForm {
	margin: 16px 0 0 0;
}

div.headerForm form {
	margin:0;
	display: inline-block;
}

div.headerForm input[type=submit] {
	margin-left:12px;
	vertical-align: top;
}

.specialSuggestContainerInline90 {
	display:inline-block;
	width:90%;
}

.specialSuggestContainerInline40 {
	display:inline-block;
	width:40%;
}

td.button-column {
 	white-space: nowrap;
	display: flex;
	gap: 0.3rem;
	justify-content: flex-end;
}

td.button-column [class^="fa-"]:before, td.button-column [class*=" fa-"]:before {
	font-size:1.333em;
	width: 1.15em;
    margin-right: 3px;
}

[class^="fa-"]:before, [class*=" fa-"]:before {
  font-size: 1.2em;
}
a [class^="fa-"], a [class*=" fa-"] {
  text-decoration: none;
}

.tooltip-icon .ui-tooltip-content{
	font-size:0.9em;
}

.tooltip-icon .ui-tooltip-content h1{
	line-height:inherit;
}

.ui-tooltip-content table td
{
	padding: 0 3px;
}

.googleMapBox img { 
  max-width: none;
}

.googleMapBox label { 
  width: auto; display:inline; 
}

.controls-text {
	padding-top:5px;
}

.checkbox.inline [class^="fa-"] {
	margin-left: -18px;
	margin-right: 5px;
}

.grid-view {
	overflow:hidden;
}

ul.nav li span.badge {
	padding: 1px 9px 1px;
	font-size: 1em;
}

/* LOGIN */

		div.container.topmargin {
			margin-top:40px;
		}
		
      .form-signin {
        max-width: 300px;
        padding: 19px 29px 29px;
        margin: 0 auto 20px;
        background-color: #F5F5F5;
        border: 1px solid #e5e5e5;
        -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
           -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
                box-shadow: 0 1px 2px rgba(0,0,0,.05);
      }
      .form-signin .form-signin-heading,
      .form-signin .checkbox {
        margin-bottom: 10px;
      }
      .form-signin input[type="text"],
      .form-signin input[type="password"] {
        font-size: 16px;
        height: auto;
        margin-bottom: 15px;
        padding: 7px 9px;
      }
      
.accordion-inner-seamless
{
	border-top:0;
	padding-top:0;
	margin-top:-9px;
}

.accordion-heading .pull-right
{
	padding: 8px 15px;
}

div.infobox {
	
}

div.infobox h2 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #E5E5E5;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    color: #333333;
    display: block;
    font-size: 16px;
    line-height: 40px;
    margin-bottom: 0px;
    margin-top: 0px;
    padding: 0;
    width: 100%;
}

.list-view {
	margin-bottom: 20px;
}

.spinner {	
	margin-top: 40px;
	text-align:center;
	margin-bottom: 40px;	
}

.label-green {
	background-color: #8bab8d;
}

.label-blue {
	background-color: #3a87ad;
}

.label-lblue {
	background-color: #77B5EB;
}

.label-orange {
	background-color: #ebad60;
}

.label-brown {
	background-color: #b48467;
}

.label-dblue {
	background-color: #354567;
}

.label-red {
	background-color: #d17869;	
}

.label-purple {
	background-color: #96526b;	
}


.navbar-search .search-query {
    border-radius: 3px;
    padding:0;
}

.navbar-inner > .container-fluid {
	padding-left:0;
	padding-right:0;
}

.container-error {
	max-width: 500px;
	padding: 19px 29px 29px;
	margin: 0 auto 20px;
	background-color: #FFC0CB;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}

.infobox .grid-view.no-header, .infobox .detail-view.table
{
	 padding-top:0;
}

.grid-view.no-header .table tr, .infobox .detail-view tr {
	border-top:1px solid #e5e5e5;
}

.grid-view.no-header .table td,  .grid-view.no-header .table tr:first-child, .infobox .detail-view td, .infobox .detail-view th, .infobox .detail-view tr:first-child{
	border-top:0;
}

.createOfferAccordion input
{
	width:60px;
}

.createOfferAccordion label.radio input
{
	width:20px;
}

.row-sidebar-image {
	padding:12px;
}

.rating-excellent {
	font-weight:bold;
	color: darkgreen;
}

.rating-good {
	color: green;
}

.rating-critical {
	color:red;
}

.rating-bad {
	font-weight:bold;
	color: orange;
}

.row-green {
	background-color: #dff0d8;
}

.row-dark-green {
	background-color: #c6ffb2;
}

.row-blue {
	background-color: #d9edf7;
}

.row-yellow {
	background-color: #fcf8e3;
}

.row-red, .table-striped tbody tr.row-red td {
	background-color: #f2dede;
}

.row-orange, .table-striped tbody tr.row-orange td {
	background-color: #fce5cd;
}

.row-grey {
	background-color: #ddd;
}

.row-grey-light, .table-striped tbody tr.row-grey-light td {
	background-color: #f5f5f5;
}

.alert-warning {
	color:#C18C33;
}

.icon-grey {
	color:grey;
}

.icon-warning, .icon-yellow, .dropdown-menu .icon-yellow {
	color: #CBCA14;
}

.icon-important, .icon-red, .dropdown-menu .icon-red{
	color: #b94a48;
}

.icon-border-black {
	padding: 0.1em 0.125em 0.075em;
	border: 1px solid black;
}

.icon-success, .icon-green, .dropdown-menu i.icon-green {
     color: #468847;;
}

.icon-info, .icon-info, .dropdown-menu .icon-info{
	color: #73dde8;
}

.icon-light-green, .dropdown-menu i.icon-light-green {
    color: #B8E834;
}

.icon-blue, .dropdown-menu i.icon-blue{
	color: #73dde8;
}

.icon-huge {
	font-size:4em;
}

.icon-center-huge {
	font-size:4em;
	padding-left:50px;
}

.qTipImage {
	padding: 6px;
}

tr.row-deleted {
	background-color: rgba(255, 255, 255, .5);
	color: rgba(0, 0, 0, .3);
}

tr.row-deleted a{
	background-color: rgba(255, 255, 255, .5);
	color: rgba(0, 0, 0, .3);
}

tr.row-active {
	background-color: #dff0d8;
}

#shipImageProfilePreview {
	padding: 12px 0;
}

.sideBarImage {
	padding: 6px 0;
}

.turnover-summary table {
	
}

.table tr.tr-strong {
	font-size: 140%;
	font-weight: bold;
}

.table td.td-currency, .table td.count, .table td.percent, .table td.currency  {
	text-align: right;
}

tr.image-fade img {
	opacity:0.3;
	filter:alpha(opacity=30); /* For IE8 and earlier */
}

.label-rating-perfect {
	font-weight: bold;
	background-color: #00cd08;
}

.label-rating-good {
	color: #000;
	font-weight: bold;
	background-color: #83cd00;
}

.label-rating-okay {
	color: #000;
	font-weight: bold;
	background-color: #bdcd00;
}

.label-rating-improvable {
	color: #000;
	font-weight: bold;
	background-color: #CDA400;
}

.label-rating-bad {
	font-weight: bold;
	background-color: #cd6b00;
}

.qtip table.rating td {
	padding: 4px;
}

.qtip table.rating tr.overall-row {
	font-size: 1.3em;
}

div.select2-result i.subline {
    color: #888888;
    font-style: normal;
}

li.select2-highlighted div.select2-result i.subline {
    color: #fff;
    font-style: normal;
}

div.search-query.select2-container .select2-choice span.select2-arrow {
	display:none;
}

div.location-select2 ul.select2-choices li:first-child {
	font-weight: bold;
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  {
    i.qtip-icon-static, i.qtip-icon {
        font-size: 1.5em;
    }
}

div.offer h2 {
    line-height: 1.5em;
    font-size: 1.5em;
    font-weight: normal;
}

div.offer div.image {
    padding: 10px 10px 10px 0px;
}

div.offer dl.narrow {
    margin-bottom: 0px;
}

div.offer dl.middle {
    margin-top: 0;
}

div.offer dl.narrow dt {
    width:100px;
}

div.offer dl.narrow dd {
    margin-left: 120px;
}

div.offer dl dd.price {
    font-size: 1.5em;
}

div.offer dl dd.voucher {
    font-size: 1.5em;
    color: red;
}

div.offer blockquote {
    margin-bottom: 0px;
}

div.offer blockquote p {
    font-size: 1.2em;
    font-weight: 300;
    line-height: 1em;
}

div.offer .collapse-bar {
    padding-bottom: 6px;
}

#offer-overwrite-form {
    margin-bottom: 12px;
}

div.offer dl.bottom dt {
    width:135px;
	margin-bottom: 3px;
}

div.offer dl.bottom dd {
    margin-left: 155px;
	margin-bottom: 3px;
}

div.offer h2 span.label {
    position: relative;
    top: -3px;
}

div.offer .image img {
	cursor: pointer;
}

div.offer dd img {
	vertical-align: baseline;
	padding-right: 3px;
}

#Ship_equipments {
    width:400px;
    min-width: 400px;
}

.header-pager {
    display: inline;
}

.modal.fade.in {
    top: 5%;
}

.modal-body {

    max-height: 75vh;
}

.qtip-icon, .qtip-icon-static {
    cursor: pointer;
}

.opacity50 {
    opacity:0.5;
    filter:alpha(opacity=50); /* For IE8 and earlier */
}

.table td.dimension {
    font-weight: bold;
}

.table td.negative {
    color: red;
}
.table td.negative-strong {
    color: red;
    font-weight: bold;
}

.table td.positive-strong {
    color: green;
    font-weight: bold;
}

.table td.positive-strong {
    color: green;
    font-weight: bold;
}

.table tr.statistic-head-one th {
	text-align: center;
}

.table tr.statistic-head-two th {
	text-align: right;
}

.table td.column-grey, .table th.column-grey {
	background-color: #f3f3f3;
}

.table td.past {
	color: grey;
}

#ship-has-enquiry-list dt:not(:first-child) {
    padding-top: 10px;
}

.pac-container {
    z-index: 2000 !important;
}

a.expand-link {
    font-size: 16px;
	cursor: pointer;
}

.qtip-400 {
	max-width: 400px !important;
	width: 400px !important;
}

.qtip-600 {
	max-width: 600px !important;
	width: 600px !important;
}

.qtip-800 {
    max-width: 800px !important;
    width: 800px !important;
}

.qtip-1200 {
	max-width: 1200px !important;
	width: 1200px !important;
	font-size: 0.9em !important;
}

.imported-image-preview{
    position:relative;
    display: inline-block;
}
.imported-image-preview img{
    height:150px;
    width: auto;
    padding: 3px;
}

.imported-image-preview .inlay{
    position:absolute;
    top:5px;
    right:5px
}

#owner-at-location-grid .slider, #location-grid .slider {
    margin-left: 20px;
	margin-right: 20px;
	width:400px;
	padding-top:12px;
}

/* WIDTH = 100% */

.twitter-typeahead {
	width: 100%;
	z-index: 1051;
	margin-top: 2px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.twitter-typeahead .tt-menu {
	background: white;
	border: 1px solid;
	padding: 6px;
	z-index: 1052;
}

.twitter-typeahead .tt-suggestion:hover {
	background-color: #006dcc;
	background-image: linear-gradient(to bottom, #0088cc, #0044cc);
	background-repeat: repeat-x;
	color:white;
	cursor: pointer;
}

.twitter-typeahead .tt-suggestion.tt-cursor {
	background-color: #006dcc;
	background-image: linear-gradient(to bottom, #0088cc, #0044cc);
	background-repeat: repeat-x;
	color:white;
}

.grid-view .button-column {
	text-align: right;
}

.list-view-image-gallery img {
	padding:6px;
}

.list-view-image-gallery .image{
	display: inline-block;
	position:relative;
}
.list-view-image-gallery .image-overlay{
	position:absolute;
	top:8px;
	right:8px;
	font-size: 20px;
	background-color:white;
}

form a.expand-link {
	font-size: 12px;
}

form div.expand-link {
	margin-left: 180px;
	padding-bottom: 12px;
}

.qtip .alert {
	font-size: 0.9em;
	line-height: 12px;
	padding:4px;
	margin-bottom: 4px;
}

.qtip .alert ul, .qtip ul {
	margin-bottom: 0px;
}
.qtip .alert li {
	line-height: 12px;
}

#week-year-form div.slider {
	margin: 0 6px 0 16px;
}
/*@media only screen*/
/*and (min-device-width : 1024px)  {*/
	/*.ui-tooltip, .qtip {*/
		/*max-width: 500px !important;*/
		/*width: 500px !important;*/
	/*}*/

/*}*/

@media (min-width: 1400px) {
	.input-mega {
		width:1295px;
	}
}

.controls-text-only {
	padding-top:5px;
}

.urlBrowserChoice {
	padding-bottom: 10px;
}

.apply-highlight-tags {
	font-size:2em;
	padding: 10px;
}

h2 small {
	font-size: 0.9em;
}

.qtip-content form {
	margin:0;
}

div.navbar-sipgate {
	padding: 8px;
	font-size: 1.1em;
	color:red;
}

div.navbar-sipgate div.user-active-call {
	min-width:18px;
	display:inline-block;
}

.blue{
	color: #3a87ad;
}

.pink{
	color: deeppink;
}

.bigdrop .select2-results {max-height: 400px;}

@keyframes fa-blink {
	0% { opacity: 1; }
	25% { opacity: 0.75; }
	50% { opacity: 0.5; }
	75% { opacity: 0.25; }
	100% { opacity: 0; }
}
.fa-blink {
	-webkit-animation: fa-blink 2s linear infinite;
	-moz-animation: fa-blink 2s linear infinite;
	-ms-animation: fa-blink 2s linear infinite;
	-o-animation: fa-blink 2s linear infinite;
	animation: fa-blink 2s linear infinite;
}

a.xedit-display-red {
	color: red;
}

a.xedit-display-green {
	color: green;
}

a.xedit-display-purple {
	color: purple;
}

.grid-hover-tr {
	background-color: lightcyan;
}

.navbar-tasks {
	margin-top:5px;
}

.navbar-tasks span.label {
	padding:6px;
	margin-right:3px;
}

.navbar-tasks i.fa {
	font-size:1.4em;
	vertical-align: middle;
}

.table div.day-info {
	padding-left: 11px;
}

#search-enquiry-form span.add-on, #search-enquiry-form select {
	margin-right: 6px;
}

#search-enquiry-form input.btn {
	margin-bottom: 9px;
}

#search-enquiry-form label.checkbox.inline {
	margin-bottom: 14px;
	margin-right: 6px;
}

#enquiry-grid i.icon-grey {
	opacity: 0.5;
}

.icon-before-accordion-toogle {
	float:left;
	margin:10px;
}

#ship-prices-form-list .control-label {
	width:90%;
}

.extra-ship-radio-button-list {
	padding-bottom: 12px;
}

/* Enquiry's flights search style */

#search-enquiry-flights-form {
    position: relative;
	padding-top: 15px;
}

#search-enquiry-flights-form > .spinner {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, .6);
    z-index: 999;
    margin: 0;
}

#available-flights-grid {
	overflow: visible;
}

fieldset div.flights-search-from:nth-child(2) {
	margin-top: 12px;
}

.flights-search-from > .span12 {
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
}

.flights-search-from > .span12.flex2cols {
	align-items: flex-start;
	-webkit-align-items: flex-start;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	margin-bottom: 10px;
}

.flights-search-from__input-block {
	display: flex;
	flex-direction: column;
	margin-right: 10px;
	min-height: 54px;
}
.flex2cols .flights-search-from__input-block {
	flex: 0 0 49%;
	-webkit-flex: 0 0 49%;
	margin: 0;
}

.flights-search-from__input-block input[type="checkbox"] {
	margin-top: 0;
	margin-left: 3px;
}

.flight__header {
    margin-bottom: 20px;
}

.flight__header > span:last-child {
    font-size: 14px;
}

.flight-route {
    display: flex;
    flex-wrap: wrap;
    box-shadow: rgba(37, 42, 49, 0.16) 0px 0px 2px 0px, rgba(37, 42, 49, 0.12) 0px 1px 4px 0px;
    border-radius: 3px;
    background: rgb(255, 255, 255);
}

.flight-stopover {
    display: flex;
    flex-wrap: wrap;
}

.flight-route__cell,
.flight-stopover__cell {
    box-sizing: border-box;
}

.flight-stopover__cell:nth-child(2n):before {
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    width: 4px;
    height: 100%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Ccircle cx='60' cy='60' r='30' fill='%23bac7d5'/%3E%3C/svg%3E") 0% 0% / 4px 4px;
    z-index: 1;
}

.flight-route__cell:nth-child(2n-1),
.flight-stopover__cell:nth-child(2n-1) {
    width: 6.75em;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    text-align: center;
    padding: 4px 0px 4px 8px;
}

.flight-route__cell:nth-child(2n),
.flight-stopover__cell:nth-child(2n) {
    width: calc(100% - 6.75em);
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 4px 0px;
}

.flight-route__cell > img {
    border-radius: 4px;
}

.flight-stopover__cell {
    padding: 17px 0!important;
}

.stopover-time {
    position: relative;
    margin-left: 10px;
    padding-left: 8px;
    font-size: 12px;
    font-weight: 600;
    color: rgb(95, 115, 140);
}

.flight-route__city {
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    color: #2e353b;
}

.flight-route__airport {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: rgb(95, 115, 140);
    margin: 0;
}

.flight-route__cell--grey {
    background: rgb(245, 247, 249);
}

.airline-duration-row {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.flight-route__cell .airline {
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    color: #2e353b;
    padding: 5px 8px;
    background: rgb(255, 255, 255);
    border-radius: 15px;
}

.flight-route__cell .duration {
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    color: rgb(1, 114, 203);
    padding: 5px 8px;
    margin: 0 0 0 7px;
    background: rgb(229, 247, 255);
    border-radius: 15px;
}

.flight-stopover__clock-icon {
    width: 16px;
    position: absolute;
    top: 50%;
    left: -16px;
    transform: translateY(-50%);
    fill: currentColor;
    background: #fff;
    z-index: 9;
}

.flight-stopover__bed-icon {
    width: 18px;
    margin-right: 5px;
    fill: rgb(95, 115, 140);
}

.flight__nights {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 18px 0;
    margin-top: 18px;
    margin-bottom: 7px;
    background: rgb(245, 247, 249);
}

.flight__nights > span {
    display: flex;
    font-size: 12px;
    font-weight: 600;
    color: rgb(95, 115, 140);
}

.flight-details__city {
	font-weight: bold;
	margin-right: 4px;
}

.flight-details__airport {
    font-size: 12px;
    font-weight: 400;
    color: rgb(95, 115, 140);
}

.flight-details__time {
    font-size: 12px;
    font-weight: 600;
    margin-left: 6px;
    color: #333;
}

.btn-group .dropdown-menu-right {right: 0; left: auto; min-width: auto; text-align: left;}
.btn-group [class^="fa-"],
.btn-group [class*=" fa-"] {margin-right: 3px; vertical-align: middle; font-size: 12px;}

.table-border-spacing {
	border-collapse: separate;
	border-spacing: 0 3px;
}

tr.spacer th {
	padding-top: 40px;
}

td.td-cashflow-value {
	text-align: right;
	border-left: 1px solid grey;
}

td.td-cashflow-gain {
	text-align: right;
	border-right: 1px solid grey;
}

td.td-cashflow-current-month, th.td-cashflow-current-month {
	background-color: #fdf5ce !important;
}

table.table-bordered-inner {
	border-collapse: collapse;
	border-style: hidden;
}
table.table-bordered-inner td {
	border: 1px solid grey;
}

.horizontal-scroll-except-first-column {
	width: 100%;
	overflow: auto;
}

.horizontal-scroll-except-first-column > table {
	margin-left: 20em;
}

.horizontal-scroll-except-first-column > table > * > tr > th:first-child,
.horizontal-scroll-except-first-column > table > * > tr > td:first-child {
	position: absolute;
	width: 20em;
	margin-left: -20em;
	background: #fff;
}

.horizontal-scroll-except-first-column > table > * > tr > th,
.horizontal-scroll-except-first-column > table > * > tr > td {
	/* Without this, if a cell wraps onto two lines, the first column
     * will look bad, and may need padding. */
	white-space: nowrap;
}

ul.nav li.brand-item a {
	padding: 8px 11px;
}

.file-dropzone {
	background: #efefef;
	border: 2px dashed #0088cc;
	border-radius: 5px;
	padding: 34px;
	cursor: pointer;
}

.file-dropzone .message {
	margin: 2em 0;
	text-align: center;
	font-size: 1.6em;
}

.file-dropzone .message i {
	margin-bottom: 18px;
	font-size: 2em;
}

.file-dropzone.hover {
	opacity: 0.5;
	border: 2px solid #0088cc;
}

.ship-has-equipment-comment {
	text-decoration: underline;
	font-style: italic;
}

.imported-comment-out-of-sync {
	color: red;
	font-weight: bold;
}

.imported-comment-match {
	color: green;
	font-weight: bold;
}

.imported-comment-overwritten {
	color: green;
}

.equipment-item {
	margin-bottom: 1px;
	padding: 6px 8px;
}

.equipment-item.row-fluid [class*="span"], .equipment-item.row-fluid div.pull-right {
	min-height: 10px;
}

.equipment-item.is-master {
	background-color: #d9edf7;
}

div.flex-events {
	display: flex;
	flex-wrap: wrap;
	/*justify-content: flex-start;*/
}

div.flex-events div.flex-item {
	flex-basis: 5rem;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: center;
	padding: 3px;
	border-radius: 3px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	/*align-self: flex-start;*/
}

div.flex-events div.flex-item.wide {
	flex-basis: 10rem;
}

div.flex-events div.flex-item.item-green {
	background-color: #dff0d8;
}
div.flex-events div.flex-item.item-red {
	background-color: #f2dede;
}

div.side-flex {
	display: flex;
	flex-wrap: wrap;
}

div.side-flex .flex-item {
	width:45%;
	border-radius: 3px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	text-align: center;
	padding:3px;
	margin: 3px;
	justify-content: space-evenly;
}

div.side-flex .flex-item.wide {
	width:100%;
}

div.side-flex .flex-item.actions {
	text-align: left;
	border:none;
}

.modal {
	width: 1000px;
}

.offer-mini-table td:nth-child(2) {
	text-align: right;
	padding-left:6px;
}

.page-header-nav {
	display: flex;
}
.page-header-nav .nav {
	padding-left: 10px;
}

.textRed {
	color:red;
}

.fa-stack.small { font-size: 0.75em; }
.fa-stack.small i { vertical-align: middle; }

.blink {
	animation: blink 0.5s step-start infinite;
}
@keyframes blink {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

select[name^="pageSize_"] {
	width:60px;
}

#s2id_centerLocationSelect {
	margin-bottom: 6px;
	font-size: 0.8em;
	font-weight: normal;
}

.yii-job-info {
	display: inline-grid;
	padding: 0 6px;
	min-width: 50px;
}

.large-labels .label {
	font-size: 1.1em;
	padding: 4px 8px;
}

.select2-highlighted a {
	color: #fff;
}

.file-dropzone-icon-only {
	background: transparent;
	border: 0;
	padding: 0;
}

.file-dropzone-icon-only .message {
	margin: 0;
	font-size: 1em;
}

.file-dropzone-icon-only .message i {
	margin: 0;
	font-size: 1em;
	color: #0088cc;
}

table.table-headerless tr:first-child td {
	border-top: 0;
}

table.table-last-column-right td:last-child {
	text-align: right;
}

.label-inline {
	display: inline;
	padding: 4px 8px;
}

.rotate-by-90-clockwise {
	/* CSS to rotate the image */
	transform: rotate(90deg);
	/* Ensure the rotation occurs around the center */
	transform-origin: center;
}

.editable-empty {
	color: #333333 !important;
}

.api-price-check-result {
	font-weight: bold;
}

#contract-extra-table .help-block {
	color: red;
}

/* Finapi Styles */
.finapi-user-badge {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 2px 6px;
    font-size: 11px;
    color: #666;
}

.finapi-status-ready {
    color: #468847;
}

.finapi-status-progress {
    color: #f89406;
}

.finapi-status-error {
    color: #b94a48;
}

.finapi-connection-table td {
    vertical-align: middle;
}

.finapi-form-section {
    border-top: 1px solid #e5e5e5;
    margin-top: 20px;
    padding-top: 20px;
}

.finapi-info-box {
    background-color: #f8f8f8;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 20px;
}

.finapi-balance-container {
    text-align: center;
    padding: 10px;
}

.finapi-balance-amount {
    font-size: 24px;
    font-weight: bold;
    color: #468847;
}

.subline {
	font-size: 0.9em;
	color: #888;
	display: inline-block;
}

/* Ship Image Gallery View Styles */
.ship-image-gallery {
    margin-bottom: 20px;
}

.gallery-items-container {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin: 0 -7px;
}

.gallery-item {
    flex: 0 0 calc(25% - 15px);
    max-width: calc(25% - 15px);
    box-sizing: border-box;
}

@media (max-width: 1400px) {
    .gallery-item {
        flex: 0 0 calc(33.333% - 15px);
        max-width: calc(33.333% - 15px);
    }
}

@media (max-width: 1000px) {
    .gallery-item {
        flex: 0 0 calc(50% - 15px);
        max-width: calc(50% - 15px);
    }
}

.gallery-item-container {
    position: relative;
    border: 2px solid #ddd;
    border-radius: 4px;
    background: #fff;
    transition: all 0.2s ease;
    overflow: hidden;
}

.gallery-item-container:hover {
    border-color: #0088cc;
    box-shadow: 0 2px 8px rgba(0,136,204,0.2);
}

.gallery-item-container.selected {
    border-color: #d9534f;
    box-shadow: 0 0 0 3px rgba(217,83,79,0.4);
}

.gallery-item-container.not-displayed {
    opacity: 0.5;
}

.gallery-item-container.not-displayed:hover {
    opacity: 0.8;
}

.gallery-item-container.recently-updated {
    border-color: #5bc0de;
    background-color: #d9edf7;
}

/* Top and Bottom bars (outside image) */
.gallery-bar {
    background: rgba(0,0,0,0.8);
    color: #fff;
    padding: 6px 10px;
    font-size: 11px;
}

.gallery-bar-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 2px 2px 0 0;
}

.gallery-bar-top .bar-left {
    display: flex;
    align-items: center;
    gap: 8px;
}

.gallery-bar-top .gallery-checkbox-label {
    display: inline-flex;
    align-items: center;
    margin: 0;
    cursor: pointer;
}

.gallery-bar-top .gallery-checkbox-label input[type="checkbox"] {
    margin: 0;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.gallery-bar-top .bar-type .label,
.gallery-bar-top .bar-image-type .label {
    font-size: 10px;
    padding: 2px 6px;
}

.gallery-bar-top .bar-id {
    font-size: 10px;
    color: #aaa;
}

.gallery-bar-bottom {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.gallery-bar-bottom .status-indicators {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
}

.gallery-bar-bottom .status-item {
    display: inline-flex;
    align-items: center;
}

.gallery-bar-bottom .status-item a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
}

.gallery-bar-bottom .status-item a:hover {
    opacity: 0.8;
}

.gallery-bar-bottom .status-item .icon-success {
    color: #5cb85c;
}

.gallery-bar-bottom .status-item .icon-important {
    color: #d9534f;
}

.gallery-bar-bottom .status-item .icon-grey {
    color: #999;
}

.gallery-bar-bottom .bar-source {
    font-size: 10px;
    color: #aaa;
    margin-left: auto;
}

.gallery-bar-bottom .bar-source i {
    margin-right: 3px;
}

/* Image wrapper */
.gallery-image-wrapper {
    position: relative;
    width: 100%;
    height: 180px;
    overflow: hidden;
    background: #222;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gallery-image-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.gallery-image {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto;
    object-fit: contain;
    cursor: pointer;
    transition: transform 0.3s ease;
}

/* Profile images - distinct border and background */
.gallery-item[data-filter-source="profile"] .gallery-item-container {
    border: 3px solid #c815ac;
    box-shadow: 0 0 0 2px rgba(200, 21, 172, 0.3);
}

.gallery-item[data-filter-source="profile"] .gallery-image-wrapper {
    background: #888;
}

.gallery-item[data-filter-source="profile"] .gallery-item-container:hover {
    border-color: #a01290;
    box-shadow: 0 0 0 3px rgba(200, 21, 172, 0.5);
}

.gallery-item-container:hover .gallery-image {
    transform: scale(1.02);
}

/* Overlays */
.gallery-overlay {
    position: absolute;
    background: rgba(0,0,0,0.7);
    color: #fff;
    padding: 6px 10px;
    font-size: 11px;
    transition: opacity 0.2s ease;
}

.gallery-overlay-top {
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.gallery-overlay-top .overlay-left {
    display: flex;
    align-items: center;
    gap: 8px;
}

.gallery-overlay-top .gallery-checkbox-label {
    display: inline-flex;
    align-items: center;
    margin: 0;
    cursor: pointer;
}

.gallery-overlay-top .gallery-checkbox-label input[type="checkbox"] {
    margin: 0;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.gallery-overlay-top .overlay-type .label,
.gallery-overlay-top .overlay-image-type .label {
    font-size: 10px;
    padding: 2px 6px;
}

.gallery-overlay-top .overlay-id {
    font-weight: bold;
    color: #ddd;
}

.gallery-overlay-bottom .overlay-source {
    margin-left: auto;
    font-size: 10px;
    color: #ccc;
}

.gallery-overlay-bottom .overlay-source i {
    margin-right: 3px;
}

.gallery-overlay-bottom {
    bottom: 0;
    left: 0;
    right: 0;
    padding: 8px 10px;
}

.gallery-overlay-bottom .status-indicators {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

.gallery-overlay-bottom .status-item {
    display: inline-flex;
    align-items: center;
}

.gallery-overlay-bottom .status-item a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
}

.gallery-overlay-bottom .status-item a:hover {
    opacity: 0.8;
}

.gallery-overlay-bottom .status-item .icon-success {
    color: #5cb85c;
}

.gallery-overlay-bottom .status-item .icon-important {
    color: #d9534f;
}

.gallery-overlay-bottom .status-item .icon-grey {
    color: #999;
}

/* Image type dropdown in actions bar */
.action-btn-dropdown-container {
    position: relative;
    display: inline-block;
}

.image-type-dropdown {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: #333;
    border: 1px solid #555;
    border-radius: 4px;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.3);
    min-width: 100px;
    z-index: 1000;
    margin-bottom: 5px;
}

.image-type-dropdown .image-type-option {
    display: block;
    padding: 6px 12px;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    white-space: nowrap;
    border-bottom: 1px solid #444;
}

.image-type-dropdown .image-type-option:last-child {
    border-bottom: none;
}

.image-type-dropdown .image-type-option:hover {
    background: #444;
}

.image-type-dropdown .image-type-option.active {
    background: #0088cc;
}

.gallery-overlay-left {
    top: 50%;
    left: 8px;
    transform: translateY(-50%);
    background: rgba(255,255,255,0.9);
    border-radius: 50%;
    padding: 6px;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.gallery-item-container:hover .gallery-overlay-left {
    opacity: 1;
}

.gallery-overlay-left .info-icon {
    color: #333;
    font-size: 16px;
    cursor: pointer;
}

/* Actions bar */
.gallery-actions {
    display: flex;
    justify-content: center;
    gap: 4px;
    padding: 8px;
    background: #f8f8f8;
    border-top: 1px solid #eee;
}

.gallery-actions .action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 3px;
    color: #555;
    background: #fff;
    border: 1px solid #ddd;
    text-decoration: none;
    transition: all 0.2s ease;
}

.gallery-actions .action-btn:hover {
    background: #0088cc;
    border-color: #0088cc;
    color: #fff;
}

.gallery-actions .action-btn.action-delete:hover {
    background: #d9534f;
    border-color: #d9534f;
}

.gallery-actions .action-btn i {
    font-size: 12px;
}

/* Gallery info tooltip */
.gallery-info-tooltip {
    max-width: 350px;
}

.gallery-info-tooltip table {
    margin: 0;
    font-size: 11px;
}

.gallery-info-tooltip table th {
    width: 90px;
    font-weight: bold;
    white-space: nowrap;
}

.gallery-info-tooltip table td {
    word-break: break-all;
}

/* Deleted placeholder */
.gallery-item-deleted {
    background: #f5f5f5;
    border-color: #ddd;
}

.gallery-deleted-placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 180px;
    color: #999;
    padding: 20px;
}

.gallery-deleted-placeholder i {
    font-size: 48px;
    margin-bottom: 10px;
    color: #ccc;
}

.gallery-deleted-placeholder span {
    font-size: 12px;
}

/* Gallery Filter Bar */
.gallery-filter-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
    padding: 12px 16px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border: 1px solid #dee2e6;
    border-radius: 8px;
    margin-bottom: 20px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}

.gallery-filter-bar .filter-group {
    display: flex;
    align-items: center;
    gap: 8px;
}

.gallery-filter-bar .filter-label {
    font-size: 12px;
    font-weight: 600;
    color: #495057;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.gallery-filter-bar .filter-toggle {
    display: flex;
    gap: 0;
}

.gallery-filter-bar .filter-toggle .btn {
    border-radius: 0;
    padding: 5px 10px;
    font-size: 11px;
    border-color: #ced4da;
    background: #fff;
    color: #495057;
    transition: all 0.15s ease;
}

.gallery-filter-bar .filter-toggle .btn:first-child {
    border-radius: 4px 0 0 4px;
}

.gallery-filter-bar .filter-toggle .btn:last-child {
    border-radius: 0 4px 4px 0;
}

.gallery-filter-bar .filter-toggle .btn:not(:first-child) {
    margin-left: -1px;
}

.gallery-filter-bar .filter-toggle .btn:hover {
    background: #e9ecef;
    z-index: 1;
}

.gallery-filter-bar .filter-toggle .btn.active {
    background: #0088cc;
    border-color: #0088cc;
    color: #fff;
    z-index: 2;
    box-shadow: 0 2px 4px rgba(0,136,204,0.3);
}

.gallery-filter-bar .filter-toggle .btn i {
    margin-right: 3px;
}

.gallery-filter-bar .filter-stats {
    margin-left: auto;
    gap: 12px;
}

.gallery-filter-bar .filter-count {
    font-size: 13px;
    font-weight: 600;
    color: #0088cc;
    background: rgba(0,136,204,0.1);
    padding: 4px 10px;
    border-radius: 12px;
}

.gallery-filter-bar .reset-filters {
    font-size: 11px;
    color: #dc3545;
    padding: 4px 8px;
}

.gallery-filter-bar .reset-filters:hover {
    color: #a71d2a;
    text-decoration: none;
}

/* Filter visibility states */
.gallery-item.filter-hidden {
    display: none !important;
}

.gallery-item.filter-visible {
    display: block;
}

/* Responsive filter bar */
@media (max-width: 1200px) {
    .gallery-filter-bar {
        gap: 12px;
    }

    .gallery-filter-bar .filter-group {
        flex-wrap: wrap;
    }

    .gallery-filter-bar .filter-stats {
        width: 100%;
        margin-left: 0;
        justify-content: flex-end;
    }
}

@media (max-width: 768px) {
    .gallery-filter-bar {
        flex-direction: column;
        align-items: stretch;
    }

    .gallery-filter-bar .filter-group {
        justify-content: space-between;
    }

    .gallery-filter-bar .filter-stats {
        justify-content: center;
        border-top: 1px solid #dee2e6;
        padding-top: 12px;
        margin-top: 4px;
    }
}

/* External Sync Gallery Styles */
.sync-gallery-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.sync-gallery-item {
    flex: 0 0 calc(25% - 12px);
    max-width: calc(25% - 12px);
    box-sizing: border-box;
    background: #fff;
    border: 2px solid #ddd;
    border-radius: 6px;
    overflow: hidden;
    transition: all 0.2s ease;
}

.sync-gallery-item:hover {
    border-color: #0088cc;
    box-shadow: 0 4px 12px rgba(0,136,204,0.2);
}

@media (max-width: 1400px) {
    .sync-gallery-item {
        flex: 0 0 calc(33.333% - 10px);
        max-width: calc(33.333% - 10px);
    }
}

@media (max-width: 1000px) {
    .sync-gallery-item {
        flex: 0 0 calc(50% - 8px);
        max-width: calc(50% - 8px);
    }
}

@media (max-width: 600px) {
    .sync-gallery-item {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.sync-gallery-image-wrapper {
    position: relative;
    width: 100%;
    min-height: 200px;
    max-height: 280px;
    overflow: hidden;
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.sync-gallery-image {
    max-width: 100%;
    max-height: 280px;
    width: auto;
    height: auto;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.sync-gallery-item:hover .sync-gallery-image {
    transform: scale(1.03);
}

.sync-gallery-no-image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 200px;
    color: #666;
    font-size: 48px;
}

/* Sync Gallery Overlays */
.sync-gallery-overlay {
    position: absolute;
    left: 0;
    right: 0;
    padding: 10px 12px;
    background: linear-gradient(to bottom, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%);
    color: #fff;
    transition: opacity 0.2s ease;
}

.sync-gallery-overlay-top {
    top: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%);
}

.sync-gallery-overlay-top .label {
    font-size: 11px;
    padding: 4px 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.sync-gallery-overlay-bottom {
    bottom: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%);
    padding: 20px 12px 12px;
}

.sync-gallery-reason {
    font-size: 12px;
    line-height: 1.4;
    display: block;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5);
}

/* Sync Gallery Actions */
.sync-gallery-actions {
    display: flex;
    justify-content: center;
    padding: 12px;
    background: #f8f9fa;
    border-top: 1px solid #eee;
}

.sync-gallery-actions .btn {
    min-width: 100px;
}

.sync-gallery-actions .btn i {
    margin-right: 5px;
}

/* Utility */
.mb12 {
    margin-bottom: 12px;
}

/* ================================================
   Sidebar Cards - Organized information panels
   ================================================ */

.sidebar-card {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 6px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.04);
}

.sidebar-card-header {
    background: linear-gradient(to bottom, #fafafa 0%, #f5f5f5 100%);
    border-bottom: 1px solid #ddd;
    padding: 5px 8px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    color: #555;
    display: flex;
    align-items: center;
    gap: 5px;
}

.sidebar-card-header i {
    color: #888;
}

.sidebar-card-header .badge {
    margin-left: auto;
}

.sidebar-card-body {
    padding: 5px 8px;
}

.sidebar-card-body .row-fluid {
    margin-bottom: 2px;
}

.sidebar-card-body .row-fluid:last-child {
    margin-bottom: 0;
}

/* Card variants */
.sidebar-card.card-primary .sidebar-card-header {
    background: linear-gradient(to bottom, #e8f4fc 0%, #d9edf7 100%);
    border-bottom-color: #bce8f1;
    color: #31708f;
}

.sidebar-card.card-success .sidebar-card-header {
    background: linear-gradient(to bottom, #e8f5e9 0%, #dff0d8 100%);
    border-bottom-color: #d6e9c6;
    color: #3c763d;
}

.sidebar-card.card-warning .sidebar-card-header {
    background: linear-gradient(to bottom, #fef8e7 0%, #fcf8e3 100%);
    border-bottom-color: #faebcc;
    color: #8a6d3b;
}

.sidebar-card.card-danger .sidebar-card-header {
    background: linear-gradient(to bottom, #fbe9e7 0%, #f2dede 100%);
    border-bottom-color: #ebccd1;
    color: #a94442;
}

/* Data rows inside cards */
.sidebar-data-row {
    display: flex;
    padding: 2px 0;
    border-bottom: 1px solid #f0f0f0;
    line-height: 1.3;
}

.sidebar-data-row:last-child {
    border-bottom: none;
}

.sidebar-data-row .data-label {
    flex: 0 0 32%;
    color: #888;
    font-weight: 500;
}

.sidebar-data-row .data-value {
    flex: 1;
    line-height: 1.6;
}

.sidebar-data-row .data-value .label,
.sidebar-data-row .data-value .badge {
    margin-right: 3px;
    margin-bottom: 2px;
    display: inline-block;
}

/* Actions section */
.sidebar-card-actions {
    padding: 6px;
    background: #fafafa;
    border-top: 1px solid #eee;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.sidebar-card-actions a {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #555;
    text-decoration: none;
    transition: all 0.15s ease;
}

.sidebar-card-actions a:hover {
    background: #f0f0f0;
    border-color: #ccc;
    color: #333;
    text-decoration: none;
}

.sidebar-card-actions a i {
    color: #888;
}

.sidebar-card-actions a:hover i {
    color: #555;
}

/* Compact list in sidebar */
.sidebar-compact-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sidebar-compact-list li {
    padding: 2px 0;
    border-bottom: 1px solid #f0f0f0;
    line-height: 1.3;
}

.sidebar-compact-list li:last-child {
    border-bottom: none;
}

/* Ship Enquiry List Items */
.ship-enquiry-item {
    padding: 8px;
    border-bottom: 1px solid #e5e5e5;
}

.ship-enquiry-item:last-child {
    border-bottom: none;
}

.ship-enquiry-item-main {
    background: linear-gradient(to right, #fcf8e3 0%, #fff 100%);
}

.ship-enquiry-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 4px;
}

.ship-enquiry-title {
    font-weight: 600;
}

.ship-enquiry-actions {
    display: flex;
    gap: 6px;
    flex-shrink: 0;
}

.ship-enquiry-period {
    margin-bottom: 4px;
}

.ship-enquiry-details {
    color: #555;
    margin-bottom: 2px;
}

.ship-enquiry-equipment {
    color: #888;
    line-height: 1.2;
    margin-bottom: 2px;
}

.ship-enquiry-filters {
    margin-top: 4px;
}

.ship-enquiry-filters .label {
    margin-right: 3px;
    margin-bottom: 2px;
    display: inline-block;
}

/* Common search attributes header */
.ship-enquiry-common-filters {
    background: #d9edf7;
    border-bottom: 1px solid #bce8f1;
}

.ship-enquiry-common-filters .common-row {
    margin-bottom: 4px;
}

.ship-enquiry-common-filters .common-row:last-child {
    margin-bottom: 0;
}

.ship-enquiry-common-filters .common-filters-label {
    color: #31708f;
    font-weight: 600;
    margin-right: 6px;
}

.ship-enquiry-common-filters .label {
    margin-right: 3px;
    margin-bottom: 2px;
    display: inline-block;
}

.ship-enquiry-common-filters .unmatched-filters {
    background: #fcf8e3;
    margin: 8px -8px -8px -8px;
    padding: 8px;
    border-top: 1px solid #faebcc;
}

.ship-enquiry-common-filters .unmatched-filters .common-filters-label {
    color: #8a6d3b;
}