/* The grid: Four equal columns that floats next to each other */



.support_content {

    background: whitesmoke;

    padding: 10px 5px;

    border-radius: 3px;

    box-shadow: 0 0 10px #80808042;

    border: 1px solid #8080802e;

    font-family: sans-serif;

}



.column {

    float: left;
    width: 30%;
    padding: 0px;
    border: 3px solid #e4e4e4;
    margin: 10px 3px 0 3px;
}





/* Style the images inside the grid */


/*
.column img {

    opacity: 0.8;

    cursor: pointer;

}*/






.item_list {

    padding: 5px 15px;

}



.column img:hover {

    opacity: 1;

}





/* Clear floats after the columns */



.row:after {

    content: "";

    display: table;

    clear: both;

}





/* The expanding image container (positioning is needed to position the close button and the text) */



.container {

    position: relative;

    display: none;

}





/* Expanding image text */



#imgtext {

    position: absolute;

    bottom: 15px;

    left: 15px;

    color: red;

    font-size: 20px;

    background: #6f6f6f9c;

    padding: 2px 25px;

    border-radius: 2px;

    text-align: center;

    font-weight: bold;

}





/* Closable button inside the image */



.closebtn {

    position: absolute;

    top: 10px;

    right: 15px;

    color: red;

    font-size: 35px;

    cursor: pointer;

}



/* flip effect removed per request — screenshots no longer mirror on hover */





/* menu css */



#main_header {

    display: table;

    table-layout: fixed;

    width: 100%;

    height: 100%;

}



.head_logo,

.chat_head_logo {

    display: table-cell;

    vertical-align: middle;

    width: 100px;

    white-space: nowrap;

}



.mobile_logo {

    display: table-cell;

    vertical-align: middle;

    width: 50px;

    white-space: nowrap;

}



.head_logo img,

.chat_head_logo img {

    max-height: 44px;

    max-width: 148px;

    display: block;

}



.mobile_logo img {

    display: block;

    max-height: 38px;

}



.login_main_menu {

    display: table-cell;

    text-align: right;

    vertical-align: middle;

    height: 100%;

}



.login_main_menu {

    padding: 0px;

}



.login_main_menu ul li {

    display: inline-block;

    margin-left: 5px;

    padding: 8px 10px;

    border-radius: 3px;

    cursor: pointer;

    font-size: 14px;

}



#login_menu {

    width: 200px;

    height: auto;

    position: absolute;

    top: 100%;

    right: 0;

    z-index: 100;

    display: none;

}



#login_menu li {

    display: list-item;

    width: 100%;

    margin: 0;

    text-align: left;

    font-size: 14px;

    text-transform: none;

    cursor: pointer;

}



#mobile_main_menu {

    width: 240px;

    height: auto;

    position: absolute;

    top: 100%;

    right: 0;

    z-index: 161;

    display: none;

}



#mobile_main_menu li {

    display: list-item;

    width: 100%;

    margin: 0;

    text-transform: none;

    cursor: pointer;

}



#empty_top_mob {

    display: table-cell;

    vertical-align: middle;

    padding-right: 20px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



#store_cart_menu {

    display: table-cell;

    vertical-align: middle;

    padding-right: 20px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.head_option {

    display: table-cell;

    width: 40px;

    vertical-align: middle;

    font-size: 16px;

    text-align: center;

    position: relative;

    cursor: pointer;

}



#main_mob_menu {

    display: table-cell;

    vertical-align: middle;

    width: 36px;

    position: relative;

    cursor: pointer;

}



#open_login_menu {

    display: table-cell;

    vertical-align: middle;

    width: 50px;

    font-size: 24px;

    text-align: center;

    position: relative;

}



.av_menu_arrow {

    float: right;

    font-size: 20px;

    margin-left: 5px;

    margin-top: 10px;

}



#back_to_page {

    display: table-cell;

    text-align: right;

    font-size: 17px;

}



#back_button {

    padding: 10px;

    font-size: 17px;

}





/* store css added */



.avstore {

    width: 50px;

}



.store_edit {

    width: 30px;

}



.store_btn {

    margin-top: 5px;

    min-width: 100px;

    padding: 5px;

    border-radius: 3px;

}



