@charset "UTF-8";

/* ************************************************************ */
/* ************************ CLASS UNIT ************************ */
/* ************************************************************ */
/* By Randy 08/08/2018 */

.padding-5 { padding: 5px; }
.padding-10 { padding: 10px; }
.padding-15 { padding: 15px; }
.padding-20 { padding: 20px; }
.padding-25 { padding: 25px; }
.padding-30 { padding: 30px; }
.padding-top-5 { padding-top: 5px; }
.padding-top-10 { padding-top: 10px; }
.padding-top-15 { padding-top: 15px; }
.padding-top-20 { padding-top: 20px; }
.padding-top-25 { padding-top: 25px; }
.padding-top-30 { padding-top: 30px; }
.padding-top-35 { padding-top: 35px; }
.padding-top-40 { padding-top: 40px; }
.padding-bottom-5 { padding-bottom: 5px; }
.padding-bottom-10 { padding-bottom: 10px; }
.padding-bottom-15 { padding-bottom: 15px; }
.padding-bottom-20 { padding-bottom: 20px; }
.padding-bottom-25 { padding-bottom: 25px; }
.padding-bottom-30 { padding-bottom: 30px; }
.padding-bottom-35 { padding-bottom: 35px; }
.padding-bottom-40 { padding-bottom: 40px; }
.padding-bottom-48 { padding-bottom: 48px; }
.padding-left-5 { padding-left: 5px; }
.padding-left-10 { padding-left: 10px; }
.padding-left-15 { padding-left: 15px; }
.padding-left-20 { padding-left: 20px; }
.padding-left-25 { padding-left: 25px; }
.padding-left-30 { padding-left: 30px; }
.padding-left-35 { padding-left: 35px; }
.padding-left-40 { padding-left: 40px; }
.padding-right-5 { padding-right: 5px; }
.padding-right-10 { padding-right: 10px; }
.padding-right-15 { padding-right: 15px; }
.padding-right-20 { padding-right: 20px; }
.padding-right-25 { padding-right: 25px; }
.padding-right-30 { padding-right: 30px; }
.padding-right-35 { padding-right: 35px; }
.padding-right-40 { padding-right: 40px; }
.padding-vertical-5 { padding-top: 5px; padding-bottom: 5px; }
.padding-vertical-10 { padding-top: 10px; padding-bottom: 10px; }
.padding-vertical-15 { padding-top: 15px; padding-bottom: 15px; }
.padding-vertical-20 { padding-top: 20px; padding-bottom: 20px; }
.padding-vertical-25 { padding-top: 25px; padding-bottom: 25px; }
.padding-vertical-30 { padding-top: 30px; padding-bottom: 30px; }
.padding-horizontal-5 { padding-left: 5px; padding-right: 5px; }
.padding-horizontal-10 { padding-left: 10px; padding-right: 10px; }
.padding-horizontal-15 { padding-left: 15px; padding-right: 15px; }
.padding-horizontal-20 { padding-left: 20px; padding-right: 20px; }
.padding-horizontal-25 { padding-left: 25px; padding-right: 25px; }
.padding-horizontal-30 { padding-left: 30px; padding-right: 30px; }
.margin-top-5 { margin-top: 5px; }
.margin-top-10 { margin-top: 10px; }
.margin-top-15 { margin-top: 15px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-25 { margin-top: 25px; }
.margin-top-30 { margin-top: 30px; }
.margin-top-35 { margin-top: 35px; }
.margin-top-40 { margin-top: 40px; }
.margin-bottom-5 { margin-bottom: 5px; }
.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-15 { margin-bottom: 15px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-bottom-25 { margin-bottom: 25px; }
.margin-bottom-30 { margin-bottom: 30px; }
.margin-bottom-35 { margin-bottom: 35px; }
.margin-bottom-40 { margin-bottom: 40px; }
.margin-bottom-48 { margin-bottom: 48px; }
.margin-left-5 { margin-left: 5px; }
.margin-left-10 { margin-left: 10px; }
.margin-left-15 { margin-left: 15px; }
.margin-left-20 { margin-left: 20px; }
.margin-left-25 { margin-left: 25px; }
.margin-left-30 { margin-left: 30px; }
.margin-left-35 { margin-left: 35px; }
.margin-left-40 { margin-left: 40px; }
.margin-right-5 { margin-right: 5px; }
.margin-right-10 { margin-right: 10px; }
.margin-right-15 { margin-right: 15px; }
.margin-right-20 { margin-right: 20px; }
.margin-right-25 { margin-right: 25px; }
.margin-right-30 { margin-right: 30px; }
.margin-right-35 { margin-right: 35px; }
.margin-right-40 { margin-right: 40px; }
.valign-top { vertical-align: top; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
span.price { color: #de3427; }
.bg-purple { background: #5d3784; }
.bg-blue { background: #6ACAD4; }
.bg-grey { background: #efeff4; }
.bg-white { background: #FFF; }
.bg-dark-gray { background: #333333; }
.bg-black { background: #000000; }
.list-bg-grey { background: bottom no-repeat,top no-repeat #efeff4; }
.group_listing.list-bg-grey { background: bottom no-repeat,top no-repeat #efeff4; border-bottom: 1px #ccc solid; }
.red { color: #ba4242; }
.orange { color: #ff7e00; }
.tiffany { color: #018568; }
.blue { color: #6ACAD4; }
.purple { color: #5d3784; }
.grey { color: #666666; }
.black { color: #000000; }
.grey-border-top { border-top: 2px #e5e5e5 solid; }
.straight { text-decoration: line-through; }
.font-10 { font-size: 10px; }
.font-11 { font-size: 11px; }
.font-12 { font-size: 12px; }
.font-13 { font-size: 13px; }
.font-14 { font-size: 14px; }
.font-15 { font-size: 15px; }
.font-16 { font-size: 16px; }
.font-17 { font-size: 17px; }
.font-18 { font-size: 18px; }
.font-19 { font-size: 19px; }
.font-20 { font-size: 20px; }
.line-10 { line-height: 10px; }
.line-11 { line-height: 11px; }
.line-12 { line-height: 12px; }
.line-13 { line-height: 13px; }
.line-14 { line-height: 14px; }
.line-15 { line-height: 15px; }
.line-16 { line-height: 16px; }
.line-17 { line-height: 17px; }
.line-18 { line-height: 18px; }
.line-19 { line-height: 19px; }
.line-20 { line-height: 20px; }
.weight-500 { font-weight: 500; }
.weight-700 { font-weight: 700; }
.clearfix { display: block; clear: both; }
.inline_block { display: inline-block; }
.display-table { width: 100%; display: table; }
.table-cell { vertical-align: middle; display: table-cell; }
.border_top { border-top: 1px solid #c5c5c5; }
.border_bottom { border-bottom: 1px solid #c5c5c5; }
.no_border { border: none; background: none; }
.margin-top--100 { margin-top: -100px; }
.flex-center { height: 100vh; margin-top: -100px; position: relative; align-items: center; display: flex; justify-content: center; }
label span.required_field { padding-left: 3px; font-size: 20px; color: #c2121c; }
ons-scroller { width: 100%; height: 100%; position: fixed; top: 0px; left: 0; overflow: scroll; z-index: -1; }
.sorting_btn { padding-right: 20px; position: relative; text-align: right; }
.dialog-container { background: #efeff4; }
ons-button.purple_btn { padding: 10px 20px; text-align: center; background: #5d3784; border-radius: 50px; }
ons-button.purple_btn_sm { padding: 5px 20px; text-align: center; font-size: 13px; background: #5d3784; border-radius: 50px; }
.plusminus.button--material { box-shadow: none; }
span.tiffany { font-weight: 500; }
.uppercase { text-transform: uppercase; }
.page-swipe { overflow: scroll; }
.content_line_1 { height: 28px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.content_line_2 { height: 45px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }