@font-face {
	font-family: "Open Sans", sans-serif;
}

html, body {
	font-family: "Open Sans", sans-serif;
	color: #333333;
	background-color: #eee;
	height: 100%;
}

:root {
	--btn-mc-primary-color: #003459;
	--btn-mc-primary-hover: #00171F;
	--btn-mc-primary-border: #00171F;
	--btn-mc-primary-text: #FFFFFF;
}

[data-bs-theme="dark"] {
	--btn-mc-primary-color: #ffd703;
	--btn-mc-primary-hover: #ffe666;
	--btn-mc-primary-border: #e6c200;
	--btn-mc-primary-text: black;
}

/* Buttons */

.btn-mc-primary {
	--bs-btn-color: var(--btn-mc-primary-text) !important;
	--bs-btn-bg: var(--btn-mc-primary-color);
	--bs-btn-border-color: var(--btn-mc-primary-border);
	--bs-btn-hover-color: var(--btn-mc-primary-text);
	--bs-btn-hover-bg: var(--btn-mc-primary-hover);
	--bs-btn-hover-border-color: var(--btn-mc-primary-hover);
	--bs-btn-focus-shadow-rgb: 111, 66, 193;
	--bs-btn-active-color: var(--btn-mc-primary-text);
	--bs-btn-active-bg: var(--btn-mc-primary-hover);
	--bs-btn-active-border-color: var(--btn-mc-primary-hover);
	--bs-btn-disabled-color: var(--btn-mc-primary-text);
	--bs-btn-disabled-bg: var(--btn-mc-primary-color);
	--bs-btn-disabled-border-color: var(--btn-mc-primary-color);
}

/* Add more specificity */
a.btn.btn-mc-primary,
a.btn.btn-secondary  {
	color: #fff !important;
}

a.btn.btn-mc-primary:hover,
a.btn.btn-mc-primary:focus,
a.btn.btn-mc-primary:active {
	color: #fff !important;
}

/* Main wrapper */

#main_wrapper_c {
	display: flex;
	flex-direction: column;
	min-height: 100%;
	gap: 25px;
}

#main_wrapper_i {
	flex: 1;
}

/* Navbar */

#main_navbar {
	box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);
	border-bottom: 1px solid #e2e2e2;
}

.navbar-brand > img {
	height: 35px;
}

.icon-light {
	
}

.icon-dark {
	display: none;
}

.navbar-toggler {
	border: none;
	padding-left: 7px;
}

.usr_menu_toggle {
	padding-right: 7px;
}

/* Main menu */

#oc_main_menu {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#oc_main_menu .nav-item {
	padding: 10px;
}

#oc_main_menu .main_menu_btn {
	width: 100%;
	margin-bottom: 0px;
}

.offcanvas-header {
	border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.nav-item .btn {
	font-size: 12px;
}

/* Main container */
#main_c {
	padding-top: 65px;
}

#main_inner_c {
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
}

#main_inner_c > .row > .col-sm-12 > h2 {
	padding-top: 15px;
	padding-bottom: 15px;
}

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

/* GENERAL */

*:focus {
	box-shadow: none !important;
}

a {
	text-decoration: none !important;
}

a:link,
a:visited {
	color: #333333;
}

a:hover,
a:active {
	color: #1974dd;
}

h1 {
	margin-top: 25px;
	margin-bottom: 25px;
}

#content_c {
	max-width: 1140px;
	min-height: 50vh;
	margin: 0px auto 25px;
}

.cont_c {
	padding: 15px;
}

#content_c,
#contact_c,
#post_c,
.post_c {
	font-size: 16px;
	line-height: 1.6em;
}

#usr_noti_menu > svg {
	width: 100%;
	height: 100%;
	padding: 7px;
	fill-rule: evenodd;
	clip-rule: evenodd;
	stroke-linecap:round;
	stroke-miterlimit: 1.5;
}

