body {
  background-color: #f8f9fc;
}

.vr {
  border-left: 1px solid #ceced4 !important;
}

.d-none {
  display: none !important;
}

canvas {
  height: 400px !important;
}

table,
thead,
tr,
tbody,
th,
td {
  height: auto !important;
  vertical-align: middle !important;
}

.alert {
  width: 20% !important;
  z-index: 3000 !important;
}

.alert>.progress {
  height: 0.2rem !important;
}

.mt-70{
  margin-top: 70px;
}

.mb-70{
  margin-bottom: 70px;
}

.card {
 position: relative;
 display: flex;
 flex-direction: column;
 min-width: 0;
 word-wrap: break-word;
 background-color: #fff;
 background-clip: border-box;
 border: 0px !important;
 border-radius: .25rem;
}

.card-body {
 flex: 1 1 auto;
 padding: 1.25rem;
}
.vertical-timeline {
 width: 100%;
 position: relative;
 padding: 1.5rem 0 1rem;
}

.vertical-timeline::before {
 content: '';
 position: absolute;
 top: 0;
 left: 67px;
 height: 100%;
 width: 4px;
 background: #e9ecef;
 border-radius: .25rem;
}

.vertical-timeline-element {
 position: relative;
 margin: 0 0 1rem;
}

.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in {
 visibility: visible;
 animation: cd-bounce-1 .8s;
}
.vertical-timeline-element-icon {
 position: absolute;
 top: 0;
 left: 60px;
}

.vertical-timeline-element-icon .badge-dot-xl {
 box-shadow: 0 0 0 5px #fff;
}

.badge-dot-xl {
 width: 18px;
 height: 18px;
 position: relative;
}
.badge:empty {
 display: none;
}


.badge-dot-xl::before {
 content: '';
 width: 10px;
 height: 10px;
 border-radius: .25rem;
 position: absolute;
 left: 50%;
 top: 50%;
 margin: -5px 0 0 -5px;
 background: #fff;
}

.vertical-timeline-element-content {
 position: relative;
 margin-left: 90px;
 font-size: .8rem;
}

.vertical-timeline-element-content .timeline-title {
 font-size: .8rem;
 text-transform: uppercase;
 margin: 0 0 .5rem;
 padding: 2px 0 0;
 font-weight: bold;
}

.vertical-timeline-element-content .vertical-timeline-element-date {
 display: block;
 position: absolute;
 left: -110px;
 top: 0;
 padding-right: 10px;
 text-align: right;
 color: #adb5bd;
 font-size: .7619rem;
 white-space: nowrap;
}

.vertical-timeline-element-content:after {
 content: "";
 display: table;
 clear: both;
}