.icon_large_container {

    width: 45px;

}



.icon_xlarge_container {

    width: 70px;

}



.icon_jumbo_container {

    width: 80px;

}



.icon_reg_container {

    width: 40px;

}



.icon_small_container {

    width: 36px;

}



.icon_xsmall_container {

    width: 28px;

}



.icon_xlarge {

    width: 64px;

    height: auto;

    border-radius: 5px;

    display: block;

}



.icon_jumbo {

    width: 70px;

    height: auto;

    border-radius: 5px;

    display: block;

}



.icon_large {

    width: 36px;

    height: auto;

    border-radius: 25px;

    display: block;

}



.icon_reg {

    width: 40px;

    height: auto;

    border-radius: 5px;

    display: block;

}



.icon_small {

    width: 36px;

    height: auto;

    border-radius: 50%;

    display: block;

}



.icon_xsmall {

    width: 28px;

    height: auto;

    border-radius: 50%;

    display: block;

}



.icon_item_large {

    width: 100px;

    height: 100px;

    border-radius: 50%;

}



.store_slide {

    max-width: 100%;

    height: auto;

    max-height: 420px;

    display: block;

    margin: 0 auto;

}



.slide_button {

    width: 50px;

    height: 40px;

    text-align: center;

}



.slide_button_left {

    border-radius: 50%;

    height: 50px;

    width: 50px;

    text-align: center;

    position: absolute;

    left: 5px;

    top: 45%;

    z-index: 10;

    opacity: 0;

}



.slide_button_right {

    border-radius: 50%;

    height: 50px;

    width: 50px;

    text-align: center;

    position: absolute;

    right: 5px;

    top: 45%;

    z-index: 10;

    opacity: 0;

}



.slide_content:hover .slide_button_right {

    opacity: 1;

}



.slide_content:hover .slide_button_left {

    opacity: 1;

}



.slide_content {

    position: relative;

}



.store_plan {

    width: 33%;

    height: 70px;

}



.plan_content {

    height: 100%;

}



.cart_btn {

    padding: 4px 8px;

    border-radius: 20px;

}



.over_item:hover {

    background: #ededed;

    cursor: pointer;

}



.item_list {

    padding: 5px 15px;

}



.item_list li {

    list-style: disc;

    padding: 1px 0;

}



.opt_cell {

    width: 40px;

    text-align: center;

    font-size: 22px;

}



.modal_opt {

    width: 36px;

    height: 36px;

    text-align: center;

}



.price_cell {

    width: 60px;

}



.price_tag:before {

    content: '$';

    font-size: 11px;

    vertical-align: text-top;

}



.discount_cell {

    width: 120px;

}



.download_cell {

    width: 110px;

    text-align: right;

}



.discount_back {

    background: #012832;

    color: #fff;

}



.discount_text {

    font-family: "Arial Black", Gadget, sans-serif;

    text-shadow: 2px 2px 5px #000;

}



.discount_text2 {

    text-shadow: 2px 2px 5px #000;

}



.type_btn {

    padding: 2px 8px;

    border-radius: 20px;

}



.price_up {

    margin-top: -5px;

}



.item_btn {

    margin-right: 25px;

    font-size: 15px;

    float: left;

    line-height: 1.4em;

    margin-top: 10px;

    cursor: pointer;

    display: inline;

}



.empty_over {

    height: 2px;

    z-index: 1;

    margin-top: -2px;

    position: relative;

    margin-bottom: -2px;

}



#store_menu {

    height: auto;

    width: 100%;

    position: fixed;

    top: 50px;

    z-index: 3;

}



#store_menu_in {

    height: auto;

    width: 100%;

    max-width: 1200px;

    margin: 0 auto;

}



.store_li {

    float: left;

    position: relative;

    padding: 15px;

    font-weight: bold;

    cursor: pointer;

    font-size: 15px;

}



.store_li:hover {

    background: #012832;

}



.drop_addons {

    display: none;

    min-width: 180px;

    height: auto;

    position: absolute;

    padding: 0;

    left: 0;

    top: 100%;

}