#usr_noti_menu > svg > path {
	fill: none;
	stroke: black;
	stroke-width: 1px;
}

#usr_noti_menu:hover > svg > path {
	stroke: #1974dd;
}

#usr_top_menu {
	padding: 0px;
}

#reg_login_ul {
	list-style: none;
	margin: 0px;
}

#reg_login_ul > li {
	display: inline-block;
	padding: 15px 7px;
}

/* PAGINATION */

.pag_c {
	text-align: center;
}

.pag_all_rows {
	font-size: 14px;
	color: #cccccc;
	margin-top: -10px;
}

/* CAROUSEL */

#carousel {
	margin-bottom: 25px;
}

.carousel {
	animation: fadein 1s;
}

@keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

.carousel-inner > .item > a > img,
.carousel-inner > .item > img,
.img-fluid,
.thumbnail a > img,
.thumbnail > img {
	width: 100%;
}

.carousel-control {
	background: none !important;
	color: white !important;
	opacity: 0.125;
}

/* ARTICLES */

#post_c {
	min-height: 300px;
	margin-bottom: 25px;
}

.post_c {
	margin-bottom: 100px;
}

.post_excerpt {
	margin-bottom: 15px;
}

.post_content {
	margin: 25px 0px;
}

/* ARTICLE FOOTER */

.post_footer_item {
	margin-bottom: 15px;
}

.post_footer_title {
	font-weight: bold;
}

.post_footer_c {
	
}

#post_empty_c {
	margin: 150px 0px 200px;
}

#post_empty_c > h1 {
	text-align: center;
}

/* GALLERY */

#gallery_c {
	min-height: 300px;
	margin-bottom: 25px;
}

.gallery_c {
	margin-bottom: 50px;
}

.gallery_title > h2 {
	margin: 0px 0px 15px 0px;
}

.gallery_excerpt {
	margin-bottom: 15px;
}

.gallery_content {
	margin: 25px 0px;
}

.gallery_header_image {
	margin-bottom: 15px;
}

/* CATEGORIES */

#category_title {
	margin-bottom: 15px;
}

#category_content {
	margin-bottom: 15px;
}

.category_list {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

/* GALLERIES */

#gallery_content {
	margin-bottom: 25px;
}

#gallery_view {
	
}

/* TAGS */

#tag_cloud {
	list-style: none;
	padding: 0px;
	margin: 50px 0px;
}

#tag_cloud > li {
	display: inline-block;
	padding: 2px 4px;
}

/* BREADCRUMBS */

.content_breadcrumbs {
	list-style: none;
	padding: 0px;
}
.content_breadcrumbs > li {
	display: inline-block;
}

.content_breadcrumbs > li+li:before {
	padding-left: 5px;
	content: "/\00a0";
}

/* LIGHTGALLERY */

.lightgallery {
	margin: 50px auto;
	text-align: center;
}

.lightgallery > a {
	display: inline-block;
	vertical-align: top;
	margin: 10px;
}

.lightgallery > a > img {
	max-width: 500px;
	max-height: 500px;
}

/* CONTACT */

#contact_c {
	max-width: 800px;
	margin: 15px auto;
}

#contact_title {
	margin: 20px 0px;
	text-align: center;
}

#contact_page_c {
	margin-bottom: 25px;
}

#cont_message {
	min-height: 150px;
	resize: vertical;
}

/* SEARCH */

#search_form_c {
	max-width: 60%;
	margin: 150px auto 200px;
}

#search_form {
	margin-bottom: 50px;
}

/* COOKIE CONSENT */

#cc_c {
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: #0D64AD;
	box-shadow: 0px 0px 25px 1px rgba(0, 0, 0, 0.25);
}

.cc_inner_c {
	display: flex;
}

.cc_col,
.cc_col_btn {
	flex-direction: column;
	color: white;
}

.cc_col {
	flex-grow: 1;
	padding: 15px;
}

