div#navTree.accordion li#nav-menu-item-itinerary-builder > a:before { background-image:url(../images/itinerarybuilder_nav.svg); }

.show-cursor-pointer { cursor: pointer; }

/* Override Kendo Grid's default behaviour of reducing some sizing of child grids. */
td.k-detail-cell table td, td.k-detail-cell table th { font-size: 1em !important; }
td.k-detail-cell table td { padding: .5em .6em .4em !important; }
td.k-detail-cell table td { padding: .4em .6em !important; }

#edit_document_builder_panel .k-grid .sub_keys  {
    padding-bottom: 4px;
}

#edit_document_builder_panel .k-grid .sub_keys .k-grid .child-row.is-not-snippet-row td {
    font-weight: bold;
}

/*  upload */

#edit_document_builder_panel ul.k-upload-files.k-reset {
    border: 0;
    padding-top: 20px;
}

#edit_document_builder_panel li.k-file.k-file-success {
    color: #080d1d;
}

div.k-dropzone em {
    visibility: hidden;
}

div.k-upload {
    border: none !important;
}

div.uloverlay {
    opacity:.7;
    position:fixed;
    top:0;bottom:0;left:0;right:0;
    background-color:white;
    background-image: none;
    text-align:center
}

div.uloverlay i.icon-upload{
    font-size:45em;
    opacity:.7
}
div.uloverlay span {
    font-size:20em;
    opacity:.7
}

#itinerary_component_panel div > div.k-dropzone,
#itinerary_time_panel div > div.k-dropzone {
    padding: 0;
    margin-top: 3px;
}

#itinerary_component_panel div > div > div.k-upload-button,
#itinerary_time_panel div > div > div.k-upload-button {
    margin-right: 0;
    border-radius: 0;
    border: none;
    background: #080d1d !important;
    font-size: 14px;
    color: #ffffff;
    height: 34px;
    line-height: 34px;
    padding: 0;
    min-width: 150px;
}

#itinerary_component_panel div > div > div.k-upload-button:hover,
#itinerary_time_panel div > div > div.k-upload-button:hover {
    background: #080d1d !important;
    color: #ffffff;
}
div.k-dropzone span.k-file-name-size-wrapper {
    color: #080d1d;
    font-size: 14px;
}
div.k-dropzone span.k-file-name-size-wrapper span.k-file-name {
    display: inline-block;
    max-width: 26em;
}
div.k-dropzone span.k-file-name-size-wrapper span.k-file-size {
    display: inline-block;
    font-size: 14px;
    margin-left: 1em;
}

#itinerary_component_panel strong.k-upload-status.k-upload-status-total,
#itinerary_time_panel strong.k-upload-status.k-upload-status-total {
	display:none;
}
.attach_list .upload_list_table_remove {
	text-align: right;
}
#attachment > table  tr.actions > td {
	padding-bottom: 0;
}

div.attach_list th.attach_displayname {
	width: 50%;
}
div.attach_list th.attach_size {
	width: 100px;
}
div.attach_list th.attach_type {
	width: 100px;
}

input.attach_displayname_new {
	margin-bottom: 0;
	width: 60%;
}

input.attach_displayname_save {
    margin-left: 15px;
    min-width: auto;
    width: 60px;
    padding: 0;

}

/* hide docs menu item*/
#ib_map_menu > li:nth-child(4) {
    display: none !important;
}

.ui-dialog.Warning-dialog {
	border: 3px solid #eb1600;
}
.Warning-dialog .ui-dialog-titlebar {
    background-color: #eb1600;
}
.Warning-dialog p {
    color: #eb1600;
}

.Warning-dialog button {
    padding: 7px 14px;
    color: #080d1d !important;
    display: inline-block;

    margin-bottom: 0;
    font-size: 14px !important;
    line-height: 20px !important;
    text-align: center;

    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #bbbbbb;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;

    /*width: 100px;*/
    font-family: 'Montserrat', sans-serif;
    border: none !important;
    font-weight: 500 !important;;
    background: #d1d1d1 !important;;
    background-image: none;
    margin: 0 0 0 20px !important;
    min-width: 150px;
}

.Warning-dialog button:hover {
    color: #ffffff !important;
    background: #eb3d00 !important;
}
.Warning-dialog .ui-dialog-buttonset button:hover, .Warning-dialog .ui-dialog-buttonset button:focus {
    background-color: #eb1600 !important;
    color: #ffffff !important;
}
tr.deleted-map-item, span.deleted-map-item {
	text-decoration: line-through;
}