.drop_sub {

    padding: 12px 12px;

    background: #023c4b;

}



.drop_sub:hover {

    background: #03add8;

}



.info_price {

    width: 70px;

}



.menu_info {

    display: inline-block;

    padding-right: 15px;

    font-weight: bold;

    font-size: 14px;

}



.lic_btn {

    width: 50px;

    font-size: 20px;

    text-align: center;

}



.lic_box {

    border-radius: 5px;

}





/* transfer css */



.transfer_rules {

    font-weight: bold;

}



.accept_transfer_rules {

    color: #ccc;

    font-size: 20px;

    margin-right: 5px;

}



@media screen and (max-width:768px) {

    .store_plan {

        width: 50%;

    }

}



.price_cell {

    width: 60px;

}



.sp_title {

    padding-bottom: 5px;

}



.ps_ale {
	display: table-cell;
	text-align: left;
}

.ps_llef {
	border-radius: 20px;
	margin-right: 0;
	margin-left: 0;
	color: inherit;
}





/* other element */



.sp_content {

    width: 100%;

    display: table;

    table-layout: fixed;

}



.sp_icon {

    width: 70px;

    font-size: 30px;

    text-align: center;

    padding: 20px 0;

}



.sp_info {

    padding: 0 10px;

}



.sp_title {

    font-weight: bold;

}



/* .background_header, .modal_selected/.tab_selected, .theme_btn, .top_background
   group, and .default_btn colors are fully governed by the active theme's
   own stylesheet — see css/themes/*/*.css */

/* ---- Profile / product list (clean business) ---- */
.profile_wrap {
	overflow: hidden;
	position: relative;
}
.cover_item.add_cover,
.avatar_button {
	position: relative;
	overflow: hidden;
}
/*.pro_menu_wrap {
	border-bottom: 1px solid rgba(128,128,128,.18);
}*/
.pro_menu_wrap .modal_menu,
.modal_menu.centered_element {
	background: transparent !important;
	box-shadow: none !important;
	text-align: center;
	padding: 10px 0;
}
.pro_menu_wrap .modal_menu ul,
.modal_menu.centered_element ul {
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
}
.pro_menu_wrap .modal_menu ul li.modal_menu_item,
.modal_menu.centered_element ul li.modal_menu_item {
	display: inline-block;
	border-radius: 5px;
	padding: 8px 12px;
	font-size: 13px;
	font-weight: bold;
	margin: 0 5px 0 0;
}
.tab_menu.dash_tab_menu {
	background: rgba(128,128,128,.08) !important;
	max-width: 100%;
	overflow: hidden;
	text-align: left;
	margin-top: 16px;
	margin-bottom: 18px;
}
.page_left > .page_element {
	overflow-x: hidden;
}
#online_list {
	overflow-x: hidden;
	max-width: 100%;
}
.profile_background {
	background-color: #2b3138;
	min-height: 180px;
}
.profile_products {
	width: 100%;
}
/* Page columns use max-width:100% on images so photos don't overflow.
   .comment_count.bcauto is width:1%, so that rule was shrinking the comment icon. */