.cc_col_btn {
	background-color: #00a800;
	font-weight: bold;
	padding: 15px;
	cursor: pointer;
	align-items: center;
	display: flex;
	justify-content: center;
}

/* SOCIAL MEDIA */

#contact_sm_ul {
	position: relative;
}

#contact_sm_ul,
#sm_ul {
	list-style: none;
	padding: 0px;
}

#contact_sm_ul > li {
	display:  inline-block;
	padding: 25px;
}

#sm_ul > li {
	display:  inline-block;
	padding: 8px;
}

#contact_sm_ul > li > a > img {
	width: 50px;
}

#sm_ul > li > a > img {
	min-width: 25px;
	filter: grayscale(1);
}

#contact_sm_ul > li > a > img:hover,
#sm_ul > li > a > img:hover {
	filter: none;
}

/* USER */

#ul_c {
	max-width: 500px;
	margin: 0px auto;
	padding-left: 15px;
	padding-right: 15px;
}

#ul_c .alert {
	margin-bottom: 15px;
}

#ul_c > h1 {
	margin-bottom: 15px;
}

#ul_links {
	text-align: center;
	font-size: 15px;
	margin: 15px 0px;
}

#ul_term {
	margin-top: 10px;
	color: #AAA;
}

.ul_sec {
	display: none;
}

/* USER SETTINGS */

#uls_main_body .card {
	margin-bottom: 25px;
}

#uls_main_body .card-title {
	margin-bottom: 0px;
}

.uls_item_c {
	position: relative;
	display: flex;
	flex-direction: row;
}

.uls_item_lc {
	flex-grow: 1;
}

.uls_item_rc {
	margin-left: 10px;
}

.uls_title {
	font-size: 11px;
}

.uls_group:not(:last-child) {
	margin-bottom: 10px;
}

.uls_current {
	font-weight: bold;
	color: green;
}

.uls_group_c > .uls_group {
	display: inline-block;
	margin-bottom: 0px;
}

.uls_group_c > .uls_group:not(:last-child) {
	margin-right: 10px;
}

.uls_modal_content {
	
}

.uls_modal_botton {
	padding: 15px;
	border-top: 1px solid #CCC;
	text-align: right;
}

.uls_modal_body {
	padding: 15px;
	text-align: center;
}

#uls_mail_form,
#uls_pass_form,
#uls_delete_confirm {
	display: none;
}

.uls_h2 {
	margin: 0px 0px 10px;
}

.uls_desc {
	margin: 10px 0px;
	color: #999;
	font-size: 12px;
}

.uls_dropdown {
	width: auto;
}

.uls_difficulty_table {
	width: auto;
}

.uls_difficulty_table th,
.uls_difficulty_table td {
	padding: 0px;
}

#uls_profile_pic {
	display: inline-block;
	max-width: 190px;
	margin: 0px auto;
}

#uls_file_pp,
#uls_file_ub {
	display: none;
}

#uls_pp_spiner {
	display: none;
	position: absolute;
	/* background-color: red; */
	inset: 0;
	text-align: center;
}

#uls_pp_spiner > .spinner-border {
	margin-top: 50px;
	width: 5rem;
	height: 5rem;
	border-width: 10px;
}

/* USER PROFILE */

#up_banner {
	width: 100%;
	font-size: 50px;
	position: relative;
}

#up_main_details {
	display: flex;
}

#up_profile_pic_c {
	
}

#up_profile_pic_inner_c {
	display: block;
	width: 200px;
	height: 200px;
	margin: -100px 15px 0px 30px;
	border-radius: 100px;
	border: 5px solid white;
	background-color: white;
	overflow: hidden;
	position: relative;
	text-align: center;
	font-size: 50px;
	line-height: 200px;
}

#up_profile_pic {
	width: 100%;
	display: block;
}

#up_name_c {
	flex-grow: 1;
}

