::-webkit-scrollbar { -webkit-appearance: none
}
::-webkit-scrollbar:vertical { width: 5px
}
::-webkit-scrollbar:horizontal { height: 5px
}
::-webkit-scrollbar-thumb { background-color: #377dff; border-radius: 10px
}
::-webkit-scrollbar-track { border-radius: 10px; background-color: #fff
}
.bc_voucher_list { padding-bottom: 10px; margin: 0 auto; font-family: Arial; font-size: 16px; padding-left: 0
}
.bc_voucher_list+.pagination { margin-top: 1rem
}
.bc_voucher_list * { box-sizing: border-box; border: 0 solid #e2e8f0
}
.bc_voucher_list a { text-decoration: none
}
.bc_voucher_list .bc_voucher_item { display: flex; align-items: stretch; background: #fff; max-width: 800px; margin-left: auto; margin-right: auto; box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,.075); border-radius: 0 8px 8px 0; color: #000;
}
.bc_voucher_list .bc_voucher_item+.bc_voucher_item { margin-top: 1rem
}
.bc_voucher_item .bc_voucher_logo { display: inline-flex; flex: 0 0 auto; width: 106px; position: relative; align-items: center; justify-content: center; border-radius: 4px 0 0 4px; flex-direction: column; color: #fff; padding: 1rem; text-align: center; outline: 0 !important
}
.bc_voucher_item .bc_voucher_logo>img { -o-object-fit: contain; object-fit: contain; border-radius: 100%; display: inline-flex; flex: 0 0 auto; width: 60px; height: 60px; pointer-events: none
}
.bc_voucher_item .bc_voucher_logo>span { font-size: 11px; line-height: 16px; margin-top: .2rem; max-width: 53px
}
.bc_voucher_item .bc_voucher_logo:after { _content: ""; width: 10px; height: 20px; border-radius: 0 20px 20px 0; position: absolute; left: 0; bottom: calc(50% - 10px); background-color: #fff
}
.bc_voucher_item .bc_voucher_info { flex-direction: row; display: flex; flex: 1 1 0%; border: 1px solid #ddd; border-left-width: 0; border-radius: 0 8px 8px 0; position: relative; padding: 0.5rem 1rem 0.5rem 0; border-bottom-width: 0;
}
.bc_voucher_item .bc_voucher_divider { margin: .25rem; _border-left: 1px dashed #828282
}
.bc_voucher_item .bc_voucher_info .bc_voucher_content { display: flex; _background-color: rgb(235 245 250); _border-radius: 3px; padding: .5rem .25rem; font-size: 14px; width: 100%
}
.bc_voucher_item .bc_voucher_info .bc_voucher_content var{	color: #0072f5;
}
.bc_voucher_item .bc_voucher_info .bc_voucher_content .bc_voucher_content_main { flex: 1 1 0%
}
.bc_voucher_item .bc_voucher_action { display: flex; flex-direction: column
}
.bc_voucher_item .bc_voucher_info .bc_voucher_content .bc_voucher_title { overflow: hidden; line-height: 1rem
}
.bc_voucher_item .bc_voucher_info .bc_voucher_content .bc_voucher_title .bc_voucher_label { display: inline-flex; padding: .1rem .5rem; border-radius: 3px; margin-right: .3rem
}
.bc_voucher_item .bc_voucher_process { display: inline-flex; width: 202px; height: 7px; border-radius: 6px; background-color: #e5e5e5; overflow: hidden; margin-top: 5px; margin-bottom: 2px
}
.bc_voucher_item .bc_voucher_process>span { background-color: #ee4d2d; background-image: linear-gradient(to right, yellow , red);
}
.bc_voucher_item .bc_voucher_desc_item.bc_voucher_color_red { color: #ee4d2d
}
.bc_voucher_item .bc_voucher_desc_item>i,
.bc_voucher_item .bc_voucher_desc_item>svg { margin-right: 5px
}
.bc_voucher_item .bc_voucher_desc_item>* { pointer-events: none
}
@media (min-width:768px) { .bc_voucher_item .bc_voucher_action>div:first-child { display: none }
}
.bc_voucher_item .bc_voucher_desc_item { display: flex; align-items: center; font-size: 12px; font-weight: 400; line-height: 20px; outline: 0 !important
}
.bc_voucher_item .bc_voucher_desc_item.bc_voucher_color_blue { color: #1876f2
}
.bc_voucher_item .bc_voucher_action .bc_voucher_button { background-color: #ee4d2d; color: rgb(255 255 255); display: flex; align-items: center; justify-content: center; position: relative; height: 28px; border-radius: 3px; font-size: 14px; padding: .2rem 1rem; outline: 0 !important
}
.bc_voucher_item .bc_voucher_action .bc_voucher_button:not(:last-child) { margin-bottom: .5rem
}
.bc_voucher_item .bc_voucher_action .bc_voucher_button>* { pointer-events: none
}
.bc_voucher_item .bc_voucher_action .bc_voucher_button>i,
.bc_voucher_item .bc_voucher_action .bc_voucher_button>svg { margin-right: .5rem
}
.bc_voucher_item .bc_voucher_info:after { _content: ""; width: 10px; height: 20px; background-color: #fff; position: absolute; border: 1px solid #ddd; border-right-color: #fff; border-radius: 20px 0 0 20px; right: -1px; bottom: calc(50% - 10px)
}
@media (max-width:576px) { .bc_voucher_item .bc_voucher_logo { width: 80px; min-height: 114px } .bc_voucher_item .bc_voucher_logo>img { width: 40px; height: 40px } .bc_voucher_item .bc_voucher_info { padding-top: .25rem; padding-bottom: .25rem } .bc_voucher_item .bc_voucher_info .bc_voucher_content { flex-direction: column; justify-content: space-between } .bc_voucher_item .bc_voucher_info .bc_voucher_content .bc_voucher_title>span { font-size: 12px } .bc_voucher_item .bc_voucher_process { width: 100% } .bc_voucher_item .bc_voucher_desc>.bc_voucher_desc_item:last-child { display: none } .bc_voucher_item .bc_voucher_action { flex-direction: row; align-items: center } .bc_voucher_item .bc_voucher_action_mobile { display: flex; width: 100% } .bc_voucher_item .bc_voucher_action>.bc_voucher_buttons { display: inline-flex; align-items: center; flex: 0 0 auto; flex-direction: row-reverse } .bc_voucher_item .bc_voucher_action .bc_voucher_button { margin-bottom: 0 !important; height: 1rem; font-size: 11px; padding: .1rem .5rem } .bc_voucher_item .bc_voucher_action .bc_voucher_button:not(:first-child) { margin-right: 4px } .bc_voucher_item .bc_voucher_action .bc_voucher_button>svg { height: 10px; width: 10px; margin-right: .2rem }
}

.voucher-page {
  max-width: 840px;
  margin: 0 auto;
  padding: 16px;
}