img.like_icon,
img.comment_icon,
img.wlike_icon {
	max-width: none;
	width: 20px;
	height: 20px;
}
.cust_addon_row {
	margin-bottom: 0;
	padding: 4px 0;
	border-bottom: 1px solid rgba(128,128,128,.22);
}
.cust_addon_row:last-child {
	border-bottom: none;
}
.cust_addon_card {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 14px;
	background: transparent;
}
.cust_addon_icon {
	flex: 0 0 48px;
	width: 48px;
	height: 48px;
}
.cust_addon_icon img {
	width: 48px;
	height: 48px;
	object-fit: contain;
	border-radius: 6px;
}
.cust_addon_meta {
	flex: 1 1 auto;
	min-width: 0;
}
.cust_addon_name {
	font-weight: 700;
	font-size: 14px;
	margin: 0 0 2px 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.cust_addon_dev,
.cust_addon_domain,
.cust_addon_key {
	font-size: 12px;
	margin: 2px 0 0 0;
	opacity: .75;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.cust_addon_key_pending {
	opacity: .9;
	font-style: italic;
}
.cust_addon_actions {
	display: flex;
	gap: 4px;
	flex: 0 0 auto;
}
.cust_addon_btn {
	width: 34px;
	height: 34px;
	border: 1px solid rgba(128,128,128,.25);
	background: transparent;
	border-radius: 6px;
	cursor: pointer;
	font-size: 14px;
}
.cust_addon_btn:hover {
	background: rgba(128,128,128,.12);
}
.cust_addon_btn_danger:hover {
	color: #c0392b;
	border-color: rgba(192,57,43,.4);
}

@media (max-width: 520px) {
	.cust_addon_card {
		flex-wrap: wrap;
	}
	.cust_addon_actions {
		width: 100%;
		justify-content: flex-end;
	}
}

/* Match Codychat 11 rounded UI: modals, boxes, cards — all themes */
:root {
	--ui-radius: 20px;
	--ui-radius-sm: 12px;
}
/* Rounded modals like 11 — no overflow:hidden so SelectBoxIt dropdowns are not clipped */
.small_modal_in,
.large_modal_in,
.over_modal_in,
.over_emodal_in,
.modal_in,
#small_modal_in,
#large_modal_in,
#over_modal_in,
#over_emodal_in {
	border-radius: 20px !important;
	overflow: visible !important;
}
.small_modal_in .modal_top,
.over_modal_in .modal_top,
.large_modal_in .modal_top {
	background: transparent !important;
	color: inherit !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	display: table;
	table-layout: fixed;
	width: 100%;
	padding: 0 0 10px;
	align-items: unset;
}
.small_modal_in .modal_top_empty,
.over_modal_in .modal_top_empty,
.large_modal_in .modal_top_empty {
	display: table-cell;
	flex: none;
	min-width: 0;
	font-size: 16px;
	font-weight: bold;
	padding: 0 5px 0 0;
	vertical-align: middle;
}
.small_modal_in .modal_top .modal_top_element,
.over_modal_in .modal_top .modal_top_element,
.large_modal_in.modal_pad .modal_top .modal_top_element {
	display: none !important;
}
#over_modal .empty_close_over {
	display: none;
}
#notification_menu .float_content {
	max-height: 364px;
}
#notification_menu .notify_item {
	border-radius: 5px;
}
#notification_menu,
.fmenu,
.notify_item {
	text-align: initial !important;
}
.notify_details,
.notify_details .hnotify,
.notify_details .notify_text,
.notify_details .date_notify,
.notify_details p {
	text-align: left !important;
}
/* Keep select dropdowns above modal content (no overflow clipping) */
.selectboxit-container .selectboxit-options {
	z-index: 999999 !important;
}
.page_element,
.background_box,
.shop_card,
.product_card,
.news_card,
.ticket_row,
.ticket_message,
.ticket_reply,
.cust_addon_card,
.out_page_box .pad_box,
.out_page_box,
.selectboxit-container .selectboxit,
.selectboxit-container .selectboxit-options,
.post_input_container,
.float_menu,
.fmenu {
	/* border-radius: var(--ui-radius) !important; */
}
.shop_card_img,
.product_gallery_img,
.cust_addon_icon img,
.icon_xlarge {
	border-radius: var(--ui-radius-sm) !important;
}

/* License search dropdown — never force light/white on dark themes */
#myDropdown.dropdown-content,
.dropdown-content {
	background-color: #1a1a1a !important;
	color: #f2f2f2 !important;
	border: 1px solid rgba(255,255,255,.12) !important;
	border-radius: 20px !important;
}
#myDropdown.dropdown-content a,
.dropdown-content a {
	color: #f2f2f2 !important;
}
#myDropdown.dropdown-content a:hover,
.dropdown-content a:hover {
	background: rgba(255,255,255,.08) !important;
}
#myInput {
	background: transparent !important;
	color: #f2f2f2 !important;
	border-bottom: 1px solid rgba(255,255,255,.18) !important;
}