#up_name {
	margin: 15px 0px 5px 0px;
}

.up_nums_c {
	color: #777;
}

#up_edit_pp,
#up_edit_banner {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	opacity: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

#up_edit_pp:hover {
	opacity: 1;
	background-color: rgba(0, 0, 0, 0.15);
	color: white;
}

#up_edit_banner:hover {
	opacity: 1;
	background-color: rgba(0, 0, 0, 0.15);
	color: white;
}

.up_nums_item {
	display: inline-block;
}

.up_nums_item:not(:last-child) {
	margin-right: 5px;
}

/* NOTIFICATIONS */

#noti_inner_c {
	display: flex;
	flex-direction: column;
}

#noti_header {
	height: 32px;
	display: flex;
}

#noti_footer {
	height: 32px;
	flex-basis: 32px;
}

.noti_h_item {
	width: 50%;
	padding: 5px 10px;
}

.noti_h_item > button {
	font-size: 12px;
}

#noti_oc .noti_h_item {
	width: 50%;
	padding: 5px 0px;
}

#noti_load_more_btn,
.noti_fiter_btn {
	border: none;
	background-color: transparent;
	font-weight: bold;
}

.noti_fiter_btn.active {
	color: #1974dd;
	background-color: transparent;
}

#noti_load_more_btn {
	padding-top: 5px;
}

#noti_oc {
	max-width: 700px;
	margin: 0px auto;
}

.noti_item {
	min-width: 310px;
	max-width: 700px;
	display: flex;
	gap: 10px;
	padding: 5px;
	margin: 0px 10px;
	background-color: #fafafa;
	border: 1px solid #eee;
	border-radius: 10px;
	box-sizing: border-box;
}

.noti_item:not(:last-child) {
	margin-bottom: 10px;
}

.noti_item.unseen {
	background-color: rgba(25, 116, 221, 0.075);
}

.noti_img_c {
	width: 36px;
	height: 36px;
	flex-grow: 0;
	flex-shrink: 0;
}

#noti_body {
	flex-grow: 1;
	overflow-y: scroll;
}

.noti_body_c {
	flex-grow: 1;
}

.noti_title {
	font-weight: bold;
	margin-bottom: 5px;
}

.noti_desc {
	margin-bottom: 10px;
}

.noti_desc a {
	font-weight: bold;
}

.noti_date {
	font-size: 14px;
	line-height: 14px;
}

#noti_read_btn {
	margin-top: 4px;
}

#noti_read_btn,
.noti_set_seen_btn {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 3px 6px 0px 0px;
	vertical-align: top;
	background-color: #1974dd;
	border: none;
	border-radius: 5px;
}

#noti_load_more_btn {
	display: none;
}

#noti_see_all {
	display: block;
	text-align: center;
	height: 32px;
	line-height: 37px;
	font-weight: bold;
	font-size: 12px;
}

.noti_item.noti_item_ph > .noti_img_c {
	background-color: #eeeeee;
	border-radius: 18px;
}

.noti_item.noti_item_ph > .noti_body_c > .noti_title,
.noti_item.noti_item_ph > .noti_body_c > .noti_desc,
.noti_item.noti_item_ph > .noti_body_c > .noti_date {
	background-color: #eeeeee;
	border-radius: 5px;
}

#noti_empty {
	padding: 25px;
	text-align: center;
}

#noti_empty > svg {
	width: 150px;
	display: inline-block;
}

#noti_empty_text {
	font-size: 20px;
	font-weight: bold;
	color: #aaa;
}

/* REPORT */

#report_form > .form-check {
	margin-bottom: 15px;
}

.rep_opt_desc {
	font-size: 12px;
	color: #aaa;
}

.rep_opt_textarea {
	min-height: 150px;
	resize: vertical;
}

.nd_404_c {
	margin-top: 150px;
	margin-bottom: 150px;
}

