/*----PRIMARY and SECONDARY COLORS---*/

:root {
 --primary-color: #001B71;
 --secondary-color: #0A54CF;
}

.search-bg {
	/* Could be flat, gradient(of secondary and primary color), or an image */
	background-color: var(--primary-color);
}

.primary-bg-color {
	background-color: var(--primary-color); /* primary color */
}

.secondary-bg-color {
	background-color: var(--secondary-color);  /* secondary color */
}

.primary-font-color {	
	color: #1D222B;
}

.secondary-font-color {
	color: #1D222B;
}

.search-font-color {
	color: white;
}

.label-primary {
	background-color: var(--primary-color); /*use either secondary or primary color*/
}

/*------------*/

.tnt-button {
	outline: none !important;
	vertical-align: top;
	background-color: white;
	color: var(--primary-color) !important; /* secondary color */
}

.tnt-button:enabled:hover, .tnt-button:enabled:active, .bootstrap-tagsinput:focus,  .bootstrap-tagsinput:hover, .bootstrap-tagsinput:active{
	outline: none;
    border-color: #ffffff;
    box-shadow: 0 0 20px #ffffff;
}

.tnt-button:disabled {
	color: #c0c0c0 !important;
	background-color: #f2f2f2;
	opacity: 1 !important;
}

.milestone-section {
	font-size: 12px;
	color: #000;
}

.milestone-airport-name {
	color: #000;
	margin-top: 5px !important;
	margin-bottom: 5px;
}

.milestone-flight {
	color: #000;
	display: inline;
}

.milestone-status {
	color: #000;
	padding: .2em .6em .3em;
    font-size:12px;
    font-weight: bold;
    line-height: 1;
    white-space: nowrap;
    vertical-align: baseline;
}

.milestone-timestamp {
	padding-left: 31%;
}

.milestone-message {
	padding-left: 3%;

}

.milestone-flight-section {
	position:absolute; 
	top:50px; 
	left: -25px; 
	background-color: white;
}

.panel-footer {
    background-color: #f7f7f7;
    border: none;
}


.timeline .timeline-item .timeline-badge.primary {
    background-color: var(--secondary-color); /* secondary color */
    color: #FFF;
}
.timeline .timeline-item .timeline-badge.primary:before {
    border-bottom: 0px solid var(--secondary-color) !important; /* secondary color */
}
.timeline .timeline-item .timeline-badge.primary:after {
    border-top: 0px solid var(--secondary-color) !important; /* secondary color */
}

.timeline .timeline-item .timeline-badge {
	background-color: #50E68C;
    color: #1D222B;

}

.well {
	background-color: #50E68C; 
    color: #1D222B;
}

@media only screen and (max-width: 600px) {
  .milestone-flight-section {
        width: 16%;
        word-wrap: break-word;
  }
}