@import url('pay.css');

/*scrollbar*/
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #d6d6d6; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #888; 
}

body {
	padding: 50px;
	font: 14px sans-serif;
	border-top: 5px solid green;
}

a {
	color: #00B7FF;
}

.main-color {
	color: rgb(152, 192,84);
}

.container {
	max-width: 935px;
	margin: 0 auto;
}

.main {
	width: 52%;
	padding-right: 6%;
}

.sidebar {
	width: 38%;
	padding-left: 4%;
}

.content-inner {
	display: flex;
}
footer{
	margin-top: 20px!important;
}
.cart__item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 25px;
	padding: 10px 0;
	border-bottom: 1px solid gray;
	font-weight: 700;
}

.cart__item__image-wrapper {
	border: 1px solid #ddd;
	border-radius: 10%;
	position: relative;
	width: 64px;
	height: 64px;
}

.cart__item__quantity {
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 20px;
	transform: translate3d(50%, -50%, 0);
	border: 1px solid #ddd;
	border-radius: 50%;
	background-color: #ddd;
	text-align: center;
}

.cart__item__title {
	margin: 0 0 0 23px;
}

.cart__item__thumb {
	display: flex;
	align-items: center;
}

.cart__item__thumb img {
	width: 100%;
	border-radius: 10%;
}

.result__content {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.result__content--center {
	text-align: center;
}

.result__item {
	margin: 15px 0;
}

.result__title {
}

.result__icon-wrapper {
	display: inline-flex;
}

.result__icon-wrapper img {
	width: 60px;
	height: 60px;
}

.result__print-link {
	margin-top: 30px;
}

.result__order-summary-wrapper {
	border: 1px solid #bbb;
	border-radius: 5px;
	background-color: rgb(250, 250, 250);
	padding: 0;
}

.result__content--pd {
	padding: 20px;
}

.result__order-summary__title,
.result__order-item-wrapper,
.result__paying-info {
	margin: 0;
	border-bottom: 1px solid #bbbb;
}

.result__order-item-wrapper {
	display: flex;
	align-items: center;
}

.result__order-item__image {
	width: 80px;
	height: 80px;
	border-radius: 10px;
	overflow: hidden;
}

.result__order-item__image img {
	width: 100%;
	height: 100%;
}

.result__order-item__name {
	margin: 0 0 0 24px;
}

.result__paying-info-wrapper {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.result__paying-info-wrapper:last-child {
	margin-bottom: 0;
}

.result__paying-info__value {
	font-weight: 700;
}

.result__billing-address {
	border: 1px solid #bbb;
	border-radius: 5px;
	background-color: rgb(250, 250, 250);
	width: 100%;
	padding: 20px;
}

.result__error-wrapper {
	margin-top: 2rem;
}
.hidden{display: none!important;}

#msg{
	/*position: fixed;*/
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 9999;
    text-align: center;
}
#msg .msg{
	margin: 0;
	position: fixed;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background: #e7f05a1f;
    border: 1px solid;
    padding: 5px 10px;
    border-radius: 10px;
    opacity: 1;
    z-index: 9999;
}
#msg .msg span{
	display: block;
}
img.icon{
	max-width: 50px;
	max-height: 50px;
}
.tb-prices tr>td:first-child {
    text-align: left;
    min-width: 80px;
}
.tb-prices tr>td:last-child {
    text-align: right;
}
.logo{
	width: 40px;float: left;
}
img.flag-icon{
	width: 15px;
}