.nd_hide {
	display: none;
}

/* Card */

#user_card_view {
	display: flex;
	gap: 25px;
}

#user_card_c {
	width: 35%;
}

#user_card_dc {
	flex-grow: 1;
}

#user_card {
	max-width: 400px;
}

.user_card_title {
	font-size: 14px;
	color: #cccccc;
}

.user_card_title:first-child {
	margin-top: 10px;
}

.user_card_value,
.user_card_value_2:not(:last-child) {
	margin-bottom: 25px;
}

.user_card_value_2 {
	font-size: 20px;
}

/* Store */

.str_form_flex {
	display: flex;
}

.str_scan_field_c {
	flex-grow: 1;
}

.str_form_btn {
	margin-left: 10px;
	min-width: 175px;
}

.str_w_50 {
	width: 50px;
}

.str_w_270 {
	width: 270px;
	min-width: 270px;
}

#str_date_th {
	display: flex;
}

.str_nw {
	white-space: nowrap;
}

.str_points_table {
	font-size: 12px;
}

.str_search_field2 {
	background-color: transparent;
	border: none;
	padding: 7px;
	min-width: 1px;
	width: 100%;
	height: 35px;
}

#str_store_logo {
	max-width: 300px;
}

#str_upload_progress_c {
	display: none;
}

#str_partner_c {
	
}

#str_receipt_list {
	margin-bottom: 25px;
}

.str_partner {
	margin-bottom: 25px;
	padding: 15px;
	display: flex;
	gap: 25px;
	border: 1px solid #eeeeee;
	border-radius: 7px;
	box-shadow: 0px 5px 7px 1px rgba(0,0,0,0.1);
	background-color: white;
}

.str_partner_img_c a {
	display: block;
}

.str_partner_img_c {
	width: 200px;
	flex-shrink: 0;
}

.favs_view .str_partner_img_c {
	width: 75px;
	flex-shrink: 0;
}

.str_partner_desc_c {
	flex-grow: 1;
	display: flex;
	align-items: center;
}

.str_partner_desc_c > div {
	width: 100%;
}

.str_partner_name {
	display: flex;
	gap: 15px;
	margin-bottom: 10px;
}

.str_partner_name h2 {
	font-size: 22px;
	flex-grow: 1;
}

.str_partner_fav {
	font-size: 25px;
	display: flex;
	align-items: center;
	min-width: 25px;
}

.str_coupon_item {
	background-color: white;
	border: 1px solid #ccc;
	border-radius: 7px;
	padding: 15px;
	margin-bottom: 10px;
}

.str_coupon_head {
	display: flex;
	gap: 10px;
}

.str_receipt_image_item {
	max-width: 150px;
	position: relative;
	display: inline-block;
}

.str_receipt_image_item > a {
	display: block;
	width: 100%;
}

.str_receipt_img {
	width: 100%;
}

.str_receipt_image_delete {
	position: absolute;
	top: 10px;
	right: 10px;
	border: none;
	border-radius: 14px;
	background-color: #ffffffb2;
}

.cp_title {
	flex-grow: 1;
}

.cp_desc_short_btn,
.cp_desc_long_btn {
	min-width: 90px;
}

.str_coupon_body {
	display: flex;
	gap: 10px;
}

.str_coupon_body_item {
	flex-grow: 1;
	flex-basis: 0;
}

.str_coupon_body_item > label {
	font-size: 12px;
	color: #ccc;
}

.str_coupon_txt {
	display: none;
}

.str_coupon_footer {
	display: flex;
	gap: 10px;
}

.str_coupon_footer_item {
	flex-grow: 1;
	flex-basis: 0;
}

.str_coupon_footer_item button {
	width: 100%;
}

#str_camera video {
	width: 100%;
}

#str_date_th {
	width: 270px;
}

#str_submit {
	width: 100%;
}

.str_tier_c {
	font-size: 14px;
}

