/* Timeline */
.timeline {
    list-style: none;
    padding: 0;
    position: relative;
  }
  
  .timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #6c7293;
    left: 50%;
    margin-left: -1.5px;
  }
  
  .timeline .timeline-wrapper {
    display: block;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
    padding-right: 90px;
  }
  
  .timeline .timeline-wrapper:before {
    content: " ";
    display: table;
  }
  
  .timeline .timeline-wrapper:after {
    content: " ";
    display: table;
    clear: both;
  }
  
  .timeline .timeline-wrapper .timeline-panel {
    border-radius: 2px;
    padding: 20px;
    position: relative;
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 1px 2px 35px 0 rgba(1, 1, 1, 0.1);
    width: 35%;
    margin-left: 15%;
  }
  
  .timeline .timeline-wrapper .timeline-panel:before {
    position: absolute;
    top: 0;
    width: 100%;
    height: 2px;
    content: "";
    left: 0;
    right: 0;
  }
  
  .timeline .timeline-wrapper .timeline-panel:after {
    position: absolute;
    top: 10px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #ffffff;
    border-right: 0 solid #ffffff;
    border-bottom: 14px solid transparent;
    content: " ";
  }
  
  .timeline .timeline-wrapper .timeline-panel .timeline-title {
    margin-top: 0;
    color: #001737;
    text-transform: uppercase;
  }
  
  .timeline .timeline-wrapper .timeline-panel .timeline-body p + p {
    margin-top: 5px;
  }
  
  .timeline .timeline-wrapper .timeline-panel .timeline-body ul {
    margin-bottom: 0;
  }
  
  .timeline .timeline-wrapper .timeline-panel .timeline-footer span {
    font-size: .6875rem;
  }
  
  .timeline .timeline-wrapper .timeline-panel .timeline-footer i {
    font-size: 1.5rem;
  }
  
  .timeline .timeline-wrapper .timeline-badge {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 16px;
    left: calc(50% - 7px);
    z-index: 10;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    border: 2px solid #ffffff;
  }
  
  .timeline .timeline-wrapper .timeline-badge i {
    color: #ffffff;
  }
  
  .timeline .timeline-wrapper.timeline-inverted {
    padding-right: 0;
    padding-left: 90px;
  }
  
  .timeline .timeline-wrapper.timeline-inverted .timeline-panel {
    margin-left: auto;
    margin-right: 15%;
  }
  
  .timeline .timeline-wrapper.timeline-inverted .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
  }
  
  @media (max-width: 767px) {
    .timeline .timeline-wrapper {
      padding-right: 150px;
    }
    .timeline .timeline-wrapper.timeline-inverted {
      padding-left: 150px;
    }
    .timeline .timeline-wrapper .timeline-panel {
      width: 60%;
      margin-left: 0;
      margin-right: 0;
    }
  }
  
  @media (max-width: 576px) {
    .timeline .timeline-wrapper .timeline-panel {
      width: 68%;
    }
  }
  
  .timeline-wrapper-primary .timeline-panel:before {
    background: #464dee;
  }
  
  .timeline-wrapper-primary .timeline-badge {
    background: #464dee;
  }
  
  .timeline-wrapper-secondary .timeline-panel:before {
    background: #6c7293;
  }
  
  .timeline-wrapper-secondary .timeline-badge {
    background: #6c7293;
  }
  
  .timeline-wrapper-success .timeline-panel:before {
    background: #0ddbb9;
  }
  
  .timeline-wrapper-success .timeline-badge {
    background: #0ddbb9;
  }
  
  .timeline-wrapper-info .timeline-panel:before {
    background: #0ad7f7;
  }
  
  .timeline-wrapper-info .timeline-badge {
    background: #0ad7f7;
  }
  
  .timeline-wrapper-warning .timeline-panel:before {
    background: #fcd539;
  }
  
  .timeline-wrapper-warning .timeline-badge {
    background: #fcd539;
  }
  
  .timeline-wrapper-danger .timeline-panel:before {
    background: #ef5958;
  }
  
  .timeline-wrapper-danger .timeline-badge {
    background: #ef5958;
  }
  
  .timeline-wrapper-light .timeline-panel:before {
    background: #eaeaea;
  }
  
  .timeline-wrapper-light .timeline-badge {
    background: #eaeaea;
  }
  
  .timeline-wrapper-dark .timeline-panel:before {
    background: #001737;
  }
  
  .timeline-wrapper-dark .timeline-badge {
    background: #001737;
  }
  
  
  /* Cards */
  .card-time {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
  }
  
  .card-time .card-time-body {
    padding: 1.75rem 1.75rem;
  }
  
  .card-time .card-time-body + .card-time-body {
    padding-top: 1rem;
  }
  
  .card-time .card-time-title {
    color: #001737;
    margin-bottom: .5rem;
    text-transform: capitalize;
    font-size: 0.875rem;
  }
  
  .card-time .card-time-subtitle {
    font-weight: 400;
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
  }
  
  .card-time .card-time-description {
    margin-bottom: .875rem;
    font-weight: 400;
    color: #76838f;
  }
  
  .card-time.card-time-outline-success {
    border: 1px solid #0ddbb9;
  }
  
  .card-time.card-time-outline-primary {
    border: 1px solid #464dee;
  }
  
  .card-time.card-time-outline-warning {
    border: 1px solid #fcd539;
  }
  
  .card-time.card-time-outline-danger {
    border: 1px solid #ef5958;
  }
  
  .card-time.card-time-rounded {
    border-radius: 5px;
  }
  
  .card-time.card-time-faded {
    background: #b5b0b2;
    border-color: #b5b0b2;
  }
  
  .card-time.card-time-circle-progress {
    color: #ffffff;
    text-align: center;
  }
  
  .card-time.card-time-img-holder {
    position: relative;
  }
  
  .card-time.card-time-img-holder .card-time-img-absolute {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
  }
  
  .card-time.card-time-weather .weather-daily .weather-day {
    opacity: .5;
    font-weight: 900;
  }
  
  .card-time.card-time-weather .weather-daily i {
    font-size: 20px;
  }
  
  .card-time.card-time-weather .weather-daily .weather-temp {
    margin-top: .5rem;
    margin-bottom: 0;
    opacity: .5;
    font-size: .75rem;
  }
  
  .card-time-inverse-primary {
    background: rgba(70, 77, 238, 0.2);
    border: 1px solid #4047db;
    color: #353bb5;
  }
  
  .card-time-inverse-secondary {
    background: rgba(108, 114, 147, 0.2);
    border: 1px solid #636987;
    color: #525770;
  }
  
  .card-time-inverse-success {
    background: rgba(13, 219, 185, 0.2);
    border: 1px solid #0cc9aa;
    color: #0aa68d;
  }
  
  .card-time-inverse-info {
    background: rgba(10, 215, 247, 0.2);
    border: 1px solid #09c6e3;
    color: #08a3bc;
  }
  
  .card-time-inverse-warning {
    background: rgba(252, 213, 57, 0.2);
    border: 1px solid #e8c434;
    color: #c0a22b;
  }
  
  .card-time-inverse-danger {
    background: rgba(239, 89, 88, 0.2);
    border: 1px solid #dc5251;
    color: #b64443;
  }
  
  .card-time-inverse-light {
    background: rgba(234, 234, 234, 0.2);
    border: 1px solid #d7d7d7;
    color: #b2b2b2;
  }
  
  .card-time-inverse-dark {
    background: rgba(0, 23, 55, 0.2);
    border: 1px solid #001533;
    color: #00112a;
  }