/* disable gin-sidebar */

/*
body[data-meta-sidebar=open] {
  --gin-sidebar-offset: 0px;
}

body[data-meta-sidebar=open] .layout-region-node-secondary {
  transform: translateX(var(--gin-sidebar-width));
  visibility: hidden;
}

[dir=rtl] body[data-meta-sidebar=open] .layout-region-node-secondary {
  transform: translateX(calc(var(--gin-sidebar-width) * -1));
}


.meta-sidebar__trigger {
 visibility: hidden;
 display: none;
}
*/

.gin-table-scroll-wrapper {
  padding-bottom: unset!important;
  margin-bottom: unset!important;
}

/* toolbar */

.toolbar, html {
  font-family: "Source Sans Pro", "Lucida Grande", Verdana, sans-serif !important;
  font-size: 80% !important;
}

.toolbar .toolbar-bar #toolbar-item-administration-tray .toolbar-logo img {
  max-width: 98% !important;
  max-height: fit-content !important;
  padding: 5px;
}

.toolbar-logo {
	margin-bottom:15px;
}

.region.region-breadcrumb {
  display: none;
}

/* ICONS */
@media (min-width: 61em) {
[dir="ltr"] .toolbar-menu-administration > .toolbar-menu > .menu-item:hover > .toolbar-icon::after, [dir="ltr"] .toolbar-menu-administration > .toolbar-menu > .menu-item:hover > .toolbar-box > a.toolbar-icon::after, [dir="ltr"] .toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-icon:focus::after, [dir="ltr"] .toolbar-menu-administration > .toolbar-menu > .menu-item.menu-item--active-trail > .toolbar-icon::after, [dir="ltr"] .toolbar-menu-administration > .toolbar-menu > .menu-item.menu-item--active-trail:hover > .toolbar-icon::after, [dir="ltr"] .toolbar-menu-administration > .toolbar-menu > .menu-item.menu-item--active-trail > .toolbar-box > a.toolbar-icon::after {
    left: calc((var(--gin-toolbar-width-collapsed) - var(--gin-spacing-xl) - var(--gin-spacing-xs)) / 2 - 13px) !important;
}
}

.toolbar-icon-menu-link-contentc7aa51f5-350f-494e-aeed-e31fc943fabe::before,
.toolbar-menu-administration-dashboard::before {
  -webkit-mask-image: url(svg_icons/dashboard.svg) !important;
  mask-image: url(svg_icons/dashboard.svg) !important;
mask-size: 24px !important;
}

.toolbar-icon-views-viewviews-travel-agent-services-page-1::before {
  -webkit-mask-image: url(svg_icons/travel_agent2.svg) !important;
  mask-image: url(svg_icons/travel_agent2.svg) !important;
mask-size: 28px !important;
}

.toolbar-icon-companies::before, 
.toolbar-icon-menu-link-content56afd7dd-1979-4fde-85f7-dda82a32172f::before {
  -webkit-mask-image: url(svg_icons/company-cooperation-organize.svg) !important;
  mask-image: url(svg_icons/company-cooperation-organize.svg) !important;
mask-size: 24px !important;
}

.toolbar-icon-travel-approver-services::before, 
.toolbar-icon-travel-agent-services::before, 
.toolbar-icon-views-viewviews-travel-arranger-services-page-1::before, 
.toolbar-icon-views-viewviews-travel-approver-services-page-1::before, 
.toolbar-icon-menu-link-contentcf8f9552-6925-4a68-9e93-56bbba6f9e0b::before, 
.toolbar-icon-views-viewviews-passenger-services-page-1::before {
  -webkit-mask-image: url(svg_icons/trip2.svg) !important;
  mask-image: url(svg_icons/trip2.svg) !important;
mask-size: 24px !important;
}

.toolbar-icon-my-services::before, 
.toolbar-icon-views-viewviews-passenger-services-page-1::before {
 	 -webkit-mask-image: url(svg_icons/trip2.svg) !important;
  	mask-image: url(svg_icons/trip2.svg) !important;
	mask-size: 24px !important;
}

.toolbar-icon-my-trips::before, 
.toolbar-icon-views-viewviews-my-trips-page-1::before {
 	 -webkit-mask-image: url(svg_icons/trip_marks.svg) !important;
  	mask-image: url(svg_icons/trip_marks.svg) !important;
	mask-size: 24px !important;
}