.str_cp_counter_c span {
	font-size: 14px;
	margin-right: 15px;
}

.usr_fav_btn {
	padding: 0px;
	margin: 0px;
	background-color: transparent;
	border: none;
	color: #333333;
}

/* .usr_fav_btn:hover {
	color: red;
} */

.usr_fav_btn > .bi-heart-fill {
	display: none;
}

/* .usr_fav_btn:hover > .bi-heart-fill {
	display: block;
}

.usr_fav_btn:hover > .bi-heart {
	display: none;
} */

.usr_fav_btn.faved > .bi-heart-fill {
	display: block;
	color: red;
}

.usr_fav_btn.faved > .bi-heart {
	display: none;
}

/* .usr_fav_btn.faved:hover > .bi-heart-fill {
	display: none;
}

.usr_fav_btn.faved:hover > .bi-heart {
	display: block;
} */

/* Coupons FE */

.cop_c {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 25px;
}

.cop_item {
	padding: 15px;
	border: 1px solid #eeeeee;
	border-radius: 7px;
	box-shadow: 0px 5px 7px 1px rgba(0,0,0,0.1);
	background-color: white;
}

.cop_head {
	display: flex;
	gap: 10px;
	margin-bottom: 15px;
	position: relative;
}

.cop_img_c {
	flex-shrink: 0;
	width: 100px;
}

.cop_title_c {
	display: flex;
	align-items: center;
	flex-grow: 1;
}

.cop_title_i {}

.cop_title_i > h2 {
	font-size: 20px;
}

.cop_desc_short {
	font-size: 14px;
}

.cop_desc_long {
	display: none;
}

.cop_footer {
	margin-top: 15px;
}

.cop_date_range {
	display: flex;
	font-size: 14px;
	flex-wrap: wrap;
}

.cop_date_range_item {
	flex-grow: 1;
	margin-bottom: 15px;
	width: 33%;
}

.cop_date_range_item_narrow {
	flex-shrink: 0;
	width: 70px;
	text-align: right;
}

.cop_point_c {
	margin-bottom: 15px;
}

.cop_point_title {
	font-size: 14px;
}

.cop_points {
	font-weight: bold;
}

#pt_head {
	display: flex;
}

.pt_search_c {
	margin-bottom: 10px;
}

.pt_search_c > label {
	font-size: 12px;
	margin-bottom: 5px;
}

.pt_head_item {
	width: 50%;
	flex-grow: 1;
	flex-basis: 0;
}

.pt_head_item h2 {
	margin-top: 15px;
	margin-bottom: 15px;
}

#pt_filter_btn {
	margin-top: 20px;
}

.pt_gap {
	margin-bottom: 15px;
}

.pt_c {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 25px;
}

.pt_item {
	padding: 10px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 7px;
	background-color: white;
}

.pt_item_top {
	display: flex;
	gap: 10px;
}

.pt_store_logo {
	width: 50px;
}

.pt_img {
	width: 50px;
}

.pt_store_name {
	margin-top: 10px;
	flex-grow: 1;
}

.pt_date {
	margin-top: 15px;
	font-size: 12px;
}

.pt_item_mid {
	display: flex;
	gap: 10px;
}

.pt_item_mid > div {
	flex-grow: 1;
	flex-basis: 0;
}

.pt_item_div {
	height: 1px;
	width: 100%;
	border-bottom: 1px solid #eeeeee;
	margin: 10px auto 5px;
}

.pt_item_bottom > label,
.pt_item_mid > div > label,
.pt_coup_values > div > label {
	font-size: 12px;
	color: #bbb;
}

.pt_coup_title {
	font-size: 12px;
}

.pt_coup_values {
	display: flex;
}

.pt_coup_values > div {
	flex-grow: 1;
}

footer {
	background-color: #003459;
}

#footer_c {
	display: flex;
}

