@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');

/*.container{margin-top:50px;margin-bottom: 50px}*/
.card{position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: #fff;background-clip: border-box;border: 1px solid rgba(0, 0, 0, 0.1);border-radius: 0.10rem}
.card-header:first-child{border-radius: calc(0.37rem - 1px) calc(0.37rem - 1px) 0 0}
.card-header{padding: 0.75rem 1.25rem;margin-bottom: 0;background-color: #fff;border-bottom: 1px solid rgba(0, 0, 0, 0.1)}
.card-body{padding:15px;}
.track{position: relative;background-color: #ddd;height: 7px;display: -webkit-box;display: -ms-flexbox;display: flex;margin-bottom: 60px;margin-top: 50px}
.track .step{-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;width: 25%;margin-top: -18px;text-align: center;position: relative}
.track .step.active:before{background: #FF5722}
.track .step::before{height: 7px;position: absolute;content: "";width: 100%;left: 0;top: 18px}
.track .step.active .icon{background: #ee5435;color: #fff}
.track .icon{display: inline-block;width: 40px;height: 40px;line-height: 40px;position: relative;border-radius: 100%;background: #ddd}
.track .step.active .text{font-weight: 400;color: #000}
.track .text{display: block;margin-top: 7px}
.itemside{position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%}
.itemside .aside{position: relative;-ms-flex-negative: 0;flex-shrink: 0}
.img-sm{width: 80px;height: 80px;padding: 7px}
/*
ul.row, ul.row-sm{list-style: none;padding: 0}
.itemside .info{padding-left: 15px;padding-right: 7px}
.itemside .title{display: block;margin-bottom: 5px;color: #212529}
p{margin-top: 0;margin-bottom: 1rem}*/
.btn-warning{color: #ffffff;background-color: #ee5435;border-color: #ee5435;border-radius: 1px}
.btn-warning:hover{color: #ffffff;background-color: #ff2b00;border-color: #ff2b00;border-radius: 1px}



/* timeline
------------------------------ */
	.timeline-year, .timeline-year li{
	list-style:none;
	padding:0;
	margin:0;
	}
	
	.timeline-year{
	position:relative;
	}
	
	.timeline-year:before{
	  top: 0;
	  bottom: 0;
	  position: absolute;
	  content: " ";
	  width: 2px;
	  background-color: #eeeeee;
	  left:35px;
	  margin-left: -1.5px;
	}

	.timeline-year li{
	margin-bottom:30px;
	}

	.timeline-year .num{
	position:absolute;
	background:#e1e1e1;
	color:#fff;
	width:70px;
	height:70px;
	text-align:center;
	padding-top:23px;
	font-weight:bold;
	border-radius:60px;
	-moz-border-radius:60px;
	-webkit-border-radius:60px;
	}

	.timeline-year .post{
	padding-left:90px;
	margin-bottom:20px;
	}
	
	.timeline {
	  list-style: none;
	  padding: 15px 0 15px;
	  position: relative;
	}
	.timeline-wrapper{
	padding:30px;
	border:solid 1px rgba(212,212,212,.7);
	}
	.timeline:before {
	  top: 0;
	  bottom: 0;
	  position: absolute;
	  content: " ";
	  width: 2px;
	  background-color: #eeeeee;
	  left: 50%;
	  margin-left: -1.5px;
	}

	.timeline.custom-tl:before {
	  left: 130px;
	}

	.timeline > li {
	  margin-bottom: 20px;
	  position: relative;
	}
	.timeline.custom-tl > li {
	 border-bottom:dashed 1px rgba(212,212,212,.9);
	 padding-bottom:20px;
	}
	.timeline > li:before,
	.timeline > li:after {
	  content: " ";
	  display: table;
	}
	.timeline > li:after {
	  clear: both;
	}
	.timeline > li:before,
	.timeline > li:after {
	  content: " ";
	  display: table;
	}
	.timeline > li:after {
	  clear: both;
	}
	.timeline > li > .timeline-panel {
	  width: 46%;
	  float: left;
	  border: 1px solid #d4d4d4;
	  border-radius: 2px;
	  padding: 15px;
	  position: relative;
	  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
	  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
	}

	.timeline > li > .timeline-panel {
	  border: 1px solid #d4d4d4;
	  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
	}

	.timeline.custom-tl > li > .timeline-panel {
	border:none;
	-webkit-box-shadow: none;
	box-shadow: none;
	width:100%;
	color:#fff;
	}

	.timeline > li > .timeline-panel:before {
	  position: absolute;
	  top: 26px;
	  right: -15px;
	  display: inline-block;
	  border-top: 15px solid transparent;
	  border-left: 15px solid #ccc;
	  border-right: 0 solid #ccc;
	  border-bottom: 15px solid transparent;
	  content: " ";
	}
	.timeline > li > .timeline-panel:after {
	  position: absolute;
	  top: 27px;
	  right: -14px;
	  display: inline-block;
	  border-top: 14px solid transparent;
	  border-left: 14px solid #fff;
	  border-right: 0 solid #fff;
	  border-bottom: 14px solid transparent;
	  content: " ";
	}
	.timeline.custom-tl > li > .timeline-panel:before ,
	.timeline.custom-tl > li > .timeline-panel:after 
	{
	display:none;
	}
	.timeline > li > .timeline-badge {
	  color: #fff;
	  width: 40px;
	  height: 40px;
	  line-height: 40px;
	  font-size: 1.2em;
	  text-align: center;
	  position: absolute;
	  top: 16px;
	  left: 50%;
	  margin-left: -21px;
	  background-color: #ee5435;
	  z-index: 100;
	  border-top-right-radius: 50%;
	  border-top-left-radius: 50%;
	  border-bottom-right-radius: 50%;
	  border-bottom-left-radius: 50%;
	}

	.timeline.custom-tl > li > .timeline-badge {
	background:#D03232;
	}

	.timeline.custom-tl > li > .timeline-badge {
	 left: 130px;
	}

	.timeline > li.timeline-inverted > .timeline-panel {
	  float: right;
	}

	.timeline.custom-tl > li.timeline-inverted > .timeline-panel {
	  float: none;
	  left:170px;
	}

	.timeline > li.timeline-inverted > .timeline-panel:before {
	  border-left-width: 0;
	  border-right-width: 15px;
	  left: -15px;
	  right: auto;
	}
	.timeline > li.timeline-inverted > .timeline-panel:after {
	  border-left-width: 0;
	  border-right-width: 14px;
	  left: -14px;
	  right: auto;
	}
	.timeline-badge.primary {
	  background-color: #2e6da4 !important;
	}
	.timeline-badge.success {
	display:block;
	  background-color: #3f903f !important;
	}
	.timeline-badge.danger {
	  background-color: #FF5722 !important;
	}
	.timeline-title {
	  margin-top: 0;
	  color: inherit;
	}
	.timeline-body{
		color:#505050;
		font-size:14px;
	}
	.timeline-body > p,
	.timeline-body > ul {
	  margin-bottom: 0;
	}
	.timeline-body > p + p {
	  margin-top: 5px;
	}

	.timeline-body > .location{
	display:block;
	font-size:12px;
	text-transform:uppercase;
	color:#767474;
	}

	.timeline-body > .location a{
	margin-left:10px;
	text-transform:none;
	}

	.timeline-body > .location a:hover{
	color:#fff;
	text-decoration:none;
	}
	.timeline-date{
	position:absolute;
	left: 0px;
	top: 10px;
	font-weight:bold;
	color:#fc3f3f;
	font-size:12px;
	}

	.timeline-date > span{
	display:block;
	font-size:10px;
	text-align:center;
	color:#555;
	}

table.shipment-table {
      border-collapse: collapse;
      width: 100%;
    }
 table.shipment-table th {
 	background-color: #555;
 	color: #fff;
 }
    table.shipment-table td, table.shipment-table th {
      border: 1px solid #555;
      text-align: left;
      padding: 8px;
    }

    table.shipment-table tr:nth-child(even) {
      background-color: #f9f9f9;
    }
.card-body h3{
 	font-size:15px;
 }