#controls-CustomerName  span.k-combobox {
	width: 100% !important;
	padding: 0px 0px !important;
}
#controls-CustomerName  span.k-combobox span.k-dropdown-wrap {
    height: 30px !important;
}
#controls-CustomerName  span.k-combobox input.k-input {
	height: 30px !important;
}
div.k-no-data {
	min-height: 2em !important;
	font-family: 'Montserrat', sans-serif ; 
    font-size: 14px;
    font-weight: 500;
	color: #080d1d;
}

#nodata-CustomerName    {
	text-transform: none;
    margin-bottom: 5px;
    line-height: 20px;
}	


#controls-File .k-widget.k-upload.k-upload-async { background-color: white; }
.overlay-panel .main-panel-inner form textarea.df_form_textarea {
    height: 124px;
    margin: 0;
    resize: none;
}
.overlay-panel .main-panel-inner form textarea.only-three-rows {
    height: 69px !important;
}

/* start of Grid row re-ordering css taken from https://kendo.cdn.telerik.com/themes/6.4.0/default/default-main.css */
.k-drag-clue {
    border-radius: 4px;
    padding-block: 4px;
    padding-inline: 8px;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    font-size: 14px;
    font-family: inherit;
    line-height: 1.4285714286;
    display: inline-flex;
    flex-flow: row nowrap;
    align-items: center;
    align-content: center;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    z-index: 20000;
    cursor: move;
}

.k-drag-status,
.k-drag-clue .k-drag-status {
    margin: 0;
    margin-right: .4ex;
}

.k-drop-hint {
    display: flex;
    gap: 4px;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    z-index: 1000;
    transform: translate(-50%, -50%);
}

.k-drop-hint-start,
.k-drop-hint-end {
    flex-shrink: 0;
    border-width: 4px;
    border-style: solid;
    border-color: transparent;
}

.k-drop-hint-line {
    flex-grow: 1;
    background-color: #ff6358;
}

.k-drop-hint-h .k-drop-hint-start {
    border-left-width: 6.9282032304px;
    border-left-color: #ff6358;
    border-right-width: 0;
}

.k-drop-hint-h .k-drop-hint-line {
    width: 20px;
    height: 1px;
}

.k-drop-hint-h .k-drop-hint-end {
    border-right-width: 6.9282032304px;
    border-right-color: #ff6358;
    border-left-width: 0;
}

.k-drop-hint-v {
    flex-direction: column;
}

.k-drop-hint-v .k-drop-hint-start {
    border-top-width: 6.9282032304px;
    border-top-color: #ff6358;
    border-bottom-width: 0;
}

.k-drop-hint-v .k-drop-hint-line {
    width: 1px;
    height: 20px;
}

.k-drop-hint-v .k-drop-hint-end {
    border-bottom-width: 6.9282032304px;
    border-bottom-color: #ff6358;
    border-top-width: 0;
}

.k-reorder-cue {
    position: absolute;
}

.k-reorder-cue::before, .k-reorder-cue::after {
    content: "";
    width: 0;
    height: 0;
    border: 3px solid transparent;
    position: absolute;
    transform: translateX(-50%);
}

.k-reorder-cue::before {
    border-bottom-width: 0;
    border-top-color: currentColor;
    top: -4px;
}

.k-reorder-cue::after {
    border-top-width: 0;
    border-bottom-color: currentColor;
    bottom: -4px;
}

.k-drag-clue {
    border-color: rgba(0, 0, 0, 0.08);
    color: #424242;
    background-color: #fafafa;
}
/* end of Grid row re-ordering css taken from https://kendo.cdn.telerik.com/themes/6.4.0/default/default-main.css */


#itinerary_component_panel div > div > span.file-label-container,
#itinerary_time_panel div > div > span.file-label-container {
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
}


.ui-widget-content.ui-dialog.image-preview-dialog { min-width: auto !important; }
div.image-preview-dialog div.ui-dialog-content { padding: 10px; }
div.image-preview-dialog div.ui-dialog-buttonpane {
    min-width: auto !important;
    margin-top: 0;
}