#footer_menu {
	list-style: none;
	padding: 0px;
	margin: 0px;
	text-align: right;
}

#footer_menu li {
	display: inline-block;
}

#footer_menu a:link,
#footer_menu a:visited,
#footer_menu a:hover,
#footer_menu a:active {
	color: white;
	padding: 15px;
	font-size: 14px;
}

#footer_logo_c a {
	display: block;
	padding-top: 10px;
}

#footer_logo_c img {
	height: 30px;
}

#footer_menu_c {
	flex-grow: 1;
}

.copu_barcode {
	text-align: center;
}

.copu_barcode svg {
	min-height: 110px;
	width: 100%;
}

.home_row {
	padding-top: 100px;
}

.home_img_c {
	text-align: center;
}

.home_img_c > img {
	max-width: 75%;
}

.nd_alert {
	display: none;
}

#akciok,
#kuponok {
	scroll-margin-top: 65px;
}

@media (min-width: 1570px) {
	
}

@media (max-width: 1570px) and (min-width: 1200px) {
	
}

@media (max-width: 1200px) {
	
}

@media (max-width: 992px) {
	
	.navbar-logged-out-item {
		display: none;
	}
	
	.navbar-brand > img {
		height: 30px;
	}
	
	#main_menu > .nav-item {
		text-align: center;
	}
	
	.main_menu_btn {
		display: inline-block;
		margin-bottom: 10px;
	}
	
	#usr_menu_ul {
		position: absolute;
		box-shadow: 0px 5px 7px 1px rgba(0,0,0,0.1);
	}
	
	#main_menu_c {
		position: absolute;
		background-color: rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity));
		left: 0px;
		right: 0px;
		top: 59px;
		box-shadow: 0px 5px 7px 1px rgba(0,0,0,0.1);
		z-index: 1000;
	}
	
	#user_card_c {
		width: 50%;
	}
	
	#usr_menu_name {
		display: none;
	}
	
	.cop_c {
		grid-template-columns: repeat(1, 1fr);
	}
	
	.pt_c {
		display: block;
	}
	
	.pt_item {
		margin-bottom: 15px;
	}
	
	.pt_item_mid {
		flex-wrap: wrap;
	}
	
	.pt_item_mid > div {
		flex-basis: auto;
	}
	
	.pt_receipt_number {
		width: 100%;
	}
	
}

@media (max-width: 768px) {
	
	#user_card_view {
		flex-direction: column;
	}
	
	#user_card_c {
		width: 100%;
	}
	
	.str_partner {
		display: block;
		margin-bottom: 50px;
	}
	
	.str_partner_img_c {
		width: 100%;
		text-align: center;
		margin-bottom: 25px;
	}
	
	.str_partner_img_c img {
		width: 33%;
	}
	
	.favs_view .str_partner_img_c {
		margin-bottom: 0px;
	}
	
	.favs_view .str_partner_img_c img {
		width: 75px;
	}
	
	.str_partner_name {
		display: block;
		position: relative;
	}
	
	.usr_fav_btn {
		position: absolute;
		right: 0px;
		top: -5px;
	}
	
	.favs_view .str_partner {
		display: flex;
		gap: 15px;
		margin-bottom: 15px;
	}
	
	.favs_view .str_partner_desc_c {
		/* display: block; */
	}
	
	.favs_view .str_partner_name > h2 {
		text-align: left;
		font-size: 16px;
	}
	
	.favs_view .str_partner_fav {
		font-size: 18px;
	}
	
	.str_partner_fav {
		min-width: 25px;
	}
	
	.cop_date_range {
		display: flex;
		flex-wrap: wrap;
	}
	
	.cop_date_range_item {
		width: 50%;
	}
	
	.cop_img_c {
		width: 50px;
	}
	
	#user_card_dc {
		text-align: center;
	}
	
	#pt_filter_btn {
		margin-top: 15px;
	}
	
	.str_coupon_head {
		flex-wrap: wrap;
	}
	
	.cp_title,
	.cp_barcode {
		width: 100%;
	}
	
	.str_coupon_body_item_middle {
		text-align: center;
	}
	
	.str_coupon_body_item_end {
		text-align: right;
	}
	
	#str_receipt_image_c {
		text-align: center;
	}
	
	#footer_c {
		display: block;
	}
	
	#footer_logo_c {
		text-align: center;
	}
	
	#footer_logo_c a {
		padding-top: 20px;
	}
	
	#footer_menu {
		padding: 15px 0px;
		text-align: center;
	}
	
	#footer_menu li {
		display: block;
	}
	
	#footer_menu a:link,
	#footer_menu a:visited,
	#footer_menu a:hover,
	#footer_menu a:active {
		padding: 7px 0px;
	}
	
	.home_row {
		padding-top: 15px;
		margin-bottom: 25px;
	}
	
	.home_img_c > img {
		max-width: 50%;
	}
	
	.home_row_2 {
		display: flex;
		flex-direction: column-reverse;
	}
	
}