/* Public product page */
.product_public_wrap {
	max-width: 560px;
	margin: 16px auto;
	padding: 0 12px 28px;
}
.product_public_card {
	border-radius: 8px;
	padding: 16px;
	border: 1px solid rgba(128,128,128,.18);
}
.product_public_top {
	display: flex;
	gap: 12px;
	align-items: flex-start;
}
.product_public_icon {
	width: 56px;
	height: 56px;
	object-fit: contain;
	border-radius: 6px;
	flex: 0 0 auto;
}
.product_public_meta h1 {
	margin: 0 0 4px;
	font-size: 18px;
}
.product_public_dev {
	margin: 0;
	opacity: .75;
	font-size: 12px;
}
.product_public_price {
	margin-top: 6px;
	font-size: 16px;
	font-weight: 700;
}
.product_public_actions {
	margin-top: 12px;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
}
.product_public_link {
	margin-top: 10px;
	font-size: .8rem;
	opacity: .8;
	word-break: break-all;
}
.product_public_desc {
	margin-top: 14px;
	line-height: 1.5;
	font-size: 13px;
}
@media (max-width: 560px) {
	.product_public_top {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
}

/* Transactions */
.tx_row {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	padding: 12px 14px;
	margin-bottom: 8px;
	border-radius: 12px;
	cursor: pointer;
	box-sizing: border-box;
}
.tx_row_avatar {
	flex: 0 0 40px;
}
.tx_row_avatar img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	object-fit: cover;
	display: block;
}
.tx_row_body {
	flex: 1;
	min-width: 0;
}
.tx_row_product {
	margin: 0;
	font-weight: 600;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.tx_row_meta {
	margin: 3px 0 0;
	font-size: 12px;
	opacity: .7;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.tx_row_side {
	flex: 0 0 auto;
	text-align: right;
}
.tx_row_amount {
	margin: 0;
	font-weight: 700;
	font-size: 14px;
}
.tx_badge {
	display: inline-block;
	margin-top: 4px;
	padding: 2px 8px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.4;
}
.tx_badge_paid {
	background: rgba(46, 204, 113, .16);
	color: #2ecc71;
}
.tx_badge_pending {
	background: rgba(232, 163, 23, .18);
	color: #e8a317;
}
.tx_row_pending {
	cursor: default;
}
.tx_row_pending .tx_row_avatar,
.tx_row_pending .tx_row_body {
	cursor: pointer;
}
.tx_approve_btn {
	margin-top: 8px;
}

/* Notification username and message stay white; only the timestamp stays grey */
.notify_details .hnotify,
.notify_details .hnotify.username,
.notify_details .notify_text {
	font-weight: 700;
	color: #fff !important;
}
.notify_details .notify_text {
	font-weight: 400;
}
.notify_details .date_notify,
.notify_details .sub_date {
	color: #888 !important;
	font-weight: 400;
}

/* Keep manager/store pages inside the viewport — wrap instead of horizontal scroll */
html, body {
	max-width: 100%;
	overflow-x: hidden;
}
#page_content,
#page_global,
.page_indata,
#page_wrapper,
.page_full,
.page_element,
.page_left,
.page_right,
.page_350 {
	max-width: 100%;
	box-sizing: border-box;
}
#page_wrapper {
	overflow-x: hidden;
}
.product_grid,
.shop_grid,
.product_form_grid,
.mgr_kpi_grid,
.mgr_links {
	max-width: 100%;
}
.product_card,
.shop_card {
	max-width: 100%;
}
.table_wrap,
.ulist_container,
.box_min {
	max-width: 100%;
	overflow-x: hidden;
}
.data_table,
table.table {
	width: 100%;
	max-width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}
.data_table th,
.data_table td,
table.table th,
table.table td {
	word-break: break-word;
	overflow-wrap: anywhere;
	padding: 10px 12px;
	vertical-align: top;
}
.data_table tbody tr {
	border-bottom: 1px solid rgba(128,128,128,.22);
}
.data_table thead th {
	border-bottom: 1px solid rgba(128,128,128,.35);
}
.selectboxit-container {
	max-width: 100% !important;
}
select,
select.full_input {
	height: 46px;
	min-height: 46px;
	padding: 0 10px;
	line-height: 44px;
	box-sizing: border-box;
}
.selectboxit-container .selectboxit {
	height: 46px !important;
	min-height: 46px;
	line-height: 46px;
	padding: 0 !important;
	box-sizing: border-box;
}
.selectboxit-container .selectboxit-text,
.selectboxit-container .selectboxit-arrow-container,
.selectboxit-container .selectboxit-options a {
	height: 46px !important;
	line-height: 46px !important;
	box-sizing: border-box;
}
.selectboxit-default-arrow {
	height: 0 !important;
	width: 0 !important;
}
.selectboxit-container .selectboxit-options {
	padding: 0 !important;
}
.selectboxit-container .selectboxit-options li {
	padding: 0 !important;
	height: 46px;
}
.btable {
	max-width: 100%;
}
.tx_row {
	flex-wrap: wrap;
}
.sub_list_item {
	max-width: 100%;
}

/* Terms of use / Privacy policy */
.legal_wrap {
	max-width: 820px;
	margin: 0 auto;
	padding: 12px 8px 28px;
}
.legal_hero {
	padding: 8px 0 22px;
	margin-bottom: 8px;
	border-bottom: 1px solid rgba(128,128,128,.28);
}
.legal_kicker {
	margin: 0 0 8px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	opacity: .55;
}
.legal_wrap h1 {
	margin: 0 0 12px;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -.02em;
}
.legal_lead {
	margin: 0 0 10px;
	font-size: 16px;
	line-height: 1.65;
	opacity: .82;
	max-width: 680px;
}
.legal_meta {
	margin: 0;
	font-size: 13px;
	opacity: .5;
}
.legal_body {
	padding-top: 8px;
}
.legal_body h2 {
	margin: 28px 0 10px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.35;
}
.legal_body p,
.legal_body li {
	font-size: 15px;
	line-height: 1.7;
	opacity: .88;
}
.legal_body p {
	margin: 0 0 12px;
}
.legal_body ul {
	margin: 0 0 14px;
	padding: 0 0 0 20px;
}
.legal_body li {
	margin: 0 0 8px;
}
.legal_body strong {
	font-weight: 700;
	opacity: 1;
}
.legal_modal .legal_wrap {
	padding: 0 4px 8px;
}
.legal_modal .legal_wrap h1 {
	font-size: 24px;
}
@media (max-width: 720px) {
	.legal_wrap h1 {
		font-size: 24px;
	}
	.legal_lead,
	.legal_body p,
	.legal_body li {
		font-size: 14px;
	}
}

.date_form {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.date_col {
	display: table-cell;
	padding-right: 6px;
	vertical-align: top;
}
.date_col:last-child {
	padding-right: 0;
}
.date_col select {
	width: 100%;
}

.cover_item_wrap p {
	margin: 0;
}
.add_cover p {
	position: relative;
	margin: 0;
}

#header_full.background_header,
.bhead {
	background: #111;
	color: #fff;
}
#header_full,
#wrap_full_header {
	width: 100%;
	max-width: 100%;
}
body:has(#header_full) {
	padding-top: 50px;
	box-sizing: border-box;
}
body:has(#header_full) #page_full_content {
	padding-top: 0;
}
.back_modal {
	background: #191919;
	color: #fff;
}
.back_pmenu {
	background: #151515;
}
.bback {
	background: rgba(255,255,255,0.05);
}

#page_full_content,
#page_full_global,
#page_full_content .page_indata,
#page_full_content #page_wrapper,
#page_full_content .page_full,
#page_full_content .page_element,
#page_full_content .page_left,
#page_full_content .page_right,
#page_full_content .page_350 {
	max-width: 100%;
	box-sizing: border-box;
}

