.zt-track {
  margin-top: 30px;
  /* height: 300px; */
  text-align: center;
}
.zt-track-banner {
  height: 80px;
  background-color: #00153b;
  color: white;
  font-size: 15px;
  padding-top: 15px;
}
.zt-track-banner .breadcrumb {
    background-color: initial;
}
.zt-track-banner .breadcrumb-item + .breadcrumb-item::before,
.zt-track-banner a:link, 
.zt-track-banner a:visited {
    color: white;
}
.zt-track-search {
  padding: 5px 0;
}
.zt-track-search input {
  height: 60px;
  width: 60%;  
  border-radius: 5px;
  border:1px solid #ddd;
  padding-left: 1em;
  padding-right: 1em; 
}
.zt-track-search input:focus,
.zt-track-search input:hover {
  outline: none;
  box-shadow: 0 0 10px #ddd;
}
.zt-track .zt-button {
  font-size: 22px; 
  font-weight: bold;
  color: white;
  height: 60px;
  display: inline-block;
  vertical-align: top;
  border-radius: 5px;
  /*padding-top: 12px;*/
}
.zt-track .zt-button:hover {
  color: white;
}

.zt-track .zt-track-info {
  border: 0px solid #eee;  
  box-shadow: 0 0 10px #d8d8d8;
  margin: 10px 0 40px;
  padding: 20px;
}
.zt-track-date {
    text-align: right;
    font-weight: bold;
    padding-right: 14px;
    padding-left: 14px;
}
.zt-track-date span {
    font-size: 16px;
    color: #00153b;
}

.zt-track-left > .row:last-child .zt-track-line {
  display: none;
}
.zt-track-left > .row > div:first-child {
  visibility: hidden;
}
.zt-track-left > .zt-track-active > div:first-child {
  visibility: visible;
}

.zt-track-left > .row > div:last-child {
  text-align: left;
}
.zt-track-left > .row > div > p:first-child {
  font-size: 16px;
  color: black;
  margin-bottom: 0;
}
@media screen and (max-width: 450px) {
    .zt-track-left {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .zt-track-right {
        flex: 0 0 100%;
        max-width: 100%;
    }
    span.zt-track-year {
        
    }
    .zt-track-date-line {
        visibility: hidden;
    }
    #navbarNav {
        display: initial;
    }
    .navbar-collapse {
        flex-basis: initial;
    }
}

.navbar span.navbar-brand, #navbarNav a {
  font-size: 20px;
  font-weight: bold;
  color: #00153b;
}
#navbarNav .active a {
  border-bottom: 2px solid #ffaa00;
}

.zt-track-rect {
  width: 9px;
  height: 9px;
  display: inline-block;
  background-color: #888;
  transform:rotate(45deg);
}
.zt-track-left > .zt-track-active .zt-track-rect {
  background-color: #ffaa00;
}
.zt-track-line {
  width: 1px;
  height: calc(100% - 20px);
  border-left: 1px dotted #888;  
  margin: auto auto;
}
@media screen and (max-width: 450px) {
    .zt-track-left > div > div:nth-child(2){
        padding-right: 0;
        padding-left: 0;
    }
}

.zt-track-empty div {
    font-size: 20px;
}
.zt-track-empty a, .zt-track-empty button {
    width: 300px;
    height: 50px;
    background-color: #ffaa00;
    border-radius: initial;
    border: 0;
    color:white;
    padding: 12px;
    margin: 80px 0;
}
.zt-track-empty a:hover {
    color: white;
}
.zt-track-content {
    display: none;
}