div.image-preview-dialog div.ui-dialog-buttonpane div.ui-dialog-buttonset button.red {
    background:#a90303;
    color: #ffffff;
}
div.image-preview-dialog div.ui-dialog-buttonpane div.ui-dialog-buttonset button.red:hover { background:#FF0000; }

form.hideForm { display: none; }

.overlay-panel .main-panel-inner .df_form_table tr.fields { background: #cecfd2; }
.overlay-panel .main-panel-inner .df_form_table td { padding-bottom: 10px; }


/* Override the kendo row reorder icon. */
.k-drag-cell .k-i-reorder:before {
    content: "\e035";
    font-weight: 700;
}

.btn+.btn { margin-left: 0; }
.btn {
    margin-right: 10px;
    margin-bottom: 10px;
}

.ui-dialog-titlebar.ui-corner-all {
    border-radius: 0;
}

/* Remove any addition form padding */
.overlay-panel .main-panel-inner .df_form_table td {
    padding-top: 0;
    padding-bottom: 0;
}

.df_form_table #controls-CmsSearch { height: auto; }
.df_form_table #controls-CmsSearch button { margin-bottom: 0; }

.tag-holder span {
    display: inline-block;
    background-color: #ebeced;
    border-radius: 5px;
    padding: 5px 7px 6px;
    margin: 5px 5px 0 0;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
    pointer-events: none;
}
.tag-holder span:hover { background-color: #fff; }
.tag-holder span i {
    pointer-events: auto;
    cursor: pointer;
}

.line-clear {
    clear: both;
    height: 1px;
}



/* More layout tweaks */
#edit_itinerary_component_form #fieldset_Section2_holder,
#edit_time_form #fieldset_Section2_holder {
    padding-bottom: 10px;
}

#edit_document_builder_form .df_form_table tr:first-child td { padding-bottom: 0; }
#edit_document_builder_content .df_form_table .control-group label {
    width: auto;
    margin-right: 30px;
}
#edit_document_builder_content #document_builder_cover_image_preview_holder {
    display: inline-block;
    position: relative;
    flex-grow: 1;
}
#edit_document_builder_content #document_builder_cover_image_preview_holder #document_builder_cover_image_preview {
    position: absolute;
    top: -44px;
    width: 100%;
    height: 143px;
    background-color: transparent;
    background-position: 100% 0%;
    background-repeat: no-repeat;
    background-size: contain;
}

#itinerary-builder-function-btn-holder { margin-top: 10px; }


/* To position the Browse button nicely beside the text field */
.df_form .itinerary-builder-fieldset {
    display: flex;
    align-items: center; /* Align items vertically in the center */
}
.df_form #fieldset-CoverImageFilePathFieldset, .df_form #fieldset-TravelConsultantFieldset { justify-content: space-between; /* Space between items */ }
.df_form .itinerary-builder-fieldset legend {
	line-height: 30px;
	padding-top: 4px;
    font-size: 14px;
    font-weight: 500;
	color: #080d1d;
	border: none;
}
.df_form .itinerary-builder-fieldset .control-group {
    display: flex;
	flex-grow: 0;
    flex-direction: row;
    justify-content: space-between;
}
.df_form .itinerary-builder-fieldset .control-group label { white-space: nowrap; }
.df_form .itinerary-builder-fieldset.hide-control-group-labels .control-group label { display: none; }
.df_form .itinerary-builder-fieldset #control-group-CoverImageFilePath, .df_form .itinerary-builder-fieldset #control-group-TravelConsultant { flex-grow: 1; }
.df_form #fieldset-CoverImageFilePathFieldset .control-group input[type="text"], .df_form #fieldset-TravelConsultantFieldset .control-group input[type="text"] { width: 100%; }
.df_form #fieldset-CoverImageFilePathFieldset .control-group button, .df_form #fieldset-TravelConsultantFieldset .control-group button {
    flex: 0 0 150px;
	height: 40px;
    margin-right: 0;
    margin-left: 10px;
}
.df_form #fieldset-ImageFilePathFieldset .control-group button { height: 40px; }


.df_form_table .fields .column .control-group input[type=text].hasTimepicker {
    width: 100%;
}


/* To position checkbox labels to the right of the checkbox */
.df_form #fieldset-IncludePagesFieldset .control-group {
	display: inline-block;
    margin-bottom: 0;
}
.df_form #fieldset-IncludePagesFieldset .control-group label {
	float: right;
}
.df_form #fieldset-IncludePagesFieldset .control-group .controls {
	width: auto;
	margin-right: 10px;
}

#travel-details-panel-content #PartySpecificAlerts {
    margin-top: 0;
    margin-bottom: 0;
    min-height: 30px;
    height: 50px;
    resize: vertical;
}