/* 11 admin-style settings, buttons, inputs, and popup boxes */
.page_element {
	padding: 20px;
	margin-bottom: 10px;
	border-radius: 2px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
}
.form_control {
	padding-top: 15px;
}
.reg_button {
	padding: 10px;
	min-width: 100px;
	border-radius: 5px;
}
.full_input,
.full_textarea {
	padding: 14px 10px;
	border-radius: 5px;
}
.selectboxit-container .selectboxit,
.selectboxit-container .selectboxit-options {
	border-radius: 5px !important;
}
.selectboxit-container span,
.selectboxit-container .selectboxit-options a {
	height: 46px;
	line-height: 46px;
}
#page_full_content .tab_menu {
	font-size: 0;
	padding: 5px 10px;
	margin-bottom: 5px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
}
#page_full_content .tab_menu ul {
	display: block;
	flex-wrap: unset;
	gap: 0;
	padding: 0;
	margin: 0;
	overflow: visible;
	white-space: normal;
}
#page_full_content .tab_menu ul li,
#page_full_content .tab_menu ul li.tab_menu_item {
	display: inline-block;
	padding: 8px 15px;
	cursor: pointer;
	font-size: 13px;
	font-weight: bold;
	border-radius: 5px;
	margin: 5px;
	white-space: nowrap;
}
#page_full_content .tab_menu ul li.tab_selected {
	background: rgba(128,128,128,.18) !important;
	color: inherit !important;
}
.date_form {
	display: flex;
	gap: 8px;
	width: 100%;
	table-layout: auto;
}
.date_col {
	display: block;
	flex: 1;
	min-width: 0;
	padding-right: 0;
}
.date_month {
	flex: 2;
}
.date_col > * {
	width: 100%;
}
.small_modal_in,
.large_modal_in,
.over_modal_in,
.over_emodal_in {
	border-radius: 20px;
}
.modal_pad {
	padding: 36px 20px 20px 20px;
}
.modal_title {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 15px;
}
.modal_control {
	padding-top: 15px;
	padding-bottom: 10px;
}
.modal_close {
	width: 36px;
	height: 36px;
	top: 10px;
	right: 10px;
	font-size: 18px;
}
.forgot_pass_elem,
.rules_text_elem {
	text-align: center;
}
.rules_click {
	cursor: pointer;
	text-decoration: underline;
}

