.header-itinerary-planner { position:relative; }
.header-itinerary-popout { position: absolute; z-index: 9000 !important; right: 0; float:none !important; background: #fff; width:400px; min-height:120px; max-height:400px; overflow-y: auto; box-shadow:-2px 2px 5px rgba(0,0,0,0.15); }
.itinerary-item-number { display:none; }
.itinerary-popup-content { padding:15px 12px; text-align:left; }
.itinerary-popup-content .row { margin:0; }
.itinerary-popup-content .itcol { padding:0; }
.itinerary-popup-content .itinerary-planner-item-num { background:#cf5300; color:#fff; font-weight:700; font-size:18px; width:36px; height:36px; line-height:36px; border-radius:200px; display:block; margin:0 auto; text-align:center; overflow:hidden; }
.itinerary-popup-content .itinerary-planner-item-title { font-size:20px; font-weight:500; line-height:120%; margin:0 0 8px 0; padding:0; }
.itinerary-popup-content .itinerary-planner-item-title a { display:block; }
.itinerary-popup-content .itinerary-planner-item-type { font-size:15px; color:#555; margin:0; }
.itinerary-popup-content .itinerary-planner-item-type strong { display:none; }
.itinerary-popup-content .itinerary-planner-item-description { display:none; }
.itinerary-popup-content hr { margin:12px 0; }
.itinerary-popup-buttons { text-align:center; }


/* loading spinner */

.itp-spinner { color:#565656; display: inline-block; position: absolute; width: 80px; height: 80px; left:50%; margin-left:-40px; top:20px; transform:scale(0.66); }
.itp-spinner div { transform-origin: 40px 40px; animation: itp-spinner 1.2s linear infinite; }
.itp-spinner div:after { content: " "; display: block; position: absolute; top: 3px; left: 37px; width: 6px; height: 18px; border-radius: 20%; background:#565656; }
.itp-spinner div:nth-child(1) { transform: rotate(0deg); animation-delay: -1.1s; }
.itp-spinner div:nth-child(2) { transform: rotate(30deg); animation-delay: -1s; }
.itp-spinner div:nth-child(3) { transform: rotate(60deg); animation-delay: -0.9s; }
.itp-spinner div:nth-child(4) { transform: rotate(90deg); animation-delay: -0.8s; }
.itp-spinner div:nth-child(5) { transform: rotate(120deg); animation-delay: -0.7s; }
.itp-spinner div:nth-child(6) { transform: rotate(150deg); animation-delay: -0.6s; }
.itp-spinner div:nth-child(7) { transform: rotate(180deg); animation-delay: -0.5s; }
.itp-spinner div:nth-child(8) { transform: rotate(210deg); animation-delay: -0.4s; }
.itp-spinner div:nth-child(9) { transform: rotate(240deg); animation-delay: -0.3s; }
.itp-spinner div:nth-child(10) { transform: rotate(270deg); animation-delay: -0.2s; }
.itp-spinner div:nth-child(11) { transform: rotate(300deg); animation-delay: -0.1s; }
.itp-spinner div:nth-child(12) { transform: rotate(330deg); animation-delay: 0s; }

@keyframes itp-spinner {
	0% { opacity: 1; }
	100% { opacity: 0; }
}

@media (max-width:767px) {
	.header-itinerary-popout { position:fixed; left:3vw; right:3vw; width:auto; margin-top:12px; }
}