/* Side-by-side Grids */
.side-by-side-grid-container {
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
}
.side-by-side-grid-container .column {
    flex: 1;  /* Makes each column grow equally */
    height: 100%;  /* Full height of the container */
    box-sizing: border-box; /* Includes padding and border in the element's total width and height */
}
.side-by-side-grid-container .column.left {
    margin-right: 10px; /* Half of the total space to create a gap in the center */
}
.side-by-side-grid-container .column.right {
    margin-left: 10px; /* Half of the total space to create a gap in the center */
}
/* For the tabs inside the columns */
#travel-details-panel-content ul.nav-tabs {
    display: flex !important;
    margin: 0;
    border: none;
}
#travel-details-panel-content ul.nav-tabs li {
    flex: 1 !important;
    margin: 0;
}
#travel-details-panel-content ul.nav-tabs li a, #travel-details-panel-content ul.nav-tabs li a:hover {
    margin: 0 0 0 1px;
    padding: 3px;
    background-color: #9c9ea4;
    border: 1px solid #9c9ea4;
    color: white;
}
#travel-details-panel-content ul.nav-tabs li:last-child a {
    margin: 0 1px 0 1px;
}
#travel-details-panel-content ul.nav-tabs li.active a, #travel-details-panel-content ul.nav-tabs li.active a:hover {
    background-color: #080d1d;
    border: 1px solid #080d1d;
}
#travel-details-panel-content ul.nav-tabs li.active a:hover {
    color: white;
}
#travel-details-panel-content ul.nav-tabs li a.nav-link {
    text-align: center;
}

/* Center grid cell contents */
.k-grid table thead tr th.centered-cell, .k-grid table tbody tr td.centered-cell, .k-grid table tbody tr td.k-drag-cell {
    text-align: center;
}

/* Make all df_form_table checkboxes smaller */
.df_form_table .control-group i.df_form_checkbox {
    font-size: 25px;
}
.df_form_table .control-group #controls-WelcomePage,
.df_form_table .control-group #controls-OverviewPage {
    margin-top: 9px;
}


.df_form_table #party-controls-holder {
    position: relative;
}
.df_form_table #party-controls-holder #controls-showPartyNames-label {
    position: absolute;
    top: 0;
    right: 45px;
    width: auto;
    margin-right: 0;
}
.df_form_table #party-controls-holder #controls-showPartyNames-control {
    position: absolute;
    top: 43px;
    right: 45px;
    width: auto;
}


/* Grid control option icons */
.k-grid table tbody tr td .control-option-cell-container i.icon-control-option {
    display: inline-block;
    margin-top: 3px;
    font-size: 18px;
}
#controls-showPartyNames-control i.df_form_checkbox.is-saving,
.k-grid table tbody tr td .control-option-cell-container i.icon-control-option.is-saving {
    color: #085ae0 !important;
}
.k-grid table tbody tr td .control-option-cell-container i.icon-control-option.not-selected  {
    opacity: 0.3;
}
.k-grid table tbody tr td .control-option-cell-container i.icon-control-option.locked:before {
    content: "\f023" !important;
}
.k-grid table tbody tr td .control-option-cell-container i.icon-control-option.selected:before,
.k-grid table tbody tr td .control-option-cell-container i.icon-control-option.not-selected:before  {
    content: "\f14a" !important;
}

/* travel-consultants-grid-container */
#travel-consultants-grid-container .k-grid .k-grid-header {
    padding-right: 0 !important;
}

.k-grid table tbody tr.to-be-added td, .k-grid table tbody tr.to-be-added td:hover { color: green; }
.to-be-added .k-i-plus-circle:before {
    content: "\e120";
    font-weight: 700;
    color: green;
}
.k-grid table tbody tr.to-be-removed td, .k-grid table tbody tr.to-be-removed td:hover { color: red; }
.to-be-removed .k-i-x-circle:before {
    content: "\e11d";
    font-weight: 700;
    color: red;
}

.svg-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}


#edit-itinerary-component-form-table {
    display: flex;
    flex-direction: column;
    width: 100%;
    background: #cecfd2;
}
#edit-itinerary-component-form-table .fields {
    display: flex;
    width: 100%;
}
#edit-itinerary-component-form-table .column {
    padding: 0 10px;
}
#edit-itinerary-component-form-table .tiny {
    width: 200px; /* Fixed width for tiny columns */
}
#edit-itinerary-component-form-table .small {
    width: 300px; /* Fixed width for small columns */
}
#edit-itinerary-component-form-table .large {
    flex-grow: 1; /* Allows this column to grow and fill the remaining space */
}
#edit-itinerary-component-form-table .full-width {
    width: 100%;
    padding: 0 10px 10px;
    flex-grow: 1;
}
#edit-itinerary-component-form-table .actions .full-width, #edit-itinerary-component-form-table .fields.row2 .full-width {
    flex-basis: 100%; /* Take the full width of the flex container */
}
.df_form #fieldset-ImageFilePathFieldset .control-group #AssetBankSearchBtn {
    min-width: 140px;
    margin: 0 10px 0 0;
}
.df_form #fieldset-ImageFilePathFieldset .control-group #AssetBankPreviewBtn {
    min-width: 140px;
    margin: 0 0 0 10px;
}