@media (max-width: 576px) {
	
	.str_form_flex {
		display: block;
	}
	
	.str_form_opt_label {
		display: none;
	}
	
	.str_btn_row {
		margin-top: 15px;
	}
	
	.str_btn_row > button {
		width: 100%;
	}
	
	.str_form_btn {
		margin-left: 0px;
	}
	
}

@media (prefers-color-scheme: dark) {

	html, body {
		color: #999;
		background-color: black;
	}
	
	.form-control {
		background-color: transparent;
		border-color: #888;
		color: #ccc;
	}
	
	.btn-mc-primary {
		--bs-btn-color: var(--btn-mc-primary-text) !important;
		--bs-btn-bg: var(--btn-mc-primary-color);
		--bs-btn-border-color: var(--btn-mc-primary-border);
		--bs-btn-hover-color: var(--btn-mc-primary-text);
		--bs-btn-hover-bg: var(--btn-mc-primary-hover);
		--bs-btn-hover-border-color: var(--btn-mc-primary-hover);
		--bs-btn-focus-shadow-rgb: 111, 66, 193;
		--bs-btn-active-color: var(--btn-mc-primary-text);
		--bs-btn-active-bg: var(--btn-mc-primary-hover);
		--bs-btn-active-border-color: var(--btn-mc-primary-hover);
		--bs-btn-disabled-color: var(--btn-mc-primary-text);
		--bs-btn-disabled-bg: var(--btn-mc-primary-color);
		--bs-btn-disabled-border-color: var(--btn-mc-primary-color);
	}
	
	a:link,
	a:visited {
		color: #999 !important;
	}
		
	/* TABLES */
	
	.table-striped > tbody > tr:nth-of-type(2n+1) {
		background-color: #111;
	}
	
	.table > tbody > tr:hover {
		background-color: #333 !important;
	}
	
	.table > tbody > tr > td,
	.table > tbody > tr > th,
	.table > tfoot > tr > td,
	.table > tfoot > tr > th,
	.table > thead > tr > td,
	.table > thead > tr > th {
		border-top: 1px solid #111 !important;
	}
	
	/* Notifications */
	
	#usr_noti_menu > svg > path {
		stroke: #999;
	}
	
	.noti_item {
		background-color: #333;
		border: 1px solid #555;
	}
	
	#main_navbar {
		border-bottom: 1px solid #222;
	}
	
	.str_partner,
	.cop_item,
	.pt_item {
		border: 1px solid #333;
	}
	
	.str_partner,
	.cop_item,
	.pt_item {
		background-color: #222;
	}
	
	.icon-light {
		display: none;
	}
	
	.icon-dark {
		display: block;
	}
	
	.usr_fav_btn {
		color: #999999;
	}
	
}

@media (prefers-color-scheme: dark) and (max-width: 1200px) {
	
}