.action_item {
	margin-bottom: 3px;
	border-radius: 5px;
}

/* Modal boxes — match Codychat 11 */
.small_modal_in .modal_menu,
.over_modal_in .modal_menu,
.large_modal_in .modal_menu,
.pro_menu_wrap .modal_menu {
	background: transparent !important;
	box-shadow: none !important;
	font-size: 0;
	padding: 10px 0;
	max-width: 100%;
}
.small_modal_in .modal_menu ul,
.over_modal_in .modal_menu ul,
.large_modal_in .modal_menu ul {
	display: block;
	gap: 0;
	padding: 0;
	margin: 0;
}
.small_modal_in .modal_menu ul li.modal_menu_item,
.over_modal_in .modal_menu ul li.modal_menu_item,
.large_modal_in .modal_menu ul li.modal_menu_item {
	display: inline-block;
	padding: 8px 12px;
	cursor: pointer;
	font-weight: bold;
	font-size: 13px;
	margin: 0 5px 0 0;
	border-radius: 5px;
	background: transparent !important;
	color: inherit !important;
}
.small_modal_in .modal_menu ul li.modal_menu_item.modal_selected,
.over_modal_in .modal_menu ul li.modal_menu_item.modal_selected,
.large_modal_in .modal_menu ul li.modal_menu_item.modal_selected,
.pro_menu_wrap .modal_menu ul li.modal_menu_item.modal_selected {
	background: rgba(128,128,128,.18) !important;
	color: inherit !important;
}
.modal_mborder {
	border-bottom: 1px solid rgba(128,128,128,.18);
}
.modal_mback {
	background: rgba(128,128,128,.08);
}
.over_modal_in .sub_list_item.action_item {
	background: rgba(128,128,128,.1);
}
.over_modal_in .sub_list_item.action_item:hover {
	background: rgba(128,128,128,.18);
}
.news_reply_form {
	display: flex;
	align-items: stretch;
	gap: 8px;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}
.news_reply_form .full_input {
	flex: 1 1 auto;
	min-width: 0 !important;
	width: auto !important;
	max-width: none;
}
.news_reply_form .news_reply_post {
	flex: 0 0 auto;
	min-width: 0 !important;
	white-space: nowrap;
	width: auto;
}
#large_modal .modal_close {
	display: none;
}
#large_modal_in.modal_pad .modal_close {
	display: table;
}