#damImagefilterInput {
    height: 40px;
    width: 100%;
    box-sizing: border-box;
}

#asset-summary-list-view {
    overflow-y: auto;
}
#asset-summary-list-view .thumbnail-container {
    display: inline-block;
    margin: 10px;
    text-align: center;
    width: 280px;
    cursor: pointer; /* Make the thumbnail clickable */
    transition: border 0.6s ease-in-out; /* Add transition for border */
    border: 1px solid transparent; /* Initial transparent border */
}
#asset-summary-list-view .thumbnail-container:hover {
    border: 1px solid #dcdcdc;
    border-color: #dcdcdc #dcdcdc #b3b3b3;
}
#asset-summary-list-view .thumbnail-container .title {
    margin: 5px auto 0;
    width: 278px;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
}
#asset-summary-list-view .thumbnail-container .dam-thumbnail, #imagePreviewDialog .dam-thumbnail {
    width: 253px;
    height: 253px;
    margin: auto;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #cecfd2;
}
#imagePreviewDialog .dam-thumbnail {
    width: 100%;
    height: 360px;
    background-color: transparent;
}

.dam-list-filters-box .df_form_table {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background-color: #cecfd2;
}
.dam-list-filters-box .df_form_table .control-group {
    flex: 1 1 33%; /* Flex-grow: 1, Flex-shrink: 1, Flex-basis: 33% */
    box-sizing: border-box;
    padding: 10px;
}
.dam-list-filters-box .df_form_table .control-group:last-child {
    margin-right: 0;
}
.dam-list-filters-box .controls {
    width: 100%;
}

.dam-list-filters-box .hidden {
    display: none;
}

/* Short URL dialog */
#itinerary-builder-open-shorturl-dialog {
    position: relative;
}
#itinerary-builder-open-shorturl-dialog .controls {
    width: 100%;
}
#ItineraryBuilderMode4ShortUrlReady {
    width: 90%;
}
#ItineraryBuilderMode4ShortUrlCopy {
    position: absolute;
    right: 0;
    min-width: auto;
    width: 8%;
    margin-top: 1px;
    margin-right: 0;
    padding: 3px 0;
}


.k-editor-dialog .k-edit-field .k-textbox input[type=text] { margin-bottom: 0; }
.k-editor-dialog .k-edit-field input[type=checkbox] { width: 13px; }
.k-editor-dialog .k-edit-label:nth-of-type(3) { display: none !important; }
.k-editor-dialog .k-edit-field:nth-of-type(3) { display: none !important; }
.k-editor-dialog .k-edit-label:nth-of-type(4) { display: none !important; }
.k-editor-dialog .k-edit-field:nth-of-type(4) { display: none !important; }


.itinerary-builder-image-cropper-dialog {
    width: 800px !important;
}
.itinerary-builder-image-cropper-dialog .ui-dialog-buttonset-left {
    float: left !important;
}
.itinerary-builder-image-cropper-dialog .ui-dialog-buttonset-left button {
    margin: 0 20px 0 0 !important;
}

#itinerary-builder-image-cropper-container {
	width: 780px;
	height: 500px;
}
#itinerary-builder-image-cropper-move-stats {
	width: 300px;
	height: 30px;
	position: absolute;
    right: 0;
}

/* TOV */
.k-editor-toolbar .k-tool-group>.k-tool.k-tool-custom {
    width: auto;
}
.itinerary-builder-mode2-branded-rewording { width: 50% !important; }
#branded_rewording_dialog_form textarea {
    margin-bottom: 0;
    height: 67px;
    resize: vertical;
}
#modal-overlay-info {
    background: white !important;
    width: 300px !important;
    margin-left: -103px !important;
    text-align: center !important;
    font-size: 130% !important;
    padding: 26px 0 25px !important;
    position: relative;
    overflow: hidden;
}
#modal-overlay-info .animated-div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
    color: black;
    opacity: 0;
    transform: translateX(100%);
    transition: opacity 1s ease, transform 0.5s ease;
}
@keyframes modalOverlayInfoTextAnimations {
    0% {
        opacity: 0;
        transform: translateX(100%); /* Start off-screen to the right */
    }
    10% {
        opacity: 1;
        transform: translateX(0); /* Fully visible at the center */
    }
    90% {
        opacity: 1;
        transform: translateX(0); /* Stay visible at the center */
    }
    100% {
        opacity: 0;
        transform: translateX(-100%); /* Move off-screen to the left */
    }
}

#controls-ItineraryBuilderCreateDocumentFormat input[type="radio"] {
    margin: -2px 10px 0 0;
}