/* for the itinerary builder's css */

.newitinerary {
	padding: 2em 12em;
	width: 100%;
	font-size: 1.5em;
}
.newitinerary h1 {
	text-align: center;
}

.newitinerary table {
	margin: auto;
}

/* build page */

.showitinerary {
	height: calc(100vh - 320px);
}

.itinerary-builder {
	display: flex;
/*	flex-wrap: wrap; */
	margin-top: 1em;
	height: 100%;
}
.builder-objecttabs {
	flex: 44%;
	border: 3px solid grey;
	margin: 0 20px 0 0px;
	height: 100%;
}
.builder-buildarea {
	flex: 44%;
	height: 100%;
}

.builder-itinerary-list {
    list-style-type: none;
	padding-left: 0;
	height: calc(100vh - 380px);
    border: 3px solid grey;
}

.builder-itinerary-list li {
	
}
.builder-itinerary-list h3 {
	margin: 3px;
}

.sortable { 
    list-style-type: none;
    argin: 0;
    background: #eee;
    padding: 3px;
}
.sortable li { 
    margin: 3px;
    font-size: 1em;
    border: 3px solid grey;
}

.build-list {
	width: 50%;
}

.objecttype-tabs {
	width: 100%;
	height: 83%;
/*	overflow-y: scroll; */
}

.objecttype-tabs div {
	margin-top: 0px;
	height: 91%;
	overflow-y: scroll;
}
.objecttype-tabs ul {
}

.objectlist {
	column-count: 4;
	column-gap: 3px;
}

.objectlist li {
	padding: 4px 0 4px 6px;
	margin: 0px 0px 3px 0;
	break-inside: avoid;
}

.builder-itinerary-area {
	height: 100%;
}
.builder-itinerary-area ul  {
	width: 100%;
	position: relative;
	background: transparent;
	overflow-y: scroll;
	height: 100%;
	margin: 0px;
}
.builder-itinerary-area li  {
	width: 100%;
}

.builder-itinerary-area textarea {
	 border: none;
    width: 100%;
    -webkit-box-sizing: border-box; /* <=iOS4, <= Android  2.3 */
    -moz-box-sizing: border-box; /* FF1+ */
    box-sizing: border-box; /* Chrome, IE8, Opera, Safari 5.1*/
	resize: none;
	min-height: 100px;
}

.binarea {
	margin-top: 15px;
	width: 100%;
	font-size: 2em;
	color: #BBB;
	vertical-align: middle;
	text-align: center;
}

.bin {
	border: 3px solid grey;
	margin: 3px;
}

.bin p {
	margin: 10px;
}


.builder-itinerary-list li:last-child {
    margin-bottom: 100px;
}
.builder-itinerary-list .current {
  border-color: #ff0000;
}

.builder-add-text {
	font-size: 5vh;
	color: #BBB;
	vertical-align: bottom;
	text-align: center;
	margin-top: -11vh;
	margin-bottom: 0;
}


.object li {
    margin: 3px 3px 3px 0;
    padding: 1px;
    float: left;
    width: 120px;
    text-align: center;
    min-height: 60px;
    border: 3px solid grey;
}

.place-children {
    width: 100%;
}
.place-children td {
    vertical-align: top;
}

.place {
    background-color: #CCF1FF;
}

.accommodation {
    background-color: #E0D7FF;
}

.activity,.excursion {
    background-color: #FFCCE1;
}
.port,.gate {
    background-color: #b9f4b9;
}

.stop {
    background-color: #9f9cff;
}

.schedule, .route {
    background-color: #CCF1FF;
}

.transfer,.journey {
    background-color: #FAFFC1;
}

.park,.gamedrive {
    background-color: beige;
}

.itinerary-object-content > table {
	border: none;
	width: 100%;
}
.itinerary-object-content > table > tbody > tr > td {
	vertical-align: top;
}
.itinerary-object-content > h3 {
	padding: 3px 0 3px 1em;
	font-weight: bold;
	font-size: 1.1em;
}

.itinerary-object-dayheading {
	padding-left: 1em;
	text-align: center;
}
.itinerary-object-content .itinerary-object-name {
	min-width: 180px;
	width: 4%;
}
.itinerary-object-content .editable--dark .editable__field {
	color: #4a4a4a;
}

.itinerary-object-content .itinerary-object-fields {
	width: 25%;
}
.itinerary-object-content .itinerary-object-text {
	width: 100%;
}
.itinerary-object-content .itinerary-object-photo {
	height: 100px;
	width: 158px;
}
.itinerary-object-content .itinerary-object-photo img {
	height: 100px;
	width: 158px;
}

.itinerary-object-content .edit-custom-field {
	width: 97%;
}
.itinerary-object-content .edit-custom-fields .entry {
	box-sizing: border-box;
	margin: 0;
	width: 100%;
}
.itinerary-object-content .edit-custom-fields .editable {
	box-sizing: border-box;
	margin: 0;
	width: 100%;
}


/* end builder */

.prettyitineraryday > table {
	border: 1px solid black;
	width: 600px;
}
.prettyitineraryday > table > tbody > tr > th {
	border: 1px solid grey;
	font-weight: bold;
}
.prettyitineraryday > table > tbody > tr > td {
	border: 1px solid grey;
	padding: 10px;
}

.quote-table {
	border: none;
}
.quote-breakdown {
	vertical-align: top;
}
.quote-Cost {
	padding: 0 10em 0 0;
}

.quote-breakdown table {
	border: 1px solid black;
}
.quote-breakdown table > tbody > tr > td {
	border: 1px solid black;
	padding: 9px;
}
.quote-breakdown .noborder {
	border: none;
}

#Itinerary .editable__field  {
	border: 2px solid grey;
}

.itinerary-generated {
	background-color: lightgreen;
}