.toolbar-icon-travel-teams::before, 
.toolbar-icon-views-viewviews-travel-teams-page-1::before {
  -webkit-mask-image: url(svg_icons/team-member.svg) !important;
  mask-image: url(svg_icons/team-member.svg) !important;
mask-size: 28px !important;
}

.toolbar-icon-passenger-list::before, 
.toolbar-icon-views-viewviews-passengers-list-page-1::before {
  -webkit-mask-image: url(svg_icons/person.svg) !important;
  mask-image: url(svg_icons/person.svg) !important;
mask-size: 28px !important;
}

.add-trip {
    font-weight: 600 !important;
	font-size: 12px !important;
}

.add-trip::before {
  width: 22px;
  height: 22px;
  display: inline-block;
  content: '';
  -webkit-mask: url(svg_icons/trip1.svg) no-repeat 50% 50%;
  mask: url(svg_icons/trip1.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: blue;
  vertical-align: middle;
}

.add-trip:hover::before {
background-color: white;
}

.services-list-btn {
  padding: 5px 5px 5px 5px !important;
  margin-bottom: 6px;
}

.services-btn {
  padding: 5px 5px 5px 5px !important;
  min-width: 96px;
	margin-bottom: 6px;
}

.add-flight-btn::before {
  width: 22px;
  height: 22px;
  display: inline-block;
  content: '';
  -webkit-mask: url(svg_icons/airplane.svg) no-repeat 50% 50%;
  mask: url(svg_icons/airplane.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: white;
  vertical-align: middle;
}

.add-hotel-btn::before {
  width: 22px;
  height: 22px;
  display: inline-block;
  content: '';
  -webkit-mask: url(svg_icons/hotel-bed.svg) no-repeat 50% 50%;
  mask: url(svg_icons/hotel-bed.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: white;
  vertical-align: middle;
}

.add-car-btn::before {
  width: 22px;
  height: 22px;
  display: inline-block;
  content: '';
  -webkit-mask: url(svg_icons/auto.svg) no-repeat 50% 50%;
  mask: url(svg_icons/auto.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: white;
  vertical-align: middle;
}

.add-train-btn::before {
  width: 22px;
  height: 22px;
  display: inline-block;
  content: '';
  -webkit-mask: url(svg_icons/train-2.svg) no-repeat 50% 50%;
  mask: url(svg_icons/train-2.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: white;
  vertical-align: middle;
}

.add-other-btn::before {
  width: 22px;
  height: 22px;
  display: inline-block;
  content: '';
  -webkit-mask: url(svg_icons/other.svg) no-repeat 50% 50%;
  mask: url(svg_icons/other.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: white;
  vertical-align: middle;
}

.select-pass-btn::before {
  width: 22px;
  height: 22px;
  display: inline-block;
  content: '';
  -webkit-mask: url(svg_icons/person.svg) no-repeat 50% 50%;
  mask: url(svg_icons/person.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: white;
  vertical-align: middle;
}
/* Forms */

.form-item__label.option {
    margin-left: 10px;
}

/* div#edit-field-trip-reference-wrapper {
    display: none;
}

*/

/* tables header */

table th {
  font-size: var(--gin-font-size-m) !important;
  font-weight: bold !important;
}

/* Layout styles */

.field--label-above {
    border-left: 1px solid #d9d9d9;
    padding: 5px 15px 5px 15px;
	margin-bottom:10px;
}

.field.field--name-field-approval-status.field--type-workflow.field--label-above {
  border-left: none;
  padding: 0;
  margin-bottom: 0;
}

#ief-entity-table-edit-field-service-to-quote-er-entities .th__operations, 
#ief-entity-table-edit-field-service-to-quote-er-entities .ief-entity-operations, 
#ief-entity-table-edit-field-price-summary-entities .th__operations, 
#ief-entity-table-edit-field-price-summary-entities .ief-entity-operations, 
.tabledrag-toggle-weight-wrapper, 
.ief-entity-table .ief-tabledrag-handle, 
.ief-entity-table .ief-tabledrag-header {
  display: none;
}

.block-field-blockuseruseruser-picture {
  padding-right: 10px;
}

/*
.layout__region--first-disable, .layout__region--second-disable {
  width: 100%;
  padding: var(--gin-spacing-s);
  background: var(--gin-bg-layer);
  border: 1px solid var(--gin-border-color-layer);
  box-sizing: border-box;

  margin-top: 0;
  box-shadow: var(--gin-shadow-l1);
  border-radius: var(--gin-border-l);

  margin-bottom: 20px;
}
*/
body.gin-login .user-form-page__user-form img {
  max-height: fit-content !important;
}


/* Custom styles for layout builder */
.field-wrapper h2 {
    font-size: 14px;
    font-weight: 600;
}

.field-wrapper .gin-layer-wrapper {
    padding: var(--gin-spacing-5);
}

.service-highlight {
  background: var(--gin-color-primary-light);
}

.service-highlight table {
    margin-top: 0;
    margin-bottom: 0;
}

.service-highlight table th {
    background: transparent;
}

.service-highlight .gin-layer-wrapper {
    padding: 0;
}

.services-buttons .gin-layer-wrapper  {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}

.fields-box {
  width: 100%;
  padding: var(--gin-spacing-s);
  background: var(--gin-bg-layer);
  border: 1px solid var(--gin-border-color-layer);
  box-sizing: border-box;
}

.flex-50 {
  width: 50%;
  float: left;
  }


/* Workflow Labels */

.workflow-transition-form .form-save-default-button {
	display:none;
}

span.marker {
    background: #f9ff00;
}

.label-wf-view {
    padding: 4px 1px;
    border: none;
    font-size: 11px;
    /* font-weight: 600; */
    border-radius: var(--gin-border-l);
    text-align: center;
}

.views-field-field-approval-status .field-content {
  /* text-align: right;  */
}

.view-wf-current-state .gin-layer-wrapper, 
.view-content.gin-layer-wrapper {
  border: none;
  background: transparent;
  box-shadow: none;
}

.quote-item, .value-item {
  margin-bottom: 10px;
  cursor: pointer;
}

.quote-item details summary:hover {
  background: rgba(var(--gin-color-primary-rgb), .10);
}

.quote-item details summary {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    background-color: rgba(var(--gin-color-primary-rgb), .05);
}

.quote-detail {
  background: rgba(var(--gin-color-primary-rgb), .02);
  padding: 5px;
}

.quote-detail article h2 {
  display: none;
}

.value-item details summary:hover {
  background: rgba(var(--gin-color-primary-rgb), .35);
}

.value-item details summary {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  background-color: rgba(var(--gin-color-primary-rgb), .20);
}

.value-detail {
  background: rgba(var(--gin-color-primary-rgb), .1);
  padding: 5px;
}

.label-wf {
	display: inline-block;
	padding: 6px 16px;
	color: #fff;
	/* margin-left: 20px; */
	border: none;
	font-size: 12px;
	font-weight: 600;
  border-radius: var(--gin-border-l);
}

.label-DRAFT, .label-NEW, .label-ON-ANALYSIS, .label-ON-SELECT-QUOTES {
    background: #c3f7c3;
    color: #000!important;
}

.label-OLD-DRAFT, .label-OLD-NEW, .label-OLD-ON-ANALYSIS, .label-OLD-ON-SELECT-QUOTES {
    background: #c3f7c371;
    color: #000!important;
}

.label-Requested, .label-ON-QUOTATION, .label-ON-ISSUE, .label-OP1, .label-OP2, .label-OP3, .label-NC-REQUEST, .label-REQUEST-CHANGE, .label-CHANGE-REQUEST, .label-QUOTE-SELECTED  {
	background: #ff8206;
	color: #fff!important;
}

.label-Requested-OLD, .label-OLD-ON-QUOTATION, .label-OLD-ON-ISSUE, .label-OLD-OP1, .label-OLD-OP2, .label-OLD-OP3, .label-OLD-NC-REQUEST  {
	background: #ff830679;
	color: #fff!important;
}

.label-Approved, .label-APPROVED, .label-ON-TRAVEL, .label-CONTROL, .wf-label-APPROVED div.field-name-field-approval, .label-TICKET-ISSUED, .label-CHANGE-APPROVED {
	background: green;
	color: #fff!important;
}

.label-OLD-Approved, .label-OLD-APPROVED, .label-OLD-ON-TRAVEL, .label-OLD-CONTROL, .label-OLD-CHANGE-APPROVED {
	background: rgba(0, 128, 0, 0.473);
	color: #fff!important;
}

.label-Refused, .label-REFUSED, .label-CANCELED, .wf-label-REFUSED div.field-name-field-approval {
	background: red;
	color: #fff!important;
}

.label-PAID {
	background: #5c5d5c;
	color: #fff!important;
}

.label-ON-APPROVAL, .label-ON-APPROVAL-L4, .label-ON-APPROVAL-L3, .label-ON-APPROVAL-L2-1, .wf-label-APPROVAL div.field-name-field-approval, .label-CHANGE-APPROVAL
 {
	background: #deb506;
	color: #fff!important;
}

.label-OLD-ON-APPROVAL, .label-OLD-ON-APPROVAL-L4, .label-OLD-ON-APPROVAL-L3 {
	background: #deb6067c;
	color: #fff!important;
}

.label-CLOSED, .wf-label-PAID div {
	background: #5c5d5c;
	color: #fff!important;
}

.field.field--name-field-approval-status.field--type-workflow.field--label-above {
    display: block;
}

.workflow-button-approve {
    background-color: green !important;
    color: white !important;
}

.workflow-button-approve:hover {
    background-color: #10e110 !important;
}
.workflow-button-refuse, .workflow-button-refused {
    background-color: red !important; 
    color: white !important;
} 
.workflow-button-refuse:hover {
    background-color: #b10707 !important;
}

*[id^='edit-actions-workflow-trip-service-approval-draft'],   
*[id^='edit-actions-workflow-trip-service-approval-on-approval'], 
*[id^='edit-actions-workflow-trip-service-approval-quote-selected'], 
.workflow-button-approved, 
.workflow-button-change-approval, 
.workflow-button-hide, 
.workflow-button-on-quotation, 
.workflow-button-on-analysis, 
.add-quote-btn, 
.field--name-field-approval-status > .field__label {
  display: none;
}

.field--name-field-approval-status > .field__item {
  font-size: 0;
}

.add-quote-ON-QUOTATION {
  display: block !important;
}

.view-_-trip-detail-block .view-content.gin-layer-wrapper, 
.field__item .layer-wrapper.gin-layer-wrapper{
    background: none;
    border: none;
    box-shadow: none;
    padding: 0;
    margin-bottom: 20px;
    border-radius: 0;
}

.view-wf-current-state .view-content.gin-layer-wrapper {
  padding: 0;
  padding-bottom: 15px;
}

.views-table caption {
    font-size: var(--gin-font-size-h3);
}

div#edit-revision-information {
    display: none;
}

input#edit-field-selected-quote-none + label, 
input#edit-field-approval-status-trip-service-approval-change-request + label, 
input#edit-field-approval-status-trip-service-approval-change-approved + label, 
#edit-field-approval-status-trip-service-approval-change-approved, 
.workflow-transition-trip_service_approval-container .th__comment, 
.workflow-transition-trip_service_approval-container .th__operations {
    display: none;
}

td.views-field.views-field-dropbutton {
    width: 125px;
}

td.views-field.views-field-field-approval-status {
    width: 140px;
}

td.views-field.views-field-title {
  width: 310px;
}

td.views-field-field-check-in-date, 
td.views-field-field-check-out-date, 
td.views-field-field-departure-date, 
td.views-field-field-pick-up-date, 
td.views-field-field-return-date, 
td.views-field-field-car-return-date {
  width: 138px;
}

td.views-field-field-city, 
td.views-field-field-return-location, 
td.views-field-field-pick-up-location {
  width: 200px;
}

td.views-field-field-flight-option, 
td.views-field-field-cabin-class-1 {
  width: 107px;
}

.block-extra-field-blockcommentservice-commentslinks ul li {
	float:left;
}

.comment-title {
    text-align:right;
    margin-right: 20px;
}

.comment-author {
    text-align:right;
    margin-right: 20px;
    font-weight: 600;
}

.image-style-comm-thumb {
  border-radius: 50%;
  width: 40px;
  height: 40px;
}

.comment-picture {
  text-align: right;
}


.comment-date {
    text-align:right;
    margin-right: 20px;
}

.comment-body {
    background: #e5eef5;
    padding: 10px;
    margin-bottom: 0px;
}

.by-node-author .comment-body {
    background: #d0e4f3;
    padding: 10px;
    margin-bottom: 0px;
}

.comment-links {
  margin-bottom: 33px;
  margin-top: 6px;
}

.comment .content h3 {
    display: none;
}

.comment__meta a, 
footer.comment__meta {
    display: none;
}

.comment-reply a {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  color: #1c1a1a;
  font-size: var(--gin-font-size);
  background: #f000;
  padding: 3px 5px 3px 5px;
  text-decoration: none;
  display: block;
  width: fit-content;
  border: 1px solid var(--gin-color-primary);
}

.comment-reply a:hover {
  background: #3cb0fd;
  text-decoration: none;
	color: white;
}

.comment-reply a::before {
  width: 16px;
  height: 16px;
  display: inline-block;
  content: '';
  -webkit-mask: url(svg_icons/reply-black-left-arrow.svg) no-repeat 50% 50%;
  mask: url(svg_icons/reply-black-left-arrow.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: var(--gin-color-primary);
  vertical-align: top;
  margin-right: 5px;
}

.comment-edit a {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  color: #1c1a1a;
  font-size: var(--gin-font-size);
  background: #f000;
  padding: 3px 5px 3px 5px;
  text-decoration: none;
  display: block;
  width: fit-content;
  border: 1px solid var(--gin-color-primary);
}

.comment-edit a:hover {
  background: #3cb0fd;
  text-decoration: none;
	color: white;
}

.comment-edit a::before {
  width: 14px;
  height: 14px;
  display: inline-block;
  content: '';
  -webkit-mask: url(svg_icons/edit.svg) no-repeat 50% 50%;
  mask: url(svg_icons/edit.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: var(--gin-color-primary);
  vertical-align: top;
  margin-right: 5px;
}

.comment-delete a {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  color: #1c1a1a;
  font-size: var(--gin-font-size);
  background: #f000;
  padding: 3px 5px 3px 5px;
  text-decoration: none;
  display: block;
  width: fit-content;
  border: 1px solid red;
}

.comment-delete a:hover {
  text-decoration: none;
  background: #8a0d0d;
  color: white;
}

.comment-delete a::before {
  width: 16px;
  height: 16px;
  display: inline-block;
  content: '';
  -webkit-mask: url(svg_icons/delete-2.svg) no-repeat 50% 50%;
  mask: url(svg_icons/delete-2.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: red;
  vertical-align: top;
  margin-right: 5px;
}

.indented {
    margin-left: 10% !important;
}

element.style {
    padding: 3px;
    background: lime;
}

.modalPopup {
    background:#fff; 
    border:3px solid gray; 
    padding:3px; 
    position:relative; 
    width: 80%;
    height: 400px;
    margin:0 10%; 
    overflow:auto;
}

.gin--edit-form .field--name-title .form-element {
    font-size: inherit !important;
    line-height: normal !important;
    width: 90% !important;
}

/*.form-element {
    width: 90%;
}

.form-wrapper {
    padding-right:25px ;
}
*/

.date-field-group .field--type-datetime {
    float: left;
}

#field-multiple-destination-phs-values > tbody > tr > td.field-multiple-drag.tabledrag-cell.tabledrag-cell--only-drag > div {
    display: none !important;
}

@media (max-width: 63.99em) {
  .gin-layer-wrapper {
        overflow: visible !important;
  }
}


.modalWindow {
position: fixed;
font-family: arial;
font-size:80%;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.2);
z-index: 99999;
opacity:0;
-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
pointer-events: none;
}
.modalHeader h2 { color: #189CDA; border-bottom: 2px groove #efefef; }
.modalWindow:target {
opacity:1;
pointer-events: auto;
}
.modalWindow > div {
width: 500px;
position: relative;
margin: 10% auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #fff;
}
.modalWindow .modalHeader { padding: 5px 20px 0px 20px; }
.modalWindow .modalContent { padding: 0px 20px 5px 20px; }
.modalWindow .modalFooter { padding: 8px 20px 8px 20px; }
.modalFooter {
background: #F1F1F1;
border-top: 1px solid #999;
-moz-box-shadow: inset 0px 13px 12px -14px #888;
-webkit-box-shadow: inset 0px 13px 12px -14px #888;
box-shadow: inset 0px 13px 12px -14px #888;
}
.modalFooter p {
color:#D4482D;
text-align:right;
margin:0;
padding: 5px;
}
.ok, .close, .cancel {
background: #606061;
color: #FFFFFF;
line-height: 25px;
text-align: center;
text-decoration: none;
font-weight: bold;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
}
.close {
position: absolute;
right: 5px;
top: 5px;
width: 22px;
height: 22px;
font-size: 10px;
}
.ok, .cancel {
width:80px;
float:right;
margin-left:20px;
}
.ok:hover { background: #189CDA; }
.close:hover, .cancel:hover { background: #D4482D; }
.clear { float:none; clear: both; }

.block.block-layout-builder.block-inline-blockbasic {
  min-height: 59px;
}

.help-box {
  width: 100%;
  padding: var(--gin-spacing-s);
  background: var(--gin-bg-layer);
  border: 1px solid var(--gin-border-color-layer);
  box-sizing: border-box;
}