@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
.index2{
  background-color: #FFFFFF!important;
}

.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)
}

.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: #EF424B
}

.track .step::before {
  height: 7px;
  position: absolute;
  content: "";
  width: 100%;
  left: 0;
  top: 18px
}

.track .step.active .icon {
  background: #EF424B;
  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
}

#order_track_back_btn{
  color: #ffffff;
  background-color: #969696;
  border-color: #6F6D6D;
}

#order_track_back_btn:hover{
  color: #ffffff;
  background-color: #605E5E;
  border-color: #504E4E;
}

#btn_submit_tracking{
  color: #ffffff;
  background-color: #ed131e;
  border-color: #ed131e;
}

#btn_submit_tracking:hover{
  color: #ffffff;
  background-color: #605E5E;
  border-color: #504E4E;

}

@media only screen and (max-width: 600px) {
  .track .step.active .text{
    font-size: 10px;
  }

  .track .text{
    font-size: 10px;
  }

  b, strong {
    font-weight: bolder;
    font-size: 12px;
  }

  .top_footer {
    font-size: 15px;
  }
}

/*hansi*/
@media only screen and (max-width: 600px) {
	iframe {
		width: 100%;
		height: 500px;
		padding: 30px;
		border: 1px solid #2FB0E2;
		border-radius: 5px;
	}
	#div_around_iframe{
		padding:10px;
	}
}

iframe {
	width: 100%;
	height: 700px;
	/*padding: 30px;*/
	border: 1px solid #2FB0E2;
	border-radius: 5px;
}
#div_around_iframe{
	padding:10px;
}

/*hansi*/
.cart_inner .table th, .cart_inner .table td{
	padding: 0px;
}
.table-responsive .trMain td{
	display: block;
	border: 0;
}
.table-responsive .trMain .firstBlock img{
	max-width: 110px !important;
}
.table-responsive .trMain .firstBlock p{
	font-size: 18px;
	line-height: 1;
}
.table-responsive .trMain .secondBlock{
	/*width: 50%;*/
	width: 35%;
	display: inline-block;
	vertical-align: top;
	padding: 20px 5px 10px 15px;
}
.table-responsive .trMain .secondBlock h5{
	font-size: 18px;
}
.table-responsive .trMain .thirdBlock{
	display: inline-block;
	vertical-align: top;
	width: 35%;
	padding: 0;
}
.table-responsive .trMain .thirdBlock .value-button{
	border-radius: 5px;
}
.table-responsive .trMain .thirdBlock input{
	height: 45px !important;
}
.table-responsive .trMain .fourthBlock  h5{
	text-align: right;
	padding-right: 28px;
	background: #f6f6f6;
	padding: 10px;
	border-radius: 5px;
}
.table-responsive .trMain .fourthBlock  h5 span{
	font-size: 18px;
}
.table-responsive .trMain .fifthBlock{
	border-radius: 5px;
	position: absolute;
	right: 0;
	top: 62%;
	/*transform: translateY(-50%);*/
	/*padding: 60px;*/
	transform: translateY(-40%);
	padding: 20px;
}

.media-body p {

	font-size: 19px;
}

.out_button_area{
	display: block;

}

.gray_btn {

	border-radius: 22px;
}