.news_reply .news_reply_name,
.news_reply .news_reply_name.username {
	color: #fff !important;
}
.news_reply .news_reply_date {
	color: #8a8a8a;
}
.news_reply .news_reply_text,
.news_reply .news_reply_text p {
	color: #fff;
}

.store_faq_section {
	margin-bottom: 22px;
}
.store_faq_section:last-child {
	margin-bottom: 0;
}
.store_faq_section_title {
	margin: 0 0 10px;
	font-size: 15px;
}
.store_faq_item {
	background: rgba(128,128,128,.08);
	border: 1px solid rgba(128,128,128,.16);
	border-radius: 8px;
	padding: 0 14px;
	margin-bottom: 8px;
}
.store_faq_item summary {
	cursor: pointer;
	font-weight: 700;
	padding: 12px 0;
	list-style: none;
}
.store_faq_item summary::-webkit-details-marker {
	display: none;
}
.store_faq_item summary::after {
	content: "+";
	float: right;
	font-weight: 400;
	opacity: .6;
}
.store_faq_item[open] summary::after {
	content: "\2212";
}
.store_faq_item p {
	margin: 0 0 12px;
	line-height: 1.55;
	opacity: .85;
}
.store_faq_item a {
	text-decoration: underline;
}
#plan_control .reg_button + .reg_button {
	margin-top: 8px;
}
.bank_proof_list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
}
.bank_proof_btn {
	margin: 0 8px 8px 0;
}
.post_zip {
	margin: 10px 0;
}
.post_zip a {
	display: inline-block;
	padding: 8px 12px;
}
.post_audio,
.post_video {
	margin: 10px 0;
	max-width: 100%;
}
.post_audio audio,
.post_video video {
	max-width: 100%;
}
#news_file {
	z-index: 2;
}
.about_area {
	white-space: pre-wrap !important;
	line-height: 1.55;
	resize: vertical;
	min-height: 160px;
	overflow-y: auto;
}
.about_display {
	white-space: pre-wrap;
	line-height: 1.55;
	word-break: break-word;
}
.bank_pay_card {
	padding: 8px 6px 4px;
}
.bank_pay_back {
	display: inline-block;
	margin: 0 0 12px;
	padding: 0;
	border: 0;
	background: none;
	color: inherit;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	opacity: .75;
}
.bank_pay_back:hover {
	opacity: 1;
}
.bank_pay_kicker {
	margin: 0 0 6px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	opacity: .5;
}
.bank_pay_title {
	margin: 0 0 8px;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.25;
}
.bank_pay_lead {
	margin: 0 0 16px;
	font-size: 13px;
	line-height: 1.55;
	opacity: .72;
}
.bank_pay_rows {
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid rgba(128,128,128,.22);
	margin-bottom: 16px;
}
.bank_pay_row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 11px 14px;
	border-bottom: 1px solid rgba(128,128,128,.16);
}
.bank_pay_row:last-child {
	border-bottom: 0;
}
.bank_pay_label {
	font-size: 12px;
	opacity: .55;
	flex: 0 0 38%;
}
.bank_pay_value {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	text-align: right;
	font-size: 13px;
	min-width: 0;
}
.bank_pay_value strong {
	font-weight: 600;
	word-break: break-all;
}
.bank_pay_copy {
	opacity: .55;
	font-size: 12px;
}
.bank_pay_copy:hover {
	opacity: 1;
}
.bank_pay_note {
	padding: 12px 14px;
	font-size: 13px;
	line-height: 1.5;
	opacity: .8;
	border-top: 1px solid rgba(128,128,128,.16);
}
.bank_pay_section {
	margin: 0 0 8px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	opacity: .5;
}
.bank_pay_proof {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 18px;
}
.bank_pay_chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 12px;
	border-radius: 20px;
	border: 1px solid rgba(128,128,128,.22);
	background: rgba(128,128,128,.08);
	font-size: 13px;
	cursor: pointer;
	color: inherit;
	text-decoration: none;
}
.bank_pay_chip:hover {
	border-color: rgba(128,128,128,.4);
}
.bank_pay_chip_text {
	cursor: default;
}
.bank_pay_actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
}